html{ scrollbar-face-color:#1f1a17; 
scrollbar-highlight-color:#1f1a17; 
scrollbar-3dlight-color:#1f1a17; 
scrollbar-darkshadow-color:#1f1a17; 
scrollbar-shadow-color:#1f1a17; 
scrollbar-arrow-color:#555; 
scrollbar-track-color:#1f1a17;
overflow:auto;
overflow-x:hidden; }

body { background:#1f1a17; margin:0 0 0 0; font-family:"Trebuchet MS"; font-size:12px; color:#555; }

img { margin:0 0 0 0; border:0px; }

a { color:#666; text-decoration:none; }
a:hover { text-decoration:underline; }

h1 { font-size:13px; margin:0 0 0 0; color:#e87717; }

input { width:150px; background:#1f1a17; border:1px #555 solid; padding:3px; position:absolute; color:#555; font-family:"Trebuchet MS"; font-size:12px; margin:2px 0 0 0; }
input:hover { background:#222; }
textarea { width:303px; height:230px; background:#1f1a17; border:1px #555 solid; padding:3px; color:#555; font-family:"Trebuchet MS"; font-size:12px; position:absolute; margin:2px 0 0 167px; overflow:hidden; }
textarea:hover { background:#222; }

.tudo { width:903px; position:absolute; left:50%; margin:0 0 0 -451px; }

.logo { width:190px; height:124px; background:url('images/logo.jpg'); position:absolute; margin:4px 0 0 40px; }

.menu { width:645px; height:100px; position:absolute; margin:0 0 0 261px; overflow:hidden; z-index:99; }
.menu p { width:100%; text-align:center; margin:69px 0 0 0; }
.menu a { color:#fff; font-weight:bolder; font-size:10px; }
.menu a:hover { text-decoration:none; color:#f2f2f2; }

.m_inicio { width:69px; height:100%; float:left; background:url('images/menu/inicio.jpg') no-repeat; margin-left:2px; }
.m_inicio:hover { background:url('images/menu/inicio.gif') no-repeat; }

.m_logotipos { width:69px; height:100%; float:left; background:url('images/menu/logotipos.jpg') no-repeat; margin-left:2px; }
.m_logotipos:hover { background:url('images/menu/logotipos.gif') no-repeat; }

.m_publicidade { width:69px; height:100%; float:left; background:url('images/menu/publicidade.jpg') no-repeat; margin-left:2px; }
.m_publicidade:hover { background:url('images/menu/publicidade.gif') no-repeat; }

.m_folders { width:69px; height:100%; float:left; background:url('images/menu/folders.jpg') no-repeat; margin-left:2px; }
.m_folders:hover { background:url('images/menu/folders.gif') no-repeat; }

.m_moda { width:69px; height:100%; float:left; background:url('images/menu/moda.jpg') no-repeat; margin-left:2px; }
.m_moda:hover { background:url('images/menu/moda.gif') no-repeat; }

.m_vts { width:69px; height:100%; float:left; background:url('images/menu/vts.jpg') no-repeat; margin-left:2px; }
.m_vts:hover { background:url('images/menu/vts.gif') no-repeat; }

.m_eventos { width:69px; height:100%; float:left; background:url('images/menu/eventos.jpg') no-repeat; margin-left:2px; }
.m_eventos:hover { background:url('images/menu/eventos.gif') no-repeat; }

.m_sites { width:69px; height:100%; float:left; background:url('images/menu/sites.jpg') no-repeat; margin-left:2px; }
.m_sites:hover { background:url('images/menu/sites.gif') no-repeat; }

.m_contato { width:69px; height:100%; float:left; background:url('images/menu/contato.jpg') no-repeat; margin-left:2px; }
.m_contato:hover { background:url('images/menu/contato.gif') no-repeat; }

.noticias { width:200px; height:335px; padding:5px; border-bottom:1px #444 solid; position:absolute; margin:140px 0 0 40px; overflow:hidden; }

.pagina { width:660px; position:absolute; margin:88px 0 0 261px; }
.pagina iframe { width:660px; height:430px; }

.area { width:626px; height:135px; padding:5px; border:1px #444 solid; float:left; margin:5px 0 0 4px; }

.cima { width:10px; height:10px; position:absolute; margin:0 0 0 623px; z-index:99; background:#1f1a17; padding:5px; }
.baixo { width:10px; height:10px; position:absolute; margin:380px 0 0 623px; z-index:99; background:#1f1a17; padding:5px; }

.conteudo { width:640px; height:auto; position:absolute; }
.conteudo img { margin:0 0 0 3px; }

#divText { position:absolute; left:0px; top:0px; }

.imgs { width:100px; height:123px; margin:0 0 0 5px; text-align:center; float:left; }

.sites { width:200px; float:left; margin:0 5px 5px 0; }

.rodape { width:190px; position:absolute; margin:490px 0 0 0; text-align:center; }
.rodape p { margin:10px 0 0 47px; width:180px; text-align:justify; }
.midia { width:260px; position:absolute; margin:500px 0 0 850px; }

/* Light Box */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none; }

#prevLink, #nextLink{ width: 49%; height: 100%; background-image:url(data:image/gif;base64,AAAA); display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color:#666; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }
#imageData #caption{ font-weight:bold; }
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em; }
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em; outline:none; }

#overlay{ position: absolute; top:0; left:0; z-index:90; width:100%; height:auto; background:#1f1a17; }