/*
    Author     : ldelmoral
    Description:
        Hoja de estilos para el articulo dolar Carter.

        
*/

.caja_mensaje_ventanaEmergenteDolarUSA, .caja_mensaje_ventanaEmergenteDolarUSAImagen{
    margin-bottom: 100px;
    opacity:1;
    /*filter:alpha(opacity=1);*/
    z-index: 150;
    width: 1009px;
    height: 603px;
    height: 603px\0/;
    *width: 902px;
    width: 1011px\0/;
    box-shadow: 0 0 13px 3px #F6CED8;
    border-width: 2px;


}
_::content, _:future, .caja_mensaje_ventanaEmergenteDolarUSA:not(*:root)
{
width:1012px;
}

.caja_interior_mensaje_ventanaEmergenteDolarUSA {
    z-index: 150;
    border-style: solid;
    border-color: black;
    border-width: 2px;
    margin-top:2px;
    margin-left:3px;
    margin-right: 3px;
    margin-bottom: 2px;
       margin-top:2px\0/;
    margin-left:3px\0/;
    margin-bottom: 3px\0/;
}
_::content, _:future, .caja_interior_mensaje_ventanaEmergenteDolarUSA:not(*:root)
{

    margin-top:2px !important;
    margin-left:3px;
    margin-right: 3px;
    margin-bottom: 2px !important;

}

.caja_mensaje_ventanaEmergenteDolarUSAImagen{
    /*max-height: 526px;*/
    max-height: 543px;
}
.contenedorPieLicencia{
    width:819px;
    margin-top:38px;
    margin-left:-87px;
    background-color:#D9D9D9;
    border: 1px;
    border-style: solid;
    border-color: #9E9E9E;
    margin-bottom:-20px;

}
/*.contenedorPieLicencia{
    border: 1px;
    border-style: solid;
    border-color: #9E9E9E;
    background-color: #d9d9d9;
    border: 1px solid #9e9e9e;
    margin-bottom: -50px;
    margin-left: -151px;
    margin-top: 45px;
    width: 955px;
}*/



.contenedor_mensaje_ventanaEmergenteDolarUSA{
    border: 0px solid #E50005;
    clear: both;
    margin: 0px;
    overflow: auto;
    /*height: 514px;*/
    height: 541px;
    height: 542px\0/;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    position: relative;
}
_::content, _:future, .contenedor_mensaje_ventanaEmergenteDolarUSA:not(*:root)
{

   height: 542px;
}

.contenedor_mensaje_ventanaEmergenteDolarUSAFicha{
    border: 0px solid #E50005;
    clear: both;
    margin: 0px;
    overflow: auto;
    height: 514px;
     height: 515px\0/;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    position: relative;
}

.contenedor_mensaje_ventanaEmergenteDolarUSAImagen{
    border: 0px solid #E50005;
    clear: both;
    margin: 0px;
    overflow: auto;
    /*height: 470px;
    height: 471px\0/;*/
    height: 487px;
    height: 488px\0/;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    position: relative;
    /*max-height: 470px;
    max-height: 471px\0/;*/
    max-height: 487px;
    max-height: 488px\0/;
}
.contenido_mensaje_ventanaEmergenteDolarUSA{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 0px;
}
.contenido_mensaje_ventanaEmergenteDolarUSAFicha{
    padding: 0px;
    margin-bottom:41px;
}
.contenido_mensaje_ventanaEmergenteDolarUSAImagen{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 0px;
   /*max-height: 495px;*/
  /* max-height: 512px;*/
}
.contenido_mensaje_ventanaEmergenteDolarUSAFuentes{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 0px;
   /*max-height: 495px;*/
  /* max-height: 512px;*/
}
.color_borde_ventanaEmergenteDolarUSA{
    border-color: #3B0B24;
 }
 .color_fondo_cabecera_ventanaEmergenteDolarUSA{
     background-color : #190710;
}

.color_fondo_boton_ventanaEmergenteDolarUSA{
    background-color :  /*#302310;*//* #3D2B11;*/ #4c3a20;
}



.textoblancotabla{
    font-family: verdana;
    font-size: 11px;
    color:#FFFFFF;
    text-align: left;
     margin: 2px 6px;
}
.textoblancotablaGlosario{
    font-family: verdana;
    font-size: 11px;
    color:#FFFFFF;
    /*color: #b8b8b8;*/
    text-align: left;

}
.textoblancotablaGlosario:hover{
    text-decoration: none;
    color:#FFFFFF;
   
}

.textorojotabla{
    font-family: verdana;
    font-size: 11px;
    color:#FF0000;
    text-align: left;
}
.textorojotablaGlosario{
    font-family: verdana;
    font-size: 11px;
    /*color: #ff6767;*/
    color:#FF0000;
    text-align: left;
}
.textorojotablaGlosario:hover{
    text-decoration: none;
    color:#FF0000;
}

.textogristabla{
    font-family: verdana;
    font-size: 11px;
    color:#7F7F7F;
    text-align: left;
    margin: 2px 6px;
}

.textogristabla2{
    font-family: verdana;
    font-size: 11px;
    color:#7F7F7F;
    text-align: left;
    
}

.textogristablaGlosario{
    font-family: verdana;
    font-size: 11px;
    color:#7F7F7F;
    /*color: #457f7f;*/
    text-align: left;
}
.textogristablaGlosario:hover{
    text-decoration: none;
    color:#7f7f7f;
    
}
.textoazultabla{
    font-family: verdana;
    font-size: 11px;
    color:#1F497D;
    text-align: left;
    margin: 2px 6px;
}

.textoazulosctabla{
    font-family: verdana;
    font-size: 11px;
    color:#000032;
    text-align: left;
    margin: 2px 6px;
}
.textoazulosctablaGlosario{
    font-family: verdana;
    font-size: 11px;
    color:#000032;
    /*color: #6d6d9f;*/
    text-align: left;
}

.textoazulosctabla:hover{
    text-decoration: none;
    color:#000032;
}
.textoazulosctablaGlosario:hover{
    text-decoration: none;
    color:#000032;
}

.textogriscltabla{
    font-family: verdana;
    font-size: 11px;
    color:#A5A5A5;
    text-align: left;
    margin: 2px 0px;
}
.textogriscltablaGlosario{
    font-family: verdana;
    font-size: 11px;
    color:#A5A5A5;
    text-align: left;
    
}
.textogriscltablaGlosario:hover{
    font-family: verdana;
    font-size: 11px;
    color:#A5A5A5;
    text-align: left;
    text-decoration: none;
}

.textogristablapeque{
    font-family: verdana;
    font-size: 9px;
    color:#7F7F7F;
    text-align: left;
}
.textogristablapeque1{
    font-family: verdana;
    font-size: 9px;
    color:#3D3D3D;
    text-align: left;
     margin: 2px 6px;
}
.textogrisverLeyenda{
    font-family: verdana;
    font-size: 12px;
    color:#3D3D3D;
    text-align: left;
    margin-left: 6px;
    font-weight: bold;
   
}
.textogrisLeyenda{
    font-family: verdana;
    font-size: 11px;
    color:#3D3D3D;
    text-align: left;
    

}
.textogrisLeyendaTitulo{
    font-family: verdana;
    font-size: 11px;
    color:#3D3D3D;
    font-weight: bold;
    text-align: left;
    
    margin-bottom:4px;

}
.textogrisverLeyenda:hover{
   text-decoration: none;
    color:black;
}
    html, body{
        margin:0;
        padding:0;
    }
    body{
        background-color: #dcdcdc;

    }
    .colorfondo{
        background-color: black;
        top:0px;
        left:0px;
        right: 0px;
        bottom:0px;
         padding-top:0px;
        padding-bottom:0px;
        padding-left:0px;
        padding-right:0px;
    }

    .fondoblanco{
       background-color: white;
    }

    h2{
        color:rgb(127,127,127);
        text-align:center;
        clear:both;
        margin-top:30px;
    }
    #contenedor{
        width:605px;
        position:relative;
        left: 35%;
        left: calc(50% - 955px/2); /* La suma de la anchura y los padding derecho e izquierdo de la capa */
        left: -webkit-calc(50% - 955px/2); /* La suma de la anchura y los padding derecho e izquierdo de la capa */
        z-index:200;
        font-size:16px;
        background-color:white;
        padding-top:80px;
        padding-bottom:50px;
        padding-left:150px;
        padding-right:200px;
        top:0px;
        bottom:0px;
    }
    .contenedordolarUSA{
        width:605px;
        position:relative;
        /*left: 35%;*/
        margin: 9px auto;
        /*left: calc(50% - 955px/2);  La suma de la anchura y los padding derecho e izquierdo de la capa
        left: -webkit-calc(50% - 955px/2);  La suma de la anchura y los padding derecho e izquierdo de la capa */
        z-index:200;
        font-size:16px;
        background-color:white;
        padding-top:80px;
        padding-bottom:50px;
        padding-left:150px;
        padding-right:200px;
        top:0px;
        bottom:0px;
    }
    .contenedordolarUSATimeline{
        /*width:972px;*/
        
        position:relative;
        margin: 9px auto;
        z-index:200;
        font-size:16px;
        background-color:white;
        height:523px;
        top:0px;
        bottom:0px;
        width:calc(100% - 27px);
    }
    .contenedordolarUSAFicha{
        width:955px;
        position:relative;
        /*left: 35%;*/
        margin: 9px auto;
        /*left: calc(50% - 955px/2);  La suma de la anchura y los padding derecho e izquierdo de la capa
        left: -webkit-calc(50% - 955px/2);  La suma de la anchura y los padding derecho e izquierdo de la capa */
        z-index:200;
        font-size:16px;
        background-color:white;
        padding-top:22px;
        padding-bottom:42px;
        top:0px;
        bottom:0px;
    }
    .contenedordolarUSATimelineSimile{
       width:100%;
        position:relative;
        
        /*margin: 9px auto;*/
        z-index:200;
        font-size:16px;
        background-color:white;
        top:0px;
        bottom:0px;
    }
    .contenedordolarUSAAvisoTimeline{
        width:calc(100% - 22px);
        position:absolute;
        height: auto;
        /*opacity:0.84;*/
        /*margin: 9px auto;*/
        padding: 5px 5px 5px 13px;
        z-index:200;
        font-size:16px;
        background-color:white;
        border: 2px solid #dab362;
         top:0px;
        
    }
    .cajaAviso{
        background-color: /*#FFE7B2;*/#F4E5C5;
        font-size: 24px;
        margin-left: -18px;
        margin-right: -4px;
        margin-top: -18px;
        margin-bottom:15px;
        padding: 6px;
        text-align: center;
        border-bottom: 3px solid #dab362;

    }
    .cajaAceptarAviso{
        cursor:pointer;
        /*width:65px;*/
        position:absolute;
        top:14px;
        right:-2px;
        padding: 4px;
        /*background-color:#F4E5C5;*/
       /* border: 2px solid #dab362;*/
        text-align: center;
}

    .shadow {
        box-shadow: 0px 0px 6px 6px #9e9e9e;
        margin-bottom: 9px;
    }
    .imgDerFloat, .imgIzqFloat, .imgDer, .imgIzq {
        margin-top:10px;
        width:112px;
    }
    .imgDerFloat, .imgDer {
        margin-left:15px;
    }
    .imgIzqFloat, .imgIzq {
        margin-right:15px;
    }
    .imgDerFloat {
        float:right;
    }
    .imgIzqFloat {
        float:left;
    }
    .textoIndentado{
        margin-left:-30px;
    }
    .contenedorImgIzq, .contenedorImgDer{
        position:relative;
        top:30px;
        margin-bottom:30px; /* Igualar al valor de top */
    }
    .contenedorImgIzq{
        float:left;
    }
    .contenedorImgDer{
        float:right;
    }
    .notaImagenIzq, .notaImagenDer, .notaImagenDerAbsolute{
        font-size:10px;
        color:rgb(127,127,127);
        position:relative;
        top:0px;
    }
    .notaImagenIzq{
        right:59px; /* La anchura de la imagen */
    }
    .notaImagenDer{
        left:132px; /* La anchura de la imagen más un margen*/
    }
    .notaImagenDerAbsolute {
        position: absolute;
        right: -146px;
        top: 132px;
    }
    .contenedorParrafo, .contenedorParrafoIndentado, .contenedorItem{
        position:relative;
         margin-bottom: 8px;
         z-index: 210;
    }
    .contenedorItem{
        margin-left:15px;
}
    .contenedorParrafoIndentado{
        margin-left:75px;
    }

    .textoLicenciaIzquierdaImagen{
     font-family: verdana;
     font-size: 11px;
     font-weight: normal;
     color: #3D3D3D;
     text-align: left;
     margin-left: 20px;
         margin-right: 20px;

}
.textoLicenciaIzquierdaArticulo{
     font-family: verdana;
     font-size: 11px;
     font-weight: normal;
     color: #3D3D3D;
     text-align: left;
     margin-left: 20px;
         margin-right: 20px;

}
/*.textoLicenciaIzquierdaArticulo{
     font-family: verdana;
     font-size: 11px;
     font-weight: normal;
     color: #3D3D3D;
     text-align: left;
     margin-left: 221px;
         margin-right: 221px;

}*/
.textoLicenciaIzquierdaV{
     color: #537590;
    text-decoration: none;

}

.textoLicenciaIzquierdaV:hover{
     color: #537590;
    text-decoration: underline;

}
.textoLicenciaFicha{
     color: #BCD2E3;
    text-decoration: none;

}
.textoLicenciaFicha:hover{
     color: #BCD2E3;
    text-decoration: underline;

}
 .textoLicenciaDerecha{
     font-family: verdana;
     font-size: 11px;
     font-weight: normal;
     color: #ECE0F8;
     text-align: right;
     margin-left: 10px;
         margin-right: 10px;
         margin-bottom: 7px;
         margin-top:7px;
}
 .textoLicenciaIzquierdaArt{
     font-family: verdana;
     font-size: 11px;
     font-weight: normal;
     color: #ECE0F8;
     text-align: left;
     margin-left: 10px;
         margin-right: 10px;
         margin-bottom: 7px;
         margin-top:7px;

}
.vinculoLicencia {
    color: /*#CEF6EC*/#7A7A7A;
}
.vinculoLicencia:hover {
    color: /*#CEF6EC*/#7A7A7A;
}
.contenedorTablaImagen{

    padding-top:35px;
    padding-bottom:17px;
    padding-left:40px;
    padding-right:40px;
    padding-bottom:18px\0/;
}
_::content, _:future, .contenedorTablaImagen:not(*:root)
{
 padding-top:36px;
 padding-bottom:18px;

}

.tituloArticulo{
    text-align: center;
    font-size: 42px;
    font-family: garamond;
    font-weight: bold;
    color: #000032;
    margin-top: 134px;
    font-variant: small-caps;
}
.textoArticulo{
   text-align: left;
    font-size: 18px;
    font-family: garamond;
    font-weight: normal;
    color: #000032;
    z-index: 210;
}

.textoTimeline{
   text-align: justify;
    font-size: /*16*/15px;
    font-family: garamond;
    font-weight: normal;
    color: #000032;
}
.tituloAcontecimientoTimeline{
    width: 572px;
    text-align: justify;
    font-size: /*18*/15px;
    font-family: garamond;
    font-weight: /*normal*/bold;
    color: /*#000032*/#51646b;
    padding-bottom: /*7*/21px;
    padding-right: 28px;
    border-bottom:/* 2px solid #9e9e9e;*/1px solid #51646b;
    margin-top: -3px;/*nuevo*/
}

    
#contenido_ventanaEmergenteDolarUSAGlosario .textoArticulo:hover{
    color: #000032;
    text-decoration: none;
}

.textoGlosario{
   text-align: left;
    font-size: 18px;
    font-family: garamond;
    font-weight: normal;
    color: #000032;
    z-index: 210;
}
img{z-index: 211;}
.enlace2{
    font-weight: bold;
    color: #7F7F7F;
}
.enlace2:hover{
    font-weight: bold;
    color: #7F7F7F;
}

.enlacetextoArticulo:hover{
   text-align: left;
    font-size: 18px;
    font-family: garamond;
    font-weight: normal;
    color: #000032;
    text-decoration: underline;
}
.textoCentradoArticulo{
   text-align: center;
    font-size: 18px;
    font-family: garamond;
    font-weight: normal;
    color: #000032;
}
.enlaceGlosario{
    text-align: center;
    font-size: 18px;
    font-family: garamond;
    font-weight: normal;
    /*color: #555595;*/
    color: #000032;
}
.enlaceGlosario:hover{
    text-decoration: none;
    /*color: #555595;*/
    color: #000032;
}
.versales{
    font-variant: small-caps;
}

.capituloArticulo{
    margin-top:93px;
    margin-bottom:18px;
    text-align: left;
    font-size: 33px;
    font-family: garamond;
    font-weight: bold;
    color: #000032;
    font-variant: small-caps;
}
.seccionArticulo{
    margin-top:45px;
    margin-bottom:26px;
    text-align: center;
    font-size: 26px;
    font-family: garamond;
    font-weight: bold;
    color: #7F7F7F;
    font-variant: small-caps;
}
.seccionArticulo2{
  margin-top:45px;
    margin-bottom:23px;
    font-size: 20px;
    font-family: garamond;
    font-weight: bold;
    color: #7F7F7F;
}
.subseccionArticulo{
    text-align: left;
    font-size: 16px;
    font-family: garamond;
    font-weight: bold;
    color: #7F7F7F;
    margin-bottom: 14px;
    margin-top: 23px;
}
.subseccionIntroduccion{
    text-align: left;
    font-size: 16px;
    font-family: garamond;
    font-weight: bold;
    color: #7F7F7F;
    margin-bottom: 14px;
    margin-top: 29px;
}

.seccionIntroduccion{
    text-align: left;
    font-size: 20px;
    font-family: garamond;
    font-weight: bold;
    color: #7F7F7F;
    margin-bottom: 14px;
    margin-top: 30px;
    font-variant: small-caps;
}
.textoBiblio{
    text-align: left;
    font-size: 16px;
    font-family: garamond;
    font-weight: normal;
    color: #000032;
    line-height: 1.5
}

.textoBiblio:hover{
    text-align: left;
    font-size: 16px;
    font-family: garamond;
    font-weight: normal;
    color: #000032;
    line-height: 1.5;
    text-decoration: none;
}

.textoBiblioEnlace, .textoBiblioEnlace:hover{
    text-align: left;
    font-size: 14.5px;
    font-family: garamond;
    font-weight: normal;
    color: #000032;
    line-height: 1.5
}
.textoImagenDerecha,.textoImagenDerecha:hover{
    text-align: left;
    font-size: 13px;
    font-family: garamond;
    font-weight: normal;
    color: #595959;
    line-height: 1.15;
}
.textoImagenIzquierda, .textoImagenIzquierda:hover{
    text-align: right;
    font-size: 13px;
    font-family: garamond;
    font-weight: normal;
    color: #595959;
    line-height: 1.15;
}
.enlacegris{
    color: #595959;
    font-weight: bold;
}
.enlacegris:hover{
    text-decoration: underline;
    color: #595959;
    font-weight: bold;
}


.color_texto_titulo_emergente_dolar{
    color:#E1E0FD;
    font-weight: normal;
}

.color_texto_titulo_emergente_dolar:hover{
    color:#F6E7F8;
    font-weight: normal;
}
.color_texto_titulo_emergente_dolar_activo{
    color:#FFFFFF;
    font-weight: bold;
}

.contenedorBotonImagenMensajeInferior {
    position:absolute;
    bottom: 0px;
    width:100%;
    border-top: 1px solid #302310;
    float:left;
    height: 30px;
    /*height: auto;*/
    z-index: 201;
}
.contenedorBotonImagenMensajeInferiorImagen {
    position:absolute;
    bottom: 0px;
    width:100%;
    border-top: 1px solid #302310;
    float:left;
    height: 30px;
    height: 31px\0/;
    /*height: auto;*/
    z-index: 201;
}

.contenedorBotonImagenMensajeSuperiorDolarUSA {
    position:relative;
    width:100%;
    border-bottom: 1px solid #302310;
    float:left;
    height: 22px;
}
.contenedorBotonImagenMensajeSuperior_ventanaEmergenteDolarUSA{
    height: 26px !important;
}
.contenedorBotonImagenMensajeInferiorInterior{
    position:relative;
    margin-left: 0px;
}
.contenedorMenuCabeceraIzquierdaDolarUSA {
    float: left;
    margin-left: 7px;
    margin-top: 4px;
}
.contenedorMenuCabeceraDerechaDolarUSA {
    float: right;
    margin-right: 25px;
    margin-top:5px;
}

/*.color_texto_titulo_cabecera_ventanaEmergenteDolarUSA{
    color: #FFFFFF;
}*/

.separacionIzquierdaBotonPDFdolarUSA{
    margin-left:18px;
}
.transparenteArticulo{
     z-index :150;
}
.transparenteArticulo{
     position :fixed !important;
     position: absolute;
     width :100%;
     height :100%;
     background-color :#ffffff;
     -moz-opacity :0.45;
     opacity :0.45;
     top:0px;
     left:0px;
     filter :alpha(opacity='45');
}

.sinIndentarJustificado{
    margin-left:75px;
    text-align: justify;
    
}
.sinIndentar{
    margin-left:75px;

}
.indentadoGlosario{
    margin-left:102px;

}
.indentado{
    margin-right:120px;
    margin-left:186px;
    
}
.indentado151{
    margin-right:108px;
    margin-left:151px;
   
}
.indentado181{
    margin-right:136px;
    margin-left:181px;

}
.indentado181b{
    margin-right:125px;
    margin-left:181px;

}
.espacioParrafo{
    margin-bottom: 8px;
}
.parrafoSinIndentar{
    margin-left:0px;
    position: relative;
    margin-bottom: 8px;
}
.parrafoSinIndentarGlosario{
    margin-left:0px;
    position: relative;
    margin-bottom: 12px;
    text-align: left;
   
}
.ui-resizable .ui-icon {/* Aniadido Infozara */
    background-image: url(../../componentes/images/ui-icons_negro_222222.png) !important;
}
/*******************************************/
/* Estilos para el efecto lupa en imágenes */
/*******************************************/

/* El elemento magnify contiene la imágen y los elementos que se utilizan para
mostrar la lupa */
.magnify {
   /* width: 200px;*/
   /* margin: 50px auto;*/
    position: relative;
}

/* El elemento large contiene la imágen grande que se muestra en la lupa */
.large {
        /* Tamaño de la lente de la lupa*/
        width: 175px;
        height: 175px;

        position:  absolute;
	border-radius: 100%;

	/*Multiple box shadows to achieve the glass effect*/
	box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
	0 0 7px 7px rgba(0, 0, 0, 0.25),
	inset 0 0 40px 2px rgba(0, 0, 0, 0.25);

        /* Esto es la llamada a la imágen grande que se muestra en la lupa. No
        la usamos porque cargamos la imágen, desde las funciones, en el momento
        en que se necesita, para optimizar la carga de la página*/
        /*Lets load up the large image first*/
        /* background:url(../../imagenes/imagenesCarter/caracarter.jpg) no-repeat; */

	/*hide the glass by default*/
	display: none;
        z-index: 4000;
}

/*El elemento smal es la imágen que se muestra al principio*/
/*To solve overlap bug at the edges during magnification*/
.small {
    display: block;
}

/**************************************************/
/* Estilos para PRUEBAS del efecto lupa en Chrome */
/**************************************************/

/* El elemento magnify contiene la imágen y los elementos que se utilizan para
mostrar la lupa */
.magnifyPru {
   /* width: 200px;*/
   /* margin: 50px auto;*/
    position: relative;
}

/* El elemento large contiene la imágen grande que se muestra en la lupa */
.largePru {
        /* Tamaño de la lente de la lupa*/
        width: 175px;
        height: 175px;

        position:  absolute;
	border-radius: 100%;

	/*Multiple box shadows to achieve the glass effect*/
	box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
	0 0 7px 7px rgba(0, 0, 0, 0.25),
	inset 0 0 40px 2px rgba(0, 0, 0, 0.25);

        /* Esto es la llamada a la imágen grande que se muestra en la lupa. No
        la usamos porque cargamos la imágen, desde las funciones, en el momento
        en que se necesita, para optimizar la carga de la página*/
        /*Lets load up the large image first*/
        /* background:url(../../imagenes/imagenesCarter/caracarter.jpg) no-repeat; */

	/*hide the glass by default*/
	display: none;
        z-index: 4000;
}

/*El elemento smal es la imágen que se muestra al principio*/
/*To solve overlap bug at the edges during magnification*/
.smallPru {
    display: block;
}


/**************************************************/
/* Estilos prueba linea de vida*/
/**************************************************/
/*.acontecimientoArriba{
    background-image:url(../../imagenes/acontecimientoArriba.png);
    background-repeat: no-repeat;
    height:300px;
    width:14px;
    float:left;
    position:relative;
     top: -133px;
     margin-top:157px;
}
     .acontecimientoArribaOscuro{
    background-image:url(../../imagenes/acontecimientoArribaOscuro.png);
    background-repeat: no-repeat;
    height:300px;
    width:14px;
    float:left;
    position:relative;
     top: -133px;
     margin-top:157px;
    
}
  .acontecimientoArribaGranate{
    background-image:url(../../imagenes/acontecimientoArribaGranate.png);
    background-repeat: no-repeat;
    height:300px;
    width:14px;
    float:left;
    position:relative;
     top: -133px;
     margin-top:157px;

}
  .acontecimientoArribaDorado{
    background-image:url(../../imagenes/acontecimientoArribaDorado.png);
    background-repeat: no-repeat;
    height:300px;
    width:14px;
    float:left;
    position:relative;
     top: -133px;
     margin-top:157px;

}
.separacionPuntos{
    background-image: url("../../imagenes/1punto.png");
    background-repeat: repeat-x;
    float: left;
    height: 10px;
    margin-top: 0;
    position: relative;
    top: 248px;
    width: 88px;
}

.acontecimientoAbajo{
    background-image:url(../../imagenes/acontecimientoAbajo.png);
    background-repeat: no-repeat;
    height:240px;
    width:14px;
    float:left;
    margin-top:244px;
    position:relative;
   
}

.acontecimientoAbajoOscuro{
    background-image:url(../../imagenes/acontecimientoAbajoOscuro.png);
    background-repeat: no-repeat;
    height:240px;
    width:14px;
    float:left;
    margin-top:244px;
    position:relative;

}
.acontecimientoAbajoGranate{
    background-image:url(../../imagenes/acontecimientoAbajoGranate.png);
    background-repeat: no-repeat;
    height:240px;
    width:14px;
    float:left;
    margin-top:244px;
    position:relative;

}
.acontecimientoAbajoDorado{
    background-image:url(../../imagenes/acontecimientoAbajoDorado.png);
    background-repeat: no-repeat;
    height:240px;
    width:14px;
    float:left;
    margin-top:244px;
    position:relative;

}
.Rotate-90
{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

}
.anyoTimelineArriba{
     background-color: #6c9aff;
    color: white;
    font-family: verdana;
    font-size: 9px;
    position: absolute;
    text-align: center;
    top: 204px;
    width: 30px;
    left:18px;

}
.fechaTimelineArriba{
    
    color: #6c9aff;
    font-family: verdana;
    font-size: 12px;
    left: -109px;
    position: absolute;
    text-align:right;
    top: 91px;
    width: 200px;
}
.fechaTimelineArribaOscura{

    color: #0e0098;
    font-family: verdana;
    font-size: 12px;
    left: -109px;
    position: absolute;
    text-align:right;
    top: 91px;
    width: 200px;
}
.fechaTimelineArribaGranate{

    color: #8d6074;
    font-family: verdana;
    font-size: 12px;
    left: -109px;
    position: absolute;
    text-align:right;
    top: 91px;
    width: 200px;
}

.fechaTimelineArribaDorada{

    color: #ceb737;
    font-family: verdana;
    font-size: 12px;
    left: -109px;
    position: absolute;
    text-align:right;
    top: 91px;
    width: 200px;
}
.fechaTimelineAbajo{
    color: #6c9aff;
    font-family: verdana;
    left: -108px;
    position: absolute;
    text-align: left;
    bottom:91px;
    width: 200px;
    font-size: 12px;
    
}
.fechaTimelineAbajoOscura{
    color: #0e0098;
    font-family: verdana;
    left: -108px;
    position: absolute;
    text-align: left;
    bottom:91px;
    width: 200px;
    font-size: 12px;

}
.fechaTimelineAbajoGranate{
    color: #8d6074;
    font-family: verdana;
    left: -108px;
    position: absolute;
    text-align: left;
    bottom:91px;
    width: 200px;
    font-size: 12px;

}

.fechaTimelineAbajoDorada{
    color: #ceb737;
    font-family: verdana;
    left: -108px;
    position: absolute;
    text-align: left;
    bottom:91px;
    width: 200px;
    font-size: 12px;

}
.anyoTimelineAbajo{
     background-color: #6c9aff;
    color: white;
    font-family: verdana;
    font-size: 9px;
    position: absolute;
    text-align: center;
    top: -16px;
    width: 30px;
    left:18px;
}
.textoAcontecimientoArriba{
    cursor:pointer;
    color: #000032;
    font-family: verdana;
    font-size: 11px;
    right: -90px;
    text-align: left;
    top: -2px;
    position: absolute;
    width: 90px;
}
.textoAcontecimientoArribaImagen{
    cursor:pointer;
    color: #000032;
    font-family: verdana;
    font-size: 11px;
    right: -90px;
    text-align: left;
    top: 89px;
    position: absolute;
    width: 90px;
}
.textoAcontecimientoAbajo{
    color: #000032;
    cursor:pointer;
    font-family: verdana;
    font-size: 11px;
    right: -90px;
    text-align: left;
    bottom:0px;
    position: absolute;
    width: 90px;
}
.textoAcontecimientoAbajoImagen{
    color: #000032;
    cursor:pointer;
    font-family: verdana;
    font-size: 11px;
    right: -90px;
    text-align: left;
    bottom:88px;
    position: absolute;
    width: 90px;
}
.imagenAcontecimientoArriba{
    cursor:pointer;
    position: absolute;
    right: -78px;
    text-align: right;
    top: 0px;
    width: 90px;
}
.imagenAcontecimientoAbajo{
    cursor:pointer;
    position: absolute;
    right: -80px;
    text-align: right;
    bottom:1px;
    width: 90px;
}
.imagenAcontecimientoArriba img{

    width: 80px;
}
.imagenAcontecimientoAbajo img{

    width: 80px;
}

.ventanaAcontecimiento{
 
    box-shadow: 0px 0px 6px 6px #9e9e9e;
    position: absolute;
    left: 174px;
    background-color: white;
    padding: 20px;
    border: 2px solid #6c9aff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    top: 95px;
}
.botonCerrarAcontecimiento {
    background-image: url('../../imagenes/iconoCerrarVentanaGrisOsc.png');
    float: right;
    margin-right: -1px;
    margin-top: 2px;
    height: 10px;
    width: 10px;
    z-index: 152;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}*/

.visorTimeline{
    overflow-y:hidden;
    position:absolute;
    top:/*10px;*/-3px;
    right: 50px;
    left:50px;
    /*bottom:10px;*/
    overflow-x:hidden;

}

.flechaIzq{
    position:relative;
    left:10px;
    top:224px;
    cursor:pointer;
    width: 23px;
}
.flechaDcha{
    float: right;
    position: relative;
    right: 10px;
    top: 179px;
    cursor:pointer;
}
/*.fechaBurbuja{
    position:relative;
    width: 572px;
    font-weight:normal;
    float:right;
    right:-280px;
    font-family: garamond;
    font-size: 1815px;
    margin-top:3px;
    text-align: right;
}*/
    
.tablaLeyendaTimeline{
    color: #000032;
    font-family: verdana;
    font-size: 11px;
    width: 100%;
    text-align: left;
    bottom: 3px;
    position: absolute;
   /* margin-left: 159px;*/
   margin: 0 auto;
    
}
img[src$=".gif"], img[src$=".png"] {
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}