body{
background-color:#252525;
margin:0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}
img{
border:0;
}

#contenedor{
width:100%;
height:auto;

}

#header{width:100%;margin:auto;background-image:url(../images/backgroudn-header.gif); background-repeat:repeat-y; background-position:center top;}
#header #linea{width:100%;background-color:#d8e49c;height:1px;margin:auto;}

#header #contenedorH{ width:1024px; margin:auto; height:101px}
#header #contenedorH #logo{width:160px;height:100px;margin:auto; float:left; }
#header #contenedorH #iso{width:115px;height:100px;margin:auto; float:right; }

#header #contenedorH #navegacion{ width:710px; float:left; margin:45px 0 0 30px ; }
#header #contenedorH #navegacion .nav{ font-size:13px; color:#777777; margin:0 23px 0 0; float:left;font-family: 'Cantarell', arial, serif;}
#header #contenedorH #navegacion .nav a{ font-size:13px; color:#c4c3c3; text-decoration:none}
#header #contenedorH #navegacion .nav a:hover{ font-size:13px; color:#8da517; text-decoration:underline; }

#header #contenedorH #navegacion .navActivo{ font-size:13px; color:#777777; margin:0 30px 0 0; float:left;font-family: 'Cantarell', arial, serif;}
#header #contenedorH #navegacion .navActivo a{ font-size:13px; color:#8da517; text-decoration:none}
#header #contenedorH #navegacion .navActivo a:hover{ font-size:13px; color:#8da517; text-decoration:none; }


#home{width:100%;margin:auto; clear:both;}
#home #contenedorHome{ width:1024px; margin:auto; height:380px; background-image:url(../images/img_home.jpg); background-position:center; background-repeat:no-repeat;}

#instalaciones{width:100%;margin:auto; clear:both;}
#instalaciones #contenedorInstalaciones{ width:1024px; margin:auto; height:380px; background-image:url(../images/img_instalaciones.jpg); background-position:center; background-repeat:no-repeat;}

#actividades{width:100%;margin:auto; clear:both;}
#actividades #contenedorActividades{ width:1024px; margin:auto; height:380px; background-image:url(../images/img_actividades.jpg); background-position:center; background-repeat:no-repeat;}

#salas{width:100%;margin:auto; clear:both;}
#salas #contenedorSalas{ width:1024px; margin:auto; height:380px; background-image:url(../images/img_salas.jpg); background-position:center; background-repeat:no-repeat;}

#empresariales{width:100%;margin:auto; clear:both;}
#empresariales #contenedorEmpresariales{ width:1024px; margin:auto; height:380px; background-image:url(../images/img_empresariales.jpg); background-position:center; background-repeat:no-repeat;}

#ubicacion{width:100%;margin:auto; clear:both;}
#ubicacion #contenedorUbicacion{ width:1024px; margin:auto; height:380px; background-image:url(../images/img_ubicacion.jpg); background-position:center; background-repeat:no-repeat;}

#contenedorUbicacion #recuadroMapa{ width:734px; height:380px;float:left;  background-image:url(../images/recuadro-texto.png);}

#contacto{width:100%;margin:auto; clear:both;}
#contacto #contenedorContacto{ width:1024px; margin:auto; height:380px; background-image:url(../images/img_contacto.jpg); background-position:center; background-repeat:no-repeat;}

#galeria{width:100%;margin:auto; clear:both;}
#galeria #contenedorGaleria{ width:1024px; margin:auto; height:380px; background-image:url(../images/img_galeria.jpg); background-position:center; background-repeat:no-repeat;}
#galeria #contenedorGaleria .recuadroTexto{ width:1024px; height:380px;  float:right; margin:0 0 0 0;*margin:0 0 0 0;}

#alojamiento{width:100%;margin:auto; clear:both;}
#alojamiento #contenedorAlojamiento{ width:1024px; margin:auto; height:380px; background-image:url(../images/img_alojamiento.jpg); background-position:center; background-repeat:no-repeat;}

#apartamentos{width:100%;margin:auto; clear:both;}
#apartamentos #contenedorApartamentos{ width:1024px; margin:auto; height:380px; background-image:url(../images/img_apartamentos.jpg); background-position:center; background-repeat:no-repeat;}

#eventos{width:100%;margin:auto; clear:both;}
#eventos #contenedorEventos{ width:1024px; margin:auto; height:380px; background-image:url(../images/img_eventos.jpg); background-position:center; background-repeat:no-repeat;}

#recuadroTexto{ width:290px; height:380px; background-image:url(../images/recuadro-texto.png); float:right; margin:0 0 0 0;*margin:0 0 0 0;}
#recuadroTexto li{ margin:0 0 0 0; padding:4px 0 0 0;*padding:1px 0 0 0; color:#bdbdbd; font-size:11px;}
#recuadroTexto ul{ margin:0 0 0 0; padding:0 0 0 25px} 
#recuadroTexto h1{ width:250px; margin:15px;*margin:10px 10px 0 10px; float:left; color:#8da517; font-size:16px; font-weight:bold;font-family: 'Cuprum', arial, serif;}
#recuadroTexto h1 a{ color:#8da517; font-size:16px; font-weight:bold;font-family: 'Cuprum', arial, serif; text-decoration:none;} 
#recuadroTexto h1 a:hover{ color:#8da517; font-size:16px; font-weight:bold;font-family: 'Cuprum', arial, serif; text-decoration:none;} 

#recuadroTexto #texto{ width:250px; margin:0 15px 5px 15px;*margin:5px 0 0 10px; float:left; color:#bdbdbd; font-size:11px; line-height:16px; text-align:justify;}
#recuadroTexto #texto a{ color:#bdbdbd; font-size:11px; line-height:16px; text-decoration:none;}
#recuadroTexto #texto a:hover{ color:#bdbdbd; font-size:11px; line-height:16px; text-decoration:underline;}
#recuadroTexto h3{ width:250px; margin:3px 15px 0 15px;*margin:5px 0 0 10px; float:left; color:#8da517; font-size:14px; font-weight:bold;font-family: 'Cuprum', arial, serif; clear:both;} 
#recuadroTexto h3 a{color:#8da517; font-size:14px; font-weight:bold;font-family: 'Cuprum', arial, serif; clear:both; text-decoration:none} 
#recuadroTexto h3 a:hover{color:#8da517; font-size:14px; font-weight:bold;font-family: 'Cuprum', arial, serif; clear:both; text-decoration:underline}  

#recuadroTexto #recuadroContacto{ width:250px; margin:0 15px 5px 15px;*margin:15px; float:left; color:#bdbdbd; font-size:11px; line-height:16px; text-align:justify;}
#recuadroTexto #recuadroContacto .campo{ border:1px #484747 solid; background-color:#141413; width:245px; margin-bottom:3px; padding:4px; font-size:11px; color:#999999; font-style:italic}

#recuadroTexto #galeria{ width:290px; float:left; margin:0 0 5px 15px; *margin:0 0 5px 15px;}
#recuadroTexto #galeria img{ float:left; margin:0 5px 0 0; border:1px solid #999999; width:45px}

#footer{width:100%;margin:auto; clear:both; }
#footer #contenedorF{ width:1024px; margin:auto; padding-top:20px; height:30px;}

#footer #contenedorF .logo{ margin:0 ; float:left; width:190px; padding-left:20px;font-size:11px; color:#939191;   }
#footer #contenedorF #contenedorCampoNewsletter{ margin:5px 0 0 0 ; float:left; width:180px;}
#footer #contenedorF .campo{ float:left; border:1px #484747 solid; background-color:#141413; width:120px; margin-bottom:3px; padding:4px; font-size:11px; color:#999999;}
#footer #contenedorF .enviar{ padding:3px 0 0 3px;; float:right; margin:0; float:left; color:#8da517; font-size:12px; font-weight:bold;font-family: 'Cuprum', arial, serif; } 
#footer #contenedorF .enviar a{color:#8da517; font-size:14px; font-weight:bold;font-family: 'Cuprum', arial, serif; clear:both; text-decoration:none} 
#footer #contenedorF .enviar a:hover{color:#8da517; font-size:14px; font-weight:bold;font-family: 'Cuprum', arial, serif; clear:both; text-decoration:underline} 

#footer #contenedorF .direccion{ margin:0; width:500px;float:left; font-size:10px; color:#939191; text-align:center;   }
#footer #contenedorF .direccion a{font-size:10px; color:#939191; text-decoration:none; }
#footer #contenedorF .direccion a:hover{font-size:10px; color:#8da517; text-decoration:underline; } 
#footer #contenedorF .audio{ margin:0; width:500px;float:left; font-size:10px; color:#939191; text-align:center; clear:both;}
#footer #contenedorF .email{ margin:0 0 0 0;float:right; font-size:10px; color:#939191; text-align:right;  padding-right:20px;  } 
#footer #contenedorF .textoFacebook{float:right; margin:5px 5px 0 0 } 
#footer #contenedorF .textoFacebook a{ text-decoration:none; color:#939191;}
#footer #contenedorF .textoFacebook a:hover{ text-decoration:underline; color:#939191;} 
#footer #contenedorF .icoFacebook{ float:right; margin:0  } 
#footer #contenedorF .tripAv{ margin:0 0 0 20px;float:right; font-size:10px; color:#939191; text-align:right; } 


#preFooter{width:100%;margin:auto; clear:both; }
#preFooter #contenedorPF{ width:1024px; margin:auto; padding-top:10px; height:120px;}

#preFooter #contenedorPF #eventosSociales{ margin:0; width:280px; float:left; padding-left:10px; }
#preFooter #contenedorPF #eventosEmpresariales{ margin:0 0 0 80px; width:280px; float:left; }
#preFooter #contenedorPF #instalacionesPre{ margin:0 10px 0 50px; width:283px; float:right; } 

#preFooter #contenedorPF .imagen{ width:138px; height:114px; float:left; margin:0;}
#preFooter #contenedorPF h2{ width:137px; float:right; margin:15px 0 0 5px; color:#8da517; font-size:14px; font-weight:bold;font-family: 'Cuprum', arial, serif;}
#preFooter #contenedorPF h2 a{color:#8da517; font-size:14px; font-weight:bold;font-family: 'Cuprum', arial, serif; text-decoration:none}
#preFooter #contenedorPF h2 a:hover{color:#8da517; font-size:14px; font-weight:bold;font-family: 'Cuprum', arial, serif; text-decoration:underline;}

#preFooter #contenedorPF .texto{ width:137px; float:right; margin:0 0 0 5px; color:#bdbdbd; font-size:11px; line-height:16px; }
#preFooter #contenedorPF .texto a{ color:#bdbdbd; font-size:11px; text-decoration:none;}
#preFooter #contenedorPF .texto a:hover{color:#bdbdbd; font-size:11px; text-decoration:underline;}
