@charset "iso-8859-1";
/* CSS Document */
body {
	background-color: #FFFFFF;
	text-align:center; /* hack para o IE */
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0px;
	background-image: url(imagens/fundo_geral.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.logo {
	height: 140px;
	width: 982px;
	background-image: url(imagens/logo.gif);
	background-repeat: repeat;
}
#fundo_home {
	height: 517px;
	width: 982px;
	background-image: url(imagens/revistas.jpg);
	background-repeat: repeat;
}
#tudo {
	width: 982px;
	margin:0 auto;
	text-align:left; /* "remédio" para o hack do IE */
}
#conteudo_geral {
	background-color: #FFF;
	width: 982px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
}
#conteudo_revista {
	background-color: #FFF;
	width: 558px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
}
#revista_online {
	float: left;
	width: 80px;
	margin-left: 30px;
	padding-top: 76px;
	padding-bottom: 20px;
	height: 80px;
}
#imagem_revista_grande {
	float: left;
	width: 270px;
	margin-left: 32px;
	padding-top: 76px;
	padding-bottom: 20px;
}
#menu {
	width: 740px;
	height: 38px;
	padding-top: 13px;
	padding-right: 25px;
	float: left;
}
#banner_atendimento_menu {
	float: left;
	height: 38px;
	width: 180px;
	margin-left: 25px;
	padding-top: 6px;
}
a {
	text-decoration:none;
	color:#666699;
	text-decoration:underline;
	font-weight: bold;
}
a:hover {
	color:#666699;
	text-decoration:none;
}
#rodape {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8C8C8;
	text-align: center;
	font-size: 11px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 18px;
}
#texto_menor {
	font-size: 11px;
}
#titulo_brooklin {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #009966;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_campo_belo {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #FF0000;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_interlagos {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #FF9900;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_itaim {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #FFCC33;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_jabaquara {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #003399;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_moema {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #8A8583;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_santo_amaro {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #666699;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_saude {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #996666;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_vila_mascote {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #0099CC;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_vila_nova_conceicao {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #c9c92d;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_vila_olimpia {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_mooca {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #80B092;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_tatuape {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #FF0099;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_vila_prudente {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #FFA6A6;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo_sao_caetano {
	width: 982px;
	float: left;
	font-size: 18px;
	color: #6F1947;
	padding-top: 10px;
	padding-bottom: 20px;
}
#titulo {
	font-size: 18px;
	color: #666699;
	padding-top: 10px;
	margin-bottom: 20px;
}
#chamada {
	font-size: 18px;
	color: #666699;
	margin-bottom: 20px;
	font-weight: bold;
}
#chamada_revistas {
	font-size: 12px;
	color: #FFF;
	margin-bottom: 20px;
	font-weight: bold;
	background-color: #666699;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#chamada_empresas {
	font-size: 16px;
	color: #666699;
	font-weight: bold;
	margin-top: 13px;
}
#titulo_com_linha {
	width: 50%;
	font-size: 18px;
	color: #666699;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}
#linha_horizontal {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
}
#chamada_duvidas {
	font-size: 18px;
	color: #666699;
	padding-top: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}
#linha_horizontal_duvidas {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	padding-top: 5px;
	padding-bottom: 15px;
	font-size: 12px;
}
#linha_anuncio {
	height: 20px;
}
#contorno_capa_grande {
	border: 6px solid #FFF;
}
#submenu {
	border: 1px solid #C8C8C8;
}
.global
{
	width: 100%;
}
.imagens
{
	width: 30%;
	float: left;
	margin: 5px;
}
img.shadow {
	background: url(imagens/shadow.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}
 /* menu horizontal-vertical by micox */
 .menu-hv * { margin: 0; padding: 0;}
 .menu-hv a { display: block; }
 .menu-hv li { list-style: none; float: left; height: 1%; }
 .menu-hv li ul { position: absolute; visibility: hidden;}
 .menu-hv li ul li { float: none; white-space: nowrap; display: inline; /* o inline é pro IE */}
 .menu-hv li ul li ul { position: absolute; left: 100%; top: 0; }
 .menu-hv li:hover ul, .menu-hv li.over ul { visibility: visible;}
 .menu-hv li:hover ul ul, .menu-hv li.over ul ul { visibility: hidden;}
 .menu-hv ul ul li:hover ul, .menu-hv ul ul li.over ul { visibility: visible;}
 /* visual */
 .menu-hv {
	width: 740px;
	margin: 0 0 0 0px;
	height: 30px;
	background-color: #E1E1E1;
}
             .menu-hv a { font-weight: bold;  text-decoration: none; color: #666699;
                                        padding: 0 10px; line-height: 23px;}
             .menu-hv a:hover { background-color: #666699; color: #FFF;}
             .menu-hv ul li ul {  background-color: #FFFFFF; border: 1px solid #666699; }