body {
  background: url(/img/fondo.gif);
  margin: 0;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 0.8em;
}

div#lateral {
/* display: none; */
  float: left;
  margin: 0 0 0 -75px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;

}


div#contenedor {
  background: #fff;
  width: 782px;
  padding-right: 15px;
  position: relative;
  border-left: 1px solid #ccc;
  border-bottom: 3px solid #ccc;
  margin: auto;
}

body div.seccion1 { border-right: 5px solid #7BF; }
body div.seccion2 { border-right: 5px solid #F95; }
body div.seccion4 { border-right: 5px solid #F77; }
body div.seccion3 { border-right: 5px solid #3B7; }
body div.seccion5 { border-right: 5px solid #EE3; }


div#pie {
  clear: both;
  background: url(/img/fondo.gif);
  text-align: center;
  padding: 20px;
}

div#pie img {
  position: relative;
  top: 7px;
  margin: 0 1.6em;
}

div#cabecera {
  margin: 0 0 0 12px; 
  height: 275px;
}

h1 {
  display: none; /* Para la hoja de estilos de impresora */
}

div#cabecera div#creditos {
  text-align: right;
  color: #bbb;
  font-family: Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
  line-height: 2.5em;
  font-size: 0.7em;
}

div#cabecera div#creditos a {
  color: #bbb;
  text-decoration: none;
}

div#cabecera div#creditos a.fuerte {
  font-weight: bold;
}

div#cabecera div#fotografias img {
  float: left;

}

div#idiomas {
  float: left;
  margin: 3px 0;
}

div#idiomas img {
  margin: 0 0.3em;
  border: none;
}

div#menu {
  display: block;
  clear: both;
  padding: 0;
  margin: 0 0 20px 12px;
  margin: 0 0 20px 195px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #aaa;
}

div#menu ul {
  text-align: right;
  padding: 0;
  margin: 0;
}

div#menu ul li {
  display: inline;
  text-transform: uppercase;
}

div#menu ul li a {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.85em;
  letter-spacing: 0.1em;
  font-weight: bold;
  text-decoration: none;
  padding: 0.3em 1em;
}

div#menu ul li a:hover,
div#menu ul li a.activo {
  background: #EAEAEA;
}

div#menu ul li#seccion1 a { color: #09F; }
div#menu ul li#seccion2 a { color: #F60; }
div#menu ul li#seccion3 a { color: #F00; }
div#menu ul li#seccion4 a { color: #390; }
div#menu ul li#seccion5 a { color: #EB0; }

div#texto, div#galeria, div.texto {
  width: 50%;
  font-size: 0.89em;
  color: #777;
  color: #666;
  margin: 0;
  position: relative;
  left: 6%;
}

div.mapa {
  width: 60% !important;
/*   background: #f0f; */
}

div#margen {
/*   background: #0f0; */
  width: 40%;
  float: right;
  text-align: right;
  position: relative;
  top: 20px;
  right: 10px;
}

div#direccion {
  color: #aaa;
  font-family: Times, serif;
  font-size: 1.1em;
  border-left: 1px dotted #444;
  padding: 60px 0 20px 20px;
  width: 35%;
  height: 80px;

  position: absolute;
  bottom: 0px;
  right: -1px;
  margin-right: 10px;
}

#texto .fuerte, #texto .listado_denso {
  color: #333;
}

.listado_denso {
  font-weight: bold;
}


#direccion .fuerte {
  color: #777;
}


#texto ul {
  line-height: 25px;
  padding: 0 0 0 4em;
  list-style-image: url(/img/bolo_rojo.gif);
}

#texto p, .texto p {
  line-height: 1.5em;
  margin-bottom: 2em;
/*   margin-left: 10%; */
  margin-left: 6%;
  text-align: justify;
}

#texto p:after,
#mapa p:after, .texto p:after {
  content: url(/img/bolo_azul.gif);
  margin-left: 3px;
}

#texto p.imagen:after,
.texto p.imagen:after {
  content: "";
}

#texto p.imagen a, .texto p.imagen a {
  border: none;
}

#texto p.imagen img,
.texto p.imagen img,
div.galeria div.imagen img {
  border: 1px solid #777;
  padding: 2px;
  background: #fff;
}

#margen img {
  padding: 3px;
  border: 1px solid #888;
  margin: 5px;

}

h2 {
  color: #57863C; 
  font-size: 26px;
  font-family: Times, serif;
  font-weight: normal;
  position: relative;
  top: 0;
  margin-left: 0;
}

div#pie a {
  font-weight: bold;
  color: #448;
  text-decoration: none;
}

div#cuerpo {
  padding-bottom: 40px;
}

#texto a,
.texto a,
#galeria a {
  text-decoration: none;
  border-bottom: 1px solid #66f;
  color: #66f;
}

div#submenu {
  position: absolute;
  width: 35%;
  right: -1px;
  bottom: 175px;
  margin-right: 20px;
}

div#submenu ul {
  list-style-type: none;
  padding: 0;
  line-height: 2em;
  margin: 0;
}

div#submenu ul li {
  text-transform: uppercase;
  display: block;
  text-align: left;
}

div#submenu ul li a {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.85em;
  letter-spacing: 0.1em;
  font-weight: bold;
  text-decoration: none;
  padding: 0.3em 1em;
/*   margin-left: -0.6em; */
  color: #09F; /* Sólo hay submenú en la sección 1 */

}

div#submenu ul li a:hover,
div#submenu ul li a.activo {
  background: #EAEAEA;
}

ul.listado_denso ul {
  padding: 0 0 0 1.5em !important;
  list-style-image: url(/img/bolo_peque.png) !important;
/*   list-style-position: bottom; */
  color: #777 !important;
  margin-bottom: 1em;
  font-weight: normal;
}

ul.listado_denso li p {
  font-weight: normal;
}

ul.listado_denso li {
  color: #333;
}


#degradado {
  background-image: url(/img/degradado.gif);
  height: 1px;
  margin-left: 5px;
}

.precarga {
  display: none;
}

div.mapa,
div.detalle {
/*   width: 90% !important; */
  margin: 0 !important;
  padding: 0 !important;
  left: 0 !important;
/*   height: 575px; */
}

div.detalle {
  min-height: 900px;
}


div.mapa img,
div.detalle img {
  padding: 5px !important;
  background: #fff;
}

img.sin_marco {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}




div.galeria {
  width: 87% !important;
  left: 6%;
  padding: 0 25px;
  padding-bottom: 30px;
}

div.galeria hr {
  clear: left;
  visibility: hidden;
}

div.galeria div.imagen {
  display: inline  !important;
  width: 25%;
  float: left !important;
/*   border: 1px solid #000; */
  margin: 10px 0px 10px 0;  
}

div.galeria div.imagen a {
  border: none !important;
}

div.galeria div.imagen p {
  margin: 0 !important;
  padding: 0 10px 0 0;
}

div.galeria p {
  margin: 0 !important;
}


div.galeria div.imagen p a {
  color: #333 !important;
}

div.galeria p:after {
  content: "" !important;
}

/* Formularios */

form#contactar fieldset {
  border: none;
}

form#contactar input,
form#contactar textarea,
div#buscador input,
form#formulario input,
form#formulario textarea {
  font-family: inherit;
  font-size: 12px;
  background: #f5f5f5;
  color: #444;
  margin: 0px;
  padding: 2px 7px 2px 7px;
  border: 1px solid #aaa;
}

form#contactar input:hover,
div#buscador input:hover,
form#contactar textarea:hover,
form#formulario input:hover,
form#formulario textarea:hover {
  background: #ffffff;
  border: 1px solid #666 !important;
  color: #000;
}

form#contactar textarea {
  font-size: 11px;
  height: 75px;
}

form#contactar label {
  width: 25%;
  float: left;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  margin: 0px;
  padding: 12px 15px 2px 0px;
}

form#contactar textarea,
form#contactar input {
  width: 66%;
  margin: 10px 0px 5px 0px;
}

form#contactar input.boton,
form#formulario input#boton {
  background-image: url('/img/boton.gif');
  border: 0px solid #000; 
  color: #000;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
  height: 21px;
  width: 91px !important;
  font-weight: bold;
}

form#contactar input.boton:hover {
  border: none !important; 
  position: relative;
  top: 1px;
  left: 1px;
}

div.calidad {
/*   padding: 10px 0; */
  font-size: 9px;
}

div.calidad a {
  text-decoration: none;
  text-decoration: none;
  border-bottom: 1px solid #66f;
  color: #66f;
}

div.calidad img {
  vertical-align: top;
}

p.volver {
  border-top: 1px dotted #aaa;
  text-align: right !important;
  padding: 15px 0 0 0;
  margin: 50px 0 0px 0;

}

div.cortesia {
  width: 780px;
  text-align: right !important;
  color: #aaa;
  font-size: 0.9em;
  margin-top: -25px;
  margin-right: 0;
}