/* Reset */
*,html {margin:0; padding:0;}
html {font-size:125%}
body {font-size:0.5em; text-align:left; background:#0072bc; 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:bold;}
p, span, input, select, label {font-size:1.1em;}
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;}

#idiomas {width:96em; margin:auto; overflow:hidden; background:#0072BC; color:#FFFFFF; margin-top:2em; margin-bottom:1em;}
#idiomas a{color:#FFFFFF; text-decoration:none;}
#pie {width:96em; margin:auto; overflow:hidden; background:#0072BC; color:#FFFFFF; margin-top:2em; margin-bottom:1em; clear:both;}
#pie #pie_left {float:left;}

#pie #pie_left span, #pie #pie_left span a{ text-transform:uppercase; font-weight:normal; color:#FFFFFF; padding-right:0.2em;}

#pie #pie_left a:hover { text-decoration:underline;}

#pie #pie_right {float:right;}

#pie #pie_right a { text-decoration:none; color:#FFFFFF}
#pie #pie_right a:hover { text-decoration:underline;}



/* Contenedor principal */
#main {width:96em; margin:auto; overflow:hidden; background:#ffffff; color:#000000; border:0.1em solid #dbd6cf; padding-bottom:1em;}

#top { float:right;}

#leftcolumn {width:23em; margin:0 1.2em; float:left; display:inline; margin-top:1.5em;}
#rightcolumn {width:70em; float:left; display:inline; padding-top:1.5em; }
#leftcolumn #logo {height:10.2em;}
#leftcolumn #menu {margin-top:1.2em; }
#leftcolumn #menu ul {padding: 0.2em 0 0 0; border-top:2px solid #80b8dd;}
#leftcolumn #menu li { background:url(../images/bg-menu.png) no-repeat right; height:2em; width:22em; margin-bottom:1em;background-color: #0072BC; color:#FFFFFF; text-transform:uppercase; padding:1em 0 0 1em;}
#leftcolumn #menu li a { color:#FFFFFF; text-decoration:none; font-weight:bold;}


#leftcolumn #reservas {float:left; background:url(../images/bg-reservas.png) no-repeat #FFC755; border:0.1em solid #dbd6cf; width:20.7em; height:13.9em; padding:1em; margin-bottom:1em;}

#leftcolumn #reservas .separacion { margin-top:0.8em;}

#leftcolumn #reservas .titulo {background:url(../images/icono.png) no-repeat left; padding-left:1.8em; color:#0072bc; font-size:1.1em; text-transform:uppercase; font-weight:bold; height:16px;}

#leftcolumn .banner {float:left; border:0.1em solid #dbd6cf;}

#rightcolumn #header {float:left; width:46em;}

#rightcolumn #contenido {float:left; width:69.4em; margin:1em 0em 0em 0em;}

#rightcolumn #contenido .titulo-principal{color:#0072bc; font-style:italic; font-size:1.6em; font-weight:bold;}

#rightcolumn #contenido #ficha {float:left; width:45em; height:28.6em; background-color: #ebebec; color:#000; padding:1em 1.5em; text-align:justify; border:0.1em solid #dbd6cf;}

#rightcolumn #contenido #ficha .galeria{float:left;}

#rightcolumn #contenido #ficha .galeria img{ margin:0em 1em 1em 1em;  border:0.1em solid #dbd6cf;}

#rightcolumn #contenido #ficha-situacion {float:left; width:30em; color:#000; padding:1em 1.5em 0.5em 1.5em; text-align:justify; }

#rightcolumn #contenido #ficha-contacto {float:left; width:39.2em; color:#000; padding:1em 1.5em 0.5em 1.5em; text-align:justify; }

#rightcolumn #contenido #ficha-tarifas {float:left; width:32.6em; color:#000; margin:1em 0em 2em 0em; padding:1em 0.6em 1em 1.5em; text-align:justify; }

#rightcolumn #contenido #bloque-derecho {float:left; width:21.2em; }
#rightcolumn #contenido #bloque-derecho #info {background-color: #ebebec; color:#000; margin:0 0 0 1em; padding:1em; border:0.1em solid #dbd6cf; width: 18em; height:16.4em; text-transform:uppercase;}

#rightcolumn #contenido #bloque-derecho #info ul { border-top:2px solid #cdcfd0}
#rightcolumn #contenido #bloque-derecho #info li { background:url(../images/item.png) no-repeat left; margin-bottom:1em; margin-top:1em; padding-left:1em; text-transform:none;}
#rightcolumn #contenido #bloque-derecho #info li span {}

#rightcolumn #contenido #bloque-derecho #info span {color:#0072bc; font-weight:normal; text-transform:uppercase;}

#rightcolumn #contenido #bloque-derecho #galeria {margin:1em 0em 0em 1em;}

#rightcolumn #contenido #bloque-situacion {float:left; width:34.2em; background-color: #ebebec; border:0.1em solid #dbd6cf; padding:1em}

#rightcolumn #contenido #bloque-situacion .texto { background:url(../images/ico.png) no-repeat left; padding-left:3em;}

#rightcolumn #contenido #bloque-situacion .mapa {width: 34em; height: 25em; border:0.1em solid #dbd6cf; overflow:hidden; margin:auto; margin-top:1em;}

#rightcolumn #contenido #bloque-contacto {float:left; width:25em; background-color: #ebebec; border:0.1em solid #dbd6cf; padding:1em}

input { background-color:#FFFFFF; border:1px solid #C6C6C6; height:1.6em; font-weight:normal;}

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

textarea { background-color:#FFFFFF; border:1px solid #C6C6C6;}
input.button-search {background:url(../images/button1.png) no-repeat center; border:0; width:7.6em; height:1.6em; color:#FFFFFF; font-weight:bold; vertical-align:middle;}

input.button-reservar {background:url(../images/button2.png) no-repeat center; border:0; width:10em; height:1.9em; color:#FFFFFF; font-weight:bold;}


.bordeimg {background-color:#FFFFFF; border:0.1em solid #cdcfd0; height:16em; width:12.4em; padding:1em;}

.icono { padding-bottom:5px;}

.icono li {list-style:url(../images/icono.png) inside; margin:0;}

.icono li span { color:#0072bc; font-size:1.2em;}

#rightcolumn #contenido #bloque-contacto li { margin-bottom:1em;}
#rightcolumn #contenido #bloque-contacto .dir { background:url(../images/house.png) no-repeat left; padding-left:2.5em; height:16px;}
#rightcolumn #contenido #bloque-contacto .tlf { background:url(../images/telephone.png) no-repeat left; padding-left:2.5em; height:16px;}
#rightcolumn #contenido #bloque-contacto .fax { background:url(../images/printer.png) no-repeat left; padding-left:2.5em; height:16px;}
#rightcolumn #contenido #bloque-contacto .email { background:url(../images/mail.png) no-repeat left; padding-left:2.5em; height:16px;}

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

/* Tabla */

.tarifas {border:1px solid #0072BC;	text-align:center; font-size:1.1em;
}

.tarifas thead {background-color:#0072BC; color:#FFF;}

.tarifas td{padding:0.5em;}

.celda1 {background-color:#EBEBEC;}
.celda2 {background-color:#FFE4B5;}

.leyenda {border:1px solid #0072BC;}

.leyenda td {padding:0.5em;}

.leyenda thead {color:#000;	font-size:1.2em;}


