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

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- BLOG <<<---------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html, body{
background:#018aaa;
}

.logo_blog{
margin:21px 0 0 0;
/*width:141px;
height:150px;*/
width:186px;
height:186px;
}

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

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

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

.tit_blog{
width:500px;
height:27px;
margin:0 0 25px 0;
}

.tit_blog h2{
background:url(../_img/tit_home_blog_panamericana.gif) no-repeat;
width:224px;
height:27px;
text-indent:-9999px;
display:block;
}



/*POSTS*/

.posts{
width:530px;
height:100%;
position:relative;
margin-top: 20px;
}

.data_post{
width:84px;
height:106px;
float:left;
position:relative;
}

.destaque_posts{
width:416px;
height:auto;
border:5px solid #FFF;
background:#FFF;
position:relative;
float:left;
min-height: 96px;
}

.destaque_posts > img{
	width: 416px;
	display: block;
}

.tit_post{
text-transform:uppercase;
font-weight:bold;
font-size:12px;
margin:0 0 10px 0;
}

.txt_post{
width:376px;
height:auto;
padding:20px;
line-height:16px;
}

.col_middle .main_left .posts .leia_post{
width:17px;
height:16px;
position:absolute !important;
right:-22px !important;
bottom:5px !important;
}

.leia_post a{
background:url(../_img/btn_leiamais_post.gif) no-repeat;
width:17px;
height:16px;
text-indent:-9999px;
display:block;
}


.tit_coments{
background:#56deca url(../_img/bg_comentarios_post.gif) no-repeat top left;
width:426px;
height:21px;
clear:both;
text-indent:-9999px;
margin:1px 0 0 84px !important;
}

.coments{
background:#56deca;
width:386px;
height:auto;
padding:20px 20px 20px 20px;
clear:both;
margin:0 0 1px 84px !important;
}

.name_coment{
color:#005246;
text-transform:uppercase;
margin:0 0 5px 0;
font-weight:bold;
}

.txt_coment{
width:376px;
height:auto;
line-height:16px;
}

.btn_comente{
width:386px;
height:auto;
margin:1px 0 20px 84px !important;
float:left;
}

.btn_comente a{
background:url(../_img/btn_comente.gif) no-repeat;
width:79px;
height:16px;
display:block;
text-indent:-9999px;
float:left;
}

.btn_voltar a{
width:62px;
height:16px;
background:url(../_img/btn_voltar.gif) no-repeat;
float:left;
margin:10px 0 40px -21px;
text-indent:-9999px;
display:block;
}

.btn_voltar a:hover{
width:62px;
height:16px;
background:url(../_img/btn_voltar_blog_off.gif) no-repeat;
float:left;
margin:10px 0 40px -21px;
text-indent:-9999px;
display:block;
}

.btn_voltar{
width:62px;
height:16px;
/*background:url(../_img/btn_voltar.gif) no-repeat;*/
float:left;
margin:0 0 40px 0px;
text-indent:-9999px;
display:block;
}


.btn_primeiro_coment{
width:386px;
height:auto;
margin:1px 0 20px 84px !important;
float:left;
}

.btn_primeiro_coment a{
background: url(../_img/btn_primeiro_coment.gif) no-repeat;
width:184px;
height:16px;
display:block;
text-indent:-9999px;
}

/* ---- SUBMENU POSTS <<<------------------------------------------------------------------------------------*/

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

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

.submenu_blog 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:#00b298;
padding:2px 5px 2px 5px;
color:#fff;
}

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

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


.submenu_blog ul li ul{
margin:5px 0 0 10px;
_margin:-13px 0 0 10px;
padding:0;
/*list-style:none;*/
clear:both;
}

.meses_blog{
display:none;
_display:none;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM POSTS <<<----------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.blog_maislidos{
width:184px;
height:auto;
position:relative;
/*background:#3300FF;*/
}

.blog_maislidos h3{
background: url(../_img/tit_mais_lidos.gif) no-repeat;
width:122px;
height:20px;
text-indent:-9999px;
margin:0 0 15px 0;
}

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

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

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FORM COMENTARIOS <<<---------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.tit_envie_coments{
background:#fff url(../_img/bg_comentarisos_post.gif) no-repeat top left;
width:406px;
height:auto;
clear:both;
/*text-indent:-9999px;*/
font-weight:bold;
text-transform:uppercase;
margin:-1px 0 0 84px !important;
padding:20px 0 0 20px;
}

.form_coments{
background:#FFF;
width:386px;
height:auto;
padding:20px 20px 20px 20px;
clear:both;
margin:0 0 1px 84px !important;
}

.campos_form_post{
border:1px solid #7f9db9;
font-size:11px;
padding:4px 2px 2px 2px;
width:300px;
}

.mensagem_post{
border:1px solid #7f9db9;
font-size:11px;
padding:0 0 0 2px;
width:300px;
}

.txt_form_post{
font-weight:bold;
text-align:right;
margin:0;
top:0;
}

.btn_envia_post{
background:#00b298;
color:#fff;
border:0;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
padding:4px;
float:right;
width:94px;
}

/*PAGINACAO BLOG*/
.pages_post{
width:426px;
height:30px;
position:relative;
margin:0 0 0 84px;
}

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

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

/*anterior*/
.previous_post{
width:80px;
height:22px;
text-transform:uppercase;
float:left;
}

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

.previous_post a:hover{
width:70px;
height:22px;
background:#56deca;
color:#005246;
}

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

.next_post a{
width:80px;
height:22px;
padding:8px 0 0 0;
background:#005246;
color:#fff;
display:block;
text-decoration:none;
font-weight:bold;
}

.next_post a:hover{
width:80px;
height:22px;
background:#56deca;
color:#005246;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- HISTORICO BLOG <<<-----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

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

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

.historico_blog 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:#005246;
color:#fff;
display:block;
text-decoration:none;
font-weight:bold;
}

.previous_month a:hover{
width:97px;
height:22px;
background:#56deca;
color:#005246;
}

/*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:#005246;
color:#fff;
display:block;
text-decoration:none;
font-weight:bold;
}

.next_month a:hover{
width:94px;
height:22px;
background:#56deca;
color:#005246;
}

/*ano post*/
.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 BLOG*/
.listagem_blog{
width:497px;
height:80px;
border:5px solid #FFF;
clear:both;
margin:5px 0 5px 0;
position:relative;
background:#fff;
}

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

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

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

.txt_lista_blog p{
margin:0 0 5px 0;
color:#000;
}

.txt_lista_blog a{
color:#01806d;
text-decoration:none;
}

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

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

.btn_veja_mais_listagem a{
background:#56deca;
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:#005246;
color:#fff;
width:14px;
height:15px;
padding:2px 0 2px 4px;
text-decoration:none;
display:block;
}


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

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

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM HISTORICO BLOG <<<-------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/