body{
background-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; /*tengo que cambiar a relativo*/
margin-top:7px;
padding:0;
}

h1{
font-size:15px;
color:#FFFFFF;
}

br{
clear:both; /*esto me permite que en FF el color de fondo llegue hasta abajo,evitando el problema del float de los div superiores*/
}

.eslogan{
float:left;
color:#FFFFFF;
padding:145px 0px 0px 5px;
margin:0px;
}

.centrar{
text-align:center;
}

.alerta{
font-size:16px;
color: red;
font-weight:bold;
text-align:center;
}

#contenedor{
width:760px;
margin: 0 auto; /*centra toda la web horizontalmente*/
background-color:#CCCCCC;
}

#cabecera img.logo {
float:left;
margin:0px;
border:0px;
}

#cabecera {
background-color:#FFFFFF;
width: 760px;
float:left;
/*border: 2px dotted #000000;*/
}

#cabecera2{
float:left;
background-image: url(../images/foto-cabecera.jpg);
background-repeat: no-repeat;
width:760px;
height:178px;
}

#idiomas{
/*background-color:#FF0000; */
width:400px;
list-style-type:none;
float:right; 
margin:5px; 
padding:0px;
text-align:right;
text-transform: lowercase; /*minusculas*/
}

#idiomas li{
margin:0px;
padding:0px;
display:inline; /*con esto se quita el efecto bloque de la lista y aparece horizontal*/
}

#menu{
width:760px;
background: #CC0606;
}

#lista_menu{
margin: 0px;
padding: 3px;
list-style-type: none;
text-align: center;
}

#lista_menu li{
display:inline;
letter-spacing: 2px;
font-weight:bold;

}

#menu a.secciones {
text-decoration: none;
margin-top: 4px;
background: #CC0606;/*CFF137*/
color: #333333;
padding: 0px 15px 0px 20px;

}

#menu a.secciones:hover {
text-decoration: none;
margin-top: 4px;
background: #ffffff;
color: #333333;
padding: 0px 15px 0px 20px;

}

#contenido{
width:760px;
background-color:#999966; /*no está aplicando el fondo a toda el div*/
padding-bottom: 50px;
}

#contenido img{
border: 1px solid black;
}

#col-1{ /*esta es la imagen del contenido*/
margin-top:50px;
margin-right:20px;
float:left;
}

#col-2{
width:230px;
text-align:justify;
float:left;
}

#col-3{
width:230px;
text-align:justify;
float:right;
}

#pie{
width:760px;
clear:both; /*no admite elementos flotantes ni a izquierda ni derecha*/
}


#foto-detalle{
width:200px;
float:left;
margin-top: 5px;
}

#foto-detalle img{
margin: 3px 0px 0px 0px;
}

#col-texto{
width:560px;
float:left;
}


#col-reservas{
width:380px;
float:left;
}

#col-precios{
width:350px;
float:right;
margin-left:30px;
}

#col-precios table{
width:90%;
}

#galeria {
padding: 0 10px 10px 40px;
}

#galeria li {
display:inline;
float:left;
width:160px;
background-color:#cccccc;
padding:5px;
margin:10px;
text-align: center;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

#mapas1{
text-align:center;
width:760px;
}

#mapas2{
text-align:center;
width:760px;
}

#mapas1 img, #mapas2 img{
border: 2px solid #666666;
padding:0px;
margin:3px;
}

#exp-acceso{
clear:both;
width:752px; /*a 760px le resto los 8px de los margenes de izq y derecha*/
margin:4px;
text-align:justify;
}

.aviso{
color:#ff0000;
font-size:1.2em;
font-weight:bold;
text-align:center;
}