/*

	Desenvolvido por Litoralmania Serviços de Internet LTDA - http://www.litoralmania.com.br/.
	Layout: Denilson Trespach
	Programação e Desenvolvimento: Henrique Boaventura

*/

/************************************
ZERAR TUDO
************************************/
*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
	font-size:11px;
	list-style:none;
	outline:0;
	line-height:13px;
}

/************************************
LINKS
************************************/
a{color:#CD3700; text-decoration:none;}
a:hover{color:#CD3700; text-decoration:underline;}

/************************************
ESTRUTURA
************************************/
body{
  text-align:center;
  color:#000;
  z-index:0;
}

#estrutura{width:768px;margin:0px auto;background-color:#fff;text-align:left;padding:0px;}
#topo{height:253px;background-color:#F90; text-align:center;margin-bottom:5px;}
#conteudo{float:left; clear:both; text-align:center; width:768px; background-color:#F90; }
#rodape{float:left;clear:both;width:768px;height:35px;text-align:center;clear:both;background-color:#F90;margin-top:5px; padding-top:6px;}
div#rodapeConteudo{float:left;clear:both;width:748px;background-color:#900;padding:10px 10px;}
div#rodape p{text-align:center;color:#000;font-weight:bold;}
div#rodape p a{ color:#000; }

/************************************
CAPA
************************************/
div#estrutura div.capa{ padding:5px 10px 10px 10px; width:748px; }
div.capa h3, div#rodapeConteudo h3{ height:27px; padding-bottom:5px; text-indent:-1999em; background: #F90 url(../img/capaTopoPecaSuaMusica.png) top center no-repeat; }

div#floatPromocao{position:absolute; margin:40px 0px 0px 110px; float:left; width:275px; }
div#floatPromocao img.btFechar{clear:both; float:right;}

div.capa h2{position:absolute; left : -1999em;}
div.capa div.pecaSuaMusica{ background-color:#fff; float:left; width:320px; height:170px; }
div.capa div.pecaSuaMusica h3{ background-image: url(../img/capaTopoPecaSuaMusica.png);}
div.capa div.pecaSuaMusica fieldset{ margin:5px 10px; text-align:left; }
div.capa div.pecaSuaMusica input, div.capa div.pecaSuaMusica textarea{ float:left; clear:none; width:220px; margin:0px 0px 5px 5px; }
div.capa div.pecaSuaMusica textarea{height:40px;}
div.capa div.pecaSuaMusica label{ float:left;width:65px; text-align:right; font-weight:bold; }
div.capa div.pecaSuaMusica span{font-weight:bold; color:#f00;}
div.capa div.pecaSuaMusica input.botao{ margin:0px 130px; }

div.capa div.disque97{ background:#fff url(../img/capaFundoDisque97.png) center 20px no-repeat; float:left; width:150px; height:170px; margin:0px 11px; }
div.capa div.disque97 h3{background-image: url(../img/capaTopoDisque97.png);}

div.capa div.aquiToca{ background-color:#fff; float:left; width:255px; height:170px; z-index:1; }
div.capa div.aquiToca h3{ background-image: url(../img/capaTopoAquiToca.png);}

div.muralCapa{ background-color:#fff; float:left; width:480px; height:200px; margin-top:10px; }
div.muralCapa h3{ background-image: url(../img/capaTopoMural.png);}
div.muralCapa ul{ margin:5px; }
div.muralCapa ul li{ text-align:left; padding:1px; overflow:hidden; }
div.muralCapa ul li.alterna{ background-color:#FFDEAD;}
div.muralCapa a{display:block;margin-right:5px;text-align:right;}

div.capa div.promocoes{ background-color:#fff; float:left; width:255px; height:200px; margin:10px 0px 0px 11px; z-index:2; }
div.capa div.promocoes h3{ background-image: url(../img/capaTopoPromocoes.png);}
div.capa div.promocoes div{margin-top:4px;} 

/************************************
FOTOS
************************************/
div.fotos h2{position:relative; left:0px; text-align:right; font-size:16px; padding:8px 10px 0px 0px; height:22px; background:transparent url(../img/topoPadrao.png) center right no-repeat;}

/************************************
CONTATO
************************************/
div.contato fieldset{border:1px solid #c0c0c0; width:500px; margin:10px auto; padding:20px 10px;background-color:#f0f0f0;}
div.contato label{float:left; clear:left; width:70px; text-align:right; margin-right:10px;}
div.contato input, div.contato select, div.contato textarea{float:left; width:400px; margin-bottom:10px;}
div.contato select{width:auto;}
div.contato textarea{height:80px;}

/************************************
MURAL
************************************/
div.mural h3{color:#fff; text-align:left; font-size:14px; margin:0px 0px 10px 10px;}
div.mural div.mensagens, div.mural div.mensagensAlt{background-color:#f0f0f0; width:700px; margin:0px auto; padding:5px 10px; text-align:left;}
div.mural span.muralNome{font-weight:bold;}
div.mural div p{ margin-top:10px; overflow:hidden; }
div.mural div p.alt{border:none;}
div.mural div.mensagensAlt{color:#900; background-color:#fff;}
div.mural a.link{ font-size:12px; font-weight:bold; display:block; background-color:#f0f0f0; border:1px solid #c0c0c0; width:110px; margin:0px auto 10px auto; }
div.mural fieldset{border:1px solid #c0c0c0; width:500px; margin:10px auto; padding:20px 10px;background-color:#f0f0f0;}
div.mural label{float:left; clear:left; width:70px; text-align:right; margin-right:10px;}
div.mural input, div.mural select, div.mural textarea{float:left; width:400px; margin-bottom:10px;}
div.mural select{width:auto;}
div.mural textarea{height:80px;}
div.mural p.msg{ margin-bottom:10px; color:#CD3700; font-weight:bold; }

/************************************
PROGRAMACAO
************************************/
div.programacao table{width:750px; margin: 10px auto; background-color:#f0f0f0; border-collapse:collapse;}
div.programacao table th{ border:1px solid #c0c0c0; }
div.programacao table th.col1{width:60px;}
div.programacao table th.col2{width:140px;}
div.programacao table th.col3{width:140px;}
div.programacao table th.col4{width:360px;}
div.programacao table td{ padding:2px 4px; }
div.programacao table tr.alt{ background-color:#fff; }
div.programacao table td.descricao{text-align:left;}
div.programacao table caption{background-color:#ffdead;font-size:12px;margin:0px auto 0px auto; padding:5px; }

/************************************
FOTOS
************************************/
div.fotos ul.listaAlbuns{ margin:0px 10px 10px 15px; }
div.fotos ul.listaAlbuns li{ background-color:#fff; text-align:center;border:2px solid #c0c0c0; float:left; width:160px; margin:10px; height:160px; overflow:hidden; }
div.fotos ul.listaAlbuns li img{margin:5px 0px;}
div.fotos ul.listaAlbuns li span.date{display:block;}

div.fotos h3{font-size:12px; }
div.fotos h4{font-weight:normal;}
div.fotos div#picViewer{ background-color:#fff; float:left;width:380px; height:350px; margin:18px 10px 10px 20px; }
div.fotos div#picViewer img{ margin-top:10px;}
div.fotos div#picViewer span{ display:block; margin-top:20px; }
div.fotos div#picViewer p{ font-size:30px; margin:100px auto; width:200px; line-height:normal;}
div.fotos div#picViewer span a{ font-size:60px; margin:0px 10px;}
div.fotos div#thumbsList{ float:right; width:320px; margin:10px;  }
div.fotos div#thumbsList ul{ margin-bottom:10px;  }
div.fotos div#thumbsList li{ float:left; margin:8px 8px 0px 8px; border:2px solid #c0c0c0; }
div.fotos div#thumbsList li img{ margin-bottom:-2px; }
div.fotos div#thumbsList div.paginacao{ float:right; text-align:center; width:320px;}

/************************************
AGENDA
************************************/
div#estruturaAgenda{width:500px;margin:0px auto;}
div#estruturaAgenda div#rodape{width:500px;}
div#estruturaAgenda dl dt{font-weight:bold; font-size:12px; margin-top:10px;}
div#estruturaAgenda dl dd span{font-weight:bold;}
dd.alt, dt.alt{background-color:#f0f0f0;}

/************************************
QUEMSOMOS/EQUIPE
************************************/
div.quemsomos div, div.equipe div{margin:10px; padding:10px 0px; background-color:#fff; border:1px solid #c0c0c0;}
div.quemsomos p div.equipe p{ margin:10px;text-align:left;  }

div.equipe ul{margin:10px 0px 0px 10px;}
div.equipe ul li{text-align:left;font-weight:bold;}
div.equipe ul li a{font-weight:normal;}

/************************************
RODAPE CONTEUDO
************************************/
div#rodapeConteudo div{float:left;}
div#rodapeConteudo div#previsaoTempo{margin: 0px 38px;}

div#rodapeConteudo div.noticias{ background-color:#fff; float:left; width:445px; height:210px; margin-top:10px; }
div#rodapeConteudo div.noticias h3{ background: #900 url(../img/rodapeTopoNoticias.png) center top no-repeat;}
div#rodapeConteudo div.noticias ul {margin:10px;}
div#rodapeConteudo div.noticias ul li{list-style:disc inside;}
div#rodapeConteudo div.noticias p{ text-align:right; margin:0px 10px; }


div#rodapeConteudo div.top97{ background:#fff url(../img/capaFundoTop97.png) center 35px no-repeat; float:left; width:290px; height:210px; margin:10px 0px 0px 10px; }
div#rodapeConteudo div.top97 h3{ background: #900 url(../img/rodapeTopoTop97.png) center top no-repeat;}
div#rodapeConteudo div.top97 ol{ margin:8px 10px 10px 10px;}
div#rodapeConteudo div.top97 ol li{ font-size:12px; list-style:decimal inside;margin-bottom:2px;}
div#rodapeConteudo div.top97 ol li strong{font-size:12px;}

/************************************
GERAL
************************************/
h2{ text-align:right; font-size:16px; padding:8px 10px 0px 0px; height:22px; background:#F90 url(../img/topoPadrao.png) center right no-repeat;}
input,textarea,select{ border:1px solid #F90; padding:1px 2px;}
option{padding:1px 2px;}
div#estrutura input.botao{width:auto;float:left;clear:both;margin-bottom:0px;background-color:#fff; font-weight:bold;}
div.paginacao{clear:both; margin:10px 0px; color:#000; }
span.loading{font-size:16px; margin-top:20px; }