/*--------------------------------------------------------------------
LAYOUT "corpo" Style - SIVAL (IE6+ FF1.5+ Opera9+)

Version: 	1.0 - 2008
author: 		Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(reset.css);

/*----------------------------------------------------------------------*/

html, body {height: 100%; background: #e4ebf3 url(../imgs/site-bg.gif) repeat-x left top;}/* :INFO: body e html 100%* necessariro para a tecnica footerStickAlt */

#wrapperMaster { /* :INFO: need for tecnica footerStickAlt + meter o fundo no bottom do site */
	 width: 955px; min-height: 350px; padding: 0; margin: 0;
}
* html #wrapperMaster {height: 100%;} /* :HACK: IE <=6*/



/* =ACESSIBILIDADES
------------------------------------------------------------------*/
#acessibilidades{position: absolute; top: -5555px; left: -5555px; font-size: 12px;}


/* =WRAPPER
------------------------------------------------------------------*/
#wrapper{
	position: relative; width: 955px;
	overflow: hidden; /* :INFO: Clear Floats*/
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; 
	background: #FFFFFF url(../imgs/wrapper-bg.jpg) no-repeat right top;
}
p.clear{clear:both; height: 15px;}



/* =HEADER
------------------------------------------------------------------*/
#header{
	position: relative; width: 955px; height:305px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #818d93;
}

#header h1{
	position: absolute; left:55px; top: 30px; width: 170px; height: 150px;
	/*background: transparent url(../imgs/brand-sival2.gif) no-repeat; text-indent: -5555px; overflow: hidden;	*/
	background: transparent url(../imgs/logo_sival2.png) no-repeat; text-indent: -5555px; overflow: hidden;	
}
#header h1 a{display: block;width: 100%; height: 100%;}
#header ul.linguas {
	position: absolute; right:0px; top: 10px; width: 45px; height: 20px; text-indent: -5555px;
}
#header ul.linguas li.linguaPT a{
	position: absolute; left: 0px; width: 20px; height: 20px; display: block;
	background: transparent url(../imgs/icon-linguaPT.gif) no-repeat 0px 0px;
}
#header ul.linguas li.linguaPTon{
	position: absolute; left: 0px; width: 20px; height: 20px; display: block;
	background: transparent url(../imgs/icon-linguaPT-on.gif) no-repeat 0px 0px;
}
#header ul.linguas li.linguaPT a:hover{
	position: absolute; left: 0px; width: 20px; height: 20px; display: block;
	background: transparent url(../imgs/icon-linguaPT.gif) no-repeat 0px -20px;
}
#header ul.linguas li.linguaES a{
	position: absolute; right: 0px; width: 20px; height: 20px; display: block;
	background: transparent url(../imgs/icon-linguaES.gif) no-repeat 0px 0px;
}
#header ul.linguas li.linguaESon{
	position: absolute; right: 0px; width: 20px; height: 20px; display: block;
	background: transparent url(../imgs/icon-linguaES-on.gif) no-repeat 0px 0px;
}
#header ul.linguas li.linguaES a:hover{
	position: absolute; right: 0px; width: 20px; height: 20px; display: block;
	background: transparent url(../imgs/icon-linguaES.gif) no-repeat 0px -20px;
}

/* =NAVIGATION MAIN
------------------------------------------------------------------*/
#navMain{
	float: left; width:310px; height: 100%; margin: 0; 
	background: transparent url(../imgs/navMain-bg.gif) repeat-y 0 0;
}
ul#navNivel1{
	position: relative; padding:0 60px 0 40px; width: 210px;/* :BUG: IE sem width mas margens nos li nao funcionam!!*/
	font:12px Verdana, Arial, Helvetica, sans-serif; color: #8b8b81;
	background: transparent url(../imgs/navNivel1-bg.gif) repeat-y 0 0;
}
ul#navNivel1 li{
	display: block; padding: 5px 5px 7px 15px;
	font:12px Verdana, Arial, Helvetica, sans-serif; color: #8b8b81; text-transform: uppercase;
	background: transparent url(../imgs/icon-seta.gif) no-repeat 0px 0px;
}
ul#navNivel1 li a{
	position: relative; width: 207px; /* :BUG: IE sem width mas margens nos li nao funcionam!!*/
	font:12px Verdana, Arial, Helvetica, sans-serif; color: #8b8b81; text-transform: uppercase;
	text-decoration: none;
}
ul#navNivel1 li a:hover, ul#navNivel1 li a:focus {color: #d61e05;}
ul#navNivel1 li.on{color: #d61e05; background: transparent url(../imgs/icon-seta-double.gif) no-repeat 0px 0px;}
ul#navNivel1 li.last{background: transparent url(../imgs/icon-seta-double.gif) no-repeat 0px 0px;}

/* navNivel2 */
ul#navNivel2 {
	position: relative; width: 100%; /* :BUG: IE sem width mas margens nos li nao funcionam!!*/
	padding: 5px 0px;
	font:12px Verdana, Arial, Helvetica, sans-serif; color: #4c4c41;
}
ul#navNivel2 li{display: block; margin: 0px; padding:5px 0 0 5px ; background-image: none;
	position: relative;
	font:11px Verdana, Arial, Helvetica, sans-serif; color: #4c4c41; text-transform: uppercase;
	text-decoration: none;
}
ul#navNivel2 li a{
	position: relative;
	font:11px Verdana, Arial, Helvetica, sans-serif; color: #4c4c41; text-transform: uppercase;
	text-decoration: none;
}
ul#navNivel2 li a:hover, ul#navNivel2 li a:focus, ul#navNivel2 li.on2{color: #cd0e03;}


/* =Menu mapa site e icons ----------*/
#navIcons{
	position: relative; width: 250px; height: 52px; padding-bottom: 20px;
	background: transparent url(../imgs/navIcons-bg.gif) no-repeat;
}
#navFinal{
	position: relative; width: 250px; height: 70px; padding: 0; margin: 0;
	background: transparent url(../imgs/navFinal-bg.gif) no-repeat;
}
/* =NAVIGATION SEC
------------------------------------------------------------------*/
#navSec{position: relative; width: 625px; margin: 0; padding-bottom: 40px;}
#navSec h1 {font: 24px Arial, Helvetica, sans-serif; color: #25324b; font-weight: bold; text-transform: uppercase;}
#navSec ul.navSecNivel{
	font: 10px Arial, Helvetica, sans-serif; color: #667b8e; font-weight: bold; text-transform: uppercase;
	position: relative; top: 0px; left: 0px;
}
#navSec ul.navSecNivel li{float: left; padding:0 5px 1px 9px; background: transparent url(../imgs/icon-seta-submenu.gif) no-repeat left center;}
#navSec ul.navSecNivel li a{color: #667b8e; border-bottom: 1px solid #d1d7dd; text-decoration: none;}
#navSec ul.navSecNivel li a:hover, #navSec ul.navSecNivel li a:focus{color: #cd0e03; text-decoration: none;  border-bottom: none;}
#navSec ul.navSecNivel li.first{padding:0 5px 1px 0; background-image: none;}

/* =CONTENT
------------------------------------------------------------------*/
#content{
	position:relative; width: 625px; color: #717a7f;; margin: 0; padding-top:100px;
	height:1%; overflow: hidden;
}
#content img{float: right; margin: 0px;}
#content h2.inicio{font: 14px/18px Verdana, Arial, Helvetica, sans-serif; color: #cd0e03; margin-bottom: 15px; font-weight: bold;}
#content h2{font: 16px/18px Verdana, Arial, Helvetica, sans-serif; color: #cd0e03; font-weight: bold; text-transform: uppercase;}
/*#content p { width: 355px; font: 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #4d4d4d; padding-bottom: 10px}*/
#content p {font: 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #4d4d4d; padding-bottom: 10px}
#content p.data {font: 10px/14px Verdana, Arial, Helvetica, sans-serif; color: #cd0e03; padding: 0; margin: 0;}
#content a.linkTxt {font: 9px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; border-bottom: 1px solid #e95314; color: #667b8e;}
#content a.linkTxt:hover, #content a.linkTxt:focus, #content a.on{text-decoration: none; border-bottom: none; color: #cd0e03;}

/* =content index*/
#content .noticias{
	float: left; width: 200px; color: #717a7f; margin: 0; padding: 0;
}
#content .destaques{
	float: left; width: 200px; color: #717a7f; margin: 0; padding: 0;
}

/* =content produtos*/
#content .linha{
	width: 100%;
	overflow: hidden; height: 1%; /* :HACK: Clear Floats quando tenho 2 colunas*/	
}
.blocoEsq{float: left; position: relative; width: 220px; margin-right: 25px; padding-bottom: 15px;}

.blocoDta{float: right; position: relative; width: 380px; margin: 0; padding-bottom: 15px;text-align:justify;}

.blocoDta ul{ float: left; height: auto; width: 380px; padding: 5px 0 15px 0;}
.blocoDta ul li{float: left; display: block; padding:0 7px 2px 7px; border-left: 1px solid #f2c2c0;}
.blocoDta li a{color : #667b8e; text-decoration: none; border-bottom: 1px solid #f2c2c0;}
.blocoDta li a:hover, .blocoDta li a:focus{text-decoration: none; border-bottom: none; color:#25324b;}
.blocoDta li.on a{border-bottom: none; color:#cd0e03;}
.blocoDta ul li.first{padding:0 7px 2px 0; border: none;}

.blocoDta a{color: #4d4d4d; text-decoration: none; border-bottom: 1px solid #cd0e03;}
.blocoDta a:hover, .blocoDta a:focus{text-decoration: none; border-bottom: none; color:#cd0e03;}

/* =FOOTER
------------------------------------------------------------------*/
#footer{
	position: relative; width: 955px; /*height: 80px;*/ padding: 0; margin: 0;
	font: 9px Verdana, Arial, Helvetica, sans-serif; color : #97989b;
	background: transparent url(../imgs/rodape-bg.gif) repeat-x left bottom;
	
	background:#fff;
}
#footer .masterInfo{width: 625px;float:right;margin-right:10px;padding-top:10px;border-top: 1px solid #8d8f93;}

#footer ul{
	/*position: absolute; top: 20px; left: 310px; height: auto; width: 625px;*/ 
	width:100%;
	padding-top: 12px;
	/*border-top: 1px solid #8d8f93;*/
}
#footer ul li{float: left; display: block; padding: 0 5px 1px 0;}
#footer li a{color : #97999b; text-decoration: none; border-bottom: 1px solid #e95314;}
#footer li a:hover, #footer li a:focus{text-decoration: none; border-bottom: none; color:#e95314;}
#footer li.on a{color:#d81c52;}
#footer li.copyright {position: absolute; right:0px;}

.foto_footer{background:#fff;}
.foto_footer img{max-width:100%;}
#content img.block{float:none; margin:10px 0;}

/* FORM PESQUISAR
------------------------------------------------------------------------------------------*/
#formPesquisar{
	width: 170px; height: 20px; position: absolute; left: 40px; top: 260px;
	background: transparent url(../imgs/formPesquisar-bg.gif) no-repeat;
}
#formPesquisar legend{text-indent: -5555px;}
#formPesquisar input.text{
	height: 16px; position: absolute; top: 2px; left: 15px; width: 125px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #666666; 
	border: none; background: transparent;
}
#formPesquisar input#submit{
	position: absolute; top: 0px; right: 0px;
	width: 27px; height: 20px; margin: 0; padding:0; border: none; cursor: pointer;
	background: transparent url(../imgs/form-bt.gif) no-repeat left top;
}
#formPesquisar input#submit:hover, #formPesquisar input#submit:focus{background-position: left bottom;}


/* FORM NEWSLETTER
------------------------------------------------------------------------------------------*/
.newsletter{
	position: relative; left: 40px; width: 170px; 
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#818f97;
	background: transparent url(../imgs/icon-newsletter.gif) no-repeat top left;
}
.newsletter h2{font: 32px Arial, Helvetica, sans-serif; color:#a8d1eb; padding-top: 40px;}

#formNewsletter{
	width: 180px; height: 60px; position: relative; margin: 10px 0 0 40px;
	background: transparent url(../imgs/formPesquisar-bg.gif) no-repeat;
}
#formNewsletter legend{text-indent: -5555px;}
#formNewsletter label{
	position: absolute; top: 25px; left: 2px; width: 170px; padding-bottom: 5px;
	font: 9px Verdana, Arial, Helvetica, sans-serif; color: #71818b; 
	border: none; background: transparent;}

#formNewsletter a {font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; border-bottom: 1px solid #e95314; color: #667b8e;}
#formNewsletter a:hover, #formNewsletter a:focus, #formNewsletter a.on{text-decoration: none; border-bottom: none; color: #cd0e03;}
#formNewsletter input.text{
	height: 16px; position: absolute; top: 2px; left: 15px; width: 125px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #666666; 
	border: none; background: transparent;
}
#formNewsletter input#submitok2{
	position: absolute; top: 0px; right: 0px;
	width: 27px; height: 20px; margin: 0; padding:0; border: none; cursor: pointer;
	background: transparent url(../imgs/form-bt.gif) no-repeat left top;
}
#formNewsletter input#submitok2:hover, #formNewsletter input#submitok2:focus{background-position: left bottom;}


/* EMAIL
------------------------------------------------------------------------------------------*/
p.email{
	width: 160px; height: 20px; position: relative; margin:15px 0 0 40px;
	display: block;
	background: transparent url(../imgs/email-bg.gif) no-repeat;
}
p.email a{
	height: 16px; position: relative; top: 3px; left: 26px;
	font: 9px Verdana, Arial, Helvetica, sans-serif; color: #89b8e4; font-weight: bold; text-decoration: none;
}
p.email a:hover, p.email a:focus{text-decoration: none; color:#cd0e03;}

/* =CONTENT Notícias + Destaques
--------------------------------------------------------------------------*/
#bloco{width: 100%;  height: 1%; overflow: hidden; margin: 35px 0;}
#bloco .blocoNoticias{float: left; position: relative; width: 220px; padding-right: 25px;}
#bloco .blocoDestaques{float: left; position: relative; width: 220px; padding-right: 15px;}
#bloco .blocoPdf{
	float: left; position: relative; width: 145px; height: 125px;
	background: transparent url(../imgs/icon-pdf.gif) no-repeat left top;
}
#bloco .blocoPdf p{
	position: absolute; top: 45px; left: 65px; width: 75px;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif; color: #cd0e03;
}
#bloco .blocoPdf a{font: 10px/16px Verdana, Arial, Helvetica, sans-serif; color: #213b45; text-decoration: none;}
#bloco .blocoPdf a:hover, #bloco .blocoPdf a:focus{text-decoration: none; color:#cd0e03;}

#bloco h3{font: 20px Arial, Helvetica, sans-serif; color: #cd0e03; margin-bottom: 5px;}
#bloco ul{border-top: 1px solid #c5c5c0;  padding: 5px 0; }
#bloco ul li.data{font: 10px Verdana, Arial, Helvetica, sans-serif; color:#8b8b81; margin-left: 22px;}
#bloco ul li a{
	color: #213b45; text-decoration: none; font-weight: bold;
	background: transparent url(../imgs/icon-documento.gif) no-repeat 3px 1px; padding-left: 22px;
}
#bloco ul li a:hover, #bloco ul li a:focus{text-decoration: none; color:#cd0e03; font-weight: bold;}
#bloco ul.last{border-bottom: 1px solid #c5c5c0;}


/* =VCARD : microformats
------------------------------------------------------------------*/
.vcard{
	position: relative; margin: 50px 0  0 40px; width: 200px; 
	font:11px/13px Verdana, Arial, Helvetica, sans-serif; color: #71818b;
}
.vcard ul{margin: 0; padding:0px; list-style: none;}
.vcard ul li {display: block; padding-bottom: 1px; width: 150px;}

.vcard .adr{padding-bottom: 15px;}
.vcard a{color: #71818b; text-decoration: none;}
.vcard a:hover, .vcard a:focus{color: #e95314; text-decoration: underline;}
.btVcard{position: absolute; top: -26px; left: 0px; font:24px Arial, Helvetica, sans-serif; color: #92c2e4;}
.vcard .photo, .vcard a.url, .vcard .fn{display: none;}
.vcard abbr, .vcard span.abbr{color: #89b8e4;} /* BUG: IE6- nao reconhece abbr*/