/*  ####################################################################
  =EQ - Ecualizador y Estilos Utilitarios a partir de:
    - Faruk Ates - www.kurafire.net
    - Ryan Thrash - www.modxcms.com
    - Eric Meyer - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 -------------------------------------------------------------------- */
 
/*  v2.1, by Faruk Ates - www.kurafire.net # Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely:
 -------------------------------------------------------------------- */
html, body, form, fieldset {
  margin: 0;
  padding: 0;
  font: 100% Georgia,Palatino,Garamond,"Adobe Garamond Pro",serif;
  line-height: 1.5;
}
html { 
    font-size: 100.01%; /* avoids obscure font-size bug */
    height: 100%;
    margin-bottom: 1px; /* avoid jumping scrollbars */
}
body {
  color: Black;
  background: white; /* Estabecer siempre el color de fondo - www.zeldman.com/2007/06/18/bgcolor-follies/ */
  font-size: 62.5%; /* =10px, 68.75%=11px, 75%=12px, 81.25%=13px, 87.5%=14px*/
  height: 100%;
}
input, select, textarea {
  font-size: 100%;  /* Form field text-scaling */
}
img { border: 0; }

/* Neutralize styling: 
   Elements with a vertical margin:
 -------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
  margin: 0 0 0.7em;
  padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it:
 -------------------------------------------------------------------- */
li, dd, blockquote {
  margin-left: 1em;
}

/* Miscellaneous conveniences:
 -------------------------------------------------------------------- */
form label {
  cursor: default;
}
.clearfix:after { /* Clear Floats Without Structural Markup - www.positioniseverything.net/easyclearing.html*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear { clear: both; }

.tituloEstructural { 
  position: absolute;
  left: -5000px;
  width: 4000px;
}
/* Headers:
 -------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

h1 { font-size: 240%; }
h2 { 
  font: 220% "Lucida Sans Unicode",Geneva,Verdana,"Gill Sans",sans-serif;
  
}
h3 { font-size: 200%; font-family:"Lucida Sans Unicode",Geneva,Verdana,"Gill Sans",sans-serif; }
h4 { font-size: 180%; }
h5 { font-size: 160%; font-weight: bold; }
h6 { font-size: 140%; font-weight: bold; }

p {
  font-size: 160%;
}

/*  ####################################################################
  =ESP - Estilos específicos por sección
 -------------------------------------------------------------------- */
body {
  background:#041A36 url(../img/bgBody.png) repeat-y center top;
  color:#2A2A2A;
}

/*  =head
 -------------------------------------------------------------------- */
#encab h1 {
  position:relative;
  padding:3px 0 10px 10px;
  width:740px;
  z-index:1;
  background:#041A36 url(../img/bgHead.gif) repeat-x;
  border-bottom:2px solid #233956;
}
#encab h1 a {
  color:#FFF;
  text-decoration:none;
  letter-spacing:3px;
  font-size:150%;
  font-family:Georgia,Palatino,Garamond,"Adobe Garamond Pro",serif;
}
#encab h1 a:hover { color:#7D94B5; }
#encab h1 span {
  position:absolute;
  top:65%;
  left:6%;
  font-variant:small-caps;
  font-family:"Lucida Sans Unicode",Geneva,Verdana,"Gill Sans",sans-serif;
  font-size:50%;
  letter-spacing:2px;
  color:#526B8F;
}

/*  =nav
 -------------------------------------------------------------------- */
#nav { 
  padding-bottom:5px;
  width:750px;
  position:relative;
  z-index:4;
  background:#142643 url(../img/bgNav.gif) no-repeat bottom left;
  border-top:1px solid #334262;
  font-family:"Lucida Sans Unicode",Geneva,Verdana,"Gill Sans",sans-serif;
  font-size:130%;
}
#nav ul { 
  margin:0;
  padding:0;
  width:750px;
  float:left;
  list-style-type:none;
}
#nav ul li { display:inline; }
#nav ul li a { 
  float: left;
  display: block;
  padding:7px 8px;
  border-right: 1px solid #041A36;
  text-align: center;
  text-decoration: none;
  color:#526B8F;
}

#nav ul li a:hover { 
  padding:7px 8px 3px;
  color:#869E73;  
  border-bottom: 4px solid #869E73;
}
span.seccionActual {
  float: left;
  display: block;
  padding:7px 8px 3px;
  color:#869E73;
  border-right: 1px solid #041A36;
  border-bottom: 4px solid #869E73;
  text-align: center;
  cursor:default;
}

/*  =contenido
 -------------------------------------------------------------------- */
#contenido h2 {
  margin-left:-3px;
  margin-bottom:0.5em;
  padding:5px 10px 10px 27px;
  background:url(../img/bgHeaderContenido.gif) no-repeat left center;
  color:#003366;
}

#contenido p {
  padding:0 15px 0 25px;
}

#contenido a, #sidebar a {
  color:#003366;
}
#contenido a:hover, #sidebar a:hover {
  color:#CC6600;
}
/*  =sidebar
 -------------------------------------------------------------------- */

/* headings */
#sidebar h2 {
  padding-left:30px;
  background:url(../img/bgHeaderSidebar.gif) no-repeat left center;
  color:#663300;
  font-size:180%;
}


/* Navegación Secundaria */
#sidebar ul.subNav { margin:0; padding:0; list-style-type:none; }
#sidebar ul.subNav li {
  margin:0;
  padding:0 5px 0;
  background-color:#E4E0D5;
}
#sidebar ul.subNav li a {
  padding:3px 5px 3px 15px;
  display:block;
  width:90%;
  background:url(../img/vinSubNav.gif) no-repeat left center;
  border-bottom:1px solid #D8D4C9;
  color:#8E9468;
  text-decoration:none;
  font-family:"Lucida Sans Unicode",Geneva,Verdana,"Gill Sans",sans-serif;
  font-size:1.2em;
}
#sidebar ul.subNav li a:hover {
  background:url(../img/vinSubNav_hover.gif) no-repeat left center;
  color:#233956;
}
#sidebar ul.subNav li span.subseccionActual {
  padding:3px 5px 3px 15px;
  display:block;
  width:90%;
  background:url(../img/vinSubNav_hover.gif) no-repeat left center;
  border-bottom:1px solid #D8D4C9;
  color:#233956;
  text-decoration:none;
  text-align:left;
  font-weight:bold;
  font-family:"Lucida Sans Unicode",Geneva,Verdana,"Gill Sans",sans-serif;
  font-size:1.2em;
}
#sidebar ul.subNav ul { margin-left:1em; padding:0; }
#sidebar ul.subNav ul li span.subseccionActual {
  padding:3px 5px 3px 15px;
  display:block;
  width:90%;
  background:url(../img/vinSubNav_hover.gif) no-repeat left center;
  border-bottom:1px solid #D8D4C9;
  color:#233956;
  text-decoration:none;
  text-align:left;
  font-weight:bold;
  font-family:"Lucida Sans Unicode",Geneva,Verdana,"Gill Sans",sans-serif;
  font-size:1.2em;
}

/*
#sidebar ul.subNav ul li a {
  background:none;
  border-left:1px solid #8E9468;
}
#sidebar ul.subNav ul li a:hover {
  background:url(../img/vinSubSubNav.gif) no-repeat left center;
  border-left:1px solid #233956;
}
*/

/* listado de Novedades */
/*
#sidebar ul.novedades { list-style-type:none; }
#sidebar ul.novedades li {
  margin:0 0 0.5em;
  padding:0;
}
#sidebar ul.novedades h3 {
  margin-bottom:0;
  border-bottom:1px solid #869E73; 
  color:#869E73;
  text-decoration:none;
  font-size:1.5em;
}
#sidebar ul.novedades h3 a {
  display:block;
  border-bottom:1px solid #869E73; 
  color:#869E73;
  text-decoration:none;
}
#sidebar ul.novedades h3 a:hover {
  border-bottom:1px solid #003F66;
  color:#003F66;
}
#sidebar ul.novedades span {
  margin-left:1em;
  color:#041A36;
  color:#CC6600;
  font-family:"Lucida Sans Unicode",Geneva,Verdana,"Gill Sans",sans-serif;
  font-size:1em;
}
#sidebar ul.novedades p {
  margin:0 1em;
  color:#041A36;
  font-size:1.2em;
}
*/
ul.novedades { list-style-type:none; }
ul.novedades li {
  margin:0 0 0.5em;
  padding:0;
}
ul.novedades h3 {
  margin-bottom:0;
  border-bottom:1px dotted #869E73;
  color:#869E73;
  text-decoration:none;
  font-size:1.5em;
}
ul.novedades h3 a {
  display:block;
  border-bottom:1px solid #869E73; 
  color:#869E73;
  text-decoration:none;
}
ul.novedades h3 a:hover {
  border-bottom:1px solid #003F66;
  color:#003F66;
}
ul.novedades span {
  margin-left:1em;
  color:#CC6600;
  font-family:"Lucida Sans Unicode",Geneva,Verdana,"Gill Sans",sans-serif;
  font-size:1em;
}
ul.novedades p {
  margin:0 1em;
  color:#041A36;
  font-size:1.2em;
}

/* Registros Bitácora  */
ul.bitacora {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.bitacora li {
  margin: 0 0 1em;
  padding: 0;
}
ul.bitacora h3 {
  margin-bottom: 0;
  font-size:1.5em;
}
#sidebar ul.bitacora h3 a {
  display: block;
  border-bottom:1px solid #869E73;
  color:#869E73;
  text-decoration: none;
}
#sidebar ul.bitacora h3 a:hover {
  border-bottom:1px solid #003366;
  color: #003366;
}
ul.bitacora span.fecha {
  padding:0 1em;
  color:#CC6600;
  font-family:"Lucida Sans Unicode",Geneva,Verdana,"Gill Sans",sans-serif;
  font-size:1em;
}
ul.bitacora p {
  margin:0 1em;
  color:#041A36;
  font-size: 1.2em;
}

/* Galería de imágenes */
#sidebar img {
  margin:0 auto 15px;
  padding:1px;
  display:block;
  border:5px solid #DAD6CA;
}

/*  =pie
 -------------------------------------------------------------------- */
#pie { font-family:"Lucida Sans Unicode",Geneva,Verdana,"Gill Sans",sans-serif; }
#pie ul {
  margin:0;
  padding:0;
  width:490px;
  float:left;
  list-style-type:none;
  font-size:1.2em;
}
#pie ul li { margin:0;padding:0; display:inline; }
#pie ul li a {
  margin:0 10px;
  padding:3px 5px 1px;
  display:block;
  float:left;
  border-bottom:1px solid #1C365E;
  color:#526B8F;
  text-decoration:none;
  font-variant:small-caps;
  letter-spacing:1px;
}
#pie ul li a:hover {
/*  margin:0 10px;
  padding:3px 5px 1px;
  display:block;
  float:left;
  color:#526B8F;
  text-decoration:none;
  font-variant:small-caps;
  letter-spacing:1px;
  border-bottom:1px solid #526B8F;*/

  border-bottom:1px solid #869E73;
  color:#869E73;
  ackground-color:#869E73;
}

#pie p {
  padding:0 5px;
  width:230px;
  float:left;
  text-align:center;
  font-size:1.3em;
}

/*  ####################################################################
  =VARIOS - Estilos particulares
 -------------------------------------------------------------------- */
p.img_caption {
  margin-left:25px;
  margin-right:25px;
  color:#636363;
  text-align:center;
  font-size:1.3em;
}
blockquote {
  margin-left:25px;
  margin-right:25px;
  margin-bottom:10px;
  padding:5px 5px 0 5px;
  border:1px solid #D0C4D6;
  background-color:#EADEF1;
  font-style:italic;
  font-size:110%;
}
#contenido ol {
  margin-left:2em;
  font-size:160%;
}
.lesluthiers {  /* para resaltar el nombre Les Luthiers [26Jun09] */
  font-weight: bold;
  font-style: italic;
}
#contenido .nota { /* para resaltar notas [27Jun09] */
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color:#F7F6F1;
  border:1px solid #EFEBDF;
}
.identa { /* identar [27Jun09] */
  padding-left: 1em;
}

blockquote.notaPeriodico {
  margin-bottom: 2em;
}
.notaPeriodico p {
  font-size: 1.375em;
}
.dropcap {
  float: left;
  width: .5em;
  padding-top: 30px;
  font-size: 7em;
  line-height: 0;
  font-style: normal;
}
.autorNotaPeriodico {
  color: #84798a;
  font-weight: bold;
}

/* para el banner de Children.org - jul 2009 */
.children {
  margin-top: 1.5em;
  margin-bottom: 0.25em;
  padding: 1px;
  text-align: center;
  border: 1px solid #C4C0B3;
  line-height: 0;
}
#sidebar p.children img {
  margin: 0;
  padding: 0;
  display: inline;
  border: 7px solid #DAD6CA;
  border-left-width: 53px;
  border-right-width: 53px;
}


/*  =imgs
 -------------------------------------------------------------------- */
img.completa {
  margin:0 auto 5px;
  display:block;
  border:5px solid #000;
}
img.enLinea {
  margin:5px 10px;
  padding:1px;
  float:right;
  clear:right;
  border:2px solid #F1F1F1;
}
a.thickbox:hover img.enLinea {
  border:2px solid #869E73;
}
img.enLinea_alt {
  margin:5px 10px;
  padding:1px;
  float:left;
  border:2px solid #F1F1F1;
}
a.thickbox:hover img.enLinea_alt {
  border:2px solid #869E73;
}

/*  =divs
 -------------------------------------------------------------------- */
div.guion {
  margin:5px 20px 15px 20px;
  padding-top: 10px;
  background-color:#F7F6F1;
  border:1px solid #EFEBDF;
  font-size:0.85em;
}
div.mediaPlayer {
  margin-bottom:8px;
  text-align:center;
}
div.fotosRelato {
  margin:0 25px 5px;
  text-align:center;
  background-color:#F1F1F1;
}
div.fotosRelato img {
  margin:8px 4px;
  border:3px solid #E3E3E3;
}
div.fotosRelato p {
  margin:5px 0 5px;
  background-color:#EAEAEA;
  border-top:1px solid #CECECE;
  color:#636363;
}
div.fotosRelato em {
  font-size:0.85em;
}

/*  =form
 -------------------------------------------------------------------- */

#contenido form {
  width: 440px;
  margin: 0 10px 1em;
  padding: 1em 0 0.5em;
  /*background: #fff url(../img/bg-form.png) repeat-x left bottom;
  border-bottom: 1px solid #c1bcb2;*/
}
#contenido form ol {
  margin: 0 0 0 20px;
  padding: 0;
  list-style: none;
}
form li {
  padding-bottom: 0.5em;
  font-size: 0.875em;
}
label { 
  display: block;
}
label em {
  color: #008c00;
  font-style: italic;
}
label strong {
  width: 400px;
  margin-bottom: 1px;
  display: block;
  background-color: #c00;
  color: #fff;
  font-weight: bold;
}
form input { width: 250px; font-family: Verdana, Arial, sans-serif; }
form textarea { width: 395px; font-family: Verdana, Arial, sans-serif; }

.txtError { border: 1px solid #c00; }

/*  =mensajes
 -------------------------------------------------------------------- */
.msgExito {
  width: 90%;
  margin: 1.5em auto 1em;
  padding: 0.5em 0 0;
  background-color: #caf0cd;
  border: 1px solid #339900;
  color: #196020;
}
.msgExito h3, .msgExito h4 {
  margin-left: 0.75em;
  /*font-weight: bold;*/
  letter-spacing: normal;
}

.msgError {
  width: 90%;
  margin: 1.5em auto 1em;
  padding: 0.5em 0 0;
  background-color: #ffc2c2;
  border: 1px solid #c00;
  color: #6f1616;
}
.msgError h3, .msgError h4 {
  margin-left: 0.75em;
  /*font-weight: bold;*/
  letter-spacing: normal;
}