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

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

/*-------------------------------------------------------------------------
=CONTENT and HEADER and Body
-------------------------------------------------------------------------*/
body {background: #d2ecff url(../imgs/body-bg-index.gif) repeat-x left top;}
#header{position: relative;	width:930px; height: 370px;}
#flashHeader{height: 280px;}
#flashFrases{position: relative; margin-top: 40px; width: 280px; height: 175px; z-index: 10;}
#contentDta{padding:40px 0 10px 0;}
#contentEsq{padding: 40px 20px 10px 0;}
#contentDta h2+p{font-size:17px; line-height: 20px;}
#contentDta ul.linkPics{padding: 10px 35px 20px 0;}
#contentDta ul.linkPics li{float: right; background: none; padding: 0 15px 0 0; margin: 0;}

/*-------------------------------------------------------------------------
=CONTENT DESTAQUES
-------------------------------------------------------------------------*/
#contentDes{
	position: relative; width: 930px; height: 197px; padding: 0; overflow: hidden;
	background: transparent url(../imgs/contentDes-bg.gif) no-repeat; clear: both;
}

/* Coluna 1 */
#col1{
	position: relative; float: left; width: 270px; height: 197px; padding-right:10px;
}

ul#slideBox li{
	position: relative; display:block; width: 240px; height: 145px; left: 20px; top: 10px; 
	color: #2a2f32; overflow: hidden; 
}
ul#slideBox img{float: right; margin: 0 0 10px 10px;}
ul#slideBox h3{font-size: 15px; font-weight: bold; padding: 35px 0 4px 0;}
ul#slideBox p{padding: 2px 0;}
ul#slideBox a{color: #2f3235; border: 0;}
ul#slideBox a.more{color: #2f3235; font-size: 12px;  border-bottom: 1px solid #00a1d2;}
ul#slideBox a.more:hover{border-bottom: 0; color: #00a1d2;}

ul#slideLink{position: absolute; left:20px; top: 172px; 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;}

/* Colunas Outras*/
.col2{
	position: relative; float: left; width: 210px; height: 197px; padding-right:10px; color: #697988;
}
.col2 h3{
	position: relative; padding: 47px 0 0 20px; color: #011b2f;
	font-size: 12px; font-weight: bold; text-transform: uppercase;
}
.col2 h3 a{color: #011b2f;}
.col2 h3 a:hover, .col2 h3 a:focus{color: #011b2f;}
.col2 p{position: absolute; top: 20px; right: 10px; width: auto; font-size: 13px; z-index: 10;}
.col2 h3 + p{position: relative; padding: 6px 0 0 20px; top: 0; right: auto;}
.col2 p.botao, #col1 p.botao{
	position: absolute; right: 32px; top: 172px; left:auto; color:#005a9b; 
	text-transform: uppercase; font-size: 10px; font-weight: bold;
}
.col2 p.botao a, #col1 p.botao a{color:#005a9b; border: 0;}
.col2 p.botao a:hover, .col2 p.botao a:focus, #col1 p.botao a:hover{text-decoration: underline; }
.col2 a{border-bottom: 0; color: #697988;}
.col2 a:hover{color: #697988;}
.noPad{padding-right: 0;}
.noPad p.botao{right: 22px;}