body
{
    margin: 0px;
    padding:0px;
    width:100%;
    height:100%;
    background-color:white;
    overflow: hidden;
}

#container
{
  position:absolute;
  left:1px;
  top:1px;
  right:1px;
  bottom:1px;  
  /*background-image: url('../Images/fondo_logos.png');*/
  background-color:#fff;
}

.page_content
{
    background-color: white;
    width: 1024px;
    height: 720px;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
    position: absolute;
    overflow: hidden;
}

#disablingDiv
{    
    z-index: 1001;   
    position: absolute;
    top: 0%;
    left: 0%;
    width: 1024px;
    height: 720px;    
    background-color: black;
    opacity: .5;
    filter: alpha(opacity=50);
    display:none;
}

.hoverAction
{
    
    -webkit-transition: -webkit-transform 200ms ease-out;
    -moz-transition: -moz-transform 200ms ease-out;
    -o-transition: -o-transform 200ms ease-out;
    -ms-transition: -ms-transform 200ms ease-out;
    transition: transform 200ms ease-out;
}

.cursorPointer
{
    cursor:pointer;
}

.hoverAction:hover
{
    cursor: pointer;
    -moz-transform: translate3d(0, -25px, 0);
    -webkit-transform: translate3d(0, -25px, 0);
    -o-transform: translate3d(0, -25px, 0);
    -ms-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
}

#fondo
{    
    margin: 0;
    position: absolute;        
    height:100%;
    width:100%;
    max-width:1024px;
    max-height:720px;
    
}
#fondoIconosVacio{
    margin: 0;
    position: absolute;        
    height:100%;
    width:100%;
    max-width:1024px;
    max-height:720px;
}

#degradado
{
    position:absolute;
    width:100%;
    height:117px;
    top:0px;
    left:0px;
}

#btn_home {
    position: absolute;
    left: 23px;
    top: 30px;
    width: 49px;
    height: 49px;
}

#linea_blanca
{
    position:absolute;
    left: 0px;
    top: 94px;
    width:87px;
    height:3px;
    z-index:999999;
    background-color:white;
}

#img_usuario{
    position:absolute;
    left:660px;
    top:39px;
    width:26px;
    height:28px;
}

#nombre_usuario{
    position:absolute;
    left:700px;
    top:46px;
    color:white;
}

#btn_salir
{
    position:absolute;
    top:40px;
    right:40px;
    display: block;
    color: white;
    text-align: center;
    background: #303135;
    border-radius: 20px;
    text-decoration: none;
    width: 130px;
    padding:4px;
}
#pantalla_video
{
    display:block;
    width:100%;
    height:100%;
    display:none;
}


#pantalla_menu
{
    display:none;
    width:100%;
    height:100%;
}

#fondo_video, #video_intro
{
    position:absolute;
    width:808px;    
    /*height:568px;*/
    height: 455px;
    left:103px;
    top:155px;
    background-color:#4b4b4b;
}

#video_intro{
    float:left;
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

#barra_controles
{
    position:absolute;
    width:808px;
    height:68px;
    left:103px;
    top:557px;
    background-color:#3b4752;
}

#fondo_progreso,
#barra_progreso
{
    position:absolute;
    width:600px;
    height:14px;
    left:128px;
    top:584px;
}

#boton_barra
{
    position:absolute;
    width:39px;
    height:39px;
    left: 120px;
    top:570px;    
}

#tiempo_video
{
    position:absolute;
    color:white;
    font-size:17px;
    font-family:Arial;
    left:770px;
    top:582px;
}

#boton_volumen
{
    position:absolute;
    width:37px;
    height:37px;
    left:845px;
    top:570px;
}

#btn_cerrar_video
{
    position:absolute;
    width:43px;
    height:43px;
    left:888px;
    top:135px;
    z-index:10000;
    cursor:pointer;
}

#btn_play_video
{
    position:absolute;
    width:104px;
    height:104px;
    left:455px;
    top:335px;
    cursor:pointer;
}



#img_tema_1
{
    position:absolute;
    width:96px;
    height:96px;
    left:82px;
    top:130px;
}

#img_tema_2
{
    position:absolute;
    width:96px;
    height:96px;
    left:237px;
    top:130px;
}

#img_tema_3
{
    position:absolute;
    width:96px;
    height:96px;
    left:394px;
    top:130px;
}

#img_tema_4
{
    position:absolute;
    width:96px;
    height:96px;
    left:548px;
    top:130px;
}

#img_tema_5
{
    position:absolute;
    width:96px;
    height:96px;
    left:703px;
    top:130px;
}

#img_tema_6
{
    position:absolute;
    width:96px;
    height:96px;
    left:858px;
    top:130px;
}

#titulo_tema_1
{

    position:absolute;
    width:98px;
    height:35px;
    left:79px;
    top:225px;
}

#titulo_tema_2
{
    position:absolute;
    width:108px;
    height:38px;
    left:229px;
    top:225px;
}

#titulo_tema_3
{
    position:absolute;
    width:85px;
    height:35px;
    left:395px;
    top:225px;
}

#titulo_tema_4
{
    position:absolute;
    width:66px;
    height:35px;
    left:562px;
    top:225px;
}

#titulo_tema_5
{
    position:absolute;
    width:104px;
    height:39px;
    left:697px;
    top:225px;
}

#titulo_tema_6
{
    position:absolute;
    width:99px;
    height:14px;
    left:855px;
    top:225px;
}


@keyframes animColumnas {
    from {top: 134px;}
    to {top: 109px;}
}

@-webkit-keyframes example {
    from {top: 134px;}
    to {top: 109px;}
}

.animaColumna{
    animation-name: animColumnas;
    animation-duration: 0.2s;
    -webkit-animation-name: animColumnas; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.2s; /* Safari 4.0 - 8.0 */
}

#Col1{
    position:absolute;
}
#Col2{
    position:absolute;
}
#Col3{
    position:absolute;
}
#Col4{
    position:absolute;
}
#Col5{
    position:absolute;
}
#Col6{
    position:absolute;
}

#columna_1
{
    position:absolute;
    width:119px;
    height:512px;
    left:68px;
    top:134px;
}

#columna_2
{
    position:absolute;
    width:119px;
    height:512px;
    left:223px;
    top:134px;
}

#columna_3
{
    position:absolute;
    width:119px;
    height:512px;
    left:378px;
    top:134px;
}

#columna_4
{
    position:absolute;
    width:119px;
    height:512px;
    left:534px;
    top:134px;
}

#columna_5
{
    position:absolute;
    width:119px;
    height:512px;
    left:689px;
    top:134px;
}

#columna_6
{
    position:absolute;
    width:119px;
    height:512px;
    left:844px;
    top:134px;
}

#luna
{
    position:absolute;
    left:103px;
    top:299px;
    width:846px;
    height:438px;
}

#titulo_luna, #titulo_texto
{
    position:absolute;
    left:343px;
    top:370px;
    width:341px;
    height:48px;
    text-align:center;
    color:white;
    font-size:24px;
    line-height:100%;    
}

#texto_luna, #texto_menu
{
    position:absolute;
    left:290px;
    top:430px;
    width:450px;
    height:250px;
    text-align:center;
    color:white;
    line-height:110%;
}

#pleca_verde
{
    position:absolute;
    left:0px;
    top:519px;
    width:1024px;
    height:200px;
}

#hombre_mujer
{
    position:absolute;
    left:28px;
    top:304px;
    width:301px;
    height:406px;
}

#mujer_lentes
{
    position:absolute;
    left:795px;
    top:286px;
    width:195px;
    height:415px;
}

#hombre_verde
{
    position:absolute;
    left:818px;
    top:260px;
    width:187px;
    height:460px;
    
}

#pleca {
    position: absolute;
    left: 0px;
    top: 650px;
    width: 1024px;
    height: 70px;
}

#texto_pleca
{
    position:absolute;
    left:45px;
    top:681px;
    width:279px;
    height:19px;
    z-index:101;
}

#logo_abm
{
    position:absolute;
    left:859px;
    top:677px;
    width:124px;
    height:30px;
    z-index:102;
}