/*--------------------------------------------------------------------
LAYOUT "index" Style - csMANUFACTURING(IE7+ FF1.5+ Opera9+)

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

/*-------------------------------------------------------------------------
=CONTENT 
-------------------------------------------------------------------------*/
#content .destaquetxt p{float: left; width:560px;}
#content #flashDestaquetxt{float: right; width: 193px; height: 100px;}

/* =DESTAQUE NEWS*/
#destaqueNews{
	position: relative; width:755px; height: 243px; overflow: hidden;
	background: transparent url(../imgs/home-destaqueNews-bg.gif) no-repeat;
}
#destaqueNews h3{
	font-size: 9px; color: #6d6e71; text-transform: uppercase;
	position: absolute; right: 10px; top:4px;
}
#destaqueNews .col1{position: relative; float: left; width: 358px; margin-right:29px;}
#destaqueNews .col2{position: relative; float: left; width: 368px;}
#destaqueNews ul{padding-top: 20px; color: #7d7d7d; font-size: 12px;}
/* :INFO: display:none; clear flicker when Jquery is loading */
ul#slideBox li, ul#slideBoxB li{position: relative; display:none; width: 350px; height: 170px; overflow: hidden;}
ul#slideBox li:first-child, ul#slideBoxB li:first-child{display:block;} 
ul#slideBox div, ul#slideBoxB div{overflow: hidden; width: 350px;}
ul#slideBox img, ul#slideBoxB img{
	float: left; width: 134px; height:75px;padding: 0 19px 10px 0;  
	background: transparent url(../imgs/home-news-moldura.gif) no-repeat; 
}
ul#slideBox p.data, ul#slideBoxB p.data{color: #ff5800; font-size: 11px; padding: 25px 0 0 0;}
ul#slideBox h4, ul#slideBoxB h4{font-size: 14px; font-weight: bold;  color:#6d6e71; padding: 0 0 6px 0;}
ul#slideBox h4 a, ul#slideBoxB h4 a{color:#6d6e71; border: 0;}
ul#slideBox p, ul#slideBoxB p{line-height: 15px; padding-bottom: 5px;}
ul#slideBox p a, ul#slideBoxB p a{color: #7d7d7d; border: 0;}
#destaqueNews p.more a{color: #382f2b;  border-bottom: 1px solid #f7c28a;}
#destaqueNews p.more a:hover, #destaqueNews p.more a:focus{border-bottom: 1px solid transparent;}

ul#slideLink, ul#slideLinkB{position: absolute; right:10px; top: 184px; overflow: hidden;}
ul#slideLink li, ul#slideLinkB li{float: left; display: block; padding-right: 4px;}
ul#slideLink li a, ul#slideLinkB li a{
	display: block; border: 0; text-decoration: none; width: 12px; height: 12px;
	background: transparent  url(../imgs/home-bts-destaque.png) no-repeat left top; text-indent: -9999px;
}
ul#slideLink li a:hover, ul#slideLink li a:focus, ul#slideLink li a.on,
ul#slideLinkB li a:hover, ul#slideLinkB li a:focus, ul#slideLinkB li a.on{background-position: left bottom;}


/* =DESTAQUE FUNDO*/
#destaqueFundo{
	position: relative; width:755px; height: 140px; font-size: 12px; 
	background: transparent url(../imgs/home-destaqueFundo-bg.gif) no-repeat;
}
#destaqueFundo .col1, #destaqueFundo .col2{position: relative; float: left; width: 235px; padding:15px 35px 0 0;}
#destaqueFundo .col3{position: relative; float: left; width: 210px; padding-top: 15px;}
#destaqueFundo h3{font-size: 14px; font-weight: bold; color: #ff5800; padding-bottom: 5px;}
#destaqueFundo p{padding-bottom: 5px;}

/* =Coluna 1 e 2 */
#destaqueFundo .col1 a, #destaqueFundo .col2 a{color: #ff5800;}
#destaqueFundo .col2 h3 a{color: #ff5800;}
#destaqueFundo .col2 img{float: right; margin: 0; padding: 0;}
#destaqueFundo .col2 p:first-child{margin: 0; padding: 0;}

/* =Coluna 3 - newsletter*/
#formNewsletter legend{display: none;}
#formNewsletter p{margin: 2px 0;}
#formNewsletter input.text{
	width: 170px; height: 16px; vertical-align: middle;	border: 1px solid #e2e2e2; background-color: #ffffff;
	font-size: 11px; color: #382f2b; padding: 0 2px;
}
#formNewsletter input.text2{padding-right: 20px; width: 152px;}
#formNewsletter input.text:focus{border: 1px solid #ff884c;}
#formNewsletter button.btnEnviar{ 
	text-indent: -5555px; overflow: hidden; vertical-align: middle; position: relative; left: -20px;
	width: 15px; height: 12px; margin: 0; padding:0; border: 0; cursor: pointer;
	background: transparent url(../imgs/formNewsletter-bt.gif) no-repeat left top;
}
#formNewsletter button.btnEnviar:hover, #formNewsletter button.btnEnviar:focus{background-position: left bottom;}
/* =mensagem erro*/
#formNewsletter .erroMail{
	font-size: 12px; color: #ca311e; 	padding:0 0 0 16px; margin: 2px 2px; line-height: 16px;
	background: url(../imgs/icon-msg-erroS.png) no-repeat; display: none; 
}
#formNewsletter input.erro{background-color: #fce5d8; border: 1px solid #fb5e0c;}

/*
#destaqueFundo .col3 .msgErro{
	background: transparent url(../imgs/icon-msg-erroS.png) no-repeat; position: relative; left:0; top: 0;
	font-size: 13px; font-weight: normal; color: #ca311e; line-height: 16px; padding-left: 20px;
}
#destaqueFundo .col3 .msgSent{
	background: url(../imgs/icon-msg-okS.png) no-repeat;  position: relative; left:0; top: 0; 
	font-size: 13px; font-weight: normal; color: #129d46; line-height: 16px; padding-left: 20px;
}
*/
/*-------------------------------------------------------------------------
=FOOTER
-------------------------------------------------------------------------*/
#apoios{position: relative; width: 190px; margin: 20px 0 0 62px;}
#apoios li{display: block; float: left; height: 37px;}
#apoios a{
	position: relative; display: block; height: 37px; line-height: 37px; text-indent: -9999px;	border: 0;
  overflow: hidden; margin-bottom:8px; background: transparent url(../imgs/apoios-id.gif) no-repeat;	   						
} 
#apoios #apoiosL1{width: 64px; background-position: 0px 0px;}
#apoios #apoiosL2{width: 80px; background-position: -64px 0;}
#apoios #apoiosL3{width: 43px; background-position: -144px 0;}
#apoios #apoiosL1:hover{background-position: 0 -37px;}
#apoios #apoiosL2:hover{background-position: -64px -37px;}
#apoios #apoiosL3:hover{background-position: -144px -37px;}