/*************************************************************************************************************************
	WRAP CONCEITUAL
*************************************************************************************************************************/

div#miolo div#wrap-conceitual,
div#miolo div.sombra-conceitual {
	display:block;
	float:left;
	position:relative;
}

div#miolo div#wrap-conceitual {
	width:932px;
	height:242px;
	margin:16px 0 0;
	border:4px solid #F3F2E8;
}

div#miolo div.sombra-conceitual {
	width:940px;
	height:13px;
	background:url(../img/bg/sombra-conceitual.png) no-repeat center top;
}

/*************************************************************************************************************************
	RESERVAS ONLINE
*************************************************************************************************************************/

div#wrap-conceitual div#reservas-online-default {
	display:block;
	top:11px;
	right:14px;
	position:absolute;
	width:282px;
	height:220px;
	background:url(../img/box/reservas.png) no-repeat left top;
}

div#reservas-online-default h2 {
	voice-family:male;
	display:block;
	width:221px;
	height:28px;
	margin:20px 0 0 40px;
	background:url(../img/title/reservas-online.gif) no-repeat left top;
}

div#reservas-online-default form#frm-reserva,
form#frm-reserva fieldset {
	display:block;
	float:left;
	position:relative;
	width:258px;
}

div#reservas-online-default form#frm-reserva { margin:10px 0 0 3px; }

form#frm-reserva ul.lista-campos-reserva {
	display:block;
	float:left;
	position:relative;
	width:258px;
}

ul.lista-campos-reserva li.box-a {
	display:inline;
	float:left;
	position:relative;
	width:115px;
	margin:20px 0 0 14px;
}

li.box-a label {
	display:block;
	float:left;
	position:relative;
	width:115px;
	margin:0;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#44822E;
}

li.box-a input.campo {
	display:block;
	float:left;
	position:relative;
	width:90px;
	margin:2px 0 0;
	border:1px solid #62C146;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#44822E;
	background:#F0DFAA;
}

li.box-a a.calendario {
	display:block;
	width:16px;
	height:15px;
	margin:4px 0 0 5px;
	background:url(../img/btn/calendario.jpg) no-repeat left top;
}

li.box-a ul.lista-campos-menores {
	display:block;
	float:left;
	position:relative;
	width:115px;
}

ul.lista-campos-menores li.box-b {
	display:inline;
	float:left;
	position:relative;
	width:51px;
}

ul.lista-campos-menores li.box-b.espaco { margin:0 0 0 13px; }
li.box-b label { width:51px; }
li.box-b input.campo { width:49px; }

li.box-a input.btn-consultar {
	display:block;
	width:103px;
	height:22px;
	margin:14px 0 0 12px;
	border:none;
	background:url(../img/btn/consultar.png) no-repeat left top;
	cursor:pointer;
}

li.box-a input.btn-consultar:hover { background-position:left -22px; }

div#reservas-online-default big {
	display:block;
	width:282px;
	height:21px;
	margin:18px 0 0;
	background:url(../img/global/0800.png) no-repeat center top;
}

/*************************************************************************************************************************
	WRAP BOX'S
*************************************************************************************************************************/

div#miolo div#wrap-promocoes,
div#miolo div#wrap-ritter-news,
div#miolo div#wrap-porto-alegre {
	display:block;
	float:left;
	position:relative;
}

div#miolo div#wrap-promocoes {
	width:514px;
	margin:14px 0 20px 0;
}

div#miolo div#wrap-ritter-news,
div#miolo div#wrap-porto-alegre {
	width:186px;
	margin:14px 0 0 27px;
}

div#miolo div#wrap-ritter-news { background:url(../img/box/ritter-news.png) no-repeat left 21px; }
div#miolo div#wrap-porto-alegre { background:url(../img/box/porto-alegre.png) no-repeat left 21px; }

/*************************************************************************************************************************
	WRAP PROMOÇÕES
*************************************************************************************************************************/

div#wrap-promocoes h3 {
	display:block;
	width:514px;
	height:36px;
	background:url(../img/title/promocoes-home.png) no-repeat left top;
}

div#wrap-promocoes ul#lista-promocoes,
ul#lista-promocoes li {
	display:block;
	float:left;
	position:relative;	
}

div#wrap-promocoes ul#lista-promocoes {
	width:495px;
	margin:20px 0 0;
}

ul#lista-promocoes li {
	width:145px;
	margin:0 0 0 20px;
}

ul#lista-promocoes li div.box-img-promocao {
	display:block;
	float:left;
	position:relative;
	width:116px;
	height:79px;
	border:1px solid #8C8C8C;
}

ul#lista-promocoes a {
	text-decoration:none;
	color:#4F4F4F;
}

ul#lista-promocoes a:hover {
	text-decoration:underline;
	color:#4F4F4F;
}


div.box-img-promocao a.img-promocao {
	display:block;
	width:114px;
	height:77px;
	margin:1px 0 0 1px;
	background:no-repeat center center #FFF;
}

ul#lista-promocoes li h6,
ul#lista-promocoes li p {
	display:block;
	float:left;
	position:relative;
	width:145px;
	color:#4F4F4F;
}

ul#lista-promocoes li h6 {
	margin:10px 0 0;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

ul#lista-promocoes li p {
	height:84px;
	margin:2px 0 0;
	overflow:hidden;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:justify;
}

ul#lista-promocoes li a.btn-confira {
	display:block;
	float:left;
	width:80px;
	height:18px;
	background:url(../img/btn/confira.jpg) no-repeat left top;
}

ul#lista-promocoes li a.btn-confira:hover { background-position:left -18px; }

div#wrap-promocoes a.btn-todas-promocoes {
	display:block;
	float:left;
	position:relative;
	width:494px;
	margin:20px 0 0;
	padding:1px 20px 1px 0;
	border-top:1px dotted #184303;
	border-bottom:1px dotted #184303;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:right;
	text-decoration:none;
	color:#1B3906;
	background:url(../img/bg/todas-promocoes.png) repeat-y left top;
}

div#wrap-promocoes a.btn-todas-promocoes:hover { color:#107601; }

/*************************************************************************************************************************
	WRAP PROMOÇÕES
*************************************************************************************************************************/

div#wrap-ritter-news h3 {
	display:block;
	width:140px;
	height:27px;
	margin:0 0 0 23px;
	background:url(../img/title/ritter-news.png) no-repeat left top;
}

div#wrap-ritter-news p {
	display:block;
	float:left;
	position:relative;
	width:160px;
	margin:20px 0 0 14px;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:justify;
}

div#wrap-ritter-news form#frm-ritter-news,
form#frm-ritter-news fieldset {
	display:block;
	float:left;
	position:relative;
	width:157px;
}

div#wrap-ritter-news form#frm-ritter-news {	margin:0 0 0 14px; }

form#frm-ritter-news label {
	display:block;
	float:left;
	position:relative;
	width:157px;
	margin:5px 0 0;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;;
	color:#5F5F5F;
}

form#frm-ritter-news input.campo {
	display:block;
	float:left;
	position:relative;
	width:155px;
	margin:0;
	border:1px solid #D1CDB6;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;;
	color:#5F5F5F;
	background:#EEEBD8;
}

form#frm-ritter-news input.campo.menor { width:123px; }

form#frm-ritter-news input.btn-ok {
	display:block;
	width:26px;
	height:18px;
	margin:1px 0 0 4px;
	border:none;
	background:url(../img/btn/ok.jpg) no-repeat left top;
	cursor:pointer;
}

form#frm-ritter-news input.btn-ok:hover {
	background-position:left -18px;
}

div#wrap-ritter-news a.banner-hotel-mantenedor {
	display:block;
	width:186px;
	height:91px;
	margin-top:-11px;
	margin-bottom:10px;
	background:url(../img/box/hotel-mantenedor.png) no-repeat left top;
}

/*************************************************************************************************************************
	WRAP PORTO ALEGRE
*************************************************************************************************************************/

div#wrap-porto-alegre h3 {
	display:block;
	width:199px;
	height:32px;
	margin:0 0 0 14px;
	background:url(../img/title/poa-home.png) no-repeat left top;
}

div#wrap-porto-alegre div.dia-atual,
div.dia-atual img {
	display:block;
	float:left;
	position:relative;
}

div#wrap-porto-alegre div.dia-atual {
	width:174px;
	margin:5px 0 0 6px;
}

div.dia-atual img { margin:0 0 0 10px; }

div.dia-atual span,
div.dia-atual span big,
div.dia-atual span small {
	display:block;
	float:left;
	position:relative;
	width:102px;
}

div.dia-atual span { margin:7px 0 0 10px; }

div.dia-atual span big {
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#000;
}

div.dia-atual span small {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#212121;
}

div#wrap-porto-alegre div.proximo-dia,
div.proximo-dia img,
div.proximo-dia span,
div.proximo-dia small {
	display:block;
	float:left;
	position:relative;
}

div#wrap-porto-alegre div.proximo-dia {
	width:174px;
	height:43px;
	margin:4px 0 0 6px;
}

div.proximo-dia img { margin:6px 0 0 10px; }

div.proximo-dia span {
	width:35px;
	margin:8px 0 0 10px;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#5F5F5F;
}

div.proximo-dia small {
	width:82px;
	margin:8px 0 0;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#212121;
}

div#wrap-porto-alegre a.banner-versare {
	display:block;
	width:186px;
	height:120px;
	margin:18px 0 0;
	background:url(../img/box/versare.png) no-repeat left top;
}
