﻿/* WEBFONTS PADRÃO */
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,300,300italic,600italic,700italic,800,800italic,700&subset=latin,latin-ext); */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);

/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ITENS DO HTML PADRÃO */

body { font-family:'PT Sans', sans-serif; min-width:960px; background:url(../imgs/bgSite.png) no-repeat left bottom; color:#666; }
a { color:inherit; text-decoration:none; }
a:hover { text-decoration:none; }
p { margin-top:0; }

/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* CSS DO PROJETO */





/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* PADROES DA AGÊNCIA, NÃO PRECISA ALTERAR NADA */

.corte, .fit, .fill { overflow:hidden; }
.corte img, .fit img, .fill img { width:inherit; }
img:-moz-broken { -moz-force-broken-image-icon:1; width:24px; height:24px; }
form { display:inline; }
input[type=text], input[type=password], input[type=file], textarea, select { padding:5px; border:1px solid #AAA; background-color:#FFF; }
input[type=checkbox] { padding:5px 10px 5px 5px; }
button, input[type=button], input[type=submit], input[type=reset] { padding:3px 10px; font-size:16px !important; }
.bol { font-weight:700; }
.bb { border-bottom:1px dashed #CCCCCC; }
.lef { text-align:left !important; }
.cen { text-align:center !important; }
.rig { text-align:right !important; }
.aviso { margin-bottom:10px; padding:10px; font-size:12px; font-weight:bold; text-align:center; border:1px dashed #CCC; }
.alerta { color:#F60; background-color:#FFFF99; }
.sucesso { color:#060; background-color:#DDFDBD; }
.erro { color:#600; background-color:#FFDDDE; }
.off { filter:alpha(opacity=30); opacity:0.3; }
.clear { height:0; overflow:hidden; visibility:hidden; clear:both; font-size:1px; line-height:0; }
.semMargemHor { margin-left:0 !important; margin-right:0 !important; }
.semMargemVer { margin-top:0 !important; margin-bottom:0 !important; }
.tab { padding:3px; border-spacing:3px; border-collapse:separate; }
.tab .lab { padding:7px 20px 7px 7px; text-align:right; }
.tab .dtd { padding:7px; text-align:left; }
.tab .pad { padding-top:10px; }
.tab .hea, th { padding:3px; font-size:12px; font-weight:700; color:#FFF; background-color:#333333; }
.tab .cou { padding:7px; font-size:11px; text-align:center; color:#666; background-color:#F3F3F3; }
.tab .foo { padding:7px; font-weight:700; background-color:#F2F2F2; }
.eof { padding:50px; font-size:12px; text-align:center; color:#999; }
.rad05 { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.rad10S { border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
.rad10I { border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; }
.rad05S { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.rad05I { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
.fundoTransparente { background-color: rgba(22, 21, 17, 0.75); /* R G B Alpha */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#cc161511', EndColorStr='#cc161511'); /* Alpha R G B */ }
.centraliza{
	width:960px;
	margin:0 auto;
	position:relative;
}
.areaTopo{
	width:100%;
	min-width:960px;
	padding:15px 0 15px;
	background:url(../imgs/bgTopo.png);	
	color:#fff;
	margin-bottom:30px;
}
.areaTopo-areaContato{
	position:relative;
	height:38px;
	float:left;
	margin-bottom:30px;
}
.areaContato-Icone{
	width:38px;
	height:38px;
	background:url(../imgs/nav_sprites.png);
	float:left;
	margin-right:15px;	
}
.areaContato-Texto{
	display:inline-block;
	float:left;
	height:34px;
	line-height:34px;
}
.areaTopo-areaBusca{
	float:right;
	position:relative;
		
}
.bgBusca{
	background:none !important;
	border:none !important;
	color:#fff;
	float:left;
	height:16px;
}
.bgBotaoBusca{
	background:url(../imgs/nav_sprites.png) -93px -12px;
	border:none !important;
	width:15px;
	height:22px;
	padding-bottom:8px !important;
	margin:7px 0 0 0  !important;
	float:left;
}
.bordaDuplaBranca{
	font-size:14px;	
	border-bottom:double #fff !important;
}
.bordaDuplaAzul{
	font-size:14px;	
	border-bottom:double #184689 !important;
}
.logo{
	float:left;
	margin-bottom:15px;
}
.areaTopo-AreaCompra{
	float:right;
	position:relative;
	padding:10px;
	border:1px solid #fff;	
	margin:0 10px 15px 0;
}
.areaCompra-Icone{
	width:38px;
	height:34px;
	float:left;	
	background:url(../imgs/nav_sprites.png) -169px -2px;
	margin-right:10px;
}
.areaCompra-Texto{
	width:180px;
	text-align:center;
	font-size:18px;	
	float:left;
}
.areaCompra-Texto span{
	font-size:14px;
}
.areaTopo-areaCompra-Item{
	width:40px;
	height:43px;
	padding:10px;
	background:#fff;
	float:right;
	color:#184689;
	font-size:32px;
	text-align:center;
	line-height:43px;
	display:block;
}







.bordaMenu{
	padding-bottom:5px;
}
.areaTopo-Menu{
	float:right;
	position:relative;	
}
.areaTopo-Menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
.areaTopo-Menu ul li{
	float:left;
	border-right:1px solid #fff;
	text-transform:uppercase;
}
.areaTopo-Menu ul li:last-child{
	border:none;
}
.areaTopo-Menu ul li a{
	padding:5px 20px;
	display:block;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: ease;
	-webkit-transition-duration: 0.5s;
}
.areaTopo-Menu ul li a:hover{
	background:#FFF;
	color:#184689;
}
.areaCaminho{
	width:100%;
	padding:10px 0;
}
.areaCaminho-Titulo{
	float:left;	
	font-size:22px;
	line-height:28px;
}
.areaCaminho-Caminho{
	float:right;
	padding:5px 20px;	
	background:#FFF;
	color:#184689;
}
.areaBanner{
	width:960px;
	height:365px;
	position:relative;
	margin-top:10px;	
}
.banner{
	width:960px;
	height:365px;
	position:relative;	
}
.titulosAzul{
	color:#184689;
	font-weight:700;
	font-size:20px;
	margin-bottom:25px;
	display:inline-block;
}
.titulosAzul span{
	color:#333;
	font-weight:300;
}
.titulosAzul a{
	color:#333;
	font-weight:300;
	font-size:14px;
}
.colI{
	width:240px;
	float:left;
	text-align:center;
	margin-bottom:30px;	
}
.boxChamada{
	width:220px;
	padding:10px;
	color:#FFF;	
}
.bgCompre{
	background:#042854;	
}
.bgCotacao{
	background:#285E9E;	
}
.bgBoletim{
	background:#4277B7;	
}
.bgFale{
	background:#5B96DD;	
}

.boxChamada-Icone{
	height:34px;
	margin:15px 0;
	display:inline-block;	
	background:url(../imgs/nav_sprites.png);
}
.iconeCompre{
	background-position:-169px -2px;
	width:38px;
}
.iconeCotacao{
	background-position:-286px -2px;	
	width:63px;
}
.iconeBoletim{
	background-position:-456px -2px;	
	width:44px;
}
.iconeFale{
	background-position:-600px -2px;	
	background-repeat:no-repeat;
	width:51px;
}
.boxChamada-Descricao{
	padding:10px 0;	
}
.colProdutos{
	width:215px;
	height:300px;
	position:relative;
	margin-bottom:30px;	
	float:left;
	margin-left:31px;
}
.colProdutos-areaFoto{
	width:215px;
	height:295px;
	position:relative;
	margin-bottom:10px;
}
.colProdutos-areaFoto{
	width:215px;
	height:295px;
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
}
.colProdutos-Foto{
	width:215px;
	height:295px;
	position:absolute;
}
.colProdutos-Categoria{
	position:absolute;
	bottom:50px;
	color:#fff;
	font-size:14px;	
}
.fade{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(24,70,137,0.0);
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: ease;
	-webkit-transition-duration: 0.5s;
}
.idProduto-Foto, .colProdutos:hover .fade{
	background:rgba(24,70,137,0.5);
}
.fadeBordaVer{
	width:1px;
	height:11px;
	background:#fff;
	display:inline-block;
	position:absolute;
	left:107px;
	top:-12px;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: ease;
	-webkit-transition-duration: 0.5s;
}
.colProdutos:hover .fadeBordaVer{
	left:107px;
	top:142px;
}

.fadeBordaHor{
	width:11px;
	height:1px;
	background:#fff;
	display:inline-block;
	position:absolute;
	left:-12px;
	top:147px;
	
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: ease;
	-webkit-transition-duration: 0.5s;
}
.colProdutos:hover .fadeBordaHor{
	left:102px;
	top:147px;
}

.colProdutos-Categoria a{
	display:inline-block;
	background:#184689;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: ease;
	-webkit-transition-duration: 0.5s;
}
.colProdutos-Categoria a:hover{
	background:#042854;
}
.categoriaRight{
	right:0;	
}
.categoriaRight a{
	padding:15px 10px 15px 30px;
}
.categoriaLeft{
	left:0;	
}
.categoriaLeft a{
	padding:15px 30px 15px 10px;
}
.colProdutos-Produto{
	font-size:16px;	
	color:#999;
}
.colProdutos-Produto:hover{
	color:#184689;
}

.colNoticias{
	width:464px;
	float:left;
	margin:0 0 30px 30px;
	position:relative;
		
}
.colNoticias-AreaFoto{
	width:215px;
	float:left;
	margin-right:30px;
}
.colNoticias-Foto{
	width:215px;
	height:175px;
}
.colNoticias-Data{
	position:absolute;
	left:0;
	top:5px;	
}
.colNoticias-Data .dia{
	float:left;
	padding:5px;
	margin-right:5px;
	background:#184689;
	color:#fff;
}
.colNoticias-Data .mes{
	float:left;
	padding:5px 10px;
	background:#666666;
	color:#fff;
}
.colNoticias-Noticias{
	width:215px;
	float:left;
}
.colNoticias-Titulo{
	color:#184689;
}
.colNoticias-Descricao{
	color:#666666;
	font-size:14px;
	padding:5px 0;
}
.colNoticias-SaibaMais{
	float:right;	
	color:#184689;
	font-size:14px;
}


.areaGaleria{
	width:300px;
	position:relative;
}
.areaGaleria-Destaque{
	width:300px;
	height:190px;
	position:relative;
	margin-bottom:30px;
}
.areaGaleria-Miniatura{
	width:85px;
	height:60px;
	float:left;
	margin:0 0 18px 18px;
}
.col630{
	width:630px;
	float:left;
	margin:0 0 30px 30px;	
}
.col300{
	width:300px;
	float:left;
}
.conheca{
	font-size:26px;
	color:#666;
}
.conheca span{
	font-size:72px;
	color:#184689;
	display:block;
	text-align:right;
}

.fotoNoticia-Interna{
	width:475px;
	height:310px;
	float:left;
	margin-right:15px;
	position:relative;	
}
.fotoNoticia-Foto{
	width:475px;
	height:310px;
}
.colNoticias-FotoMaior{
	width:465px;
	height:310px;
}
.colNoticias-AreaFotoMaior{
	width:465px;
	height:310px;
	margin-bottom:15px;
}
.texto{
	margin-bottom:30px;
	text-align:justify;	
}
.areaMapa{
	width:960px;
	height:500px;
	margin-bottom:30px;	
}
.areaContato{
	margin-bottom:30px;	
}
.fullColNoticias{
	width:960px;
	margin-bottom:30px;
	padding-bottom:15px;	
}
.fullColNoticias-AreaFoto{
	width:250px;
	height:175px;
	float:left;
	margin-right:15px;
	position:relative;
}
.fullColNoticias-Foto{
	width:250px;
	height:175px;
	position:absolute;
}
.categoria{
	width:300px;
	margin-bottom:30px;
}
.categoria ul{
	margin:0;
	padding:0;
	list-style:none;	
}
.categoria ul li{
	border-bottom:1px solid #ccc;
}
.categoria ul li a{
	padding:10px 0;
	display:block;
	color:#184689;
	width:300px;
	background:url(../imgs/bgMenu.png) -300px center no-repeat;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: ease;
	-webkit-transition-duration: 0.5s;
}
.categoria ul li a:hover{
	padding:10px 0 10px 30px;
	color:#fff;
	width:270px;
	background:url(../imgs/bgMenu.png) 0 center no-repeat;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: ease;
	-webkit-transition-duration: 0.5s;
}
.idProduto{
	position:relative;
	width:200px;
	height:300px;
	margin-left:15px;
	margin-bottom:30px;
	float:left;
	padding-bottom:15px;
	border-bottom:1px solid #CCC;	
}
.idProduto-Foto{
	width:200px;
	height:200px;
	position:relative;
}
.idProduto-Foto:hover .fade{
	background:rgba(24,70,137,0.5);
}
.idProduto-Foto img{
	width:200px;
	height:200px;
	position:absolute;
}
.idProduto-Foto.fadeBordaVer{
	width:1px;
	height:11px;
	background:#fff;
	display:inline-block;
	position:absolute;
	left:99px;
	top:-12px;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: ease;
	-webkit-transition-duration: 0.5s;
}

.idProduto-Foto:hover .fadeBordaVer{
	left:99px;
	top:90px;
}

.idProduto-Foto .fadeBordaHor{
	width:11px;
	height:1px;
	background:#fff;
	display:inline-block;
	position:absolute;
	left:-12px;
	top:95px;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: ease;
	-webkit-transition-duration: 0.5s;
}
.idProduto-Foto:hover .fadeBordaHor{
	left:94px;
	top:95px;
}

.idProduto-Foto-Categoria a{
	display:inline-block;
	background:#184689;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: ease;
	-webkit-transition-duration: 0.5s;
}
.idProduto-Foto-Categoria a:hover{
	background:#042854;
}


.fotoProduto{
	width:300px;
	height:225px;
	float:left;
	margin-right:30px;	
}
.textoDescricao{
	width:300px;
	float:left;
	margin-bottom:30px;
}
.id{
	float:right;
	font-size:14px;
	padding-top:6px;
}
.nomeCategoria{
	color:#184689;
	margin-top:-15px;
	margin-bottom:25px;
}

.boxDescricao-AreaPreco{
	position:relative;
	padding:15px 0;	
}
.AreaPreco-Antigo{
	font-size:14px;
	line-height:22px;
	text-decoration:line-through;
	float:left;
	padding-right:10px;
}
.AreaPreco-Atual{
	font-size:22px;
	line-height:18px;
	color:#3366cc;
	font-weight:700;
	float:left;
	padding-right:10px;
}
.AreaPreco-Desconto{
	font-size:16px;
	line-height:18px;
	color:#184689;
	float:left;
}
.boxDescricao-Estoque{
	font-size:16px;
	line-height:18px;
	color:#184689;
}
.boxDescricao-Estoque span{
	color:#666;	
}
.boxDescricao-Comprar{
	position:relative;
	padding:15px 0;	
}
.comprar-AddRem{
	width:30px;
	height:30px;
	float:left;	
}
.comprar-Caixa{
	width:30px;
	height:24px !important;
	float:left;	
	font-size:14px;
	padding:2px !important;
	text-align:center;
}
.comprar-Botao{
	height:30px !important;
	float:left;	
	font-size:14px !important;
	padding:2px 10px !important;
	background:#184689 !important;
	color:#fff;
	border:none;
	margin-left:10px;
}
.areaPreco-Continuar{
	font-size:12px;
	text-align:center;	
	color:#3366cc;
	line-height:12px;
	padding-top:4px;
}
.boxLogin{
	border:1px solid #CCC;
	padding:30px;
	margin-bottom:30px;	
}
.boxLogin-Coluna{
	width:408px;
	float:left;
	padding:20px;	
}
.boxLogin-Titulo{
	font-size:24px;
	padding-bottom:10px;	
}
.boxLogin-Titulo span{
	color:#999;
}
.bordaVer{
	border-right:1px solid	#184689;
}
.boxLogin-Label{
	width:100% !important;
}
.boxLogin-Input{
	width:395px !important;
	margin-bottom:15px;
}
.boxLogin-Botao{
	color:#184689 !important;
	border:none;
	background:none;
	padding:0;
	float:right;
}

.areaCompra{
	width:960px;
	position:relative;
	margin:30px 0 !important;
	background:none;
	pa
}
.areaCompra table{
	width:960px;
	max-width:960px;
	margin: 0 !important;
	padding:0 !important;
}
.trTitulo{
	font-size:14px;
	color:#fff;
	background:#184689;
	text-transform:uppercase;
	border:1px solid #333;
}
.tdProduto{
	width:501px;
	padding-left:11px;
}
.tdItens{
	width:140px;
	padding-left:10px;
	text-align:center;
}
.tdFotoProduto{
	padding:20px;
	width:80px;
	height:80px;
}
.tdFotoProdutoImg{
	width:80px;
	height:80px;
}
.trBordaBoth{
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:14px;
	text-align:center;
}
.trCinza{
	border-bottom:1px solid #ccc;
}
.tdValorTotal{
	background:#666;
	color:#fff;
	text-align:center;
	font-size:18px;
	border:none !important;
}
.tdEntrega{
	padding-left:10px;
	border-left:1px solid #333;
}
.borderbottom{
	border-bottom:1px solid #333;
}
.btnAlterarDados{
	background:#c00;
	border:1px solid #c00;
	color:#fff;
	height:50px;
	width:640px !important;
	text-align:center;
}
.btnConfirmarPedido{
	background:#6C6;
	border:1px solid #6C6;
	color:#fff;
	text-align:center;
	padding:10px 30px !important;
}
.botoesAR{
	background:#39C;
	border:1px solid #3CC;
	color:#fff;
	text-align:center;
	padding:10px 30px !important;
}
.pad10{
	padding:10px;	
}
.deletar{
	color:#900;
	padding:10px 0 !important;	
}
.semPadd{
	padding:0;
	margin-bottom:30px;	
}
.areaCotacao{
	width:960px;
	height:500px;
	margin-bottom:30px;
	overflow-y:scroll;	
}
.comprar{
	color:#090;	
}
.buscaCotacao{
	width:100%;
	margin-bottom:30px;
	padding-bottom:15px;
	display:block;	
}











.boxRodape{
	padding:10px 0;	
}
.areaRodape-Conteudo{
	float:right;	
}
.areaRodape-colI{
	width:215px;
	float:left;	
	margin:0 0 30px 38px;
	position:relative;
}
.areaRodape-textoLargo {
	width:440px !important;
}
.ajuTitulo{
	display:block !important;
}
.boletimInf{
	border:1px solid #184689 !important;
	margin-bottom:15px;
	width:205px;
}
.bntBoletimInf{
	float:right;
	background:none;
	padding:0 !important;
	margin:0 !important;
	border:none;	
	color:#184689 !important;
}
.areaRodape-Logo{
	width:215px;
	height:97px;
	margin-top:55px;
}
.desevolvido{
	float:right;	
	color:#184689 !important;
	margin-bottom:30px;
}
.alturaMinima {
	min-height:400px;
}