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

/* GENERAL
----------------------------------------------------------------------------- */
.header img.head{ position:absolute; top:53px; left:204px;}

.content{ height:517px;}
.content .base0{ height:517px;}
.content .base0 img{ float:left;}
.content .base0 img.opa{ padding:0 0 215px; background:#000;}

.content .filme_menu{ position:absolute; top:214px; left:107px;}
.content .filme_menu li{ float:left;}
.content .filme_menu li a img{opacity:1; filter: alpha(opacity=100); -moz-opacity:1;}
.content .filme_menu li.hover a img,
.content .filme_menu li a:hover img{opacity:0; filter: alpha(opacity=0); -moz-opacity:0;}

.content .scrollbox{ position:absolute; top:238px; left:60px; width:300px; height:200px;}
.content .scrollbox .mask{ position:relative; margin:0 0 0 9px; width:254px; height:176px; overflow:hidden;}
.content .scrollbox .mask .inner{ color:#FFFFFF; position:absolute; top:-37px;}
.content .scrollbox .mask .inner li{ padding:10px 0; border-bottom:1px dashed #fff;}
.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:37px; left:9px; width:254px; height:20px; background:url(images/mask_01.png) no-repeat;}
.content .scrollbox .mask_foo{ position:absolute; top:193px; left:9px; width:254px; height:20px; background:url(images/mask_02.png) no-repeat;}

.content .scrollbox .bar{ position:absolute; top:30px; left:272px; height:176px;}


/* ######################## IE scrollbar Hack ############################ */
.content .scrollbox .mask{ !overflow:auto; !background:none; !width:284px;}
.content .scrollbox .mask .inner{!position:relative; !top:auto;}
.content .scrollbox .bar{ !display:none;}
.content .scrollbox .mask_top{ !display:none;}
.content .scrollbox .mask_foo{ !display:none;}