/*-----------------------------------------------------------------------------
CSS para site da empresa Elite Palace Hotel

version:   1.0
author:    Dener Patrick
email:     falecom@dpatrick.com.br
website:   http://www.dpatrick.com.br/
-----------------------------------------------------------------------------*/

/* =Gereal
-----------------------------------------------------------------------------*/


/* Remove padding e margin */
* {
  margin: 0;
  padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: small Georgia, "Times New Roman", Times, serif;
	background: #E8D1AF url(img/bg.png) repeat-x left top;
}


/* =Headings
-----------------------------------------------------------------------------*/
#heading 	 {
	width:776px;
	margin:0 auto;
	height: 70px;
}
#heading img { float:left; }
* html #heading img { margin-left:0.1em;}
#heading ul {
	margin:1.5em 0 0 10.6em;
	padding:0;
	list-style:none;
	float:left;
}
* html #heading ul {
	margin:1.3em 0 0 10.3em;
	padding:0;
	list-style:none;
	float:left;
}

#heading li { float:left; }
#heading li a {
	display:block;
	float:left;
	padding:0 1.3em;
	font-size: 85%;
	font-weight:bold;
	line-height: 2.1em;
	background:url(img/icone-nav-principal.gif) no-repeat left center;
	text-decoration: none;
	color: #e1b02b;
}

#heading li a:hover {
	color: #F7E9C4;
}






/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/




/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/
#maincontent {
	margin: 0 auto;
	background: url(img/bg-conteudo.gif) no-repeat center 1.6em;
}
#maincontent #submain {
	width:776px;
	margin:0 auto;
	height: 400px;
}
#maincontent #flash {
	width:281px;
	height:400px;
	float:left;
	position:absolute;
	z-index:0;
	padding-top: 1.2em;
	padding-left: 0.3em;
}
#maincontent #conteudohotel, #maincontent #conteudoconsulta, #maincontent #conteudocomochegar  {
	float:left;
	z-index:99;
	height: 400px;
	position:absolute;
}


#maincontent #formconsulta {
		margin:0 0 0 23.4em;

}
#maincontent #submain #conteudohotel h1, #maincontent #submain #conteudoconsulta h1, #maincontent #submain #conteudocomochegar h1{
	font-size: 215%;
	color: #FFFFFF;
	font-weight: normal;
	margin-left: 10.3em;
	margin-top: 0.9em;
	margin-bottom: 0.8em;
}

#maincontent #conteudohotel p {
	margin:0 0 0 22.1em;
	padding:0px;
	line-height: 1.9em;
	color: #e4c799;
	width: 452px;
	height: 182px;
	font-size: 100%;

}

#maincontent #conteudohotel ul {
	margin:0.9em 0 0 10.1em;
	padding:0;
	list-style:none;
}
#maincontent #conteudohotel ul li{
	background: url(img/moldura-fotos.png) no-repeat 0px 0px;
	float: left;
	height: 87px;
	width: 87px;


}


#maincontent #conteudohotel ul a{
	float: left;
	text-indent: -900000px;
	height: 53px;
	width: 64px;
	padding-top: 1.6em;
	margin-top: 0.8em;
	margin-left: 1.0em;

}

#maincontent #conteudohotel ul a.ohotel:link, #maincontent #conteudohotel ul a.ohotel:visited{
	background: url(img/fotos/mini-hotel.jpg) no-repeat 0px 0px;
}

#maincontent #conteudohotel ul a.ohotel:hover{
	background: url(img/fotos/mini-hotel-hover.jpg) no-repeat 0px 0px;

}


#maincontent #conteudohotel ul a.entrada:link, #maincontent #conteudohotel ul a.entrada:visited{
	background: url(img/fotos/mini-entrada.jpg) no-repeat 0px 0px;
}

#maincontent #conteudohotel ul a.entrada:hover{
	background: url(img/fotos/mini-entrada-hover.jpg) no-repeat 0px 0px;

}


#maincontent #conteudohotel ul a.recepcao:link, #maincontent #conteudohotel ul a.recepcao:visited{
	background: url(img/fotos/mini-recepcao.jpg) no-repeat 0px 0px;
}

#maincontent #conteudohotel ul a.recepcao:hover{
	background: url(img/fotos/mini-recepcao-hover.jpg) no-repeat 0px 0px;

}

#maincontent #conteudohotel ul a.quarto1:link, #maincontent #conteudohotel ul a.quarto1:visited{
	background: url(img/fotos/mini-quarto1.jpg) no-repeat 0px 0px;
}

#maincontent #conteudohotel ul a.quarto1:hover{
	background: url(img/fotos/mini-quarto1-hover.jpg) no-repeat 0px 0px;

}


#maincontent #conteudohotel ul a.quarto2:link, #maincontent #conteudohotel ul a.quarto2:visited{
	background: url(img/fotos/mini-quarto2.jpg) no-repeat 0px 0px;
}

#maincontent #conteudohotel ul a.quarto2:hover{
	background: url(img/fotos/mini-quarto2-hover.jpg) no-repeat 0px 0px;

}

#maincontent #conteudohotel ul a.cozinha:link, #maincontent #conteudohotel ul a.cozinha:visited{
	background: url(img/fotos/mini-cozinha.jpg) no-repeat 0px 0px;
}

#maincontent #conteudohotel ul a.cozinha:hover{
	background: url(img/fotos/mini-cozinha-hover.jpg) no-repeat 0px 0px;

}

#maincontent #conteudohotel ul a.estacionamento:link, #maincontent #conteudohotel ul a.estacionamento:visited{
	background: url(img/fotos/mini-estacionamento.jpg) no-repeat 0px 0px;
}

#maincontent #conteudohotel ul a.estacionamento:hover{
	background: url(img/fotos/mini-estacionamento-hover.jpg) no-repeat 0px 0px;

}





#maincontent #conteudohotel ul a:hover{
	background: none;
	

}
#maincontent #submain #conteudocomochegar iframe {
	margin-left: 22em;
	border: 7px solid #640D01;
	background: #510D05;
	padding: 0.2em;
	margin-top: 1.9em;
}
*html #maincontent #submain #conteudocomochegar iframe {
	margin-top: 0.9em;
}

+html #maincontent #submain #conteudocomochegar iframe {
	margin-top: 0.9em;
}





/* =Secondary Content
-----------------------------------------------------------------------------*/

#secondarycontent {
	background: url(img/bg-main-2.gif) no-repeat center 5.5em;
	margin:0 auto;
	padding:1.5em 0;
	width:776px;

}
* html #secondarycontent {
	background: url(img/bg-main-2ie.gif) no-repeat center 5.5em;
}
+html #secondarycontent {
	background: url(img/bg-main-2ie7.gif) no-repeat center 5.5em;
}

#subcontent1 {
	margin:0;
	background:url(img/hotel_07.jpg) no-repeat left top;
	padding-top: 5em;
	padding-left: 13em;
	float: left;
	padding-bottom: 4.5em;
}
#subcontent1 p {
	color:#9E0000;
	background: url(img/precos-especiais.gif) no-repeat 0px 0px;
	text-indent: -900000px;
	height: 46px;
	width: 186px;
	margin: 0px;
	padding: 0px;

}
#subcontent1 a {
	text-decoration: none;
	font-weight: normal;
	font-size: 85%;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 6.9em;
}
#subcontent1 a:hover {
	background: url(img/underline.gif) repeat-x left bottom;

}

#subcontent2 {
	margin:0 0 0 4.4em;
	padding:0;
	float:left;
	width:347px;
}
#subcontent2 p {
	margin:0.9em 0 0;
	padding:0;
	text-indent: -90000px;
	background: url(img/tranquilidade.gif) no-repeat 0px 0px;
	height: 100px;
	width: 321px;
	position: absolute;
	z-index: 97;
}
#secondarycontent #subcontent2 address {
	width: 216px;
	margin-left: 8em;
	margin-top: 7.3em;
	margin-bottom: 0em;
	position: absolute;
	background: url(img/endereco.gif) no-repeat 0px 0px;
	text-indent: -90000px;
	height: 37px;
	z-index: 98;
}
#secondarycontent #subcontent2 span {
	font: normal 200% Arial, Helvetica, sans-serif;
	color: #A81742;
	display: block;
	margin-top: 5.5em;
	text-align: center;
	text-indent: 20px;
}



/* =Footer
-----------------------------------------------------------------------------*/

#footer{
	clear:both;
	background: url(img/bg-footer.jpg) repeat-x 0px 0px;
	margin: 1.3em 0px 0px;


	padding: 0px 0px 1.6em;
}
*html #footer{	clear:both;
	background: url(img/bg-footer.jpg) repeat-x 0px 0px;
	margin: 0.9em 0px 0px;
	padding: 0px 0px 0.1em;
}
#navfooter {
	width:776px;
	margin:0 auto 1.3em;
}
*html #navfooter {
	width:776px;
	margin:0 auto 0.9em;
}
#footer ul {
	margin:0px auto;
	list-style:none;
	float: left;
	padding: 0.3em 0px 0px;
}
#footer  li { float:left; }

#footer  li a {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	padding:0 0.9em;
	font-size: 80%;
	font-weight:normal;
	line-height: 2.1em;
	background:url(img/icone-nav-footer.jpg) no-repeat left center;
	text-decoration: none;
	color: #8b4100;

}
a.dpatrick {
	color: #8b4100;
	font-size:0.8em;
	text-decoration:none;
	float:right;
	margin-top:0.5em;
	}
#footer  li a:hover, a.dpatrick:hover {
	text-decoration: underline;


}
/* =Forms 
-----------------------------------------------------------------------------*/


form {
  font-size: 95%;
  margin:0;
  padding:0;

}

/* legend styling */
legend {
	font-weight: bold;
	color: #DA8425;
	font-size: 0.9em;
}

form p {
	margin-bottom:0.3em;

}


/* fieldset styling */
fieldset {
	padding: 0.5em;
	border : 1px solid #742A10;
	margin-top: 0em;
	margin-right: 1.3em;
	margin-bottom: 0em;
}

/* style for  labels */
label {
	float: left;
	width: 13em;
	font-weight: normal;
	color: #E3A45F;
	font-size: 90%;
}


/* style for required labels */
label .required {
	font-size: 80%;
	color:#C5490B;
}



input {
  width: 200px;
}
#submit {
	background: #480702;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 0.9em;
	border: 1px solid #700F01;
	font-size: 0.9em;
	padding: 0.5em;
}

textarea {
	width: 300px;
	height: 100px;
}

#cidade {
  width: 8em;
}

#uf {
  width: 3em;
}



/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/
a.linkmapa {
	font-size:1.1em;
	text-decoration:none;
	color:#FFFFFF;
	background:url(img/icone-lupa.gif) left center no-repeat;
	padding-left:1.2em;
	margin-left: 26em;

}
*html a.linkmapa {
	margin-left: 26.5em;
}
+html a.linkmapa {
	margin-left: 26.5em;

	
}
a.linkmapa:hover {
	text-decoration:underline;
}


/* =Misc 2
-----------------------------------------------------------------------------*/
.vcard {
	margin-left: 22.3em;
	margin-bottom: 0.6em;
}
*html .vcard {
	margin-left: 22.3em;
	margin-bottom: 0.0em;
}
.vcard a {
	color:#CA4301;
	text-decoration:none;
	font-size:0.8em;

	
}
.vcard a:hover {
	background: url(img/underline.gif) repeat-x center bottom;

	
}
.vcard .org,  .vcard .tel{
	font-size: 125%;
	font-weight: bold;
	color: #FF8010;
}
*html .vcard .org,  .vcard .tel{
	
	font-weight: normal;

}
+html .vcard .org,  .vcard .tel{
	
	font-weight: normal;

}
.vcard .org {
	color: #DF6A00;
}
.vcard .adr {
	font-size: 85%;
	line-height: 1.5em;
	color: #e4c799;
	
}
#contato #maincontent #submain #conteudoconsulta .vcard {
	margin-top: 1.6em;
}
#home #heading .home, #ohotel #heading .ohotel, #reserva #heading .sorerserva,
#comochegar #heading .comochegar, #contato #heading .falconosco
{
	color: #DD6F00;
	cursor: default;
}

