/* Hotel Casa de Orellana */

/* Estilos de etiquetas html ================================================== */

body{
	width:700px;
	margin:0px auto;
	text-align:center;
	background:url(images/body_bg.gif) repeat-y top center;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}
h1,h2,h3,h4,h5,h6,ul,li,p{
margin:0px;
padding:0px;
}
h1 span,h2 span{
display:none;
}
li{
list-style-type:none;
}
a img{
border:none;
}

/* Estructura del sitio ================================================== */
#principal_home, #principal_interior{
width:700px;
text-align:left;
position:relative;
height:100%;
}
#principal_home{
background:url(images/contenido_home_bg.gif) repeat-y left top;
}
#principal_interior{
background:url(images/contenido_interior_bg.gif) repeat-y left top;
}
#encabezado{
background:#656876 url(images/header1_bg.jpg) no-repeat top left;
padding:165px 0px 0px 204px;
}
#encabezado2{
background:#656876 url(images/header2_bg.jpg) no-repeat left top;
padding:165px 0px 0px 204px;
}
#encabezado3{
background:#656876 url(images/header3_bg.jpg) no-repeat left top;
padding:165px 0px 0px 204px;
}
#encabezado4{
background:#656876 url(images/header4_bg.jpg) no-repeat left top;
padding:165px 0px 0px 204px;
}

/* menu_prin */
#menu_prin{
	height:36px;
	background: #343957;
}
#menu_prin li{
float:left;
}
#menu_prin a:link, #menu_prin a:visited{
display:block;
line-height:34px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
color:#fff;
text-decoration:none;
width:94px;
text-align:center;
}
#menu_prin a:hover{
color:#d00;
}

#menu_prin #m_3 a:link,#m_3 a:visited{
width:106px;
}

#menu_prin #m_5 a:link,#m_5 a:visited{
width:106px;
}

#menu_prin a.activo{
color:#d00;
}

/* idiomas */
#idiomas{
position:absolute;
top:6px;
right:0px;
font-weight:bold;
letter-spacing:1px;
}
#idiomas a:link, #idiomas a:visited{
font-size:10px;
text-decoration:none;
color:#fff;
margin-right:20px;
}
#idiomas a:hover{
color:#006;
}
#idiomas .activo{
	font-weight: normal;
}
#idiomas .activo a:hover{
color:#fff;
}

/* lateral_1 ===========================================*/
#lateral_1{
float:left;
width:198px;
}

#logo {
	height:220px;
	width:198px;
	display:block;
	background:url(images/logo.gif) no-repeat 22px 20px;
	margin-bottom:10px;
}
#logo span{
display:none;
}
#lateral_1 h3{
background:#bc0005;
padding:3px 5px;
font-size:10px;
text-transform:uppercase;
line-height:110%;
padding-bottom:5px;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:186px;
}
#datos{
background:url(images/li_bg.gif) repeat-x left bottom;
padding-bottom:8px;
}
#datos a:link, #datos a:visited{
color:#5078ba;
text-decoration:none;
}
#datos a:hover{
color:#2b4061;
text-decoration:underline;
}
#lateral_1 p{
padding-top:8px;
font-weight:bold;
font-size:10px;
color:#65625a;
letter-spacing:1px;
background:url(images/li_bg.gif) repeat-x left top;
}

#lateral_1 ul{
margin-top:3px;
width:196px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#lateral_1 ul li{
padding:6px 0px 4px 0px;
background:url(images/li_bg.gif) repeat-x left bottom;
}
#lateral_1 ul li.activo a:link, #lateral_1 ul li.activo a:visited, #lateral_1 ul li.activo a:hover{
font-weight:normal;
text-decoration:none;
color:#9a978d;
}

#lateral_1 ul a:link, #lateral_1 ul a:visited{
text-decoration:none;
color:#5078ba;
font-weight:bold;
}

#lateral_1 ul a:hover{
color:#2b4061;
text-decoration:underline;
}

/* central ================================================== */ 

#principal_home #central{
margin:0px 160px 0px 201px;
}
#principal_interior #central{
margin:0px 0px 0px 204px;
}
#principal_interior #central img, #principal_interior #central .img{
float:left;
margin:4px 8px 0px 8px;
}
#central #titulo h3{
margin:0px;
}
#principal_home #central #titulo{
background:url(images/h3_bg.gif) right top no-repeat #646a76;
height:1%;
}
#principal_interior #central #titulo{
background:url(images/h3_bg.gif) right top no-repeat #646a76;
height:1%;
margin-left:-3px;
}
#central a:link, #central a:visited{
font-weight: bold;
text-decoration:none;
color:#bc0005;
}
#central a:hover{
text-decoration:underline;
color:#333;
}
/* titulos */
#el_palacio{
background:url(images/el_palacio.gif) no-repeat 0px 0px;
}
#el_entorno{
background:url(images/el_entorno.gif) no-repeat 0px 0px;
}
#habitaciones{
background:url(images/habitaciones.gif) no-repeat 0px 0px;
}
#reservas{
background:url(images/reservas.gif) no-repeat 0px 0px;
}
#actividades{
background:url(images/actividades.gif) no-repeat 0px 0px;
}
#contacto{
background:url(images/contacto.gif) no-repeat 0px 0px;
}
/* english */
#house{
background:url(images/the_house.gif) no-repeat 0px 0px;
}
#surrounding{
background:url(images/surroundings.gif) no-repeat 0px 0px;
}
#rooms{
background:url(images/rooms.gif) no-repeat 0px 0px;
}
#booking{
background:url(images/booking.gif) no-repeat 0px 0px;
}
#activities{
background:url(images/activities.gif) no-repeat 0px 0px;
}
#contact{
background:url(images/contact.gif) no-repeat 0px 0px;
}
#central p{
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
font-size:1em;
line-height:140%;
margin:10px;
float:none;
}
#central h3{
height:60px;
}
#central h3 span{
display:none;
}
#central h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
line-height:110%;
margin:8px;
color:#5f6772;
}
#central h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
line-height:110%;
margin:8px;
color:#fff;
background:#606873;
padding:6px 8px;
}
#central img{
margin-left:8px;
}
#map{
	width: 493px;
	height: 500px;
}
#central .galeria{
float:right;
}

/* formulario ====================================== */
#form_1 h4{
background:url(images/li_bg.gif) repeat-x left bottom;
margin:8px 0px;
padding-bottom:4px;
}
#form_1{
margin:0px 8px;
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#form_1 p{
margin:0px;
font-size: 1em;
}
#form_1 td{
font-weight:bold;
font-size:10px;
color:#65625a;
height:25px;
}

#form_1 input, #form_1 textarea, #form_1 select{
font-weight:normal;
border:1px solid #c6c3ba;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#form_1 input{
	padding:3px 1px;
	width: 144px;
}
#form_1 textarea{
width:434px;
height:140px;
padding:3px 1px;
}
#form_1 #enviar{
width:auto;
padding:1px 3px;
}
#form_1 #borrar{
width:auto;
padding:1px 3px;
}
#calend{
	visibility: hidden;
	position: absolute;
	z-index: 3;
}
#calend td{
	height: 15px;
}
/* lateral_2 ====================================== */

#principal_interior #lateral_2{
display:none;
}
#lateral_2{
float:right;
width:163px;
}
#extras{
border-top:3px solid #bf0007;
border-bottom:3px solid #bf0007;
background:#c1bcab;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:8px;
}
#lateral_2 #extras h3{
font-size:10px;
text-transform:uppercase;
line-height:110%;
padding-bottom:5px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
}
#lateral_2 h3{
font-size:10px;
text-transform:uppercase;
line-height:110%;
padding-bottom:5px;
color:#4f575a;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:8px;
}
.listado{
padding:0px 10px 8px 10px;
}
.listado p{
background:#3b4551;
color:#fff;
font-size:10px;
line-height:110%;
padding-bottom:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:4px;
}
.listado img{
margin-bottom:1px;
}
#ficha1 {
	position:absolute;
	top:550px;
	left:213px;
	width:310px;
	height:240px;
	z-index: 4;
	margin: 0px;
	visibility: hidden;
	background:#D3CEBD;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:10px;
	margin:0px;
	border: 1px solid #bf0007;
}
#ficha1 a:link, a:hover, a:visited{
color:#900;
}
/* clear, rompe la flotación para que pie no se solape ================================================== */

#clear{
clear:both;
padding-bottom:120px;
}

/* pie ================================================== */

#pie{
clear:both;
position:absolute;
bottom:0px;
height:92px;
background:#646a75 url(images/pie_bg.gif) no-repeat left top;
width:700px;
}
#pie p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:110%;
	margin:60px 16px 20px 16px;
	color:#c8c8c8;
}

/* saltar navegacion ================================================== */
#saltar_nav{
display:none;
}


/* Hacks, mantener al final ================================================== */
#principal_home, ass + hack{
height:auto;
min-height:100%;
}
#principal_interior, ass + hack{
height:auto;
min-height:100%;
}
#principal_interior #central #titulo,ass + hack{
margin-left:0px;
}
#principal_home #central, ass+ hack{
margin:0px 163px 0px 204px;
}
#principal_home,ass + hack{
height:auto;
min-height:100%;
}

/* si es explorer... */
#m_1 a:visited.activo,#m_2 a:visited.activo,#m_3 a:visited.activo,#m_4 a:visited.activo,#m_5 a:visited.activo{
background-position:center -38px;
}


input.error, textarea.error, select.error { background-color: #FFA28C; 
border: 1px solid red;  }