html, body { width:100%; height:100%; }

.iR {
	overflow:hidden;
	font-size:0;
	text-indent:-9999px;
}

.iR-2 {
	float:left;
	position:relative;
	overflow:hidden;
	font-size:0;
	text-indent:-9999px;
}

/*************************************************************************************************************************
	WRAP TOP
*************************************************************************************************************************/

div#wrap-top {
	position:relative;
	width:100%;
	height:126px;
	background:url(../img/bg/topo.jpg) repeat-x center top;
}

div#wrap-top div#top {
	position:relative;
	width:940px;
	height:100%;
	margin:0 auto;
}

div#top h1,
div#top h1 a {
	width:170px;
	height:102px;
}

div#top h1 {
	display:block;
	float:left;
	position:relative;
	margin:12px 0 0 40px;
}

div#top h1 a {
	display:block;
	background:url(../img/global/ritter-hoteis.png) no-repeat left top;
}

div#top ul#top-nav {
	display:block;
	float:left;
	position:relative;
	width:623px;
	margin:24px 0 0 25px;
}

ul#top-nav li {
	display:inline;
	float:left;
	position:relative;
	padding:2px 10px;
	border-left:1px solid #84B36A;
}

span.logado {
	float:left;
	text-align:right;
	clear:both;
	position:relative;
	width:842px;
	margin:-68px 0 0 0;
  color:#fff;	
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

span.logado a {
  color:#fff;
	text-decoration:none;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

span.logado a:hover {
  color:#fff;
	text-decoration:underline;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

ul#top-nav li:first-child {border:none;}

ul#top-nav li a {
	display:block;
	height:14px;
}

ul#top-nav li.nav01 a {	width:39px;	background:url(../img/nav/home.gif) no-repeat left top; }
ul#top-nav li.nav02 a {	width:82px;	background:url(../img/nav/localizacao.gif) no-repeat left top; }
ul#top-nav li.nav03 a {	width:83px;	background:url(../img/nav/porto-alegre.gif) no-repeat left top; }
ul#top-nav li.nav04 a {	width:90px; background:url(../img/nav/rede-versare.gif) no-repeat left top; }
ul#top-nav li.nav05 a {	width:84px;	background:url(../img/nav/cadastre-se.gif) no-repeat left top; }
ul#top-nav li.nav06 a {	width:54px;	background:url(../img/nav/contato.gif) no-repeat left top; }
ul#top-nav li.nav07 a {	width:36px;	background:url(../img/nav/login.gif) no-repeat left top; }

ul#top-nav li a:hover { background-position:left -14px; }

div#top ul#flags,
ul#flags li {
	display:block;
	float:left;
	position:relative;
	width:65px;
}

div#top ul#flags { margin:12px 0 0 13px; }
ul#flags li { margin:5px 0 0; }

ul#flags li.uk-flag a {	background:url(../img/global/uk-flag.jpg) no-repeat left 2px; }
ul#flags li.es-flag a {	background:url(../img/global/es-flag.jpg) no-repeat left 2px; }

ul#flags li a {
	float:left;
	position:relative;
	padding:0 0 0 23px;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#71A566;
}

ul#flags li a:hover { color:#FFF; }

/*************************************************************************************************************************
	WRAP NAV
*************************************************************************************************************************/

div#wrap-nav {
	position:relative;
	width:100%;
	height:49px;
	background:url(../img/bg/menu.jpg) no-repeat center top;
}

div#wrap-nav div#nav {
	position:relative;
	width:940px;
	height:100%;
	margin:0 auto;
}

div#nav ul#main-nav {
	display:block;
	float:left;
	position:relative;
	width:940px;
	height:46px;
}

ul#main-nav li,
ul#main-nav li a {
	display:inline;
	float:left;
	position:relative;
	height:46px;
}

ul#main-nav li.menu01 a { width:78px; background:url(../img/nav/hoteis.png) no-repeat left top; }
ul#main-nav li.menu02 a { width:131px; background:url(../img/nav/apartamentos.png) no-repeat left top; }
ul#main-nav li.menu03 a { width:126px; background:url(../img/nav/gastronomia.png) no-repeat left top; }
ul#main-nav li.menu04 a { width:89px; background:url(../img/nav/eventos.png) no-repeat left top; }
ul#main-nav li.menu05 a { width:70px; background:url(../img/nav/lazer.png) no-repeat left top; }
ul#main-nav li.menu06 a { width:70px; background:url(../img/nav/fotos.png) no-repeat left top; }
ul#main-nav li.menu07 a { width:111px; background:url(../img/nav/promocoes.png) no-repeat left top; }
ul#main-nav li.menu08 a { width:173px; background:url(../img/nav/empresas-agencias.png) no-repeat left top; }
ul#main-nav li.menu09 a { width:92px; background:url(../img/nav/reservas.png) no-repeat left top; }

ul#main-nav li a:hover { background-position:left -46px; }

/*************************************************************************************************************************
	WRAP MIOLO
*************************************************************************************************************************/

div#wrap-miolo {
	position:relative;
	width:100%;
	z-index:0;
	background:url(../img/bg/miolo.jpg) no-repeat center top #F3F2E8;
}

div#wrap-miolo div#miolo {
	position:relative;
	width:940px;
	margin:0 auto;
}

div#reservas-online {
	position:absolute;
	float:left;
	cursor:pointer;
	width:282px;
	height:70px;
	z-index:1;
	top:23px;
	right:18px;
	background:url(../img/global/reservas-online.png) top left no-repeat;
}

/*************************************************************************************************************************
	LOGIN DIV
*************************************************************************************************************************/

div#login-div {
	position:absolute;
	display:none;
	z-index:9999999999999999999;
	width:286px;
	height:156px;
	top:-135px;
	left:570px;
	background:#FFF;
	background:url(../img/bg/login.png) top left no-repeat;	
}

form#login fieldset {
		float:left;
		position:relative;
		width:227px;
		margin:20px 0 0 25px; 
		font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

form#login fieldset label {
		float:left;
		position:relative;
		width:227px;
		margin:1px 0;
}

span.esq-senha {
	float:left;
	position:absolute;
	width:130px;
	top:98px;
	left:0;
}

span.esq-senha a { text-decoration:none; }
span.esq-senha a:hover { text-decoration:underline; }



form#login fieldset input.submit {
		float:right;
		position:relative;
		width:102px;
		height:18px;
		overflow:hidden;
		cursor:pointer;
		text-indent:-9999px;
		font-size:0;
		*padding:100px;
		border:0;
		margin:4px 0 0 0;
		background:url(../img/btn/continuar.jpg) top left no-repeat;
}

form#login fieldset input {
		float:left;
		position:relative;
		width:227px;
		background:#fff;
		border:1px solid #D0CCB5;
		font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#333;
		*margin-left:-25px;
		padding:2px;
		margin-bottom:6px;
}

/*************************************************************************************************************************
	RESERVAS ONLINE DIV
*************************************************************************************************************************/

div#reservas-online-div {
	position:absolute;
	display:none;
	width:282px;
	height:161px;
	top:81px;
	right:18px;
	background:url(../img/global/reservas-div.jpg) top left no-repeat;
}

div#reservas-div {
	float:left;
	position:relative;
	height:220px;
}

form#frm-reserva,
form#frm-reserva fieldset {
	display:block;
	float:left;
	position:relative;
	width:258px;
}

form#frm-reserva ul.lista-campos-reserva {
	display:block;
	float:left;
	position:relative;
	width:258px;
}

form#frm-reserva fieldset select {
	display:block;
	float:left;
	position:relative;
	width:50px;
	margin:2px 0 0;
	border:1px solid #62C146;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#44822E;
	background:#F0DFAA;
}

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:13px "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:13px "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; }


/*************************************************************************************************************************
	WRAP FOOTER
*************************************************************************************************************************/

div#wrap-footer {
	position:relative;
	width:100%;
	height:79px;
	background:url(../img/bg/rodape.jpg) repeat-x center top #F3F2E8;
}

div#wrap-footer div#footer {
	position:relative;
	width:940px;
	height:79px;
	margin:0 auto;
}

div#footer ul#footer-nav,
ul#footer-nav li,
ul#footer-nav li a {
	display:block;
	float:left;
	position:relative;
}

div#footer ul#footer-nav {
	width:653px;
	margin:5px 0 0 10px;
}

ul#footer-nav li {
	padding:0 8px;
	border-left:1px solid #509645;
}

ul#footer-nav li:first-child { border:none; }

ul#footer-nav li a {
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
}

ul#footer-nav li a:hover { color:#B8C18C; }

div#footer address {
	display:block;
	float:left;
	position:relative;
	width:653px;
	margin:10px 0 0 18px;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#B8C18C;
}

div#footer a.medialine {
	display:block;
	position:absolute;
	top:50px;
	left:544px;
	font:14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
}

div#footer a.medialine:hover { color:#B8C18C; }

div#box-siga h5,
div#box-siga ul#siga {
	display:block;
	float:right;
	position:relative;
}

div#footer div#box-siga {
	display:block;
	float:right;
	position:relative;
	width:170px;
}

div#box-siga h5 {
	width:170px;
	margin:5px 0 0;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#A1C59B;
}

div#box-siga ul#siga {
	width:168px;
	margin:10px 0 0;
}

ul#siga li,
ul#siga li a {
	width:32px;
	height:32px;
}

ul#siga li {
	display:inline;
	float:left;
	position:relative;
	margin:0 5px;
}

ul#siga li a { display:block; }
ul#siga li a.msn { background:url(../img/btn/msn.png) no-repeat left top; }
ul#siga li a.youTube { background:url(../img/btn/youTube.png) no-repeat left top; }
ul#siga li a.orkut { background:url(../img/btn/orkut.png) no-repeat left top; }
ul#siga li a.facebook { background:url(../img/btn/facebook.png) no-repeat left top; }
ul#siga li a.twitter { background:url(../img/btn/twitter.png) no-repeat left top; }