/* CSS Document */

* { margin: 0; padding: 0; }

Html { 	background: #FFFFFF url(../imagens/bgTopo.jpg) top repeat-x; }

Body {
	background: url(../imagens/bgBase.jpg) bottom repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

Img { border: none; }

A { text-decoration: none; color: #000000; }

Input, Select, Textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/*=============================================================================================*/
/* publicidade */

#publicidade {
	position: absolute;
	left: 800px;
	top: 0px;
	width: 180px;
	padding-top: 38px;
	background: url(../imagens/publicidade.jpg) center top no-repeat;
	text-align: center;
}
#publicidade A {
	display: block;
	width: 180px;
	margin-bottom: 10px;
}
#publicidade A Img { margin: 0 auto; }

/* ================================================================================================ */
/* frame externo */

#layout {
	display: block;
	width: 800px;
	margin: 0px 15px;
}
	
/* ================================================================================================ */
/* topo */

#topo {
	display: block;
	width: 770px;
	height: 248px;
	background: url(../imagens/topo_bg.jpg) bottom left no-repeat;
}
	
/* ================================================================================================ */
/* conteudo */

#conteudo {
	float: left;
	display: block;
	width: 770px;
	background: #fff url(../imagens/conteudo_bg.jpg) center repeat-y;
	margin: 0 auto;
}	
#conteudo .frame {
	position: relative;
	float: left;
	display: block;
	width: 740px;
	margin-left: 15px;
	padding-bottom: 30px;
	min-height: 350px;
}	

#conteudo .frame H1 {
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	color: #FF6600;
	font-size: 16px;
	text-transform: uppercase;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 50px;
	margin-bottom: 10px;
}

#conteudo .frame H1 Small { font-size: 10px; color: #13007C; }

#conteudo .frame H2 {
	display: block;
	margin: 0 auto;
	color: #FF6600;
	font-size: 12px;
	margin-bottom: 10px;
}
#conteudo .frame P { margin-bottom: 15px; }
#conteudo .frame Img { float: left; margin: 0px 15px 15px 0px; }

/* ================================================================================================ */
/* paginar */

#conteudo #paginar {
	float: left;
	position: relative;
	display: block;
	width: 700px;
	height: 20px;
	line-height: 20px;
	border-top: 1px solid #897FBD;
	margin: 15px;
	background: url(../imagens/paginar_bg.jpg) top repeat-x;
}

#conteudo #paginar A { display: block; color: #13007C; }
#conteudo #paginar A#anterior { float: left; }
#conteudo #paginar A#proximo { float: right; }
#conteudo #paginar Small {
	position: absolute;
	display: block;
	left: 50%;
	width: 100px;
	height: 20px;
	line-height: 20px;
	margin-left: -50px;
	text-align: center;
}

/* ================================================================================================ */
/* formulários */

#conteudo .frame Form {
	float: left;
	display: block;
	width: 360px;
	margin-bottom: 20px;
}
#conteudo .frame Form P {
	display: block;
	margin-bottom: 20px;
}
#conteudo .frame Form Label {
	display: block;
	width: 360px;
	margin-bottom: 3px;
	font-weight: bold;
}
#conteudo .frame Form Input, #conteudo .frame Form Select, #conteudo .frame Form Textarea {
	display: block;
	width: 360px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 6px;
	border: 1px solid #13007C;
}
#conteudo .frame Form Select { height: 20px; }
#conteudo .frame Form Textarea { height: 100px; }

#conteudo .frame Form A {
	display: block;
	float: right;
	background: url(../imagens/conteudo_botao.jpg) center no-repeat;
	color: #FFFFFF;
	text-align: center;
	height: 20px;
	line-height: 20px;
	width: 80px;
	text-transform: uppercase;
	font-weight: bold;
}
#conteudo .frame Form A:hover { text-decoration: none; color: #FF9900; }

#conteudo .frame Form Input.erro, #conteudo .frame Form Textarea.erro { border: 1px solid #CC0000; }
#conteudo .frame Form Input.ok, #conteudo .frame Form Textarea.ok { border: 1px solid #61C250; }

#conteudo .frame Form Label.erro { background: url(../imagens/formErro.gif) right bottom no-repeat; }
#conteudo .frame Form Label.ok { background: url(../imagens/formOk.gif) right bottom no-repeat; }

/* ================================================================================================ */
/* home page */

#conteudo #home { padding-top: 10px; }

#conteudo #home A.icoLink {
	position: absolute;
	display: block;
	left: -85px;
	top: 10px;
	width: 65px;
	height: 75px;
}

#conteudo #home Dl {
	position: relative;
	float: left;
	display: block;
	width: 362px;
	background-position: center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	margin-bottom: 15px;
}
#conteudo #home Dl.boxP { height: 91px; }
#conteudo #home Dl.boxP Dt A { color: #13007c; }

#conteudo #home Dl.boxG { height: 225px; }
#conteudo #home Dl.boxG Dt, #conteudo #home Dl.boxG Dt A { color: #ff6600; }
#conteudo #home Dl.boxG Dd { height: 167px; overflow-y: auto; }

#conteudo #home Dl Dt {
	position: absolute;
	display: block;
	right: 20px;
	top: 0px;
	width: 250px;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}
#conteudo #home Dl Dd {
	position: absolute;
	top: 40px;
	right: 20px;
	display: block;
	width: 250px;
}
#conteudo #home Dl Dd A { color: #FFFFFF; }
#conteudo #home Dl Dd A:hover { text-decoration: underline; }

#conteudo #home #vivo { background-image: url(../imagens/home_boxAovivo.jpg); margin-right: 15px; }
#conteudo #home #recado { background-image: url(../imagens/home_boxRecado.jpg); }
#conteudo #home #classiradio { background-image: url(../imagens/home_boxClassiradio.jpg); }
#conteudo #home #programacao { background-image: url(../imagens/home_boxProgramacao.jpg); margin-right: 15px; }

#conteudo #home #vivo Strong { color: #13007c; }

/* ================================================================================================ */
/* radio */

#conteudo #radio H1 { background-image: url(../imagens/icone_radio.jpg); }
#conteudo #radio Img { padding: 1px; border: 1px solid #897FBD; }

/* ================================================================================================ */
/* cobertura */

#conteudo #cobertura H1 { background-image: url(../imagens/icone_cobertura.jpg); }
#conteudo #cobertura Img { padding: 1px; border: 1px solid #897FBD; }

/* ================================================================================================ */
/* locutor */

#conteudo #locutor H1 { background-image: url(../imagens/icone_locutor.jpg); }

#conteudo #locutor Ul {
	list-style: none;
	display: block;
	margin: 0 auto;
	width: 700px;
}

#conteudo #locutor li {
	float: left;
	display: block;
	width: 325px;
	margin: 10px 0px;
	padding-right: 15px;
}

#conteudo #locutor Li Img {
	margin: 0px 10px 0px 0px;
	padding: 10px;
	background: url(../imagens/locutor_thumb.jpg) center no-repeat;
}

/* ================================================================================================ */
/* programa */

#conteudo #programa H1 { background-image: url(../imagens/icone_programa.jpg); }

#conteudo #programa Select {
	position: absolute;
	display: block;
	top: 10px;
	right: 0px;
	width: 150px;
}
#conteudo #programa Select Optgroup{
	margin: 5px 0px 5px 10px ;
	text-align: left;
	font-size: 10px;
}

#conteudo #programa Table { background: url(../imagens/programa_tabelaBg.jpg) top no-repeat; }

#conteudo #programa Caption {
	height: 46px;
	color: #FF6600;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	background: url(../imagens/programa_dia.jpg) center no-repeat;
}

#conteudo #programa .horario {
	text-align: center;
	border-left: none;
	padding: 0;
}
#conteudo #programa Th.horario { width: 150px; }
#conteudo #programa Td.horario { font-weight: bold; }

#conteudo #programa Th {
	width: 280px;
	height: 30px;
	color: #FF6600;
	text-transform: uppercase;
	border-left: 1px solid #897FBD;
	text-align: left;
	padding-left: 10px;
}

#conteudo #programa Td {
	border-top: 1px solid #897FBD;
	border-left: 1px solid #897FBD;
	padding-left: 10px;
	height: 24px;
	color:#13007c;
}

/* ================================================================================================ */
/* contato */

#conteudo #contato H1 { background-image: url(../imagens/icone_contato.jpg); }

#conteudo #contato Div {
	float: right;
	width: 240px;
	line-height: 18px;
}

/* ================================================================================================ */
/* recado */

#conteudo #recado H1 { background-image: url(../imagens/icone_recado.jpg); }

#conteudo #recado Div {
	float: right;
	width: 240px;
	line-height: 18px;
}

#conteudo #recado Div Img {
	margin: 10px 0px;
	padding: 10px;
	background: url(../imagens/locutor_thumb.jpg) center no-repeat;
}

/* ================================================================================================ */
/* anunciar */

#conteudo #anunciar H1 { background-image: url(../imagens/icone_anunciar.jpg); }

#conteudo #anunciar A#voltar {
	position: absolute;
	top: 5px;
	right: 0px;
	height: 25px;
	line-height: 25px;
	color: #FF6600;
	text-transform: uppercase;
	background: url(../imagens/icone_botaoVoltar.jpg) right center no-repeat;
	padding-right: 35px;
}

/* ================================================================================================ */
/* classiradio */

#conteudo #classiradio H1 { background-image: url(../imagens/icone_classiradio.jpg); }

#conteudo #classiradio A#anunciar {
	position: absolute;
	top: 5px;
	right: 0px;
	height: 25px;
	line-height: 25px;
	color: #FF6600;
	text-transform: uppercase;
	background: url(../imagens/icone_botaoAnunciar.jpg) right center no-repeat;
	padding-right: 35px;
}

#conteudo #classiradio Dl {
	width: 700px;
	padding-bottom: 30px;
	margin: 0px 0px 10px 10px;
	background: url(../imagens/paginar_bg.jpg) bottom repeat-x;
}

#conteudo #classiradio Dl Dt { display: block; line-height: 20px; min-height: 20px; }
#conteudo #classiradio H2 { float: left; margin: 0; color: #13007c; }
#conteudo #classiradio Small { float: right; color: #897FBD; }
#conteudo #classiradio Dl Dt Small:first-letter { text-transform: uppercase; }

#conteudo #classiradio Dl Dd { clear: both; }
#conteudo #classiradio Dl Dd P { padding: 10px 0px; }
	

/* ================================================================================================ */
/* rodapé */

#rodape {
	position: relative;
	clear: both;
	display: block;
	width: 770px;
	height: 40px;
	background: #13007c url(../imagens/rodape_bg.jpg) center repeat-x;
}

#rodape Select {
	float: left;
	width: 180px;
	height: 20px;
	margin: 10px 0px 0px 10px;
	font-size: 11px;
	line-height: 20px;
}
#rodape Select Optgroup{
	margin: 5px 0px 5px 10px ;
	text-align: left;
	font-size: 10px;
}

#rodape Small {
	display: block;
	float: right;
	width: 570px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
}

#rodape A#cdi {
	position: absolute;
	display: block;
	right: 10px;
	bottom: 15px;
	width: 23px;
	height: 10px;
	background: url(../imagens/rodape_cdi.jpg) center no-repeat;
}

/* ================================================================================================ */
/* Hacks IE6 */

* Html #conteudo .frame { height: 300px; margin-left: 7px; }