@import url(/css/form.css);
@import url(/css/jquery-prettyPhoto.css);


/* 
  Arcovía Digital (www.arcovia.com)
  agosto 2008
*/

/* HTML */
a {
  text-decoration:none;
}
address {
  font-style:normal;
}
body {
  cursor:default;
  font:12px Georgia,Times New Roman,serif;
  margin:0;
}
h1 {
  font:italic normal 30px Georgia,Times New Roman,serif;
  margin:0 0 20px 0;
  padding-left:60px;
}
h2 {
  font:italic normal 20px Georgia,Times New Roman,serif;
  margin:20px 0 0 0;
}
img {
  border:none;
}
p {
  font-family:Trebuchet MS,Trebuchet,Tahoma,Verdana,Arial,sans-serif;
}
small {
  color:#686868;
}

/* CLASES */
body {
  border:0; /* elimina borde en versiones antiguas de IE */
  margin:0;
  min-width:1000px; /* ancho mínimo de maquetación (eliminar si no se necesita) no funciona en versiones antiguas de IE */
  padding:0;
}
.decorado {
  float:left;
  float:right;
  text-align:center;
  width:100%;
}
.decorado-simbolo {
  float:left;
  float:right;
  width:100%;
}
.escenario {
  margin:0 auto;
  width:1000px;
}
.cabeza {
  clear:both;
  float:left;
  height:255px;
  width:100%;
}
.mascara {
  clear:both;
  float:left;
  overflow:hidden; /* mata cualquier capa por encima */
  position:relative; /* fija el overflow para IE7 y evita el salto fuera de la maquetación */
  width:100%;	/* ancho general */
}
.maquetacion {
  /* background:#b1c800 url(/img/decorado-fondo-seccion.gif) no-repeat right top; */ /* fondo columna derecha */
}
.maquetacion .columnaMitad {
  background:#fff; /* fondo columna centro */
  float:left;
  margin-left:-230px; /* ancho columna derecha */
  position:relative;
  right:100%;
  width:200%;
}
.maquetacion .columnaIzquierda {
  /* background:red; */ /* fondo columna izquierda */
  float:left;
  left:395px; /* ancho columna izquierda + ancho columna derecha */
  margin-left:-50%;
  position:relative;
  width:100%;
}
.maquetacion .contenido {
  float:left;
  padding-bottom:10px; /* padding inferior general a todas las columnas */
  position:relative;
  right:165px; /* ancho columna izquierda */
  width:50%;
}
.maquetacion .contenidoDentro {
  font-family:Trebuchet MS,Trebuchet,Tahoma,Verdana,Arial,sans-serif;
  left:200%;
  margin:0 250px 0 185px; /* márgenes derecho e izquierdo incluyendo padding */
  overflow:hidden;
  padding-top:10px;
  position:relative;
  text-align:left;
}
.maquetacion .menu {
  float:left;
  float:right; /* sobrescribe float:left */
  padding-top:10px;
  position:relative;
  right:0; /* padding derecho (no es necesario poner el izquierdo) */
  text-align:right;
  width:165px; /* ancho columna izquierda (sin padding, es decir, sólo el maquetacion de la columna) */
  width:135px;
  margin-left:30px;
}
.maquetacion .galeria {
  background:none;
  float:left;
  float:right; /* sobrescribe float:left */
  left:50%;
  margin-right:10px; /* padding derecho (no es necesario poner el izquierdo) */
  padding-top:10px;
  position:relative;
  text-align:left;
  width:210px; /* ancho columna derecha (sin padding, es decir, sólo el maquetacion de la columna) */
}
.pie {
  clear:both;
  float:left;
  height:50px;
  width:100%;
}


.cabeza .eslogan {
  float:left;
  padding:70px 0 0 20px;
}
.cabeza .foto {
  background-repeat:no-repeat;
  float:left;
  height:255px;
  width:770px;
}
.cabeza .logo {
  background:#fff url(/img/latala-logo-siglo.gif) no-repeat 5px 10px;
  float:left;
  height:165px;
  width:230px;
}
.cabeza .simbolo {
  float:right;
  padding:10px 20px 0 0;
}
.cabeza .idiomas {
  font:9px Tahoma,Verdana,Arial,sans-serif;
  height:20px;
  padding:5px 10px 0 0;
  text-align:right;
}
.cabeza .idiomas a {
  margin-left:10px;
}
.cabeza .idiomas img {
  vertical-align:middle;
}
.cabeza .selector {
  float:left;
  height:90px;
  text-align:left;
  width:230px;
}
  .cabeza .selector a {
    color:#fff;
    display:block;
    font-size:18px;
    font-weight:bold;
    margin-top:5px;
    padding-left:40px;
  }
  .cabeza .selector a:hover,
  .cabeza .selector a.on {
    font-style:italic;
  }

.maquetacion .menu a {
  color:#fff;
  display:block;
  font-size:14px;
  font-weight:bold;
  line-height:25px;
  padding-right:15px;
}
.maquetacion .menu a:hover {
  font-style:italic;
}
.maquetacion .menu a.on {
  font-style:italic;
}
.maquetacion .menu a img {
  vertical-align:middle;
}
.maquetacion .menu .ornamento {
  height:66px;
  margin:20px 0;
}

.maquetacion .contenido .texto {
  padding-left:60px;
}
.maquetacion .contenido .estancias {
  float:right;
  margin-top:10px;
  padding-left:20px;
  width:100px;
}
.maquetacion .contenido .estancias a,
.maquetacion .contenido .estancias strong {
  display:block;
}
.maquetacion .contenido .estancias a {
  padding-left:22px;
}
.maquetacion .contenido .estancias a.on {
  font-weight:bold;
}
.maquetacion .contenido .ornamento {
  clear:both;
  height:40px;
  margin:20px 0;
}
.maquetacion .contenido .noticia a {
  text-transform:lowercase;
}
.maquetacion .contenido .fecha {
  color:#686868;
  display:block;
  font-size:10px;
  text-transform:uppercase;
}

.maquetacion .galeria a {
  display:block;
  font-weight:bold;
  margin-bottom:10px;
}
.maquetacion .galeria address span {
  color:#465920;
  font:italic bold 11px Georgia,Times New Roman,serif;
}
.maquetacion .galeria .info {
  display:block;
  font:9px Tahoma,Verdana,Arial,sans-serif;
  padding-left:40px;
  text-transform:uppercase;
}

.pie a {
  color:#fff;
  text-decoration:underline;
}
.pie address {
  color:#fff;
}
.pie span {
  float:left;
  margin-right:20px;
}
.pie .centrado {
  margin:0 auto;
  width:1000px;
}
.pie .arcovia,
.pie .datos-contacto,
.pie .subir {
  float:left;
}
.pie .arcovia {
  font:9px Tahoma,Verdana,Arial,sans-serif;
  padding-top:5px;
  text-align:left;
  width:164px;
}
  .pie .arcovia a {
    text-decoration:none;
  }
.pie .datos-contacto {
  font:11px Trebuchet MS,Trebuchet,Tahoma,Verdana,Arial,sans-serif;
  line-height:14px;
  padding-top:5px;
  text-align:left;
  width:646px;
}
.pie .subir {
  text-align:right;
  width:190px;
}
  .pie .subir a {
    display:block;
    font-style:italic;
    font-weight:bold;
    height:40px;
    padding:10px 50px 0 0;
    text-decoration:none;
  }


.ico-email,
.ico-fax,
.ico-telefono {
  font:10px Tahoma,Verdana,Arial,sans-serif;
  padding-left:15px;
}

.video {
  background:url(/img/topo-seccion.gif) no-repeat left center;
  padding-left:25px;
}