@charset "utf-8";
/* CSS Document */
/* CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul {padding-left:15px;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
a {color:#990000;}
/* END CSS RESET */
body {background-color:#000;}
#geral {margin: 0 auto; margin-top: 15px; width:900px; background:#FFF; font: 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; line-height:18px; margin-top: .5em; color: #666;}
#header {height: 91px; background:url(../images/top.png) no-repeat top;}
#header h1 {height: 80px; width:225px; background:url(../images/logo.gif) no-repeat bottom right; text-indent:-9999px; padding-right:670px;}
#conteudo {width:auto; height:350px; padding:15px 15px 0 75px; color:#666666; background:url(../images/conteudo.png) no-repeat 0 0;}
#flash { width:480px; float:left;}
#right {width: 320px; float:right;}
#rodape {margin: 0 auto; width:900px; height: 90px; background:url(../images/rodape.png) no-repeat left bottom;}
#rodape p {padding: 20px 15px 15px 75px; font:11px Arial, Helvetica, sans-serif; color:#666666; float:left;}
#copy {width:870px; margin: 0 auto; text-align:center; font:9px Arial, Helvetica, sans-serif; text-align:right; color:#666666; margin-top:-10px;}
#copy a {color: #990000; text-decoration:none}
#rodape img {float:right; padding: 10px;}

/* Sample 7*/
.mask6{	position:absolute; left:50%; margin-left:-80px; width:470px; height:313px; overflow:hidden; }
#box7{ position:absolute;}
#box7 span{ display:block; float:left; }
#thumbs7{ position:relative; width:245px; clear:both; height:310px; overflow:hidden; margin:10px 0 0 15px;}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{ position:absolute; top:0; width:100%; height:41px; }
#thumbs7 .thumbs div, #thumbs_handles7 span{ display:block; width:55px; height:41px; margin:2px; float:left; cursor:pointer; }
#thumbs7 .thumbs div img{ width:54px; float:right;}
#thumbs_handles7 span{ background:url(thumb_invisible.gif) no-repeat; }
#thumbs_mask7{ width:2200px; background:url(thumbs_mask.gif) no-repeat center top;}
.thumbs{ width:54px;}
.thumbs div{ display:block;	width:54px; height:41px; margin:3px 0; cursor:pointer;}
.thumbs div img{ display:block; width:100%; height:100%; border:none;}
span img{ display:block; border:none;}