/*Estilos Estructurales*/
body, html{
    /*background-color: olive;*/
    border: 0;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, "Frutiger-Light", Helvetica, sans-serif;
    height:100%;
    /* min-width: 976px;*/
}
html{
    overflow:auto;
}
a{
    text-decoration:none;
    color:#666666;
}
a:hover{
    text-decoration:none;
    /*color:#cc3300;*/
    color:#B30002 ;

}
a:link{
    text-decoration:none;
}

p{
    text-align:justify;
    margin:0;/*leyre*/
}

#cabecera {
    background: #FFFFFF;
    /*background: red;*/
    /*height: 15%;*/
    /* min-height: 120px;*/
    width: 100%;
    /*top: 0;
    left: 0;*/
    float: left;
    /*position: fixed;*/
    z-index:1;
    /* CONTRO DE REDIMENSIONADO
    min-width: 800px; */
}

#subcabecera {
    background: #FFFFFF;
    float: left;
    width: 100%;
    z-index:1;
}
#centro {   
    /*padding-top:145px;*/
    float: left;
    width: 100%;
    height: 76%;
    min-height: 939px;
}

#contenido {
    float: left;
    position: relative;
    width: 65%;
    height: 100%;
    min-height: 320px;
}
#contenido_sin_menus {

    position: absolute;
    top:145px;
    bottom:25px;
    /*width: 60%;*/
    right:0;
    left:0;
    z-index:0;
    /*height:100%;*/

}

#contenido_sin_menu_izquierdo {
    float:left;
    width:100%;
    position:relative;
    /*height:100%;*/
}

#contenido_sin_menu_derecha {
    position: absolute;
    top:145px;
    bottom:25px;
    z-index:0;
    right:0%;
    left:20%;
}

#texto_contenido {
    float: left;
    height: 80%;
    overflow-y: auto;
    margin: 2%; margin-top: 20px; margin-bottom: 0px;
    width: 96%;
}

.grisClaro{
    color: #7f7f7f;
}

#texto_contenido a{
    color:#666666; /* Vero, estilos WebLISBB*/
}

#texto_contenido a:hover{

}

#texto_contenido_inicio {
    float: left;
    height: 95%;
    margin-left: 10%;
    margin-right: 3%;
    width: 87%;
    overflow-y: hidden;
    position:relative;
}

.titulo_cabecera{
    margin-top:25px;
    margin-bottom:0;
}


#cabecera_contenido {
    margin-left: 2%; margin-right: 2%;
    height:70px;
    z-index:4;
    background-color:#ffffff;
    width: 96%;
    float:left;
}

#cabecera_contenido_inicio {
    margin-left: 2%; margin-right: 2%;
    z-index:4;
    background-color:#ffffff;
    height:15px;
    position:relative;
    float:left;
}

#cabecera_contenido_sin_menus {
    position:fixed;
    right:0;
    left:0;
    height:40px;
    z-index:4;

}




#menu_izq {
    float:left;
    width: 15%;
    height: 76%;
    min-height: 320px;
    /* CONTRO DE REDIMENSIONADO
    min-width:150px;
    min-height:381px; */
}

#cabecera_menu_izq {
    /*background:yellow; */
    height:40px;
    width: 100%;
}



#menu_dcha{
    /*background: orange;*/
    width: 18%;
    margin-right: 2%;
    float: right;
    height: 50%;
    /*    margin-bottom: 2%;*/
}

#menu_dcha_productos{
    width: 18%;
    margin-top: 10px;
    margin-right: 2%;
    float: right;
    /*height: 45%;*/
}

.textoLogo{
    font-size: 10px;
    color:#505050;
}
#menu_banner_dcha{
    /*background: orange;*/
    width: 18%;
    margin-right: 2%;
    float: right;
}

.contenido_banner_menu_dcha {
    margin-left: 5%;
    width: 95%;
    padding-bottom: 10px;
    padding-top: 15%;
}


#cabecera_menu_dcha {
    /*background:yellow;*/
    height:40px;
    width: 100%;
}


#pie {
    /* background:white #2b4169;*/
    /*border-top: 2px solid #2b4169;*/
    width: /*calc(100% - 60px);*/100%;
    float: left;
    height:/* 33px;*/ 38px;

}

.tweet{
    /*margin-left:45%;*/
    text-align:center;
    color:#666666;
}

/*Estilos Generales*/

h2{
    font-size: 1em;
    color: #008ec5;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

img{
    border: 0;
    padding: 0;
    margin: 0;
    border-style: none;
}

.acronym { border: none; }

.izq{ float: left;}
.dcha{float: right;}

.displaynone{
    display:none;
}


#menu_dcha ul{
    text-align: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: 1.1em;/*1.9*/
    padding-left:15px;
    /*padding-left:1.2em;/*0.9*/

}



#menu_dcha li{
    font-size: 13px;
    list-style-type: none;
    margin-top: 0;
    /*margin-bottom: 0.5em;*/ margin-bottom: 10px;
    padding-top: 0;
    line-height: 1.1em;
}

#menu_izq ul{
    text-align: right;
    list-style-type:none;
    margin: 0;
    padding: 0;
    /*padding-top: 1.1em;/*1.9*/ padding-top: 1em; padding-bottom: 1em;
    padding-right:1.2em;/*0.9*/
}

#menu_izq li{
    font-size: 13px;
    list-style-type: none;
    margin-top: 0;
    /*margin-bottom: 0.5em;*/ margin-bottom: 10px;
    padding-top: 0;
    line-height: 1.1em;
}


.imagenLateral {
    background-image: url("../imagenes/menu.png");
    background-repeat: no-repeat;
    float: left;
    /*margin-left: 35px;*/
    width: 100%;
    height:18px;
}

.textoImagenLateral {
    float: left;
    font-size: 13px;
    margin-top: 5px;
    margin-left: 10px;
}

.menuPrincipal{
    margin-left: 262px;
    position: absolute;
    width: calc(100% - 262px);
}


.textoMenuCentury{
    font-family: Century Gothic;
    color: #585f69;
    font-weight: normal;
    font-size: 15px;
}

.lineaNoticiasDegradado{
    margin-top: 4px; /* en explorer sin margin-top: */
    width: 100%;
    float: left;
    background-color: white;
}

.capaContenido{
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}

.conbordePersonalizadoInfozara {
    border-collapse: collapse;
}
table.conbordePersonalizadoInfozara td {
    border-bottom: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
}




@font-face {
    font-family: 'Muli';
    src: url('../fuentes/muli.eot');
    src: url('../fuentes/muli.eot?#iefix') format('embedded-opentype'),
        url('../fuentes/muli.woff2') format('woff2'),
        url('../fuentes/muli.woff') format('woff'),
        url('../fuentes/muli.ttf') format('truetype'),
        url('../fuentes/muli.svg#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.logoCiencias{
    float: left;
    left: 31px;
    position: relative;
    top: 10px;
}
.tipoLetra{
    font-family: /*Muli,century gothic,*/verdana;
}
.titulo1{
    color: #000000;
    font-size: 21px;
    position:absolute;
    top: 76px;
    width: 100%;
}
.enlacetitulo1:hover{
    color: #000000;
    text-decoration: none;
}
.enlacetitulo1{
    color: #000000;
    text-decoration: none;
}
.titulo2{
    color: #17365d;
    font-size: 22px;
    font-weight: bold;
    top: 115px;
    position:absolute;
    width: 100%;
}
.titulo3{
    color: #c00000;
    font-size: 12px;
    font-weight: bold;
    top: 148px;
    position:absolute;
    width: 100%;
}

.textosIzquierda{
    text-align: left;
    float: left;
    position: absolute;
    top:138px;
    left: 300px;
    line-height: 1.3;
}
.margenLinea1{
    margin-left:-49px;
}
.margenLinea2{
    margin-left:-19px;
}
.margenLinea3{
    margin-left:17px;
}
.margenLinea4{
    margin-left:53px;
}
.margenLinea5{
    margin-left:80px;
}
.margenDLinea1{
    margin-right:-49px;
}
.margenDLinea2{
    margin-right:-19px;
}
.margenDLinea3{
    margin-right:17px;
}
.margenDLinea4{
    margin-right:53px;
}
.margenDLinea5{
    margin-right:80px;
}
.textosNegros{
    font-size: 13px;
    color:black;
}
.textosDerecha{
    text-align: right;
    float: right;
    right: 296px;
    position: absolute;
    top:138px;
    line-height: 1.3;
}

.acontecimientos{
    color: #7f7f7f;
    font-size: 13px;
    position: absolute;
    right: 38px;
    top: 49px;

}


.titulosCiencias{
    left: 50%;
    margin-left: -317px;
    position: relative;
    top: -41px;
    width: 600px;
    text-align: center;
}

.imagenEinstein{
    position:absolute;
    top:50px;
    left:-7px;
    width:38px;
}
.imagenHadamard{
    position:absolute;
    top:33px;
    left:50px;
    width:41px;
}
.imagenGaldeano{
    position:absolute;
    top:-12px;
    left:-49px;
    width:39px;
}


.tituloBlanco{
    color: white;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.capaPrograma{
    color: white;
    font-size: 12px;
    line-height: 1.7;
    height: 249px;
    overflow: hidden;
}
.capaComision{
    color: white;
    font-size: 12px;
    line-height: 1.7;
    height: 249px;
    overflow: hidden;
}

.verTodoPrograma{
    color:/*#ffad4c;*/#CED72B;
    font-size: 11px;
    position:relative;
    top:16px;
    font-weight: bold;
    cursor:pointer;
    letter-spacing: 1px;

}
.comisionHonor{
    width:305px;
    float:right;
    position:absolute;
    right: 61px;
    bottom:22px;
    height: 314px;
    text-align: right;
}
.estiloAcontecimientos{
    position: relative;
    top:-20px;
    color:#c00000;
    line-height: 1.6;
}

.programaActos{
    bottom: 22px;
    float: left;
    height: 314px;
    left: 61px;
    position: absolute;
    text-align: left;
    width: 305px;
}

.visorTimeline{
    overflow-y:hidden;
    position:absolute;
    top:-3px;
    right: 50px;
    left:50px;

    overflow-x:hidden;


}

.imagenLogoCiencias{
    width:180px;
}
.zonaSuperior{
    float: left;
    height: 250px;
    position: relative;
    width: 100%;

}
.zonaIzquierda{
    height: 410px;
    width: 576px;
    position:absolute;
    left:0;
    bottom:46px;
}
.zonaDerecha{
    height: 410px;
    width: 576px;
    position:absolute;
    right:0;
    bottom:46px;
}

.flechaArribaIzq{
    left: -48px;
    position: absolute;
    top: 100px;
    cursor: pointer;

}
.flechaAbajoIzq{
    left: -48px;
    position: absolute;
    top: /*235px;*/199px;
    cursor:pointer;
}
.flechaArribaDcha{
    right: -48px;
    position: absolute;
    top: 100px;
    cursor: pointer;

}
.flechaAbajoDcha{
    right: -48px;
    position: absolute;
    top: 199px;
    cursor:pointer;
}
.tituloActo{
    position:relative;
    margin-bottom:8px;
    color:#b7b7b7;
    letter-spacing: 1px;

}
.emergenteTituloActo{
    color: #000050;
    margin-bottom: 8px;
    position: relative;
    font-weight: bold;
    font-size:13px;
}
.emergenteTituloActo:hover{
    color: #000050;
    cursor:auto;
    text-decoration: none;
}
.tituloConferencia{
    font-style: italic;
}
.estiloTituloActo{
    color:/*#ffad4c;*/#e0161d;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 1px;
}
.estiloTituloSubacto{
    color:/*#b7b7b7;*/white;
    font-size: 12px;
    font-weight: normal;
    /*cursor: pointer;*/
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 12px;
    margin-top: 6px;
}
.estiloNombreConf{
    color:/*#ffad4c;*/white;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 1px;
}
.estiloTituloActo:hover{
    color:/*#ffad4c;*/#e0161d;
    text-decoration: none;
}
.estiloNombreConf:hover{
    color:/*#ffad4c;*/white;
    text-decoration: none;
}
.emergenteEstiloTituloActo{
    color:#e2020c;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
}
.emergenteEstiloTituloActo:hover{
    color:#e2020c;
    text-decoration:none;
    cursor:auto;
}

.actoPrograma{
    position:relative;
    margin-bottom:30px;
    font-size: 12px;
    letter-spacing: 1px;
}
.emergenteActoPrograma{
    position:relative;
    margin-bottom:30px;
    font-size: 12px;
    color:#000050;
    line-height: 1.5;
}
.emergenteActoPrograma:hover{
    color:#000050;
    text-decoration:none;
}
.subActo{
    position:relative;
    margin-top:8px;
    margin-bottom:6px;
}
.cuerpoSubActo{
    margin-left:16px;
}
.subActoPrincipal{
    margin-left:16px;
    margin-bottom: 5px;
    margin-top: 2px;
    font-size: 12px;
}
.seccionComision{
    margin-bottom:20px;
}
.tituloComision{
    font-weight: bold;
    color: #e0161d;
    font-size: 12px;
    margin-bottom: 12px;
    letter-spacing: 1px;
}
.emergenteTituloComision{
    font-weight: bold;
    color: #b7b7b7;
    font-size: 13px;
    margin-bottom: 5px;

}

.textoComision{
    font-style: italic;
    color: white;
    font-size: 12px;
    margin-right: 3px;
    letter-spacing: 1px;
}
.textoComisionNaranja{
    font-style: italic;
    color: /*#ffad4c; #e0161d;*/white;
    font-size: 12px;
    margin-right: 3px;
    letter-spacing: 1px;
}
.textoComisionNaranja:hover{
    text-decoration: none;
    color: /*#ffad4c;*/ white;
}
.emergenteTextoComision{
    font-style: italic;
    color: #000050;
    font-size: 12px;
}
.tituloComite{
    font-weight: bold;
    margin-top: 13px;
    font-size: 12px;
    letter-spacing: 1px;
}
.emergenteTituloComite{
    font-weight: bold;
    margin-top: 8px;
    font-size: 12px;
    color:#000050;
}

.flechaIzq{
    left: 20px;
    position: absolute;
    top: 225px;
    /*cursor: pointer;*/
}
.flechaDcha{
    right: 20px;
    position: absolute;
    top: 225px;
    cursor: pointer;
}
.barraSeparadoraDcha{
    bottom: 2px;
    left: 50%;
    margin-left: -60px;
    position: absolute;
}
.barraSeparadoraIzq{
    bottom: 2px;
    right: 50%;
    margin-right: -60px;
    position: absolute;
}
.logoRaczPie{
    float:left;

    position:relative;
    bottom:-1px;

}
.logoRacz{
    float:left;
    position:relative;
    bottom:-1px;
}
.altura18px{
    height: 18px;
}
.altura19px{
    height: 19px;
}
.altura20px{
    height: 20px;
}
.altura21px{
    height: 21px;
}
.altura22px{
    height: 22px;
}
.altura23px{
    height: 23px;
}
.altura25px{
    height: 25px;
}
.altura200px{
    height: 200px;
}
.margenLogoPie{
    margin-right: 9px;
}
/* portatil de Eladio, portatiles en general.*/
@media only screen and (max-device-height: 950px) and (max-device-width: 1366px){
        .margenFinal{
        margin-bottom:0px;
}
    .contenedorContenido {
        position: relative;
        z-index: 1;
        float: left;
        width:1152px;
        margin: 0 auto;
        min-height: 670px;
    }

    .contenedorBody{
        min-height: 670px;
        width: 1152px;
    }
    html, body {
        min-width:1152px;

    }
    .titulosCiencias{
        top:-41px;
        margin-left: -317px;

    }
    .titulo2{
        top:115px;
        font-size:22px;
    }
    .titulo1{
        font-size:21px;
        top:76px;
    }
    .titulo3 {

        font-size: 12px;
        top: 148px;

    }

    .logoCiencias {
        left: 31px;
        top: 10px;
    }
    .imagenLogoCiencias{
        width:180px;
    }
    .acontecimientos {
        font-size: 13px;
        right: 38px;
        top: 49px;
    }



    .imagenHadamard {
        left: 50px;
        top: 33px;
        width:41px;
    }

    .imagenGaldeano {
        left: -49px;
        top: -12px;
        width:39px;
    }
    .imagenEinstein{
        width:38px;
        left:-11px;
        position:relative;
        top:17px;
    }
    .margenLogoPie{
    margin-right:8px;
}
}
/* pantalla de oficina*/
@media only screen and (min-device-height: 950px) and (max-device-width: 1366px) and (min-device-width: 1280px){
    .margenFinal{
        margin-bottom:162px;
}
    .contenedorContenido {
        position: relative;
        z-index: 1;
        float: left;
        width:1280px;
        margin: 0 auto;
        min-height: 880px;
    }
    .zonaIzquierda{
        height: 570px;
        width: 640px;
        position:absolute;
        left:0;

    }
    .zonaDerecha{
        height: 570px;
        width: 640px;
        position:absolute;
        right:0;

    }
    .contenedorBody{
        min-height: 880px;
        width: 1280px;
    }
    html, body {
        min-width:1280px;

    }

    .titulosCiencias{
        margin-left: -328px;
        top:-11px;
    }
    .titulo1{
        font-size:22px;
        top:72px;
    }
    .titulo2{
        top:117px;
        font-size:21px;
    }

    .titulo3 {

        font-size: 12px;
        top: 151px;

    }

    .logoCiencias {
        left: 63px;
        top: 38px;
    }
    .imagenLogoCiencias{
        width:187px;
    }

    .acontecimientos {
        font-size: 13px;
        right: 96px;
        top: 79px;
    }

    .imagenEinstein {
        left: -10px;
        top: 54px;
        width:39px;
    }

    .imagenHadamard {
        left: 52px;
        top: 33px;
        width:43px;
    }

    .imagenGaldeano {
        left: -50px;
        top: -13px;
        width:40px;
    }
    .textosIzquierda {
        top:200px;
        left: 342px;
        line-height: 1.4;
    }
    .textosDerecha{
        top:200px;
        right: 359px;
        line-height: 1.4;
    }
    .textosNegros{
        font-size: 13px;
    }
    .margenLinea1{
        margin-left:-49px;
    }
    .margenLinea2{
        margin-left:-19px;
    }
    .margenLinea3{
        margin-left:18px;
    }
    .margenLinea4{
        margin-left:56px;
    }
    .margenLinea5{
        margin-left:85px;
    }
    .margenDLinea1{
        margin-right:-49px;
    }
    .margenDLinea2{
        margin-right:-19px;
    }
    .margenDLinea3{
        margin-right:18px;
    }
    .margenDLinea4{
        margin-right:56px;
    }
    .margenDLinea5{
        margin-right:85px;
    }
    .programaActos{
        height:462px;
        width:303px;
    }
    .capaPrograma{
        height:388px;
    }
    .flechaArribaIzq{
        top: 165px;

    }
    .flechaArribaDcha{
        top: 165px;

    }
    .flechaAbajoIzq{
        top: 267px;
    }
    .flechaAbajoDcha{
        top: 267px;
    }
    .comisionHonor{
        width:350px;
        height: 462px;

    }
    .capaComision{
        height:388px;
    }
.verTodoPrograma{
    top:18px;
}
    .zonaSuperior{
        height:310px;
    }
        .margenLogoPie{
    margin-right:12px;
}
}
/* pantallas grandes*/
@media only screen and (min-device-height: 850px) and (min-device-width: 1366px){
        .margenFinal{
        margin-bottom:162px;
}
    .contenedorContenido {
        position: relative;
        z-index: 1;
        float: left;
        width:1366px;
        margin: 0 auto;
        min-height: 835px;
    }

    .zonaIzquierda{
        height: 530px;
        width: 683px;

    }
    .zonaDerecha{
        height: 530px;
        width: 683px;

    }
    .contenedorBody{
        min-height: 835px;
        width: 1366px;
    }
    html, body {
        min-width:1366px;
    }
    .titulosCiencias{
        top:-20px;
        margin-left: -328px;

    }
    .titulo2{
        top:117px;
        font-size:22px;
    }
    .titulo1{
        top:72px;
        font-size:22px;
    }
    .titulo3 {

        font-size: 12px;
        top: 154px;

    }
    .imagenLogoCiencias{
        width:200px;
    }
    .logoCiencias {
        left: 70px;
        top: 27px;
    }

    .acontecimientos {
        font-size: 14px;
        right: 100px;
        top: 70px;
    }

    .imagenEinstein {
        left: -13px;
        top: 58px;
        width:47px;
    }

    .imagenHadamard {
        left: 55px;
        top: 33px;
        width:47px;
    }

    .imagenGaldeano {
        left: -57px;
        top: -16px;
        width:47px;
    }
    .textosIzquierda {
        top:200px;
        left: 366px;
        line-height: 1.4;
    }
    .textosDerecha{
        top:200px;
        right: 376px;
        line-height: 1.4;
    }
    .textosNegros{
        font-size: 14px;
    }
    .margenLinea1{
        margin-left:-49px;
    }
    .margenLinea2{
        margin-left:-19px;
    }
    .margenLinea3{
        margin-left:21px;
    }
    .margenLinea4{
        margin-left:62px;
    }
    .margenLinea5{
        margin-left:92px;
    }
    .margenDLinea1{
        margin-right:-49px;
    }
    .margenDLinea2{
        margin-right:-19px;
    }
    .margenDLinea3{
        margin-right:21px;
    }
    .margenDLinea4{
        margin-right:62px;
    }
    .margenDLinea5{
        margin-right:92px;
    }
    .programaActos{
        height:434px;
        width:348px;
    }
    .capaPrograma{
        height:366px;
    }
    .flechaArribaIzq{
        top: 165px;

    }
    .flechaArribaDcha{
        top: 165px;

    }
    .flechaAbajoIzq{
        top: 264px;
    }
    .flechaAbajoDcha{
        top: 264px;
    }
    .comisionHonor{
        width:350px;
        height: 434px;

    }
    .capaComision{
        height:366px;
    }
    .zonaSuperior{
        height:310px;
    }
        .margenLogoPie{
    margin-right:18px;
}
}