/*
Autor: Marcel Gomes / UmStudio
Mail: marcel@umstudio.com / marcelcgomes@gmail.com
Data:  2009-03-19
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- EVENTOS <<<------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html, body{
background:#0087b8;
}

.logo_eventos{
margin:21px 0 0 0;
/*width:136px;
height:150px;*/
/*width:195px;
height:212px;*/
width:186px;
height:186px;
}

.logo_eventos .flashlogo{
position:absolute;
top:21px;
left:-20px;
width:100%;
height:183px;
}

.logo_eventos h1{
background:url(../_img/logo_eventos-trans.png) no-repeat;
}

.logo_eventos h1 a{
width:136px;
height:150px;
text-indent:-9999px;
display:block;
}

.tit_eventos{
width:500px;
height:auto;
}

.tit_eventos h2 span{
color:#fff;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
background:#000;
padding:2px 4px 2px 4px !important;
white-space: pre-wrap;
position:relative;
}

.destaque_eventos{
width:497px;
height:278px;
margin:1px 0 0 0;
_margin:2px 0 0 0;
border:5px solid #FFF;
position:relative;
}

.sub_destaque_eventos{
width:590px;
height:80px;
position:relative;
margin:10px 0 0 0;
}

.sub_destaque_eventos ul{
margin:0;
padding:0;
}

.sub_destaque_eventos li{
margin:0 0 0 0;
padding:0;
list-style:none;
float:left;
}

.subpan{
width:82px;
background:url(../_img/bg_txt_bloghome.gif) repeat-y;
padding: 0 50px 1px 5px !important;
}

.subpan span{
height:auto;
font-size:11px;
line-height:16px;
text-transform:uppercase;
white-space: pre-wrap;
}

.subpan a{
text-decoration:none;
background:#e7e7e7;
padding:2px 5px 2px 0;
color:#000;
}

.subpan a:hover{
text-decoration:none;
background:#e7e7e7;
padding:2px 5px 2px 0;
color:#1bb8ff;
}

/*IMG*/
.img_pan{
width:116px;
_width:90px;
height:59px;
display:block;
}

.img_pan a{
width:106px;
height:59px;
text-decoration:none;
display:block;
border:5px solid #fff;
}

.img_pan a:hover{
width:106px;
height:59px;
text-decoration:none;
display:block;
border:5px solid #1bb8ff;
}



.sub_texto_eventos
{
width:477px;
background:#fff;
height:auto;
position:relative;
border:5px solid #FFF;
padding:10px;
line-height:17px;
text-align: justify;
}
/* ---- SUBMENU EVENTOS <<<------------------------------------------------------------------------------------*/

.submenu_eventos{
margin:28px 0 80px 0;
width:150px;
height:auto;
_padding:2px 0 0 0;
}

.submenu_eventos ul{
margin:0;
padding:0;
}

.submenu_eventos ul li{
margin:0 0 5px 0;
padding:0;
list-style:none;
}

.sublinks span{
width:127px;
height:auto;
font-size:11px;
text-transform:uppercase;
white-space: pre-wrap;
}

.sublinks a{
text-decoration:none;
background:#2390b3;
padding:2px 5px 2px 5px;
color:#fff;
}

.sublinks a:hover{
text-decoration:none;
background:#196881;
padding:2px 5px 2px 5px;
color:#fff;
}

.sublinks_selected a{
text-decoration:none;
background:#196881;
padding:2px 5px 2px 5px;
color:#fff;
text-transform:uppercase;
}

#calendario{
width:150px;
height:150px;
position:relative;
clear:both;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM EVENTOS <<<--------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/



.ultimos_eventos{
width:184px;
height:auto;
position:relative;
margin:20px 0 0 0;
/*background:#3300FF;*/
}


.ultimos_eventos h3{
background:url(../_img/tit_ultimos_eventos.gif) no-repeat;
width:170px;
height:22px;
margin:0 0 10px 0;
_padding:10px 0 0 0;
position:relative;
text-indent:-9999px;
}

.ultimos_eventos h3 span{
background:#000;
font-size:12px;
text-transform:uppercase;
padding:4px !important;
white-space: pre-wrap;
color:#fff;
}

.ultimos_eventos ul{
margin:0 0 0 15px; 
padding:0;
}

.ultimos_eventos ul li{
margin:0;
padding:0;
list-style:none;
}

.titulos_ultimos{
width:160px;
height:auto;
padding: 2px 0 2px 5px !important;
background: url(../_img/bg_tit_branco.gif) repeat-y;
}

.titulos_ultimos span{
width:155px;
height:auto;
background:#fff;
font-size:12px;
text-transform:uppercase;
padding:2px 5px 2px 0 !important;
white-space: pre-wrap;
}

.txt_ultimos{
width:160px;
height:auto;
padding: 0 0 1px 5px !important;
background: url(../_img/bg_ultimos_eventos.gif) repeat-y;
}

.txt_ultimos span{
width:155px;
height:auto;
background:#2390b3;
line-height:17px;
padding:2px 5px 3px 0 !important;
white-space: pre-wrap;
}

.txt_ultimos a{
color:#fff;
text-decoration:none;
}

.txt_ultimos a:hover{
color:#000;
text-decoration:none;
}

.vejamais_eventos{
background:#196881;
color:#FFFFFF;
padding:1px 3px 2px 3px;
text-decoration:none;
font-weight:bold;
font-size:12px;
_margin:0 0 0 -5px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- HISTORICO EVENTOS <<<--------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.proximos_eventos{
background:#fff;
width:497px;
height:30px;
border:5px solid #FFF;
position:relative;
}

.proximos_eventos ul{
margin:0;
padding:0;
}

.proximos_eventos ul li{
margin:0;
padding:0;
list-style:none;
display:inline;
}

/*mes anterior*/
.previous_month{
width:198px;
height:22px;
text-transform:uppercase;
float:left;
}

.previous_month a{
text-align:center;
width:97px;
height:22px;
padding:8px 0 0 0;
background:#2294b8;
color:#fff;
display:block;
text-decoration:none;
font-weight:bold;
}

.previous_month a:hover{
width:97px;
height:22px;
background:#196881;
color:#fff;
}

/*proximo mes*/
.next_month{
width:94px;
height:22px;
text-align:center;
text-transform:uppercase;
float:right;
}

.next_month a{
width:94px;
height:22px;
padding:8px 0 0 0;
background:#2294b8;
color:#fff;
display:block;
text-decoration:none;
font-weight:bold;
}

.next_month a:hover{
width:94px;
height:22px;
background:#196881;
color:#fff;
}

/*ano evento*/
.ano_evento{
width:110px;
height:14px;
background:#000;
float:left;
text-transform:uppercase;
color:#fff;
text-align:center;
font-weight:bold;
border:8px solid #000;
}

.listagem_eventos{
width:497px;
height:80px;
border:5px solid #FFF;
clear:both;
margin:5px 0 5px 0;
position:relative;
background:#fff;
}

.img_lista_eventos{
width:140px;
height:80px;
float:left;
margin:0 15px 0 0;
}

.img_lista_eventos img a{
border:0;
text-decoration:none;
}

.txt_lista_eventos{
width:320px;
height:40px;
float:left;
font-weight:bold;
margin:20px 0 0 0;
}

.txt_lista_eventos p{
margin:0 0 5px 0;
}

.txt_lista_eventos a{
color:#2390b3;
text-decoration:none;
}

.txt_lista_eventos a:hover{
color:#000;
text-decoration:none;
}

.listagem_eventos .btn_veja_mais_listagem{
position:absolute;
bottom:-5px;
right:-5px;
_right:-6px;
}

.btn_veja_mais_listagem a{
background:#196881;
color:#fff;
width:14px;
height:15px;
padding:2px 0 2px 4px;
text-decoration:none;
font-weight:bold;
display:block;
}

.btn_veja_mais_listagem a:hover{
background:#2294b8;
color:#fff;
width:14px;
height:15px;
padding:2px 0 2px 4px;
text-decoration:none;
display:block;
}

.txt_destaque_date,  {
	overflow: hidden;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM HISTORICO EVENTOS <<<----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/