/* JUIZ DE FORA CONVENTION
************************************
Agência: ATO | Interativo
Country: Brasil
Last CSS update: 08/2007 
************************************/
* {
margin: 	0px;
border: 	0px;
padding: 	0px;
font: 		11px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color: 		#333;
}
body {
margin: 	0px;
padding: 	0px;
background: #F3F3F3 /*url(img/background.jpg) left top repeat-x*/;
}
#tudo {
width: 		960px;
height:		auto;
margin: 	0 auto;
}

#site {
width: 		780px;
height:		auto;
padding:	0px;
margin: 	0 auto;
border-top:	none;
border-left:5px solid #d4d4d4;
border-right:5px solid #d4d4d4;
border-bottom:none;
background:	#FFF;
text-align:	left;
float:		left;
}

/* BANNER VERTICAL */
#bannervertical {
width:		164px;
float:		left;
background:	url(img/bv_centro.jpg) right repeat-y;
}
div.bvevento {
width:			144px;
padding:		1px 4px 2px 4px;
color:			#333;
background:		#d6e3ef;
margin:			10px 0 5px 4px;
}
strong.cinza {
color:			#333;
}
 
/* RODAPÉ */
#rodape {
background:	/*#58A20F*/;
border:		none;
border-top: /*5px solid #d4d4d4*/;
clear:		both;
}
#rodape p {
width: 		auto;
margin: 	0 auto;
padding:	10px;
color:		#666;
background:	#D4D4D4;
}
/* TOPO */
#topo {
width: 		780px;
height: 	auto;
margin: 	0px;
padding: 	0px;
background: #FFF;
}
#topo #logo1 {
width: 		780px;
height: 	250px;
margin: 	0px;
padding: 	0px;
background: url(img/topo_01.jpg) no-repeat;
}
#topo #logo2 {
width: 		780px;
height: 	250px;
margin: 	0px;
padding: 	0px;
background: url(img/topo_02.jpg) no-repeat;
}
#topo #logo3 {
width: 		780px;
height: 	250px;
margin: 	0px;
padding: 	0px;
background: url(img/topo_03.jpg) no-repeat;
}
#menu {
width:		190px;
height:		auto;
padding:	0px;
margin:		0px;
background:	transparent;
float:		left;
}
ul#masterdiv,
ul#masterdiv li ul  {
width:		auto;
height:		auto;
padding:	5px;
margin:		0px;
}
ul#masterdiv li {
padding:	5px 10px;
margin:		0px 0px 1px 0px;
background: #F1F9E8;
border-bottom:1px solid #CDE9A7;
list-style:	none;
font:		bold 12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial !important;
color:		#666;
}
ul#masterdiv  li a,
ul#masterdiv  li a:visited {
text-decoration:none;
color:		#666666;
text-transform: uppercase;
font-weight:bold;
}
ul#masterdiv  li a:hover {
text-decoration:none;
color:		#58A20F;
text-transform: uppercase;
}
ul#masterdiv li ul li {
padding:	2px 5px;
margin:		0px 0px 1px 0px;
background:	#CDE9A7;
border:		none;
list-style:	none;
font:		normal 11px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial !important;
}
ul#masterdiv li ul li a,
ul#masterdiv li ul li a:visited {
text-decoration:none;
color:		#666666;
text-transform: lowercase;
}
ul#masterdiv li ul li  a:hover {
text-decoration:none;
color:		#58A20F;
text-transform: lowercase;
}
.menutitleduvidas {
cursor: pointer;
text-transform: uppercase;

}
/* CENTRO */
#centro,
#centrocima,
#conteudo {
width: 		557px;
height: 	auto;
margin:		0px 5px 0px 0px;
padding:	0px;
float: 		right;
}
.colunashome {
width: 		165px;
height: 	360px;
border: 	none;
background: #FFF;
margin: 	0px 5px 0px 3px;
padding: 	5px;
font:		11px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
float: 		left;
}
.colunashome img,
#conteudo img  { 
background: #F1F9E8;
margin:		10px 0px 10px 5px;
border:		3px solid #F1F9E8;
}
/* CENTRO >> PARTE ABAIXO DO MENU */
#centrobaixo {
width: 		780px;
padding:	0px;
margin:		10px 0px 0px 0px;
clear: 		both;
}
#baixohome_esquerda {
width: 		360px;
height: 	auto;
padding: 	5px;
margin:		10px 5px;
float: 		left;
}
#baixohome_direita {
width: 		360px;
height: 	auto;
padding: 	5px;
margin:		10px 5px;
float: 		right;
}
/* 
classe .horizontaishome para definir como se comporta a lista de noticias do index 
*/
.horizontaishome { 
width: 		340px; 
height: 	65px; 
margin:		0px 0px 5px 0px;
padding:	5px;
background:	#d6e3ef;
overflow:	hidden;
}
.horizontaishome p { 
width: 		170px;
background:	transparent;
float: 		left; 
}
.horizontaishome img {
background: #DCF1F8;
margin:		0px 0px 5px 5px;
border:		3px solid #FFF;
width: 		158px; 
float: 		left; 
}
/*
deveria se chamar no mínimo "acidade", 
esse box exibe uma foto da cidade
*/
#baixohome_direita #busca_cidade {
padding:	5px;
margin:		0px;
width:		auto;
height:		225px;
background: #F1F0EC url(img/bg_pontos.jpg) left top no-repeat;
overflow:	hidden;
}

#baixohome_direita #busca_cidade ul { 
padding: 	15px 0 0 15px; 
list-style: none; 
}
#baixohome_direita #busca_cidade ul li { 
margin-top: 7px;
}
/* lista galerias de foto */
ul.lista_galeria {
width:		168px;
height:		auto;
padding:	0px !important;
margin:		0px;
float:		right;
}
ul.lista_galeria li {
padding:	5px;
margin:		0px 0px 1px 0px;
background: #f3f3f3;
border-bottom:1px solid #DCF1F8;
list-style:	none;
font:		bold 12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial !important;
color:		#666;
}
ul.lista_galeria li.sem_estilo {
padding:	0px;
margin:		0px;
background: transparent;
border:		none;
list-style:	none;
}
ul.lista_galeria li a,
ul.lista_galeria li a:visited {
text-decoration:none;
}
ul.lista_galeria li img {
border:		none;
vertical-align:middle;
}
/* lista atrativos */
ul.lista_atrativos {
width:		auto;
height:		auto;
padding:	0px !important;
margin:		0px;
}
ul.lista_atrativos li {
padding:	0px 5px;
margin:		0px 0px 1px 0px;
background: transparent;
border-bottom:1px solid #F1F9E8;
list-style:	none;
font:		bold 12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial !important;
color:		#666;
}
ul.lista_atrativos li.sem_estilo {
padding:	0px;
margin:		0px;
background: transparent;
border:		none;
list-style:	none;
}
ul.lista_atrativos li a,
ul.lista_atrativos li a:visited {
text-decoration:none;
}
ul.lista_atrativos li img {
border:		none !important;
vertical-align:middle;
background:	transparent;
}
/* lista de noticias, para todoas as noticias */
ul.lista_noticias {
width:		auto;
height:		auto;
padding:	0px !important;
margin:		0px;
}
ul.lista_noticias li {
padding:	0px;
margin:		0px;
background: transparent;
border-bottom:1px solid #D6E3EF;
list-style:	none;
font:		bold 12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial !important;
color:		#666;
}
ul.lista_noticias li span img {
background:	transparent !important;
vertical-align: middle;
border:		none !important;
}
ul.lista_noticias li span {
padding:	0px;
margin:		0px;
color:		#0099CC;
font-weight:bold;
}
ul.lista_noticias li a,
ul.lista_noticias li a:visited {
text-decoration:none;
}
ul.lista_noticias li a:hover {
text-decoration:none;
}

/*
banners do rodapé 
*/
#banners_baixo {
width: 		760px;
height: 	auto;
padding: 	10px;
margin: 	5px 0px;
text-align:	justify;
clear:		both;
}
#banners_baixo img {
padding:	0px 5%;
}
.colunasgaleria {
width: 		30%;
height: 	auto;
border: 	none;
background: #DCF1F8;
margin: 	0px 5px 5px 0px;
padding: 	5px;
font:		11px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
text-align: center;
float: 		left;
height:		220px;
}
.colunasgaleria img {
background: #DCF1F8;
margin:		0px;
border:		3px solid #97D6EA !important;
}
/*
BUSCA >> lista com os resultados
*/
ul.lista_resultbusca {
width:		98%;
height:		auto;
padding:	0px !important;
margin:		0px;
}
ul.lista_resultbusca li {
padding:	5px;
margin:		0px 0px 1px 0px;
background: #fff;
border-bottom:1px solid #f3f3f3;
list-style:	none;
font:		11px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial !important;
color:		#666;
}
ul.lista_resultbusca li a,
ul.lista_resultbusca li a:visited {
text-decoration: none;
color:		#0099CC;
font-weight:bold;
}
ul.lista_resultbusca li a:hover {
text-decoration: none;
color:		#666;
font-weight:bold;
}
/* TIPOGRAFIA */
h1, h2, h3, h4 {
padding:	0px;
margin:		0px 0px 5px 0px;
}
h1 { 
font: 		bold 15px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial; 
color: 		#FFF;
padding:	5px;
border-bottom:1px solid #58A20F;
background:	#58A20F;
text-transform:uppercase;
}
h1.azul,
h1.azul a,
h1.azul a:visited,
h1.azul a:hover { 
font: 		bold 15px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial; 
color: 		#FFF;
padding:	5px;
border-bottom:1px solid #0099CC;
background:	#0099CC;
text-transform:uppercase;
}
h2 { 
font: 		bold 13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial; 
color: 		#58A20F;
border-bottom:1px solid  #58A20F;
text-transform:uppercase;
}
h2.azul { 
font: 		bold 13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial; 
color: 		#0099CC;
border-bottom:1px solid  #0099CC;
text-transform:uppercase;
}
h2.cz18 { 
font: 		13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial; 
color: 		#555;
}
h3 { 
font: 		bold 12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial; 
color: 		#58A20F;
}
h3 img {
vertical-align: middle;
}
h3.azul { 
font: 		bold 13px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial; 
color: 		#0099CC;
border:		none;
text-transform: none;
}
h3.cinza { 
font: 		bold 12px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial;
color: 		#666;
margin:		0;
}
h4 { 
font: 		bold 11px "Trebuchet MS", Tahoma, Verdana, Lucida Sans, Arial; 
}
.cinza, .cinza a, .cinza a:visited, .cinza a:hover { 
color: 		#666;
text-decoration:none;
font-weight:bold;
}
.azuls, .azuls a, .azuls a:visited, .azuls a:hover {
color: 		#0099CC;
text-decoration:none;
font-weight:bold;
}
.cinza_claro_borda { 
color: 		#CCC;
border-bottom:	1px solid #CCC;
}

/* GERAL */
.clear {
clear:		both;
font-size:	1pt;
height:		1pt;
}
a { 
text-decoration: none;
color: 		#666; 
}
a:hover { 
text-decoration: none;
color: 		#000; 
}
p {
padding:	1px 0px;
margin:		0px;
}
em { 
font: 		bold 10px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial; 
color: 		#0099CC; 
}
.erro {
width:		auto;
height:		auto;
padding:	10px;
margin:		0px 0px 2px 0px;
background:	#FFD9D9;
border:		1px solid #CC0000;
color:		#CC0000;
font-weight:bold;
}
.sucesso {
width:		auto;
height:		auto;
padding:	10px;
margin:		0px;
background:	#CEFFCE;
border:		1px solid #006600;
color:		#006600;
font-weight:bold;
}
/* geral >> tabelas */
table {
width:		98%;
height:		auto;
padding:	2px;
margin:		0px;
border:		1px solid #ccc;
}
table  tr {
border:		none;
background:	#f3f3f3;
}
table tr td {
text-align:	left;
padding:	2px;
margin:		2px;
border:		1px solid #ccc !important;

}
table span,
table tbody {
border:		none;
}
/* FORMULÁRIO */
input.contato {
width: 200px;
border: 1px solid #ccc;
}
textarea.textcontato {
width: 200px;
height: 200px;
border: 1px solid #ccc;
}
input,
textarea,
select {
width: 		auto;
height:		auto;
margin: 	5px 2px;
padding: 	2px;
background: #FFF;
color:		#006699;
border: 	1px solid #ccc;
}
option {
padding:    1px 2px;
margin:		1px 0px;
border-bottom:1px dashed #d4d4d4;
background: #F1F9E8;
}
label.labellogin,
label.labelcontato,
label.labelindique,
label.labelcadevento  {
width:		90px;
height:		auto;
margin: 	5px 3px 0px 0px;
padding: 	0px;
text-align:	right;
float:		left;
}
label.labelindique  {
width:		100px;
}
label.labelcadevento {
width:		120px;
}
form input.submit,
#buscarevento {
width: 		auto;
height:		auto;
margin: 	5px 2px;
padding: 	2px;
background: #58A20F url(img/bg_input_verde.jpg) left top repeat-x;
color: 		#FFF;
border:		1px solid #58A20F;
font-weight:bold;
cursor:		pointer;
}

/* classe para rádio/checkbox */
.radio {
padding:	2px;
margin:		0px 0px 1px 0px;
vertical-align:middle;
background:	transparent;
border:		none;
}
/* formatação para botão da enquete */
.enquetebotao,
form input.enquetebotao {
width: 		auto;
padding: 	2px;
margin: 	0px;
background: #58A20F url(img/bg_input_verde.jpg) left top repeat-x;
color: 		#FFF;
border:		1px solid #58A20F;
font-weight:bold;
cursor:		pointer;
}
/* fica dentro da div busca_cidade no index */
.pontoturistico {
width:		170px;
height:		auto;
padding:	60px 0px 0px 0px;
margin: 	0px;
text-align: left;
float:		left;
}
.pontoturistico input {
width: 		150px;
margin: 	5px 0px;
padding: 	2px;
background: #FFF url(img/ico_lupa.gif) right center no-repeat;
color:		#006699;
border: 	1px solid #006699;
}
.procurar,
.pontoturistico .procurar {
width: 		auto;
margin: 	0px;
background: #006699 url(img/bg_input_azul.jpg) left top repeat-x;
color: 		#FFF;
border:		1px solid #006699;
font-weight:bold;
cursor:		pointer;
}
.indique {
width: 		auto;
padding: 	2px;
margin: 	0px;
background: #FF6600 url(img/bg_input_laranja.jpg) left top repeat-x;
color: 		#FFF;
border:		1px solid #FF6600;
font-weight:bold;
cursor:		pointer;
}
/*#busca input {
width: 150px;
padding: 1px;
background: #FFF;
}
#busca input.eventostring { 
margin-left: 72px;
}
#busca input.botao {
width: 45px;
margin-left: -40px;
background: #ccc;
color: #FFF;
}
#busca input.botao2 {
width: 30px;
margin: 0;
background: #ccc;
color: #FFF;
}*/
/* WATAHELL ? */
strong { font-weight: bold; }
strong.cz18 { font: 18px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial; color: #555; margin: 0 10px;  }
/*ul a { text-decoration: none; font: bold 11px "Trebuchet MS", Tahoma, Verdana, "Lucida Sans", Arial; color: #777; }
ul a:hover { text-decoration: underline; }*/

/*  
painel rotativo
******************************************************/
body {background:#FFF;}
#painel {
width:520px;
height:200px;
background-color:#FFF;
}
#painel2 {
width:220px;
height:91px;
background-color:#FFF;
}

div>#painel, div>#painel2 {
top:0;
} /*hack*/
#painel-conteudo, #painel-parceiros {
display:none;
}
#painel #imgslide {
width:520px;
height:200px;
margin:0 0 0.6em 0;
}
#painel2 #imgslide2 {
width:220px;
height:91px;
margin:0 0 0.6em 0;
}

#painel #to-blend, #painel2 #to-blend2 {
opacity:0.80;zoom:1;
}