/* Reset */
*,html {margin:0; padding:0;}
html {font-size:125%}
body {font-family:arial,sans-serif; font-size:0.5em; text-align:left; background: url(../images/bg.png) repeat-x top #373737; color:#373737;}
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: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:1em;}
small{font-size:0.8em;}

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


/* Contenedor principal */
#main {width:96em; margin:auto; overflow:hidden;}

#cabecera {float: left; width:96em; height:27.3em;}

#menu {float:left; width:84em; height:3.5em; background: url(../images/bg-menu.png) repeat-x #5a953c; color:#FFFFFF; }

#menu ul { list-style:none;}

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

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

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

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

#banderas ul { list-style:none; margin-left:0.4em;}

#banderas ul li{float:left; padding:0.8em 0.4em 0.5em 0.4em; font-size:1.3em; font-weight:bold;}

#banderas img{ border:0.1em solid #FFF}

#cuerpo{float: left; width:96em;  min-height:46.5em; background: url(../images/bg-cuerpo.png) no-repeat top #fff;}

#cuerpo #contenido {padding:5em 4em 0.5em 4em;}

#cuerpo #contenido h1 {font-weight:bold; font-size:3em; color:#373737; margin-bottom:0.5em;}

#cuerpo #contenido h2 {font-weight:bold; font-size:2em; color:#488B38; margin-bottom:0.5em;}

#cuerpo #contenido p { line-height:2em; margin-bottom:0.5em; text-align:justify;}

#cuerpo #contenido ul { list-style-position:inside; list-style-image:url(../images/item.png); margin-bottom:0.5em; padding-left:1em;}

#cuerpo #contenido ul li a:link, a:visited { color:#000000;}
#cuerpo #contenido ul li a:hover {color:#009900;;}
#cuerpo #contenido ul li { line-height:2em; font-size:1.2em;}

#cuerpo #contenido #texto{ float:left; width:62.5em; padding:0em 4em 2em 0em;}

#cuerpo #contenido #galeria{ float:right; width:20.5em; background:#ebe8df; padding:0.5em; }

#cuerpo #contenido #texto2{ float:left; width:53em; padding:0em 4em 2em 0em;}

#cuerpo #contenido #reservas{ float:right; width:30em; padding:0.5em; }

#cuerpo #contenido .imagen{ padding:1em;}

#cuerpo #contenido #galeria-principal{ float:right; width:88em; background:#ebe8df; margin-bottom:2em;}

#cuerpo #contenido .mapa {width: 62.5em; height: 30em; border:0.1em solid #5a953c; overflow:hidden;}

#footer {float: left; width:96em; height:6.6em; margin:auto; background: url(../images/bg-footer.png) no-repeat top #373737;}

#footer p { text-align:center; color:#FFF; font-weight:bold; font-size:1.1em;}

input {height:1.4em; border:0.1em solid #5a953c; padding-top:0.2em;}

textarea { border:0.1em solid #5a953c; padding-top:0.2em;}

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

.etiqueta { float: left; width:15em; padding-bottom:1.6em; font-weight:normal; font-size:1.2em;}

.clear {clear:both;}

/* Tablas */

.disponibilidad td { font-size:11px; background:#EBE8DF; padding:0.2em 0.5em; } 

.disponibilidad thead td{ color:#FFFFFF; background:#5a953c; font-weight:bold;}

.precios td { font-size:1.2em; background:#EBE8DF; padding:0.2em 0.5em; } 

.precios thead td{ color:#FFFFFF; background:#5a953c; font-weight:bold; padding:0.5em;}

.precios tbody td{ color:#373737; font-weight:bold; padding:0.5em; border-bottom:1px solid #5a953c}

.valoraciones td { font-size:11px; padding:0.2em 0.5em; } 

.paginacion { font-size:1.2em; color:#5a953c; font-weight:bold;}

.paginacion a{color:#373737;}

.paginacion a:hover{color:#5a953c;}