
/* CSS Document */
* {padding:0;	margin:0;	list-style:none;}
html {overflow: -moz-scrollbars-vertical;}
body {margin: 0 0 0 0; background-color:#393836;}
#tudo{width:775px; height:100%; margin:0 auto; font:12px/16px Arial, Helvetica, sans-serif; color:#393836; text-align: left;  margin-top:-187px; }
a {color:#393836; font-weight:bold; text-decoration:none;}
a:hover {color:#FFC900; font-weight:bold; text-decoration:none;}



/** Início Topo **/
#topoFundo{background: url(imagens/bg_fundo.gif) repeat-x top; height: 187px;}
#topo{font:11px Arial, Helvetica, sans-serif; background: url(imagens/topo.gif) no-repeat; top:0px; margin-top:0px; width:926px; height:187px;}
#topo h1 a{position:relative; display:block; width:253px; height:66px; overflow:hidden; text-indent:-999px; left:30px; top:80px; background: url(imagens/logo.gif) no-repeat top;}

/** Início Menu **/
#menu {width:775px; text-align:right; margin-top:60px; margin-right:150px; height:50px; font-weight:bold;}
#menu ul{color:#F0F0F0; margin:0; padding:0; list-style:none; text-align:right; height:50px; margin-left:340px;} 
#menu ul li{ float:left; margin-left:10px; background: url(imagens/linha_cinza.gif) no-repeat left bottom; padding-left:5px; height:23px;}
#menu a{color:#F0F0F0; text-decoration:none; font-size:10px; padding-top:10px; display:block;}
#menu a:hover{color:#FFC900; text-decoration:none; font-size:10px; padding-top:10px; display:block;}
.submenu {margin-bottom:30px}

.select  ul li { float:left; margin-left:10px; background: url(imagens/linha_amarela.gif) no-repeat left bottom; padding-left:5px; height:23px;}
.select a {color:#FF5500; text-decoration:none; font-size:10px; padding-top:10px; display:block;}
/** Fim Topo **/

/** Início Conteudo **/
#conteudo{background: #FFFFFF url(imagens/conteudo_bottom.gif) no-repeat left bottom; margin-top:-38px; width:775px; padding-bottom:40px; display:table; padding-top:45px}
#conteudo .borda{background: #737270 url(imagens/conteudo_topo.gif) no-repeat left top; height:42px; margin-top:-45px; display:block}

#colunaLeft{ margin-left:35px; width:530px; float:left; display:inline;}
#colunaLeft ul{margin-top:10px;}
#colunaLeft ul li{ list-style-type:square; margin-left:30px; padding-left:0px; margin-bottom:5px}
#colunaLeft h1{ color:#666666; font-size:17px; text-transform:uppercase; background:url(imagens/linha_cinza_grande.gif) repeat-y; padding-left:10px;  padding-top:8px;  margin-bottom:25px;}
#colunaLeft h3{color:#FFC900; font-size:14px;}
#colunaLeft p{ margin:10px 0 10px 0; line-height:20px;}



#colunaRight{ margin-top:-5px; width: 165px; float:right; margin-right:15px;  display:inline;}
#colunaRight p {font-weight:bold; text-align:left;}
#colunaRight ul li{ margin-bottom:10px; background:url(imagens/bg_cinza_menu_lat.gif) repeat-y left top;}
#colunaRight ul li a{ padding-left:13px; color:#999999; text-decoration:none; font-weight:bold; display:block}
#colunaRight a:hover{color:#FFC900;}

#lumenfm h2{position:relative; display:block; width:161px; height:51px; overflow:hidden; text-indent:-999px; background: url(imagens/lumen_fm.jpg) no-repeat top; margin:5px 0 20px 0; cursor:pointer; }
#radiosAoVivo p{background:url(imagens/bgRadioVivo.jpg) no-repeat;  height:17px; padding-left: 2px;}
#radiosAoVivo p span a{padding-left:9px; color:#999999; text-decoration:none; font-weight:bold;}

#clube h2{position:relative; display:block; width:161px; height:51px; overflow:hidden; text-indent:-999px; background: url(imagens/clube.jpg) no-repeat top; margin-bottom:20px; cursor:pointer;}

#classica h2{position:relative; display:block; width:161px; height:51px; overflow:hidden; text-indent:-999px; background: url(imagens/lumen_classica.jpg) no-repeat top; margin-bottom:20px; cursor:pointer;}

#classica h2 a{position:relative; display:block; width:161px; height:51px; overflow:hidden; text-indent:-999px; background: url(imagens/lumen_classica.jpg) no-repeat top; margin-bottom:20px; cursor:pointer;}

#futura a {position:relative; display:block; width:160px; height:101px; overflow:hidden; text-indent:-999px; background: url(imagens/logo_futura.jpg) no-repeat center; margin-bottom:20px; margin-top:50px;}

#pucpr a{position:relative; display:block; width:160px; height:140px; overflow:hidden; text-indent:-999px; background: url(imagens/logo_pucpr1.jpg) no-repeat center;}

#marista a{position:relative; display:block; width:160px; height:115px; overflow:hidden; text-indent:-999px; background: url(imagens/logo_marista1.jpg) no-repeat center}

#marista1 a{position:relative; display:block; width:160px; height:115px; overflow:hidden; text-indent:-999px; background: url(imagens/logo_marista2.jpg) no-repeat center}

.logos p{ font-weight:normal; font-size:10px; line-height:10px; text-align:center!important}
.logos{margin-bottom:-180px; height:100%}

/*** Banner do festival na home ***/

.bannerFestival {height: 185px;width:360px; position:absolute; margin-left: 170px;}
.bannerFestival img {float: right;  }

/** Início Imagens Internas **/
.papo{position:relative; width:397px; height:314px; background: url(imagens/papo.gif) no-repeat right top; margin-top:270px; *margin-top:0px;  margin-left:370px; margin-bottom:-150px;}
.promocionais{position:relative; width:393px; height:271px; background: url(imagens/promocionais.gif) no-repeat right top; margin-top:450px; *margin-top:15px; margin-left:370px; margin-bottom:-150px; }
.festival{position:relative; width:390px; height:301px; background: url(imagens/festival.gif) no-repeat right top; margin-top:390px; *margin-top:-35px;  margin-left:370px; margin-bottom:-150px; }
.abrace{position:relative; width:378px; height:334px; background: url(imagens/abrace.gif) no-repeat right top; margin-top:350px; *margin-top:0px; margin-left:370px; margin-bottom:-150px;}
.cultural{position:relative; width:392px; height:298px; background: url(imagens/cultural.gif) no-repeat right top; margin-top:235px; *margin-top:0px;  margin-left:370px; margin-bottom:-160px; }

.logolumentv{position:relative; width:160px; height:37px; background: url(imagens/lumentv.gif) no-repeat center top; margin-bottom:15px;}
.logolumenfm{position:relative; width:160px; height:37px; background: url(imagens/lumenfm.gif) no-repeat center top; margin-bottom:15px;}
.logoclubefm{position:relative; width:160px; height:37px; background: url(imagens/clube.gif) no-repeat center top; margin-bottom:15px;}

/** Fim Imagens Internas **/

#formulario { width:161px; background: #EFEFEF url(imagens/contato_bottom.gif) no-repeat left bottom; padding-bottom:15px; margin-bottom:-150px; _margin-bottom:0px}
#formulario h2 {width:161px; height:34px; background:url(imagens/contato_topo.gif); }
#formulario p {width:120px; padding-left:10px;}
.inputs { border: 1px solid  #666666;}
.botao {border: 2px solid  #F0F0F0; background:#000000; color:#CCCCCC; margin-left:85px; margin-top:5px;}

#detalhe{position:relative; width:346px; height:352px; left:-150px; background: url(imagens/detalhe_fundo.png) no-repeat bottom; clear:both; margin-bottom:-200px}
/** Fim Conteudo **/

/** Início Rodapé **/
#rodape{position:relative; float:right; color:#FFFFFF; margin-right:30px; display:inline; font: 11px Arial, Helvetica, sans-serif;}
#rodape a { color:#FFC900; text-decoration:none;}
/** Fim Rodapé **/

