body {
    margin: 0px;
}

@font-face {
    font-family: "AvantGardeBol";
    src:url("../fonts/ITCAvantGardeStd-Bold.woff");
}
@font-face {
    font-family: "AvantGardeBk";
    src:url("../fonts/ITCAvantGardeStd-Bk.woff");
}
@font-face {
    font-family: "AvantGardeMed";
    src:url("../fonts/ITCAvantGardeStd-Demi.woff");
}

@font-face {
    font-family: "AvantGardeExtLig";
    src:url("../fonts/ITCAvantGardeStd-Bk.woff");
}
@font-face {
    font-family: "HelveticaThCn";
    src:url("../fonts/HelveticaNeueLTStd-ThCn.woff");
}
@font-face {
    font-family: "HelveticaRegular";
    src:url("../fonts/HelveticaLTStd-Roman.woff");
}

@font-face {
    font-family: "HelveticaLtCn"; 
    src:url("../fonts/HelveticaNeueLTStd-LtCn.woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "HelveticaLt";
    src:url("../fonts/HelveticaLTStd-Light.woff");
}
@font-face {
    font-family: "HelveticaLtObl";
    src:url("../fonts/HelveticaLTStd-LightObl.woff");
}

@font-face {
    font-family: "HelveticaObl";
    src:url("../fonts/HelveticaLTStd-Obl.woff");
}

@font-face {
    font-family: "HelveticaCn";
    src:url("../fonts/HelveticaNeueLTStd-Cn.woff");
}

@font-face {
    font-family: "HelveticaBold";
    src:url("../fonts/HelveticaLTStd-Bold.woff");
}
@font-face {
    font-family: "HelveticaBoldObl";
    src:url("../fonts/HelveticaLTStd-BoldObl.woff");
}

@font-face {
    font-family: "HelveticaNeueLTStd-LtCnO";
    src:url("../fonts/HelveticaNeueLTStd-LtCnO.woff");
}
.centrarHV{
    width:420px;
    height:420px;
    position:absolute;
    left:50%;
    top:50%;
    margin-top: -210px;
    margin-left: -210px;
    background-image:url('../images/home_piedra.png');
}
/*************************************/
#contenMenu {
    position: fixed;
    width: 200px;
    top: 0px;
    border-right: 1px solid #E1E1E1;
    height: 100%;
    background-color: #fff;
    z-index: 999;
}

.textoTituloPrincipal{
    width:280px;
    height:100px;
    font-size: 49px;
    /*font-size: 39px;*/
    position:absolute;
    left:34%;
    top:-12%;
    margin-top: -75px;
    margin-left: -43px;
}

.contOpMenu {
    margin: 0px 0px 0px 25px;
    width: 88%;   
}

.iconoOpMenu {
    width: 18px;
    float: left;
}

.textOpMenu {
    width: 80%;
    float: left;
    margin-left: 14px;

}

.textOpMenu p{
    margin: 0px;
}

.mainContent{
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    bottom:0 px;
}

.logo{
    font-size: 12px;
    position:relative;
    top:169.6%;
    margin-top: -85px;
    margin-left: -718px;
}

.textoTituloSecundario{
    width:280px;
    height:100px;
    font-size: 30px;
    position:absolute;
    left:48%;
    top:-13%;
    margin-top: -15px;
    margin-left: -50px;
}



.menuTituloPrincipal{
    font-size: 26px;
    margin-top: 50px;
    width:100%;
    text-align:center;
    top: 0px;
}

.menuTituloPrincipal p{

    margin-bottom: 0px;
}



.menuSubTitulo p{
    text-align: center;
    margin: 0px;    
}

.HelveticaThCn {
    font-family: HelveticaThCn;

}

.AvantGardeExtLig {
    font-family: AvantGardeExtLig;
    color: #908e8e;
}
.AvantGardeMed {
    font-family: AvantGardeMed;
    color: #959595; 
}
.HelveticaLTClass {
    font-family: "HelveticaLtCn";
    color: #959595; 
}

.HelveticaLtCn {
    font-family: HelveticaLtCn;

}

.imgConaculta img{
    width: 101px; 
    height: 10px;
}
.menuSecundario{
    font-size: 17px;   
    margin-top: 66px;
    width:100%;   
}

.menuRedes{ 
    margin-top: 25px;
    width: 42px;    
    float: right;
    background-color: #EDEDED;
}

.imgRedesOpF {   
    position: absolute;
    z-index: 100;
    margin-left: -95px;
    margin-top: -4px;
}

.imgRedesOpT {
    position: absolute;
    z-index: 100;
    margin-left: -90px;
    margin-top: -4px;
}

.menuRedesOpF {
    margin: 15px 0px 0px 17px;    
    width: 9px;
    height: 18px;

}

.menuRedesOpT {
    margin: 17px 0px 15px 12px; 
    width: 18px;
    height: 14px;

}
.menuRedesOpC {
    border: 1px solid #fff;
    background-color: #fff;
}
.imgRedesOpC {
    width: 100%;
    height: 19px;
    display: block;
    margin-top: 15px;
    margin-left: 10px;
    background: url("../images/creditos_normal.png") transparent no-repeat;
    cursor: pointer;
}
.imgRedesOpC:hover {
    background: url("../images/creditos_hover.png") transparent no-repeat;
}
.imgRedesOpC:active {
    background: url("../images/creditos_seleccionado.png") transparent no-repeat;
}
.imgRedesOpCSelected {
    background: url("../images/creditos_seleccionado.png") transparent no-repeat;
}
.menutitulos{
    font-size:17px;
    height: 55px;
    cursor:pointer;
    color: #908e8e;

}

.boxFoot {
    float: left;
}

.boxFoot p {
    display: inline;
    margin: 0px 5px 0px 0px;

}


.menutitulos:hover {
    font-size:17px;   
    font-family: "HelveticaCn";
    color:#464545;

}


.menuTituloSecundario{
    font-size:21px;
    color: #D0261B;
}

.tituloPoema{
    font-size:25px;
    color:#707070;
}

.epigrafe{
    font-size:13px;
    color:#707070;
    position:relative;
}

.poema{
    font-size:17px;
    color:#707070;
}

.logoHome{
    font-size: 12px;
    bottom: 0px;
    margin-left: 25px;
    position: fixed;
    z-index: 999;
}

.active:hover{ 
    font-family: "HelveticaCn";
    color:#464545;
    font-size: 17px;
}

.selected{
    cursor:pointer;
    color:#d01b26;
    font-family:HelveticaCn;
}

#conacultaLogo{
    width:101px;
    height:10px; 
    position:relative;
    left:5px;
    border:none;
}

a{
    text-decoration:none;
}


.contenidoTabla{    
    border-left:none; 
    border-top:none; 
    border-bottom:none;
    //position: absolute;
    height: 100%;
}

#contenedorPoema{
    width:100%; 
    height:810px;
    position:relative; 
    top:20px; 
    width:485px; 
    margin-left: auto ;
    margin-right: auto ;
    overflow-y: hidden;
    overflow-x: hidden;
}

#contenedorMenuPoema{
    position:fixed; 
    top:30px; 
    width:150px;  
    margin-left: -160px;
    margin-right: auto ; 
    height:50px;
}

#sonido{
    background-image: url('../images/audio_normal.png'); 
    width: 13px; 
    height: 16px;
    position:absolute; 
    top:2px;
    z-index:20;
}

#sonido:hover{
    background-image: url('../images/audio_over.png');
    width: 58px; 
    height: 42px;
    position:absolute;
    left:-45px;
    top:-24px;
    cursor:pointer;

}

#sonidoOn{
    background-image: url('../images/audio_seleccion.png'); 
    width: 13px; 
    height: 16px;
    position:absolute; 
    top:2px;
    z-index:1;
    display:none;
    cursor:pointer;
}

#traduccion{
    position:absolute; 
    left:40px; 
    top:1px; 
    background-image: url('../images/traduccion_normal.png'); 
    width: 21px; 
    height: 17px;
    z-index:19; 
}

#traduccionOn{
    position:absolute; 
    left:40px; 
    top:1px; 
    background-image: url('../images/traduccion_seleccion.png'); 
    width: 21px; 
    height: 17px;
    z-index:1;
    display:none;
    cursor:pointer; 
}

#traduccion:hover{
    position:absolute; 
    left:-6px; 
    top:-25px; 
    background-image: url('../images/traduccion_over.png'); 
    width: 67px; 
    height: 43px;
    cursor:pointer;
}

#diccionario{
    position:absolute; 
    left:88px; 
    top:1px; 
    background-image: url('../images/diccionario_normal.png'); 
    width: 15px; 
    height: 17px;
    z-index:18;  
}

#diccionarioOn{
    position:absolute; 
    left:88px; 
    top:1px; 
    background-image: url('../images/diccionario_seleccion.png'); 
    width: 15px; 
    height: 17px;
    z-index:1;
    display:none;
    cursor:pointer; 
}

#diccionarioOff{
    position:absolute; 
    left:88px; 
    top:1px; 
    background-image: url('../images/diccionario_deshabilitado.jpg'); 
    width: 15px; 
    height: 17px;
    z-index:1;
    display:none;
    cursor:pointer;
}

#diccionario:hover{
    position:absolute; 
    left:37px; 
    top:-24px; 
    background-image: url('../images/diccionario_over.png'); 
    width: 67px; 
    height: 42px;
    cursor:pointer;
}

#busqueda{
    position:absolute; 
    left:130px; 
    top:1px; 
    background-image: url('../images/buscar_normal.png'); 
    width: 17px; 
    height: 17px;
}

#busqueda:hover{
    position:absolute; 
    left:89px; 
    top:-25px; 
    background-image: url('../images/buscar_over.png'); 
    width: 58px; 
    height: 43px;
    cursor:pointer;
}

#busquedaOn{
    position:absolute; 
    left:130px; 
    top:1px; 
    background-image: url('../images/buscar_seleccion.png'); 
    width: 17px; 
    height: 17px;
    z-index:1;
    display:none;
    cursor:pointer;
}

#busquedaOff{
    position:absolute; 
    left:130px; 
    top:1px; 
    background-image: url('../images/buscar_deshabilitado.jpg'); 
    width: 17px; 
    height: 17px;
    z-index:1;
    display:none;
    cursor:pointer;
}

.cntDiccionario{
    text-align:center;
    display:none;
    position:relative; 
    top:-190px; 
    width:150px;  
    margin-left: auto;
    margin-right: auto ; 
    height:420px;
}

.diccionarioTexto{
    font-size:12px;
    color:#908e8e;
}

.areaDiccionarioTexto{
    font-family:AvantGardeExtLig;
    font-size:12px;
    color:#908e8e; 
    resize:none; 
    margin-top:163px; 
    background-color:#FBFBFB; 
    border:3px solid; 
    padding: 10px 0px 10px 10px;
    border-color:white #ececec #ececec white;
    height: 210px;
    min-height: 210px;
    max-height: 210px;
    width: 150px;
    min-width: 150px;
    max-width: 150px;    
}
.areaDiccionarioTextoP{
    font-family:AvantGardeExtLig;
    font-size:12px;
    color:#908e8e; 
    background-color:#FBFBFB; 
    border-color:white #ececec #ececec white;  
    text-align: left;
    width: 120px;
    min-width: 120px;
    max-width: 120px; 
}
#contenidoBusqueda{
    margin: 0 auto; 
    margin-top:-188px;
    width:139px;
    height:29px; 
    background-image:url('../images/buscar_barra.jpg');
}

#buscar{
    background-color:#EFEFEF;
    border:none;
    margin-left: 8%; 
    height:23px;
    margin-top: 2%; 
    font-family:AvantGardeExtLig; 
    color:#908e8e; 
    font-size:12px;
}

.iconoBusqueda{
    margin-left:122px; 
    margin-top:-19px; 
    background-image:url('../images/buscar_palomita.png');
    width:13px; 
    height:13px; 
    cursor:pointer;
}

.resultadoBusqueda{
    font-family:AvantGardeExtLig; 
    color:#908e8e; 
    font-size:12px; 
    padding-left: 30px;
    margin-top: 19px ;
    position: relative;
}

#flechaIzquierda{
    margin-left:5px;
    background-image:url('../images/buscar_flechaizq.png'); 
    width:6px; 
    height:7px;
    display: inline-block;
}
#flechaIzquierda:active{
    background-image:url('../images/buscar_flechaizq_press.png'); 
}

#numResultados{
    left:9px;
    width: 49px;
    min-width: 49px;
    text-align: center;
    cursor: text;
    display: inline-block;
}

#flechaDerecha{
    background-image:url('../images/buscar_flechader.png'); 
    width:6px; 
    height:7px;
    display: inline-block;
}
#flechaDerecha:active{
    background-image:url('../images/buscar_flechader_press.png'); 
}
#noResultados{
    position: absolute;
    left:1px; 
    top: 0;
    margin: 0;
    text-align: center;
    width: 100%;
}

#contenedorReproductor{
    position:relative;
    top:3px; 
    width:163px;  
    left: -750px; 
    height:17px; 
    z-index:1;
}

#autor{
    width:67px; 
    height:10px; 
    position:relative; 
    right:-28px;
    display:none;
}

#playPause{
    width:9px; 
    height:9px; 
    position:relative; 
    right:-50px; 
    cursor:pointer; 
    z-index:2;
    display:none;
}

#stop{
    width:9px; 
    height:9px; 
    position:relative; 
    right:-57px; 
    cursor:pointer;
    z-index:2;
    display:none;
}

#play1{
    position:relative; 
    left:70px; 
    display:none;
    width:6px; 
    height:10px;
}

#play1:hover{
    display:block;
}

#play2{
    position:relative; 
    left:45px; 
    display:none;
    width:6px; 
    height:10px;
}

#play3{
    position:relative; 
    left:46px; 
    display:none;
    width:6px; 
    height:10px;
}

#menu1{
    display:none; 
    position:relative; 
    left:-73px; 
    top:-50px;
}

#menu2{
    display:none; 
    position:relative; 
    left:-30px; 
    top:-145px;
}

#poematitulo{
    font-family:HelveticaLt;
    font-size:25px;
    color:#707070;
    text-align:center; 
    display:none; 
    width:395px;
    margin-top:16px;
}

#epigrafeId{
    display:none; 
    width:395px;
    font-family:HelveticaObl;
    font-size:13px;
    color:#707070;
    position:relative;
    margin-top:32px;
    text-align: right;
}

#contenidoPoema{
    text-align:left; 
    display:none;
    font-family:HelveticaLt;
    font-size:17px;
    color:#707070;
    width:500px;
}

#contenidoPoema div{
    height:0px;
}

#finPoema{
    font-family:HelveticaLt;
    font-size:16px;
    font-style:oblique;
    color:#707070;
}

.palabraActual{
    color:#cd353e;
    font-weight: bold;
}

.palabraFutura{
    color:#464545;
    font-weight: bold;
}
/*************/
.alingRight {
    display: block;
    text-align: right;
}

.textPandding {
    padding-left: 30px;
}

.footPage p{
    margin: 0px;
}
/************************************************/
#wrapper, #container {    
    height: 620px;
    width: 750px;
}

#wrapper {
    bottom: 50%;
    right: 50%;
    position: absolute;
}

#container {
    left: 50%;
    padding: 0px;
    position: relative;
    top: 50%;
}
#container img{
    margin-top: 45px;
    margin-left: 22%;   
}
#container p{
    font-family:  'HelveticaThCn';
    text-align: center;
    margin: 0px 0px 0px 0px;
}
.mainTitulo {
    color: #908e8e;
    font-size: 49px;
}
.subTitulo {
    color: #d01b26;
    font-size: 30px;
}
.ingresarMain {
    color: #908e8e;
    margin-top: 30px !important;
    font-size: 30px;
    cursor:pointer;
}

.modLogo {
    position: absolute !important;
    bottom: 0px !important;
}
/***************/
#contCredits {
    width: 540px;
    text-align: center;   
    margin: 0 auto;
    margin-top: 25px; 
    padding: 0px;
}
#contCredits h1{
    text-align: center;
    font-family: 'HelveticaLtCn' !important;
    color: #f9cc53;
    font-size: 100px;
    margin-top: 0px;
    margin-bottom: 75px;
}
#contCredits img {
    width: 137px;
    height: 19px;
    margin: 0px 0px 0px 0px;
    margin-bottom: 48px; 
}
#contCredits img.conaculta {
    width: 221px;
    height: 25px;
}
#contCredits div {
    margin-bottom: 40px;
}
#contCredits div p b{
    font-family:  "HelveticaBold" !important;
    font-weight: normal;
}
#contCredits div p {
    font-family: "HelveticaLt";
    font-size: 17px;
    color: #707070;
    margin: 5px 0px 0px 0px;
}

#contCredits div p span{
	font-family: "HelveticaNeueLTStd-LtCnO";
    font-size: 17px;
    color: #707070;
    margin: 5px 0px 0px 0px;
}