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

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

.content .zencrane{ position:absolute; top:254px; right:55px;}
.content .indiana{ position:absolute; top:278px; right:30px;}
.content .scrollbox{ position:absolute; top:288px; left:70px; width:630px; height:170px;  background: url(images/filme_bar.jpg) no-repeat 607px 8px;}
.content .scrollbox .mask{ position:relative; margin:0 0 0 0; width: 600px; height:168px; overflow:hidden; }
.content .scrollbox .mask .inner{ color:#FFFFFF; position:absolute; top: 0; left: 0; padding: 15px 0 10px 10px; width: 590px; }
.content .scrollbox .mask .inner ul { margin: 0; padding: 18px 0 0 0; height: 30px; width: 600px; }
.content .scrollbox .mask .inner li { float: left; color: #E1DB9A; padding: 0 25px 0 0; border: 0;  }
.content .scrollbox .mask .inner li a { color: #E1DB9A; font-weight: bold; text-decoration:none; font-size: 13px; }
.content .scrollbox .mask .inner li .hover { text-decoration: underline; }
.content .scrollbox .mask .inner h3{ color:#E1DB9A; font-size: 13px; }
.content .scrollbox .mask .inner p{ font-size:11px;}
.content .scrollbox .mask_top{ position:absolute; top:0px; left:9px; width:594px; height:20px; background:url(images/mask_01_black.png) repeat-x;}
.content .scrollbox .mask_foo{ position:absolute; top:153px; left:9px; width:594px; height:20px; background:url(images/mask_02_black.png) repeat-x;}
.content .scrollbox .bar{ position:absolute; top:10px; left:604px; height:166px; z-index: 1000; }
.content .scrollbox .barHandler{ cursor: pointer; }
.content .vtopo { position: absolute; top: 400px; right: 160px; }


.patrocinadores { position:absolute; top:258px; left:80px; width:830px; height:180px; overflow: hidden; }
.apoiadores .menu,
.patrocinadores .menu { position: absolute; top: -10px; left: 0px; }
.apoiadores .menu ul,
.patrocinadores .menu ul { margin: 0; padding: 18px 0 0 0; height: 30px; width: 600px; }
.apoiadores .menu li,
.patrocinadores .menu li { float: left; color: #E1DB9A; padding: 0 25px 0 0; border: 0;  }
.apoiadores .menu li a,
.patrocinadores .menu li a { color: #E1DB9A; font-weight: bold; text-decoration:none; font-size: 13px; }
.apoiadores .menu li .hover,
.patrocinadores .menu li .hover { text-decoration: underline; }
.patrocinadores .thumb { position: absolute; top: 75px; left: 27px; width: 900px; }
.patrocinadores .thumb ul { height: 88px; }
.patrocinadores .thumb li { float: left; padding: 0 78px 0 0; }

.apoiadores { position:absolute; top:258px; left:80px; width:830px; height:225px; overflow: hidden; }
.apoiadores .thumb { position: absolute; top: 32px; left: 50px; width: 800px; }
.apoiadores .thumb ul { height: 88px; }
.apoiadores .thumb li { float: left; padding: 0 55px 5px 0; }

.content .smenu { position:absolute; top:248px; left:80px; }
.content .smenu ul { margin: 0; padding: 18px 0 0 0; height: 30px; width: 600px; }
.content .smenu li { float: left; color: #E1DB9A; padding: 0 25px 0 0; border: 0;  }
.content .smenu li a { color: #E1DB9A; font-weight: bold; text-decoration:none; font-size: 13px; }
.content .smenu li .hover { text-decoration: underline; }