html { /* Force vertical scrollbar to prevent page shift "jog" */
	/* IE */
	overflow-y: scroll;
	/* Moz */
	margin-bottom: 0.1em;
}
body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 82%;
	background: #f1f1f1 url(../imgs/site/corpo.jpg) center top repeat-y;
    margin: auto;
	color: #333;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #f90;
}
a:active {
	text-decoration: none;
}
h1{
	color: #333;
	margin: 0;
	margin-top:0;
}
h2,h3,h4,h5{
	padding: 0 15px;
}
h2{
	color:#fff;
	margin: 0;
	padding-left: 10px;
	vertical-align: middle;
	line-height: 34px;
	font-variant:small-caps;
}
h3{
	color: #f90;
	margin: 0;
	padding: 0;
}
p{
	margin: 0;
}
hr{
    width: 940px;
    clear: both;
    border: 1px solid #ccc;
}
.clearBoth {
	clear:both;
	display:block;
	height:0;
}
.esq{
	text-align: left;
}
.direita{
	text-align: right;
}
.centro{
	text-align: center;
}
.buttons_e {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background: #435361 url(../imgs/site/button-box_esq.jpg) no-repeat scroll 6px 50%;
    color:#FFF;
    font-size: 90%;
    height:17px;
    line-height:17px;
    margin-right:5px;
    margin-top:5px;
    padding-left:20px;
    padding-right:10px;
}
.buttons_d {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background: #435361 url(../imgs/site/button-box.jpg) no-repeat scroll 90% 50%;
    color:#FFF;
    font-size: 90%;
    height:17px;
    line-height:17px;
    margin-right:5px;
    margin-top:5px;
    padding-left:10px;
    padding-right:20px;
}
.color_date{
	color: #666;
	font-size: 79%;
}
.div-interna{
	margin: 0 5px;
	border: none;
}
img{
	border: none;
}
#img-15{
	width: 15%;
}
#img-30{
	width: 30%;
}
#img-35{
	width: 35%;
	border: 1px solid #ccc;
	padding: 5px;
	float: left;
	margin: 5px 10px 10px 0;
}
#img-40{
	width: 40%;
}
#img-50{
	max-width: 50%;
	border: none;
	text-align: center;
	padding: 3px;
	border: 1px solid #ccc;
}
#img-55{
	max-width: 50%;
	border: none;
	float: left;
	padding: 3px 3px 3px 0;
	border: 1px solid #ccc;
}
#img-100{
	max-width: 100%;
	border: none;
}
p.center_img{
	text-align: center;
	margin: 0;
}

#box_mais{
	width: 100%;
	height: 30px;
	clear: both;
	margin: auto;
	background-color: #900;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
}
#box_mais p{
	padding: 0 10px;
}


/* inicio layout */
#topo{
	background: #f1f1f1 url(../imgs/site/topo3.jpg) left top no-repeat;
	width: 960px;
    height: 204px;
	margin: auto;
}
#topo_titulo{
	margin: 5px 0;
}
#topo_titulo img{
	vertical-align: middle; 
	margin: 0px; 
	width: 18px
}
#main{
	width: 980px;
	margin: auto;
	margin-top: 0;
	clear: both;
	overflow: hidden;
}
#content{
	padding: 10px;
	margin: auto;
	width: 940px;
	background-color: #F5F3E6;
	border-bottom: 6px solid #f90;
	overflow: hidden;
}
/* colunas base do site -----------*/	
#principal{
	width: 665px;
	float: left;
	padding-bottom: 10px;
}
#barra_auxiliar{
	width: 270px;
	float: right;
	margin-left: 5px;
	padding-bottom: 10px;
}
/*conteudo dos topicos ------------*/
#conteudo{
	margin: auto;
	clear: both;
    overflow: hidden;
	color: #333;
	background-color: #fff;
	border: 4px solid #900;
	z-index: 0;
}
#conteudo a:link {
	text-decoration: none;
	color: #333;
}
#conteudo a:visited {
	text-decoration: none;
	color: #333;
}
#conteudo a:hover {
	text-decoration: none;
	color: #f90;
}
#conteudo a:active {
	text-decoration: none;
}
#conteudo .div-interna{
	margin: 5px;
}

#conteudo .img_border{
	padding: 5px;
	margin: 3px;
	border: 1px solid #ccc;
	/*border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}
#conteudo img{
	margin: 3px;
	border: none;
	max-width: 640px;
}
#conteudo hr{
	width: 100%;
	margin: 5px auto;
	border: none;
	border-bottom: 1px solid #ccc;
}
#conteudo .box-tags{
	margin: 8px auto;
	border-bottom: 1px dotted #f90;
	padding-bottom: 3px;
}
#conteudo .esq{
	width: 100px;
	float: left;
}
#conteudo .dir{
	float: left;
	margin: auto;
}
#conteudo ul{
    list-style: none;
	margin: -5px;
}
#conteudo li{
	line-height: 20px;
	height: 20px;
	vertical-align: middle;
	font-weight: bold;
}
#conteudo .coments{
	margin: 5px auto;
	border: 1px solid #666;
	background-color: #f9f9f9;
}
#conteudo .coments:hover{
	background-color: #fff;
	border-color: #900;
}
#conteudo .coments strong{
	font-size: 15px;
}
#conteudo .busca{
	margin: 5px auto;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
}
#conteudo .busca:hover{
	background-color: #fff;
	border-color: #f90;
}
#conteudo .busca a{
	font-size: 19px;
	color: #3399FF;
}
#conteudo .busca a:hover{
	color: #333;
}

#conteudo .print{
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
}
#conteudo .link-relacionados{
	clear: both; 
}
#conteudo .link-relacionados li{	
	list-style-type:disc; 
	color: #f90;
	padding: 2px 8px;
	font-size: 11px;
}
#conteudo .link-relacionados li:hover{
	color: #333; 
}

/* Destaques Principais */
#destaque-principal{
	width: 657px;
	overflow: hidden;
	float: left;
	border: 4px solid #666;
    background-color: #fff;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 0;
}
#destaque-principal .title-box{
	width: auto;
	height: 30px;
	line-height: 30px;
    background-color: #333;
    margin-top: -10px;
}
#destaque-principal .title{
	margin: 10px;
	font-size: 20px;
	color: #fff;
}
/* fim destaques principal */
/*publicidade lateral */
#publicidade_lateral{
	float: left;
	width: 270px;	
    margin: 10px 0;
	border-bottom: 2px solid #f90;
}
#publicidade_lateral img{
	width: 258px;
	border: 1px solid #333;
	padding: 5px;
	background-color: #fff;
	margin-bottom: 6px;
}
#publicidade_lateral .titulo{
	border-top: 2px solid #f90; 
	height: 20px; 
	line-height: 20px; 
	text-align: right; 
	color: #333; 
	padding-right: 10px; 
	font-size: 11px;
}
/* publicidade meio */
#publicidade_meio{
	margin-bottom: 10px;
	float: left;
}
#publicidade_meio img{
	border: 1px solid #f90;
}

#divulgacao_links{
	width: 262px;
	overflow: hidden;
	background-color: #fff;
	float: left;
	border: 4px solid #ccc;
	font-weight: bold;
	font-size: 15px;
}
#divulgacao_links p{
	margin: 5px 0;
}
#divulgacao_links a{
	color: #666;
}
#divulgacao_links a:hover{
	color: #f90;
}
#box_busca{
	background-color: #666;
	width: 262px;
	padding: 5px;
	margin: auto;
	margin-bottom: 10px;
	vertical-align: middle;
}

#twitter{
	background: #ccc url(../imgs/site/acompanhe.png) left top repeat-x;
	margin: auto;
	vertical-align: middle;
	float: left;
	width: 262px;
	overflow: hidden;
	color: #f90;
	font-family: helvetica;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	line-height: 30px;
}

/*-- Entrevistas --------------------- */
#entrevistas{
	margin: auto;
	margin-top: 10px;
	clear: both;
    overflow: hidden;
	padding: 0;
	color: #333;
	background-color: #fff;
	border: 4px solid #f90;
	
}
#entrevistas a{
	text-decoration: none;
	color: #435361;
}
#entrevistas a:hover{
	text-decoration: none;
	color: #f90;
}
#entrevistas h3{
    color: #435361;
    font-size: 120%;
    margin: 0;
	padding: 0;
}
#entrevistas p{
    color: #666;
    margin: 0;
}
#entrevistas p.data{
    color: #666;
	font-size: 90%;
}
#entrevistas .div-interna{
	margin: 5px;
}
/* #entrevistas .div-interna img{
    width: 20%;
    border: none;
    float: left;
    margin: 0 5px;
	padding: 3px;
}
*/
/* ultimas --------------*/
#ultimas{
	margin: auto;
	margin-top: 10px;
	clear: both;
    overflow: hidden;
	padding: 0 0 0 0;
	background-color: #fff;
	border: 4px solid #900;
}
#ultimas a {
	text-decoration: none;
	color: #435361;
}
#ultimas a:hover {
	text-decoration: none;
	color: #f90;
}
#ultimas .div-interna{
	margin: 5px;
}
#ultimas img{
    border: 1px solid #ccc;
	padding: 5px;
	margin: 2px;
	margin-right: 5px;
	max-width: 125px;
	max-height: 90px;
	float: left;
	vertical-align: middle;
}
#ultimas .img{
	border: none;
	margin: 0;
}
#destaque-ultimas{
	float: left; 
	width: 323px;
	min-height: 190px;
	margin-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
#destaque-ultimas .textos{
	float: left; 
	width: 323px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
#destaque-ultimas .titulo{
	float: left;
	width: 310px;
	font-size: 16px;
	font-weight: bold;
	color: #f90;
}

#destaque-ultimas .data{
	float: left; 
	margin-bottom: 3px; 
	width: 320px;
}
#destaque-ultimas .texto{
	float: left; 
	width: 160px;
	text-align: left;
}
#destaque-ultimas .texto2{
	float: left; 
	width: 315px;
}
#destaque-ultimas .coments{
	float: left;
	
	width: 320px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
}
#destaque-ultimas .coments img{
	vertical-align: middle;
	border: none;
	margin-right: 3px;
	padding: 0;
}

#mais-lidas{
	margin: auto;
	margin-top: 10px;
	clear: both;
    overflow: hidden;
	padding: 0 0 0 0;
	color: #333;
	background-color: #fff;
	border: 4px solid #666;
}
#mais-lidas a{
	color: #333;
}
#mais-lidas a:hover{
	color: #f90;
}
#mais-lidas .div-interna{
	padding: 5px;
}
/* fim noticias -----------*/
/* secoes------------------*/
/* secoes --------------*/
#secoes{
	margin: auto;
	margin-top: 10px;
	clear: both;
    overflow: hidden;
	padding: 0;
	color: #333;
	background-color: #fff;
	border: 4px solid #333;
}
#secoes a {
	text-decoration: none;
	color: #333;
}
#secoes a:hover {
	text-decoration: none;
	color: #f90;
}
#secoes .div-interna{
	margin: 5px;
}

#secoes .titulo{
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
#quadrante-secoes{
	float: left; 
	margin-bottom: 0;
	overflow: hidden;
}
/* fim secoes -------------*/

/*-- Top 10 ---------------*/
#ranking{
	clear: both;
	width: 270px;	
    margin: 10px 0;
	border: 1px solid #ccc;
	background-color: #fff;
}
#ranking img{
	padding: 5px 0 1px 5px;
	margin: auto;
	text-align: center;
}
#ranking .div-interna{
	margin: 0;
}
/*-- fim top 10 -----------*/
/*-- Enquanto Isso --------*/
/*-- Top 10 ---------------*/
#enquanto{
	width: 210px;
	float: left;
	min-height: 290px;
	_height: 290px;
	border-width: 4px;
	border-color: #666;
	border-style: solid;
	background-color: #fff;
	margin-top: 10px;
	margin-left: 5px;
	padding-bottom: 5px;
}
#enquanto img{
	max-width: 150px;
	border: 1px solid #ccc;
	padding: 5px 8px;
	margin: 5px;
}
#enquanto .div-interna{
	margin: 5px;
}
/* fim ---------*/

/* Eventos */
#eventos{
	width: 262px;
	margin-top: 10px;
	border: 4px solid #D5F33D;
	float: left;
	overflow: hidden;
	background-color: #fff;
	padding-bottom: 5px;
}
#eventos img{
	width: 30%;
	float: left;
	border: 1px solid #ccc;
	padding: 3px;
	margin-right: 5px;
	vertical-align: middle;
}
#eventos p{
	margin: 10px 0;
    color: #333;
	font-weight: bold;
	display: block;
}	
#eventos hr{
	margin: auto;
	margin-left: 0px;
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	width: 95%;
}
#eventos a{
	text-decoration: none;
	color: #333;
}
#eventos a:hover {
	text-decoration: none;
	color: #f90;
}
/* Expediente */
#expediente {
	margin: auto;
	border: 2px solid #ccc;
	padding: 10px;
	background-color: #fff;
	color: #333;
	overflow: hidden;
}
#expediente h1{
	font-family: Georgia, serif;
	border-bottom: 3px double #000;
	font-size: 20px;
	margin: 15px 0 0 0;
}
#expediente p{
	margin: 0;
}
#expediente p.desc{
	color: #666;
	text-align: justify;
}
#expediente p.title{
	color: #f90;
	font-size: 10px;
	text-transform: uppercase;
	margin: 5px 0 0 0;
}
#expediente .box{
	float: left;
	width: 50%;
	font-size: 11px;
	border: none;
}
#expediente a{
	color: #333;
}
#expediente a:hover{
	color: #f90;
}

/*-- Inicio Rodape --------------------*/
#footer{
	width: 960px;
	margin: auto;
	margin-top: 0;
    margin-bottom: 0;
    height: 130px;
	_height: 130px;
	background: #333 url(../imgs/site/rodape2.jpg) bottom center no-repeat;
}
#corpo{
	margin-top: 10px;
}
#corpo p{
	margin: 8px 0;
	text-align: center;
	color: #c8c8c8;
}
#corpo strong{
	font-size: 110%;
}
#corpo hr{
	height: 1px;
	border: none;
	background-color: #666;
	width: 60%;
}
#corpo a{
    color: #c8c8c8;
    text-decoration: none;
	padding: 0 6px;
}
#corpo a:hover{
    color: #f90;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
}
/*-- fim rodape -----------------------*/
form {
	width: 400px;
	}
form fieldset {
	border: 0 solid #ccc;
	padding: 0.5em;
	}
form legend {
	padding: 0 0.5em; 
	border: 1px solid #333;
	}
form label {
	display: block;
	margin-top: 0.5em
	}
form textarea, input, select, submit {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-x-system-font:none;
	background:#F4F4F4 none repeat scroll 0 0;
	border:1px solid #B2B2B2;
	font-family: "Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	line-height:normal;
	margin:5px 0;
	padding:3px;
}
form input.caracteres{
	width: 25px;
}
form input:focus, textarea:focus, label:focus {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFF none repeat scroll 0 0;
	border:1px solid #686868;
}

form input#adicionar, input#fechar {
	margin-bottom: 1em;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../imgs/site/fade-butt.png) repeat scroll 0 0;
	border-color:#CCCCCC #999999 #999999 #CCCCCC;
	border-style:double;
	border-width:3px;
	color:#333;
	width: auto;
	}
	
#lightbox_comentario{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index:9999;
	width:500px;
	margin: 60px auto;
	border:4px solid #f90;
	background-color:#FFF;
	text-align:left;
}
#overlay_comentario{
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 5000;
	background: none;
	background-image: url(../imgs/site/form_coments.png);
	background-repeat: repeat;
}
/* */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required, select.required {
	border: 1px solid #b2b2b2;
}
input.validation-failed, textarea.validation-failed, select.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed, select.validation-passed {
	border: 1px solid #b2b2b2;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	color : #fff;
	background-color: #F90;
	border: 1px solid #666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	width: 97%;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}
#fundo_apresentacao{
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 5000;
	background: none;
	background-image: url(../imgs/site/form_coments.png);
	background-repeat: repeat;
}
#apresentacao{
	position: absolute;
	top: 5%;
	left: 20%;
	z-index:9999;
	width:600px;
	height: 500px;
	background: #FFF url(../imgs/site/fundo-apresentacao.jpg) top left no-repeat;
	text-align: justify;
	font-size: 16px;
}
#apresentacao span{
	float: right;
	background-color: #F90;
	color: #333;
	padding: 5px;
	margin-top: 0;
}