/*--------------------------------------------------------------------
LAYOUT "index" Style - WMPI(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 DESTAQUES
-------------------------------------------------------------------------*/
#contentDes{
	position: relative; width: 930px; height: 197px; padding: 0 10px; overflow: hidden;
	background: transparent url(../imgs/contentDes-bg.gif) no-repeat;
}

/* 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: 19px; top: 10px; 
	color: #2f3235; overflow: hidden;  
}
ul#slideBox img{float: right; margin: 0 0 10px 10px;}
ul#slideBox h3{font-size: 15px; font-weight: bold; padding: 15px 0 6px 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 #33cccc;}
ul#slideBox a.more:hover{border-bottom: 0; color: #33cccc;}

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

/* Coluna 2 e 3 */
#col2, #col3{
	position: relative; float: left; width: 210px; height: 197px; padding-right:10px;
}
#col2 > p{position: absolute; right: 29px; top: 164px;}
ul#slideBoxB li{
	position: relative; display:block; width: 190px; height: 102px; left: 19px; top: 47px; 
	color: #61696b; overflow: hidden;
}
ul#slideBoxB li p:first-child{padding: 0 10px 20px 0; font: 13px Arial, Helvetica, sans-serif; }
ul#slideBoxB li p{font: 11px/12px "Arial Narrow", Arial, Helvetica, sans-serif;}
ul#slideBoxB li:first-child{display: block;} /* :INFO: para quando js esta off*/
ul#slideBoxB li{display: none;}
ul#slideLinkB{position: absolute; left:20px; top: 164px; overflow: hidden;}

/* Coluna 3 e 4*/
#col4{
	position: relative; float: left; width: 210px; height: 197px; 
}
#col3 p, #col4 p{position: absolute; top: 10px; right: 10px; left: auto;}
#col3 p + p, #col4 p + p {position: relative; left: 19px; top: 47px; right: auto;}
#col3 p.botao, #col4 p.botao{position: absolute; right: 29px; top: 164px; left:auto;}
#col2 a, #col3 a, #col4 a{border-bottom: 0;}
#col2 a:hover, #col3 a:hover, #col4 a:hover{color: #61696b;}