@charset "utf-8";

/* ########## CONFIGURAÇÕES ########## */

* html li {height:1%;}
html, body {margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

div, span, object, input, h1, h2, h3, h4, h5, h6, ol, ul, li, form, label, table, tr, th, td {margin:0;padding:0;border:0;outline:0;}
img{border:0;}

.imagem{border:1px solid #960; padding:5px; background:#FFF;}

ol, ul {list-style:none;}


.hr {height:40px; border-width:0; background:url(imagem/lh.jpg) no-repeat center top; clear:both; margin:0 0 10px 0; padding:0; }
.hr hr{display:none;}

a {color:#FFC; text-decoration:none;}
a:hover {color:#fff; text-decoration:inherit;}

h1{font-size: 18px; font-weight:bold; font-family:"Times New Roman", Times, serif; text-transform:uppercase;}
h2{font-size: 16px; font-weight:bold; font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#59311F;}
h3{font-size: 14px; font-weight:bold; letter-spacing:-0.03em;}
h4{font-size: 16px; font-weight:bold;}

/* ########## CORES ########## */

.bg{ background:#CEBB99 repeat-x center top url(imagem/bg.jpg);}

#geral {color:#000; overflow:hidden;}

#topo{height:90px; padding-bottom:10px; overflow:hidden; text-align:center; background:url(imagem/bg-topo.jpg) no-repeat center bottom; width:1003px; margin:auto; clear:both;}
#ani{height:430px; overflow:auto; text-align:center; background:#000 url(imagem/bg-ani.jpg) repeat-x bottom; width:100%; clear:both;}
#content {overflow:auto; clear:both; background:url(imagem/bg-content.jpg) repeat-x center top}
#main{width:953px; margin:auto; padding:30px 0 0 0;}
#main-auxiliar{width:953px; margin:auto; padding:10px 0 0 0;}
#le{ width:200px; padding-right:20px; float:left; overflow:auto; }
#auxiliar{ float:left; width:733px; overflow:auto; padding-top:15px;}

/* ########## CONTEUDO ########## */

#foto{height:120px; overflow:hidden; text-align:center; background:#000 url(imagem/bg-ani.jpg) repeat-x bottom; width:100%; clear:both;}

#programacao{width:300px; padding-right:30px; float:left; overflow:hidden;}
#fale-conosco{width:330px; padding:15px 30px 0 0 ; float:left; overflow:auto;}

ul.linha { margin:0 !important; }
ul.linha li{list-style:none !important; list-style-position:outside !important; }
ul.linha li.linha3 span{padding-right:16px; background:url(imagem/linha3-2.gif) no-repeat right top; overflow:hidden;  height:40px; display:block;}
ul.linha li.linha3 span h2{padding-left:16px; background:url(imagem/linha3-1.gif) no-repeat left top;  color:#000; overflow:hidden;  }
ul.linha li.linha3 span h2 span{ background:#CEBB99 url(imagem/linha3-bg.jpg) repeat-x ; height:36px;overflow:hidden; line-height:36px; padding:0 5px; display:block; border-bottom:2px #DCCFA8 solid; border-top:2px #DCCFA8 solid;}
ul.linha li.linha3 span h2 a:hover{color:#FFC !important;}
ul.linha li.linha3 span h2 a{color:#000!important; cursor:pointer;}


.box ul{overflow:auto;}
.box ul li.top span{line-height:50px; padding-right:130px; background:url(imagem/box-top-2.png) no-repeat right top; display:block; overflow:hidden;}
.box ul li.top span h1{padding-left:25px; background:url(imagem/box-top-1.png) no-repeat left top; }
.box ul li.top span a{background:url(imagem/box-bg-top.png) repeat-x top; height:50px; line-height:50px; display:block; color:#FFC;  }
.box ul li.top span a:hover{background:url(imagem/box-bg-top.png) repeat-x top; height:50px; overflow:auto; line-height:50px; display:block; color:#fff;  }
.box ul li.main ul{background:url(imagem/box-bg-lateral.png) no-repeat left top; overflow:hidden;}
.box ul li.main ul li{padding:0 20px; background:url(imagem/box-bg-lateral.png) no-repeat right top; }
.box ul li.main ul li ul{margin:10px 30px; background:none !important;}
.box ul li.main ul li ul li{ list-style:disc; list-style-position:inside; padding:0; background:none;}
.box ul li.main ul li a{ font-size:14px !important;}
.box ul li.footer span{padding-right:10px; background:url(imagem/box-footer-2.png) no-repeat right bottom; display:block; overflow:hidden;}
.box ul li.footer span h3{padding-left:10px; background:url(imagem/box-footer-1.png) no-repeat left bottom; }
.box ul li.footer span a{background:url(imagem/box-footer-bg.png) repeat-x bottom; color:#000; text-align:right; display:block; padding-bottom:10px;}
.box ul li.footer span a:hover{color:#633;}

.box2{ margin-bottom:10px; overflow:auto;}
.box2 ul{overflow:auto;}
.box2 ul li.top span{line-height:50px; padding-right:25px; background:url(imagem/box2-top-2.png) no-repeat right top; display:block; overflow:hidden;}
.box2 ul li.top span h1{padding-left:25px; background:url(imagem/box-top-1.png) no-repeat left top; }
.box2 ul li.top span a{background:url(imagem/box-bg-top.png) repeat-x top; height:50px; line-height:50px; display:block; color:#FFC;  }
.box2 ul li.top span a:hover{background:url(imagem/box-bg-top.png) repeat-x top; height:50px; overflow:auto; line-height:50px; display:block; color:#fff;  }
.box2 ul li.main ul{background:url(imagem/box-bg-lateral.png) no-repeat left top; overflow:auto;}
.box2 ul li.main ul li{padding:0 20px 10px 20px; background:url(imagem/box-bg-lateral.png) no-repeat right top;  }
.box2 ul li.main ul li ul{width:95%; margin:10px auto; background:none !important;}
.box2 ul li.main ul li ul li{ list-style:inside disc; padding:0; background:none;}
.box2 ul li.main ul li a{font-size:14px !important; color:#633 !important; }
.box2 ul li.main ul li a:hover{ color:#000 !important;}
.box2 ul li.footer span{padding-right:10px; background:url(imagem/box-footer-2.png) no-repeat right bottom; display:block; overflow:hidden;}
.box2 ul li.footer span h3{padding-left:10px; background:url(imagem/box-footer-1.png) no-repeat left bottom; }
.box2 ul li.footer span a{background:url(imagem/box-footer-bg.png) repeat-x bottom; color:#000; text-align:right; display:block; padding-bottom:10px;}
.box2 ul li.footer span a:hover{color:#633;}

.cantores{ width:153px; height:190px; float:left; padding:20px 10px; overflow:hidden; text-align:center;}

.cds{ width:690px; clear:both; padding:0 10px; text-align:center; overflow:hidden;}
.cds .foto{ width:250px; margin-right:20px; float:left; overflow:hidden;}
.cds .descricao{ width:420px; float:left; text-align:left; overflow:hidden;}
.cds .descricao h2 {margin-bottom:10px;}
.cds .faixas{ width:300px; margin:20px auto; padding:10px; border:#997D62 solid 1px; line-height:25px; background:#DBCDB5; overflow:hidden;}


#player{width:263px; height:55px; padding-top:15px; float:left; overflow:auto;}
#patrocinadores{width:263px; padding-top:10px; float:left; overflow:hidden;}
.patrocinador-box{ background:#CEBB99; border:#BA9A74 1px solid; padding:10px;}


#lista a {display:block; color:#666;}
#lista ul {margin:0 !important; padding:0 !important; overflow:hidden;}
#lista ul li {list-style:none !important; padding-bottom:10px; }

ul.opcoes {margin:0 !important; width:300px; padding-top:20px;}
ul.opcoes li{ border-bottom:1px solid #600;color:#999;font-weight:bold;padding:5px 0 !important;font-size:14px;letter-spacing:-0.05em; list-style:none !important;}
ul.opcoes li a{color:#000 !important;}
ul.opcoes li a:hover{color:#666 !important;}


.cantores-bt-proximo{ height:24px; width:72px; background:url(imagem/bt-proximo.gif) no-repeat 0 0; float:left; display:block;}
.cantores-bt-proximo h1{ display:none;}
.cantores-bt-anterior{height:24px; width:71px; background:url(imagem/bt-anterior.gif) no-repeat 0 0; float:left; margin:0 10px; display:block;}
.cantores-bt-anterior h1{ display:none;}



/* ########## RODAPE ########## */

#rodape{clear:both; background:url(imagem/bg-rodape.jpg) repeat-x center bottom; overflow:auto; }
#rodape ul {padding-top:20px; overflow:auto; }
#rodape ul li {color:#330000; }
#rodape ul li.tecnoig{position:absolute; height:20px; width:75px; margin-bottom:-20px; padding:150px 0 0 10px;}
#rodape ul li.governo{position:absolute; height:40px; width:120px; padding-top:140px; left:100%; margin-left:-130px;}
#rodape ul li.menu{padding-bottom:30px !important; background:url(imagem/bg-rodape-menu.jpg) no-repeat center bottom; text-align:center; }
#rodape ul li.menu ul{padding:0 !important; overflow:auto;}
#rodape ul li.menu li{ padding:0 5px; display:inline; height:30px; line-height:30px; font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:bold; }
#rodape ul li.endereco div.endereco{ background:url(imagem/i-endereco.gif) no-repeat right 20px; text-align:center; width:350px; padding:20px 220px 35px 0; margin:auto; font-size:14px; overflow:hidden;}
#rodape ul li.endereco div.endereco a{ color:#000; }
#rodape ul li.endereco div.endereco a:hover{ color:#333; text-decoration:none;} 
#rodape a{color:#330000; }
#rodape a:hover{ color:#330000; text-decoration:underline;}