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

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

.content .thumb{ position:absolute; top:258px; 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;}

.dialogos1 {background: url(images/dialogos_1_1.jpg) no-repeat 180px 0px;}
.dialogos2 {background: url(images/dialogos_2_1.jpg) no-repeat 180px 0px;}
.dialogos3 {background: url(images/dialogos_3_1.jpg) no-repeat 180px 0px;}
.dialogos4 {background: url(images/dialogos_4_1.jpg) no-repeat 180px 0px;}
.dialogos5 {background: url(images/dialogos_5_1.jpg) no-repeat 180px 0px;}
.dialogos6 {background: url(images/dialogos_6_1.jpg) no-repeat 180px 0px;}
.dialogos7 {background: url(images/dialogos_7_1.jpg) no-repeat 180px 0px;}
.dialogos8 {background: url(images/dialogos_8_1.jpg) no-repeat 180px 0px;}
.dialogos9 {background: url(images/dialogos_9_1.jpg) no-repeat 180px 0px;}
.dialogos10 {background: url(images/dialogos_10_1.jpg) no-repeat 180px 0px;}
.dialogos11 {background: url(images/dialogos_11_1.jpg) no-repeat 180px 0px;}
.dialogos12 {background: url(images/dialogos_12_1.jpg) no-repeat 180px 0px;}
.dialogos13 {background: url(images/dialogos_13_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 0 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; }