/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}

html {background: #8A0010; background-image: url("./imagens/cima.jpg"); background-position: top left; background-repeat: repeat-x;}
body {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}

a, a:link, a:hover, a:visited {color: #000; text-decoration: none;}

.site {width: 760px; margin: 0 auto; text-align: left; display: table;}

.topo{ border: 1px solid #000000; margin: 5px; clear: both;}

.menu {margin: 5px; clear: both;}

.banners {margin: 5px;	clear: both;	height: 120px;	background-image: url("imagens/banners.png");	background-repeat: no-repeat;	background-position: top center;}

.conteudo{ margin: 5px; clear: both;}

.rodape { text-align: center; font-size: 0.8em; color: #fff; padding: 10px; margin: 5px; clear: both;}

.linha_extra, .linha_extra_esq, .linha_extra_meio, .linha_extra_dir, .linha_extra_miniaturas, .linha_extra_imagens {padding: 6px; margin-top: 8px; background: #ffffff;}

/* dados em geral */
h1 {font-size: 1.3em; font-weight: bold;}
h2 {font-size: 1.2em; font-weight: bold;}
h3 {font-size: 1.1em; font-weight: bold;}


/* conteudo do site agora */
.logo {float:left}
.preto {color: #000;}
.hover {background: #ccc; color: #000;}

/* menu */
.menu .linha_extra {width: 560px; height: 40px; float: right;}
.menu_esq {height: 40px; background: #ffc;}
.menu_topo, .menu_topo * {margin: 0; padding: 0; list-style: none;}
.menu_topo li {float: left; width: 111px; height: 30px; padding-top: 8px; text-align: center; background-image:url("imagens/menu.jpg");}
.menu_topo a {display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; color: #000000;}
.menu_topo a:hover {color: #8A0010;}
.menu_topo ul li{width: 100%;}
.menu_borda {border-right: 1px solid #000000;}

/* banners */
.banner_botton {width: 120px; height: 60px; background: #8A0010; float: left; margin: 34px 0px 0px 50px;}
.banner_full {width: 428px; height: 60px; background: #8A0010; float: left; margin: 30px 0px 0px 60px;}

/* meio */
.conteudo .linha_extra_esq {width: 200px; float: left; background-image: url("imagens/dance_esq.jpg"); background-position: bottom center; background-repeat: no-repeat;}
.conteudo .linha_extra_meio {width: 330px; float: left; margin-left: 10px; background-image: url("imagens/dance_meio.jpg"); background-position: bottom center; background-repeat: no-repeat;}
.conteudo .linha_extra_dir {width: 160px; float: right; background-image: url("imagens/dance_dir.jpg"); background-position: bottom center; background-repeat: no-repeat;}
.conteudo .linha_extra_miniaturas {width:170px; float: left; }
.conteudo .linha_extra_imagens {width: 550px; float: right; background-image: url("imagens/dance.jpg"); background-position: bottom center; background-repeat: no-repeat;}


.conteudo_esq {background-image: url("imagens/titulo_01.png"); background-position: top left; background-repeat: repeat-x;}
.conteudo_meio {background-image: url("imagens/titulo_02.png"); background-position: top left; background-repeat: repeat-x;}
.conteudo_dir {background-image: url("imagens/titulo_03.png"); background-position: top left; background-repeat: repeat-x;}
.conteudo_miniaturas {background-image: url("imagens/titulo_01.png"); background-position: top left; background-repeat: repeat-x;}
.conteudo_imagens {background-image: url("imagens/titulo_03.png"); background-position: top left; background-repeat: repeat-x;}

/* lado esquerdo */
.conteudo_esq h1 {padding: 8px; color: #fff; text-align: center;}
.conteudo_esq li li {padding-left: 10px;}
.conteudo_esq p {font-size: 0.8em; padding-left: 10px;}
.conteudo_esq strong {font-weight: bold;}
.conteudo_esq .preto {color: #000;}

/* meio do site */
.conteudo_meio h1 {padding: 8px; color: #fff; text-align: center;}
.conteudo_meio h2 {padding: 10px 4px 4px 4px;font-size: 0.9em; font-weight: bold;}

.conteudo_dir h1 {padding: 8px; color: #fff; text-align: center;}

.ultimos_eventos li {display: block; height: 80px; clear: both;}
.ultimos_eventos li p {font-size: 0.8em;}
.ultimos_eventos li img {padding: 4px;}

.imagem_capa {width: 320px; height: 240px; position: relative; padding:0; margin:5px; overflow: hidden; border: 1px solid gray; }
.imagem_capa .descricao {width: 320px; position: absolute; left: 0; bottom: 0; background: #000; color: #FFF; padding: 5px; margin: 0px;  -moz-opacity: .7; opacity: .7; filter: alpha(opacity=70);}
.imagem_capa h1 {font-size: 1.2em; font-weight: bold; text-align: left; padding: 0; margin: 0;}
.imagem_capa p {font-size: 0.8em; text-align: left; padding: 0; margin: 0;}

/* visualizando imagens */
.conteudo_miniaturas h1 {padding: 8px 0px 8px 0px; color: #fff; text-align: center;}
.conteudo_miniaturas p {font-size: 0.8em; padding-left: 10px;}
.conteudo_miniaturas li li {padding-left: 10px;}
.conteudo_miniaturas strong {font-weight: bold;}
.conteudo_miniaturas .preto {color: #000;}
.conteudo_imagens h1 {padding: 8px; color: #fff; text-align: center;}
.conteudo_imagens h2 {color: #000; clear: both;}
.conteudo_imagens li {float: left; padding: 5px;}
.conteudo .sel_imagem {color: red;}

.ultimos_eventos_esq li {display: block; padding: 5px; clear: both;}
.ultimos_eventos_esq p {font-size: 0.8em;}
.ultimos_eventos_esq h2 {font-size: 1.1em}

.conteudo_meio .preto {color: #000;}

.enquete_pergunta {}
.enquete_resposta strong {font-weight: bold; }
.enquete_resposta p {font-size: 0.8em;}
.enquete_resposta li {padding-left: 10px; }

.lista_eventos li li {padding-left: 10px; }
.lista_eventos strong {font-weight: bold; padding-left: 10px;}
.lista_eventos p {font-size: 0.8em; padding-left: 15px;}
.lista_eventos h2 {font-size: 1.1em}


