/*============================================================================================*/
/* GERAL																													 */
/*============================================================================================*/
*{
	margin: 0;
	padding: 0;
	border: 0;
	font-family:'Titillium Web', sans-serif;
	font-size:14px;
	color:#333;
}

body{
	background:url("../imagens/geral/background_big.png") center repeat-y;
	height:auto;
}

.shadow{
	box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.5);
}

input:focus{
	outline: none;
}

textarea:focus{
	outline: none;
}

#slogan{
	width:100%;
	margin:auto;
	background:#0D79A2;
	color:#FFF;
	height:36px;
	font-size:20px;
	padding-top:2px;
	text-transform:uppercase;
	text-align:center;
}

#slogan .highlight{
	color:#FFF;
	font-size:22px;
	text-transform:uppercase;
	font-weight:bold;
}

/*============================================================================================*/
/* TOPO																													 */
/*============================================================================================*/
#topo{
	position:relative;
	height:110px;
	width:1027px;
	margin:auto;
	background:#444;
	border-bottom:solid 3px #2BB8EE;
}

#logo{
	position:relative;
	float:left;
	height:110px;
	width:133px;
	margin-left:12px;
	cursor:pointer;
	background:url("../imagens/geral/logo_old.png") center left no-repeat;
	/*background:#FFF;*/
}

#box_contato{
	position:relative;
	width:auto;
	overflow:hidden;
	text-align:right;
	font-size:14px;
	color:#FFF;
	text-transform:uppercase;
	padding:12px 20px 0 0;
	opacity:0.8;
}

#box_contato .item_contato{
	float:right;
	color:#FFF;
	margin-left:10px;
}

#box_contato a{
	color:#FFF;
	text-decoration:none;
	font-size:12px;
}
#box_contato a:hover{
	font-weight:bolder;
}

#box_menu{
	position:relative;
	width:auto;
	overflow:hidden;
	margin-top:37px;
}

#menu{
}

#menu .al_right{
	float:right;
}

#menu .item{
	cursor:pointer;
	border-bottom:solid 2px #2BB8EE;
	margin-right:20px;
}

#menu .item:hover{
	border-bottom:solid 22px #2BB8EE;
}

#menu .item_selec{
	cursor:pointer;
	border-bottom:solid 22px #2BB8EE;
	margin-right:20px;
}

#menu .menu_icon{
	float:left;
	margin-top:34px;
}

#menu .pos_inicio{margin-left:43px;}
#menu .pos_empresa{margin-left:35px;}
#menu .pos_maquinas{margin-left:25px;}
#menu .pos_contato{margin-left:33px;}

#menu .menu_titulo{
	font-size:14px;
	float:left;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
}

#corpo{
	position:relative;
	width:1027px;
	height:auto;
	padding-bottom:20px;
	/*
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius: 10px 10px 10px 10px;
	*/
	background:#FFF;
	margin:auto;
}


/*============================================================================================*/
/* SLIDER																													 */
/*============================================================================================*/
#container_slider{
	position:relative;
	width:100%;
	height:440px;
	padding-top:15px;
}

#slider_sombra{
	position:relative;
	width:100%;
	height:30px;
	margin-bottom:15px;
	background:url(../imagens/geral/sombra_banner.png) center no-repeat;
}

#slider{
	position:relative;
	width:995px;
	height:100%;
	margin:auto;
	z-index:9;
}

#slider .img_slide{
	width:995px;
	height:440px;
	/*
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius: 10px 10px 10px 10px;
	*/
}

#pager {
	position:relative;
	height:14px;
	z-index:999;
	margin:auto;
	text-align:center;
	margin-top:-30px;
}

#pager a {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  text-indent: -999em;
  background: #fff;
  border-radius: 10px; /* must be the same as width and height */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 0 1px 1px #707173; /* border color */
  margin-right: 10px;
}

#pager a {
  background: #c0c0c0; /* optional: color when hovered */
}

#pager a.activeSlide {
  background: #707173; /* color when active */
}

#direita{
	position:absolute;
	width:70px;
	height:40px;
	background:url("../imagens/geral/slider_next.png") no-repeat;
	background-position: 0px -40px;
	left:50%;
	margin-left:427px;
	margin-top:210px;
	z-index:10;
	cursor:pointer;
}
#direita:hover{background-position: 0px 0px;}

#esquerda{
	position:absolute;
	width:70px;
	height:40px;
	margin-left:16px;
	background:url("../imagens/geral/slider_prev.png") no-repeat;
	background-position: 0px -40px;
	margin-top:210px;
	z-index:10;
	cursor:pointer;
}
#esquerda:hover{background-position: 0px 0px;}

/*============================================================================================*/
/* SERVICOS																													 */
/*============================================================================================*/
#servicos{
	position:relative;
	width:100%;
	color:#333;
}

#servicos .titulo{
	font-size:30px;
	/*font-style:italic;*/
	margin-top:10px;
	margin-bottom:10px;
}

#servicos .container{
	width:950px;
	height:auto;
	overflow:hidden;
	margin:auto;
}

#servicos .box{
	position:relative;
	float:left;
	height:266px;
	width:219px;
	background:#EDEDED;
	margin-bottom:24px;
}

#servicos .espaco{
	margin-right:24px;
}

#servicos .img{
	margin-top:10px;
	margin-left:10px;
}

#servicos .title{
	margin-top:0px;
	margin-left:11px;
	font-weight:bold;
	text-align:justify;
	width:197px;
	font-size:12px;
}

#servicos .desc{
	margin-left:11px;
	color:#999;
	width:197px;
	font-size:12px;
}

#portifolio{
	width:950px;
	position:relative;
	overflow:hidden;
	margin:auto;
}

#portifolio .principal{
	float:left;
	width:660px;
	height:auto;
	padding-top:10px;
	background:#EDEDED;
	text-align:center;
}

#portifolio .principal img{
	max-width:685px;
	max-height:480px;
	margin:auto;
	text-align:center;
}

#portifolio .principal .texto{
	text-align:justify;
	padding:13px;
}

#portifolio .miniaturas{
	float:left;
	width:289px;
	height:auto;
}

#portifolio .miniaturas ul{
	list-style:none;
}

#portifolio .miniaturas ul li{
	width:123px;
	height:89px;
	float:left;
	margin:0 0 1px 1px;
	text-align:center;
	cursor:pointer;
	background:#999999;
	border:solid 10px #EDEDED;
}

#portifolio .miniaturas ul li img{
	max-width:123px;
	max-height:89px;
	margin:auto;
}

/*============================================================================================*/
/* EMPRESA																					 */
/*============================================================================================*/
#institucional{
	position:relative;
	width:950px;
	height:auto;
	overflow:hidden;
	color:#666;
	margin:auto;
	padding-top:10px;
}

#institucional .title{
	font-size:30px;
	/*font-style:italic;*/
	margin-top:25px;
	margin-bottom:25px;
}

#institucional .box{
	position:relative;
	width:220px;
	height:auto;
	float:left;
}

#institucional .espaco{
	margin-right:23px;
}

#institucional .titulo{
	font-size:16px;
	margin-bottom:10px;
}

#institucional .texto{
	line-height:22px;
	color:#666;
}

#empresa{
	position:relative;
	width:950px;
	height:auto;
	overflow:hidden;
	color:#666;
	margin:auto;
	padding-top:30px;
	line-height:22px;
	text-align:justify;
}

#empresa .title{
	font-size:30px;
	/*font-style:italic;*/
	margin-top:10px;
	margin-bottom:25px;
	color:#333;
}

#empresa .img{
	position:relative;
	float:right;
	width:379px;
	height:212px;
	background:#EDEDED;
	padding-left:2px;
	margin-left:20px;
}

#empresa .thumb{
	padding:10px 0 0 10px;
}

/*============================================================================================*/
/* MAQUINAS																					 */
/*============================================================================================*/
#maquinas{
	position:relative;
	width:950px;
	height:auto;
	overflow:hidden;
	color:#333;
	margin:auto;
	padding-top:10px;
}

#maquinas .title{
	font-size:30px;
	/*font-style:italic;*/
	margin-top:25px;
	margin-bottom:25px;
}

#maquinas .item{
	position:relative;
	height:auto;
	overflow:hidden;
	width:100%;
	border-top:solid 1px #CCC;
	padding-top:20px;
	padding-bottom:20px;
}

#maquinas .img{
	position:relative;
	float:left;
	width:379px;
	height:auto;
	/*background:url("../imagens/geral/borda.png") right no-repeat;*/
}

#maquinas .esp_img{
	position:relative;
	float:left;
	width:379px;
	height:50px;
}

#maquinas .maq_img{
	border:solid 0px #333;
	width:379px;
	float:left;
}
#maquinas .borda_topo{
	height:10px;
	background:#EDEDED;
}
#maquinas .borda_left{
	width:10px;
	background:#EDEDED;
}
#maquinas .borda_right{
	width:11px;
	background:#EDEDED;
}
#maquinas .borda_bottom{
	height:9px;
	background:#EDEDED;
}
#maquinas .thumb{
	width:358px;
	background:#EDEDED;
}

#maquinas .texto{
	position:relative;
	float:left;
	width:551px;
	padding-left:20px;
	height:auto;
}

#maquinas .desc{
	color:#999;
	line-height:22px;	
}

#maquinas .titulo{
	font-size:26px;
	/*font-style:italic;*/
	margin-bottom:10px;
	color:#333;
}

#maquinas .espaco{
	margin-top:20px;
}

/*============================================================================================*/
/* CONTATO																					 */
/*============================================================================================*/
#contato{
	position:relative;
	width:950px;
	height:auto;
	overflow:hidden;
	color:#333;
	margin:auto;
	padding-top:10px;
}

#contato .title{
	font-size:30px;
	/*font-style:italic;*/
	margin-top:25px;
	margin-bottom:25px;
}

#contato .esquerda{
	position:relative;
	float:left;
	width:495px;
	height:auto;
}

#contato .direita{
	position:relative;
	float:left;
	width:435px;
	padding-left:20px;
	height:auto;
}

#contato .box{
	position:relative;
	float:left;
	width:49%;
	height:auto;
}

#contato .titulo{
	font-size:16px;
	color:#333;
	margin-bottom:15px;
}

#contato .texto{
	color:#999;
	line-height:22px;
}

#contato .mapa{
	position:relative;
	width:100%;
	height:290px;
	background:#999;
	margin-top:15px;
}

#contato .lista_text{
	width:488px;
	padding-left:5px;
	border:solid 1px #CCC;
	height:35px;
	font-size:16px;
	color:#333;
}

#contato .cont_area{
	width:483px;
	max-width:483px;
	min-width:483px;
	height:120px;
	max-height:120px;
	min-height:120px;
	font-size:16px;
	border:solid 1px #CCC;
	padding:5px 5px 0 5px;
	color:#333;
}

#contato .txtmsg{
	font-size:16px;
}

#contato .asterisco{
	color:red;
	font-size:10px;
}

#contato .asterisco_txt{
	font-size:10px;
}

#contato .enviar_btn{
	position:relative;
	float:right;
	margin-top:10px;
	height:36px;
	width:75px;
	background:url("../imagens/geral/formbtn.png") no-repeat;
}

#contato .enviar_btn:hover{
	background-position: 0px -36px;
	cursor:pointer;
}

#contato .limpar_btn{
	position:relative;
	float:right;
	margin-top:10px;
	margin-right:10px;
	height:36px;
	width:75px;
	background:url("../imagens/geral/formbtn2.png") no-repeat;
}

#contato .limpar_btn:hover{
	background-position: 0px -36px;
	cursor:pointer;
}

#contato .sucess{
	position:relative;
	float:right;
	margin-top:25px;
	margin-right:5px;
	color:green;
}

#contato .alerta{
	position:relative;
	float:right;
	margin-top:7px;
	font-size:10px;
	color:red;
}

/*============================================================================================*/
/* CLIENTES																					 */
/*============================================================================================*/
#clientes{
	position:relative;
	width:950px;
	height:auto;
	overflow:hidden;
	color:#333;
	margin:auto;
	padding-top:10px;
}

#clientes .title{
	font-size:30px;
	/*font-style:italic;*/
	margin-top:25px;
	margin-bottom:25px;
}

#clientes ul{
	width:100%;
	list-style:none;
	overflow:hidden;
}

#clientes ul li{
	width:200px;
	height:150px;
	float:left;
	border:solid 10px #EDEDED;
	margin-right:23px;
	margin-bottom:23px;
	text-align:center;
	vertical-align:bottom;
}

#clientes .last{
	margin-right:0px;
}

/*============================================================================================*/
/* RODAPE																					 */
/*============================================================================================*/
#rodape{	
	position:relative;
	height:110px;
	width:1027px;
	margin:auto;
	background:#444;
	border-top:solid 3px #2BB8EE;
	
}

#rodape ul{
	position:relative;
	float:right;
	width:auto;
	height:70px;
	list-style:none;
	margin-right:20px;
	margin-top:15px;
}

#rodape ul li{
	float:right;
	height:100%;
	margin-left:30px;
	color:#FFF;
	text-align:right;
	font-family:Verdana, Tahoma, Helvetica, Arial;
	font-size:12px;
	line-height:15px;
}

#rodape ul li strong{
	color:#FFF;
	font-family:Verdana, Tahoma, Helvetica, Arial;
	font-size:12px;
	line-height:15px;
}

#rodape #copyright{
	position:relative;
	float:right;
	font-size:10px;
	color:#999;
	margin-top:-25px;
	margin-right:20px;
	font-family:Verdana, Tahoma, Helvetica, Arial;
}

#rodape .copyright{
	position:relative;
	font-size:10px;
	color:#999;
	font-family:Verdana, Tahoma, Helvetica, Arial;
	
}