@charset "utf-8";
/* /////////////////////////////// reset ////////////////////////////////////////////////// */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, cite, code, em, font, img, q, strong, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;	padding:0;	border:0; outline:0; vertical-align:baseline; background:transparent;}

/** STRUCTURE **/
html, body { width:100%; height:100%;}
body {background-repeat:no-repeat; background-position:center top;background-color:#000;font-family:arial, helvetica,Verdana, Geneva, sans-serif; font-size:8pt; color:#FFF }
label { display:block; width:100px; }
p { margin-bottom:10px}
form p { margin-bottom:5px}
a { color:#0CF; text-decoration:none}
a:hover { color:#FF0}

input[type='submit'], input[type='button']{ color:#FFF; padding:5px 20px; background-color:#333; border:1px solid #666} 

.background1 {background-image:url(../imagens/background1.jpg); background-position:center top; }
.background2 {background-image:url(../imagens/background2.jpg);}
.background3 {background-image:url(../imagens/background3.jpg);}
.background4 {background-image:url(../imagens/background4.jpg);}
.background5 {background-image:url(../imagens/background5.jpg);}
.background6 {background-image:url(../imagens/background6.jpg);}
.background7 {background-image:url(../imagens/background7.jpg);}
.background8 {background-image:url(../imagens/background8.jpg);}
.background9 {background-image:url(../imagens/background9.jpg);}
.background10 {background-image:url(../imagens/background10.jpg); background-position:center top;}
.background11 {background-image:url(../imagens/background11.jpg);}
.background12 {background-image:url(../imagens/background12.jpg);}

.container { width:1000px; margin:0 auto 0;}

.header .logo {background:url(../imagens/logoVV.gif) no-repeat; width:310px; height:61px; float:left; margin-top:20px; margin-left:0px}
.header .logo a { display:block;width:310px; height:61px; }
.header .login, .header .search { float:right; margin-right:20px}
.header .login > a { background:url(../imagens/bgLoginButton.gif) repeat-x; height:20px; display:block; color:#FFF; padding:3px 10px; font-size:0.9em; text-decoration:none; float:left; margin:5px}
.header .login > span { float:left; display:block;  padding-top:7px}
.loginForm { display:none; clear:both; float:right; background-color:#000;  padding:20px; position:absolute;  top:30px; margin-left:-40px; z-index:10}
.loginForm input[type='text'], .loginForm input[type='password'] { width:200px}

.search {clear:right; padding-right:5px }
.search  input[type='text'] {float:left; background:url(../imagens/bgPesquisar.gif) no-repeat #FFF; padding-left:20px; border:0; height:20px; width:150px}
.search  input[type='submit'] { padding:2px 10px; font-size:8pt;float:left; margin-top:-1px; height:25px} 

.mainMenu { float:left; clear:both; margin-top:20px}
.mainMenu ul { list-style:none;  }

.mainMenu .submenu { display:none; padding-bottom:20px; clear:both; float:left}
.mainMenu .submenu a { padding-left:30px}
.mainMenu ul li { background:url(../imagens/bg_menuitem.gif) top right no-repeat; height:22px; padding-right:25px; display:block; float:left;  clear:both; margin-bottom:3px}
.mainMenu ul li a { background:#fe0000;display:block; padding:5px 10px 0 10px; height:17px; float:left; color:#FFF; font-weight:bold}
.mainMenu ul li a:hover { color:#000}
.mainMenu .bgBlack {background:url(../imagens/bg_menuitem_black.gif) top right no-repeat;}
.mainMenu .bgBlack a { background:#000; color:#FF0}
.mainMenu .bgBlack a:hover {color:#FF0}


.mainContent { float:right; display:none }
.mainContent .ifrBackground, .mainContent .iframeDiv  { width:800px; height:450px; margin:20px 5px 0 0;}
.mainContent iframe { width:800px; }
.mainContent .ifrBackground  { background:#000; filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;}
.mainContent iframe {  background:none;}


.iframeDiv {position:absolute;  top:80px;  overflow:hidden} 


/*.logos {clear:both; margin-left:-20px; padding-top:20px}*/
.logos{ position:absolute; top:635px;}
.logos img { float:left}
.radio,.twitter { position:absolute; top:529px; margin-left:750px  }
.twitter { background:url(../imagens/twitter.png) no-repeat;width:230px; height:151px; z-index:10  }
.twitter ul { width:180px; padding:45px 0 0 20px; list-style:none}
.twitter a { margin-left:20px}
.radio  { top:490px; z-index:11}
.mediaPlayer { text-align:center; position:absolute;  z-index:10; display:block; top:450px; margin-left:10px; display:none;  padding:10px; background-color:#900}
.mediaPlayer a { color:#FFF}

.interna { width:auto; height:auto; padding:10px}
.interna h1 { font-weight:normal; clear:both; font-size:1.9em; background:#000;  padding:10px; float:left}
.interna ul { list-style:inside}
.interna ul li { margin-bottom:10px}
.interna .content { padding:20px; clear:both;  width:750px; height:353px; float:left; overflow:hidden}
.interna .status { padding:20px 30px 0 20px; float:right }
.interna .content .text { float:left; width:400px  }	

/*** PAGE STYLES ***/
.gallery img { float:left; width:280px; margin-right:20px}
.gallery p { float:left; width:400px}


/*** slideshow  ****/
.slideshow { width:290px; float:left; padding:0}
.slideshow img { display:none; }
.slideshow ul {   list-style:none;  *left:23px ; opacity:0.8;	-moz-opacity: 0.8;	filter: alpha(opacity=80);   }
.slideshow ul li,.slideshow ul li a  { display:block; float:left; margin-right:1px}
.slideshow ul li a { background-color:#FFF; color:#000;padding:5px 8px; font-weight:bold; font-weight:8pt}
.slideshow ul li a:hover { background-color:#FF0;  color:#000}

.podcasts .podList, .podcasts .poetaList { float:left; width:350px; overflow:hidden; height:350px; display:block;  padding-bottom:30px}
.podcasts .podList h3 { color:#CCC}
.podcasts .podList h4 { font-size:8pt;  font-weight:normal; font-style:italic}
.podcasts .podList li { background-color:#333; padding:5px; display:block; min-height:90px}
.podcasts .podList li .download { display:block; width:82px; float:right}
.podcasts .texto{ float:right; width:330px}

.comments { margin-top:20px; overflow:hidden; }
.comments h3, .yellow { color:#FF0; font-size:12pt;}
.comments  textarea{ clear:both; width:300px}
.comments ul{ list-style:none; overflow:hidden;height:260px}
.comments li { border-top:1px dashed #333; margin-top:5px;padding:5px}

#divAcervo .texto { width:320px}
#divAcervo ul.letra { padding:10px 0 0 100px; float:left}
#divAcervo ul {list-style:none; }
#divAcervo ul.letra li { display:block; float:left; padding:4px}
#divAcervo .poetaList { width:370px}
.poetaList li { float:left; display:block; width:87px; height:120px}
 .poetaList li img { clear:both}
 
#divAcervoPoeta .poema  .scroller, #divAcervoPoeta .poeta, #divAcervoPoeta .sidebar { height:390px;  overflow:hidden} 
#divAcervoPoeta .poeta {  width:130px; float:left; margin-right:10px}
#divAcervoPoeta .poema {width:400px; float:left; margin-right:10px }
#divAcervoPoeta .sidebar {  width:220px; float:left; }
#divAcervoPoeta .poema .poemaList { border-top:1px  dashed #333; padding-top:10px}
#divAcervoPoeta .poema  .scroller { padding-bottom:20px;height:370px;}
#divAcervoPoeta .sidebar .audio { height:76px}


#divFilossofa .podList { height:350px; width:500px}
#divFilossofa .texto { width:240px}
/*** VÍDEOS ****/
#divVideos .video { width:500px;float:left; margin-right:10px}
#divVideos .sidebar{ float:left; width:240px;}

#divContato .content .left { float:left; width:200px}
#divContato .content .right { float:right; width:400px}
#divContato input[type='text'],#divContato textarea{ width:250px; border:1px  solid #900}
#divContato input[type='submit']{ color:#FFF; padding:5px 20px; background-color:#333; border:1px solid #666} 

.imprensa .materiaList { width:600px }
.imprensa .materiaList li { float:left; display:block; width:87px; height:120px; margin:10px}
.imprensa .materiaList li img { clear:both}

.muralList { float:left; width:390px; height:370px}
.muralList li { border-bottom:1px solid #333; list-style:none}

.muralList .commentList { background-color:#333; padding:5px; float:left; width:100%}
.muralList .commentList li { border-bottom:1px dashed #000; clear:both; float:left; width:100%}


.by { top:665px;   position:absolute; margin-left:860px;  z-index:50}
.by a {color:#000; background-color:#666;padding:0px 5px; font-size:7pt; }