﻿@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(bg_body.jpg) repeat-x #000; 
	text-align: center;
}

#estrutura {
	width: 770px;
	_width: 850px;
	padding-left: 80px; 
	margin: 0 auto;
	text-align:left;
	font-size:11px;
	color: #666;
}

#conteudoMeio {
	background: url(bg_corpo.gif) right top no-repeat #FFF;
	width: 530px;
	_width: 570px;
	float:left;
	padding: 0 20px;
	min-height: 1000px;
	_height: 1000px;
}

#conteudoMeio img{
	max-width: 530px;
}

#topo {
	margin: 0 auto;
	width: 850px;
	height: 180px;
	background: url(bg_topo.gif) bottom center;
}

#topo a {
	float:left;
	margin-right: 10px;
}

#lateral {
	background: url(bg_categoria.gif) no-repeat;
	padding: 270px 0 0 15px;
	float:left;
	width: 175px;
	_width: 190px;
}

h2, h3 {
	color: #AB1117;
	font-size: 27px;
	margin-bottom: 15px;
}

h3 {
	font-size: 20px;
}

.menos {
	font-size: 10px;
}

p {
	margin-bottom: 15px;
}

#conteudoMeio a {
	color: #AB1117;
	text-decoration:none;
}

#conteudoMeio a:hover {
	text-decoration:underline;
}

.coment, .indique {
	padding: 25px 25px 0 25px;
	font-size:10px;
	height: 190px;
	background: url(bg_indique.gif) no-repeat;
}

.indique {
	background-image: url(bg_indica.gif);
	color: #FFF;
	height: 100px;
}

.coment label, .indique label{
	margin:  0 10px 5px 0;
	display: block;
	width: 220px;
	float:left;

}

.coment label input, .coment textarea, .indique label input, .indique textarea{
	width: 215px;
	border: 1px solid #666;
	padding: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.coment textarea, .indique textarea{ width: 455px; }

hr {
    border: 1px solid #fff;
	height: 5px;
	color: #CCC;
	background-color: #CCC;
	margin-bottom: 15px;
	clear:both;
}

.btcoment, .btindica {
	height: 13px;
	float: right;
	font-size:10px;
	display: block;
	background: url(coment.gif) no-repeat;
	padding-left: 20px;
}

.btindica {
	background-image: url(indica.gif);
	float:left;
}

#lateral li{
	background:url(seta_lista.gif) center left no-repeat;
	padding-left: 10px;
}

#lateral ul {
	margin-bottom: 15px;
}

#lateral li a {
	padding-top: 3px;
	text-decoration: none;
	font-size: 12px;
	display: block;
	height: 22px;
	color:#FFF;
}

#lateral li a:hover {
	text-decoration:underline;
}

.btenviar, .btindicar {
	margin-top: 5px;
	border: none;
	background: url(bt_enviar.gif) no-repeat center;
	height: 20px;
	width: 70px;
}

.btindicar {
	background-image: url(bt_enviar_indica.gif);
}

.rodape {
	margin-bottom: 15px;
	padding-top: 20px;
	color: #FFF;
	background: url(rodape.gif) no-repeat;
	clear: both;
	font-size: 10px;
	width: 570px;
}

.tif {
	float: right;
}

.rodape a{
	color: #FFCC00;
	text-decoration:none;
}

.rodape a:hover{
	text-decoration:underline;
}

.calendario {
	color: #C0C0C0;
	margin-bottom:15px;
}

.calendario .ano {
	font-size:11px;
	background-color:#1A1A1A;
	padding: 3px;
}

.calendario th {
	font-size: 14px;
	color:#fff;
	text-align:left;
}

.calendario td {
	font-size:10px;
	text-align: center;
	padding: 4px 0;
	
}

.calendario td a {
	text-decoration:none;
	color: #FFF;
}

.calendario .post{
	color: #FFCC00;
}


.calendario td a:hover {
	color: #FFCC00;
}

.calendario .dia {
	color:#808080;
}

.calendario .diaSemana {
	color: #fff;
	border-bottom: 1px solid #333; 
}

.calendario .hoje {
	color:#000;
	background: url('calendario_hoje.gif') no-repeat center;
}
.calendario .hoje a{color:#000;}
.calendario .hoje a:hover{text-decoration:underline; color:#000;}

.comentarioPronto {
	font-size:10px;
	border-bottom: 1px dashed #CCC;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.comentarioPronto b{
	color: #AB1117;
}

#mailing {
	margin-bottom: 25px;
}

#mailing .campo{
	height: 19px;
	padding: 3px;
	font-size: 11px;
	width: 165px;
	border: none;
	background-color: #333;
	color: #FFF;
}

#mailing .alert {
	font-size: 10px;
	color: #FFCC00;
	margin-top: 5px;
}