/*------------------------------------ ESTILOS CSS ---------------------------*/
/*--------------- Estrella Fages, Ilustradora Infatil (c) 2013 ---------------*/

/* -- BLOQUE 1: RESET DEL CSS ------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1;
}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {
  display:block;
}

nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/* Cambiar para ajustar a las necesidades */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* Cambiar para ajustar a las necesidades */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* Cambiar para ajustar a las necesidades */
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

/* -- BLOQUE 2: DEFINIR HTML ESTÁNDARD ---------------------------------------*/

html {
  background-color:#DDDDDD;
}

body {
  color:#000;
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
  font-size:12px;
}

a:link {
  text-decoration:none;color:#16A1C0;
  font-weight: bold;
}
a:visited {
  text-decoration:none;color:#16A1C0;
}
a:active {
  text-decoration:none;color:#0A4957;
}
a:hover {
  text-decoration:none;color:#0A4957;
}

/* -- BLOQUE 3: IDENTIFICADORES ----------------------------------------------*/

#contenedor {
  width: 1200px;
  height: 700px;
  margin: 0 auto;
  background: #FFFFFF;
}

#lateral {
  width: 244px;
  height: 700px;
}

#principal {
  width: 956px;
  height: 700px;
  float: right;
}

/* -- zonas especiales --*/

#banderas {
  padding-left: 20px;
  margin-bottom: 15px;
}

#botonera {
  text-align: center;
  padding-top: 10px;
  height: 100px;
}

#botoneraFlotante {
  position: absolute;
  text-align: center;
  margin: 30px 0px 0px 230px;
  padding: 10px;
  height: 325px;
  width: 125px;
  float: left;
  background: url(imagenes/menuFlota.png) no-repeat;
}

#fechas {
  text-align: center;
  font-size: 3em;
  color: #3F3E65;
}

#galleria {
  width: 956px;
  height: 700px;
  background: none;
  margin: 0;

}

#tarjeta {
  float:right;
  text-align: right;
  font-size: 1.5em;
  color: #3F3E65;
  width: 350px;
  padding-top: 440px;
  padding-right: 35px;
}

#tarjeton {
  float: left;
  width: 1200px;
  height: 700px;
  margin: 0 auto;
  margin-top: -700px;
}


#tituloEF {
  font-size: 2.5em;
  color: #3F3E65;
  padding-top: 635px;
  margin-left: -230px;
}

div .galleria-info {
  overflow: hidden !important;
}

/* -- BLOQUE 4: CLASES -------------------------------------------------------*/

.banderasImg {
  margin: 5px;
}

.firma {
  text-align: right;
/*  margin-top: 7px; */
}

.iconosImg {
  margin: 25px 5px;
}

.iconosImgMenu {
  margin: 5px 5px;
}

.letraGrande {
  font-size: 1.1em;
}

.letraMuyGrande {
  font-size: 1.5em;
}

.opaco {
  opacity: 1;
}

.tarjetaImg {
  margin-bottom: 25px;
}

.tarjetonImg {
  margin: 255px 0 0 655px;
}

.textoFormal {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.1em;
  font-style: italic;
}

.textoNumero {
  font-weight: bold;
  color: #FF0000;
}

.textoPrincipal {
  padding: 70px 80px 0px;
  font-size: 1.35em;
  text-align: justify;
  line-height: 1.45em;
}

.textoPrincipal p{
  margin-top: -1.5em;
  padding-bottom: 1.90em;
}

.barraVertical {
  overflow-x: none;
  overflow-y: scroll;
  height: 608px;
  margin-top: 7px;
}

.transparente {
  opacity: 0.25;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}