@import url(estilos_forms.css);
@import url(estilos_popups.css);

/* ==== HTML ==== */
html{}
body{background-color:#FFF;}
*{margin:0;padding:0;font:13px "Trebuchet MS", Arial, Helvetica;color:#05052a;}
strong{font-weight:bold;}
img{border:none;}
p{margin:7px 0;}
strong{font-weight:bold;}
.clear{height:1px;overflow:hidden;clear:both;}


/* ==== ESTRUTURA ==== */
body{background:#00316c url(../imagens/bg_repeat.gif) 0 0 repeat-x;}
#home #bg_top{background:transparent url(../imagens/bg_top_home.jpg) center top no-repeat;height:465px;}
#bg_top{background:transparent url(../imagens/bg_top.jpg) center top no-repeat;height:157px;}


#header{width:774px;margin:auto;height:157px;}
#logo{width:240px;height:90px;float:left;margin-top:10px;}
#slogan{width:500px;height:100px;float:right;}

#mnPrincipal{width:609px;margin:auto;clear:both;}
#mnPrincipal ul{list-style-type:none;}
#mnPrincipal ul li{float:left;}
#mnPrincipal ul li a{}

#produtosHome{width:774px;margin:auto;}

#box_inferior{width:775px;height:134px;margin:auto;background:transparent url(../imagens/bg_inferior_home.jpg) center top no-repeat;}
	#box_inferior h1{height:23px;border-bottom:1px solid #0277cb;margin:8px 0 10px 0;width:200px;}

#novidades{position:absolute;margin:-20px 0 0 22px;}
	#novidades ul{list-style-type:none;}
	#novidades ul li{padding:0 0 10px 10px;background:transparent url(../imagens/bullet_b.gif) 0 5px no-repeat;line-height:100%;}
	#novidades ul li a{color:#a6bcd5;font-size:12px;text-decoration:none;}

#foto_produtos_h{position:absolute;margin:10px 0 0 312px;}

#busca{position:absolute;margin:-20px 0 0 580px;height:70px;}
	#box_inferior #busca h1{text-align:right;width:175px;}
	.bt_busca{background:transparent url(../imagens/bg_button.gif) 0 0 no-repeat;width:43px;height:20px;font:bold 12px "Trebuchet MS", Arial, Helvetica;color:#d0ecf2;border:none;cursor:pointer;}
	.bt_busca:hover{color:#04d3f1;}
	#busca_label{color:#015ac6 !important;height:14px !important;width:110px !important;background-color:#b8d0ec !important;border:1px solid #6e9dd1 !important;padding:2px  5px !important;font-size:11px !important;}
	#busca_label:hover{border:1px solid #FFF;}
	#box_embale{float:left;margin:8px 0 0 0;}

#nav_interna{background:transparent url(../imagens/bg_nav_interna.gif) 0 0 no-repeat;clear:both;}

#footer{width:774px;margin:auto;background-color:#002155;height:37px;margin-bottom:8px;clear:both;}
	#footer #end{width:41%;float:left;padding:13px 0 0 0px;font:normal 9px Arial, Helvetica, sans-serif;color:#457dae;}
	#footer #end span{color:#FFF;font-size:10px;}
	#footer #logoInferior{float:left;padding:8px 0 0 10px;}
	#footer #direitos{float:right;padding:13px 10px 0 0;font:normal 9px Arial, Helvetica, sans-serif;color:#457dae;}
#creditos{clear:both;width:758px;margin:auto;text-align:right;padding:0 16px 10px 0;}
	#creditos a{font:normal 10px Arial, Helvetica, sans-serif;color:#0386d5;text-decoration:none;}
	#creditos a:hover{color:#FFF;}
	
#content{width:774px;margin:auto;background-color:#d9e1eb;clear:both;margin-bottom:20px;padding-top:8px;}
	#content h1{background-color:#abbace;height:27px;padding:7px 35px;font:normal 24px "Trebuchet MS", Arial, Helvetica;color:#004494;}
#area_content{padding:35px 35px 10px 35px;}

/*Representantes*/
#colLeft{width:50%;float:left;}
#colRight{width:40%;float:left;padding-left:50px;}
#lstLoading{position:absolute;background-color:#000066;font:normal 11px Arial, Helvetica, sans-serif;color:#fff;padding:4px;display:none;}
#representantesLst{margin:25px 0 0 0;}
.uf{font:bold 17px "Trebuchet MS", Arial, Helvetica;color:#004494;}
.numAtivo {color: #9e0b1c}

/*Produtos*/
h1 span.linha{font-size:20px;color:#336699;}
h1 span.sublinha{font-size:20px;color:#003366;}
#produtos #area_content{padding:0 0 10px 10px !important;}
#produtos #mnProd{background-color:#aabace;margin:10px 10px 0 0;width:175px;float:left;}
#area_content_prod{width:570px;float:left;margin-top:10px;}

#mnProd{width:175px;overflow:hidden;float:left;padding:0 0 10px 0;}
#mnProd ul{list-style-type:none;}
#mnProd ul li{clear:left;padding-bottom:3px;}
#mnProd ul li a{display:block;padding:10px 0 8px 15px;background:transparent url(../imagens/bgList-Linha.gif) right top no-repeat;font:bold 13px "Trebuchet MS", Arial, Helvetica;color:#004494;text-decoration:none;}
#mnProd ul li a:hover{color:#05052a;}

#mnProd ul li a .up{color:#05052a;font-weight:bold;}

#mnProd .tit_prod_select{background:#c1cddc url(../imagens/bullet_prod.gif) 145px 18px no-repeat;display:block;margin:0px 0px;font:bold 13px "Trebuchet MS", Arial, Helvetica;text-decoration:none;color:#004494;}
#mnProd .tit_prod_select_nobullet{background-color:#c1cddc;display:block;margin:0px 0px;font:bold 13px "Trebuchet MS", Arial, Helvetica;text-decoration:none;color:#004494;}


.first{background:none !important;}

#mnProd ul .subLinha{display:none;}
#mnProd ul .subLinha ul{}

/*
#mnProd ul .subLinha ul li{width:165px;}
#mnProd ul .subLinha ul li a{padding:4px 0 0 20px !important;background:#aabace url(../imagens/bullet_subLinha.gif) 15px 10px no-repeat;font-weight:normal;}
*/
#mnProd ul .subLinha ul li{width:165px;margin-left:10px;}
#mnProd ul .subLinha ul li a{padding:4px 5px 0 15px !important;background:#aabace url(../imagens/bullet_subLinha.gif) 5px 10px no-repeat;font-weight:normal;}
#mnProd .subLinha a.down{background-color:#b6c4d5;}


h2{font:bold 18px "Trebuchet MS", Arial, Helvetica;color:#336699;padding-bottom:10px;}

.table_prod{margin-bottom:20px;}
.table_prod th{color:#003876;font-size:12px;background-color:#9eb3c7;padding:3px 0;border:1px solid #d9e1eb;}
.table_prod td{background-color:#e3e9f0;padding:3px 0;font-size:12px;text-align:center;border-bottom:1px solid #6c8aa8;cursor:pointer;}
.table_prod .line_escura{background-color:#c9d4e1;}

.overlay{position:absolute;text-align:center;background-image:url(../../imagens/_spacer.gif);font:bold 12px Arial, Helvetica, sans-serif;color:#FFFFFF;cursor:pointer;}
.highlight{background-color:#fff !important;color:#0099FF;}

#bgOverlayZoom{position:absolute;display:none;background:#000;width:100%;height:100%;top:0;left:0;}
#imgProd{}
#infoOverlayZoom{position:absolute;display:none;width:590px;height:550px;overflow:auto;top:10px;left:0;}
	#infoZoomImg{margin:0px auto;width:582px;background-color:#333;}
	#infoZoomImg img{border:6px solid #fff;}
	#infoZoomTable{margin:5px auto;width:580px;}
	#infoZoomNav{position:absolute;}
		#infoZoomNav ul{list-style-type:none;margin:150px 0 0 0;}
		#infoZoomNav li a{position:absolute;}
		#infoZoomNav #btZoomPrev{margin:0 0 0 8px;}
		#infoZoomNav #btZoomNext{margin:0 0 0 540px;}
		#btZoomClose{position:absolute;margin:10px 0 0 550px;}

.left{float:left;width:275px;}
.right{float:right;width:272px;border-left:1px solid #6c8aa8;padding:0 0 20px 20px;}

ul.list{list-style-type:none;}
ul.list li{padding:0 0 4px 20px;background:transparent url(../imagens/bullet_list.gif) 8px 5px no-repeat;}

div.vcard{margin:10px 0 15px 0;}
.vcard span{margin:0;padding:0;}
.vcard .given-name{font-weight:bold;}
.adr .street-address{display:block;}
.adr .neighbourhood{display:block;}


/* Institucional */
#institucional #area_content{padding:0 0 10px 10px !important;}
#institucional #mnProd{background-color:#aabace;margin:10px 10px 0 0;width:175px;float:left;}
#area_content_prod{width:570px;float:left;margin-top:10px;}

.boxEmpresa{width:263px;height:308px;padding:5px;position:absolute;margin-left:450px;background:transparent url(../imagens/foto_aerea.jpg) 0 0 no-repeat;}

.infoEmpresa{background-color:#f3f5f8;margin:188px 0 0 0;}
.vcard h3{padding:4px 0 3px 5px;border-bottom:1px solid #244b65;margin:0 0 5px 0;font-size:13px;font-weight:bold;}
.boxEmpresa .vcard div{padding:0 0 2px 10px;margin:0;font-size:12px;}
.infoEmpresa .btMap{position:absolute;margin:25px 0 0 172px;}

.listDocuments{list-style-type:none;margin:30px 10px;}
				.listDocuments li{float:left;width:105px;height:150px;}
				.listDocuments li a{float:left;text-align:center;text-decoration:none}
				.listDocuments li a p{padding:0 3px;font-size:11px;line-height:13px;}
				.listDocuments li a:hover p{text-decoration:underline;}


.imgAlone{border:1px solid #fff;margin:10px;}

/* Noticias */
.contentNovidades{float:left;width:520px;}

#mnNoticias{float:left;width:180px;}
#mnNoticias ul{padding:0;list-style-type:none;}
#mnNoticias ul li{padding-bottom:5px;margin-bottom:10px;border-bottom:1px dashed #004494;margin-right:20px;}
#mnNoticias ul li a{text-decoration:none;display:block;padding:5px;}
#mnNoticias ul li a:hover{background-color:#c0d1e5;}
#mnNoticias ul li a span{color:#004494;}