
/*=============================================================================================*/
/* tags gerais */

* { margin: 0; padding: 0; }

Html { 	background: #FFFFFF url(../imagens/bgTopo.jpg) 770px top no-repeat; }

Body {
	background: url(../imagens/bgBase.jpg) 770px bottom no-repeat;
	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: 790px;
	top: 0px;
	width: 180px;
	padding-top: 20px;
	background: url(../imagens/publicidade.gif) center top no-repeat;
	text-align: center;
}
#publicidade A {
	display: block;
	width: 180px;
	margin-bottom: 10px;
}
#publicidade A Img { margin: 0 auto; }


/*=============================================================================================*/
/* frame topo */

#topo {
	float: left;
	position: relative;
	display: block;
	width: 770px;
	height: 130px;
}

#topo A#logo {
	float: left;
	display: block;
	width: 200px;
	height: 94px;
	margin-top: 10px;
	background: url(../imagens/topo_logo.jpg) center no-repeat;
}

/* banner do topo */

#topo #swf {
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	width: 570px;
	height: 104px;
	background: url(../imagens/topo.jpg) 0px 10px no-repeat;
	overflow: hidden;
	z-index: 100;
}

/* barra azul */

#topo #barra {
	position: relative;
	float: left;
	display: block;
	width: 770px;
	height: 36px;
	background: #13007c url(../imagens/topo_barraBg2.jpg) center repeat-x;
}

/* previsão do tempo */

#topo #barra Dl {
	float: left;
	display: block;
	width: 206px;
	height: 36px;
	line-height: 36px;
	color: #FFFFFF;
	background: #13007c url(../imagens/topo_barraBg1.jpg) left center no-repeat;
	cursor: pointer;
}
#topo #barra Dl Dt {
	float: left;
	display: block;
	width: 130px;
	text-indent: 10px;
}
#topo #barra Dl Dd {
	float: right;
	text-align: center;
	font-size: xx-small;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0px 16px 0px 20px;
}

/* previsão detalhada */

#topo #barra Ul {
	position: absolute;
	display: none;
	left: 0px;
	top: 36px;
	list-style: none;
	width: 180px;
	padding: 0px 10px 20px 10px;
	background: url(../imagens/boxAplha.png) center bottom no-repeat;
	cursor: pointer;
	overflow: hidden;
}
#topo #barra Ul Li {
	float: left;
	display: inline;
	width: 58px;
	margin: 0 1px;
	text-align: center;
	text-transform: uppercase;
	font-size: xx-small;
	padding: 10px 0px;
	color: #FF6600;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
#topo #barra Ul Li Strong {
	display: block;
	margin-bottom: 20px;
}


/* busca */

#topo #barra Fieldset {
	float: right;
	display: block;
	height: 20px;
	border: none;
	margin: 8px 20px;
}
#topo #barra Fieldset Input {
	float: left;
	display: block;
	width: 100px;
	height: 18px;
	border: 1px solid #DDCEB9;
	color: #897FBD;
	font-size: 10px;
	background: #EFECE7 url(../imagens/topo_buscaBg.jpg) center repeat-x;
	text-indent: 5px;
}
#topo #barra Fieldset A#ok {
	float: left;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0px 8px 0px 5px;
	text-transform: uppercase;
	text-align: center;
	color: #13007c;
	font-size: 10px;
	font-weight: bold;
	background: url(../imagens/topo_barraBotao.jpg) right center no-repeat;
}
#topo #barra Fieldset A#ok:hover { color: #FF6600 }


/*=============================================================================================*/
/* frame do centro */

#centro {
	float: left;
	display: block;
	width: 769px;
	background: url(../imagens/menu_bg.jpg) bottom left repeat-y;
	border-right: 1px solid #F2F2F2;
}

/*=============================================================================================*/
/* menu */

#centro #menu {
	float: left;
	display: block;
	width: 200px;
	padding: 20px 0px 70px 0px;
	background: url(../imagens/menu_bgBase.jpg) bottom left no-repeat;
}

#centro #menu H1 {
	display: block;
	width: 200px;
	height: 38px;
	line-height: 38px;
	font-size: 11px;
	text-transform: uppercase;
	color: #13007c;
	text-indent: 20px;
	background: url(../imagens/menu_titulo.jpg) center no-repeat;
}

#centro #menu Ul {
	list-style: none;
	display: block;
	width: 180px;
	margin-bottom: 10px;
}
#menu Ul Li {
	height: 20px;
	line-height: 20px;
	border-bottom: 1px dashed #FFb84d;
}
#centro #menu Ul Li A {
	display: block;
	width: 180px;
	text-indent: 20px;
	background: url(../imagens/menu_marcadorOff.jpg) 8px center no-repeat;
}
#centro #menu Ul Li A:hover {
	background-image: url(../imagens/menu_marcadorOn.jpg);
	color: #13007c;
}

/*=============================================================================================*/
/* conteúdo */

#centro #conteudo {
	float: right;
	display: inline;
	width: 530px;
	padding: 20px 0px;
	overflow: hidden;
	line-height: 15px;
	margin-right: 20px;
}

#conteudo A:hover { text-decoration: underline; }

/* texto do conteúdo */

#conteudo H1 {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 20px;
	height: 20px;
	color: #FF9900;
	margin-bottom: 10px;
	background: url(../imagens/conteudo_bgTitulo.jpg) 0px 20px repeat-x;
	padding-bottom: 20px;
}
#conteudo H1 A {
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	font-size: 10px;
	line-height: 20px;
	color: #FFCC7F;
	padding-left: 8px;
	background: url(../imagens/icone_voltar.gif) 0px 8px no-repeat;
}

#conteudo H1 Small {
	font-size: 11px;
	line-height: 20px;
	color: #FF9900;
}


#conteudo H2 {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #13007C;
	margin-bottom: 10px;
}
#conteudo H3 {
	display: block;
	font-size: 11px;
	line-height: 16px;
	color: #13007C;
	margin-bottom: 5px;
}
#conteudo P { margin-bottom: 10px; line-height: 16px; }
#conteudo Img {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 1px;
	background-color: #FFFFFF;
	border: 1px solid #897FBD;
}

/*=============================================================================================*/
/* boxes do conteúdo */

#conteudo Dl {
	float: left;
	display: block;
	width: 530px;
	background: #efece7 url(../imagens/conteudo_boxBg.jpg) 0px 30px repeat-x;
	margin: 10px 0PX;
}
#conteudo Dl Dt {
	display: block;
	height: 30px;
	line-height: 30px;
	background: #DDCEB9 url(../imagens/conteudo_boxTitulo.jpg) right center no-repeat;
	color: #FF6600;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	text-indent: 10px;
}
#conteudo Dl Dd {
	display: block;
	width: 510px;
	margin: 10px;
}
#conteudo Dl Dd Strong { color: #13007C; }

/*=============================================================================================*/
/* listar */

#conteudo .listar {
	float: left;
	display: block;
	border-bottom: 1px solid #EFECE7;
	margin-bottom: 10px;
	width: 530px;
	background: url(../imagens/conteudo_bgListar.jpg) bottom repeat-x;
	padding-bottom: 10px;	
}
#conteudo A.listar:hover { text-decoration: none; }
#conteudo A.listar Strong { display: block; padding-bottom: 5px; color: #13007C; }

#conteudo #boxListar { margin-top: 20px; }

/*=============================================================================================*/
/* paginar */

#conteudo #paginar {
	clear: both;
	position: relative;
	margin-top: 0px;
	height: 20px;
	line-height: 20px;
}

#conteudo Dd#paginar { background: url(../imagens/conteudo_paginarBox.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;
}


/*=============================================================================================*/
/* HOME */

#conteudo.home Dl#homeEsporte, #conteudo.home Dl#homeNoticia { width: 255px; min-height: 200px; }
#conteudo.home Dl#homeEsporte Dd, #conteudo.home Dl#homeNoticia Dd { width: 230px; }

#conteudo.home Dl#homeEsporte Dd P , #conteudo.home Dl#homeNoticia Dd P { font-size: 10px;  }
#conteudo.home Dl#homeEsporte Dd Img , #conteudo.home Dl#homeNoticia Dd Img { margin-bottom: 0px; }

#conteudo.home Dl#homeNoticia { margin-right: 20px; }

#conteudo.home Dl Ul { list-style: none; display: block; }

#conteudo.home Dl Ul Li {
	float: left;
	padding-bottom: 10px;
}

#conteudo.home Dl#homeAgenda Ul Li { width: 255px; }

#conteudo.home Dl#homeMural Ul Li { width: 127px; text-align: center; }

#conteudo.home Dl#homeMural Ul Li A { display: block; }
#conteudo.home Dl#homeMural Ul Li A Img {
	float: none;
	display: block;
	margin: 0 auto 10px auto;
}
#conteudo.home Dl#homeMural Ul Li Strong { padding: 0px 5px; }

/*=============================================================================================*/
/* busca */

#conteudo.busca Dl { margin: 0px 0px 20px 0px; }
#conteudo.busca Dl Dd Ul { list-style: none; float: left; margin-bottom: 10px; } 
#conteudo.busca Dl Dd Ul li { margin-bottom: 5px; } 

/*=============================================================================================*/
/* emissora */

#conteudo.emissora Img { padding: 0px; border: none; }

#conteudo A#emissora {
	display: block;
	height: 80px;
	padding-left: 100px;
	line-height: 24px;
	background: url(../imagens/icone_asterisco.jpg) left center no-repeat;
	color: #FF6600;
	font-size: 18px;
	padding-top: 20px;
	margin-left: 100px;
}

#conteudo A#emissora Strong {
	display: block;
	color: #13007C;
	font-size: 22px;
	margin-left: 30px;
}

#conteudo A#emissora:hover { text-decoration: none; color: #13007C; }
#conteudo A#emissora:hover Strong { color: #FF6600; }

/*=============================================================================================*/
/* galeria */

#conteudo #galeria Img { border-color: #DDCEB9; }

#conteudo #galeria Dd#zoom {
	float: left;
	display: block;
	text-align: center;
	margin: 10px 10px 0px 10px;
}
#conteudo #galeria Dd#zoom Span {
	display: block;
	height: 330px;
}
#conteudo #galeria Dd#zoom Img {
	float: none;
	margin: 0 auto;
}

/* thumbs */

#conteudo Dl #thumbs {
	float: left;
	display: block;
	width: 510px;
	height: 130px;
	text-align: center;
}
#conteudo Dl #thumbs #pics {
	display: block;
	width: 450px;
	text-align: center;
	margin: 0 auto;
}
#conteudo Dl #thumbs #pics Img {
	float: none;
	margin: 4px;
	cursor: pointer;
}
#conteudo Dl #thumbs #paginar {
	background: url(../imagens/conteudo_paginarBox.jpg) top repeat-x;
	width: 450px;
	margin: 0 auto;
}

/*=============================================================================================*/
/* mural */

#conteudo #mural {
	display: block;
	width: 450px;
	margin: 0 auto;
	text-align: center;
}

#conteudo #mural Img { 
	float: none; 
	padding: 0px;
	background: none;
	border: none;
}

#conteudo #mural #zoom {
	display: block;
	height: 340px;
	margin-bottom: 10px;
}

#conteudo #mural Span { display: block; min-height: 60px; }

#conteudo #mural #mini {
	display: block;
	margin: 10px auto 0px auto;
	padding-top: 20px;
	background: url(../imagens/conteudo_bgMini.jpg) top repeat-x;
}
#conteudo #mural #mini Img { cursor: pointer; }
#conteudo #mural #mini #paginar {
	display: block;
	padding-top: 15px;
	background: url(../imagens/conteudo_bgMural.jpg) top repeat-x;
	border: none;
}

/* upload */

#conteudo #upload {
	width: 450px;
	margin-left: 40px;
}
#conteudo #upload Iframe { display: none; }
#conteudo #upload Dt A { color: #FF6600 }
#conteudo #upload Dd { display: none; }
#conteudo #upload Form {
	float: left;
	display: block;
	width: 310px;
	padding-bottom: 10px;
	margin-left: 60px;
}
#conteudo #upload Form Fieldset {
	position: relative;
	display: block;
	width: 300px;
	margin: 0 5px;
	border: none;
}
#conteudo #upload Form Fieldset Label {
	display: block;
	width: 300px;
	margin-bottom: 3px;
}
#conteudo #upload Form Fieldset Input, #conteudo #upload Form Fieldset Textarea {
	display: block;
	width: 300px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 6px;
	border: 1px solid #13007C;
}
#conteudo #upload Form Fieldset Input.erro, #conteudo #upload Form Fieldset Textarea.erro { border: 1px solid #CC0000; }
#conteudo #upload Form Fieldset Input.ok, #conteudo #upload Form Fieldset Textarea.ok { border: 1px solid #61C250; }

#conteudo #upload Form Fieldset Textarea { height: 106px; }

#conteudo #upload Form .base {
	display: block;
	clear: both;
	height: 20px;
	margin-top: 10px;
	text-align: center;
}
#conteudo #upload Form .base A {
	display: block;
	background: url(../imagens/conteudo_botao.jpg) center no-repeat;
	color: #FFFFFF;
	text-align: center;
	height: 20px;
	line-height: 20px;
	width: 100px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 auto;
}
#conteudo #upload Form .base A:hover { text-decoration: none; color: #FF9900; }

/*=============================================================================================*/
/* check form */

#conteudo Form Label.erro { background: url(../imagens/formErro.gif) right bottom no-repeat; }
#conteudo Form Label.ok { background: url(../imagens/formOk.gif) right bottom no-repeat; }

/*=============================================================================================*/
/* contato */

#conteudo Form#contato {
	display: block;
	width: 300px;
	margin: 20px auto;
}
#conteudo Form#contato Label {
	display: block;
	width: 300px;
	margin-bottom: 3px;
	font-weight: bold;
}
#conteudo Form#contato Input, #conteudo Form#contato Select, #conteudo Form#contato Textarea {
	display: block;
	width: 300px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 6px;
	border: 1px solid #13007C;
}
#conteudo Form#contato Select { height: 20px; }
#conteudo Form#contato Textarea { height: 100px; }

#conteudo Form#contato A {
	display: block;
	background: url(../imagens/conteudo_botao.jpg) center no-repeat;
	color: #FFFFFF;
	text-align: center;
	height: 20px;
	line-height: 20px;
	width: 100px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 auto;
}
#conteudo Form#contato A:hover { text-decoration: none; color: #FF9900; }


#conteudo Form#contato Input.erro, #conteudo Form#contato Textarea.erro { border: 1px solid #CC0000; }
#conteudo Form#contato Input.ok, #conteudo Form#contato Textarea.ok { border: 1px solid #61C250; }

/*=============================================================================================*/
/* rodapé */

#rodape {
	position: relative;
	clear: both;
	display: block;
	width: 770px;
	height: 36px;
	background: #13007c url(../imagens/topo_barraBg2.jpg) center repeat-x;
}

#rodape Div {
	float: left;
	display: block;
	width: 206px;
	height: 36px;
	background: #13007c url(../imagens/topo_barraBg1.jpg) left center no-repeat;
}
#rodape Select {
	width: 180px;
	height: 20px;
	margin: 8px 0px 0px 8px;
	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: 564px;
	height: 20px;
	line-height: 36px;
	text-align: center;
	color: #FFFFFF;
}

#rodape A#cdi {
	position: absolute;
	display: block;
	right: 10px;
	bottom: 13px;
	width: 23px;
	height: 10px;
	background: url(../imagens/rodape_cdi.jpg) center no-repeat;
}

/*========================================================================*/
/* HACKS PARA IE6 */

* Html #topo #barra Ul { background-image: url(../imagens/boxAplha.gif); }
* Html #conteudo.home Dl#homeEsporte, * Html #conteudo.home Dl#homeNoticia { height: 200px; }
* Html #conteudo #mural Span { height: 60px; }