/********************
	RESERVAS ON-LINE
********************/

div#content form#reserva-on-line {
	width:208px;
	height:328px;
	margin:18px 0 0 33px;
	background:url(../img/bg/reservas-on-line-i.png) no-repeat left top;
}

div#content div#reserva-2 {
	width:208px;
	height:328px;
	margin:18px 0 0 33px;
}

form#reserva-on-line h2 {
	width:181px;
	height:21px;
	margin:20px 0 0 12px;
	background:url(../img/txt/reservas-on-line-i.png) no-repeat left top;
}

form#reserva-on-line fieldset {
	width:181px;
	margin:10px 0 0 12px;
}

form#reserva-on-line label {
	margin:12px 0 2px;
	font:11px Arial, Helvetica, sans-serif;
	text-indent:4px;
	color:#002F00;
}

form#reserva-on-line input.campo {
	height:15px;
	margin:0;
	padding:4px 6px 3px;
	border:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#002F00;
}

form#reserva-on-line input.btn-consultar {
	width:100px;
	height:21px;
	margin:18px 0 0 41px;
	border:0;
	cursor:pointer;
	background:url(../img/btn/consultar.png) no-repeat left top;
}

form#reserva-on-line input.btn-consultar:hover { background-position:left bottom; }

form#reserva-on-line span.select-hotel {
	width:169px;
	height:15px;
	padding:4px 6px 3px;
	font:11px Arial, Helvetica, sans-serif;
	color:#002F00;
	cursor:pointer;
	background:url(../img/bg/campo-hotel-i.png) no-repeat left top;
}

form#reserva-on-line span.select-hotel:hover { background-position:left bottom; }

form#reserva-on-line label.grande { width:179px; }
form#reserva-on-line div.pequeno, form#reserva-on-line label.pequeno { width:74px; }

form#reserva-on-line div.espacamento { margin:0 0 0 20px; }

form#reserva-on-line input.campo.data { width:125px; background:url(../img/bg/campo-data.png) no-repeat left top; margin:0 30px 0 0; }
form#reserva-on-line input.campo.pequeno { width:62px; background:url(../img/bg/campo-pessoas.png) no-repeat left top; }

/**********************
	PREVISAO DO  TEMPO
**********************/

div#content div#previsao-tempo {
	width:183px;
	margin:46px 0 0 45px;
	z-index:1;
}

div#previsao-tempo h3 {
	width:183px;
	height:23px;
	margin:0;
	background:url(../img/txt/previsao-do-tempo.png) no-repeat left top;
	z-index:1;	
}

div#previsao-tempo form#cidade-previsao-tempo {
	width:183px;
	z-index:1;
}

form#cidade-previsao-tempo fieldset {
	width:183px;
}

form#cidade-previsao-tempo span.select-cidade {
	width:171px;
	height:19px;
	margin:12px 0 0;
	padding:4px 6px 0;	
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;
	cursor:pointer;
	background:url(../img/bg/campo-cidades.png) no-repeat left top;
}

form#cidade-previsao-tempo span.select-cidade:hover { background-position:left bottom; }

div#previsao-tempo div.dia-atual {
	width:173px;
	margin:5px 0 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #E3E1DD;
}

div.dia-atual span,
div.dia-atual span big,
div.dia-atual span small { width:106px; }

div.dia-atual span { margin:7px 0 0 15px; }

div.dia-atual span big {
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#5D5D5D;
}

div.dia-atual span small {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#212121;
}

div#previsao-tempo div.proximo-dia {
	width:173px;
	height:32px;
	margin:4px 0 0;
	padding:0 0 2px 0;
	border-bottom:1px solid #E3E1DD;
}

div.proximo-dia img { margin:0 0 0 10px; }

div.proximo-dia span {
	width:35px;
	margin:0 0 0 10px;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#137432;
}

div.proximo-dia small {
	width:82px;
	margin:0 0 0;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#212121;
}

div.select-cid {
	float:left;
	position:absolute;
	z-index:9999;
	top:36px;
	left:0;
	display:none;
	width:170px;
	border:1px solid #DCDBD7;
	padding:5px;
	background:#fdfdfd;
	font:11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;	
}

div.select-cid a.sli {
	font:11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;
	text-decoration:none;
	cursor:pointer;
}

div.select-cid a.sli:hover {
	text-decoration:underline;
	cursor:pointer;	
}


div.select-hot {
	float:left;
	position:absolute;
	z-index:9999;
	top:54px;
	left:0;
	display:none;
	width:168px;
	border:1px solid #DCDBD7;
	padding:5px;
	background:#fdfdfd;
	font:11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;	
}

div.select-hot a.slih {
	font:11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;
	text-decoration:none;
	cursor:pointer;
}

div.select-hot a.slih:hover {
	text-decoration:underline;
	cursor:pointer;	
}

/* RE ORDENAÇÃO DOS SUB ITENS VESARE*/
div#box-rede-versare div#box-executivos,div#box-rede-versare div#box-logotipo,div#box-rede-versare div#box-hoteis,div#box-rede-versare div#box-missao,div#box-rede-versare div#box-diretoria{
	position:relative;
	float:left;
	width:216px;
	height:207px;
}

div#box-rede-versare div#box-executivos{background:url(../img/bg/executivos.png) no-repeat;}
div#box-rede-versare div#box-logotipo{background:url(../img/bg/logo.png) no-repeat;}
div#box-rede-versare div#box-hoteis{background:url(../img/bg/hoteis.png) no-repeat;}
div#box-rede-versare div#box-missao{background:url(../img/bg/missao.png) no-repeat;}
div#box-rede-versare div#box-diretoria{background:url(../img/bg/executivos.png) no-repeat;}