/* Reset */
*,html {margin:0; padding:0;}
html {font-size:125%}
body {font-size:0.5em; text-align:left; background:#dedada; color:#000000;}
ul, ol {list-style:none;}
a {text-decoration:none;}
img {border:none;}
hr {border-width:0.1em 0 0;border-style:solid;}
body {font-family:arial,sans-serif;}
input, select {font-size:1em; font-family:arial,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 */
#super-main{width:98em; margin:auto; background:url(../images/bg-main.png) repeat-y top center #fff;}

#topcabecera{background:url(../images/bg-topcabecera.png) no-repeat top center; height:10px;}

#bottomfooter{background:url(../images/bg-bottomfooter.png) no-repeat top center; height:10px;}

#main {width:96em; margin:auto; overflow:hidden; background:#fff}

#idiomas {width:96em; margin:auto; overflow:hidden; background:#dedada; padding-top:0.5em; padding-bottom:0em;}

#idiomas a {color:#025189;}

#cabecera {float: left; width:96em; height:11em; border-bottom:0.5em solid #5c8815;}

#cabecera .logo {float:left; width:30em; background:url(../images/bg-cabecera.png) no-repeat top right #fff;}

#cabecera .menu {float:left; width:66em; background:#00CC99}
#cabecera .menu ul {}
#cabecera .menu li {float:left; background:url(../images/bg-cabecera.png) no-repeat top right #fff; width:10em; height:2.5em; padding:4.5em 1.6em 4em 1.6em; text-align:center;}
#cabecera .menu li a { color:#5c8815; text-decoration:none; font-weight:bold; font-size:1.4em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; }

#bloque-superior {float: left; width:96em; height:26.8em; border-bottom:0.5em solid #5c8815; background-color:#5c8815}

#bloque-inferior {float: left; width:93em; border:1.5em solid #fff; background:#FFFFFF}

#bloque-inferior #izquierdo{float: left; width:25em;}

#bloque-inferior #izquierdo .reservas_es { background:url(../images/cabecera-reservas-es.png) center no-repeat; width:23.1em; height:3.4em;}
#bloque-inferior #izquierdo .reservas_ca { background:url(../images/cabecera-reservas-ca.png) center no-repeat; width:23.1em; height:3.4em;}
#bloque-inferior #izquierdo .reservas_en{ background:url(../images/cabecera-reservas-en.png) center no-repeat; width:23.1em; height:3.4em;}
#bloque-inferior #izquierdo .reservas_fr { background:url(../images/cabecera-reservas-fr.png) center no-repeat; width:23.1em; height:3.4em;}
#bloque-inferior #izquierdo .reservas_de { background:url(../images/cabecera-reservas-de.png) center no-repeat; width:23.1em; height:3.4em;}
#bloque-inferior #izquierdo .ofertas_es { background:url(../images/cabecera-ofertas-es.png) center no-repeat; width:23.1em; height:3.4em;}
#bloque-inferior #izquierdo .ofertas_ca { background:url(../images/cabecera-ofertas-ca.png) center no-repeat; width:23.1em; height:3.4em;}
#bloque-inferior #izquierdo .ofertas_en { background:url(../images/cabecera-ofertas-en.png) center no-repeat; width:23.1em; height:3.4em;}
#bloque-inferior #izquierdo .ofertas_fr { background:url(../images/cabecera-ofertas-fr.png) center no-repeat; width:23.1em; height:3.4em;}
#bloque-inferior #izquierdo .ofertas_de { background:url(../images/cabecera-ofertas-de.png) center no-repeat; width:23.1em; height:3.4em;}

#bloque-inferior #izquierdo .contenido { width:20.1em; height:auto; background:#d7e9b9; padding:1em 1.5em;}

#bloque-inferior #izquierdo .contenido p{ color:#000}

#bloque-inferior #izquierdo .contenido .titulo{ background:url(../images/item-oferta.png) no-repeat left top; padding-left:1.8em; color:#70a019}

#bloque-inferior #izquierdo .contenido .texto{font-size:95%; font-weight:normal; color:#000} 

#bloque-inferior #derecho{float: left; width:68em; padding-top:0.6em;}

#bloque-inferior #derecho .galeria{float: left; width:63.5em; padding:0.5em; background:#EDEBDF;}

#bloque-inferior #derecho .galeria_principal{float: left; padding:0.5em; background:#EDEBDF;}

#bloque-inferior #derecho .flecha{float: left; width:2.6em; height:10.3em; padding:0.5em 0em; background:#EDEBDF;}

#bloque-inferior #derecho .galeria .imagen { padding-right:0.34em;}

#bloque-inferior #derecho .galeria_principal .imagen { padding:0.4em;}

#bloque-inferior #derecho p { text-align:justify; line-height:1.5em;}

#bloque-inferior #derecho a { color:#70a019; }

#bloque-inferior #derecho h2 { color:#9cd143; font-weight:bold; font-size:1.6em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

#bloque-inferior #derecho .detalle-habitaciones{float: left; width:66.5em; padding:0.5em; background:#EDEBDF; margin-bottom:1.5em;}

#bloque-inferior #derecho .detalle-habitaciones ul {margin-left:1em;}

#bloque-inferior #derecho .detalle-habitaciones ul li{ float:left; width:45%;}

#bloque-inferior #derecho ul { list-style:none;}

#bloque-inferior #derecho ul li{ float:left; background:url(../images/item.png) left no-repeat; padding-left:1em; font-size:1.2em; line-height:1.5em; width:45%;}

#bloque-inferior #derecho .mapa {width: 66.5em; height: 30em; border:0.1em solid #70a019; overflow:hidden; color:#000000;}

#footer {float: left; width:96em; margin:auto; background:#fff; border-top:0.5em solid #5c8815; padding:1em;}

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

#footer .naranja a { color:#fcb213; font-weight:bold; font-size:0.8em;}

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

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

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

select {border:0.1em solid #5c8815; padding:0.2em;}

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

input.button-search {background:url(../images/boton.png) no-repeat center; border:0; width:130px; height:30px; color:#FFFFFF; font-weight:normal; vertical-align:middle; text-align:center;}

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

.clear {clear:both;}