/*
  Colores HEX
  #eaf7ff -> azul celeste (claro)
  #58a4d2 -> azul
  #00578c -> azul marino (oscuro)
  #ffd510 -> amarillo
*/

/* Etiquetas HTML */
a {
  color: #00578c;
}
a:hover {
  color: #58a4d2;
  text-decoration: none;
}

address {
  float: left;
  font-style: normal;
  margin-bottom: 15px;
  padding-left: 20px;
}
address:first-line {
  color: #00578c;
  font-weight: bold;
}

b {
  color: #00578c;
}

body {
  background-color: #00578c;
  cursor: default;
}

body, input, td, textarea {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
}

cite {
  font-style: normal;
  line-height: 50px;
  margin: 100px;
}

em {
  color: #58a4d2;
  font-style: normal;
  text-transform: lowercase;
}

h2 {
  border-bottom: 1px #58a4d2 dashed;
  color: #00578c;
  font-size: 16px;
}

hr {
  border-top: thin #58a4d2 dashed;
  height: 1px;
  text-align: center;
  width: 90%;
}

img, table {
  border: none;
}

input, textarea {
  border: none;
  padding: 2px;
}

li {
  list-style-type: square;
}

select {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
}

textarea {
  height: 70px;
  overflow: auto;
}

tr {
  vertical-align: top;
}

/* Logo */
#logo {
  height: 134px;
  vertical-align: top;
  width: 156px;
}

/* Pagina transparente */
#transparente {
  background-color: transparent;
}

/* Fondo principal */
body.fondo {
  background-color: #58a4d2;
  margin: 5px;
  overflow: hidden;
}

/* Tabla principal */
#base {
  background: #eaf7ff url(/img/fondo.gif) left top no-repeat;
  height: 100%;
  width: 779px;
}

/* Tabla lateral */
#lateral {
  height: 100%;
  width: 179px;
}

/* Fondo lateral */
td.fondo-lateral {
  background: url(/img/menu.fondo.gif) left top no-repeat;
}

/* Items del menu */
#menu {
  padding-top: 8px;
  vertical-align: top;
}
#menu p {
  line-height: 19px !important;
  line-height: 11px;
  padding-right: 40px;
  text-align: right;
}
#menu a {
  color: #00578c;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
#menu a:hover {
  color: #ffd510;
}

/* Filete menu */
.linea {
  color: #eaf7ff;
}

/* Iframe */
#contenido {
  height: 100%;
  width: 600px;
}

/* Pie */
#pie {
  background-color: #58a4d2;
  color: white;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  text-align: center;
  vertical-align: middle;
}
#pie a {
  color:white;
}
#pie a:hover {
  color:white;
  text-decoration:none;
}

/* Campos formulario */
#campo td {
  color: #00578c;
  text-align: right;
  width: 70px;
}
#campo input, #campo textarea {
  background-color: white;
  width: 200px;
}

#campo input#numero {
  text-align: right;
  width: 30px;
}

/* Boton */
#boton {
  text-align: right;
}
#boton input {
  background-color: #00578c;
  border: 1px #00578c solid;
  color: white;
  cursor: pointer;
  font-weight: bold;
}
#boton input:hover {
  background-color: white;
  border: 1px #00578c solid;
  color: #00578c;
}

/* Mensaje de error */
#error span {
  background-color: #dea7ba;
  border: 1px #8c0021 solid;
  color: #8c0021;
  font-weight: bold;
  padding: 5px;
}

/* Estancias */
table#estancia {
  width: 100%
}
td#estancia-foto {
  width: 85px;
}
td#estancia-lista {
  /*width: 50%;*/
}
td#estancia-lista a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
p#estancia-temporadas {
  background-color: #b0bdc5;
  border: 1px #87949c dashed;
  color: white;
  font-size: 10px;
  padding: 2px;
}

/* Imagen miniatura */
img.miniatura {
  border: 1px #eaf7ff solid;
  cursor: pointer;
}
img.miniatura:hover {
  border: 1px #00578c solid;
  cursor: pointer;
}

/* Esquina inferior del borde */
#esquina-inferior {
  background: url(/img/borde.inferior.gif) left bottom no-repeat;
  height: 31px;
  width: 13px;
}

/* Esquina superior del borde */
#esquina-superior {
  background: url(/img/borde.superior.gif) right top no-repeat;
}

/* Fondo animacion Flash */
body.animacion-fondo {
  background: url(/img/animacion.fondo.gif) right top no-repeat;
}

table.ficha {
  width: 580px;
}