@import 'reset.css';
@import 'tipografia.css';

body {
  color: #333;
  background-color: #fff;
  /*background: #fff url(../images/bg_tudo.gif) repeat 0 0;*/
}


.container {width:960px;margin:0 auto;}
.containerGaleria {width:768px;margin:0 auto;}
.coluna {float: left;margin-right: 1px;}
.coluna0 {float: left;margin-right: 0px;}
.coluna10 {float: left;margin-right: 10px;}
.coluna20 {float: left;margin-right: 20px;}
.colunaSemMargem {float: left;}
.last { margin-right: 0; }
.margemBaixo20 { margin-bottom: 20px; }
.margemBaixo10 { margin-bottom: 10px; }
.margemCima10  { margin-top: 10px; }
.margemEsquerda10 { margin-left: 10px; }
.espacoCima10  { padding-top: 10px; }
.espacoCima5   { padding-top: 5px; }
.espacoBaixo5  { margin-bottom: 5px; }
.espacoDireita10 { padding-right: 10px; }
.espacoEsquerda10 { padding-left: 10px; }
div.spacer { clear:both; }
.alinhamentoCentralizado { text-align:center; }
.bordaBaixo { border-bottom: 1px solid #eee; }
a:hover{color:#296641; text-decoration:underline;}

/* HEADER
-------------------------------------------------------------- */
.header {
  margin: 0px auto 0px;
  height: 100px;
}

.header .logo h2 {
  margin: 0;
  background: transparent url(../images/logo_vivaalagoas.gif) no-repeat;
  overflow: hidden;
  width: 146px;
  height: 90px
}

.header .logo h2 a {
  padding-right: 0px;
  display: block;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 105px;
  height: 0px;
}


.header .banners {
        margin: 0;
        float: left;
        text-align: left;
        width: 794px;
        height: 100px;
        background: transparent url(../images/publicidade_cima.jpg) no-repeat right 0;
}

.header .bannersGaleria {
        margin: 0;
        float: left;
        text-align: left;
        width: 748px;
        height: 100px;
        background:url(../images/h_publicidade.png) top right no-repeat;
}

.header .bannersuperior {
        width: 728px;
        height: 90px;
}

.containerGaleria .headerGaleria .logo h2 {
  background: #f6f6f6 url(../images/logo_vivaal.png) no-repeat;
  overflow: hidden;
  width: 196px;
  height: 66px;
  margin:10px 0 0 0;
  padding-left: 10px;
}

.containerGaleria .headerGaleria .logo h2 a {
  padding-right: 0px;
  display: block;
  padding-left: 10px;
  padding-bottom: 0px;
  padding-top: 105px;
  height: 0px;
}

.headerGaleriaDescricao {
background:#f6f6f6;
width:452px;
float:left;
margin-top:10px;
height:66px;
text-align:left;
padding-left:93px;
margin-bottom: 10px;
}

.headerGaleriaDescricao ul{
	list-style:none;
border-left:5px solid #CCCCCC;
background:#f6f6f6;
padding:6px;
color:#008837;
font-weight:bold;
}

.thumbsGaleria {
width:206px;

}

.thumbfotos {
width:206px;
background-color: #ffffff;
}

ul.thumbfotos {
	list-style: none;
	float:left;
	background-color: #ffffff;
}

ul.thumbfotos li{
width:100px;
float:left;
padding-right:3px;
padding-bottom:2px;
}

.pag_fotos{
background-color:#009933;
padding:0;
width:206px;
font-weight:bold;
color:#00401A;
}


.pag_fotos span{
margin:2px;
}

.pag_fotos span a{
color:#fff;
}

.galeriaFotos {
width:500px;
float: left;
}

#pag_evento {
	text-align: center;
	margin-bottom: 10px;
}
.galeriaFotos img {
/*border-right:8px solid #FFFFFF;*/
width:500px;
}

.galeriaFotos span{
float:left;
background-color:#009933;
display:block;
width:300px;
text-align:center;
margin:45px 0 0 70px;
height:19px;
}

.galeriaFotos span a{
margin:0 10px 0 10px;
}

/* NAVEGACAO
-------------------------------------------------------------- */
.navegacao {
  width: 146px;
}

.navegacao .meio {
        background-color: #e7e7e7;
        font-size: 11px;
}

.navegacao .fim {
        height: 29px;
        background: url(../images/_menu_baixo.png) no-repeat;
}

.navegacao h3 {
        display: block;
        height: 25px;
        font-weight: bold;
        padding: 2px;
        color: #fff;
        font-size: 12px;
        letter-spacing: 1px;
        text-align: center;
}

.navegacao h3.menu_preto{
background:url(../images/bt_m_preto.png) top no-repeat;
height: 30px;
}

.navegacao h3.menu_verde{
background:url(../images/bt_m_verde.png) top no-repeat;
}

.navegacao ul {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0;
}

.navegacao li {
        display: block;
        margin: 0;
        padding: 0;
        height: 24px;
        padding-left: 10px;
		border-bottom:1px solid #ccc;
		border-top:1px solid #fff;
        color:#333;
        font-size: 11px;
        font-weight: bold;
}

.navegacao li.ultima {
        /*background: none;*/
        border-bottom: none;

}
.navegacao ul li.bord_none_t {border-top:none;}

.navegacao ul li.bord_none_b {border-bottom:none;}


.navegacao li a {
		padding:3px 5px;
        display: block;
        color: #333;
        text-decoration: none;
}
.navegacao li a:hover {
        color: #296641;
        text-decoration: underline;
}

/* CABECALHO
-------------------------------------------------------------- */
.cabecalhoGeral {
   background-color: #fff;
   color: #fff;
   background:url(../images/bg_dathor.png)  no-repeat;
   width:634px;
   height:25px;
   margin-bottom: 2px;
   text-align:center;
   padding-top: 2px;
}

.cabecalhoGeral .data {
  width:55%;
  border-right:1px solid #006428;
}

.cabecalhoGeral .tempo {
  color: #ff0;
  width:5%;
  border-right:1px solid #006428;
}

.cabecalhoGeral .hora {
  width:15%;
  border-right:1px solid #006428;
}

.cabecalhoGeral .bv {
  width:20%;
}

.conteudo h2{
background:url(../images/br_verde.png) no-repeat;
height:30px;
padding:5px 0 0 30px;
margin:2px 0 0 0px;
width:605px;
height:30px;
color: #fff;
font-weight: bold;
font-size: 14px;
}

.conteudo h2.barra_titulo_p{
background:url(../images/br_preta.png) no-repeat;
height:30px;
padding:5px 0 0 30px;
margin:2px 0 0 0px;
width:605px;
height:30px;
color: #fff;
font-weight: bold;
font-size: 14px;
}

/* CONTEUDO
-------------------------------------------------------------- */
.conteudo {
  width: 634px;
  background-color: #fff;
}
.texto {
	padding-left: 10px;
}

.conteudo ul.agenda{
	list-style: none;
margin:0;
	padding-left: 10px;
display:table;
width:620px;
}

.conteudo ul.agenda li{
border-bottom:1px solid #CCCCCC;
padding:10px 0;
width:620px;
}

.conteudo span.pg_ant{
	background: url(../images/icon_pag_ant.png) top left no-repeat;
	float:left;
	width:120px;
	padding-left:20px;
	padding-top:3px;
	margin-top:0px;
	height:25px;
	
}

.conteudo span.pg_prin{
	background:url(../images/icon_pag_home.png) top left no-repeat;
	float:left;
	width:120px;
	padding-left:20px;
	padding-top:3px;
	margin-top:0px;
	height:25px;
}
.conteudo ul.sub_evento {
	list-style:none;
width:621px;
float:left;
display:table;
margin:10px 0 0 10px;
padding-left:3px;
display:inline;
}
.conteudo ul.sub_evento li{
width:620px;
height:90px;
text-align:left;
float:left;
margin:0 0 20px 2px;
line-height:15px;
display:inline;
}

.conteudo ul.sub_evento li p span{
margin-top:5px;
}

.conteudo ul.sub_evento li p img{
width:120px;
height:90px;
float:left;
margin: 0 10px 0 0;
}
ul.sub_evento li p span{
display:block;
line-height:14px;
}

.conteudo ul.error_list {
	color: red;
	list-style: none;
}

.destaques {
	margin: 0;
	width:566px;
	height: 250px;
	background: url(../images/bg_principal.png) repeat-x;
	text-align:center;
	padding-top: 3px;
}
.destaquePrincipal {
	margin-bottom: 0px;
}

.controleBotao {
	width: 34px;
	height: 250px;
}

.controleSlide {
	float: right;
	margin-top: 2px;
	margin-bottom: 10px;
}

.controleSlide a {
	color: #296641;
}
/* BOX'S
-------------------------------------------------------------- */
.boxAgendaGeral h2 {
	color:#296641;
	font-size:15px;
	font-weight:bold;
	width:282px;
	height:30px;
	padding:5px 0 0 30px;
	text-align:left;
	margin:0;
	background:url(../images/br_agenda.png) no-repeat;
}

.boxAgenda {
	width: 312px;
	height: 200px;
	background: url(../images/bg_av.png) no-repeat;
}

.boxAgenda span.titulo{
color:#296641;
font-size:12px;
font-weight:bold;
}

.boxAgenda ul, .boxAgenda p{
	list-style: none;
background:url(../images/bg_av.png) no-repeat;
width:312px;
height:210px;
float:left;
padding:5px 0 0 0;
text-align:center;
}


.boxAgenda ul li{
width:290px;
text-align:left;
border-bottom:1px solid #ccc;
border-top:1px solid #fff;
margin-left:10px;
height:37px;
}
.boxAgenda ul li a span{
display:block;
}

.boxAgenda ul li.bord_none_t {
	border-top: none;
}
.boxAgenda ul li.bord_none_b {
	border-bottom: none;
}


.boxVideoGeral h2 {
	color:#296641;
	font-size:15px;
	font-weight:bold;
	width:282px;
	height:30px;
	padding:5px 0 0 30px;
	text-align:left;
	margin:0;
	background:url(../images/br_video.png) no-repeat;
}

.boxVideo {
	width: 312px;
	height: 200px;
	background: url(../images/bg_av.png) no-repeat;
}	

.boxVideoConteudo {
	padding-top: 5px;
	text-align: center;
}
.boxEventosGeral {
	margin-top: 10px;
}
.boxEventosGeral h2 {
	color:#296641;
	font-size:15px;
	font-weight:bold;
	width:634px;
	height:30px;
	padding:5px 0 0 30px;
	text-align:left;
	margin:0;
	background:url(../images/br_eventos.png) no-repeat;
}

.boxEventosGeral ul{
	list-style: none;
width:631px;
padding-left:3px;
}

.boxEventosGeral ul li{
border-right:1px solid #ccc;
width:310px;
height:90px;
text-align:left;
float:left;
margin:0 0 10px 2px;
line-height:15px;
}
.boxEventosGeral ul li p img, ul.sub_evento li p img{
width:120px;
height:90px;
float:left;
margin: 0 10px 0 0;
}

.boxEventosGeral ul li p span.bt_cinza a, ul.sub_evento li p span.bt_cinza a{
background:url(../images/bt_cinza.png);
display:block;
width:81px;
height:18px;
padding:3px 0 0 5px;
float:left;
margin:5px 4px 0 0;
font-size: 11px;
font-weight:bold;
}

.boxEventosGeral ul li p span, ul.sub_evento li p span{
display:block;
line-height:14px;
}
.boxEventosGeral ul li p span.e_titulo{
color:#296641;
font-size:14px;
font-weight:bold;
}

.bannerCentro {
	margin-top:10px;
}

.publicidades {
	width: 160px;
	background-color: #fff;
}

.barra_publicidade_latdir {
  margin-top: 0px;
  background: transparent url(../images/bg_publicidade.png) no-repeat center left;
  margin-bottom: 5px;
  width:160px;
  height:25px;
  text-align:center;
  color: #f1f1f1;
  font-size:x-small;
  text-transform: uppercase;
}

.pubtxt {
  pagging-top: 10px;
} 
.patrocinador {
	margin-bottom: 5px;
}
/* RODAPE
-------------------------------------------------------------- */
.rodape {
	color: #fff;
    background:url(../images/bg_rodape.png);
    width:960px;
    height:40px;
    margin-top: 10px;
    margin-bottom:10px;
	clear:both;
}

.rodapeEsquerda {
	text-align:center;
	width:95%;
	padding-top: 2px;
}
.rodapeDireita {
	text-align:right;
	width:5%;
	padding-top: 10px;
}
.rodapeConteudo {
	margin-top: 10px;
	float: right;
}

#enquete h3{font-size:12px; line-height: 12px; color:#333;}

#enquete h3, #enquete form{
background-color:#e7e7e7;
width:136px;
float:left;
text-align:left;
padding:0 5px;
}

#enquete form{
width:126px;
padding:10px;
}

#enquete form input{
margin-right:10px;
}


#enquete span{
padding-bottom:5px;
display:block;
}

.democracy-choice { display: block; background: #06c; height: 3px; border-bottom: 2px solid #05a; font-size: 1px; }
.dem-choice-border { margin: 8px auto; display: block; background: #fff; height: 5px; width: 100px; border: 1px solid #ccc; text-align: left;}
.voted-for-this { border: 1px solid #333; }

.cinema{
margin:0px 0 10px 20px;
display:table;
width:610px;
float:left;
z-index:10;
display:inline;
clear:none;
}
.cinema p img{
float:left;
width: 200px;
margin:0 20px 10px 0;
}

.cinema ul#infos {
	list-style:none;
float:left;
width: 370px;
margin:0px 20px 0 0;
font-size:14px;
}
.cinema h3{
float:left;
width: 300px;
font-size:16px;
color:#296641;
}
.cinema h4{
float:left;
width: 610px;
font-size:14px;
height:20px;
margin-top:20px;
color:#e7e7e7;
}

.cinema h4 span{
background-color:#006428;
padding:0px 10px;
color:#e7e7e7;
}

.cinema hr{
float:left;
width:600px;
border-top:1px solid #006428;
border-bottom:1px solid #096;
margin:0;
height:2px;
}
hr{
float:left;
width: 620px;
border:none;
border-top:1px solid #999999;
border-bottom:1px solid  #CCCCCC;
margin:10px;
height:2px;
display: block;
outline:0;
padding:0;
}