/*--------------------------------------------------------------------
LAYOUT - PAVIMETAL(IE7+ FF1.5+ Opera9+)

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

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


/*-------------------------------------------------------------------------
=HEADER PIC
-------------------------------------------------------------------------*/
#headerPic{
	position: relative; top: 0; left: -263px;
	width: 1500px; height: 490px; overflow:	hidden; 
}
#headerPic .images{position: absolute;  top:0; left:0;}
#headerPic .images li{position: absolute;  top:0; left:0; opacity:0; width: 1500px; text-align: center;}
#headerPic .images li:first-child{opacity:1;}

#headerPic .legendas{
	position: absolute; top:215px; left: 261px;	width: 239px; width: 255px \9; height: 205px; padding: 35px 36px;	display: block; 
	font: 34px/40px "paviB", Helvetica, Arial, sans-serif; color: #ffffff; text-transform: uppercase; letter-spacing: -1px;
	background-color: rgb(51,255,20); /* IE8 Fix */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)"; /* IE8 Fix */
	background-color: rgba(51,255,20,.97);
}

#headerPic .legendas li{position: absolute;  top:35px; left:36px; width: 239px; width: 255px \9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 Fix */ opacity:0; margin-top: 20px;}
#headerPic .legendas li:first-child{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 Fix */ opacity:1; margin-top: 0;}
#headerPic .legendas a{color: #ffffff;}



/*-------------------------------------------------------------------------
=DESTAQUES
-------------------------------------------------------------------------*/
#destaques{
	border-top: 3px solid #e5e5dd;  margin-top: 22px;
}

#destaques ul{
	position: relative; margin-top: 22px; overflow: hidden; 
	font: 12px/15px "paviB", Helvetica, Arial, sans-serif; color: #ffffff; text-transform: uppercase;
}
#destaques ul li{
	position:relative; display: block; float: left; width: 311px; height: 419px; 
	overflow: hidden; margin-left: 22px;
}
#destaques ul li:first-child{margin: 0;}
#destaques ul li a{display: block; width: 100%; height: 100%; color: #ffffff;}
#destaques ul li img{z-index: 1; width:311px; height:419px;			}
#destaques ul li span{
	position: absolute; top: 20px; left:20px;
	display: block; width: 271px; height: 379px; z-index: 10;
	background: rgb(0,0,0); /* IE8 Fix */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* IE8 Fix */
	background: rgba(0,0,0,.25);
	border: 1px solid rgba(0,0,0,.08);
}
#destaques ul li div{
	position: absolute; top: 0; left:0; width: 100%; height: 100%; z-index: 10;
	background: rgb(51,255,20); /* IE8 Fix */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 Fix */
	background: rgba(51,255,20,.8);  display: none;
}
#destaques ul li h3, #destaques ul li h4, #destaques ul li p{
	position: absolute; width: 100%; top:45px; left:0px;	z-index: 20; text-align: center;
}
#destaques ul li h4{top: 260px; left:0px; font-size: 26px; line-height: 28px;}
#destaques ul li p{
	top: 339px; left:78px; width:117px; height: 38px; text-align: left; 
	line-height: 38px;	background-color: #221F1F; padding-left: 27px;
}
#destaques ul li p em{
	background: transparent url(../imgs/btns-seta.png) no-repeat 0 3px;	margin-left: 0; 
	-moz-transition: margin .2s ease-out; -webkit-transition: margin .2s ease-out;  
	-o-transition: margin .2s ease-out; transition: margin .2s ease-out;		
}
#destaques ul li p:hover em, #destaques ul li p.on em{margin-left: 5px;}
#destaques li a:hover h3, #destaques li a:hover h4, #destaques li a:hover p{color: #ffffff;}
#destaques li a:hover div{display: block;}




.fr #destaques ul li p{left:68px; width:148px;}
.en #destaques ul li p{width:127px;}