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

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

.content .thumb{ position:absolute; top:262px; right:35px; width: 382px; z-index: 1000; }
.content .thumb li { float: left; padding: 0 5px 1px 0; }
.content .scrollbox{ position:absolute; top:258px; left:70px; width:430px; height:180px;  background: url(images/filme_bar.jpg) no-repeat 410px 8px;}

.equipe1 {background: url(images/equipe_1_1.jpg) no-repeat 180px 0px;}
.equipe2 {background: url(images/equipe_2_1.jpg) no-repeat 180px 0px;}
.equipe3 {background: url(images/equipe_3_1.jpg) no-repeat 180px 0px;}
.equipe4 {background: url(images/equipe_4_1.jpg) no-repeat 180px 0px;}
.equipe5 {background: url(images/equipe_5_1.jpg) no-repeat 180px 0px;}
.equipe6 {background: url(images/equipe_6_1.jpg) no-repeat 180px 0px;}
.equipe7 {background: url(images/equipe_7_1.jpg) no-repeat 180px 0px;}
.equipe8 {background: url(images/equipe_8_1.jpg) no-repeat 180px 0px;}

.content .scrollbox .mask{ position:relative; margin:0 0 0 0; width: 400px; height:188px; overflow:hidden; }
.content .scrollbox .mask .inner{ color:#FFFFFF; position:absolute; top: 0; left: 0; padding: 0 0 10px 10px; width: 390px; }
.content .scrollbox .mask .inner h3{ color:#E1DB9A; font-size: 13px; }
.content .scrollbox .mask .inner p{ width: 230px; font-size: 12px;}
.content .scrollbox .mask_top{ position:absolute; top:0px; left:9px; width:390px; height:20px; background:url(images/mask_01_black.png) repeat-x;}
.content .scrollbox .mask_foo{ position:absolute; top:173px; left:9px; width:390px; height:20px; background:url(images/mask_02_black.png) repeat-x;}
.content .scrollbox .bar{ position:absolute; top:10px; left:409px; height:176px; z-index: 1000; }
.content .scrollbox .barHandler{ cursor: pointer; }
.content .vtopo { position: absolute; top: 400px; right: 160px; }