@charset "utf-8";
html{
	height:100%;
	margin:0;
	overflow-y:scroll;
	width:100%;

}
body  {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	background: #CCC;
	margin: 0;
	padding: 0;
	text-align: center;
	color:#5D412D;	
}
.twoColFixRtHdr #container {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	background: #E5E5E5;	
} 
.twoColFixRtHdr #header { 
	height:166px;
	background: #FFF; 
} 
.twoColFixRtHdr #mainContent { 
	background:#EFE4B8;
	border-right:#FFF 2px solid;
	width:740px;
	float:left;
	min-height:812px;	
} 

.twoColFixRtHdr #sidebar1 {
	width: 224px;
	padding:0 12px 0 12px;
	background: #E5E5E5;
	font-size:.7em;	
	float:left;
	min-height:812px;
}
.twoColFixRtHdr #mainContent p{ 
	margin:0;
	padding:0;
	font-size:.7em;
}

.twoColFixRtHdr #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#logo{
	float:left;	
	height:142px;
	width:744px;
}
#logo img{
margin-left:30px;
margin-top:30px;
}
#info-Der-Arr{
	font-size:.7em;
	padding-left:12px;
	width:234px;
	height:142px;
	float:right;
}

#info-Der-Arr a {
	margin:10px 0;
	float:left;
}

#info-Der-Arr p {
	margin:0;
	padding:0;
}

#botonera{
	float:left;
	background-color:#7E512D;
	color:#FFF;
	width:728px;
	padding-left:12px;	
	height:24px;	
	line-height:24px;
	font-size:80%;
}
#botonera a{
	color:#FFC;
	text-decoration:none;
}
#botonera a:hover{
	color:#FFF;	
	text-decoration:underline;	
}

#header-reservas{
	font-size:80%;	
	float:right;
	background-color:#5D412D;
	color:#FFC;
	width:236px;
	padding-left:12px;	
	height:24px;
	line-height:24px;
}
h1{
	padding:0 0 0 6px;
	background:transparent url(flecha.gif) no-repeat scroll 0 0.35em;
	margin:12px 0 0 12px;
	font-size:85%;
	font-weight:normal;
	text-shadow:#FFF;	
}
h2{
	font-size:85%;
	font-weight:normal;
	text-shadow:#FFF;
	text-decoration:underline;
	
}
.pie {
	color: #FFF;
	font-size: 9px;
}
#contacto{
margin:12px;
}

#contacto label{
	margin:0;
	padding:0;
	font-size:.7em;	
}
#contacto input[type=text]{
	width:100%;
}

#info-Der-Arr p img {
	float:left;
}
.galeria img{
	margin:4px;
	border:#ffffff 3px solid;
	width:120px;
	height:80px;
}
span.error,label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

.tel {font-size: 22px; 	line-height:30px; text-align:center;}
.tel a { text-decoration:none; color:#5D412D;}

#llame {
	display:none;
}

.promo {
	float:left;
	padding:20px;
}

.promo .titulo {
	float:left;
	width:300px;
	font:bold 20px arial;
	color:#7E512D;
}

.promo .descripcion {
	float:left;
	width:380px;
	font:normal 13px arial;
	color:#333333;
	padding:10px 0;
}

.promo .descripcion a.consulte {
	float:left;
	padding-top:10px;
	
}

.promo .imagen {
	float:right;
	width:300px;
}

.promo .imagen img {
	width:300px;
	border:solid 3px #ffffff;
}