@charset "utf-8";

/* CSS Document */

body {
	margin:0 auto;
	background: #242673;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	line-height: 1.3;
	}	

img {border:0;}


a {	color:#242673;	text-decoration:none;	}
a:hover {color:#990000;	text-decoration:none;	}

address {font-style:normal; margin:0; padding:5px 0;}

ol, ul {	margin:0; padding:0; }
li {	margin:0; list-style:none; padding:0; }

h1 {	font-size:45px;	color:#242673; margin:0; padding:0;	}
h2 {	font-size:20px;	color:#990000; margin:0; padding: 5px 0;	}
h3 {	color:#242673; font-size:17px;	padding:10px 0;	margin:0; }
h4 {	color:#990000; font-size:17px;	padding:10px 0;	margin:0; }
p {	padding:5px 0; margin:0; text-align:left;}


.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.bg-tudo {background: #eee;}
#tudo {	width:980px; margin: 0 auto; padding-top: 20px;}
.banner {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #ccc;overflow: hidden; margin-bottom: 25px;}

/* TOPO ************************************/

#fundo-topo {background: #242673;}
#topo {	width:980px;margin:0 auto;color:#FFFFFF;height:116px; text-align:right;}
#logo {	float:left;	margin-left: -50px;}
#logo h1 {position: absolute; left: -999em; top: -999em;}
#slogan {float:left; padding:40px 0 0 12px;}
#slogan h2 { color: #fff204; font-weight: normal; font-size: 17px;}
#atendimento {float:right;}
#atendimento p {text-align:right; padding:33px 0 0 0;}


/* MENU ****/
.menu {background: #fff; border-bottom: 1px solid #ccc; height:40px; padding: 0;}
.menu ul {width: 980px; margin:0 auto; padding: 0;}
.menu ul li {float: left; padding: 1px 0;}
.menu ul li a {padding: 10px 52px;display: block; border-left: 1px solid #ddd;}
.menu ul li a:hover {background: #242673; color: #FFFF00;}


/* LATERAL ************************************/

#lateral {float:right; width:220px;}

.box-cadastro {background: #242673;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 20px;color: #fff;}
.box-cadastro h4 {margin: 0; color: #fff; padding: 0 0 10px;}

.input-cadastre-se {background: #fff;width: 165px;padding: 5px;border: 1px solid #ccc;color: #333;font-family: Arial, Helvetica, sans-serif;}
.bt-cadastre-se {color: #242673;background: #FFF200;border: none;cursor: pointer;padding: 7px 15px;font-weight: bold;text-transform: uppercase;font-size: 12px;margin: 0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;	}
.bt-cadastre-se:hover {background: #fff;}


	

/* CONTEUDO ************************************/
#conteudo {	margin-bottom:60px;	}

#box-titulo-produtos-index {background:url(images/fundo-promocoes.jpg) top left no-repeat;margin-top:17px;height:60px;}

#produtos {width:730px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #ccc; background: #fff;}
#produtos h2 {background: #242673;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 12px 20px;color: #FFF200; font-size: 28px;}
#produtos span {color: #fff;font-size: 16px;}

.box-produtos-home {float: left; width:315px; margin:0 20px 20px;}
#produtos .box-produtos-home h2 {color: #242673;  padding: 5px 10px; font-size: 16px; background: #eee; margin: 25px 0 5px;}
.box-produtos-home h3 {margin-top: 0; padding: 0 10px;font-weight: normal;font-size: 13px;}
.box-produtos-home h3 a {border-bottom: 1px solid #ddd; display: block; padding:5px 0;  font-weight: normal; font-size: 13px;}
.box-produtos-home h3 a:hover {background: #242673; color:#FFF200; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; font-weight: bold; padding-left: 10px;}
.fa {margin-right: 5px;}

#produtos .produtos-com-imagem {margin: 20px 20px 0; height: 425px;}
#produtos .produtos-com-imagem .item {float: left; margin:0 40px 20px 0;width: 46%;}
#produtos .produtos-com-imagem .last {margin-right: 0;}
#produtos .produtos-com-imagem .item img {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid #ddd;margin-bottom: 10px;}
#produtos .produtos-com-imagem .item img:hover {border-color: #242673;}
#produtos .produtos-com-imagem .item h2 {color: #242673; background: none; padding:0; font-size: 16px;}

#subcategorias {
	padding:20px 0;
	}

#subcategorias h2{
	padding:4px 30px;
	}

	

#lista-produtos {

	padding-left: 21px;

	}

	

#lista-produtos h2{

	padding:4px 10px;

	}	

.produto {
	background:url(images/fundo-produto.jpg) no-repeat left top;
	width:210px;
	margin-right:15px;
	margin-bottom:10px;
	height:232px;
	float:left;
	}
.produto h2 {font-size:14px; padding:5px 0 0 20px;}
	
.box-produtos {
	height:235px;
	padding-left:25px;
	}

.foto-produto {
	margin:17px 0 0 17px;
	height:146px;
	width:178px;
	}

.foto-produto a {float:left; overflow:hidden; border:1px solid #CCC; margin:-1px;}
.foto-produto a:hover {border:2px solid #990000; margin:-2px;}

.texto-produto {
	margin:0 0 0 20px;
	line-height:14px;
	width:155px;
	height:28px;
	overflow:hidden;
	}

.precos {
	color:#990000;
	font-weight:bold;
	line-height:14px;
	padding:2px 13px 0 13px;
	}

/********** INTERNAS PRODUTOS *********/
#produtos-interna {
	border:1px solid #1D275A;
	background-color:#F8F8F8;
	margin-top:15px;
	width:560px;
	padding-bottom:15px;
	min-height:644px;
	}

.box-produtos-interna {
	height:235px;
	padding-left:4px;
	}



/******* DETALHE PRODUTO ****/
#fundo-foto-detalhe-produto {
	background:url(images/fundo-detalhe-produto.jpg) top left no-repeat;
	margin:5px 10px 0 25px;
	height:391px;
	width:468px;
	}

#foto-detalhe-produto {
	padding:12px 0 0 14px;
	}



#texto-detalhe-produto {}

#arquivos-detalhe-produto {}	


/******* BOX COTAÇÃO ONLINE **************/

#box-cotacao-online {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #ccc; padding: 20px;margin-bottom: 20px; background: #fff;}
#box-cotacao-online h4 { padding:0;}

.texto-cotacao {padding: 5px 0;	}

.input-cotacao {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:1px solid #999;
	padding:5px;
	width:165px;
	margin:3px 0 0 0;
	}

.input-cotacao-produto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:1px solid #999;
	padding:5px;
	width:78px;
	margin:3px 0 0 0;
	float:left;
}

.input-cotacao-qtd {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:1px solid #999;
	padding:5px;
	width:30px;
	margin:3px 0 0 0;
	float:right;
}

.input-cotacao-ref {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:1px solid #999;
	padding:5px;
	width:30px;
	margin:3px 2px 0 0;
	float:left;
}

.produto-cotacao {
	position:relative;
}

.produto-cotacao2 {
	position:relative;
	width: 450px;
}

#textarea-cotacao {
	height:145px;
	}

#option-cotacao { 	font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000;margin: 3px 0 0 0;border: 1px solid #999;padding: 4px 5px;width: 177px;	}

#bt-cotacao {color: #FFF200;background: #242673;border: 1px solid #242673;cursor: pointer;padding: 12px 30px;font-weight: bold;text-transform: uppercase;font-size: 13px;margin: 0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-top: 10px;	}
#bt-cotacao:hover {background: #FFF200; color:#242673;}
	

/*************** EMPRESA ************/
.empresa .col3-set .col-1, 
.empresa .col3-set .col-2, 
.empresa .col3-set .col-3 { float:left; width:30%; padding-left: 20px; border-left: 1px solid #ccc; height: 145px; padding-bottom: 10px; margin-bottom: 25px;}
.empresa .banner {margin-top:25px;}



/*************** MARCAS ************/
#box-titulo-marcas {

	background:url(images/fundo-marcas.jpg) top left no-repeat;

	margin-top:17px;

	height:60px;

	}

.marcas {padding:20px 0 0 0;}
.marcas img {border: 1px solid #CCC; padding: 10px; background: #fff; margin:0 15px 15px 0;} 


/*************** COTAÇÃO ONLINE / FALE CONOSCO************/
.input-cotacao-online {font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;padding:3px;color:#555;width:450px;margin:3px 0 0 0;border:1px solid #CCC;	}
.input-cotacao-produto2 {font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;padding:3px;color:#555;width:230px;margin:3px 0 0 0;border:1px solid #CCC;	}
.input-cotacao-qtd2 {font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;padding:3px;color:#555;width:85px;margin:3px 0 0 0;border:1px solid #CCC;	}
.input-cotacao-ref2 {font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;padding:3px;color:#555;width:100px;margin:3px 0 0 0;border:1px solid #CCC;	}
#textarea-cotacao-online {height:150px;}
#option-cotacao-online { height:21px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#555;width:153px;margin:3px 0 0 0;}
.bt-cotacao-online {color: #FFF200;background: #242673;border: 1px solid #242673;cursor: pointer;padding: 12px 30px;font-weight: bold;text-transform: uppercase;font-size: 13px;margin: 0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-top: 10px;}
.bt-cotacao-online:hover {background: #FFF200; color: #242673;}
	


/* RODAPE *************************************************/
#rodape {	margin:0 auto;	text-align:center;	font-size:13px;	color:#ccc;	background: #242673;	clear:both;	padding:30px 0;	}
#rodape-conteudo {width:980px; margin:0 auto; line-height: 1.7;}
#rodape-conteudo p {text-align: center;}
#rodape-conteudo span {font-size: 11px;}
#rodape a {color:#ccc;}
#rodape a:hover {color:#fff;}

	
.input-contato { width:250px; font-size:14px; color: #666666; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; }


#tudo:after,
#conteudo:after,
#produtos:after,
.box-produtos:after,
.col3-set:after {display: block;content: ".";clear: both;font-size: 0;line-height: 0;height: 0;overflow: hidden;}