/* ************************************************************************
  Archivo de estilos generales
************************************************************************ */


/*-------------------------------------------------------------------
  ESTILO DEL BODY Y GENERALES
-------------------------------------------------------------------*/

/* Body (comun a todos) */
body {
  font: normal 10pt arial,tahoma,verdana;
  background: #FFFFFF;
  color: #000000;
  text-align: center;
  border: 0px none;
  margin: 0px;
  padding: 0px;
}

/* Titulos */
h1 { font:normal 25pt arial,tahoma,verdana; margin:10 5 20 5px; padding:0px; }
h2 { font:bold italic 13pt arial,tahoma,verdana; margin:10 5 10 5px; padding:0px; }
h3 { font:bold italic 10pt arial,tahoma,verdana; margin:10 0 10 0px; padding:0px; }


/* Links (general) */
a:active  { font:normal 9pt arial,tahoma,verdana; text-decoration:none; color:#000000; }
a:visited { font:normal 9pt arial,tahoma,verdana; text-decoration:none; color:#000000; }
a:link    { font:normal 9pt arial,tahoma,verdana; text-decoration:none; color:#000000; }
a:hover   { font:normal 9pt arial,tahoma,verdana; text-decoration:underline; color:#000000; }

a.linkNegrita         { font:bold 10pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; }
a:active.linkNegrita  { font:bold 10pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; }
a:visited.linkNegrita { font:bold 10pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; }
a:link.linkNegrita    { font:bold 10pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; }
a:hover.linkNegrita   { font:bold 10pt arial,tahoma,verdana; text-decoration:underline; padding:2 0 2 0px; color:#000000; }

/* Links (MENU LATERAL) */
a.linkMenu         { font:normal 10pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; }
a:active.linkMenu  { font:normal 10pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; }
a:visited.linkMenu { font:normal 10pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; }
a:link.linkMenu    { font:normal 10pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; }
a:hover.linkMenu   { font:bold 10pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; }

/* Links (MENU EMERGENTE) */
#MenuDivColec a         { font:normal 8pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; width:100%; }
#MenuDivColec a:hover   { font:bold 8pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; width:100%; }

#MenuDivViajes a        { font:normal 8pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; width:100%; }
#MenuDivViajes a:hover  { font:bold 8pt arial,tahoma,verdana; text-decoration:none; padding:2 0 2 0px; color:#000000; width:100%; }

/* Links (PORTADA) */
a.linkPortada         { font:normal 11pt arial,tahoma,verdana; text-decoration:underline; color:#000000; }
a:active.linkPortada  { font:normal 11pt arial,tahoma,verdana; text-decoration:underline; color:#000000; }
a:visited.linkPortada { font:normal 11pt arial,tahoma,verdana; text-decoration:underline; color:#000000; }
a:link.linkPortada    { font:normal 11pt arial,tahoma,verdana; text-decoration:underline; color:#000000; }
a:hover.linkPortada   { font:normal 11pt arial,tahoma,verdana; text-decoration:none; color:#000000; }


/* Separadores */
hr { margin:0px; padding:0px; width:85%; height:auto; color:#025269; text-align:center; }

/* Parrafos estandar */
p { font:normal 10pt arial,tahoma,verdana; margin:10 0 0 0px; padding:0 5 0 5px; }

/* BOTONES */
.stdButton { border-top:2px solid #7585A5; border-left:2px solid #7585A5; border-right:2px solid #203047; border-bottom:2px solid #203047;
             color:#F2E1C3; background-color:#42516E; font:bold 9pt arial,tahoma,verdana; }

/* CAMPOS DE TEXTO (Comun a todos) */
.textField { border:1px solid #869ABF; color:#025269; background-color:#DDDDDD; font:normal 8pt arial,tahoma,verdana; }

/* IMAGENES (Comun a todas) */
img { border:0px none; margin:0px; padding:0px; }



/*-------------------------------------------------------------------------------
  POSICIONAMIENTO, ALINEADO y ESTILOS de textos
-------------------------------------------------------------------------------*/

div  { margin:0px; padding:0px; }       /* Comun a todas las DIV */
span { margin:0px; padding:0px; }       /* Comun a todas las SPAN */

.centrado    { text-align: center; }     /* Formato de parrafos */
.izquierda   { text-align: left; }
.derecha     { text-align: right; }
.justificado { text-align: justify; }
.centro      { text-align: center; vertical-align: middle; }
.medio       { vertical-align: middle; }

.normal    { font-weight: normal; }     /* Estilos de texto */
.negrita   { font-weight: bold; }
.cursiva   { font-style: italic; }
.subrayado { text-decoration: underline; }

.float_izq { float: left; }        /* Flotado de imagenes con texto */
.float_der { float: right; }



/*-------------------------------------------------------------------------------
  TABLAS para estructura de la pagina
-------------------------------------------------------------------------------*/

/* General a TODAS las tablas y celdas */
table {
  font: normal 10pt arial,tahoma,verdana;
  border: 0px none;
  margin: 0px;
  padding: 0px;
}
td {
  border: 0px solid #ff0000;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  text-align: left;
}
th {
  font: bold 10pt arial,tahoma,verdana;
  border: 0px none;
  margin: 0px;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
}


/* Tabla contenedora de la pagina */
table.mainContainer {
  width: 1005px;
  margin-left: auto;
  margin-right: auto;
}

/* Celda del Menu principal */
td.mainMenu {
  text-align: left;
  padding: 16 0 0 10px;
  width: 145px;
}

/* Celda de contenido de pagina */
td.content {
  padding: 20 0 0 0px;
  text-align: center;
  vertical-align: top;
}

/* Thumbnails de la página de Colecciones (grandes) */
td.thumbGallery {
  height: 125px;
  width: 100px;
  text-align: center;
  vertical-align: middle;
}

/* Tabla de una colección (donde se ve la IMG grande, los thumbnails, páginas, etc) */
table.collecContainer {
  width: 800px;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
}
/* Celda de la imagen grande en las colecciones */
td.bigImg {
  width: 655px;
  text-align: center;
  vertical-align: middle;
}
/* Celda contenedora de tabla de thumbnails en las colecciones */
td.thumbContainer {
  width: 130px;
  height: 504px;
  text-align: center;
}
/* Celda contenedora del titulo de la coleccion */
td.collecName {
  width: 15px;
  padding: 14 0 0 0px;
  vertical-align: top;
}
/* Celda contenedora de los links de pag anterior / siguiente */
td.nextPageLinks {
  width: 130px;
  text-align: center;
  padding: 5 0 0 0px;
}

/* Celda de thumbnails de fotos de Colecciones (pequeñas) */
td.thumbImage {
  height: 84px;
  width: 65px;
  text-align: center;
  vertical-align: middle;
}


/* Tabla (DIV) para menu desplegable */
div.dropDown {
  text-align: left;
  border: 1px solid #B0B0B0;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 5px;
  position: absolute;
  visibility: hidden;
  z-index: 1;
}


/* Para objetos DIV con barras de scroll en pantallas de textos */
.contentOverflow {
  width: 500px;
  height: 400px;
  margin: 0 0 0 50px;
  padding: 10px;
  overflow: auto;
  scrollbar-base-color: #BBBBBB;
}