/*
Foreplay design
    
CSS code
escrito por Foreplay design
*/

/* GENERAL
----------------------------------------------------------------------------- */

.content{}
.content .base{ height:688px;}
.content .base img{ float:left;}

.content .scrollbox{ position:absolute; top:92px; left:559px; width:300px; height:200px;}
.content .scrollbox .mask{ position:relative; margin:0; width:272px; height:529px; overflow:hidden;}
.content .scrollbox .mask .inner{ color:#FFFFFF; position:absolute; top:-37px; width:272px;}
.content .scrollbox .mask .inner li{ padding:10px 0;}
.content .scrollbox .mask .inner h4{ font-size:11px; color:#CC9900;}
.content .scrollbox .mask .inner p{ font-size:11px;}
.content .scrollbox .mask_top{ position:absolute; top:0px; left:0px;  width:272px; height:20px; background:url(images/imprensa_mask1.png) no-repeat; !background: none;}
.content .scrollbox .mask_foo{ position:absolute; top:509px; left:0px;  width:272px; height:20px; background:url(images/imprensa_mask2.png) no-repeat; !background: none;}

.content .scrollbox .bar{ position:absolute; top:0px; left:272px; height:529px;}
.content .scrollbox .bar .barHandler { cursor: pointer; }

.content .kit{position:absolute; top:270px; left:188px; width:78px; height:98px;}
.content .cartaz1{	position:absolute;	top:289px;	left:293px;	width:97px;	height:113px;	z-index:1000;}
.content .cartaz2{	position:absolute;	top:354px;	left:351px;	width:84px;	height:113px;	z-index:2000;}

.content .livro1{position:absolute;	top:442px;	left:72px;	width:84px;	z-index:3000;}
.content .livro2{position:absolute;	top:442px;	left:233px;	width:84px;	z-index:3000;}
.content .thumbs{ width:128px; _width:140px;}
.content .thumbs a{ float:left;}
.content .thumbs a img{ display:block;}

.content .livro1 a:hover img,
.content .livro2 a:hover img,
.content .kit:hover img,
.content .cartaz1:hover img,
.content .cartaz2:hover img{opacity:0; filter: alpha(opacity=0); -moz-opacity:0;}