/* Reset */
*,html {margin:0; padding:0;}
html {font-size:125%}
body {font-size:0.5em; text-align:left; background: url(../images/bg.png) repeat #537c0e; color:#4d4d4d; font-family:Arial, Helvetica, sans-serif;}
ul, ol {list-style:none;}
a {text-decoration:none;}
img {border:none;}
hr {border-width:0.1em 0 0;border-style:solid;}
input, select {font-size:1em; font-family:Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:1em; font-weight:normal;}
small{font-size:0.8em;}

/* Tipografías */
th, td, span, input, select, label {font-weight:bold;}
p, span, input, select, label {font-size:1.2em;}
p span, p input, p select, p label  {font-size:1em;}
label span, label input, label select  {font-size:1em;}
span span, span input, span select, span label {font-size:1em;}

/* Contenedor principal */
#main {width:92em; margin:auto; overflow:hidden; background:#ffffff; color:#000000; border-left:2em solid #FFFFFF; border-right:2em solid #FFFFFF;}

#header {width:92em;}

#header #logo{float:left; width:30.5em; background-color:#F6F6EC}

#header #cabecera{float:right; width:61.5em;}

#menu {float:left; width:72em; height:3.8em; background: url(../images/bg-menu.png) repeat-x #6BA769; color:#FFFFFF; }

#menu ul { list-style:none;}


#menu ul li{float:left; padding:0.5em 0em 0.5em 2em; font-size:1.6em; font-weight:bold;}

#menu ul li a{ color:#FFFFFF; text-decoration:none;}

#menu ul li a:hover{ color:#E5E6D8; text-decoration:none;}

#banderas {float:left; width:20em; height:3.8em; background: url(../images/bg-banderas.png) repeat-x #8f9094;}

#banderas ul { list-style:none;}

#banderas ul li{float:left; padding:0.6em 0.8em 0.4em 0.8em;}

#bloque-superior {float:left; width:92em; background-color:#FFFFFF; color:#4a4a4a;}

#bloque-superior #animacion{float:left; width:45em;}

#bloque-superior #info{float:left; width:43em; padding:3em 2em 0 2em;}

#bloque-superior #info h1 { font-family:"Times New Roman", Times, serif; font-size:2.4em; text-transform:uppercase;}

#bloque-superior #info .texto { color:#4a4a4a; line-height:1.6em;}

#bloque-superior #info .galeria img { margin-right:0.2em; }

#bloque-superior ul li{ font-size:1.2em; list-style-image:url(../images/item.png); line-height:1.5em; margin-left:1.5em; }

#bloque-reservas {float:left; width:23em; background:url(../images/bg2.png) top repeat-x #e8e8dc;}

.cabecera_bloque h1 {text-transform:uppercase; color:#4a4b4c; font-size:2em;  padding:1em 1.8em 1em 2em; background:url(../images/flecha.png) left no-repeat;}

#bloque-reservas .cabecera_bloque{float:left; height:6em; padding-left:1em;}

#bloque-reservas .contenido_bloque-reservas{float:left; width:21em; clear:both; background:url(../images/bg-reservas.png) repeat-x #B3E2C5; color:#4d4d4d; padding:1em; border-top:solid #fff 1em; border-bottom:solid #fff 1em;}

#bloque-reservas .contenido_bloque-reservas p{ font-size:1.2em; line-height:1.4em;}

#bloque-hostal {float:left; width:44em; background:url(../images/bg2.png) top repeat-x #e8e8dc;}

#bloque-hostal .cabecera_bloque{float:left; height:6em; margin-left:0.8em;}

#bloque-hostal .contenido_bloque-hostal{float:left; width:41em; clear:both; background-color:#fff; padding:1em 1.5em; color:#4d4d4d; border-top:solid #fff 1em; border-bottom:solid #fff 1em; text-align:justify; line-height:2em;}

#bloque-servicios {float:left; width:25em; background:url(../images/bg2.png) top repeat-x #e8e8dc;}

#bloque-servicios .cabecera_bloque{float:left; height:6em; margin-left:0.4em;}

#bloque-servicios .contenido_bloque-servicios{float:left; width:23em; clear:both; background-color:#e5e3d6; color:#4d4d4d; border-top:solid #fff 1em; padding:1em; border-bottom:solid #fff 1em; background:url(../images/bg-servicios.png) repeat-x #e4e1d3;}

#bloque-servicios  ul { }

#bloque-servicios ul li{ font-size:1.2em; list-style-image:url(../images/item.png); line-height:1.5em; margin-left:1.5em; }

#bloque-interno {float:left; width:69em; background:url(../images/bg2.png) top repeat-x #e8e8dc; }

#bloque-interno h2 { font-family:"Times New Roman", Times, serif; font-size:2em; margin-bottom:0.5em;}

#bloque-interno .cabecera_bloque{float:left; height:6em; padding-left:1.4em;}

#bloque-interno .contenido_bloque-interno{float:left; width:65.5em; clear:both;padding:0em 2em 1em 0.5em; color:#4d4d4d; border-top:solid #fff 1em; border-bottom:solid #fff 1em; text-align:justify; line-height:2em; border-left:1em solid #fff; background: url(../images/bg-interno.png) right no-repeat #fff;}

#bloque-interno ul { list-style:none;}

#bloque-interno ul li{ font-size:1.2em; list-style-image:url(../images/item.png); line-height:2em; margin-left:1.5em; }

#bloque-interno .galeria {background:url(../images/bg-galeria.png) top repeat-x #e8e8dc; padding:1em; border:0.1em solid #e7e6d9; width:59em;}

#bloque-interno .galeria .separacion {margin-right:0.2em;}

#pie { float:left; clear:both; width:92em; background:url(../images/bg2.png) repeat-x #E5E2D4; padding:1.5em 2em; color:#737369;}

#pie p{ font-size:1em; line-height:1.4em;}

#pie a{color:#737369; text-decoration:none;}

#pie a:hover{color:#6ba869;}

#pie .leftcolumn {float:left; width:52em; }

#pie .rightcolumn {float:right; width:40em;}

a { color:#6ba869; text-decoration:underline; font-weight:bold;}

.calBox {background:url(../images/input-calendar.png) no-repeat right #f3f3e8; border:0.1em solid #fff;} 

.formulario { float:left; padding: 0.5em 1em 0.5em 0;}

.mapa {width: 92em; height: 29.4em; overflow:hidden; }

input.button-search {background:url(../images/button.png) no-repeat center; border:0; width:124px; height:30px; color:#FFFFFF; font-weight:bold;}

input.button-formulario {background:url(../images/button.png) no-repeat center; border:0; width:100px; height:30px; color:#FFFFFF; font-weight:bold;}
.etiqueta { float: left; width:15em; padding-bottom:1.6em; font-weight:normal; font-size:1.2em;}

input {height:1.6em; border:0.1em solid #ADACB2; padding-top:0.2em;}

textarea { border:0.1em solid #ADACB2;}


.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.nowrap {white-space:nowrap;}