/******* PADROES *********/
body{ font-weight:normal; font-family:'Roboto Condensed', sans-serif; font-weight:300; color:#717171; min-width:980px; font-size:16px; }

h1{ background:url(../images/bgTitulo.png) center center; padding:40px 0; margin:20px 0; font-family:'Roboto Condensed', sans-serif; font-size:40px; color:#FFF; font-weight:300; text-transform:uppercase; }
h2{ font-family:'Roboto Condensed', sans-serif; font-size:17px; text-align:left; color:#404040; font-weight:400; }
h3{ }

.texto{ font-family:'Roboto', sans-serif; }
.textoPagina{ font-family:'Roboto', sans-serif; text-align:left; font-size:14px; line-height:22px; }
	.textoPagina p{ text-indent:30px; margin-bottom:10px; }

.tituloLinha{ background:url(../images/pxCinza.png) center center repeat-x; }
	.tituloLinha h2{ font-size:15px; text-align:center; color:#717171; background:#FFF; border:1px solid #DCDCDC; display:inline-block; padding:10px 20px; }

.contentPadrao{ width:100%; }
.limitePadrao{ width:940px; padding:0 20px; }
.transicaoRapida{ -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; }
.transicaoPadrao{ -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }

.linkTexto{ color:#717171; text-decoration:underline; }
.linkTexto:hover{ opacity:0.8; }

/********* MENU **********/

#menu { margin:0 auto; list-style:none; position:relative; text-align:right; }
#menu li { float:left; border-bottom:1px solid #FFF; margin-left:20px; font-size:17px; }
#menu li:hover, #menu .select{ border-bottom:3px solid #BC0052; }
#menu a { color:#717171; }
#menu a:hover { color:#333; }


/********* FOOT **********/

.contentFootContato{ background:url(../images/bgMenuFoot.png) center center repeat-y; color:#FFF; font-size:14px; line-height:18px; font-family:'Roboto', sans-serif; padding:25px 0; }
	.contentFootContato .item{ display:inline-table; vertical-align:top; padding:30px 50px 0 50px; height:60px;}
	.contentFootContato .borda{ border-right:1px solid #DC3F72; }
	.contentFootContato a{ color:#FFF; }
	.contentFootContato a:hover{ opacity:0.8; }
	
.contentFoot{ padding:30px 0 20px 0; }
	.contentFoot h2{ margin-bottom:8px; }
	.contentFoot .depoimento{ float:left; width:300px; }
        .contentFoot .depoimento .texto{ font-size:13px; text-align:left; }
        .contentFoot .depoimento .pessoa{ font-size:13px; font-weight:400; text-align:right; }
	.contentFoot .newsletter{ float:left; width:280px; margin-left:50px; text-align:left; }
        .contentFoot .newsletter .texto{ font-size:13px; font-weight:400; }
		.contentFoot .newsletter #InputNewsletter{ background:#EEE; border:none; font-size:13px; font-family:'Roboto', sans-serif; color:#717171; padding:10px; width:190px; }
        .contentFoot .newsletter #BotaoNewsletter{ background:url(../images/bgBtNewsletter.png) center center no-repeat; border:none; font-size:15px; font-family:'Roboto Condensed', sans-serif; font-weight:400; color:#FFF; padding:10px;  }
		.contentFoot .newsletter #BotaoNewsletter:hover{ cursor:pointer; opacity:0.8; }
	.contentFoot .facebook{ float:right; }
	
.contentCreditos{ font-size:12px; background:#EEE; padding:10px 0; }	
	.contentCreditos a{ color:#717171; font-weight:400; }
	.contentCreditos a:hover{ text-decoration:underline; }

#btUp{ position:fixed; z-index:99; bottom:30px; right:30px; width:51px; height:51px; background:url(../images/btUp.png) center center; }
#btUp:hover{ cursor:pointer; opacity:0.8;  }

	
/********* HOME **********/

.contentBanner{ margin:20px 0; background:#003F6E; height:370px; }

.contentHomeTexto{ margin:50px 0; }
	.contentHomeTexto h2{ text-align:left; padding-left:30px; margin-bottom:15px;  }
	.contentHomeTexto .texto{ text-align:left; font-size:14px; line-height:20px; }

.contentBannerMarca{ margin:20px 0 60px 0; }

.contentProdutoSlider{ margin-top:15px; }
	.contentProdutoSlider .item{ width:170px; padding:10px; }
	.contentProdutoSlider .item:hover{ background:#EEE; }
	.contentProdutoSlider .item .foto{ background:#FFF; padding:15px;}
	.contentProdutoSlider .item .texto{ padding:6px 0; text-align:left; }
	.contentProdutoSlider .item .texto a{ font-family:'Roboto', sans-serif; color:#717171; font-size:13px; line-height:16px; font-weight:400;  }
	
.contentBannerMarca{ border-top:1px solid #DCDCDC; padding-top:30px; }


/********* PRODUTOS **********/

.contentProdutoCategoria{ float:left; width:120px; text-align:left; border:1px solid #DCDCDC; padding:0 15px 15px 15px; margin-top:15px; }
	.contentProdutoCategoria .categoria{ font-size:17px; font-weight:400; text-transform:uppercase; margin-top:15px; }
		.contentProdutoCategoria .categoria a{ color:#404040; }
		.contentProdutoCategoria .categoria a:hover{ color:#57AD28; }
	.contentProdutoCategoria .subcategoria{ font-family:'Roboto', sans-serif; font-size:14px; margin:2px 0; }
		.contentProdutoCategoria .subcategoria a{ color:#717171; }
		.contentProdutoCategoria .subcategoria a:hover{ text-decoration:underline; color:#57AD28; }

.contentProdutos{ float:right; width:760px; margin-top:15px; }
	.contentProdutos .erro{ margin:10px 0; padding:45px 0; font-size:17px; background:url(../images/icoError.png) top center no-repeat; }
	.contentProdutos .item{ float:left; width:170px; height:250px; padding:10px; margin-bottom:10px; border-bottom:1px solid #DCDCDC; }
	.contentProdutos .item:hover{ background:#EEE; }
		.contentProdutos .item .foto{ background:#FFF; padding:15px;}
		.contentProdutos .item .texto{ padding:6px 0; text-align:left; }
		.contentProdutos .item .texto a{ font-family:'Roboto', sans-serif; color:#717171; font-size:13px; line-height:16px; font-weight:400;  }

.contentPaginacao{}
	.contentPaginacao .linkPagina{ font-size:17px; font-weight:400; margin:2px; padding:2px 8px; background:#EEE; color:#717171; }
	.contentPaginacao .linkPagina:hover, .contentPaginacao .linkPaginaIN{ color:#FFF; background:url(../images/bgBtNewsletter.png) center center; }
	
	
/********* PRODUTO **********/
	
.contentProduto{ float:right; width:740px; margin-top:15px; }
	.contentProduto .foto{ float:left; width:300px; }
	.contentProduto .info{ float:right; width:400px; text-align:left; }
		.contentProduto .info h2{ text-transform:uppercase; margin-top:15px; }
		.contentProduto .info .categoria{ font-family:'Roboto', sans-serif; font-style:italic; font-weight:500; font-size:12px;  }
		.contentProduto .info .subtitulo{ margin:20px 0; font-size:14px; }
		.contentProduto .info .thumb{}
			.contentProduto .info .thumb .item{ float:left; margin-right:5px; border:1px solid #DCDCDC;  }
			.contentProduto .info .thumb .item:hover{ border-color:#57AD28; }
		.contentProduto .info .botao{ margin-top:20px; }
			.contentProduto .info .botao a{ background:url(../images/bgBtAzulGrande.png) center center no-repeat; text-transform:uppercase; font-size:15px; color:#FFF; padding:10px 15px; font-weight:400; }
			.contentProduto .info .botao a:hover{ opacity:0.8; }
	.contentProduto .descricao{ border-top:1px solid #DCDCDC; text-align:left; font-size:14px; line-height:24px; margin:20px 0 40px 0; padding-top:20px; }
		.contentProduto .descricao ul{ margin-left:20px; }

	
/********* EMPRESA **********/

.contentEmpresa{}
	.contentEmpresa .box{ border:1px solid #DCDCDC; width:450px; }
		.contentEmpresa .box img{ margin-top:-1px; margin-left:-1px; }
		.contentEmpresa .box h2{ padding:10px 15px 0 15px; }
		.contentEmpresa .box .textoPagina{ padding:0 15px 15px 15px; }

.contentGaleriaSlider{ padding:5px 0 40px 0; }
	.contentGaleriaSlider img{ border:1px solid #DCDCDC; }
	.contentGaleriaSlider img:hover{ border:1px solid #57AD28; }
	

/********* SERVIÇOS **********/

.contentServicos{}
	.contentServicos .limitePadrao{ margin:30px 0 60px 0; }
		.contentServicos .foto{ float:left; border:1px solid #DCDCDC; }
		.contentServicos .textoPagina{ float:right; width:630px; }
			.contentServicos .linkContato{ text-align:right; }
				.contentServicos .linkContato a{ color:#008AC8; font-weight:500; }
				.contentServicos .linkContato a:hover{ text-decoration:underline; opacity:0.7; }
	
	
/********* OUTSOURCING **********/

.contentOutsourcing{ padding:30px 0 60px 0; }
	.contentOutsourcing .observacao{ font-style:italic; font-weight:400; font-size:12px; line-height:14px; margin-top:25px; text-align:right; border-top:1px solid #DCDCDC; padding-top:20px; }
	.contentOutsourcing .linkContato{ text-align:right; }
		.contentOutsourcing .linkContato a{ color:#008AC8; font-weight:500; }
		.contentOutsourcing .linkContato a:hover{ text-decoration:underline; opacity:0.7; }
	.contentOutsourcing .contentVantagens{ text-align:left; }
		.contentOutsourcing .contentVantagens .titulo{ font-weight:500; margin-top:20px; }


/********* SUPORTE **********/

.contentSuporte{ padding:30px 0 60px 0; }
	.contentSuporte .observacao{ font-style:italic; font-weight:400; font-size:12px; line-height:14px; margin-top:25px; text-align:right; border-top:1px solid #DCDCDC; padding-top:20px; }
	.contentSuporte .linkContato{ text-align:right; }
		.contentSuporte .linkContato a{ color:#008AC8; font-weight:500; }
		.contentSuporte .linkContato a:hover{ text-decoration:underline; opacity:0.7; }
	.contentSuporte .contentDownloads{ text-align:center; padding:10px 0 30px 0; }
		.contentSuporte .contentDownloads .item{ display:inline-block; width:100px; margin:10px 15px; vertical-align:top; }
			.contentSuporte .contentDownloads .item a{ color:#717171; }
			.contentSuporte .contentDownloads .item a:hover{ opacity:0.6; }


/********* CONTATO **********/

.contentContato{ padding:40px 0 0 0; }
	.contentContato #formContato{ padding:15px 0 0 0; }
		.contentContato .inputTextPadrao{ background:#EEE; border:1px solid #EEE; padding:10px; font-family:'Roboto', sans-serif; color:#717171; font-size:14px; font-weight:300; margin-bottom:10px; }
		.contentContato	.inputTextPadrao:focus{ background:#DDD; }
	    .contentContato .buttonPadrao{ background:url(../images/bgBtAzulGrande.png) center center; border:none; font-size:15px; font-family:'Roboto Condensed', sans-serif; font-weight:400; color:#FFF; padding:10px 30px; margin-left:365px; text-transform:uppercase; }
		.contentContato .buttonPadrao:hover{ cursor:pointer; opacity:0.8; }
	
label.error { font-size:0; }	
.inputTextPadrao.error{ border:1px solid #900; }