@charset "UTF-8";
@media (min-width:1440px){
/* PAGINA INICIO */
.carousel {
            width: 100%;
            height: 650px;
            margin: 0 auto;
            display: flex;
            z-index:100;
        }
        #imagen {
            width: 100%;
            height: 650px;
            background-size: 100% 100%;
            -webkit-animation-name:staticFade;
            -webkit-animation-duration:2.5s;
            animation-name:staticFade;
            animation-duration:2.5s;
        }
        
        #tituloVisual2{
            position: absolute; 
            float: left;
            width: 60%;
            height: 30px;
            margin-top: 0px;
            margin-left: 0px;
        }
.imagenBBPP{
            width: 100%;
            height: 650px;
            background-size: 100% 100%;
        }
        
.controles{
    position: absolute; margin-top:580px; margin-left: 3%;
    float:left;
    width:10%;
    
}

#play{
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 100px 0px 0px 100px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#play:hover{
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 100px 0px 0px 100px;
    background-color: rgba(123,4,125,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#stop{
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 0px 100px 100px 0px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#stop:hover{
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 0px 100px 100px 0px;
    background-color: rgba(123,4,125,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}
        
.prev, .next{
 cursor:pointer;
 position:absolute;
 top:40%;
 width:auto;
 margin-top:-22px;
 padding:16px;
 color:white;
 font-weight:thin;
 font-size:3.3em;
 transition:0.6s ease;
 border: 0px;
 border-radius:0 3px 3px 0;
 background-color: rgba(123,4,125,0.3);
 text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
 box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
 -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
 -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}


.next{
 right:0;
 border-radius:3px 0 0 3px;
}

.prev:hover, .next:hover{
 background-color:rgba(0,0,0,0.8);
}

.fade{
 -webkit-animation-name:fade;
 -webkit-animation-duration:2.5s;
 animation-name:fade;
 animation-duration:2.5s;
 
}

@-webkit-keyframes fade{
 from{opacity:.4;}
 to{opacity:1;}
}

@keyframes fade{
 from{opacity:.4;}
 to{opacity:1;}
}


.ulSliderOption{
    width:15%; 
    height:25px; 
    margin-top: 600px;
    margin-left:42.5%;
}

.sliderOption{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#262626;
}

.sliderOptionEscena{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#D4D721;
}

.text{
 color:#f2f2f2;
 font-size:15px;
 padding:8px 12px;
 position:absolute;
 bottom:8px;
 width:100%;
 text-align:center;
}

#visual, #visual2, #visual3, #visual4, #visual5{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#262626;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    -webkit-animation-name:staticFade;
    -webkit-animation-duration:2.5s;
    animation-name:staticFade;
    animation-duration:2.5s;
}

#tituloVisual2, #tituloVisual3, #tituloVisual4, #tituloVisual5{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -300px;
    margin-left:10%; 
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:12s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:12s;
    animation-fill-mode: forwards;
}

#tituloVisual{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -500px;
    margin-left:45%; 
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:2s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:2s;
    animation-fill-mode: forwards;
}

#tituloVisualSegd{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -200px;
    margin-left: 45%; 
    background-color: inherit;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:1s;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:1s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveTitulo{
 from{margin-top:-300px; margin-left: 10%;}
 to{margin-top:-400px; margin-left: 5%;}
}

@keyframes moveTitulo{
 from{margin-top:-300px; margin-left: 10%;}
 to{margin-top:-400px; margin-left: 5%;}
}

@-webkit-keyframes moveTituloBajada{
 from{margin-top:-400px; margin-left: 5%;}
 to{margin-top:-300px; margin-left: 10%;}
}

@keyframes moveTituloBajada{
 from{margin-top:-400px; margin-left: 5%;}
 to{margin-top:-300px; margin-left: 10%;}
}

@-webkit-keyframes moveTituloOpacity{
 from{opacity:.1;}
 to{opacity:1;}
}

@keyframes moveTituloOpacity{
 from{opacity:.1;}
 to{opacity:1;}
}

@-webkit-keyframes moveTituloOpacitySeg{
 from{opacity:.4; margin-left:145%;}
 to{opacity:1; margin-left:45%;}
}

@keyframes moveTituloOpacitySeg{
 from{opacity:.4;}
 to{opacity:1;}
}

#tituloVisualBannerPP, #tituloVisualBannerPP2, #tituloVisualBannerPP3, #tituloVisualBannerPP4, #tituloVisualBannerPP5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: left;
    font-weight: normal;
    margin: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP, #subTituloVisualBannerPP2, #subTituloVisualBannerPP3, #subTituloVisualBannerPP4, #subTituloVisualBannerPP5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP2SS{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: justify;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 40%;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP2SS2{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: justify;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 40%;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPPIni{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 2%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding-top:0px; 
}

#subTituloVisualBannerPPIniSeg{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-3%;
    margin-bottom:5%;
    margin-left: 4%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding-top:0px; 
}

#tituloVisualBannerPPIni{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-10%;
    margin-bottom:5%;
    margin-left: 4%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniTerc{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-7%;
    margin-bottom:5%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniSeg{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-13%;
    margin-bottom:5%;
    margin-left: 15%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniCuar{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-5%;
    margin-bottom:2%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniTerc{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-8%;
    margin-bottom:0%;
    margin-left: 0%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniQuin{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-4%;
    margin-bottom:2%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniCuar{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-8%;
    margin-bottom:0%;
    margin-left: 20%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

/* FIN PAGINA INICIO*/
.contenedor{
    position: relative; top: 0px; left: 0px;
    padding-top: 160px;
    background-color:#7B047D;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contenedor2{
    position: absolute; top: 270px;
    float: center;
    width: 100%;
    height: 100%;
    z-index: 4;
}

h3{
    font-family: 'Gafata', sans-serif;
    font-size: 22px;
    color:#ffffff;
    text-align: center
}

.imagen2{
    width: 40%;
    margin-left: 30%;
    margin-top: 0px;
}

#contenedorPadreMenuProductos{
    position: absolute; margin-top: 50px; margin-left: -200px;
    width: 100%;
    height: 300px;
    visibility: hidden;
    z-index: 400;
}













#contenedorConfMatricula{
    position: absolute; margin-top: 3.4%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 3%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 950;
    
   
}



#contenedorConfMatricula2{
    position: absolute; margin-top: 3.4%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 3%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    background-color: inherit;
    z-index: 900;
    
    animation-name: borderMatricula;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes borderMatricula{
    from{
        border: 0px;
        width: 40%;
        height: 3%;
        margin-left: 30%;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    }
    
    to{
        border: 1px solid #7B047D;
        width: 44%;
        height: 4%;
        margin-left: 28%;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    }
}

.ulContenedorConfMatricula{
    width: 100%;
    height: 100%;
    padding: 0%;
}

.liContenedorConfMatricula{
    float: left;
    display: inline;
    width: 100%;
    height: auto;
    padding: 0%;
    cursor: pointer;
}

.txtParrafoDescripcionOpcionMM{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

.txtParrafoDescripcionOpcionMM:hover{
    font-family: Arial, Helvetica, sans-serif;
    color: #D4D721;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

.txtParrafoDescripcionOpcionLoguin{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    text-align: justify; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}


#contenedorConfMatriculaLoguin{
    position: absolute; margin-top: 7%; margin-left: 20%;
    float: left;
    width: 60%;
    height: 20%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;*/
    z-index: 950;
    
   
}



#contenedorConfMatricula2Loguin{
    position: absolute; margin-top: 7%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 20%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    background-color: inherit;
    z-index: 900;
    
    animation-name: borderMatricula;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes borderMatricula{
    from{
        border: 0px;
        width: 40%;
        height: 3%;
        margin-left: 30%;
        /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );*/
    }
    
    to{
        border: 1px solid #7B047D;
        width: 44%;
        height: 4%;
        margin-left: 28%;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );*/
    }
}

/*ANIMACION////////////////////////////////////////////*/
.contenedorHijoMenuProductos{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);

      background-color: #7B047D;
      z-index: 400;
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown;
    }
    
  }
/*
#html{
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
*/
#contenedorGeneral{
    position: relative; margin-top: 0px; margin-left: 0px; margin-right: 0px; 
    float: left;
    width: 100%;
    background-color: #7B047D;
}

.contenedorLoguin{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #7B047D;
    z-index: 1;
    
    background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#7B047D 85%, transparent 90%) 0 1px,
                                    radial-gradient(#7B047D 95%, transparent 100%) 8px 9px;
                                    background-size:4px 4px;
}

.navegacionContenedorLoguin{
    position: absolute; margin-top: 5%; margin-left: 15%;
    float: left;
    width: 70%;
    height: 50%;
}

.contenedorLoguinLogo{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 150px;
    text-align: center;
    background-color: inherit;
    z-index:3;
}

.imgLoguinLogo{
    width: 60%;
    height: 100%;
}

.tituloLoguin{
    position: relative; margin-top: 150px;
    width: 100%;
    height: 50px;
    border-radius: 18px;
    background-color: #D4D721;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    
     background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#D4D721 85%, transparent 90%) 0 1px,
                                    radial-gradient(#7B047D 95%, transparent 100%) 8px 9px;
                                    background-size:4px 4px;
}

.h1Loguin{
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
     padding-top: 10px;
}

.h1Loguin2{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    margin-top: 13px;
    margin-bottom : 23px;
}

.contenedorForm{
    position: relative; margin-top: 20px;
    float:left;
    width: 100%;
    background-color: inherit;
    z-index:500;
}

.contUsuario{
    position: relative;
    width: 100%;
    max-height: 50px;
    background: #999;
}

.label{
    width: 30%;
}

.inpFormLo{
    width: 100%;
    height: 30px;
    border-radius: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.inpFormLo:hover{
    width: 100%;
    height: 30px;
    border-radius: 10px; 
    border: 3px solid; color: rgb(116, 197, 245);
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
    box-shadow: rgb(116, 197, 245) 35px 5px 5px 35px;
    -webkit-box-shadow: rgb(116, 197, 245) 0px 0px 25px;
    -moz-box-shadow: rgb(116, 197, 245) 35px 5px 5px 35px;
}

.contInpName{
    position: relative; margin-bottom: 10px;
    float: left;
    width: 30%;
    height: 50px;
}

.contInpFormName{
    position: relative; margin-bottom: 10px;
    float: left;
    width: 68%;
    height: 50px;
}

#contenedorLoguinBtn{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    text-align: center;
    background-color: #fff;
    z-index:900;
}

#inpFormPC_btn{
    position: fixed; margin-top: 8%; margin-left: 0%;
    float: left;
    width: 15%;
    height: 5%;
    background-color: #D4D721;
    border-radius: 6px;
    border: 0px;
     box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

#inpFormPC_btn:hover{
    position: fixed; margin-top: 8%; margin-left: 0%;
    float: left;
    width: 15%;
    height: 5%;
    background-color: rgb(116, 197, 245);
    border-radius: 6px;
     box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

/*MENU HEADER///////////////////////////////////////////////////////////////////////////////////////////*/


.liMenuGeneralHeader2{
    float: left; margin-top: 0px; margin-left: 0px;
    display: inline;
    padding-top: 0px;
    width: 60%;
    height: 50px;
    text-decoration: none;
}

h1{

}

h2{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
}

/*h3, .liMenuGeneralHeader esta pertenece al menu..variables_Menu.php*/

h5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    margin-top: 20px;
}

h6{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    margin-top: -9px;
}

h7{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 28px;
    text-align: center;
    font-weight: normal;
    margin-top: 30px;
}

a{
    text-decoration: none;
}

/*NAVEGACION MENU//////////////////////////////////////////////////////////////////////////////////////////*/


/*HEADER BANNER PRINCIPAL/////////////////////////////////////////////////////////////////////////////////*/
#headerBannerPrincipal{
    position: fixed; margin-top: -100px; margin-left: 0px;
    float: left;
    width: 99%;
    height: 650px;
    background-color: #ffffff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

#headerBannerPrincipalAbsolute{
    position: relative; margin-top: -50px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-color: #ffffff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

#headerBannerPrincipalAbsoluteNN{
    position: relative; margin-top: -100px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-color: inherit;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 4;
}

.h3MHCC{
    font-family: 'Gafata', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color:#000;
    text-align: center;
    margin-top: 16%;
    text-shadow: none;
}

.h3MHCC:hover{
    font-family: 'Gafata', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color:#7B047D;
    text-align: center;
    margin-top: 16%;
    text-shadow: none;
}

.h3MPruebaTitulo{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4.5em;
    color: #fff;
    font-weight: normal;
    text-align: justify;
}

.h3contactoParrafoD{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-weight: normal;
    text-align: justify;
    font-size:1em; 
    margin: 0px; 
    padding: 0px;
}

.contenedorTituloSGBanner{
    position: relative; margin-top: 6%; margin-left: 10%;
    float:left;
    width: 60%;
}

.contenedorTituloSpBanner{
    position: relative; margin-top: -14%; margin-left: 10%;
    float:left;
    width: 70%;
}

.imgBannerPrincipal{
    width: 100%;
    height: 650px;
}

.imgTamanoBannerPrincipal{
    width: 100%;
    height: 650px;
    transition-duration: 4s;
  transition-delay: 2s;
    animation-delay:6s;
    animation-name: entradaiMGCC;
    animation-duration: 2s;
    /*animation-iteration-count: infinite;*/
}

@keyframes entradaiMGCC{
    from{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    
    to{
        filter: alpha(opacity=100);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
}



/*FORMULARIO DE CONTACTO*/
#formularioContactoBannerBackground{
    position: absolute; margin-top: 110px; margin-left: 80%;
    width: 20%;
    height: 400px;
    background-color: #2196F3;
    visibility: visible;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    visibility: hidden;
    z-index: 2;
    
}

#formularioContactoBanner{
    position: absolute; margin-top: 100px; margin-left: 80%;
    width: 20%;
    height: 400px;
    visibility: hidden;
    z-index: 4;
}

.inputContaco{
    width: 70%;
    height: 35px;
    margin-left: 50px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: normal;
    color: #999999;
    border-radius: 5px;
}

.btnContacto{
    margin-left: 50px;
    width: 70%;
    height: 50px;
    margin-top: 30px;
    background-color: rgb(28, 179, 23);
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    border: 0px;
    border-radius: 5px;
}



/*MENU OPCIONES DE SERVICIOS*/
#menuOpcionesServicios{
    position: relative;
    float: left;
    width: 100%;
    background-color: #7B047D;
    margin-top: 0px;
    padding-bottom: 50px;
    background:
        radial-gradient(#7B047D 15%, transparent 16%) 0 0,
        radial-gradient(#7B047D 15%, transparent 16%) 5px 5px,
        radial-gradient(#4a024b 85%, transparent 90%) 0 1px,
        radial-gradient(#4a024b 95%, transparent 100%) 8px 9px;
        background-size:4px 4px;
}

#menuOpcionesServiciosNavegacion{
    position: relative;
    float: left;
    width: 100%;
    background-color: #7B047D;
    margin-top: 0px;
    padding-bottom: 0px;
    z-index: 6;
}

#ulmenuOpcionesServicios{
    width: 95%;
    padding-left: 4.5%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color: inherit;
}

#ulmenuOpcionesServiciosBanner{
    float: right; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 9.5%;
    width: 90%;
    height: 310px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#spanDivServicios{
    position: relative;
    float: left;
    display: inline-block;
    width: 60%;
    height: auto;
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    background-color: inherit;
}

#spanDivServiciosBanner{
    position: relative;
    float: left;
    display: inline-block;
    width: 40%;
    height: auto;
    margin-top: 80px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: inherit;
}

.divGen{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 50px;
    margin: 0px;
    padding: 0px;
    background-color: rgb(77, 3, 78);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.divGenPrrafo{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 400px;
    margin: 0px;
    padding: 0px;
    background-color: rgba(20,1,20,0.8);
}

.h2ParrafoDGI{    
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 3em;
    text-align: left;
    font-weight: normal;
    margin-top: 100px;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

.h2ParrafoCGI{    
    font-family: Arial, Helvetica, sans-serif;
    color: #262626;
    font-size: 1.5em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0px;
    /*text-shadow: 3px 5px 2px rgba(0,0,0,0.5);*/
}

#contenedorBannerBodyIni{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 550px;
    margin: 0px;
    padding: 0px;
    background:
        radial-gradient(#7B047D 15%, transparent 16%) 0 0,
        radial-gradient(#7B047D 15%, transparent 16%) 5px 5px,
        radial-gradient(#4a024b 85%, transparent 90%) 0 1px,
        radial-gradient(#4a024b 95%, transparent 100%) 8px 9px;
    background-size:4px 4px;
}

.imgBannerBodyIni{
    width: 93%;
    height: 450px;
    margin-top: 0px;
    margin-left: 3.5%;
    margin-bottom: 100px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#contenedorContacto{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 800px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

.ulContenedorContacto{
    width: 93%;
    height: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 3.5%;
}

.liContenedorContactoh2{
    float: left;
    display: inline;
    width: 38.6%;
    height: 50px;
    margin-top: 0%;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 32.5%;
    padding: 0px;
}

.liContenedorContactoInput{
    float: left;
    display: inline;
    width: 35%;
    height: 50px;
    margin-top: 0%;
    margin-bottom: 15px;
    margin-left: 32.5%;
}

.liContenedorLogoBody{
    float: left;
    display: inline;
    width: 35%;
    height: 100px;
    margin-top: 0%;
    margin-bottom: 15px;
    margin-left: 32.5%;
}

.inputContactoInicio{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding-top: 0%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 0%;
    border: 0.5px solid #262626;
}

.imgLoguinLogoBody{
    width: 40%;
    height: 100%;
    margin-left: 30%;
}

.btnGIB{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626; 
    font-weight: normal;
    font-size:1.3em; 
    text-align:center; 
    border: 0.9px solid #262626; 
    width:40%; 
    height:50px; 
    margin-top: 30px;
    margin-left:20%; 
    background-color:inherit;
    cursor: pointer;
}

.btnGIB:hover{
    font-family: Arial, Helvetica, sans-serif;
    color:#fff; 
    font-weight: normal;
    font-size:1.3em; 
    text-align:center; 
    border: 0.9px solid #262626; 
    width:40%; 
    height:50px; 
    margin-top: 30px;
    margin-left:20%; 
    background-color: #7B047D;
    cursor: pointer;
}

#contenedorGeneralNN{
    position: fixed; margin-top: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-image: url(imagenes/268164_215396228503082_4059678_n.jpg);
    background-repeat: none;
    background-size: 100%;
    z-index: 1;
}

#limenuOpcionesServicios1, #limenuOpcionesServicios2, #limenuOpcionesServicios3, #limenuOpcionesServicios4{
    float: left; margin-left: 0px;
    display: inline;
    width: 45%;
    height: 150px;
    margin-top: 10px;
    margin-left: 10px;
    background-color: rgb(80, 2, 82);
    border: 0.3px solid #fff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#limenuOpcionesServicios1:hover, #limenuOpcionesServicios2:hover, #limenuOpcionesServicios3:hover, #limenuOpcionesServicios4:hover{
    float: left; margin-left: 0px;
    display: inline;
    width: 45%;
    height: 150px;
    margin-top: 10px;
    margin-left: 10px;
    border: 0.3px solid #D4D721;
    /*background-color: rgb(181, 4, 184);*/
    background-color: #2f0130;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: #D4D721 3px 3px 10px;
    -moz-box-shadow: #D4D721 3px 3px 10px 5px; 
}

#btnMInfoServicios1, #btnMInfoServicios2, #btnMInfoServicios3, #btnMInfoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 25%;
    height: 25px;
    background-color: inherit;
    border: 0px;
    margin-top: 5px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInfoServicios1:hover, #btnMInfoServicios2:hover, #btnMInfoServicios3:hover, #btnMInfoServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 25%;
    height: 25px;
    background-color: inherit;
    border: 0px;
    margin-top: 5px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMFormServicios1, #btnMFormServicios2, #btnMFormServicios3, #btnMFormServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0px;
    height: 0px;
    background-color: #D4D721;
    border: 0px;
    margin-top: 0px;
    margin-left: 4%;
    margin-bottom: 3px;
    cursor: pointer;
    visibility: hidden;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#btnMFormServicios1:hover, #btnMFormServicios2:hover, #btnMFormServicios3:hover, #btnMFormServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0px;
    height: 0px;
    background-color: #4d80e2;
    border: 0px;
    margin-top: 0px;
    margin-left: 4%;
    margin-bottom: 3px;
    cursor: pointer;
    visibility: hidden;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes salidaEscenaFrame{
    from{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
    }
    to{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@keyframes salidaEscenaFrameFull{
    from{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
        width: 44%;
        visibility: visible;
    }
    to{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        width: 0%;
        visibility: hidden;
    }
}

@keyframes entradaEscenaFrame{
    from{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    to{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
    }
}

#btnMContactoServicios1, #btnMContactoServicios2, #btnMContactoServicios3, #btnMContactoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMContactoServicios1:hover, #btnMContactoServicios2:hover, #btnMContactoServicios3:hover, #btnMContactoServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInicioServicios1, #btnMInicioServicios2, #btnMInicioServicios3, #btnMInicioServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInicioServicios1:hover, #btnMInicioServicios2:hover, #btnMInicioServicios3:hover, #btnMInicioServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

.tituloGeneralNavegacionNN{
    position: relative; margin-left: 0px; margin-top: 0px;
    float:left;
    width: 100%;
    height: 250px;
    background-color: #fff;
    /*width: 100%; 
     height: 0; 
     border-left: 1300px solid #f0ad4e;
     border-top: 500px solid transparent;
     border-bottom: 0px solid transparent;*/
    z-index: 6;
}

.bodyNN{
    position: relative;
    float: left;
    width: 100%;
    z-index: 6;
}

.tituloGNN{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5%;
    font-size: 44px;
    color: #000;
    font-weight: normal;
    text-align: center;
}

.tituloGNN2{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 54px;
    color: #000;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN2B{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 54px;
    color: #fff;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN2C{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 34px;
    color: #000;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN3{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 20%;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    text-align: justify;
}

.tituloGNN4{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 20%;
    font-size: 38px;
    color: #fff;
    font-weight: normal;
    text-align: justify;
}

.tituloSGBanner{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 194px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-shadow: 3px 13px 12px rgba(0,0,0,1);
}

.tituloSpBanner{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 74px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    /*background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#000 85%, transparent 90%) 0 1px,
                                    radial-gradient(#000 95%, transparent 100%) 8px 9px;*/
                                    background-size:4px 4px;
    
    border-radius: 30px;
    text-shadow: 3px 7px 4px rgba(0,0,0,1);
    
}

.contenedorParrafoNN{
    position: relative; margin-top: 0px;
    float: left;
    width: 50%;
    background-color: #fff;
    z-index:6;
}

.contenedorParrafoNN2{
    position: absolute; margin-top: 1%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.contenedorParrafoNN2B{
    position: absolute; margin-top: 6%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.contenedorParrafoNN2C{
    position: absolute; margin-top: 19%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.parrafoNN{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #313233;
    font-weight: normal;
    text-align: center;
    /*text-shadow: 3px 13px 12px rgba(0,0,0,1);*/
}

.contenedorFusion{
    position: relative;
    float: left;
    width: 100%;
    height: 800px;
}

.contenedorBannerSecNN{
    position: relative;
    float: left;
    width: 100%;
    height: 800px;
    z-index:6;
}

.imgBannerSecNN{
    width: 100%;
    height: 100%;
}





#imgOpcionesServicios1, #imgOpcionesServicios2, #imgOpcionesServicios3, #imgOpcionesServicios4{
    float: left;
    display: inline;
    width: 50%;
    height: 140px;
    margin: 5px;
    cursor: pointer;
    /*opacity: 0.9;
    filter: alpha(opacity=99);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;*/
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}
/*///////////////////////////////////////////////////////////////////////MENU BODY/////////////////*/
#fondoTituloOpcion{
    position: absolute; margin-left: 13.5%;
    width: 15%;
    height: 250px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////MENU OPCIONES BODY//////////////////////////////////////////////////////////////////////////*/
#contenedorTituloOpcion1{
    position: absolute; margin-top: 6%; margin-left: 14%;
    width: 18%;
    z-index: 100;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#tituloH1Opcion1, #tituloH1Opcion2, #tituloH1Opcion3, #tituloH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    width: 100%;
    margin: 10px;
    animation-name: staticEscena;
    animation-duration: 2s;
}

#h2InfoServicios1, #h2InfoServicios2, #h2InfoServicios3, #h2InfoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #ffffff;
    font-weight: normal;
    text-align: justify;
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 5%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    /*animation-delay: 1s;*/
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

#h2IPoliticasServicios1, #h2IPoliticasServicios2, #h2IPoliticasServicios3, #h2IPoliticasServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #ffffff;
    font-weight: normal;
    text-align: justify;
    width: 100%;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 5%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    /*animation-delay: 1s;*/
    animation-duration: 1s;
    animation-fill-mode: forwards;
}


#inputContactServiciosCC1, #inputContactServiciosCC2, #inputContactServiciosCC3, #inputContactServiciosCC4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 3px;
    margin-left: 4%;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosCC1:hover, #inputContactServiciosCC2:hover, #inputContactServiciosCC3:hover, #inputContactServiciosCC4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 3px;
    margin-left: 4%;
    margin-bottom: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosTwoCC1, #inputContactServiciosTwoCC2, #inputContactServiciosTwoCC3, #inputContactServiciosTwoCC4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 0px;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosTwoCC1:hover, #inputContactServiciosTwoCC2:hover, #inputContactServiciosTwoCC3:hover, #inputContactServiciosTwoCC4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 0px;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#contenedorH2DescServ{
    position: absolute;
    width: 16%;
    height: 139px;
    margin-top: -143px;
    margin-left: 6px;
    z-index:5;
}

#contenedorH2DescServTwo{
    position: absolute;
    width: 16%;
    height: 139px;
    margin-top: -143px;
    margin-left: 6px;
    z-index: 7;
}

#contenedorBtnDescServ{
    position: absolute;
    width: 8%;
    height: auto;
    margin-top: -33px;
    margin-left: 19.2%;
    visibility: hidden;
}

#contenedorTituloOpcion2{
    position: absolute; margin-top: 6%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

#contenedorTituloOpcion3{
    position: absolute; margin-top: 24%; margin-left: 204px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

#contenedorTituloOpcion4{
    position: absolute; margin-top: 24%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}
/*/////////////////////////////////////////////////////////////////////MENU BODY//////////////////////////*/
#contenedorContactoOpcion1{
    position: absolute; margin-top: 11%; margin-left: 14%;
    width: 18%;
    z-index: 110;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#contactoH1Opcion1, #contactoH1Opcion2, #contactoH1Opcion3, #contactoH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    animation-name: staticEscena;
    animation-duration: 2s;
    z-index: 100;
}

#contenedorContactoOpcion2{
    position: absolute; margin-top: 10%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorContactoOpcion3{
    position: absolute; margin-top: 28%; margin-left: 204px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorContactoOpcion4{
    position: absolute; margin-top: 28%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorLlamadaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 13%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.llamadaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorMatriculaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 30%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.matriculaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorProfesoresOpcion1{
    position: absolute; margin-top: -4%; margin-left: 43%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.profesoresH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorMultimediaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 57%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.multimediaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorSclienteOpcion1{
    position: absolute; margin-top: -4%; margin-left: 72%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.sclienteH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

/*MENU BODY/////////////////////////////////////////////////////////////////////////////*/
.coronaMenuServicios{
    position: absolute; margin-top: -15%; margin-left: 22%;
    z-index: 10;

}

.coronaMenuServicios2{
    position: absolute; margin-top: 10%; margin-left: 40%;
    z-index: 15;

}

.coronaMenuServicios3{
    position: absolute; margin-top: 28%; margin-left: 22%;
    z-index: 15;

}

.coronaMenuServicios4{
    position: absolute; margin-top: 28%; margin-left: 40%;
    z-index: 15;

}

#imgCoronaMenuServicios1, #imgCoronaMenuServicios2, #imgCoronaMenuServicios3, #imgCoronaMenuServicios4{
    float: left;
    display: inline;
    width: 40px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20%;
    margin-right: 16%;
    padding: 0px;
    animation-name: staticEscena;
    animation-duration: 2s;
}

.iconosMenuServicios{
    width: 20px;
    height: 20px;
    padding-bottom: 3.5%;
    padding-top: 0px;
    margin-top: 0px;
}

.titulo1{
    width: 100%;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.titulo3{
    position: absolute;
    float: left;
    width: 100%;
    height: 39px;
    margin-top: 22px;
    margin-bottom: 0px;
    background-color: rgb(77, 3, 78);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.tituloH1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.contenedorTituloH1{
    position: absolute; margin-top: 0px;
    width: 100%;
    z-index: 11;
}

.tituloH1_2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-left: 20%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.contenedorTituloH1_2{
    position: absolute; margin-top: 600px; margin-left: 0px;
    width: 100%;
    z-index: 11;
}

#mostrarOpcion01{
    float: none;
    width: 100%;
    height: 100%;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgMostrarOpcion01{
    width: 100%;
    height: 100%;
}

#noticiasContenedor{
    position: absolute; margin-top: -808px; margin-left: 0px;
    float: right;
    width: 34%;
    height: 510px;
    padding-top: 0px;
    background-color: #D4D721;

}

.liNoticiasContenedor{
float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.liNoticiasContenedor:hover{
    float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgb(181, 4, 184);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: #D4D721 3px 3px 10px;
    -moz-box-shadow: #D4D721 3px 3px 10px 5px;  
}

.imgNoticias{
    width: 100%;
    height: 100%;
}

#fondoTituloOpcion5{
    position: absolute; margin-left: 6%;
    width: 18%;
    height: 513px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 8;
}

.coronaMenuServicios5{
    position: absolute; margin-top: 12%; margin-left: 13%;
    z-index: 100;

}

#contenedorTituloOpcion5{
    position: absolute; margin-top: 0%; margin-left: 0%;
    z-index: 100;
}

.tituloH1Opcion5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    width: 100%;
    font-weight: normal;
    text-align: center;
}


#contenedorContactoOpcion5{
    position: absolute; margin-top: 18%; margin-left: 11%;
    z-index: 100;
}

.contactoH1Opcion5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

/*CONTENEDOR MEDIO*/
#contenedorMedio{
    position: relative; margin-top: 0px;
    float: left;
    width: 100%;
    height: 400px;
    background-image: url(imagenes/261899_215396035169768_4436403_n.jpg); background-repeat: no-repeat; background-size: 100%; background-position-y: 45%;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.titulo2{
    position: absolute;
    width: 30%;
    height: 200px;
    margin-top: 730px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 16;
    visibility: hidden;
}

.titulo4{
    position: absolute;
    width: 100%;
    height: 40px;
    margin-top: 690px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: 16;
}

.contenedorTituloH1_3{
    position: absolute; margin-top: -38px;
    width: 100%;
    z-index: 16;
}

.tituloH1_3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-left: 5%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.fondoMenuVidaLok{
    position: absolute; margin-top: -60px; margin-left: 30%;
    width: 18%;
    height: 250px;
    background-color: #1d78ee; 

    background:
    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
    radial-gradient(#1d78ee 25%, transparent 20%) 0 1px,
    radial-gradient(#1d78ee 15%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;


    
    z-index: 22;
}

.contenedor-h1_fondoMenuVidaLok{
    position: absolute; margin-left: 30%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.h1_fondoMenuVidaLok:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -60px;
    padding-top: 83px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#1d78ee 25%, transparent 16%) 0 0,
    radial-gradient(#1d78ee 25%, transparent 16%) 5px 5px,
    radial-gradient(#1d78ee 35%, transparent 20%) 0 1px,
    radial-gradient(#1d78ee 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(250,250,250) 3px 3px 10px;
    -moz-box-shadow: rgba(250,250,250) 3px 3px 10px 5px;

    z-index: 24;
}

.fondoMenuVidaLok2{
    position: absolute; margin-top: -80px; margin-left: 45%;
    width: 18%;
    height: 300px;
    background-color: #22dd22;

    background:
    radial-gradient(#22dd22 15%, transparent 16%) 0 0,
    radial-gradient(#22dd22 15%, transparent 16%) 5px 5px,
    radial-gradient(#22dd22 25%, transparent 20%) 0 1px,
    radial-gradient(#22dd22 15%, transparent 60%) 8px 9px;
    background-size:4px 4px;

    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 14;
}

.contenedor-h1_fondoMenuVidaLok2{
    position: absolute; margin-left: 45%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.h1_fondoMenuVidaLok2:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -80px;
    padding-top: 103px;
    padding-bottom: 32px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#22dd22 25%, transparent 16%) 0 0,
    radial-gradient(#22dd22 25%, transparent 16%) 5px 5px,
    radial-gradient(#22dd22 35%, transparent 20%) 0 1px,
    radial-gradient(#22dd22 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgb(250, 250, 250) 3px 3px 10px;
    -moz-box-shadow: rgba(250, 250, 250) 3px 3px 10px 5px;

    z-index: 24;
}

.fondoMenuVidaLok3{
    position: absolute; margin-top: -100px; margin-left: 60%;
    width: 18%;
    height: 350px;
    background-color: #cf6c1b;

    background:
    radial-gradient(#cf6c1b 15%, transparent 16%) 0 0,
    radial-gradient(#cf6c1b 15%, transparent 16%) 5px 5px,
    radial-gradient(#cf6c1b 25%, transparent 20%) 0 1px,
    radial-gradient(#cf6c1b 15%, transparent 60%) 8px 9px;
    background-size:6px 6px;

    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 22;
}

.contenedor-h1_fondoMenuVidaLok3{
    position: absolute; margin-left: 60%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
    z-index: 18;
}

.h1_fondoMenuVidaLok3:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -100px;
    padding-top: 123px;
    padding-bottom: 62px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#cf6c1b 25%, transparent 16%) 0 0,
    radial-gradient(#cf6c1b 25%, transparent 16%) 5px 5px,
    radial-gradient(#cf6c1b 35%, transparent 20%) 0 1px,
    radial-gradient(#cf6c1b 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgb(250, 250, 250) 3px 3px 10px;
    -moz-box-shadow: rgba(250, 250, 250) 3px 3px 10px 5px;

    z-index: 24;
}

/*FINAL CONTENEDOR MEDIO*/


/*CUERPO INFORMACION*/
#cuerpoInformacion{
    position: relative;
    float: left;
    width: 100%;
    height: 400px;
    background-color: #ffffff;
}

/*PIE DE PAGINA*/
#piePaginaInformacion{
    position: relative; margin-top:300px;
    float: left;
    width: 100%;
    height: 300px;
    background-color: rgb(40, 41, 40);
    z-index:1;
}









/*STYLOS MAESTROS*/
#contenedorMostrandoInfo{
    position: absolute; margin-top: 100px;
    width: 100%;
    height: 650px;
    visibility: hidden;
    z-index: 3;
}
#contenedorMostrandoInfoUL{
    position: absolute;
    display: inline;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 3;
}
#horarioClases{
    float: left;
    width: 69%;
    height: 650px;
    background-color: #ffffff;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

#spanEstadisticas{
    float: left;
    width: 30%;
    height: 650px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 3;
}


#contenedorMostrandoInfoAsignaciones{
    position: absolute; margin-top: 100px;
    width: 100%;
    height: 650px;
    visibility: hidden;
    z-index: 3;
}
#contenedorMostrandoInfoULAsignaciones{
    position: absolute;
    display: inline;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 3;
}
#horarioClasesAsignaciones{
    float: left;
    width: 69%;
    height: 650px;
    background-color: #ffffff;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

#spanEstadisticasAsignaciones{
    float: left;
    width: 30%;
    height: 650px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 3;
}
/*FINAL STYLOS MAESTROS*/

#castillo{
    position: absolute; margin-top: 450px; margin-left: 0px;
    width: 25%;
    height: 700px;
    visibility: hidden;
    z-index: 11; 
}

#img_castillo{
    width: 100%;
    height: 700px;
}

#catillo_navegacion{
    position: absolute; margin-top: 600px; margin-left: 15%;
    background-color: #ffffff;
    width: 85%;
    height: 550px;
    visibility: hidden;
    z-index: 9;
}

#cast_MenuNavegacion{
    position: absolute; margin-top: 0px; margin-left: 0px;
    background-color: #D4D721;
    width: 100%;
    height: 50px;
    visibility: hidden;
}


/*SESIONES///////////////////////////////////////////////////////////////////////*/
/*ADMINISTRADOR/////////////////////////////////////////////////////////////////*/
.fondoMenuSesiones{
    position: absolute; margin-top: 50px;
    float: left;
    width: 15%;
    height: 550px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 2;
}

.contenedorMenuSesiones{
    position: absolute;
    float: left;
    width: 15%;
    height: 600px;
    z-index: 2;
}

#ulNavegacionAdmin{
    width: 100%;
    height: 100%;
    margin-top: 60px;
    padding-left: 0px;
    z-index: 4;
}

.liNavegacionMenuLateral{
    position: relative; margin-left: 10px;
    float: left;
    display: inline;
    width: 100%;
}

.h1NavegacionAdmin{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.coronaMenuLateral{
    width: 15px;
    height: 10px;
    padding: 0x;
    margin-top: 0px;
    vertical-align: 5%;
}

#navegacion{
    position: absolute; margin-top: 600px;
    width: 100%;
    height: 800px;
    z-index: 24;

}

/*NOTICIAS*/
#contenedorAreaNoticias{
    position: absolute; margin-top: 1800px; margin-left: 0px;
    width: 100%;
    height: 10px;
    background-color: #7B047D;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 15;
}

#contenedorAreaNoticiasVertical{
    position: absolute; margin-top: 1810px; margin-left: 950px;
    width: 5px;
    height: 360px;
    background-color: #7B047D;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 1;
}

.contenedor-h1_noticias{
    position: absolute; margin-left: 2%; margin-top: -30px;
    width: 18%;
    z-index: 24;
}

.h1_noticias{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.contenedor-h1_esteMes{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    margin-left: 640px;
    margin-top: -30px;
    z-index: 24;
}

#contenedorBannerIndex{
    position: relative;
    float: left;
    width: 100%;
    height: 900px;
    background-color: #fff;
    z-index: 4;
}

#logoAni{
    position: absolute; margin-top: 30%; margin-left: 100%;
    float: left;
    width: 40%;
    height: 100px;
    z-index: 6;
    
    animation-duration: 2s;
    animation-delay: 2s;
    animation-name: slideinNombreLogo;
}

    @keyframes slideinNombreLogo {
        from {
            margin-left: 100%;
        }
        
        to {
            margin-left: 30%;
        }
    }

.imgLogoNombre{
    width: 100%;
    height: 100%;
}

#logoAni2{
    position: absolute; margin-top: 11%; margin-left: 5%;
    float: left;
    width: 20%;
    height: 50px;
    z-index: 6;
    
    animation-duration: 1s;
    animation-delay: 4s;
    animation-name: slideinNombreLogo2;

}

    @keyframes slideinNombreLogo2 {
        from {
            margin-left: 30%;
            margin-top: 30%;
            width: 40%;
        }
        
        to {
            margin-left: 5%;
            margin-top: 11%;
            width:20%;
        }
    }

.imgLogoNombre2{
    width: 100%;
    height: 100%;
}

#telon{
    position: absolute; margin-top: 7%; margin-left: 1%;
    float: left;
    width: 30%;
    height: 150px;
    background-color: none;
    z-index: 8;
    

    animation-duration: 4s;
    animation-name: slidenTelon;
}

    @keyframes slidenTelon {
        from {
            background-color: #fff;
            opacity: 100%;
        }
        
        to {
            background-color: #fff;
            opacity: 100%;
        }
    }


#telonG{
    position: absolute; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 800px;
    background-color: none;
    z-index: 4;
    

    animation-duration: 6s;
    animation-name: slidenTelonG;
}

    @keyframes slidenTelonG {
        from {
            background-color: #fff;
            opacity: 100%;
        }
        
        to {
            background-color: #fff;
            opacity: 100%;
        }
    }

#coronaAni{
    position: absolute; margin-top: -20%; margin-left: 40%;
    float: left;
    width: 17%;
    height: 150px;
    z-index: 8;
    
    animation-duration: 4s;
    animation-name: slideinNombreCorona;
}

    @keyframes slideinNombreCorona {
        from {
            margin-top: 20%;
            margin-left: 40%;
            opacity: 0%;
        }
        
        to {
            margin-top: 20%;
            margin-left: 40%;
            opacity: 100%;
        }
    }

.imgCoronaNombre{
    width: 100%;
    height: 100%;
}

#coronaAni2{
    position: absolute; margin-top: 7%; margin-left: 11%;
    float: left;
    width: 5%;
    height: 55px;
    z-index: 6;
    
    animation-delay: 4s;
    animation-duration: 1s;
    animation-name: slideinNombreCorona2;
}

    @keyframes slideinNombreCorona2 {
        from {
            margin-left: 40%;
            margin-top: 20%;
            width: 17%;
            height: 150px;
            width: 17%;
        }
        
        to {
            margin-left: 11%;
            margin-top: 7%;
            width: 5%;
            height: 55px;
        }
    }

.imgCoronaNombre2{
    width: 100%;
    height: 100%;
}




#bannerImg1{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: slidein;
} 
  
  @keyframes slidein {
  from {
    margin-top: 800px;
    height: 0px;
  }

  to {
    margin-top: 0%;
    height: 800px;
  }

}

#imgBDivision1{
    width: 100%;
    height: 100%;

}

#bannerImg2{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    animation-delay: 6s;
    animation-duration: 2s;
    animation-name: sliden2;
}

    @keyframes sliden2 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision2{
    width: 100%;
    height: 100%;
}

#bannerImg3{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden3;
}

    @keyframes sliden3 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision3{
    width: 100%;
    height: 100%;
}

#bannerImg4{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #89046d;
    
    animation-delay: 6s;
    animation-duration: 3s;
    animation-name: sliden4;
}

    @keyframes sliden4 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;   
        }
    }
    
#imgBDivision4{
    width: 100%;
    height: 100%;
}

#bannerImg5{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #9e047e;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden5;
}

    @keyframes sliden5 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }

#imgBDivision5{
    width: 100%;
    height: 100%;
}

#bannerImg6{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #b50590;
    
    animation-delay: 6s;
    animation-duration: 4s;
    animation-name: sliden6;
}

    @keyframes sliden6 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision6{
    width: 100%;
    height: 100%;
}

#bannerImg7{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #c6059e;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden7;
}

    @keyframes sliden7 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision7{
    width: 100%;
    height: 100%;
}

#bannerImg8{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #d506aa;
    
    animation-delay: 6s;
    animation-duration: 5s;
    animation-name: sliden8;
}

    @keyframes sliden8 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision8{
    width: 100%;
    height: 100%;
}

/*LOK CAFE*/

#contenedorLokCfe{
    position:relative; 
    float:left; 
    width:100%; 
    height:600px; 
    background-color:#210122;
}

.spanLeftLokCafe{
    position:relative; 
    float:left; 
    display:inline; 
    width:50%; 
    height: 100%; 
    background-color:#9b9a98;
}

.spanRightLokCafe{
    position:relative; 
    float:left; 
    display:inline; 
    width:50%; 
    height: 100%; 
    background-color: #d0cfcd;
}

#ulContenedorLokCafe{
    width:100%; 
    height:480px; 
    margin-top: 60px; 
    margin-bottom: 60px; 
    margin-left: 15%; 
    background-color: #fff; 
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#ulContenedorLokCafeRight{
    width:100%; 
    height:100%; 
    margin:0px; 
    padding:0px;
}

.liContenedorLokCafe{
    float:left; 
    display:inline; 
    width:100%; 
    margin-top: 30px;
    margin-bottom: 30px;
}

.liContenedorLokCafeImg{
    float:left; 
    display:inline; 
    width:100%; 
    height: 600px;
}

.imgLokCafe{
    width:85%; 
    height:480px; 
    margin-top:60px; 
    margin-left:0%; 
    margin-bottom:60px; 
    margin-right:15%; 
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.h1MTituloLokCafe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3em;
    color: #262626;
    font-weight: normal;
    text-align: justify;
    margin-left:10%; 
    margin-right:20%; 
    color:#262626;
}


.h2MTituloLokCafe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #262626;
    font-weight: normal;
    text-align: justify;
    margin-left:10%; 
    margin-right:30%; 
}

/*FINAL LOK CAFE*/


/* EVENTOS */
#contenedorEventos{
    position:relative; 
    float:left; 
    width:100%; 
    height:auto; 
    background-color:#9b9a98;
}
 
#contenedorEventosTitulo{
    position:relative; 
    float:left; 
    width:100%; 
    height:40px; 
    padding-top:0px; 
    z-index:10;
}

.spanLeftEventos{
    float:left; 
    width:50%; 
    height:auto;
    display:flex; 
    justify-content:space-around; 
    padding-top:50px; 
    padding-bottom:50px; 
    background-color:#d0cfcd;
}

.spanRightEventos{
    float:left; 
    width:50%; 
    height:100%;
    display:inline; 
    padding-top:50px; 
    padding-bottom:50px; 
    background-color:#9b9a98;
}

.spanVitrinaCamisas{
    float:left; 
    width:30%; 
    height:400px;
    display:flex; 
    justify-content:space-around;
    margin-top:50px;
    margin-bottom:50px;
    margin-right:2%;
    padding-top:3px; 
    padding-bottom:50px; 
    background-color:#fff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgVitrinaCamisetas{
    width: 99%;
    height: 350px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0.5%;
    margin-right: 0%;
}

.imgTopEventos{
    width:65%; 
    height:400px; 
    margin-bottom:70px; 
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgBottomEventos{
    width:65%; 
    height:400px; 
    margin-bottom:30px;  
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgTopEventos:hover{
    width:65%; 
    height:400px; 
    margin-bottom:70px; 
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgBottomEventos:hover{
    width:65%; 
    height:400px; 
    margin-bottom:30px;  
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}
/* FINAL DE EVENTOS*/

}
 /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////
                                //////////////////////////////////////////////////
                                /////////////////////////////////////////////////
                                ////////////////////////////////////////////////
                                ///////////////////////////////////////////////
                                //////////////////////////////////////////////
                                /////////////////////////////////////////////
                                ////////////////////////////////////////////
                                ///////////////////////////////////////////
                                //////////////////////////////////////////
                                /////////////////////////////////////////
                                ////////////////////////////////////////
                                ///////////////////////////////////////
                                //////////////////////////////////////
                                /////////////////////////////////////
                                ////////////////////////////////////
                                ///////////////////////////////////
                                //////////////////////////////////
                                /////////////////////////////////
                                ////////////////////////////////
                                ///////////////////////////////
                                //////////////////////////////
                                /////////////////////////////
                                ////////////////////////////
                                ///////////////////////////
                                //////////////////////////
                                /////////////////////////
                                ////////////////////////
                                ///////////////////////
                                //////////////////////
                                /////////////////////
                                ////////////////////
                                ///////////////////
                                //////////////////
                                /////////////////
                                ////////////////
                                ///////////////
                                //////////////
                                /////////////
                                ////////////
                                ///////////
                                //////////
                                /////////
                                ////////
                                ///////
                                //////
                                /////
                                ////
                                ///
                                //
                                /
                                */
                                
@media only screen and (min-width:1366px) and (max-width:1439px){
/* PAGINA INICIO */
.carousel {
            width: 100%;
            height: 650px;
            margin: 0 auto;
            display: flex;
            z-index:100;
        }
        #imagen {
            width: 100%;
            height: 650px;
            background-size: 100% 100%;
            -webkit-animation-name:staticFade;
            -webkit-animation-duration:2.5s;
            animation-name:staticFade;
            animation-duration:2.5s;
        }
        
        #tituloVisual2{
            position: absolute; 
            float: left;
            width: 60%;
            height: 30px;
            margin-top: 0px;
            margin-left: 0px;
        }
.imagenBBPP{
            width: 100%;
            height: 650px;
            background-size: 100% 100%;
        }
        
.controles{
    position: absolute; margin-top:580px; margin-left: 3%;
    float:left;
    width:10%;
    
}

#play{
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 100px 0px 0px 100px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#play:hover{
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 100px 0px 0px 100px;
    background-color: rgba(123,4,125,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#stop{
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 0px 100px 100px 0px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#stop:hover{
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 0px 100px 100px 0px;
    background-color: rgba(123,4,125,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}
        
.prev, .next{
 cursor:pointer;
 position:absolute;
 top:40%;
 width:auto;
 margin-top:-22px;
 padding:16px;
 color:white;
 font-weight:thin;
 font-size:3.3em;
 transition:0.6s ease;
 border: 0px;
 border-radius:0 3px 3px 0;
 background-color: rgba(123,4,125,0.3);
 text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
 box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
 -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
 -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}


.next{
 right:0;
 border-radius:3px 0 0 3px;
}

.prev:hover, .next:hover{
 background-color:rgba(0,0,0,0.8);
}

.fade{
 -webkit-animation-name:fade;
 -webkit-animation-duration:2.5s;
 animation-name:fade;
 animation-duration:2.5s;
 
}

@-webkit-keyframes fade{
 from{opacity:.4;}
 to{opacity:1;}
}

@keyframes fade{
 from{opacity:.4;}
 to{opacity:1;}
}


.ulSliderOption{
    width:15%; 
    height:25px; 
    margin-top: 600px;
    margin-left:42.5%;
}

.sliderOption{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#262626;
}

.sliderOptionEscena{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#D4D721;
}

.text{
 color:#f2f2f2;
 font-size:15px;
 padding:8px 12px;
 position:absolute;
 bottom:8px;
 width:100%;
 text-align:center;
}

#visual, #visual2, #visual3, #visual4, #visual5{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#262626;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    -webkit-animation-name:staticFade;
    -webkit-animation-duration:2.5s;
    animation-name:staticFade;
    animation-duration:2.5s;
}

#tituloVisual2, #tituloVisual3, #tituloVisual4, #tituloVisual5{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -300px;
    margin-left:10%; 
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:12s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:12s;
    animation-fill-mode: forwards;
}

#tituloVisual{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -500px;
    margin-left:45%; 
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:2s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:2s;
    animation-fill-mode: forwards;
}

#tituloVisualSegd{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -200px;
    margin-left: 45%;
    background-color: inherit;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:1s;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:1s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveTitulo{
 from{margin-top:-300px; margin-left: 10%;}
 to{margin-top:-400px; margin-left: 5%;}
}

@keyframes moveTitulo{
 from{margin-top:-300px; margin-left: 10%;}
 to{margin-top:-400px; margin-left: 5%;}
}

@-webkit-keyframes moveTituloBajada{
 from{margin-top:-400px; margin-left: 5%;}
 to{margin-top:-300px; margin-left: 10%;}
}

@keyframes moveTituloBajada{
 from{margin-top:-400px; margin-left: 5%;}
 to{margin-top:-300px; margin-left: 10%;}
}

@-webkit-keyframes moveTituloOpacity{
 from{opacity:.1;}
 to{opacity:1;}
}

@keyframes moveTituloOpacity{
 from{opacity:.1;}
 to{opacity:1;}
}

@-webkit-keyframes moveTituloOpacitySeg{
 from{opacity:.4;}
 to{opacity:1;}
}

@keyframes moveTituloOpacitySeg{
 from{opacity:.4;}
 to{opacity:1;}
}

#tituloVisualBannerPP, #tituloVisualBannerPP2, #tituloVisualBannerPP3, #tituloVisualBannerPP4, #tituloVisualBannerPP5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: left;
    font-weight: normal;
    margin: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP, #subTituloVisualBannerPP2, #subTituloVisualBannerPP3, #subTituloVisualBannerPP4, #subTituloVisualBannerPP5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP2SS{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: justify;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 40%;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP2SS2{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: justify;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 40%;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPPIni{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 2%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding-top:0px; 
}

#subTituloVisualBannerPPIniSeg{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-3%;
    margin-bottom:5%;
    margin-left: 4%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding-top:0px; 
}

#tituloVisualBannerPPIni{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-10%;
    margin-bottom:5%;
    margin-left: 4%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniTerc{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-7%;
    margin-bottom:5%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniSeg{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-13%;
    margin-bottom:5%;
    margin-left: 15%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniCuar{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-5%;
    margin-bottom:2%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniTerc{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-8%;
    margin-bottom:0%;
    margin-left: 0%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniQuin{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-4%;
    margin-bottom:2%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniCuar{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-8%;
    margin-bottom:0%;
    margin-left: 20%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

/* FIN PAGINA INICIO*/
.contenedor{
    position: relative; top: 0px; left: 0px;
    padding-top: 160px;
    background-color:#7B047D;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contenedor2{
    position: absolute; top: 270px;
    float: center;
    width: 100%;
    height: 100%;
    z-index: 4;
}

h3{
    font-family: 'Gafata', sans-serif;
    font-size: 22px;
    color:#ffffff;
    text-align: center
}

.imagen2{
    width: 40%;
    margin-left: 30%;
    margin-top: 0px;
}

#contenedorPadreMenuProductos{
    position: absolute; margin-top: 50px; margin-left: -200px;
    width: 100%;
    height: 300px;
    visibility: hidden;
    z-index: 400;
}













#contenedorConfMatricula{
    position: absolute; margin-top: 3.4%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 3%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 950;
    
   
}



#contenedorConfMatricula2{
    position: absolute; margin-top: 3.4%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 3%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    background-color: inherit;
    z-index: 900;
    
    animation-name: borderMatricula;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes borderMatricula{
    from{
        border: 0px;
        width: 40%;
        height: 3%;
        margin-left: 30%;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    }
    
    to{
        border: 1px solid #7B047D;
        width: 44%;
        height: 4%;
        margin-left: 28%;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    }
}

.ulContenedorConfMatricula{
    width: 100%;
    height: 100%;
    padding: 0%;
}

.liContenedorConfMatricula{
    float: left;
    display: inline;
    width: 100%;
    height: auto;
    padding: 0%;
    cursor: pointer;
}

.txtParrafoDescripcionOpcionMM{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

.txtParrafoDescripcionOpcionMM:hover{
    font-family: Arial, Helvetica, sans-serif;
    color: #D4D721;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

.txtParrafoDescripcionOpcionLoguin{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    text-align: justify; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}


#contenedorConfMatriculaLoguin{
    position: absolute; margin-top: 7%; margin-left: 20%;
    float: left;
    width: 60%;
    height: 20%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;*/
    z-index: 950;
    
   
}



#contenedorConfMatricula2Loguin{
    position: absolute; margin-top: 7%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 20%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    background-color: inherit;
    z-index: 900;
    
    animation-name: borderMatricula;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes borderMatricula{
    from{
        border: 0px;
        width: 40%;
        height: 3%;
        margin-left: 30%;
        /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );*/
    }
    
    to{
        border: 1px solid #7B047D;
        width: 44%;
        height: 4%;
        margin-left: 28%;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );*/
    }
}

/*ANIMACION////////////////////////////////////////////*/
.contenedorHijoMenuProductos{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);

      background-color: #7B047D;
      z-index: 400;
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown;
    }
    
  }
/*
#html{
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
*/
#contenedorGeneral{
    position: relative; margin-top: 0px; margin-left: 0px; margin-right: 0px; 
    float: left;
    width: 100%;
    background-color: #7B047D;
}

.contenedorLoguin{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #7B047D;
    z-index: 1;
    
    background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#7B047D 85%, transparent 90%) 0 1px,
                                    radial-gradient(#7B047D 95%, transparent 100%) 8px 9px;
                                    background-size:4px 4px;
}

.navegacionContenedorLoguin{
    position: absolute; margin-top: 5%; margin-left: 15%;
    float: left;
    width: 70%;
    height: 50%;
}

.contenedorLoguinLogo{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 150px;
    text-align: center;
    background-color: inherit;
    z-index:3;
}

.imgLoguinLogo{
    width: 60%;
    height: 100%;
}

.tituloLoguin{
    position: relative; margin-top: 150px;
    width: 100%;
    height: 50px;
    border-radius: 18px;
    background-color: #D4D721;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    
     background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#D4D721 85%, transparent 90%) 0 1px,
                                    radial-gradient(#7B047D 95%, transparent 100%) 8px 9px;
                                    background-size:4px 4px;
}

.h1Loguin{
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
     padding-top: 10px;
}

.h1Loguin2{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    margin-top: 13px;
    margin-bottom : 23px;
}

.contenedorForm{
    position: relative; margin-top: 20px;
    float:left;
    width: 100%;
    background-color: inherit;
    z-index:500;
}

.contUsuario{
    position: relative;
    width: 100%;
    max-height: 50px;
    background: #999;
}

.label{
    width: 30%;
}

.inpFormLo{
    width: 100%;
    height: 30px;
    border-radius: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.inpFormLo:hover{
    width: 100%;
    height: 30px;
    border-radius: 10px; 
    border: 3px solid; color: rgb(116, 197, 245);
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
    box-shadow: rgb(116, 197, 245) 35px 5px 5px 35px;
    -webkit-box-shadow: rgb(116, 197, 245) 0px 0px 25px;
    -moz-box-shadow: rgb(116, 197, 245) 35px 5px 5px 35px;
}

.contInpName{
    position: relative; margin-bottom: 10px;
    float: left;
    width: 30%;
    height: 50px;
}

.contInpFormName{
    position: relative; margin-bottom: 10px;
    float: left;
    width: 68%;
    height: 50px;
}

#contenedorLoguinBtn{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    text-align: center;
    background-color: #fff;
    z-index:900;
}

#inpFormPC_btn{
    position: fixed; margin-top: 8%; margin-left: 0%;
    float: left;
    width: 15%;
    height: 5%;
    background-color: #D4D721;
    border-radius: 6px;
    border: 0px;
     box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

#inpFormPC_btn:hover{
    position: fixed; margin-top: 8%; margin-left: 0%;
    float: left;
    width: 15%;
    height: 5%;
    background-color: rgb(116, 197, 245);
    border-radius: 6px;
     box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

/*MENU HEADER///////////////////////////////////////////////////////////////////////////////////////////*/


.liMenuGeneralHeader2{
    float: left; margin-top: 0px; margin-left: 0px;
    display: inline;
    padding-top: 0px;
    width: 60%;
    height: 50px;
    text-decoration: none;
}

h1{

}

h2{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
}

/*h3, .liMenuGeneralHeader esta pertenece al menu..variables_Menu.php*/

h5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    margin-top: 20px;
}

h6{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    margin-top: -9px;
}

h7{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 28px;
    text-align: center;
    font-weight: normal;
    margin-top: 30px;
}

a{
    text-decoration: none;
}

/*NAVEGACION MENU//////////////////////////////////////////////////////////////////////////////////////////*/


/*HEADER BANNER PRINCIPAL/////////////////////////////////////////////////////////////////////////////////*/
#headerBannerPrincipal{
    position: fixed; margin-top: -100px; margin-left: 0px;
    float: left;
    width: 99%;
    height: 650px;
    background-color: #ffffff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

#headerBannerPrincipalAbsolute{
    position: relative; margin-top: -50px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-color: #ffffff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

#headerBannerPrincipalAbsoluteNN{
    position: relative; margin-top: -100px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-color: inherit;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 4;
}

.h3MHCC{
    font-family: 'Gafata', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color:#000;
    text-align: center;
    margin-top: 16%;
    text-shadow: none;
}

.h3MHCC:hover{
    font-family: 'Gafata', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color:#7B047D;
    text-align: center;
    margin-top: 16%;
    text-shadow: none;
}

.h3MPruebaTitulo{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4.5em;
    color: #fff;
    font-weight: normal;
    text-align: justify;
}

.h3contactoParrafoD{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-weight: normal;
    text-align: justify;
    font-size:1em; 
    margin: 0px; 
    padding: 0px;
}

.contenedorTituloSGBanner{
    position: relative; margin-top: 6%; margin-left: 10%;
    float:left;
    width: 60%;
}

.contenedorTituloSpBanner{
    position: relative; margin-top: -14%; margin-left: 10%;
    float:left;
    width: 70%;
}

.imgBannerPrincipal{
    width: 100%;
    height: 650px;
}

.imgTamanoBannerPrincipal{
    width: 100%;
    height: 650px;
    transition-duration: 4s;
  transition-delay: 2s;
    animation-delay:6s;
    animation-name: entradaiMGCC;
    animation-duration: 2s;
    /*animation-iteration-count: infinite;*/
}

@keyframes entradaiMGCC{
    from{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    
    to{
        filter: alpha(opacity=100);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
}



/*FORMULARIO DE CONTACTO*/
#formularioContactoBannerBackground{
    position: absolute; margin-top: 110px; margin-left: 80%;
    width: 20%;
    height: 400px;
    background-color: #2196F3;
    visibility: visible;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    visibility: hidden;
    z-index: 2;
    
}

#formularioContactoBanner{
    position: absolute; margin-top: 100px; margin-left: 80%;
    width: 20%;
    height: 400px;
    visibility: hidden;
    z-index: 4;
}

.inputContaco{
    width: 70%;
    height: 35px;
    margin-left: 50px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: normal;
    color: #999999;
    border-radius: 5px;
}

.btnContacto{
    margin-left: 50px;
    width: 70%;
    height: 50px;
    margin-top: 30px;
    background-color: rgb(28, 179, 23);
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    border: 0px;
    border-radius: 5px;
}



/*MENU OPCIONES DE SERVICIOS*/
#menuOpcionesServicios{
    position: relative;
    float: left;
    width: 100%;
    background-color: #7B047D;
    margin-top: 0px;
    padding-bottom: 50px;
    background:
        radial-gradient(#7B047D 15%, transparent 16%) 0 0,
        radial-gradient(#7B047D 15%, transparent 16%) 5px 5px,
        radial-gradient(#4a024b 85%, transparent 90%) 0 1px,
        radial-gradient(#4a024b 95%, transparent 100%) 8px 9px;
        background-size:4px 4px;
}

#menuOpcionesServiciosNavegacion{
    position: relative;
    float: left;
    width: 100%;
    background-color: #7B047D;
    margin-top: 0px;
    padding-bottom: 0px;
    z-index: 6;
}

#ulmenuOpcionesServicios{
    width: 95%;
    padding-left: 4.5%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color: inherit;
}

#ulmenuOpcionesServiciosBanner{
    float: right; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 9.5%;
    width: 90%;
    height: 310px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#spanDivServicios{
    position: relative;
    float: left;
    display: inline-block;
    width: 60%;
    height: auto;
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    background-color: inherit;
}

#spanDivServiciosBanner{
    position: relative;
    float: left;
    display: inline-block;
    width: 40%;
    height: auto;
    margin-top: 80px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: inherit;
}

.divGen{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 50px;
    margin: 0px;
    padding: 0px;
    background-color: rgb(77, 3, 78);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.divGenPrrafo{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 400px;
    margin: 0px;
    padding: 0px;
    background-color: rgba(20,1,20,0.8);
}

.h2ParrafoDGI{    
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 3em;
    text-align: left;
    font-weight: normal;
    margin-top: 100px;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

.h2ParrafoCGI{    
    font-family: Arial, Helvetica, sans-serif;
    color: #262626;
    font-size: 1.5em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0px;
    /*text-shadow: 3px 5px 2px rgba(0,0,0,0.5);*/
}

#contenedorBannerBodyIni{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 550px;
    margin: 0px;
    padding: 0px;
    background:
        radial-gradient(#7B047D 15%, transparent 16%) 0 0,
        radial-gradient(#7B047D 15%, transparent 16%) 5px 5px,
        radial-gradient(#4a024b 85%, transparent 90%) 0 1px,
        radial-gradient(#4a024b 95%, transparent 100%) 8px 9px;
    background-size:4px 4px;
}

.imgBannerBodyIni{
    width: 93%;
    height: 450px;
    margin-top: 0px;
    margin-left: 3.5%;
    margin-bottom: 100px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#contenedorContacto{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 800px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

.ulContenedorContacto{
    width: 93%;
    height: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 3.5%;
}

.liContenedorContactoh2{
    float: left;
    display: inline;
    width: 38.6%;
    height: 50px;
    margin-top: 0%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 32.5%;
    padding: 0px;
}

.liContenedorContactoInput{
    float: left;
    display: inline;
    width: 35%;
    height: 50px;
    margin-top: 0%;
    margin-bottom: 15px;
    margin-left: 32.5%;
}

.liContenedorLogoBody{
    float: left;
    display: inline;
    width: 35%;
    height: 100px;
    margin-top: 0%;
    margin-bottom: 15px;
    margin-left: 32.5%;
}

.inputContactoInicio{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding-top: 0%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 0%;
    border: 0.5px solid #262626;
}

.imgLoguinLogoBody{
    width: 40%;
    height: 100%;
    margin-left: 30%;
}

.btnGIB{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626; 
    font-weight: normal;
    font-size:1.3em; 
    text-align:center; 
    border: 0.9px solid #262626; 
    width:40%; 
    height:50px; 
    margin-top: 30px;
    margin-left:20%; 
    background-color:inherit;
    cursor: pointer;
}

.btnGIB:hover{
    font-family: Arial, Helvetica, sans-serif;
    color:#fff; 
    font-weight: normal;
    font-size:1.3em; 
    text-align:center; 
    border: 0.9px solid #262626; 
    width:40%; 
    height:50px; 
    margin-top: 30px;
    margin-left:20%; 
    background-color: #7B047D;
    cursor: pointer;
}

#contenedorGeneralNN{
    position: fixed; margin-top: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-image: url(imagenes/268164_215396228503082_4059678_n.jpg);
    background-repeat: none;
    background-size: 100%;
    z-index: 1;
}

#limenuOpcionesServicios1, #limenuOpcionesServicios2, #limenuOpcionesServicios3, #limenuOpcionesServicios4{
    float: left; margin-left: 0px;
    display: inline;
    width: 45%;
    height: 150px;
    margin-top: 10px;
    margin-left: 10px;
    background-color: rgb(80, 2, 82);
    border: 0.3px solid #fff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#limenuOpcionesServicios1:hover, #limenuOpcionesServicios2:hover, #limenuOpcionesServicios3:hover, #limenuOpcionesServicios4:hover{
    float: left; margin-left: 0px;
    display: inline;
    width: 45%;
    height: 150px;
    margin-top: 10px;
    margin-left: 10px;
    border: 0.3px solid #D4D721;
    /*background-color: rgb(181, 4, 184);*/
    background-color: #2f0130;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: #D4D721 3px 3px 10px;
    -moz-box-shadow: #D4D721 3px 3px 10px 5px; 
}

#btnMInfoServicios1, #btnMInfoServicios2, #btnMInfoServicios3, #btnMInfoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 25%;
    height: 25px;
    background-color: inherit;
    border: 0px;
    margin-top: 5px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInfoServicios1:hover, #btnMInfoServicios2:hover, #btnMInfoServicios3:hover, #btnMInfoServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 25%;
    height: 25px;
    background-color: inherit;
    border: 0px;
    margin-top: 5px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMFormServicios1, #btnMFormServicios2, #btnMFormServicios3, #btnMFormServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0px;
    height: 0px;
    background-color: #D4D721;
    border: 0px;
    margin-top: 0px;
    margin-left: 4%;
    margin-bottom: 3px;
    cursor: pointer;
    visibility: hidden;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#btnMFormServicios1:hover, #btnMFormServicios2:hover, #btnMFormServicios3:hover, #btnMFormServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0px;
    height: 0px;
    background-color: #4d80e2;
    border: 0px;
    margin-top: 0px;
    margin-left: 4%;
    margin-bottom: 3px;
    cursor: pointer;
    visibility: hidden;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes salidaEscenaFrame{
    from{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
    }
    to{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@keyframes salidaEscenaFrameFull{
    from{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
        width: 44%;
        visibility: visible;
    }
    to{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        width: 0%;
        visibility: hidden;
    }
}

@keyframes entradaEscenaFrame{
    from{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    to{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
    }
}

#btnMContactoServicios1, #btnMContactoServicios2, #btnMContactoServicios3, #btnMContactoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMContactoServicios1:hover, #btnMContactoServicios2:hover, #btnMContactoServicios3:hover, #btnMContactoServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInicioServicios1, #btnMInicioServicios2, #btnMInicioServicios3, #btnMInicioServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInicioServicios1:hover, #btnMInicioServicios2:hover, #btnMInicioServicios3:hover, #btnMInicioServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

.tituloGeneralNavegacionNN{
    position: relative; margin-left: 0px; margin-top: 0px;
    float:left;
    width: 100%;
    height: 250px;
    background-color: #fff;
    /*width: 100%; 
     height: 0; 
     border-left: 1300px solid #f0ad4e;
     border-top: 500px solid transparent;
     border-bottom: 0px solid transparent;*/
    z-index: 6;
}

.bodyNN{
    position: relative;
    float: left;
    width: 100%;
    z-index: 6;
}

.tituloGNN{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5%;
    font-size: 44px;
    color: #000;
    font-weight: normal;
    text-align: center;
}

.tituloGNN2{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 54px;
    color: #000;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN2B{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 54px;
    color: #fff;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN2C{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 34px;
    color: #000;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN3{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 20%;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    text-align: justify;
}

.tituloGNN4{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 20%;
    font-size: 38px;
    color: #fff;
    font-weight: normal;
    text-align: justify;
}

.tituloSGBanner{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 194px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-shadow: 3px 13px 12px rgba(0,0,0,1);
}

.tituloSpBanner{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 74px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    /*background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#000 85%, transparent 90%) 0 1px,
                                    radial-gradient(#000 95%, transparent 100%) 8px 9px;*/
                                    background-size:4px 4px;
    
    border-radius: 30px;
    text-shadow: 3px 7px 4px rgba(0,0,0,1);
    
}

.contenedorParrafoNN{
    position: relative; margin-top: 0px;
    float: left;
    width: 50%;
    background-color: #fff;
    z-index:6;
}

.contenedorParrafoNN2{
    position: absolute; margin-top: 1%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.contenedorParrafoNN2B{
    position: absolute; margin-top: 6%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.contenedorParrafoNN2C{
    position: absolute; margin-top: 19%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.parrafoNN{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #313233;
    font-weight: normal;
    text-align: center;
    /*text-shadow: 3px 13px 12px rgba(0,0,0,1);*/
}

.contenedorFusion{
    position: relative;
    float: left;
    width: 100%;
    height: 800px;
}

.contenedorBannerSecNN{
    position: relative;
    float: left;
    width: 100%;
    height: 800px;
    z-index:6;
}

.imgBannerSecNN{
    width: 100%;
    height: 100%;
}





#imgOpcionesServicios1, #imgOpcionesServicios2, #imgOpcionesServicios3, #imgOpcionesServicios4{
    float: left;
    display: inline;
    width: 50%;
    height: 140px;
    margin: 5px;
    cursor: pointer;
    /*opacity: 0.9;
    filter: alpha(opacity=99);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;*/
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}
/*///////////////////////////////////////////////////////////////////////MENU BODY/////////////////*/
#fondoTituloOpcion{
    position: absolute; margin-left: 13.5%;
    width: 15%;
    height: 250px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////MENU OPCIONES BODY//////////////////////////////////////////////////////////////////////////*/
#contenedorTituloOpcion1{
    position: absolute; margin-top: 6%; margin-left: 14%;
    width: 18%;
    z-index: 100;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#tituloH1Opcion1, #tituloH1Opcion2, #tituloH1Opcion3, #tituloH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    width: 100%;
    margin: 10px;
    animation-name: staticEscena;
    animation-duration: 2s;
}

#h2InfoServicios1, #h2InfoServicios2, #h2InfoServicios3, #h2InfoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #ffffff;
    font-weight: normal;
    text-align: justify;
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 5%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    /*animation-delay: 1s;*/
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

#h2IPoliticasServicios1, #h2IPoliticasServicios2, #h2IPoliticasServicios3, #h2IPoliticasServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #ffffff;
    font-weight: normal;
    text-align: justify;
    width: 100%;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 5%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    /*animation-delay: 1s;*/
    animation-duration: 1s;
    animation-fill-mode: forwards;
}


#inputContactServiciosCC1, #inputContactServiciosCC2, #inputContactServiciosCC3, #inputContactServiciosCC4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 3px;
    margin-left: 4%;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosCC1:hover, #inputContactServiciosCC2:hover, #inputContactServiciosCC3:hover, #inputContactServiciosCC4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 3px;
    margin-left: 4%;
    margin-bottom: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosTwoCC1, #inputContactServiciosTwoCC2, #inputContactServiciosTwoCC3, #inputContactServiciosTwoCC4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 0px;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosTwoCC1:hover, #inputContactServiciosTwoCC2:hover, #inputContactServiciosTwoCC3:hover, #inputContactServiciosTwoCC4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 0px;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#contenedorH2DescServ{
    position: absolute;
    width: 16%;
    height: 139px;
    margin-top: -143px;
    margin-left: 6px;
    z-index:5;
}

#contenedorH2DescServTwo{
    position: absolute;
    width: 16%;
    height: 139px;
    margin-top: -143px;
    margin-left: 6px;
    z-index: 7;
}

#contenedorBtnDescServ{
    position: absolute;
    width: 8%;
    height: auto;
    margin-top: -33px;
    margin-left: 19.2%;
    visibility: hidden;
}

#contenedorTituloOpcion2{
    position: absolute; margin-top: 6%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

#contenedorTituloOpcion3{
    position: absolute; margin-top: 24%; margin-left: 204px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

#contenedorTituloOpcion4{
    position: absolute; margin-top: 24%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}
/*/////////////////////////////////////////////////////////////////////MENU BODY//////////////////////////*/
#contenedorContactoOpcion1{
    position: absolute; margin-top: 11%; margin-left: 14%;
    width: 18%;
    z-index: 110;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#contactoH1Opcion1, #contactoH1Opcion2, #contactoH1Opcion3, #contactoH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    animation-name: staticEscena;
    animation-duration: 2s;
    z-index: 100;
}

#contenedorContactoOpcion2{
    position: absolute; margin-top: 10%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorContactoOpcion3{
    position: absolute; margin-top: 28%; margin-left: 204px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorContactoOpcion4{
    position: absolute; margin-top: 28%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorLlamadaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 13%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.llamadaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorMatriculaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 30%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.matriculaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorProfesoresOpcion1{
    position: absolute; margin-top: -4%; margin-left: 43%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.profesoresH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorMultimediaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 57%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.multimediaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorSclienteOpcion1{
    position: absolute; margin-top: -4%; margin-left: 72%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.sclienteH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

/*MENU BODY/////////////////////////////////////////////////////////////////////////////*/
.coronaMenuServicios{
    position: absolute; margin-top: -15%; margin-left: 22%;
    z-index: 10;

}

.coronaMenuServicios2{
    position: absolute; margin-top: 10%; margin-left: 40%;
    z-index: 15;

}

.coronaMenuServicios3{
    position: absolute; margin-top: 28%; margin-left: 22%;
    z-index: 15;

}

.coronaMenuServicios4{
    position: absolute; margin-top: 28%; margin-left: 40%;
    z-index: 15;

}

#imgCoronaMenuServicios1, #imgCoronaMenuServicios2, #imgCoronaMenuServicios3, #imgCoronaMenuServicios4{
    float: left;
    display: inline;
    width: 40px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20%;
    margin-right: 16%;
    padding: 0px;
    animation-name: staticEscena;
    animation-duration: 2s;
}

.iconosMenuServicios{
    width: 20px;
    height: 20px;
    padding-bottom: 3.5%;
    padding-top: 0px;
    margin-top: 0px;
}

.titulo1{
    width: 100%;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.titulo3{
    position: absolute;
    float: left;
    width: 100%;
    height: 39px;
    margin-top: 22px;
    margin-bottom: 0px;
    background-color: rgb(77, 3, 78);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.tituloH1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.contenedorTituloH1{
    position: absolute; margin-top: 0px;
    width: 100%;
    z-index: 11;
}

.tituloH1_2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-left: 20%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.contenedorTituloH1_2{
    position: absolute; margin-top: 600px; margin-left: 0px;
    width: 100%;
    z-index: 11;
}

#mostrarOpcion01{
    float: none;
    width: 100%;
    height: 100%;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgMostrarOpcion01{
    width: 100%;
    height: 100%;
}

#noticiasContenedor{
    position: absolute; margin-top: -808px; margin-left: 0px;
    float: right;
    width: 34%;
    height: 510px;
    padding-top: 0px;
    background-color: #D4D721;

}

.liNoticiasContenedor{
float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.liNoticiasContenedor:hover{
    float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgb(181, 4, 184);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: #D4D721 3px 3px 10px;
    -moz-box-shadow: #D4D721 3px 3px 10px 5px;  
}

.imgNoticias{
    width: 100%;
    height: 100%;
}

#fondoTituloOpcion5{
    position: absolute; margin-left: 6%;
    width: 18%;
    height: 513px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 8;
}

.coronaMenuServicios5{
    position: absolute; margin-top: 12%; margin-left: 13%;
    z-index: 100;

}

#contenedorTituloOpcion5{
    position: absolute; margin-top: 0%; margin-left: 0%;
    z-index: 100;
}

.tituloH1Opcion5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    width: 100%;
    font-weight: normal;
    text-align: center;
}


#contenedorContactoOpcion5{
    position: absolute; margin-top: 18%; margin-left: 11%;
    z-index: 100;
}

.contactoH1Opcion5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

/*CONTENEDOR MEDIO*/
#contenedorMedio{
    position: relative; margin-top: 0px;
    float: left;
    width: 100%;
    height: 400px;
    background-image: url(imagenes/261899_215396035169768_4436403_n.jpg); background-repeat: no-repeat; background-size: 100%; background-position-y: 45%;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.titulo2{
    position: absolute;
    width: 30%;
    height: 200px;
    margin-top: 730px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 16;
    visibility: hidden;
}

.titulo4{
    position: absolute;
    width: 100%;
    height: 40px;
    margin-top: 690px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: 16;
}

.contenedorTituloH1_3{
    position: absolute; margin-top: -38px;
    width: 100%;
    z-index: 16;
}

.tituloH1_3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-left: 5%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.fondoMenuVidaLok{
    position: absolute; margin-top: -60px; margin-left: 30%;
    width: 18%;
    height: 250px;
    background-color: #1d78ee; 

    background:
    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
    radial-gradient(#1d78ee 25%, transparent 20%) 0 1px,
    radial-gradient(#1d78ee 15%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;


    
    z-index: 22;
}

.contenedor-h1_fondoMenuVidaLok{
    position: absolute; margin-left: 30%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.h1_fondoMenuVidaLok:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -60px;
    padding-top: 83px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#1d78ee 25%, transparent 16%) 0 0,
    radial-gradient(#1d78ee 25%, transparent 16%) 5px 5px,
    radial-gradient(#1d78ee 35%, transparent 20%) 0 1px,
    radial-gradient(#1d78ee 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(250,250,250) 3px 3px 10px;
    -moz-box-shadow: rgba(250,250,250) 3px 3px 10px 5px;

    z-index: 24;
}

.fondoMenuVidaLok2{
    position: absolute; margin-top: -80px; margin-left: 45%;
    width: 18%;
    height: 300px;
    background-color: #22dd22;

    background:
    radial-gradient(#22dd22 15%, transparent 16%) 0 0,
    radial-gradient(#22dd22 15%, transparent 16%) 5px 5px,
    radial-gradient(#22dd22 25%, transparent 20%) 0 1px,
    radial-gradient(#22dd22 15%, transparent 60%) 8px 9px;
    background-size:4px 4px;

    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 14;
}

.contenedor-h1_fondoMenuVidaLok2{
    position: absolute; margin-left: 45%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.h1_fondoMenuVidaLok2:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -80px;
    padding-top: 103px;
    padding-bottom: 32px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#22dd22 25%, transparent 16%) 0 0,
    radial-gradient(#22dd22 25%, transparent 16%) 5px 5px,
    radial-gradient(#22dd22 35%, transparent 20%) 0 1px,
    radial-gradient(#22dd22 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgb(250, 250, 250) 3px 3px 10px;
    -moz-box-shadow: rgba(250, 250, 250) 3px 3px 10px 5px;

    z-index: 24;
}

.fondoMenuVidaLok3{
    position: absolute; margin-top: -100px; margin-left: 60%;
    width: 18%;
    height: 350px;
    background-color: #cf6c1b;

    background:
    radial-gradient(#cf6c1b 15%, transparent 16%) 0 0,
    radial-gradient(#cf6c1b 15%, transparent 16%) 5px 5px,
    radial-gradient(#cf6c1b 25%, transparent 20%) 0 1px,
    radial-gradient(#cf6c1b 15%, transparent 60%) 8px 9px;
    background-size:6px 6px;

    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 22;
}

.contenedor-h1_fondoMenuVidaLok3{
    position: absolute; margin-left: 60%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
    z-index: 18;
}

.h1_fondoMenuVidaLok3:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -100px;
    padding-top: 123px;
    padding-bottom: 62px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#cf6c1b 25%, transparent 16%) 0 0,
    radial-gradient(#cf6c1b 25%, transparent 16%) 5px 5px,
    radial-gradient(#cf6c1b 35%, transparent 20%) 0 1px,
    radial-gradient(#cf6c1b 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgb(250, 250, 250) 3px 3px 10px;
    -moz-box-shadow: rgba(250, 250, 250) 3px 3px 10px 5px;

    z-index: 24;
}

/*FINAL CONTENEDOR MEDIO*/


/*CUERPO INFORMACION*/
#cuerpoInformacion{
    position: relative;
    float: left;
    width: 100%;
    height: 400px;
    background-color: #ffffff;
}

/*PIE DE PAGINA*/
#piePaginaInformacion{
    position: relative; margin-top:300px;
    float: left;
    width: 100%;
    height: 300px;
    background-color: rgb(40, 41, 40);
    z-index:1;
}









/*STYLOS MAESTROS*/
#contenedorMostrandoInfo{
    position: absolute; margin-top: 100px;
    width: 100%;
    height: 650px;
    visibility: hidden;
    z-index: 3;
}
#contenedorMostrandoInfoUL{
    position: absolute;
    display: inline;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 3;
}
#horarioClases{
    float: left;
    width: 69%;
    height: 650px;
    background-color: #ffffff;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

#spanEstadisticas{
    float: left;
    width: 30%;
    height: 650px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 3;
}


#contenedorMostrandoInfoAsignaciones{
    position: absolute; margin-top: 100px;
    width: 100%;
    height: 650px;
    visibility: hidden;
    z-index: 3;
}
#contenedorMostrandoInfoULAsignaciones{
    position: absolute;
    display: inline;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 3;
}
#horarioClasesAsignaciones{
    float: left;
    width: 69%;
    height: 650px;
    background-color: #ffffff;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

#spanEstadisticasAsignaciones{
    float: left;
    width: 30%;
    height: 650px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 3;
}
/*FINAL STYLOS MAESTROS*/

#castillo{
    position: absolute; margin-top: 450px; margin-left: 0px;
    width: 25%;
    height: 700px;
    visibility: hidden;
    z-index: 11; 
}

#img_castillo{
    width: 100%;
    height: 700px;
}

#catillo_navegacion{
    position: absolute; margin-top: 600px; margin-left: 15%;
    background-color: #ffffff;
    width: 85%;
    height: 550px;
    visibility: hidden;
    z-index: 9;
}

#cast_MenuNavegacion{
    position: absolute; margin-top: 0px; margin-left: 0px;
    background-color: #D4D721;
    width: 100%;
    height: 50px;
    visibility: hidden;
}


/*SESIONES///////////////////////////////////////////////////////////////////////*/
/*ADMINISTRADOR/////////////////////////////////////////////////////////////////*/
.fondoMenuSesiones{
    position: absolute; margin-top: 50px;
    float: left;
    width: 15%;
    height: 550px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 2;
}

.contenedorMenuSesiones{
    position: absolute;
    float: left;
    width: 15%;
    height: 600px;
    z-index: 2;
}

#ulNavegacionAdmin{
    width: 100%;
    height: 100%;
    margin-top: 60px;
    padding-left: 0px;
    z-index: 4;
}

.liNavegacionMenuLateral{
    position: relative; margin-left: 10px;
    float: left;
    display: inline;
    width: 100%;
}

.h1NavegacionAdmin{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.coronaMenuLateral{
    width: 15px;
    height: 10px;
    padding: 0x;
    margin-top: 0px;
    vertical-align: 5%;
}

#navegacion{
    position: absolute; margin-top: 600px;
    width: 100%;
    height: 800px;
    z-index: 24;

}

/*NOTICIAS*/
#contenedorAreaNoticias{
    position: absolute; margin-top: 1800px; margin-left: 0px;
    width: 100%;
    height: 10px;
    background-color: #7B047D;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 15;
}

#contenedorAreaNoticiasVertical{
    position: absolute; margin-top: 1810px; margin-left: 950px;
    width: 5px;
    height: 360px;
    background-color: #7B047D;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 1;
}

.contenedor-h1_noticias{
    position: absolute; margin-left: 2%; margin-top: -30px;
    width: 18%;
    z-index: 24;
}

.h1_noticias{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.contenedor-h1_esteMes{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    margin-left: 640px;
    margin-top: -30px;
    z-index: 24;
}

#contenedorBannerIndex{
    position: relative;
    float: left;
    width: 100%;
    height: 900px;
    background-color: #fff;
    z-index: 4;
}

#logoAni{
    position: absolute; margin-top: 30%; margin-left: 100%;
    float: left;
    width: 40%;
    height: 100px;
    z-index: 6;
    
    animation-duration: 2s;
    animation-delay: 2s;
    animation-name: slideinNombreLogo;
}

    @keyframes slideinNombreLogo {
        from {
            margin-left: 100%;
        }
        
        to {
            margin-left: 30%;
        }
    }

.imgLogoNombre{
    width: 100%;
    height: 100%;
}

#logoAni2{
    position: absolute; margin-top: 11%; margin-left: 5%;
    float: left;
    width: 20%;
    height: 50px;
    z-index: 6;
    
    animation-duration: 1s;
    animation-delay: 4s;
    animation-name: slideinNombreLogo2;

}

    @keyframes slideinNombreLogo2 {
        from {
            margin-left: 30%;
            margin-top: 30%;
            width: 40%;
        }
        
        to {
            margin-left: 5%;
            margin-top: 11%;
            width:20%;
        }
    }

.imgLogoNombre2{
    width: 100%;
    height: 100%;
}

#telon{
    position: absolute; margin-top: 7%; margin-left: 1%;
    float: left;
    width: 30%;
    height: 150px;
    background-color: none;
    z-index: 8;
    

    animation-duration: 4s;
    animation-name: slidenTelon;
}

    @keyframes slidenTelon {
        from {
            background-color: #fff;
            opacity: 100%;
        }
        
        to {
            background-color: #fff;
            opacity: 100%;
        }
    }


#telonG{
    position: absolute; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 800px;
    background-color: none;
    z-index: 4;
    

    animation-duration: 6s;
    animation-name: slidenTelonG;
}

    @keyframes slidenTelonG {
        from {
            background-color: #fff;
            opacity: 100%;
        }
        
        to {
            background-color: #fff;
            opacity: 100%;
        }
    }

#coronaAni{
    position: absolute; margin-top: -20%; margin-left: 40%;
    float: left;
    width: 17%;
    height: 150px;
    z-index: 8;
    
    animation-duration: 4s;
    animation-name: slideinNombreCorona;
}

    @keyframes slideinNombreCorona {
        from {
            margin-top: 20%;
            margin-left: 40%;
            opacity: 0%;
        }
        
        to {
            margin-top: 20%;
            margin-left: 40%;
            opacity: 100%;
        }
    }

.imgCoronaNombre{
    width: 100%;
    height: 100%;
}

#coronaAni2{
    position: absolute; margin-top: 7%; margin-left: 11%;
    float: left;
    width: 5%;
    height: 55px;
    z-index: 6;
    
    animation-delay: 4s;
    animation-duration: 1s;
    animation-name: slideinNombreCorona2;
}

    @keyframes slideinNombreCorona2 {
        from {
            margin-left: 40%;
            margin-top: 20%;
            width: 17%;
            height: 150px;
            width: 17%;
        }
        
        to {
            margin-left: 11%;
            margin-top: 7%;
            width: 5%;
            height: 55px;
        }
    }

.imgCoronaNombre2{
    width: 100%;
    height: 100%;
}




#bannerImg1{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: slidein;
} 
  
  @keyframes slidein {
  from {
    margin-top: 800px;
    height: 0px;
  }

  to {
    margin-top: 0%;
    height: 800px;
  }

}

#imgBDivision1{
    width: 100%;
    height: 100%;

}

#bannerImg2{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    animation-delay: 6s;
    animation-duration: 2s;
    animation-name: sliden2;
}

    @keyframes sliden2 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision2{
    width: 100%;
    height: 100%;
}

#bannerImg3{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden3;
}

    @keyframes sliden3 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision3{
    width: 100%;
    height: 100%;
}

#bannerImg4{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #89046d;
    
    animation-delay: 6s;
    animation-duration: 3s;
    animation-name: sliden4;
}

    @keyframes sliden4 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;   
        }
    }
    
#imgBDivision4{
    width: 100%;
    height: 100%;
}

#bannerImg5{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #9e047e;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden5;
}

    @keyframes sliden5 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }

#imgBDivision5{
    width: 100%;
    height: 100%;
}

#bannerImg6{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #b50590;
    
    animation-delay: 6s;
    animation-duration: 4s;
    animation-name: sliden6;
}

    @keyframes sliden6 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision6{
    width: 100%;
    height: 100%;
}

#bannerImg7{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #c6059e;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden7;
}

    @keyframes sliden7 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision7{
    width: 100%;
    height: 100%;
}

#bannerImg8{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #d506aa;
    
    animation-delay: 6s;
    animation-duration: 5s;
    animation-name: sliden8;
}

    @keyframes sliden8 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision8{
    width: 100%;
    height: 100%;
}

/*LOK CAFE*/

#contenedorLokCfe{
    position:relative; 
    float:left; 
    width:100%; 
    height:600px; 
    background-color:#210122;
}

.spanLeftLokCafe{
    position:relative; 
    float:left; 
    display:inline; 
    width:50%; 
    height: 100%; 
    background-color:#9b9a98;
}

.spanRightLokCafe{
    position:relative; 
    float:left; 
    display:inline; 
    width:50%; 
    height: 100%; 
    background-color: #d0cfcd;
}

#ulContenedorLokCafe{
    width:100%; 
    height:480px; 
    margin-top: 60px; 
    margin-bottom: 60px; 
    margin-left: 15%; 
    background-color: #fff; 
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#ulContenedorLokCafeRight{
    width:100%; 
    height:100%; 
    margin:0px; 
    padding:0px;
}

.liContenedorLokCafe{
    float:left; 
    display:inline; 
    width:100%; 
    margin-top: 30px;
    margin-bottom: 30px;
}

.liContenedorLokCafeImg{
    float:left; 
    display:inline; 
    width:100%; 
    height: 600px;
}

.imgLokCafe{
    width:85%; 
    height:480px; 
    margin-top:60px; 
    margin-left:0%; 
    margin-bottom:60px; 
    margin-right:15%; 
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.h1MTituloLokCafe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3em;
    color: #262626;
    font-weight: normal;
    text-align: justify;
    margin-left:10%; 
    margin-right:20%; 
    color:#262626;
}


.h2MTituloLokCafe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #262626;
    font-weight: normal;
    text-align: justify;
    margin-left:10%; 
    margin-right:30%; 
}

/*FINAL LOK CAFE*/

/* EVENTOS */
#contenedorEventos{
    position:relative; 
    float:left; 
    width:100%; 
    height:auto; 
    background-color:#9b9a98;
}

#contenedorEventosTitulo{
    position:relative; 
    float:left; 
    width:100%; 
    height:40px; 
    padding-top:0px; 
    z-index:10;
}

.spanLeftEventos{
    float:left; 
    width:50%; 
    height:auto;
    display:flex; 
    justify-content:space-around; 
    padding-top:50px; 
    padding-bottom:50px; 
    background-color:#d0cfcd;
}

.spanRightEventos{
    float:left; 
    width:50%; 
    height:100%;
    display:inline; 
    padding-top:50px; 
    padding-bottom:50px; 
    background-color:#9b9a98;
}

.imgTopEventos{
    width:65%; 
    height:400px; 
    margin-bottom:70px; 
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgBottomEventos{
    width:65%; 
    height:400px; 
    margin-bottom:30px;  
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgTopEventos:hover{
    width:65%; 
    height:400px; 
    margin-bottom:70px; 
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgBottomEventos:hover{
    width:65%; 
    height:400px; 
    margin-bottom:30px;  
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}
/* FINAL DE EVENTOS*/

}

 /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////
                                //////////////////////////////////////////////////
                                /////////////////////////////////////////////////
                                ////////////////////////////////////////////////
                                ///////////////////////////////////////////////
                                //////////////////////////////////////////////
                                /////////////////////////////////////////////
                                ////////////////////////////////////////////
                                ///////////////////////////////////////////
                                //////////////////////////////////////////
                                /////////////////////////////////////////
                                ////////////////////////////////////////
                                ///////////////////////////////////////
                                //////////////////////////////////////
                                /////////////////////////////////////
                                ////////////////////////////////////
                                ///////////////////////////////////
                                //////////////////////////////////
                                /////////////////////////////////
                                ////////////////////////////////
                                ///////////////////////////////
                                //////////////////////////////
                                /////////////////////////////
                                ////////////////////////////
                                ///////////////////////////
                                //////////////////////////
                                /////////////////////////
                                ////////////////////////
                                ///////////////////////
                                //////////////////////
                                /////////////////////
                                ////////////////////
                                ///////////////////
                                //////////////////
                                /////////////////
                                ////////////////
                                ///////////////
                                //////////////
                                /////////////
                                ////////////
                                ///////////
                                //////////
                                /////////
                                ////////
                                ///////
                                //////
                                /////
                                ////
                                ///
                                //
                                /
                                */
                                
@media only screen and (min-width:1280px) and (max-width:1365px){
/* PAGINA INICIO */
.carousel {
            width: 100%;
            height: 650px;
            margin: 0 auto;
            display: flex;
            z-index:100;
        }
        #imagen {
            width: 100%;
            height: 650px;
            background-size: 100% 100%;
            -webkit-animation-name:staticFade;
            -webkit-animation-duration:2.5s;
            animation-name:staticFade;
            animation-duration:2.5s;
        }
        
        #tituloVisual2{
            position: absolute; 
            float: left;
            width: 60%;
            height: 30px;
            margin-top: 0px;
            margin-left: 0px;
        }
.imagenBBPP{
            width: 100%;
            height: 650px;
            background-size: 100% 100%;
        }
        
.controles{
    position: absolute; margin-top:580px; margin-left: 3%;
    float:left;
    width:10%;
    
}

#play{
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 100px 0px 0px 100px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#play:hover{
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 100px 0px 0px 100px;
    background-color: rgba(123,4,125,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#stop{
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 0px 100px 100px 0px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#stop:hover{
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 0px 100px 100px 0px;
    background-color: rgba(123,4,125,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}
        
.prev, .next{
 cursor:pointer;
 position:absolute;
 top:40%;
 width:auto;
 margin-top:-22px;
 padding:16px;
 color:white;
 font-weight:thin;
 font-size:3.3em;
 transition:0.6s ease;
 border: 0px;
 border-radius:0 3px 3px 0;
 background-color: rgba(123,4,125,0.3);
 text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
 box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
 -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
 -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}


.next{
 right:0;
 border-radius:3px 0 0 3px;
}

.prev:hover, .next:hover{
 background-color:rgba(0,0,0,0.8);
}

.fade{
 -webkit-animation-name:fade;
 -webkit-animation-duration:2.5s;
 animation-name:fade;
 animation-duration:2.5s;
 
}

@-webkit-keyframes fade{
 from{opacity:.4;}
 to{opacity:1;}
}

@keyframes fade{
 from{opacity:.4;}
 to{opacity:1;}
}


.ulSliderOption{
    width:15%; 
    height:25px; 
    margin-top: 600px;
    margin-left:42.5%;
}

.sliderOption{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#262626;
}

.sliderOptionEscena{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#D4D721;
}

.text{
 color:#f2f2f2;
 font-size:15px;
 padding:8px 12px;
 position:absolute;
 bottom:8px;
 width:100%;
 text-align:center;
}

#visual, #visual2, #visual3, #visual4, #visual5{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#262626;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    -webkit-animation-name:staticFade;
    -webkit-animation-duration:2.5s;
    animation-name:staticFade;
    animation-duration:2.5s;
}

#tituloVisual2, #tituloVisual3, #tituloVisual4, #tituloVisual5{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -300px;
    margin-left:10%; 
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:12s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:12s;
    animation-fill-mode: forwards;
}

#tituloVisual{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -500px;
    margin-left:45%; 
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:2s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:2s;
    animation-fill-mode: forwards;
}

#tituloVisualSegd{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -200px;
    margin-left: 45%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:1s;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:1s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveTitulo{
 from{margin-top:-300px; margin-left: 10%;}
 to{margin-top:-400px; margin-left: 5%;}
}

@keyframes moveTitulo{
 from{margin-top:-300px; margin-left: 10%;}
 to{margin-top:-400px; margin-left: 5%;}
}

@-webkit-keyframes moveTituloBajada{
 from{margin-top:-400px; margin-left: 5%;}
 to{margin-top:-300px; margin-left: 10%;}
}

@keyframes moveTituloBajada{
 from{margin-top:-400px; margin-left: 5%;}
 to{margin-top:-300px; margin-left: 10%;}
}

@-webkit-keyframes moveTituloOpacity{
 from{opacity:.1;}
 to{opacity:1;}
}

@keyframes moveTituloOpacity{
 from{opacity:.1;}
 to{opacity:1;}
}

@-webkit-keyframes moveTituloOpacitySeg{
 from{opacity:.4;}
 to{opacity:1;}
}

@keyframes moveTituloOpacitySeg{
 from{opacity:.4;}
 to{opacity:1;}
}

#tituloVisualBannerPP, #tituloVisualBannerPP2, #tituloVisualBannerPP3, #tituloVisualBannerPP4, #tituloVisualBannerPP5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: left;
    font-weight: normal;
    margin: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP, #subTituloVisualBannerPP2, #subTituloVisualBannerPP3, #subTituloVisualBannerPP4, #subTituloVisualBannerPP5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP2SS{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: justify;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 40%;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP2SS2{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: justify;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 40%;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPPIni{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 2%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding-top:0px; 
}

#subTituloVisualBannerPPIniSeg{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-3%;
    margin-bottom:5%;
    margin-left: 4%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding-top:0px; 
}

#tituloVisualBannerPPIni{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-10%;
    margin-bottom:5%;
    margin-left: 4%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniTerc{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-7%;
    margin-bottom:5%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniSeg{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-13%;
    margin-bottom:5%;
    margin-left: 15%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniCuar{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-5%;
    margin-bottom:2%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniTerc{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-8%;
    margin-bottom:0%;
    margin-left: 0%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniQuin{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-4%;
    margin-bottom:2%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniCuar{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-8%;
    margin-bottom:0%;
    margin-left: 20%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

/* FIN PAGINA INICIO*/
.contenedor{
    position: relative; top: 0px; left: 0px;
    padding-top: 160px;
    background-color:#7B047D;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contenedor2{
    position: absolute; top: 270px;
    float: center;
    width: 100%;
    height: 100%;
    z-index: 4;
}

h3{
    font-family: 'Gafata', sans-serif;
    font-size: 22px;
    color:#ffffff;
    text-align: center
}

.imagen2{
    width: 40%;
    margin-left: 30%;
    margin-top: 0px;
}

#contenedorPadreMenuProductos{
    position: absolute; margin-top: 50px; margin-left: -200px;
    width: 100%;
    height: 300px;
    visibility: hidden;
    z-index: 400;
}













#contenedorConfMatricula{
    position: absolute; margin-top: 3.4%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 3%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 950;
    
   
}



#contenedorConfMatricula2{
    position: absolute; margin-top: 3.4%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 3%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    background-color: inherit;
    z-index: 900;
    
    animation-name: borderMatricula;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes borderMatricula{
    from{
        border: 0px;
        width: 40%;
        height: 3%;
        margin-left: 30%;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    }
    
    to{
        border: 1px solid #7B047D;
        width: 44%;
        height: 4%;
        margin-left: 28%;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    }
}

.ulContenedorConfMatricula{
    width: 100%;
    height: 100%;
    padding: 0%;
}

.liContenedorConfMatricula{
    float: left;
    display: inline;
    width: 100%;
    height: auto;
    padding: 0%;
    cursor: pointer;
}

.txtParrafoDescripcionOpcionMM{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

.txtParrafoDescripcionOpcionMM:hover{
    font-family: Arial, Helvetica, sans-serif;
    color: #D4D721;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

.txtParrafoDescripcionOpcionLoguin{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    text-align: justify; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}


#contenedorConfMatriculaLoguin{
    position: absolute; margin-top: 7%; margin-left: 20%;
    float: left;
    width: 60%;
    height: 20%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;*/
    z-index: 950;
    
   
}



#contenedorConfMatricula2Loguin{
    position: absolute; margin-top: 7%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 20%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    background-color: inherit;
    z-index: 900;
    
    animation-name: borderMatricula;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes borderMatricula{
    from{
        border: 0px;
        width: 40%;
        height: 3%;
        margin-left: 30%;
        /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );*/
    }
    
    to{
        border: 1px solid #7B047D;
        width: 44%;
        height: 4%;
        margin-left: 28%;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );*/
    }
}

/*ANIMACION////////////////////////////////////////////*/
.contenedorHijoMenuProductos{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);

      background-color: #7B047D;
      z-index: 400;
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown;
    }
    
  }
/*
#html{
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
*/
#contenedorGeneral{
    position: relative; margin-top: 0px; margin-left: 0px; margin-right: 0px; 
    float: left;
    width: 100%;
    background-color: #7B047D;
}

.contenedorLoguin{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #7B047D;
    z-index: 1;
    
    background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#7B047D 85%, transparent 90%) 0 1px,
                                    radial-gradient(#7B047D 95%, transparent 100%) 8px 9px;
                                    background-size:4px 4px;
}

.navegacionContenedorLoguin{
    position: absolute; margin-top: 5%; margin-left: 15%;
    float: left;
    width: 70%;
    height: 50%;
}

.contenedorLoguinLogo{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 150px;
    text-align: center;
    background-color: inherit;
    z-index:3;
}

.imgLoguinLogo{
    width: 60%;
    height: 100%;
}

.tituloLoguin{
    position: relative; margin-top: 150px;
    width: 100%;
    height: 50px;
    border-radius: 18px;
    background-color: #D4D721;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    
     background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#D4D721 85%, transparent 90%) 0 1px,
                                    radial-gradient(#7B047D 95%, transparent 100%) 8px 9px;
                                    background-size:4px 4px;
}

.h1Loguin{
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
     padding-top: 10px;
}

.h1Loguin2{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    margin-top: 13px;
    margin-bottom : 23px;
}

.contenedorForm{
    position: relative; margin-top: 20px;
    float:left;
    width: 100%;
    background-color: inherit;
    z-index:500;
}

.contUsuario{
    position: relative;
    width: 100%;
    max-height: 50px;
    background: #999;
}

.label{
    width: 30%;
}

.inpFormLo{
    width: 100%;
    height: 30px;
    border-radius: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.inpFormLo:hover{
    width: 100%;
    height: 30px;
    border-radius: 10px; 
    border: 3px solid; color: rgb(116, 197, 245);
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
    box-shadow: rgb(116, 197, 245) 35px 5px 5px 35px;
    -webkit-box-shadow: rgb(116, 197, 245) 0px 0px 25px;
    -moz-box-shadow: rgb(116, 197, 245) 35px 5px 5px 35px;
}

.contInpName{
    position: relative; margin-bottom: 10px;
    float: left;
    width: 30%;
    height: 50px;
}

.contInpFormName{
    position: relative; margin-bottom: 10px;
    float: left;
    width: 68%;
    height: 50px;
}

#contenedorLoguinBtn{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    text-align: center;
    background-color: #fff;
    z-index:900;
}

#inpFormPC_btn{
    position: fixed; margin-top: 8%; margin-left: 0%;
    float: left;
    width: 15%;
    height: 5%;
    background-color: #D4D721;
    border-radius: 6px;
    border: 0px;
     box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

#inpFormPC_btn:hover{
    position: fixed; margin-top: 8%; margin-left: 0%;
    float: left;
    width: 15%;
    height: 5%;
    background-color: rgb(116, 197, 245);
    border-radius: 6px;
     box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

/*MENU HEADER///////////////////////////////////////////////////////////////////////////////////////////*/


.liMenuGeneralHeader2{
    float: left; margin-top: 0px; margin-left: 0px;
    display: inline;
    padding-top: 0px;
    width: 60%;
    height: 50px;
    text-decoration: none;
}

h1{

}

h2{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
}

/*h3, .liMenuGeneralHeader esta pertenece al menu..variables_Menu.php*/

h5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    margin-top: 20px;
}

h6{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    margin-top: -9px;
}

h7{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 28px;
    text-align: center;
    font-weight: normal;
    margin-top: 30px;
}

a{
    text-decoration: none;
}

/*NAVEGACION MENU//////////////////////////////////////////////////////////////////////////////////////////*/


/*HEADER BANNER PRINCIPAL/////////////////////////////////////////////////////////////////////////////////*/
#headerBannerPrincipal{
    position: fixed; margin-top: -100px; margin-left: 0px;
    float: left;
    width: 99%;
    height: 650px;
    background-color: #ffffff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

#headerBannerPrincipalAbsolute{
    position: relative; margin-top: -50px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-color: #ffffff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

#headerBannerPrincipalAbsoluteNN{
    position: relative; margin-top: -100px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-color: inherit;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 4;
}

.h3MHCC{
    font-family: 'Gafata', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color:#000;
    text-align: center;
    margin-top: 16%;
    text-shadow: none;
}

.h3MHCC:hover{
    font-family: 'Gafata', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color:#7B047D;
    text-align: center;
    margin-top: 16%;
    text-shadow: none;
}

.h3MPruebaTitulo{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4.5em;
    color: #fff;
    font-weight: normal;
    text-align: justify;
}

.h3contactoParrafoD{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-weight: normal;
    text-align: justify;
    font-size:1em; 
    margin: 0px; 
    padding: 0px;
}

.contenedorTituloSGBanner{
    position: relative; margin-top: 6%; margin-left: 10%;
    float:left;
    width: 60%;
}

.contenedorTituloSpBanner{
    position: relative; margin-top: -14%; margin-left: 10%;
    float:left;
    width: 70%;
}

.imgBannerPrincipal{
    width: 100%;
    height: 650px;
}

.imgTamanoBannerPrincipal{
    width: 100%;
    height: 650px;
    transition-duration: 4s;
  transition-delay: 2s;
    animation-delay:6s;
    animation-name: entradaiMGCC;
    animation-duration: 2s;
    /*animation-iteration-count: infinite;*/
}

@keyframes entradaiMGCC{
    from{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    
    to{
        filter: alpha(opacity=100);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
}



/*FORMULARIO DE CONTACTO*/
#formularioContactoBannerBackground{
    position: absolute; margin-top: 110px; margin-left: 80%;
    width: 20%;
    height: 400px;
    background-color: #2196F3;
    visibility: visible;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    visibility: hidden;
    z-index: 2;
    
}

#formularioContactoBanner{
    position: absolute; margin-top: 100px; margin-left: 80%;
    width: 20%;
    height: 400px;
    visibility: hidden;
    z-index: 4;
}

.inputContaco{
    width: 70%;
    height: 35px;
    margin-left: 50px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: normal;
    color: #999999;
    border-radius: 5px;
}

.btnContacto{
    margin-left: 50px;
    width: 70%;
    height: 50px;
    margin-top: 30px;
    background-color: rgb(28, 179, 23);
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    border: 0px;
    border-radius: 5px;
}



/*MENU OPCIONES DE SERVICIOS*/
#menuOpcionesServicios{
    position: relative;
    float: left;
    width: 100%;
    background-color: #7B047D;
    margin-top: 0px;
    padding-bottom: 50px;
    background:
        radial-gradient(#7B047D 15%, transparent 16%) 0 0,
        radial-gradient(#7B047D 15%, transparent 16%) 5px 5px,
        radial-gradient(#4a024b 85%, transparent 90%) 0 1px,
        radial-gradient(#4a024b 95%, transparent 100%) 8px 9px;
        background-size:4px 4px;
}

#menuOpcionesServiciosNavegacion{
    position: relative;
    float: left;
    width: 100%;
    background-color: #7B047D;
    margin-top: 0px;
    padding-bottom: 0px;
    z-index: 6;
}

#ulmenuOpcionesServicios{
    width: 95%;
    padding-left: 4.5%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color: inherit;
}

#ulmenuOpcionesServiciosBanner{
    float: right; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 9.5%;
    width: 90%;
    height: 310px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#spanDivServicios{
    position: relative;
    float: left;
    display: inline-block;
    width: 60%;
    height: auto;
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    background-color: inherit;
}

#spanDivServiciosBanner{
    position: relative;
    float: left;
    display: inline-block;
    width: 40%;
    height: auto;
    margin-top: 80px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: inherit;
}

.divGen{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 50px;
    margin: 0px;
    padding: 0px;
    background-color: rgb(77, 3, 78);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.divGenPrrafo{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 400px;
    margin: 0px;
    padding: 0px;
    background-color: rgba(20,1,20,0.8);
}

.h2ParrafoDGI{    
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 3em;
    text-align: left;
    font-weight: normal;
    margin-top: 100px;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

.h2ParrafoCGI{    
    font-family: Arial, Helvetica, sans-serif;
    color: #262626;
    font-size: 1.5em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0px;
    /*text-shadow: 3px 5px 2px rgba(0,0,0,0.5);*/
}

#contenedorBannerBodyIni{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 550px;
    margin: 0px;
    padding: 0px;
    background:
        radial-gradient(#7B047D 15%, transparent 16%) 0 0,
        radial-gradient(#7B047D 15%, transparent 16%) 5px 5px,
        radial-gradient(#4a024b 85%, transparent 90%) 0 1px,
        radial-gradient(#4a024b 95%, transparent 100%) 8px 9px;
    background-size:4px 4px;
}

.imgBannerBodyIni{
    width: 93%;
    height: 450px;
    margin-top: 0px;
    margin-left: 3.5%;
    margin-bottom: 100px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#contenedorContacto{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 800px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

.ulContenedorContacto{
    width: 93%;
    height: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 3.5%;
}

.liContenedorContactoh2{
    float: left;
    display: inline;
    width: 38.6%;
    height: 50px;
    margin-top: 0%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 32.5%;
    padding: 0px;
}

.liContenedorContactoInput{
    float: left;
    display: inline;
    width: 35%;
    height: 50px;
    margin-top: 0%;
    margin-bottom: 15px;
    margin-left: 32.5%;
}

.liContenedorLogoBody{
    float: left;
    display: inline;
    width: 35%;
    height: 100px;
    margin-top: 0%;
    margin-bottom: 15px;
    margin-left: 32.5%;
}

.inputContactoInicio{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding-top: 0%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 0%;
    border: 0.5px solid #262626;
}

.imgLoguinLogoBody{
    width: 40%;
    height: 100%;
    margin-left: 30%;
}

.btnGIB{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626; 
    font-weight: normal;
    font-size:1.3em; 
    text-align:center; 
    border: 0.9px solid #262626; 
    width:40%; 
    height:50px; 
    margin-top: 30px;
    margin-left:20%; 
    background-color:inherit;
    cursor: pointer;
}

.btnGIB:hover{
    font-family: Arial, Helvetica, sans-serif;
    color:#fff; 
    font-weight: normal;
    font-size:1.3em; 
    text-align:center; 
    border: 0.9px solid #262626; 
    width:40%; 
    height:50px; 
    margin-top: 30px;
    margin-left:20%; 
    background-color: #7B047D;
    cursor: pointer;
}

#contenedorGeneralNN{
    position: fixed; margin-top: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-image: url(imagenes/268164_215396228503082_4059678_n.jpg);
    background-repeat: none;
    background-size: 100%;
    z-index: 1;
}

#limenuOpcionesServicios1, #limenuOpcionesServicios2, #limenuOpcionesServicios3, #limenuOpcionesServicios4{
    float: left; margin-left: 0px;
    display: inline;
    width: 45%;
    height: 150px;
    margin-top: 10px;
    margin-left: 10px;
    background-color: rgb(80, 2, 82);
    border: 0.3px solid #fff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#limenuOpcionesServicios1:hover, #limenuOpcionesServicios2:hover, #limenuOpcionesServicios3:hover, #limenuOpcionesServicios4:hover{
    float: left; margin-left: 0px;
    display: inline;
    width: 45%;
    height: 150px;
    margin-top: 10px;
    margin-left: 10px;
    border: 0.3px solid #D4D721;
    /*background-color: rgb(181, 4, 184);*/
    background-color: #2f0130;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: #D4D721 3px 3px 10px;
    -moz-box-shadow: #D4D721 3px 3px 10px 5px; 
}

#btnMInfoServicios1, #btnMInfoServicios2, #btnMInfoServicios3, #btnMInfoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 25%;
    height: 25px;
    background-color: inherit;
    border: 0px;
    margin-top: 5px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInfoServicios1:hover, #btnMInfoServicios2:hover, #btnMInfoServicios3:hover, #btnMInfoServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 25%;
    height: 25px;
    background-color: inherit;
    border: 0px;
    margin-top: 5px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMFormServicios1, #btnMFormServicios2, #btnMFormServicios3, #btnMFormServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0px;
    height: 0px;
    background-color: #D4D721;
    border: 0px;
    margin-top: 0px;
    margin-left: 4%;
    margin-bottom: 3px;
    cursor: pointer;
    visibility: hidden;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#btnMFormServicios1:hover, #btnMFormServicios2:hover, #btnMFormServicios3:hover, #btnMFormServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0px;
    height: 0px;
    background-color: #4d80e2;
    border: 0px;
    margin-top: 0px;
    margin-left: 4%;
    margin-bottom: 3px;
    cursor: pointer;
    visibility: hidden;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes salidaEscenaFrame{
    from{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
    }
    to{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@keyframes salidaEscenaFrameFull{
    from{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
        width: 44%;
        visibility: visible;
    }
    to{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        width: 0%;
        visibility: hidden;
    }
}

@keyframes entradaEscenaFrame{
    from{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    to{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
    }
}

#btnMContactoServicios1, #btnMContactoServicios2, #btnMContactoServicios3, #btnMContactoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMContactoServicios1:hover, #btnMContactoServicios2:hover, #btnMContactoServicios3:hover, #btnMContactoServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInicioServicios1, #btnMInicioServicios2, #btnMInicioServicios3, #btnMInicioServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInicioServicios1:hover, #btnMInicioServicios2:hover, #btnMInicioServicios3:hover, #btnMInicioServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

.tituloGeneralNavegacionNN{
    position: relative; margin-left: 0px; margin-top: 0px;
    float:left;
    width: 100%;
    height: 250px;
    background-color: #fff;
    /*width: 100%; 
     height: 0; 
     border-left: 1300px solid #f0ad4e;
     border-top: 500px solid transparent;
     border-bottom: 0px solid transparent;*/
    z-index: 6;
}

.bodyNN{
    position: relative;
    float: left;
    width: 100%;
    z-index: 6;
}

.tituloGNN{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5%;
    font-size: 44px;
    color: #000;
    font-weight: normal;
    text-align: center;
}

.tituloGNN2{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 54px;
    color: #000;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN2B{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 54px;
    color: #fff;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN2C{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 34px;
    color: #000;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN3{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 20%;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    text-align: justify;
}

.tituloGNN4{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 20%;
    font-size: 38px;
    color: #fff;
    font-weight: normal;
    text-align: justify;
}

.tituloSGBanner{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 194px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-shadow: 3px 13px 12px rgba(0,0,0,1);
}

.tituloSpBanner{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 74px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    /*background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#000 85%, transparent 90%) 0 1px,
                                    radial-gradient(#000 95%, transparent 100%) 8px 9px;*/
                                    background-size:4px 4px;
    
    border-radius: 30px;
    text-shadow: 3px 7px 4px rgba(0,0,0,1);
    
}

.contenedorParrafoNN{
    position: relative; margin-top: 0px;
    float: left;
    width: 50%;
    background-color: #fff;
    z-index:6;
}

.contenedorParrafoNN2{
    position: absolute; margin-top: 1%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.contenedorParrafoNN2B{
    position: absolute; margin-top: 6%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.contenedorParrafoNN2C{
    position: absolute; margin-top: 19%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.parrafoNN{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #313233;
    font-weight: normal;
    text-align: center;
    /*text-shadow: 3px 13px 12px rgba(0,0,0,1);*/
}

.contenedorFusion{
    position: relative;
    float: left;
    width: 100%;
    height: 800px;
}

.contenedorBannerSecNN{
    position: relative;
    float: left;
    width: 100%;
    height: 800px;
    z-index:6;
}

.imgBannerSecNN{
    width: 100%;
    height: 100%;
}





#imgOpcionesServicios1, #imgOpcionesServicios2, #imgOpcionesServicios3, #imgOpcionesServicios4{
    float: left;
    display: inline;
    width: 50%;
    height: 140px;
    margin: 5px;
    cursor: pointer;
    /*opacity: 0.9;
    filter: alpha(opacity=99);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;*/
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}
/*///////////////////////////////////////////////////////////////////////MENU BODY/////////////////*/
#fondoTituloOpcion{
    position: absolute; margin-left: 13.5%;
    width: 15%;
    height: 250px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////MENU OPCIONES BODY//////////////////////////////////////////////////////////////////////////*/
#contenedorTituloOpcion1{
    position: absolute; margin-top: 6%; margin-left: 14%;
    width: 18%;
    z-index: 100;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#tituloH1Opcion1, #tituloH1Opcion2, #tituloH1Opcion3, #tituloH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    width: 100%;
    margin: 10px;
    animation-name: staticEscena;
    animation-duration: 2s;
}

#h2InfoServicios1, #h2InfoServicios2, #h2InfoServicios3, #h2InfoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #ffffff;
    font-weight: normal;
    text-align: justify;
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 5%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    /*animation-delay: 1s;*/
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

#h2IPoliticasServicios1, #h2IPoliticasServicios2, #h2IPoliticasServicios3, #h2IPoliticasServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #ffffff;
    font-weight: normal;
    text-align: justify;
    width: 100%;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 5%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    /*animation-delay: 1s;*/
    animation-duration: 1s;
    animation-fill-mode: forwards;
}


#inputContactServiciosCC1, #inputContactServiciosCC2, #inputContactServiciosCC3, #inputContactServiciosCC4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 3px;
    margin-left: 4%;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosCC1:hover, #inputContactServiciosCC2:hover, #inputContactServiciosCC3:hover, #inputContactServiciosCC4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 3px;
    margin-left: 4%;
    margin-bottom: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosTwoCC1, #inputContactServiciosTwoCC2, #inputContactServiciosTwoCC3, #inputContactServiciosTwoCC4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 0px;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosTwoCC1:hover, #inputContactServiciosTwoCC2:hover, #inputContactServiciosTwoCC3:hover, #inputContactServiciosTwoCC4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 0px;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#contenedorH2DescServ{
    position: absolute;
    width: 16%;
    height: 139px;
    margin-top: -143px;
    margin-left: 6px;
    z-index:5;
}

#contenedorH2DescServTwo{
    position: absolute;
    width: 16%;
    height: 139px;
    margin-top: -143px;
    margin-left: 6px;
    z-index: 7;
}

#contenedorBtnDescServ{
    position: absolute;
    width: 8%;
    height: auto;
    margin-top: -33px;
    margin-left: 19.2%;
    visibility: hidden;
}

#contenedorTituloOpcion2{
    position: absolute; margin-top: 6%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

#contenedorTituloOpcion3{
    position: absolute; margin-top: 24%; margin-left: 204px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

#contenedorTituloOpcion4{
    position: absolute; margin-top: 24%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}
/*/////////////////////////////////////////////////////////////////////MENU BODY//////////////////////////*/
#contenedorContactoOpcion1{
    position: absolute; margin-top: 11%; margin-left: 14%;
    width: 18%;
    z-index: 110;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#contactoH1Opcion1, #contactoH1Opcion2, #contactoH1Opcion3, #contactoH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    animation-name: staticEscena;
    animation-duration: 2s;
    z-index: 100;
}

#contenedorContactoOpcion2{
    position: absolute; margin-top: 10%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorContactoOpcion3{
    position: absolute; margin-top: 28%; margin-left: 204px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorContactoOpcion4{
    position: absolute; margin-top: 28%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorLlamadaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 13%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.llamadaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorMatriculaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 30%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.matriculaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorProfesoresOpcion1{
    position: absolute; margin-top: -4%; margin-left: 43%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.profesoresH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorMultimediaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 57%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.multimediaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorSclienteOpcion1{
    position: absolute; margin-top: -4%; margin-left: 72%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.sclienteH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

/*MENU BODY/////////////////////////////////////////////////////////////////////////////*/
.coronaMenuServicios{
    position: absolute; margin-top: -15%; margin-left: 22%;
    z-index: 10;

}

.coronaMenuServicios2{
    position: absolute; margin-top: 10%; margin-left: 40%;
    z-index: 15;

}

.coronaMenuServicios3{
    position: absolute; margin-top: 28%; margin-left: 22%;
    z-index: 15;

}

.coronaMenuServicios4{
    position: absolute; margin-top: 28%; margin-left: 40%;
    z-index: 15;

}

#imgCoronaMenuServicios1, #imgCoronaMenuServicios2, #imgCoronaMenuServicios3, #imgCoronaMenuServicios4{
    float: left;
    display: inline;
    width: 40px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20%;
    margin-right: 16%;
    padding: 0px;
    animation-name: staticEscena;
    animation-duration: 2s;
}

.iconosMenuServicios{
    width: 20px;
    height: 20px;
    padding-bottom: 3.5%;
    padding-top: 0px;
    margin-top: 0px;
}

.titulo1{
    width: 100%;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.titulo3{
    position: absolute;
    float: left;
    width: 100%;
    height: 39px;
    margin-top: 22px;
    margin-bottom: 0px;
    background-color: rgb(77, 3, 78);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.tituloH1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.contenedorTituloH1{
    position: absolute; margin-top: 0px;
    width: 100%;
    z-index: 11;
}

.tituloH1_2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-left: 20%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.contenedorTituloH1_2{
    position: absolute; margin-top: 600px; margin-left: 0px;
    width: 100%;
    z-index: 11;
}

#mostrarOpcion01{
    float: none;
    width: 100%;
    height: 100%;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgMostrarOpcion01{
    width: 100%;
    height: 100%;
}

#noticiasContenedor{
    position: absolute; margin-top: -808px; margin-left: 0px;
    float: right;
    width: 34%;
    height: 510px;
    padding-top: 0px;
    background-color: #D4D721;

}

.liNoticiasContenedor{
float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.liNoticiasContenedor:hover{
    float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgb(181, 4, 184);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: #D4D721 3px 3px 10px;
    -moz-box-shadow: #D4D721 3px 3px 10px 5px;  
}

.imgNoticias{
    width: 100%;
    height: 100%;
}

#fondoTituloOpcion5{
    position: absolute; margin-left: 6%;
    width: 18%;
    height: 513px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 8;
}

.coronaMenuServicios5{
    position: absolute; margin-top: 12%; margin-left: 13%;
    z-index: 100;

}

#contenedorTituloOpcion5{
    position: absolute; margin-top: 0%; margin-left: 0%;
    z-index: 100;
}

.tituloH1Opcion5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    width: 100%;
    font-weight: normal;
    text-align: center;
}


#contenedorContactoOpcion5{
    position: absolute; margin-top: 18%; margin-left: 11%;
    z-index: 100;
}

.contactoH1Opcion5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

/*CONTENEDOR MEDIO*/
#contenedorMedio{
    position: relative; margin-top: 0px;
    float: left;
    width: 100%;
    height: 400px;
    background-image: url(imagenes/261899_215396035169768_4436403_n.jpg); background-repeat: no-repeat; background-size: 100%; background-position-y: 45%;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.titulo2{
    position: absolute;
    width: 30%;
    height: 200px;
    margin-top: 730px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 16;
    visibility: hidden;
}

.titulo4{
    position: absolute;
    width: 100%;
    height: 40px;
    margin-top: 690px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: 16;
}

.contenedorTituloH1_3{
    position: absolute; margin-top: -38px;
    width: 100%;
    z-index: 16;
}

.tituloH1_3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-left: 5%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.fondoMenuVidaLok{
    position: absolute; margin-top: -60px; margin-left: 30%;
    width: 18%;
    height: 250px;
    background-color: #1d78ee; 

    background:
    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
    radial-gradient(#1d78ee 25%, transparent 20%) 0 1px,
    radial-gradient(#1d78ee 15%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;


    
    z-index: 22;
}

.contenedor-h1_fondoMenuVidaLok{
    position: absolute; margin-left: 30%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.h1_fondoMenuVidaLok:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -60px;
    padding-top: 83px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#1d78ee 25%, transparent 16%) 0 0,
    radial-gradient(#1d78ee 25%, transparent 16%) 5px 5px,
    radial-gradient(#1d78ee 35%, transparent 20%) 0 1px,
    radial-gradient(#1d78ee 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(250,250,250) 3px 3px 10px;
    -moz-box-shadow: rgba(250,250,250) 3px 3px 10px 5px;

    z-index: 24;
}

.fondoMenuVidaLok2{
    position: absolute; margin-top: -80px; margin-left: 45%;
    width: 18%;
    height: 300px;
    background-color: #22dd22;

    background:
    radial-gradient(#22dd22 15%, transparent 16%) 0 0,
    radial-gradient(#22dd22 15%, transparent 16%) 5px 5px,
    radial-gradient(#22dd22 25%, transparent 20%) 0 1px,
    radial-gradient(#22dd22 15%, transparent 60%) 8px 9px;
    background-size:4px 4px;

    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 14;
}

.contenedor-h1_fondoMenuVidaLok2{
    position: absolute; margin-left: 45%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.h1_fondoMenuVidaLok2:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -80px;
    padding-top: 103px;
    padding-bottom: 32px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#22dd22 25%, transparent 16%) 0 0,
    radial-gradient(#22dd22 25%, transparent 16%) 5px 5px,
    radial-gradient(#22dd22 35%, transparent 20%) 0 1px,
    radial-gradient(#22dd22 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgb(250, 250, 250) 3px 3px 10px;
    -moz-box-shadow: rgba(250, 250, 250) 3px 3px 10px 5px;

    z-index: 24;
}

.fondoMenuVidaLok3{
    position: absolute; margin-top: -100px; margin-left: 60%;
    width: 18%;
    height: 350px;
    background-color: #cf6c1b;

    background:
    radial-gradient(#cf6c1b 15%, transparent 16%) 0 0,
    radial-gradient(#cf6c1b 15%, transparent 16%) 5px 5px,
    radial-gradient(#cf6c1b 25%, transparent 20%) 0 1px,
    radial-gradient(#cf6c1b 15%, transparent 60%) 8px 9px;
    background-size:6px 6px;

    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 22;
}

.contenedor-h1_fondoMenuVidaLok3{
    position: absolute; margin-left: 60%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
    z-index: 18;
}

.h1_fondoMenuVidaLok3:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -100px;
    padding-top: 123px;
    padding-bottom: 62px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#cf6c1b 25%, transparent 16%) 0 0,
    radial-gradient(#cf6c1b 25%, transparent 16%) 5px 5px,
    radial-gradient(#cf6c1b 35%, transparent 20%) 0 1px,
    radial-gradient(#cf6c1b 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgb(250, 250, 250) 3px 3px 10px;
    -moz-box-shadow: rgba(250, 250, 250) 3px 3px 10px 5px;

    z-index: 24;
}

/*FINAL CONTENEDOR MEDIO*/


/*CUERPO INFORMACION*/
#cuerpoInformacion{
    position: relative;
    float: left;
    width: 100%;
    height: 400px;
    background-color: #ffffff;
}

/*PIE DE PAGINA*/
#piePaginaInformacion{
    position: relative; margin-top:300px;
    float: left;
    width: 100%;
    height: 300px;
    background-color: rgb(40, 41, 40);
    z-index:1;
}









/*STYLOS MAESTROS*/
#contenedorMostrandoInfo{
    position: absolute; margin-top: 100px;
    width: 100%;
    height: 650px;
    visibility: hidden;
    z-index: 3;
}
#contenedorMostrandoInfoUL{
    position: absolute;
    display: inline;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 3;
}
#horarioClases{
    float: left;
    width: 69%;
    height: 650px;
    background-color: #ffffff;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

#spanEstadisticas{
    float: left;
    width: 30%;
    height: 650px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 3;
}


#contenedorMostrandoInfoAsignaciones{
    position: absolute; margin-top: 100px;
    width: 100%;
    height: 650px;
    visibility: hidden;
    z-index: 3;
}
#contenedorMostrandoInfoULAsignaciones{
    position: absolute;
    display: inline;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 3;
}
#horarioClasesAsignaciones{
    float: left;
    width: 69%;
    height: 650px;
    background-color: #ffffff;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

#spanEstadisticasAsignaciones{
    float: left;
    width: 30%;
    height: 650px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 3;
}
/*FINAL STYLOS MAESTROS*/

#castillo{
    position: absolute; margin-top: 450px; margin-left: 0px;
    width: 25%;
    height: 700px;
    visibility: hidden;
    z-index: 11; 
}

#img_castillo{
    width: 100%;
    height: 700px;
}

#catillo_navegacion{
    position: absolute; margin-top: 600px; margin-left: 15%;
    background-color: #ffffff;
    width: 85%;
    height: 550px;
    visibility: hidden;
    z-index: 9;
}

#cast_MenuNavegacion{
    position: absolute; margin-top: 0px; margin-left: 0px;
    background-color: #D4D721;
    width: 100%;
    height: 50px;
    visibility: hidden;
}


/*SESIONES///////////////////////////////////////////////////////////////////////*/
/*ADMINISTRADOR/////////////////////////////////////////////////////////////////*/
.fondoMenuSesiones{
    position: absolute; margin-top: 50px;
    float: left;
    width: 15%;
    height: 550px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 2;
}

.contenedorMenuSesiones{
    position: absolute;
    float: left;
    width: 15%;
    height: 600px;
    z-index: 2;
}

#ulNavegacionAdmin{
    width: 100%;
    height: 100%;
    margin-top: 60px;
    padding-left: 0px;
    z-index: 4;
}

.liNavegacionMenuLateral{
    position: relative; margin-left: 10px;
    float: left;
    display: inline;
    width: 100%;
}

.h1NavegacionAdmin{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.coronaMenuLateral{
    width: 15px;
    height: 10px;
    padding: 0x;
    margin-top: 0px;
    vertical-align: 5%;
}

#navegacion{
    position: absolute; margin-top: 600px;
    width: 100%;
    height: 800px;
    z-index: 24;

}

/*NOTICIAS*/
#contenedorAreaNoticias{
    position: absolute; margin-top: 1800px; margin-left: 0px;
    width: 100%;
    height: 10px;
    background-color: #7B047D;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 15;
}

#contenedorAreaNoticiasVertical{
    position: absolute; margin-top: 1810px; margin-left: 950px;
    width: 5px;
    height: 360px;
    background-color: #7B047D;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 1;
}

.contenedor-h1_noticias{
    position: absolute; margin-left: 2%; margin-top: -30px;
    width: 18%;
    z-index: 24;
}

.h1_noticias{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.contenedor-h1_esteMes{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    margin-left: 640px;
    margin-top: -30px;
    z-index: 24;
}

#contenedorBannerIndex{
    position: relative;
    float: left;
    width: 100%;
    height: 900px;
    background-color: #fff;
    z-index: 4;
}

#logoAni{
    position: absolute; margin-top: 30%; margin-left: 100%;
    float: left;
    width: 40%;
    height: 100px;
    z-index: 6;
    
    animation-duration: 2s;
    animation-delay: 2s;
    animation-name: slideinNombreLogo;
}

    @keyframes slideinNombreLogo {
        from {
            margin-left: 100%;
        }
        
        to {
            margin-left: 30%;
        }
    }

.imgLogoNombre{
    width: 100%;
    height: 100%;
}

#logoAni2{
    position: absolute; margin-top: 11%; margin-left: 5%;
    float: left;
    width: 20%;
    height: 50px;
    z-index: 6;
    
    animation-duration: 1s;
    animation-delay: 4s;
    animation-name: slideinNombreLogo2;

}

    @keyframes slideinNombreLogo2 {
        from {
            margin-left: 30%;
            margin-top: 30%;
            width: 40%;
        }
        
        to {
            margin-left: 5%;
            margin-top: 11%;
            width:20%;
        }
    }

.imgLogoNombre2{
    width: 100%;
    height: 100%;
}

#telon{
    position: absolute; margin-top: 7%; margin-left: 1%;
    float: left;
    width: 30%;
    height: 150px;
    background-color: none;
    z-index: 8;
    

    animation-duration: 4s;
    animation-name: slidenTelon;
}

    @keyframes slidenTelon {
        from {
            background-color: #fff;
            opacity: 100%;
        }
        
        to {
            background-color: #fff;
            opacity: 100%;
        }
    }


#telonG{
    position: absolute; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 800px;
    background-color: none;
    z-index: 4;
    

    animation-duration: 6s;
    animation-name: slidenTelonG;
}

    @keyframes slidenTelonG {
        from {
            background-color: #fff;
            opacity: 100%;
        }
        
        to {
            background-color: #fff;
            opacity: 100%;
        }
    }

#coronaAni{
    position: absolute; margin-top: -20%; margin-left: 40%;
    float: left;
    width: 17%;
    height: 150px;
    z-index: 8;
    
    animation-duration: 4s;
    animation-name: slideinNombreCorona;
}

    @keyframes slideinNombreCorona {
        from {
            margin-top: 20%;
            margin-left: 40%;
            opacity: 0%;
        }
        
        to {
            margin-top: 20%;
            margin-left: 40%;
            opacity: 100%;
        }
    }

.imgCoronaNombre{
    width: 100%;
    height: 100%;
}

#coronaAni2{
    position: absolute; margin-top: 7%; margin-left: 11%;
    float: left;
    width: 5%;
    height: 55px;
    z-index: 6;
    
    animation-delay: 4s;
    animation-duration: 1s;
    animation-name: slideinNombreCorona2;
}

    @keyframes slideinNombreCorona2 {
        from {
            margin-left: 40%;
            margin-top: 20%;
            width: 17%;
            height: 150px;
            width: 17%;
        }
        
        to {
            margin-left: 11%;
            margin-top: 7%;
            width: 5%;
            height: 55px;
        }
    }

.imgCoronaNombre2{
    width: 100%;
    height: 100%;
}




#bannerImg1{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: slidein;
} 
  
  @keyframes slidein {
  from {
    margin-top: 800px;
    height: 0px;
  }

  to {
    margin-top: 0%;
    height: 800px;
  }

}

#imgBDivision1{
    width: 100%;
    height: 100%;

}

#bannerImg2{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    animation-delay: 6s;
    animation-duration: 2s;
    animation-name: sliden2;
}

    @keyframes sliden2 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision2{
    width: 100%;
    height: 100%;
}

#bannerImg3{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden3;
}

    @keyframes sliden3 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision3{
    width: 100%;
    height: 100%;
}

#bannerImg4{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #89046d;
    
    animation-delay: 6s;
    animation-duration: 3s;
    animation-name: sliden4;
}

    @keyframes sliden4 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;   
        }
    }
    
#imgBDivision4{
    width: 100%;
    height: 100%;
}

#bannerImg5{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #9e047e;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden5;
}

    @keyframes sliden5 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }

#imgBDivision5{
    width: 100%;
    height: 100%;
}

#bannerImg6{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #b50590;
    
    animation-delay: 6s;
    animation-duration: 4s;
    animation-name: sliden6;
}

    @keyframes sliden6 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision6{
    width: 100%;
    height: 100%;
}

#bannerImg7{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #c6059e;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden7;
}

    @keyframes sliden7 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision7{
    width: 100%;
    height: 100%;
}

#bannerImg8{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #d506aa;
    
    animation-delay: 6s;
    animation-duration: 5s;
    animation-name: sliden8;
}

    @keyframes sliden8 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision8{
    width: 100%;
    height: 100%;
}

/*LOK CAFE*/

#contenedorLokCfe{
    position:relative; 
    float:left; 
    width:100%; 
    height:600px; 
    background-color:#210122;
}

.spanLeftLokCafe{
    position:relative; 
    float:left; 
    display:inline; 
    width:50%; 
    height: 100%; 
    background-color:#9b9a98;
}

.spanRightLokCafe{
    position:relative; 
    float:left; 
    display:inline; 
    width:50%; 
    height: 100%; 
    background-color: #d0cfcd;
}

#ulContenedorLokCafe{
    width:100%; 
    height:480px; 
    margin-top: 60px; 
    margin-bottom: 60px; 
    margin-left: 15%; 
    background-color: #fff; 
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#ulContenedorLokCafeRight{
    width:100%; 
    height:100%; 
    margin:0px; 
    padding:0px;
}

.liContenedorLokCafe{
    float:left; 
    display:inline; 
    width:100%; 
    margin-top: 30px;
    margin-bottom: 30px;
}

.liContenedorLokCafeImg{
    float:left; 
    display:inline; 
    width:100%; 
    height: 600px;
}

.imgLokCafe{
    width:85%; 
    height:480px; 
    margin-top:60px; 
    margin-left:0%; 
    margin-bottom:60px; 
    margin-right:15%; 
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.h1MTituloLokCafe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3em;
    color: #262626;
    font-weight: normal;
    text-align: justify;
    margin-left:10%; 
    margin-right:20%; 
    color:#262626;
}


.h2MTituloLokCafe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #262626;
    font-weight: normal;
    text-align: justify;
    margin-left:10%; 
    margin-right:30%; 
}

/*FINAL LOK CAFE*/


/* EVENTOS */
#contenedorEventos{
    position:relative; 
    float:left; 
    width:100%; 
    height:auto; 
    background-color:#9b9a98;
}

#contenedorEventosTitulo{
    position:relative; 
    float:left; 
    width:100%; 
    height:40px; 
    padding-top:0px; 
    z-index:10;
}

.spanLeftEventos{
    float:left; 
    width:50%; 
    height:auto;
    display:flex; 
    justify-content:space-around; 
    padding-top:50px; 
    padding-bottom:50px; 
    background-color:#d0cfcd;
}

.spanRightEventos{
    float:left; 
    width:50%; 
    height:100%;
    display:inline; 
    padding-top:50px; 
    padding-bottom:50px; 
    background-color:#9b9a98;
}

.imgTopEventos{
    width:65%; 
    height:400px; 
    margin-bottom:70px; 
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgBottomEventos{
    width:65%; 
    height:400px; 
    margin-bottom:30px;  
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgTopEventos:hover{
    width:65%; 
    height:400px; 
    margin-bottom:70px; 
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgBottomEventos:hover{
    width:65%; 
    height:400px; 
    margin-bottom:30px;  
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}
/* FINAL DE EVENTOS*/

    
}



 /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////
                                //////////////////////////////////////////////////
                                /////////////////////////////////////////////////
                                ////////////////////////////////////////////////
                                ///////////////////////////////////////////////
                                //////////////////////////////////////////////
                                /////////////////////////////////////////////
                                ////////////////////////////////////////////
                                ///////////////////////////////////////////
                                //////////////////////////////////////////
                                /////////////////////////////////////////
                                ////////////////////////////////////////
                                ///////////////////////////////////////
                                //////////////////////////////////////
                                /////////////////////////////////////
                                ////////////////////////////////////
                                ///////////////////////////////////
                                //////////////////////////////////
                                /////////////////////////////////
                                ////////////////////////////////
                                ///////////////////////////////
                                //////////////////////////////
                                /////////////////////////////
                                ////////////////////////////
                                ///////////////////////////
                                //////////////////////////
                                /////////////////////////
                                ////////////////////////
                                ///////////////////////
                                //////////////////////
                                /////////////////////
                                ////////////////////
                                ///////////////////
                                //////////////////
                                /////////////////
                                ////////////////
                                ///////////////
                                //////////////
                                /////////////
                                ////////////
                                ///////////
                                //////////
                                /////////
                                ////////
                                ///////
                                //////
                                /////
                                ////
                                ///
                                //
                                /
                                */
                                
@media only screen and (min-width:1024px) and (max-width:1279px){
/* PAGINA INICIO */
.carousel {
            width: 100%;
            height: 650px;
            margin: 0 auto;
            display: flex;
            z-index:100;
        }
        #imagen {
            width: 100%;
            height: 650px;
            background-size: 100% 100%;
            -webkit-animation-name:staticFade;
            -webkit-animation-duration:2.5s;
            animation-name:staticFade;
            animation-duration:2.5s;
        }
        
        #tituloVisual2{
            position: absolute; 
            float: left;
            width: 60%;
            height: 30px;
            margin-top: 0px;
            margin-left: 0px;
        }
.imagenBBPP{
            width: 100%;
            height: 650px;
            background-size: 100% 100%;
        }
        
.controles{
    position: absolute; margin-top:580px; margin-left: 3%;
    float:left;
    width:10%;
    
}

#play{
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 100px 0px 0px 100px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#play:hover{
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 100px 0px 0px 100px;
    background-color: rgba(123,4,125,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#stop{
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 0px 100px 100px 0px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#stop:hover{
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 0px 100px 100px 0px;
    background-color: rgba(123,4,125,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}
        
.prev, .next{
 cursor:pointer;
 position:absolute;
 top:40%;
 width:auto;
 margin-top:-22px;
 padding:16px;
 color:white;
 font-weight:thin;
 font-size:3.3em;
 transition:0.6s ease;
 border: 0px;
 border-radius:0 3px 3px 0;
 background-color: rgba(123,4,125,0.3);
 text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
 box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
 -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
 -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}


.next{
 right:0;
 border-radius:3px 0 0 3px;
}

.prev:hover, .next:hover{
 background-color:rgba(0,0,0,0.8);
}

.fade{
 -webkit-animation-name:fade;
 -webkit-animation-duration:2.5s;
 animation-name:fade;
 animation-duration:2.5s;
 
}

@-webkit-keyframes fade{
 from{opacity:.4;}
 to{opacity:1;}
}

@keyframes fade{
 from{opacity:.4;}
 to{opacity:1;}
}


.ulSliderOption{
    width:15%; 
    height:25px; 
    margin-top: 600px;
    margin-left:42.5%;
}

.sliderOption{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#262626;
}

.sliderOptionEscena{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#D4D721;
}

.text{
 color:#f2f2f2;
 font-size:15px;
 padding:8px 12px;
 position:absolute;
 bottom:8px;
 width:100%;
 text-align:center;
}

#visual, #visual2, #visual3, #visual4, #visual5{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#262626;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    -webkit-animation-name:staticFade;
    -webkit-animation-duration:2.5s;
    animation-name:staticFade;
    animation-duration:2.5s;
}

#tituloVisual2, #tituloVisual3, #tituloVisual4, #tituloVisual5{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -300px;
    margin-left:10%; 
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:12s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:12s;
    animation-fill-mode: forwards;
}

#tituloVisual{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -500px;
    margin-left:45%; 
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:2s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:2s;
    animation-fill-mode: forwards;
}

#tituloVisualSegd{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -200px;
    margin-left: 45%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:1s;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:1s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveTitulo{
 from{margin-top:-300px; margin-left: 10%;}
 to{margin-top:-400px; margin-left: 5%;}
}

@keyframes moveTitulo{
 from{margin-top:-300px; margin-left: 10%;}
 to{margin-top:-400px; margin-left: 5%;}
}

@-webkit-keyframes moveTituloBajada{
 from{margin-top:-400px; margin-left: 5%;}
 to{margin-top:-300px; margin-left: 10%;}
}

@keyframes moveTituloBajada{
 from{margin-top:-400px; margin-left: 5%;}
 to{margin-top:-300px; margin-left: 10%;}
}

@-webkit-keyframes moveTituloOpacity{
 from{opacity:.1;}
 to{opacity:1;}
}

@keyframes moveTituloOpacity{
 from{opacity:.1;}
 to{opacity:1;}
}

@-webkit-keyframes moveTituloOpacitySeg{
 from{opacity:.4;}
 to{opacity:1;}
}

@keyframes moveTituloOpacitySeg{
 from{opacity:.4;}
 to{opacity:1;}
}

#tituloVisualBannerPP, #tituloVisualBannerPP2, #tituloVisualBannerPP3, #tituloVisualBannerPP4, #tituloVisualBannerPP5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: left;
    font-weight: normal;
    margin: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP, #subTituloVisualBannerPP2, #subTituloVisualBannerPP3, #subTituloVisualBannerPP4, #subTituloVisualBannerPP5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP2SS{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: justify;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 40%;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP2SS2{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: justify;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 40%;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPPIni{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 2%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding-top:0px; 
}

#subTituloVisualBannerPPIniSeg{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-3%;
    margin-bottom:5%;
    margin-left: 4%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding-top:0px; 
}

#tituloVisualBannerPPIni{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-10%;
    margin-bottom:5%;
    margin-left: 4%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniTerc{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-7%;
    margin-bottom:5%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniSeg{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-13%;
    margin-bottom:5%;
    margin-left: 15%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniCuar{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-5%;
    margin-bottom:2%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniTerc{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-8%;
    margin-bottom:0%;
    margin-left: 0%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniQuin{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-4%;
    margin-bottom:2%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniCuar{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-8%;
    margin-bottom:0%;
    margin-left: 20%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

/* FIN PAGINA INICIO*/
.contenedor{
    position: relative; top: 0px; left: 0px;
    padding-top: 160px;
    background-color:#7B047D;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contenedor2{
    position: absolute; top: 270px;
    float: center;
    width: 100%;
    height: 100%;
    z-index: 4;
}

h3{
    font-family: 'Gafata', sans-serif;
    font-size: 22px;
    color:#ffffff;
    text-align: center
}

.imagen2{
    width: 40%;
    margin-left: 30%;
    margin-top: 0px;
}

#contenedorPadreMenuProductos{
    position: absolute; margin-top: 50px; margin-left: -200px;
    width: 100%;
    height: 300px;
    visibility: hidden;
    z-index: 400;
}













#contenedorConfMatricula{
    position: absolute; margin-top: 3.4%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 3%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 950;
    
   
}



#contenedorConfMatricula2{
    position: absolute; margin-top: 3.4%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 3%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    background-color: inherit;
    z-index: 900;
    
    animation-name: borderMatricula;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes borderMatricula{
    from{
        border: 0px;
        width: 40%;
        height: 3%;
        margin-left: 30%;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    }
    
    to{
        border: 1px solid #7B047D;
        width: 44%;
        height: 4%;
        margin-left: 28%;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    }
}

.ulContenedorConfMatricula{
    width: 100%;
    height: 100%;
    padding: 0%;
}

.liContenedorConfMatricula{
    float: left;
    display: inline;
    width: 100%;
    height: auto;
    padding: 0%;
    cursor: pointer;
}

.txtParrafoDescripcionOpcionMM{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

.txtParrafoDescripcionOpcionMM:hover{
    font-family: Arial, Helvetica, sans-serif;
    color: #D4D721;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

.txtParrafoDescripcionOpcionLoguin{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    text-align: justify; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}


#contenedorConfMatriculaLoguin{
    position: absolute; margin-top: 7%; margin-left: 20%;
    float: left;
    width: 60%;
    height: 20%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;*/
    z-index: 950;
    
   
}



#contenedorConfMatricula2Loguin{
    position: absolute; margin-top: 7%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 20%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    background-color: inherit;
    z-index: 900;
    
    animation-name: borderMatricula;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes borderMatricula{
    from{
        border: 0px;
        width: 40%;
        height: 3%;
        margin-left: 30%;
        /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );*/
    }
    
    to{
        border: 1px solid #7B047D;
        width: 44%;
        height: 4%;
        margin-left: 28%;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );*/
    }
}

/*ANIMACION////////////////////////////////////////////*/
.contenedorHijoMenuProductos{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);

      background-color: #7B047D;
      z-index: 400;
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown;
    }
    
  }
/*
#html{
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
*/
#contenedorGeneral{
    position: relative; margin-top: 0px; margin-left: 0px; margin-right: 0px; 
    float: left;
    width: 100%;
    background-color: #7B047D;
}

.contenedorLoguin{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #7B047D;
    z-index: 1;
    
    background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#7B047D 85%, transparent 90%) 0 1px,
                                    radial-gradient(#7B047D 95%, transparent 100%) 8px 9px;
                                    background-size:4px 4px;
}

.navegacionContenedorLoguin{
    position: absolute; margin-top: 5%; margin-left: 15%;
    float: left;
    width: 70%;
    height: 50%;
}

.contenedorLoguinLogo{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 150px;
    text-align: center;
    background-color: inherit;
    z-index:3;
}

.imgLoguinLogo{
    width: 60%;
    height: 100%;
}

.tituloLoguin{
    position: relative; margin-top: 150px;
    width: 100%;
    height: 50px;
    border-radius: 18px;
    background-color: #D4D721;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    
     background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#D4D721 85%, transparent 90%) 0 1px,
                                    radial-gradient(#7B047D 95%, transparent 100%) 8px 9px;
                                    background-size:4px 4px;
}

.h1Loguin{
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
     padding-top: 10px;
}

.h1Loguin2{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    margin-top: 13px;
    margin-bottom : 23px;
}

.contenedorForm{
    position: relative; margin-top: 20px;
    float:left;
    width: 100%;
    background-color: inherit;
    z-index:500;
}

.contUsuario{
    position: relative;
    width: 100%;
    max-height: 50px;
    background: #999;
}

.label{
    width: 30%;
}

.inpFormLo{
    width: 100%;
    height: 30px;
    border-radius: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.inpFormLo:hover{
    width: 100%;
    height: 30px;
    border-radius: 10px; 
    border: 3px solid; color: rgb(116, 197, 245);
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
    box-shadow: rgb(116, 197, 245) 35px 5px 5px 35px;
    -webkit-box-shadow: rgb(116, 197, 245) 0px 0px 25px;
    -moz-box-shadow: rgb(116, 197, 245) 35px 5px 5px 35px;
}

.contInpName{
    position: relative; margin-bottom: 10px;
    float: left;
    width: 30%;
    height: 50px;
}

.contInpFormName{
    position: relative; margin-bottom: 10px;
    float: left;
    width: 68%;
    height: 50px;
}

#contenedorLoguinBtn{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    text-align: center;
    background-color: #fff;
    z-index:900;
}

#inpFormPC_btn{
    position: fixed; margin-top: 8%; margin-left: 0%;
    float: left;
    width: 15%;
    height: 5%;
    background-color: #D4D721;
    border-radius: 6px;
    border: 0px;
     box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

#inpFormPC_btn:hover{
    position: fixed; margin-top: 8%; margin-left: 0%;
    float: left;
    width: 15%;
    height: 5%;
    background-color: rgb(116, 197, 245);
    border-radius: 6px;
     box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

/*MENU HEADER///////////////////////////////////////////////////////////////////////////////////////////*/


.liMenuGeneralHeader2{
    float: left; margin-top: 0px; margin-left: 0px;
    display: inline;
    padding-top: 0px;
    width: 60%;
    height: 50px;
    text-decoration: none;
}

h1{

}

h2{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
}

/*h3, .liMenuGeneralHeader esta pertenece al menu..variables_Menu.php*/

h5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    margin-top: 20px;
}

h6{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    margin-top: -9px;
}

h7{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 28px;
    text-align: center;
    font-weight: normal;
    margin-top: 30px;
}

a{
    text-decoration: none;
}

/*NAVEGACION MENU//////////////////////////////////////////////////////////////////////////////////////////*/


/*HEADER BANNER PRINCIPAL/////////////////////////////////////////////////////////////////////////////////*/
#headerBannerPrincipal{
    position: fixed; margin-top: -100px; margin-left: 0px;
    float: left;
    width: 99%;
    height: 650px;
    background-color: #ffffff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

#headerBannerPrincipalAbsolute{
    position: relative; margin-top: -50px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-color: #ffffff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

#headerBannerPrincipalAbsoluteNN{
    position: relative; margin-top: -100px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-color: inherit;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 4;
}

.h3MHCC{
    font-family: 'Gafata', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color:#000;
    text-align: center;
    margin-top: 16%;
    text-shadow: none;
}

.h3MHCC:hover{
    font-family: 'Gafata', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color:#7B047D;
    text-align: center;
    margin-top: 16%;
    text-shadow: none;
}

.h3MPruebaTitulo{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4.5em;
    color: #fff;
    font-weight: normal;
    text-align: justify;
}

.h3contactoParrafoD{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-weight: normal;
    text-align: justify;
    font-size:1em; 
    margin: 0px; 
    padding: 0px;
}

.contenedorTituloSGBanner{
    position: relative; margin-top: 6%; margin-left: 10%;
    float:left;
    width: 60%;
}

.contenedorTituloSpBanner{
    position: relative; margin-top: -14%; margin-left: 10%;
    float:left;
    width: 70%;
}

.imgBannerPrincipal{
    width: 100%;
    height: 650px;
}

.imgTamanoBannerPrincipal{
    width: 100%;
    height: 650px;
    transition-duration: 4s;
  transition-delay: 2s;
    animation-delay:6s;
    animation-name: entradaiMGCC;
    animation-duration: 2s;
    /*animation-iteration-count: infinite;*/
}

@keyframes entradaiMGCC{
    from{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    
    to{
        filter: alpha(opacity=100);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
}



/*FORMULARIO DE CONTACTO*/
#formularioContactoBannerBackground{
    position: absolute; margin-top: 110px; margin-left: 80%;
    width: 20%;
    height: 400px;
    background-color: #2196F3;
    visibility: visible;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    visibility: hidden;
    z-index: 2;
    
}

#formularioContactoBanner{
    position: absolute; margin-top: 100px; margin-left: 80%;
    width: 20%;
    height: 400px;
    visibility: hidden;
    z-index: 4;
}

.inputContaco{
    width: 70%;
    height: 35px;
    margin-left: 50px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: normal;
    color: #999999;
    border-radius: 5px;
}

.btnContacto{
    margin-left: 50px;
    width: 70%;
    height: 50px;
    margin-top: 30px;
    background-color: rgb(28, 179, 23);
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    border: 0px;
    border-radius: 5px;
}



/*MENU OPCIONES DE SERVICIOS*/
#menuOpcionesServicios{
    position: relative;
    float: left;
    width: 100%;
    background-color: #7B047D;
    margin-top: 0px;
    padding-bottom: 50px;
    background:
        radial-gradient(#7B047D 15%, transparent 16%) 0 0,
        radial-gradient(#7B047D 15%, transparent 16%) 5px 5px,
        radial-gradient(#4a024b 85%, transparent 90%) 0 1px,
        radial-gradient(#4a024b 95%, transparent 100%) 8px 9px;
        background-size:4px 4px;
}

#menuOpcionesServiciosNavegacion{
    position: relative;
    float: left;
    width: 100%;
    background-color: #7B047D;
    margin-top: 0px;
    padding-bottom: 0px;
    z-index: 6;
}

#ulmenuOpcionesServicios{
    width: 95%;
    padding-left: 4.5%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color: inherit;
}

#ulmenuOpcionesServiciosBanner{
    float: right; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 9.5%;
    width: 90%;
    height: 310px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#spanDivServicios{
    position: relative;
    float: left;
    display: inline-block;
    width: 60%;
    height: auto;
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    background-color: inherit;
}

#spanDivServiciosBanner{
    position: relative;
    float: left;
    display: inline-block;
    width: 40%;
    height: auto;
    margin-top: 80px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: inherit;
}

.divGen{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 50px;
    margin: 0px;
    padding: 0px;
    background-color: rgb(77, 3, 78);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.divGenPrrafo{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 400px;
    margin: 0px;
    padding: 0px;
    background-color: rgba(20,1,20,0.8);
}

.h2ParrafoDGI{    
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 3em;
    text-align: left;
    font-weight: normal;
    margin-top: 100px;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

.h2ParrafoCGI{    
    font-family: Arial, Helvetica, sans-serif;
    color: #262626;
    font-size: 1.5em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0px;
    /*text-shadow: 3px 5px 2px rgba(0,0,0,0.5);*/
}

#contenedorBannerBodyIni{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 550px;
    margin: 0px;
    padding: 0px;
    background:
        radial-gradient(#7B047D 15%, transparent 16%) 0 0,
        radial-gradient(#7B047D 15%, transparent 16%) 5px 5px,
        radial-gradient(#4a024b 85%, transparent 90%) 0 1px,
        radial-gradient(#4a024b 95%, transparent 100%) 8px 9px;
    background-size:4px 4px;
}

.imgBannerBodyIni{
    width: 93%;
    height: 450px;
    margin-top: 0px;
    margin-left: 3.5%;
    margin-bottom: 100px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#contenedorContacto{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 800px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

.ulContenedorContacto{
    width: 93%;
    height: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 3.5%;
}

.liContenedorContactoh2{
    float: left;
    display: inline;
    width: 38.6%;
    height: 50px;
    margin-top: 0%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 32.5%;
    padding: 0px;
}

.liContenedorContactoInput{
    float: left;
    display: inline;
    width: 35%;
    height: 50px;
    margin-top: 0%;
    margin-bottom: 15px;
    margin-left: 32.5%;
}

.liContenedorLogoBody{
    float: left;
    display: inline;
    width: 35%;
    height: 100px;
    margin-top: 0%;
    margin-bottom: 15px;
    margin-left: 32.5%;
}

.inputContactoInicio{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding-top: 0%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 0%;
    border: 0.5px solid #262626;
}

.imgLoguinLogoBody{
    width: 40%;
    height: 100%;
    margin-left: 30%;
}

.btnGIB{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626; 
    font-weight: normal;
    font-size:1.3em; 
    text-align:center; 
    border: 0.9px solid #262626; 
    width:40%; 
    height:50px; 
    margin-top: 30px;
    margin-left:20%; 
    background-color:inherit;
    cursor: pointer;
}

.btnGIB:hover{
    font-family: Arial, Helvetica, sans-serif;
    color:#fff; 
    font-weight: normal;
    font-size:1.3em; 
    text-align:center; 
    border: 0.9px solid #262626; 
    width:40%; 
    height:50px; 
    margin-top: 30px;
    margin-left:20%; 
    background-color: #7B047D;
    cursor: pointer;
}

#contenedorGeneralNN{
    position: fixed; margin-top: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-image: url(imagenes/268164_215396228503082_4059678_n.jpg);
    background-repeat: none;
    background-size: 100%;
    z-index: 1;
}

#limenuOpcionesServicios1, #limenuOpcionesServicios2, #limenuOpcionesServicios3, #limenuOpcionesServicios4{
    float: left; margin-left: 0px;
    display: inline;
    width: 45%;
    height: 150px;
    margin-top: 10px;
    margin-left: 10px;
    background-color: rgb(80, 2, 82);
    border: 0.3px solid #fff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#limenuOpcionesServicios1:hover, #limenuOpcionesServicios2:hover, #limenuOpcionesServicios3:hover, #limenuOpcionesServicios4:hover{
    float: left; margin-left: 0px;
    display: inline;
    width: 45%;
    height: 150px;
    margin-top: 10px;
    margin-left: 10px;
    border: 0.3px solid #D4D721;
    /*background-color: rgb(181, 4, 184);*/
    background-color: #2f0130;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: #D4D721 3px 3px 10px;
    -moz-box-shadow: #D4D721 3px 3px 10px 5px; 
}

#btnMInfoServicios1, #btnMInfoServicios2, #btnMInfoServicios3, #btnMInfoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 25%;
    height: 25px;
    background-color: inherit;
    border: 0px;
    margin-top: 5px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInfoServicios1:hover, #btnMInfoServicios2:hover, #btnMInfoServicios3:hover, #btnMInfoServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 25%;
    height: 25px;
    background-color: inherit;
    border: 0px;
    margin-top: 5px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMFormServicios1, #btnMFormServicios2, #btnMFormServicios3, #btnMFormServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0px;
    height: 0px;
    background-color: #D4D721;
    border: 0px;
    margin-top: 0px;
    margin-left: 4%;
    margin-bottom: 3px;
    cursor: pointer;
    visibility: hidden;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#btnMFormServicios1:hover, #btnMFormServicios2:hover, #btnMFormServicios3:hover, #btnMFormServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0px;
    height: 0px;
    background-color: #4d80e2;
    border: 0px;
    margin-top: 0px;
    margin-left: 4%;
    margin-bottom: 3px;
    cursor: pointer;
    visibility: hidden;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes salidaEscenaFrame{
    from{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
    }
    to{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@keyframes salidaEscenaFrameFull{
    from{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
        width: 44%;
        visibility: visible;
    }
    to{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        width: 0%;
        visibility: hidden;
    }
}

@keyframes entradaEscenaFrame{
    from{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    to{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
    }
}

#btnMContactoServicios1, #btnMContactoServicios2, #btnMContactoServicios3, #btnMContactoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMContactoServicios1:hover, #btnMContactoServicios2:hover, #btnMContactoServicios3:hover, #btnMContactoServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInicioServicios1, #btnMInicioServicios2, #btnMInicioServicios3, #btnMInicioServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInicioServicios1:hover, #btnMInicioServicios2:hover, #btnMInicioServicios3:hover, #btnMInicioServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

.tituloGeneralNavegacionNN{
    position: relative; margin-left: 0px; margin-top: 0px;
    float:left;
    width: 100%;
    height: 250px;
    background-color: #fff;
    /*width: 100%; 
     height: 0; 
     border-left: 1300px solid #f0ad4e;
     border-top: 500px solid transparent;
     border-bottom: 0px solid transparent;*/
    z-index: 6;
}

.bodyNN{
    position: relative;
    float: left;
    width: 100%;
    z-index: 6;
}

.tituloGNN{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5%;
    font-size: 44px;
    color: #000;
    font-weight: normal;
    text-align: center;
}

.tituloGNN2{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 54px;
    color: #000;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN2B{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 54px;
    color: #fff;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN2C{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 34px;
    color: #000;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN3{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 20%;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    text-align: justify;
}

.tituloGNN4{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 20%;
    font-size: 38px;
    color: #fff;
    font-weight: normal;
    text-align: justify;
}

.tituloSGBanner{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 194px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-shadow: 3px 13px 12px rgba(0,0,0,1);
}

.tituloSpBanner{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 74px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    /*background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#000 85%, transparent 90%) 0 1px,
                                    radial-gradient(#000 95%, transparent 100%) 8px 9px;*/
                                    background-size:4px 4px;
    
    border-radius: 30px;
    text-shadow: 3px 7px 4px rgba(0,0,0,1);
    
}

.contenedorParrafoNN{
    position: relative; margin-top: 0px;
    float: left;
    width: 50%;
    background-color: #fff;
    z-index:6;
}

.contenedorParrafoNN2{
    position: absolute; margin-top: 1%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.contenedorParrafoNN2B{
    position: absolute; margin-top: 6%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.contenedorParrafoNN2C{
    position: absolute; margin-top: 19%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.parrafoNN{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #313233;
    font-weight: normal;
    text-align: center;
    /*text-shadow: 3px 13px 12px rgba(0,0,0,1);*/
}

.contenedorFusion{
    position: relative;
    float: left;
    width: 100%;
    height: 800px;
}

.contenedorBannerSecNN{
    position: relative;
    float: left;
    width: 100%;
    height: 800px;
    z-index:6;
}

.imgBannerSecNN{
    width: 100%;
    height: 100%;
}





#imgOpcionesServicios1, #imgOpcionesServicios2, #imgOpcionesServicios3, #imgOpcionesServicios4{
    float: left;
    display: inline;
    width: 50%;
    height: 140px;
    margin: 5px;
    cursor: pointer;
    /*opacity: 0.9;
    filter: alpha(opacity=99);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;*/
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}
/*///////////////////////////////////////////////////////////////////////MENU BODY/////////////////*/
#fondoTituloOpcion{
    position: absolute; margin-left: 13.5%;
    width: 15%;
    height: 250px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////MENU OPCIONES BODY//////////////////////////////////////////////////////////////////////////*/
#contenedorTituloOpcion1{
    position: absolute; margin-top: 6%; margin-left: 14%;
    width: 18%;
    z-index: 100;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#tituloH1Opcion1, #tituloH1Opcion2, #tituloH1Opcion3, #tituloH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    width: 100%;
    margin: 10px;
    animation-name: staticEscena;
    animation-duration: 2s;
}

#h2InfoServicios1, #h2InfoServicios2, #h2InfoServicios3, #h2InfoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #ffffff;
    font-weight: normal;
    text-align: justify;
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 5%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    /*animation-delay: 1s;*/
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

#h2IPoliticasServicios1, #h2IPoliticasServicios2, #h2IPoliticasServicios3, #h2IPoliticasServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #ffffff;
    font-weight: normal;
    text-align: justify;
    width: 100%;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 5%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    /*animation-delay: 1s;*/
    animation-duration: 1s;
    animation-fill-mode: forwards;
}


#inputContactServiciosCC1, #inputContactServiciosCC2, #inputContactServiciosCC3, #inputContactServiciosCC4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 3px;
    margin-left: 4%;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosCC1:hover, #inputContactServiciosCC2:hover, #inputContactServiciosCC3:hover, #inputContactServiciosCC4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 3px;
    margin-left: 4%;
    margin-bottom: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosTwoCC1, #inputContactServiciosTwoCC2, #inputContactServiciosTwoCC3, #inputContactServiciosTwoCC4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 0px;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosTwoCC1:hover, #inputContactServiciosTwoCC2:hover, #inputContactServiciosTwoCC3:hover, #inputContactServiciosTwoCC4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 0px;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#contenedorH2DescServ{
    position: absolute;
    width: 16%;
    height: 139px;
    margin-top: -143px;
    margin-left: 6px;
    z-index:5;
}

#contenedorH2DescServTwo{
    position: absolute;
    width: 16%;
    height: 139px;
    margin-top: -143px;
    margin-left: 6px;
    z-index: 7;
}

#contenedorBtnDescServ{
    position: absolute;
    width: 8%;
    height: auto;
    margin-top: -33px;
    margin-left: 19.2%;
    visibility: hidden;
}

#contenedorTituloOpcion2{
    position: absolute; margin-top: 6%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

#contenedorTituloOpcion3{
    position: absolute; margin-top: 24%; margin-left: 204px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

#contenedorTituloOpcion4{
    position: absolute; margin-top: 24%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}
/*/////////////////////////////////////////////////////////////////////MENU BODY//////////////////////////*/
#contenedorContactoOpcion1{
    position: absolute; margin-top: 11%; margin-left: 14%;
    width: 18%;
    z-index: 110;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#contactoH1Opcion1, #contactoH1Opcion2, #contactoH1Opcion3, #contactoH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    animation-name: staticEscena;
    animation-duration: 2s;
    z-index: 100;
}

#contenedorContactoOpcion2{
    position: absolute; margin-top: 10%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorContactoOpcion3{
    position: absolute; margin-top: 28%; margin-left: 204px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorContactoOpcion4{
    position: absolute; margin-top: 28%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorLlamadaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 13%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.llamadaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorMatriculaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 30%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.matriculaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorProfesoresOpcion1{
    position: absolute; margin-top: -4%; margin-left: 43%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.profesoresH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorMultimediaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 57%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.multimediaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorSclienteOpcion1{
    position: absolute; margin-top: -4%; margin-left: 72%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.sclienteH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

/*MENU BODY/////////////////////////////////////////////////////////////////////////////*/
.coronaMenuServicios{
    position: absolute; margin-top: -15%; margin-left: 22%;
    z-index: 10;

}

.coronaMenuServicios2{
    position: absolute; margin-top: 10%; margin-left: 40%;
    z-index: 15;

}

.coronaMenuServicios3{
    position: absolute; margin-top: 28%; margin-left: 22%;
    z-index: 15;

}

.coronaMenuServicios4{
    position: absolute; margin-top: 28%; margin-left: 40%;
    z-index: 15;

}

#imgCoronaMenuServicios1, #imgCoronaMenuServicios2, #imgCoronaMenuServicios3, #imgCoronaMenuServicios4{
    float: left;
    display: inline;
    width: 40px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20%;
    margin-right: 16%;
    padding: 0px;
    animation-name: staticEscena;
    animation-duration: 2s;
}

.iconosMenuServicios{
    width: 20px;
    height: 20px;
    padding-bottom: 3.5%;
    padding-top: 0px;
    margin-top: 0px;
}

.titulo1{
    width: 100%;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.titulo3{
    position: absolute;
    float: left;
    width: 100%;
    height: 39px;
    margin-top: 22px;
    margin-bottom: 0px;
    background-color: rgb(77, 3, 78);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.tituloH1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.contenedorTituloH1{
    position: absolute; margin-top: 0px;
    width: 100%;
    z-index: 11;
}

.tituloH1_2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-left: 20%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.contenedorTituloH1_2{
    position: absolute; margin-top: 600px; margin-left: 0px;
    width: 100%;
    z-index: 11;
}

#mostrarOpcion01{
    float: none;
    width: 100%;
    height: 100%;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgMostrarOpcion01{
    width: 100%;
    height: 100%;
}

#noticiasContenedor{
    position: absolute; margin-top: -808px; margin-left: 0px;
    float: right;
    width: 34%;
    height: 510px;
    padding-top: 0px;
    background-color: #D4D721;

}

.liNoticiasContenedor{
float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.liNoticiasContenedor:hover{
    float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgb(181, 4, 184);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: #D4D721 3px 3px 10px;
    -moz-box-shadow: #D4D721 3px 3px 10px 5px;  
}

.imgNoticias{
    width: 100%;
    height: 100%;
}

#fondoTituloOpcion5{
    position: absolute; margin-left: 6%;
    width: 18%;
    height: 513px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 8;
}

.coronaMenuServicios5{
    position: absolute; margin-top: 12%; margin-left: 13%;
    z-index: 100;

}

#contenedorTituloOpcion5{
    position: absolute; margin-top: 0%; margin-left: 0%;
    z-index: 100;
}

.tituloH1Opcion5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    width: 100%;
    font-weight: normal;
    text-align: center;
}


#contenedorContactoOpcion5{
    position: absolute; margin-top: 18%; margin-left: 11%;
    z-index: 100;
}

.contactoH1Opcion5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

/*CONTENEDOR MEDIO*/
#contenedorMedio{
    position: relative; margin-top: 0px;
    float: left;
    width: 100%;
    height: 400px;
    background-image: url(imagenes/261899_215396035169768_4436403_n.jpg); background-repeat: no-repeat; background-size: 100%; background-position-y: 45%;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.titulo2{
    position: absolute;
    width: 30%;
    height: 200px;
    margin-top: 730px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 16;
    visibility: hidden;
}

.titulo4{
    position: absolute;
    width: 100%;
    height: 40px;
    margin-top: 690px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: 16;
}

.contenedorTituloH1_3{
    position: absolute; margin-top: -38px;
    width: 100%;
    z-index: 16;
}

.tituloH1_3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-left: 5%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.fondoMenuVidaLok{
    position: absolute; margin-top: -60px; margin-left: 30%;
    width: 18%;
    height: 250px;
    background-color: #1d78ee; 

    background:
    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
    radial-gradient(#1d78ee 25%, transparent 20%) 0 1px,
    radial-gradient(#1d78ee 15%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;


    
    z-index: 22;
}

.contenedor-h1_fondoMenuVidaLok{
    position: absolute; margin-left: 30%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.h1_fondoMenuVidaLok:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -60px;
    padding-top: 83px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#1d78ee 25%, transparent 16%) 0 0,
    radial-gradient(#1d78ee 25%, transparent 16%) 5px 5px,
    radial-gradient(#1d78ee 35%, transparent 20%) 0 1px,
    radial-gradient(#1d78ee 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(250,250,250) 3px 3px 10px;
    -moz-box-shadow: rgba(250,250,250) 3px 3px 10px 5px;

    z-index: 24;
}

.fondoMenuVidaLok2{
    position: absolute; margin-top: -80px; margin-left: 45%;
    width: 18%;
    height: 300px;
    background-color: #22dd22;

    background:
    radial-gradient(#22dd22 15%, transparent 16%) 0 0,
    radial-gradient(#22dd22 15%, transparent 16%) 5px 5px,
    radial-gradient(#22dd22 25%, transparent 20%) 0 1px,
    radial-gradient(#22dd22 15%, transparent 60%) 8px 9px;
    background-size:4px 4px;

    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 14;
}

.contenedor-h1_fondoMenuVidaLok2{
    position: absolute; margin-left: 45%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.h1_fondoMenuVidaLok2:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -80px;
    padding-top: 103px;
    padding-bottom: 32px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#22dd22 25%, transparent 16%) 0 0,
    radial-gradient(#22dd22 25%, transparent 16%) 5px 5px,
    radial-gradient(#22dd22 35%, transparent 20%) 0 1px,
    radial-gradient(#22dd22 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgb(250, 250, 250) 3px 3px 10px;
    -moz-box-shadow: rgba(250, 250, 250) 3px 3px 10px 5px;

    z-index: 24;
}

.fondoMenuVidaLok3{
    position: absolute; margin-top: -100px; margin-left: 60%;
    width: 18%;
    height: 350px;
    background-color: #cf6c1b;

    background:
    radial-gradient(#cf6c1b 15%, transparent 16%) 0 0,
    radial-gradient(#cf6c1b 15%, transparent 16%) 5px 5px,
    radial-gradient(#cf6c1b 25%, transparent 20%) 0 1px,
    radial-gradient(#cf6c1b 15%, transparent 60%) 8px 9px;
    background-size:6px 6px;

    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 22;
}

.contenedor-h1_fondoMenuVidaLok3{
    position: absolute; margin-left: 60%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
    z-index: 18;
}

.h1_fondoMenuVidaLok3:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -100px;
    padding-top: 123px;
    padding-bottom: 62px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#cf6c1b 25%, transparent 16%) 0 0,
    radial-gradient(#cf6c1b 25%, transparent 16%) 5px 5px,
    radial-gradient(#cf6c1b 35%, transparent 20%) 0 1px,
    radial-gradient(#cf6c1b 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgb(250, 250, 250) 3px 3px 10px;
    -moz-box-shadow: rgba(250, 250, 250) 3px 3px 10px 5px;

    z-index: 24;
}

/*FINAL CONTENEDOR MEDIO*/


/*CUERPO INFORMACION*/
#cuerpoInformacion{
    position: relative;
    float: left;
    width: 100%;
    height: 400px;
    background-color: #ffffff;
}

/*PIE DE PAGINA*/
#piePaginaInformacion{
    position: relative; margin-top:300px;
    float: left;
    width: 100%;
    height: 300px;
    background-color: rgb(40, 41, 40);
    z-index:1;
}









/*STYLOS MAESTROS*/
#contenedorMostrandoInfo{
    position: absolute; margin-top: 100px;
    width: 100%;
    height: 650px;
    visibility: hidden;
    z-index: 3;
}
#contenedorMostrandoInfoUL{
    position: absolute;
    display: inline;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 3;
}
#horarioClases{
    float: left;
    width: 69%;
    height: 650px;
    background-color: #ffffff;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

#spanEstadisticas{
    float: left;
    width: 30%;
    height: 650px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 3;
}


#contenedorMostrandoInfoAsignaciones{
    position: absolute; margin-top: 100px;
    width: 100%;
    height: 650px;
    visibility: hidden;
    z-index: 3;
}
#contenedorMostrandoInfoULAsignaciones{
    position: absolute;
    display: inline;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 3;
}
#horarioClasesAsignaciones{
    float: left;
    width: 69%;
    height: 650px;
    background-color: #ffffff;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

#spanEstadisticasAsignaciones{
    float: left;
    width: 30%;
    height: 650px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 3;
}
/*FINAL STYLOS MAESTROS*/

#castillo{
    position: absolute; margin-top: 450px; margin-left: 0px;
    width: 25%;
    height: 700px;
    visibility: hidden;
    z-index: 11; 
}

#img_castillo{
    width: 100%;
    height: 700px;
}

#catillo_navegacion{
    position: absolute; margin-top: 600px; margin-left: 15%;
    background-color: #ffffff;
    width: 85%;
    height: 550px;
    visibility: hidden;
    z-index: 9;
}

#cast_MenuNavegacion{
    position: absolute; margin-top: 0px; margin-left: 0px;
    background-color: #D4D721;
    width: 100%;
    height: 50px;
    visibility: hidden;
}


/*SESIONES///////////////////////////////////////////////////////////////////////*/
/*ADMINISTRADOR/////////////////////////////////////////////////////////////////*/
.fondoMenuSesiones{
    position: absolute; margin-top: 50px;
    float: left;
    width: 15%;
    height: 550px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 2;
}

.contenedorMenuSesiones{
    position: absolute;
    float: left;
    width: 15%;
    height: 600px;
    z-index: 2;
}

#ulNavegacionAdmin{
    width: 100%;
    height: 100%;
    margin-top: 60px;
    padding-left: 0px;
    z-index: 4;
}

.liNavegacionMenuLateral{
    position: relative; margin-left: 10px;
    float: left;
    display: inline;
    width: 100%;
}

.h1NavegacionAdmin{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.coronaMenuLateral{
    width: 15px;
    height: 10px;
    padding: 0x;
    margin-top: 0px;
    vertical-align: 5%;
}

#navegacion{
    position: absolute; margin-top: 600px;
    width: 100%;
    height: 800px;
    z-index: 24;

}

/*NOTICIAS*/
#contenedorAreaNoticias{
    position: absolute; margin-top: 1800px; margin-left: 0px;
    width: 100%;
    height: 10px;
    background-color: #7B047D;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 15;
}

#contenedorAreaNoticiasVertical{
    position: absolute; margin-top: 1810px; margin-left: 950px;
    width: 5px;
    height: 360px;
    background-color: #7B047D;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 1;
}

.contenedor-h1_noticias{
    position: absolute; margin-left: 2%; margin-top: -30px;
    width: 18%;
    z-index: 24;
}

.h1_noticias{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.contenedor-h1_esteMes{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    margin-left: 640px;
    margin-top: -30px;
    z-index: 24;
}

#contenedorBannerIndex{
    position: relative;
    float: left;
    width: 100%;
    height: 900px;
    background-color: #fff;
    z-index: 4;
}

#logoAni{
    position: absolute; margin-top: 30%; margin-left: 100%;
    float: left;
    width: 40%;
    height: 100px;
    z-index: 6;
    
    animation-duration: 2s;
    animation-delay: 2s;
    animation-name: slideinNombreLogo;
}

    @keyframes slideinNombreLogo {
        from {
            margin-left: 100%;
        }
        
        to {
            margin-left: 30%;
        }
    }

.imgLogoNombre{
    width: 100%;
    height: 100%;
}

#logoAni2{
    position: absolute; margin-top: 11%; margin-left: 5%;
    float: left;
    width: 20%;
    height: 50px;
    z-index: 6;
    
    animation-duration: 1s;
    animation-delay: 4s;
    animation-name: slideinNombreLogo2;

}

    @keyframes slideinNombreLogo2 {
        from {
            margin-left: 30%;
            margin-top: 30%;
            width: 40%;
        }
        
        to {
            margin-left: 5%;
            margin-top: 11%;
            width:20%;
        }
    }

.imgLogoNombre2{
    width: 100%;
    height: 100%;
}

#telon{
    position: absolute; margin-top: 7%; margin-left: 1%;
    float: left;
    width: 30%;
    height: 150px;
    background-color: none;
    z-index: 8;
    

    animation-duration: 4s;
    animation-name: slidenTelon;
}

    @keyframes slidenTelon {
        from {
            background-color: #fff;
            opacity: 100%;
        }
        
        to {
            background-color: #fff;
            opacity: 100%;
        }
    }


#telonG{
    position: absolute; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 800px;
    background-color: none;
    z-index: 4;
    

    animation-duration: 6s;
    animation-name: slidenTelonG;
}

    @keyframes slidenTelonG {
        from {
            background-color: #fff;
            opacity: 100%;
        }
        
        to {
            background-color: #fff;
            opacity: 100%;
        }
    }

#coronaAni{
    position: absolute; margin-top: -20%; margin-left: 40%;
    float: left;
    width: 17%;
    height: 150px;
    z-index: 8;
    
    animation-duration: 4s;
    animation-name: slideinNombreCorona;
}

    @keyframes slideinNombreCorona {
        from {
            margin-top: 20%;
            margin-left: 40%;
            opacity: 0%;
        }
        
        to {
            margin-top: 20%;
            margin-left: 40%;
            opacity: 100%;
        }
    }

.imgCoronaNombre{
    width: 100%;
    height: 100%;
}

#coronaAni2{
    position: absolute; margin-top: 7%; margin-left: 11%;
    float: left;
    width: 5%;
    height: 55px;
    z-index: 6;
    
    animation-delay: 4s;
    animation-duration: 1s;
    animation-name: slideinNombreCorona2;
}

    @keyframes slideinNombreCorona2 {
        from {
            margin-left: 40%;
            margin-top: 20%;
            width: 17%;
            height: 150px;
            width: 17%;
        }
        
        to {
            margin-left: 11%;
            margin-top: 7%;
            width: 5%;
            height: 55px;
        }
    }

.imgCoronaNombre2{
    width: 100%;
    height: 100%;
}




#bannerImg1{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: slidein;
} 
  
  @keyframes slidein {
  from {
    margin-top: 800px;
    height: 0px;
  }

  to {
    margin-top: 0%;
    height: 800px;
  }

}

#imgBDivision1{
    width: 100%;
    height: 100%;

}

#bannerImg2{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    animation-delay: 6s;
    animation-duration: 2s;
    animation-name: sliden2;
}

    @keyframes sliden2 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision2{
    width: 100%;
    height: 100%;
}

#bannerImg3{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden3;
}

    @keyframes sliden3 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision3{
    width: 100%;
    height: 100%;
}

#bannerImg4{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #89046d;
    
    animation-delay: 6s;
    animation-duration: 3s;
    animation-name: sliden4;
}

    @keyframes sliden4 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;   
        }
    }
    
#imgBDivision4{
    width: 100%;
    height: 100%;
}

#bannerImg5{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #9e047e;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden5;
}

    @keyframes sliden5 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }

#imgBDivision5{
    width: 100%;
    height: 100%;
}

#bannerImg6{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #b50590;
    
    animation-delay: 6s;
    animation-duration: 4s;
    animation-name: sliden6;
}

    @keyframes sliden6 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision6{
    width: 100%;
    height: 100%;
}

#bannerImg7{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #c6059e;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden7;
}

    @keyframes sliden7 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision7{
    width: 100%;
    height: 100%;
}

#bannerImg8{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #d506aa;
    
    animation-delay: 6s;
    animation-duration: 5s;
    animation-name: sliden8;
}

    @keyframes sliden8 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision8{
    width: 100%;
    height: 100%;
}

/*LOK CAFE*/

#contenedorLokCfe{
    position:relative; 
    float:left; 
    width:100%; 
    height:600px; 
    background-color:#210122;
}

.spanLeftLokCafe{
    position:relative; 
    float:left; 
    display:inline; 
    width:50%; 
    height: 100%; 
    background-color:#9b9a98;
}

.spanRightLokCafe{
    position:relative; 
    float:left; 
    display:inline; 
    width:50%; 
    height: 100%; 
    background-color: #d0cfcd;
}

#ulContenedorLokCafe{
    width:100%; 
    height:480px; 
    margin-top: 60px; 
    margin-bottom: 60px; 
    margin-left: 15%; 
    background-color: #fff; 
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#ulContenedorLokCafeRight{
    width:100%; 
    height:100%; 
    margin:0px; 
    padding:0px;
}

.liContenedorLokCafe{
    float:left; 
    display:inline; 
    width:100%; 
    margin-top: 30px;
    margin-bottom: 30px;
}

.liContenedorLokCafeImg{
    float:left; 
    display:inline; 
    width:100%; 
    height: 600px;
}

.imgLokCafe{
    width:85%; 
    height:480px; 
    margin-top:60px; 
    margin-left:0%; 
    margin-bottom:60px; 
    margin-right:15%; 
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.h1MTituloLokCafe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3em;
    color: #262626;
    font-weight: normal;
    text-align: justify;
    margin-left:10%; 
    margin-right:20%; 
    color:#262626;
}


.h2MTituloLokCafe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #262626;
    font-weight: normal;
    text-align: justify;
    margin-left:10%; 
    margin-right:30%; 
}

/*FINAL LOK CAFE*/

/* EVENTOS */
#contenedorEventos{
    position:relative; 
    float:left; 
    width:100%; 
    height:auto; 
    background-color:#9b9a98;
}

#contenedorEventosTitulo{
    position:relative; 
    float:left; 
    width:100%; 
    height:40px; 
    padding-top:0px; 
    z-index:10;
}

.spanLeftEventos{
    float:left; 
    width:50%; 
    height:auto;
    display:flex; 
    justify-content:space-around; 
    padding-top:50px; 
    padding-bottom:50px; 
    background-color:#d0cfcd;
}

.spanRightEventos{
    float:left; 
    width:50%; 
    height:100%;
    display:inline; 
    padding-top:50px; 
    padding-bottom:50px; 
    background-color:#9b9a98;
}

.imgTopEventos{
    width:65%; 
    height:400px; 
    margin-bottom:70px; 
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgBottomEventos{
    width:65%; 
    height:400px; 
    margin-bottom:30px;  
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgTopEventos:hover{
    width:65%; 
    height:400px; 
    margin-bottom:70px; 
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgBottomEventos:hover{
    width:65%; 
    height:400px; 
    margin-bottom:30px;  
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}
/* FINAL DE EVENTOS*/

}

 /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////
                                //////////////////////////////////////////////////
                                /////////////////////////////////////////////////
                                ////////////////////////////////////////////////
                                ///////////////////////////////////////////////
                                //////////////////////////////////////////////
                                /////////////////////////////////////////////
                                ////////////////////////////////////////////
                                ///////////////////////////////////////////
                                //////////////////////////////////////////
                                /////////////////////////////////////////
                                ////////////////////////////////////////
                                ///////////////////////////////////////
                                //////////////////////////////////////
                                /////////////////////////////////////
                                ////////////////////////////////////
                                ///////////////////////////////////
                                //////////////////////////////////
                                /////////////////////////////////
                                ////////////////////////////////
                                ///////////////////////////////
                                //////////////////////////////
                                /////////////////////////////
                                ////////////////////////////
                                ///////////////////////////
                                //////////////////////////
                                /////////////////////////
                                ////////////////////////
                                ///////////////////////
                                //////////////////////
                                /////////////////////
                                ////////////////////
                                ///////////////////
                                //////////////////
                                /////////////////
                                ////////////////
                                ///////////////
                                //////////////
                                /////////////
                                ////////////
                                ///////////
                                //////////
                                /////////
                                ////////
                                ///////
                                //////
                                /////
                                ////
                                ///
                                //
                                /
                                */
                                
@media only screen and (min-width:768px) and (max-width:1023px){
/* PAGINA INICIO */
.carousel {
            width: 100%;
            height: 650px;
            margin: 0 auto;
            display: flex;
            z-index:100;
        }
        #imagen {
            width: 100%;
            height: 650px;
            background-size: 100% 100%;
            -webkit-animation-name:staticFade;
            -webkit-animation-duration:2.5s;
            animation-name:staticFade;
            animation-duration:2.5s;
        }
        
        #tituloVisual2{
            position: absolute; 
            float: left;
            width: 60%;
            height: 30px;
            margin-top: 0px;
            margin-left: 0px;
        }
.imagenBBPP{
            width: 100%;
            height: 650px;
            background-size: 100% 100%;
        }
        
.controles{
    position: absolute; margin-top:580px; margin-left: 3%;
    float:left;
    width:10%;
    
}

#play{
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 100px 0px 0px 100px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#play:hover{
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 100px 0px 0px 100px;
    background-color: rgba(123,4,125,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#stop{
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 0px 100px 100px 0px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#stop:hover{
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 0px 100px 100px 0px;
    background-color: rgba(123,4,125,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}
        
.prev, .next{
 cursor:pointer;
 position:absolute;
 top:40%;
 width:auto;
 margin-top:-22px;
 padding:16px;
 color:white;
 font-weight:thin;
 font-size:3.3em;
 transition:0.6s ease;
 border: 0px;
 border-radius:0 3px 3px 0;
 background-color: rgba(123,4,125,0.3);
 text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
 box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
 -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
 -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}


.next{
 right:0;
 border-radius:3px 0 0 3px;
}

.prev:hover, .next:hover{
 background-color:rgba(0,0,0,0.8);
}

.fade{
 -webkit-animation-name:fade;
 -webkit-animation-duration:2.5s;
 animation-name:fade;
 animation-duration:2.5s;
 
}

@-webkit-keyframes fade{
 from{opacity:.4;}
 to{opacity:1;}
}

@keyframes fade{
 from{opacity:.4;}
 to{opacity:1;}
}


.ulSliderOption{
    width:15%; 
    height:25px; 
    margin-top: 600px;
    margin-left:42.5%;
}

.sliderOption{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#262626;
}

.sliderOptionEscena{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#D4D721;
}

.text{
 color:#f2f2f2;
 font-size:15px;
 padding:8px 12px;
 position:absolute;
 bottom:8px;
 width:100%;
 text-align:center;
}

#visual, #visual2, #visual3, #visual4, #visual5{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#262626;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    -webkit-animation-name:staticFade;
    -webkit-animation-duration:2.5s;
    animation-name:staticFade;
    animation-duration:2.5s;
}

#tituloVisual2, #tituloVisual3, #tituloVisual4, #tituloVisual5{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -300px;
    margin-left:10%; 
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:12s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:12s;
    animation-fill-mode: forwards;
}

#tituloVisual{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -500px;
    margin-left:45%; 
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:2s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:2s;
    animation-fill-mode: forwards;
}

#tituloVisualSegd{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -200px;
    margin-left: 45%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:1s;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:1s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveTitulo{
 from{margin-top:-300px; margin-left: 10%;}
 to{margin-top:-400px; margin-left: 5%;}
}

@keyframes moveTitulo{
 from{margin-top:-300px; margin-left: 10%;}
 to{margin-top:-400px; margin-left: 5%;}
}

@-webkit-keyframes moveTituloBajada{
 from{margin-top:-400px; margin-left: 5%;}
 to{margin-top:-300px; margin-left: 10%;}
}

@keyframes moveTituloBajada{
 from{margin-top:-400px; margin-left: 5%;}
 to{margin-top:-300px; margin-left: 10%;}
}

@-webkit-keyframes moveTituloOpacity{
 from{opacity:.1;}
 to{opacity:1;}
}

@keyframes moveTituloOpacity{
 from{opacity:.1;}
 to{opacity:1;}
}

@-webkit-keyframes moveTituloOpacitySeg{
 from{opacity:.4;}
 to{opacity:1;}
}

@keyframes moveTituloOpacitySeg{
 from{opacity:.4;}
 to{opacity:1;}
}

#tituloVisualBannerPP, #tituloVisualBannerPP2, #tituloVisualBannerPP3, #tituloVisualBannerPP4, #tituloVisualBannerPP5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: left;
    font-weight: normal;
    margin: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP, #subTituloVisualBannerPP2, #subTituloVisualBannerPP3, #subTituloVisualBannerPP4, #subTituloVisualBannerPP5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP2SS{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: justify;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 40%;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP2SS2{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: justify;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 40%;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPPIni{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 2%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding-top:0px; 
}

#subTituloVisualBannerPPIniSeg{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-3%;
    margin-bottom:5%;
    margin-left: 4%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding-top:0px; 
}

#tituloVisualBannerPPIni{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-10%;
    margin-bottom:5%;
    margin-left: 4%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniTerc{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-7%;
    margin-bottom:5%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniSeg{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-13%;
    margin-bottom:5%;
    margin-left: 15%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniCuar{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-5%;
    margin-bottom:2%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniTerc{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-8%;
    margin-bottom:0%;
    margin-left: 0%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniQuin{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-4%;
    margin-bottom:2%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniCuar{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-8%;
    margin-bottom:0%;
    margin-left: 20%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

/* FIN PAGINA INICIO*/
.contenedor{
    position: relative; top: 0px; left: 0px;
    padding-top: 160px;
    background-color:#7B047D;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contenedor2{
    position: absolute; top: 270px;
    float: center;
    width: 100%;
    height: 100%;
    z-index: 4;
}

h3{
    font-family: 'Gafata', sans-serif;
    font-size: 22px;
    color:#ffffff;
    text-align: center
}

.imagen2{
    width: 40%;
    margin-left: 30%;
    margin-top: 0px;
}

#contenedorPadreMenuProductos{
    position: absolute; margin-top: 50px; margin-left: -200px;
    width: 100%;
    height: 300px;
    visibility: hidden;
    z-index: 400;
}













#contenedorConfMatricula{
    position: absolute; margin-top: 3.4%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 3%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 950;
    
   
}



#contenedorConfMatricula2{
    position: absolute; margin-top: 3.4%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 3%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    background-color: inherit;
    z-index: 900;
    
    animation-name: borderMatricula;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes borderMatricula{
    from{
        border: 0px;
        width: 40%;
        height: 3%;
        margin-left: 30%;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    }
    
    to{
        border: 1px solid #7B047D;
        width: 44%;
        height: 4%;
        margin-left: 28%;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    }
}

.ulContenedorConfMatricula{
    width: 100%;
    height: 100%;
    padding: 0%;
}

.liContenedorConfMatricula{
    float: left;
    display: inline;
    width: 100%;
    height: auto;
    padding: 0%;
    cursor: pointer;
}

.txtParrafoDescripcionOpcionMM{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

.txtParrafoDescripcionOpcionMM:hover{
    font-family: Arial, Helvetica, sans-serif;
    color: #D4D721;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

.txtParrafoDescripcionOpcionLoguin{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    text-align: justify; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}


#contenedorConfMatriculaLoguin{
    position: absolute; margin-top: 7%; margin-left: 20%;
    float: left;
    width: 60%;
    height: 20%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;*/
    z-index: 950;
    
   
}



#contenedorConfMatricula2Loguin{
    position: absolute; margin-top: 7%; margin-left: 30%;
    float: left;
    width: 40%;
    height: 20%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    background-color: inherit;
    z-index: 900;
    
    animation-name: borderMatricula;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes borderMatricula{
    from{
        border: 0px;
        width: 40%;
        height: 3%;
        margin-left: 30%;
        /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );*/
    }
    
    to{
        border: 1px solid #7B047D;
        width: 44%;
        height: 4%;
        margin-left: 28%;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        /*background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(50%, rgba(123,4,125,1)), color-stop(98%, rgba(83,3,84,1)), color-stop(100%, rgba(83,3,84,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(123,4,125,1) 50%, rgba(83,3,84,1) 98%, rgba(83,3,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#530354', GradientType=1 );*/
    }
}

/*ANIMACION////////////////////////////////////////////*/
.contenedorHijoMenuProductos{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);

      background-color: #7B047D;
      z-index: 400;
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown;
    }
    
  }
/*
#html{
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
*/
#contenedorGeneral{
    position: relative; margin-top: 0px; margin-left: 0px; margin-right: 0px; 
    float: left;
    width: 100%;
    background-color: #7B047D;
}

.contenedorLoguin{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #7B047D;
    z-index: 1;
    
    background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#7B047D 85%, transparent 90%) 0 1px,
                                    radial-gradient(#7B047D 95%, transparent 100%) 8px 9px;
                                    background-size:4px 4px;
}

.navegacionContenedorLoguin{
    position: absolute; margin-top: 5%; margin-left: 15%;
    float: left;
    width: 70%;
    height: 50%;
}

.contenedorLoguinLogo{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 150px;
    text-align: center;
    background-color: inherit;
    z-index:3;
}

.imgLoguinLogo{
    width: 60%;
    height: 100%;
}

.tituloLoguin{
    position: relative; margin-top: 150px;
    width: 100%;
    height: 50px;
    border-radius: 18px;
    background-color: #D4D721;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    
     background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#D4D721 85%, transparent 90%) 0 1px,
                                    radial-gradient(#7B047D 95%, transparent 100%) 8px 9px;
                                    background-size:4px 4px;
}

.h1Loguin{
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
     padding-top: 10px;
}

.h1Loguin2{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    margin-top: 13px;
    margin-bottom : 23px;
}

.contenedorForm{
    position: relative; margin-top: 20px;
    float:left;
    width: 100%;
    background-color: inherit;
    z-index:500;
}

.contUsuario{
    position: relative;
    width: 100%;
    max-height: 50px;
    background: #999;
}

.label{
    width: 30%;
}

.inpFormLo{
    width: 100%;
    height: 30px;
    border-radius: 10px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.inpFormLo:hover{
    width: 100%;
    height: 30px;
    border-radius: 10px; 
    border: 3px solid; color: rgb(116, 197, 245);
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
    box-shadow: rgb(116, 197, 245) 35px 5px 5px 35px;
    -webkit-box-shadow: rgb(116, 197, 245) 0px 0px 25px;
    -moz-box-shadow: rgb(116, 197, 245) 35px 5px 5px 35px;
}

.contInpName{
    position: relative; margin-bottom: 10px;
    float: left;
    width: 30%;
    height: 50px;
}

.contInpFormName{
    position: relative; margin-bottom: 10px;
    float: left;
    width: 68%;
    height: 50px;
}

#contenedorLoguinBtn{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    text-align: center;
    background-color: #fff;
    z-index:900;
}

#inpFormPC_btn{
    position: fixed; margin-top: 8%; margin-left: 0%;
    float: left;
    width: 15%;
    height: 5%;
    background-color: #D4D721;
    border-radius: 6px;
    border: 0px;
     box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

#inpFormPC_btn:hover{
    position: fixed; margin-top: 8%; margin-left: 0%;
    float: left;
    width: 15%;
    height: 5%;
    background-color: rgb(116, 197, 245);
    border-radius: 6px;
     box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

/*MENU HEADER///////////////////////////////////////////////////////////////////////////////////////////*/


.liMenuGeneralHeader2{
    float: left; margin-top: 0px; margin-left: 0px;
    display: inline;
    padding-top: 0px;
    width: 60%;
    height: 50px;
    text-decoration: none;
}

h1{

}

h2{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
}

/*h3, .liMenuGeneralHeader esta pertenece al menu..variables_Menu.php*/

h5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    margin-top: 20px;
}

h6{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    margin-top: -9px;
}

h7{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 28px;
    text-align: center;
    font-weight: normal;
    margin-top: 30px;
}

a{
    text-decoration: none;
}

/*NAVEGACION MENU//////////////////////////////////////////////////////////////////////////////////////////*/


/*HEADER BANNER PRINCIPAL/////////////////////////////////////////////////////////////////////////////////*/
#headerBannerPrincipal{
    position: fixed; margin-top: -100px; margin-left: 0px;
    float: left;
    width: 99%;
    height: 650px;
    background-color: #ffffff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

#headerBannerPrincipalAbsolute{
    position: relative; margin-top: -50px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-color: #ffffff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

#headerBannerPrincipalAbsoluteNN{
    position: relative; margin-top: -100px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-color: inherit;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 4;
}

.h3MHCC{
    font-family: 'Gafata', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color:#000;
    text-align: center;
    margin-top: 16%;
    text-shadow: none;
}

.h3MHCC:hover{
    font-family: 'Gafata', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color:#7B047D;
    text-align: center;
    margin-top: 16%;
    text-shadow: none;
}

.h3MPruebaTitulo{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4.5em;
    color: #fff;
    font-weight: normal;
    text-align: justify;
}

.h3contactoParrafoD{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-weight: normal;
    text-align: justify;
    font-size:1em; 
    margin: 0px; 
    padding: 0px;
}

.contenedorTituloSGBanner{
    position: relative; margin-top: 6%; margin-left: 10%;
    float:left;
    width: 60%;
}

.contenedorTituloSpBanner{
    position: relative; margin-top: -14%; margin-left: 10%;
    float:left;
    width: 70%;
}

.imgBannerPrincipal{
    width: 100%;
    height: 650px;
}

.imgTamanoBannerPrincipal{
    width: 100%;
    height: 650px;
    transition-duration: 4s;
  transition-delay: 2s;
    animation-delay:6s;
    animation-name: entradaiMGCC;
    animation-duration: 2s;
    /*animation-iteration-count: infinite;*/
}

@keyframes entradaiMGCC{
    from{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    
    to{
        filter: alpha(opacity=100);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
}



/*FORMULARIO DE CONTACTO*/
#formularioContactoBannerBackground{
    position: absolute; margin-top: 110px; margin-left: 80%;
    width: 20%;
    height: 400px;
    background-color: #2196F3;
    visibility: visible;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    visibility: hidden;
    z-index: 2;
    
}

#formularioContactoBanner{
    position: absolute; margin-top: 100px; margin-left: 80%;
    width: 20%;
    height: 400px;
    visibility: hidden;
    z-index: 4;
}

.inputContaco{
    width: 70%;
    height: 35px;
    margin-left: 50px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: normal;
    color: #999999;
    border-radius: 5px;
}

.btnContacto{
    margin-left: 50px;
    width: 70%;
    height: 50px;
    margin-top: 30px;
    background-color: rgb(28, 179, 23);
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    border: 0px;
    border-radius: 5px;
}



/*MENU OPCIONES DE SERVICIOS*/
#menuOpcionesServicios{
    position: relative;
    float: left;
    width: 100%;
    background-color: #7B047D;
    margin-top: 0px;
    padding-bottom: 50px;
    background:
        radial-gradient(#7B047D 15%, transparent 16%) 0 0,
        radial-gradient(#7B047D 15%, transparent 16%) 5px 5px,
        radial-gradient(#4a024b 85%, transparent 90%) 0 1px,
        radial-gradient(#4a024b 95%, transparent 100%) 8px 9px;
        background-size:4px 4px;
}

#menuOpcionesServiciosNavegacion{
    position: relative;
    float: left;
    width: 100%;
    background-color: #7B047D;
    margin-top: 0px;
    padding-bottom: 0px;
    z-index: 6;
}

#ulmenuOpcionesServicios{
    width: 95%;
    padding-left: 4.5%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color: inherit;
}

#ulmenuOpcionesServiciosBanner{
    float: right; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 9.5%;
    width: 90%;
    height: 310px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#spanDivServicios{
    position: relative;
    float: left;
    display: inline-block;
    width: 60%;
    height: auto;
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    background-color: inherit;
}

#spanDivServiciosBanner{
    position: relative;
    float: left;
    display: inline-block;
    width: 40%;
    height: auto;
    margin-top: 80px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: inherit;
}

.divGen{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 50px;
    margin: 0px;
    padding: 0px;
    background-color: rgb(77, 3, 78);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.divGenPrrafo{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 400px;
    margin: 0px;
    padding: 0px;
    background-color: rgba(20,1,20,0.8);
}

.h2ParrafoDGI{    
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 3em;
    text-align: left;
    font-weight: normal;
    margin-top: 100px;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

.h2ParrafoCGI{    
    font-family: Arial, Helvetica, sans-serif;
    color: #262626;
    font-size: 1.5em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0px;
    /*text-shadow: 3px 5px 2px rgba(0,0,0,0.5);*/
}

#contenedorBannerBodyIni{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 550px;
    margin: 0px;
    padding: 0px;
    background:
        radial-gradient(#7B047D 15%, transparent 16%) 0 0,
        radial-gradient(#7B047D 15%, transparent 16%) 5px 5px,
        radial-gradient(#4a024b 85%, transparent 90%) 0 1px,
        radial-gradient(#4a024b 95%, transparent 100%) 8px 9px;
    background-size:4px 4px;
}

.imgBannerBodyIni{
    width: 93%;
    height: 450px;
    margin-top: 0px;
    margin-left: 3.5%;
    margin-bottom: 100px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#contenedorContacto{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 800px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

.ulContenedorContacto{
    width: 93%;
    height: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 3.5%;
}

.liContenedorContactoh2{
    float: left;
    display: inline;
    width: 38.6%;
    height: 50px;
    margin-top: 0%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 32.5%;
    padding: 0px;
}

.liContenedorContactoInput{
    float: left;
    display: inline;
    width: 35%;
    height: 50px;
    margin-top: 0%;
    margin-bottom: 15px;
    margin-left: 32.5%;
}

.liContenedorLogoBody{
    float: left;
    display: inline;
    width: 35%;
    height: 100px;
    margin-top: 0%;
    margin-bottom: 15px;
    margin-left: 32.5%;
}

.inputContactoInicio{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding-top: 0%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 0%;
    border: 0.5px solid #262626;
}

.imgLoguinLogoBody{
    width: 40%;
    height: 100%;
    margin-left: 30%;
}

.btnGIB{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626; 
    font-weight: normal;
    font-size:1.3em; 
    text-align:center; 
    border: 0.9px solid #262626; 
    width:40%; 
    height:50px; 
    margin-top: 30px;
    margin-left:20%; 
    background-color:inherit;
    cursor: pointer;
}

.btnGIB:hover{
    font-family: Arial, Helvetica, sans-serif;
    color:#fff; 
    font-weight: normal;
    font-size:1.3em; 
    text-align:center; 
    border: 0.9px solid #262626; 
    width:40%; 
    height:50px; 
    margin-top: 30px;
    margin-left:20%; 
    background-color: #7B047D;
    cursor: pointer;
}

#contenedorGeneralNN{
    position: fixed; margin-top: 0px;
    float: left;
    width: 100%;
    height: 650px;
    background-image: url(imagenes/268164_215396228503082_4059678_n.jpg);
    background-repeat: none;
    background-size: 100%;
    z-index: 1;
}

#limenuOpcionesServicios1, #limenuOpcionesServicios2, #limenuOpcionesServicios3, #limenuOpcionesServicios4{
    float: left; margin-left: 0px;
    display: inline;
    width: 45%;
    height: 150px;
    margin-top: 10px;
    margin-left: 10px;
    background-color: rgb(80, 2, 82);
    border: 0.3px solid #fff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#limenuOpcionesServicios1:hover, #limenuOpcionesServicios2:hover, #limenuOpcionesServicios3:hover, #limenuOpcionesServicios4:hover{
    float: left; margin-left: 0px;
    display: inline;
    width: 45%;
    height: 150px;
    margin-top: 10px;
    margin-left: 10px;
    border: 0.3px solid #D4D721;
    /*background-color: rgb(181, 4, 184);*/
    background-color: #2f0130;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: #D4D721 3px 3px 10px;
    -moz-box-shadow: #D4D721 3px 3px 10px 5px; 
}

#btnMInfoServicios1, #btnMInfoServicios2, #btnMInfoServicios3, #btnMInfoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 25%;
    height: 25px;
    background-color: inherit;
    border: 0px;
    margin-top: 5px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInfoServicios1:hover, #btnMInfoServicios2:hover, #btnMInfoServicios3:hover, #btnMInfoServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 25%;
    height: 25px;
    background-color: inherit;
    border: 0px;
    margin-top: 5px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMFormServicios1, #btnMFormServicios2, #btnMFormServicios3, #btnMFormServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0px;
    height: 0px;
    background-color: #D4D721;
    border: 0px;
    margin-top: 0px;
    margin-left: 4%;
    margin-bottom: 3px;
    cursor: pointer;
    visibility: hidden;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#btnMFormServicios1:hover, #btnMFormServicios2:hover, #btnMFormServicios3:hover, #btnMFormServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0px;
    height: 0px;
    background-color: #4d80e2;
    border: 0px;
    margin-top: 0px;
    margin-left: 4%;
    margin-bottom: 3px;
    cursor: pointer;
    visibility: hidden;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes salidaEscenaFrame{
    from{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
    }
    to{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@keyframes salidaEscenaFrameFull{
    from{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
        width: 44%;
        visibility: visible;
    }
    to{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        width: 0%;
        visibility: hidden;
    }
}

@keyframes entradaEscenaFrame{
    from{
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    to{
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
    }
}

#btnMContactoServicios1, #btnMContactoServicios2, #btnMContactoServicios3, #btnMContactoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMContactoServicios1:hover, #btnMContactoServicios2:hover, #btnMContactoServicios3:hover, #btnMContactoServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInicioServicios1, #btnMInicioServicios2, #btnMInicioServicios3, #btnMInicioServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInicioServicios1:hover, #btnMInicioServicios2:hover, #btnMInicioServicios3:hover, #btnMInicioServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 0%;
    height: 0px;
    background-color: inherit;
    border: 0px;
    margin-top: -28px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

.tituloGeneralNavegacionNN{
    position: relative; margin-left: 0px; margin-top: 0px;
    float:left;
    width: 100%;
    height: 250px;
    background-color: #fff;
    /*width: 100%; 
     height: 0; 
     border-left: 1300px solid #f0ad4e;
     border-top: 500px solid transparent;
     border-bottom: 0px solid transparent;*/
    z-index: 6;
}

.bodyNN{
    position: relative;
    float: left;
    width: 100%;
    z-index: 6;
}

.tituloGNN{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5%;
    font-size: 44px;
    color: #000;
    font-weight: normal;
    text-align: center;
}

.tituloGNN2{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 54px;
    color: #000;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN2B{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 54px;
    color: #fff;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN2C{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 15%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 34px;
    color: #000;
    font-weight: bold;
    text-align: justify;
}

.tituloGNN3{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 20%;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    text-align: justify;
}

.tituloGNN4{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 20%;
    font-size: 38px;
    color: #fff;
    font-weight: normal;
    text-align: justify;
}

.tituloSGBanner{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 194px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-shadow: 3px 13px 12px rgba(0,0,0,1);
}

.tituloSpBanner{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 74px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    /*background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#000 85%, transparent 90%) 0 1px,
                                    radial-gradient(#000 95%, transparent 100%) 8px 9px;*/
                                    background-size:4px 4px;
    
    border-radius: 30px;
    text-shadow: 3px 7px 4px rgba(0,0,0,1);
    
}

.contenedorParrafoNN{
    position: relative; margin-top: 0px;
    float: left;
    width: 50%;
    background-color: #fff;
    z-index:6;
}

.contenedorParrafoNN2{
    position: absolute; margin-top: 1%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.contenedorParrafoNN2B{
    position: absolute; margin-top: 6%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.contenedorParrafoNN2C{
    position: absolute; margin-top: 19%; margin-left: 50%;
    float: left;
    width: 50%;
    background-color: inherit;
    z-index:6;
}

.parrafoNN{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #313233;
    font-weight: normal;
    text-align: center;
    /*text-shadow: 3px 13px 12px rgba(0,0,0,1);*/
}

.contenedorFusion{
    position: relative;
    float: left;
    width: 100%;
    height: 800px;
}

.contenedorBannerSecNN{
    position: relative;
    float: left;
    width: 100%;
    height: 800px;
    z-index:6;
}

.imgBannerSecNN{
    width: 100%;
    height: 100%;
}





#imgOpcionesServicios1, #imgOpcionesServicios2, #imgOpcionesServicios3, #imgOpcionesServicios4{
    float: left;
    display: inline;
    width: 50%;
    height: 140px;
    margin: 5px;
    cursor: pointer;
    /*opacity: 0.9;
    filter: alpha(opacity=99);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;*/
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}
/*///////////////////////////////////////////////////////////////////////MENU BODY/////////////////*/
#fondoTituloOpcion{
    position: absolute; margin-left: 13.5%;
    width: 15%;
    height: 250px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////MENU OPCIONES BODY//////////////////////////////////////////////////////////////////////////*/
#contenedorTituloOpcion1{
    position: absolute; margin-top: 6%; margin-left: 14%;
    width: 18%;
    z-index: 100;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#tituloH1Opcion1, #tituloH1Opcion2, #tituloH1Opcion3, #tituloH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    width: 100%;
    margin: 10px;
    animation-name: staticEscena;
    animation-duration: 2s;
}

#h2InfoServicios1, #h2InfoServicios2, #h2InfoServicios3, #h2InfoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #ffffff;
    font-weight: normal;
    text-align: justify;
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 5%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    /*animation-delay: 1s;*/
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

#h2IPoliticasServicios1, #h2IPoliticasServicios2, #h2IPoliticasServicios3, #h2IPoliticasServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #ffffff;
    font-weight: normal;
    text-align: justify;
    width: 100%;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 5%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    /*animation-delay: 1s;*/
    animation-duration: 1s;
    animation-fill-mode: forwards;
}


#inputContactServiciosCC1, #inputContactServiciosCC2, #inputContactServiciosCC3, #inputContactServiciosCC4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 3px;
    margin-left: 4%;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosCC1:hover, #inputContactServiciosCC2:hover, #inputContactServiciosCC3:hover, #inputContactServiciosCC4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 3px;
    margin-left: 4%;
    margin-bottom: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosTwoCC1, #inputContactServiciosTwoCC2, #inputContactServiciosTwoCC3, #inputContactServiciosTwoCC4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 0px;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#inputContactServiciosTwoCC1:hover, #inputContactServiciosTwoCC2:hover, #inputContactServiciosTwoCC3:hover, #inputContactServiciosTwoCC4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: left;
    width: 0%;
    height: 35px;
    background-color: inherit;
    border: 0.5px solid #fff;
    margin-top: 0px;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px;
    cursor: pointer;
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-shadow: rgba(255, 255, 255, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(255,255,255,0.50) 3px 3px 10px 5px;
    animation-name: staticEscena;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#contenedorH2DescServ{
    position: absolute;
    width: 16%;
    height: 139px;
    margin-top: -143px;
    margin-left: 6px;
    z-index:5;
}

#contenedorH2DescServTwo{
    position: absolute;
    width: 16%;
    height: 139px;
    margin-top: -143px;
    margin-left: 6px;
    z-index: 7;
}

#contenedorBtnDescServ{
    position: absolute;
    width: 8%;
    height: auto;
    margin-top: -33px;
    margin-left: 19.2%;
    visibility: hidden;
}

#contenedorTituloOpcion2{
    position: absolute; margin-top: 6%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

#contenedorTituloOpcion3{
    position: absolute; margin-top: 24%; margin-left: 204px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

#contenedorTituloOpcion4{
    position: absolute; margin-top: 24%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}
/*/////////////////////////////////////////////////////////////////////MENU BODY//////////////////////////*/
#contenedorContactoOpcion1{
    position: absolute; margin-top: 11%; margin-left: 14%;
    width: 18%;
    z-index: 110;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#contactoH1Opcion1, #contactoH1Opcion2, #contactoH1Opcion3, #contactoH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    animation-name: staticEscena;
    animation-duration: 2s;
    z-index: 100;
}

#contenedorContactoOpcion2{
    position: absolute; margin-top: 10%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorContactoOpcion3{
    position: absolute; margin-top: 28%; margin-left: 204px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorContactoOpcion4{
    position: absolute; margin-top: 28%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorLlamadaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 13%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.llamadaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorMatriculaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 30%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.matriculaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorProfesoresOpcion1{
    position: absolute; margin-top: -4%; margin-left: 43%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.profesoresH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorMultimediaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 57%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.multimediaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorSclienteOpcion1{
    position: absolute; margin-top: -4%; margin-left: 72%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.sclienteH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

/*MENU BODY/////////////////////////////////////////////////////////////////////////////*/
.coronaMenuServicios{
    position: absolute; margin-top: -15%; margin-left: 22%;
    z-index: 10;

}

.coronaMenuServicios2{
    position: absolute; margin-top: 10%; margin-left: 40%;
    z-index: 15;

}

.coronaMenuServicios3{
    position: absolute; margin-top: 28%; margin-left: 22%;
    z-index: 15;

}

.coronaMenuServicios4{
    position: absolute; margin-top: 28%; margin-left: 40%;
    z-index: 15;

}

#imgCoronaMenuServicios1, #imgCoronaMenuServicios2, #imgCoronaMenuServicios3, #imgCoronaMenuServicios4{
    float: left;
    display: inline;
    width: 40px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20%;
    margin-right: 16%;
    padding: 0px;
    animation-name: staticEscena;
    animation-duration: 2s;
}

.iconosMenuServicios{
    width: 20px;
    height: 20px;
    padding-bottom: 3.5%;
    padding-top: 0px;
    margin-top: 0px;
}

.titulo1{
    width: 100%;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.titulo3{
    position: absolute;
    float: left;
    width: 100%;
    height: 39px;
    margin-top: 22px;
    margin-bottom: 0px;
    background-color: rgb(77, 3, 78);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.tituloH1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.contenedorTituloH1{
    position: absolute; margin-top: 0px;
    width: 100%;
    z-index: 11;
}

.tituloH1_2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-left: 20%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.contenedorTituloH1_2{
    position: absolute; margin-top: 600px; margin-left: 0px;
    width: 100%;
    z-index: 11;
}

#mostrarOpcion01{
    float: none;
    width: 100%;
    height: 100%;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgMostrarOpcion01{
    width: 100%;
    height: 100%;
}

#noticiasContenedor{
    position: absolute; margin-top: -808px; margin-left: 0px;
    float: right;
    width: 34%;
    height: 510px;
    padding-top: 0px;
    background-color: #D4D721;

}

.liNoticiasContenedor{
float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.liNoticiasContenedor:hover{
    float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgb(181, 4, 184);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: #D4D721 3px 3px 10px;
    -moz-box-shadow: #D4D721 3px 3px 10px 5px;  
}

.imgNoticias{
    width: 100%;
    height: 100%;
}

#fondoTituloOpcion5{
    position: absolute; margin-left: 6%;
    width: 18%;
    height: 513px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 8;
}

.coronaMenuServicios5{
    position: absolute; margin-top: 12%; margin-left: 13%;
    z-index: 100;

}

#contenedorTituloOpcion5{
    position: absolute; margin-top: 0%; margin-left: 0%;
    z-index: 100;
}

.tituloH1Opcion5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    width: 100%;
    font-weight: normal;
    text-align: center;
}


#contenedorContactoOpcion5{
    position: absolute; margin-top: 18%; margin-left: 11%;
    z-index: 100;
}

.contactoH1Opcion5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

/*CONTENEDOR MEDIO*/
#contenedorMedio{
    position: relative; margin-top: 0px;
    float: left;
    width: 100%;
    height: 400px;
    background-image: url(imagenes/261899_215396035169768_4436403_n.jpg); background-repeat: no-repeat; background-size: 100%; background-position-y: 45%;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.titulo2{
    position: absolute;
    width: 30%;
    height: 200px;
    margin-top: 730px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 16;
    visibility: hidden;
}

.titulo4{
    position: absolute;
    width: 100%;
    height: 40px;
    margin-top: 690px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: 16;
}

.contenedorTituloH1_3{
    position: absolute; margin-top: -38px;
    width: 100%;
    z-index: 16;
}

.tituloH1_3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-left: 5%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.fondoMenuVidaLok{
    position: absolute; margin-top: -60px; margin-left: 30%;
    width: 18%;
    height: 250px;
    background-color: #1d78ee; 

    background:
    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
    radial-gradient(#1d78ee 25%, transparent 20%) 0 1px,
    radial-gradient(#1d78ee 15%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;


    
    z-index: 22;
}

.contenedor-h1_fondoMenuVidaLok{
    position: absolute; margin-left: 30%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.h1_fondoMenuVidaLok:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -60px;
    padding-top: 83px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#1d78ee 25%, transparent 16%) 0 0,
    radial-gradient(#1d78ee 25%, transparent 16%) 5px 5px,
    radial-gradient(#1d78ee 35%, transparent 20%) 0 1px,
    radial-gradient(#1d78ee 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(250,250,250) 3px 3px 10px;
    -moz-box-shadow: rgba(250,250,250) 3px 3px 10px 5px;

    z-index: 24;
}

.fondoMenuVidaLok2{
    position: absolute; margin-top: -80px; margin-left: 45%;
    width: 18%;
    height: 300px;
    background-color: #22dd22;

    background:
    radial-gradient(#22dd22 15%, transparent 16%) 0 0,
    radial-gradient(#22dd22 15%, transparent 16%) 5px 5px,
    radial-gradient(#22dd22 25%, transparent 20%) 0 1px,
    radial-gradient(#22dd22 15%, transparent 60%) 8px 9px;
    background-size:4px 4px;

    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 14;
}

.contenedor-h1_fondoMenuVidaLok2{
    position: absolute; margin-left: 45%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.h1_fondoMenuVidaLok2:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -80px;
    padding-top: 103px;
    padding-bottom: 32px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#22dd22 25%, transparent 16%) 0 0,
    radial-gradient(#22dd22 25%, transparent 16%) 5px 5px,
    radial-gradient(#22dd22 35%, transparent 20%) 0 1px,
    radial-gradient(#22dd22 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgb(250, 250, 250) 3px 3px 10px;
    -moz-box-shadow: rgba(250, 250, 250) 3px 3px 10px 5px;

    z-index: 24;
}

.fondoMenuVidaLok3{
    position: absolute; margin-top: -100px; margin-left: 60%;
    width: 18%;
    height: 350px;
    background-color: #cf6c1b;

    background:
    radial-gradient(#cf6c1b 15%, transparent 16%) 0 0,
    radial-gradient(#cf6c1b 15%, transparent 16%) 5px 5px,
    radial-gradient(#cf6c1b 25%, transparent 20%) 0 1px,
    radial-gradient(#cf6c1b 15%, transparent 60%) 8px 9px;
    background-size:6px 6px;

    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 22;
}

.contenedor-h1_fondoMenuVidaLok3{
    position: absolute; margin-left: 60%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
    z-index: 18;
}

.h1_fondoMenuVidaLok3:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -100px;
    padding-top: 123px;
    padding-bottom: 62px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#cf6c1b 25%, transparent 16%) 0 0,
    radial-gradient(#cf6c1b 25%, transparent 16%) 5px 5px,
    radial-gradient(#cf6c1b 35%, transparent 20%) 0 1px,
    radial-gradient(#cf6c1b 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgb(250, 250, 250) 3px 3px 10px;
    -moz-box-shadow: rgba(250, 250, 250) 3px 3px 10px 5px;

    z-index: 24;
}

/*FINAL CONTENEDOR MEDIO*/


/*CUERPO INFORMACION*/
#cuerpoInformacion{
    position: relative;
    float: left;
    width: 100%;
    height: 400px;
    background-color: #ffffff;
}

/*PIE DE PAGINA*/
#piePaginaInformacion{
    position: relative; margin-top:300px;
    float: left;
    width: 100%;
    height: 300px;
    background-color: rgb(40, 41, 40);
    z-index:1;
}









/*STYLOS MAESTROS*/
#contenedorMostrandoInfo{
    position: absolute; margin-top: 100px;
    width: 100%;
    height: 650px;
    visibility: hidden;
    z-index: 3;
}
#contenedorMostrandoInfoUL{
    position: absolute;
    display: inline;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 3;
}
#horarioClases{
    float: left;
    width: 69%;
    height: 650px;
    background-color: #ffffff;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

#spanEstadisticas{
    float: left;
    width: 30%;
    height: 650px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 3;
}


#contenedorMostrandoInfoAsignaciones{
    position: absolute; margin-top: 100px;
    width: 100%;
    height: 650px;
    visibility: hidden;
    z-index: 3;
}
#contenedorMostrandoInfoULAsignaciones{
    position: absolute;
    display: inline;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 3;
}
#horarioClasesAsignaciones{
    float: left;
    width: 69%;
    height: 650px;
    background-color: #ffffff;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

#spanEstadisticasAsignaciones{
    float: left;
    width: 30%;
    height: 650px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 3;
}
/*FINAL STYLOS MAESTROS*/

#castillo{
    position: absolute; margin-top: 450px; margin-left: 0px;
    width: 25%;
    height: 700px;
    visibility: hidden;
    z-index: 11; 
}

#img_castillo{
    width: 100%;
    height: 700px;
}

#catillo_navegacion{
    position: absolute; margin-top: 600px; margin-left: 15%;
    background-color: #ffffff;
    width: 85%;
    height: 550px;
    visibility: hidden;
    z-index: 9;
}

#cast_MenuNavegacion{
    position: absolute; margin-top: 0px; margin-left: 0px;
    background-color: #D4D721;
    width: 100%;
    height: 50px;
    visibility: hidden;
}


/*SESIONES///////////////////////////////////////////////////////////////////////*/
/*ADMINISTRADOR/////////////////////////////////////////////////////////////////*/
.fondoMenuSesiones{
    position: absolute; margin-top: 50px;
    float: left;
    width: 15%;
    height: 550px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 2;
}

.contenedorMenuSesiones{
    position: absolute;
    float: left;
    width: 15%;
    height: 600px;
    z-index: 2;
}

#ulNavegacionAdmin{
    width: 100%;
    height: 100%;
    margin-top: 60px;
    padding-left: 0px;
    z-index: 4;
}

.liNavegacionMenuLateral{
    position: relative; margin-left: 10px;
    float: left;
    display: inline;
    width: 100%;
}

.h1NavegacionAdmin{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.coronaMenuLateral{
    width: 15px;
    height: 10px;
    padding: 0x;
    margin-top: 0px;
    vertical-align: 5%;
}

#navegacion{
    position: absolute; margin-top: 600px;
    width: 100%;
    height: 800px;
    z-index: 24;

}

/*NOTICIAS*/
#contenedorAreaNoticias{
    position: absolute; margin-top: 1800px; margin-left: 0px;
    width: 100%;
    height: 10px;
    background-color: #7B047D;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 15;
}

#contenedorAreaNoticiasVertical{
    position: absolute; margin-top: 1810px; margin-left: 950px;
    width: 5px;
    height: 360px;
    background-color: #7B047D;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 1;
}

.contenedor-h1_noticias{
    position: absolute; margin-left: 2%; margin-top: -30px;
    width: 18%;
    z-index: 24;
}

.h1_noticias{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.contenedor-h1_esteMes{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    margin-left: 640px;
    margin-top: -30px;
    z-index: 24;
}

#contenedorBannerIndex{
    position: relative;
    float: left;
    width: 100%;
    height: 900px;
    background-color: #fff;
    z-index: 4;
}

#logoAni{
    position: absolute; margin-top: 30%; margin-left: 100%;
    float: left;
    width: 40%;
    height: 100px;
    z-index: 6;
    
    animation-duration: 2s;
    animation-delay: 2s;
    animation-name: slideinNombreLogo;
}

    @keyframes slideinNombreLogo {
        from {
            margin-left: 100%;
        }
        
        to {
            margin-left: 30%;
        }
    }

.imgLogoNombre{
    width: 100%;
    height: 100%;
}

#logoAni2{
    position: absolute; margin-top: 11%; margin-left: 5%;
    float: left;
    width: 20%;
    height: 50px;
    z-index: 6;
    
    animation-duration: 1s;
    animation-delay: 4s;
    animation-name: slideinNombreLogo2;

}

    @keyframes slideinNombreLogo2 {
        from {
            margin-left: 30%;
            margin-top: 30%;
            width: 40%;
        }
        
        to {
            margin-left: 5%;
            margin-top: 11%;
            width:20%;
        }
    }

.imgLogoNombre2{
    width: 100%;
    height: 100%;
}

#telon{
    position: absolute; margin-top: 7%; margin-left: 1%;
    float: left;
    width: 30%;
    height: 150px;
    background-color: none;
    z-index: 8;
    

    animation-duration: 4s;
    animation-name: slidenTelon;
}

    @keyframes slidenTelon {
        from {
            background-color: #fff;
            opacity: 100%;
        }
        
        to {
            background-color: #fff;
            opacity: 100%;
        }
    }


#telonG{
    position: absolute; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: 800px;
    background-color: none;
    z-index: 4;
    

    animation-duration: 6s;
    animation-name: slidenTelonG;
}

    @keyframes slidenTelonG {
        from {
            background-color: #fff;
            opacity: 100%;
        }
        
        to {
            background-color: #fff;
            opacity: 100%;
        }
    }

#coronaAni{
    position: absolute; margin-top: -20%; margin-left: 40%;
    float: left;
    width: 17%;
    height: 150px;
    z-index: 8;
    
    animation-duration: 4s;
    animation-name: slideinNombreCorona;
}

    @keyframes slideinNombreCorona {
        from {
            margin-top: 20%;
            margin-left: 40%;
            opacity: 0%;
        }
        
        to {
            margin-top: 20%;
            margin-left: 40%;
            opacity: 100%;
        }
    }

.imgCoronaNombre{
    width: 100%;
    height: 100%;
}

#coronaAni2{
    position: absolute; margin-top: 7%; margin-left: 11%;
    float: left;
    width: 5%;
    height: 55px;
    z-index: 6;
    
    animation-delay: 4s;
    animation-duration: 1s;
    animation-name: slideinNombreCorona2;
}

    @keyframes slideinNombreCorona2 {
        from {
            margin-left: 40%;
            margin-top: 20%;
            width: 17%;
            height: 150px;
            width: 17%;
        }
        
        to {
            margin-left: 11%;
            margin-top: 7%;
            width: 5%;
            height: 55px;
        }
    }

.imgCoronaNombre2{
    width: 100%;
    height: 100%;
}




#bannerImg1{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: slidein;
} 
  
  @keyframes slidein {
  from {
    margin-top: 800px;
    height: 0px;
  }

  to {
    margin-top: 0%;
    height: 800px;
  }

}

#imgBDivision1{
    width: 100%;
    height: 100%;

}

#bannerImg2{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    animation-delay: 6s;
    animation-duration: 2s;
    animation-name: sliden2;
}

    @keyframes sliden2 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision2{
    width: 100%;
    height: 100%;
}

#bannerImg3{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: inherit;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden3;
}

    @keyframes sliden3 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision3{
    width: 100%;
    height: 100%;
}

#bannerImg4{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #89046d;
    
    animation-delay: 6s;
    animation-duration: 3s;
    animation-name: sliden4;
}

    @keyframes sliden4 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;   
        }
    }
    
#imgBDivision4{
    width: 100%;
    height: 100%;
}

#bannerImg5{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #9e047e;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden5;
}

    @keyframes sliden5 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }

#imgBDivision5{
    width: 100%;
    height: 100%;
}

#bannerImg6{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #b50590;
    
    animation-delay: 6s;
    animation-duration: 4s;
    animation-name: sliden6;
}

    @keyframes sliden6 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision6{
    width: 100%;
    height: 100%;
}

#bannerImg7{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #c6059e;
    
    animation-delay: 6s;
    animation-duration: 1s;
    animation-name: sliden7;
}

    @keyframes sliden7 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision7{
    width: 100%;
    height: 100%;
}

#bannerImg8{
    position: relative;
    float: left;
    display: inline;
    width: 12.5%;
    height: 100%;
    background: #d506aa;
    
    animation-delay: 6s;
    animation-duration: 5s;
    animation-name: sliden8;
}

    @keyframes sliden8 {
        from {
            margin-top: 800px;
            height: 0px;
        }
        
        to {
            margin-top: 0px;
            height: 800px;
        }
    }
    
#imgBDivision8{
    width: 100%;
    height: 100%;
}

/*LOK CAFE*/

#contenedorLokCfe{
    position:relative; 
    float:left; 
    width:100%; 
    height:600px; 
    background-color:#210122;
}

.spanLeftLokCafe{
    position:relative; 
    float:left; 
    display:inline; 
    width:50%; 
    height: 100%; 
    background-color:#9b9a98;
}

.spanRightLokCafe{
    position:relative; 
    float:left; 
    display:inline; 
    width:50%; 
    height: 100%; 
    background-color: #d0cfcd;
}

#ulContenedorLokCafe{
    width:100%; 
    height:480px; 
    margin-top: 60px; 
    margin-bottom: 60px; 
    margin-left: 15%; 
    background-color: #fff; 
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#ulContenedorLokCafeRight{
    width:100%; 
    height:100%; 
    margin:0px; 
    padding:0px;
}

.liContenedorLokCafe{
    float:left; 
    display:inline; 
    width:100%; 
    margin-top: 30px;
    margin-bottom: 30px;
}

.liContenedorLokCafeImg{
    float:left; 
    display:inline; 
    width:100%; 
    height: 600px;
}

.imgLokCafe{
    width:85%; 
    height:480px; 
    margin-top:60px; 
    margin-left:0%; 
    margin-bottom:60px; 
    margin-right:15%; 
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.h1MTituloLokCafe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3em;
    color: #262626;
    font-weight: normal;
    text-align: justify;
    margin-left:10%; 
    margin-right:20%; 
    color:#262626;
}


.h2MTituloLokCafe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #262626;
    font-weight: normal;
    text-align: justify;
    margin-left:10%; 
    margin-right:20%; 
}

/*FINAL LOK CAFE*/


/* EVENTOS */
#contenedorEventos{
    position:relative; 
    float:left; 
    width:100%; 
    height:auto; 
    background-color:#9b9a98;
}

#contenedorEventosTitulo{
    position:relative; 
    float:left; 
    width:100%; 
    height:40px; 
    padding-top:0px; 
    z-index:10;
}

.spanLeftEventos{
    float:left; 
    width:50%; 
    height:auto;
    display:flex; 
    justify-content:space-around; 
    padding-top:50px; 
    padding-bottom:50px; 
    background-color:#d0cfcd;
}

.spanRightEventos{
    float:left; 
    width:50%; 
    height:100%;
    display:inline; 
    padding-top:50px; 
    padding-bottom:50px; 
    background-color:#9b9a98;
}

.imgTopEventos{
    width:65%; 
    height:400px; 
    margin-bottom:70px; 
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgBottomEventos{
    width:65%; 
    height:400px; 
    margin-bottom:30px;  
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgTopEventos:hover{
    width:65%; 
    height:400px; 
    margin-bottom:70px; 
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgBottomEventos:hover{
    width:65%; 
    height:400px; 
    margin-bottom:30px;  
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}
/* FINAL DE EVENTOS*/
    
}

 /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////////
                                //////////////////////////////////////////////////////
                                /////////////////////////////////////////////////////
                                ////////////////////////////////////////////////////
                                ///////////////////////////////////////////////////
                                //////////////////////////////////////////////////
                                /////////////////////////////////////////////////
                                ////////////////////////////////////////////////
                                ///////////////////////////////////////////////
                                //////////////////////////////////////////////
                                /////////////////////////////////////////////
                                ////////////////////////////////////////////
                                ///////////////////////////////////////////
                                //////////////////////////////////////////
                                /////////////////////////////////////////
                                ////////////////////////////////////////
                                ///////////////////////////////////////
                                //////////////////////////////////////
                                /////////////////////////////////////
                                ////////////////////////////////////
                                ///////////////////////////////////
                                //////////////////////////////////
                                /////////////////////////////////
                                ////////////////////////////////
                                ///////////////////////////////
                                //////////////////////////////
                                /////////////////////////////
                                ////////////////////////////
                                ///////////////////////////
                                //////////////////////////
                                /////////////////////////
                                ////////////////////////
                                ///////////////////////
                                //////////////////////
                                /////////////////////
                                ////////////////////
                                ///////////////////
                                //////////////////
                                /////////////////
                                ////////////////
                                ///////////////
                                //////////////
                                /////////////
                                ////////////
                                ///////////
                                //////////
                                /////////
                                ////////
                                ///////
                                //////
                                /////
                                ////
                                ///
                                //
                                /
                                */
@media only screen and (min-width:320px) and (max-width:767px){
/* PAGINA INICIO */
.carousel {
            width: 100%;
            height: 350px;
            margin: 0 auto;
            display: flex;
            z-index:100;
        }
        #imagen {
            width: 100%;
            height: 350px;
            background-size: 100% 100%;
            -webkit-animation-name:staticFade;
            -webkit-animation-duration:2.5s;
            animation-name:staticFade;
            animation-duration:2.5s;
        }
        
        #tituloVisual2{
            position: absolute; 
            float: left;
            width: 60%;
            height: 30px;
            margin-top: 0px;
            margin-left: 0px;
        }
.imagenBBPP{
            width: 100%;
            height: 350px;
            background-size: 100% 100%;
        }
        
.controles{
    position: absolute; margin-top:300px; margin-left: 3%;
    float:left;
    width:30%;
    
}

#play{
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 100px 0px 0px 100px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#play:hover{
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 100px 0px 0px 100px;
    background-color: rgba(123,4,125,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#stop{
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 0px 100px 100px 0px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#stop:hover{
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50px;
    height: 40px;
    border: 3px 3px 0px 0px solid #fff;
    border-radius: 0px 100px 100px 0px;
    background-color: rgba(123,4,125,0.7);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}
        
.prev, .next{
 cursor:pointer;
 position:absolute;
 top:40%;
 width:auto;
 margin-top: 0px;
 padding:16px;
 color:white;
 font-weight:thin;
 font-size:3.3em;
 transition:0.6s ease;
 border: 0px;
 border-radius:0 3px 3px 0;
 background-color: rgba(123,4,125,0.3);
 text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
 box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
 -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
 -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}


.next{
 right:0;
 border-radius:3px 0 0 3px;
}

.prev:hover, .next:hover{
 background-color:rgba(0,0,0,0.8);
}

.fade{
 -webkit-animation-name:fade;
 -webkit-animation-duration:2.5s;
 animation-name:fade;
 animation-duration:2.5s;
 
}

@-webkit-keyframes fade{
 from{opacity:.4;}
 to{opacity:1;}
}

@keyframes fade{
 from{opacity:.4;}
 to{opacity:1;}
}


.ulSliderOption{
    width:35%; 
    height:25px; 
    margin-top: 320px;
    margin-left:30.5%;
}

.sliderOption{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#262626;
}

.sliderOptionEscena{
    float:left; 
    display:inline; 
    width:7%; 
    height:15px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#D4D721;
}

.text{
 color:#f2f2f2;
 font-size:15px;
 padding:8px 12px;
 position:absolute;
 bottom:8px;
 width:100%;
 text-align:center;
}

#visual, #visual2, #visual3, #visual4, #visual5{
    float:left; 
    display:inline; 
    width:5%; 
    height:7.5px; 
    margin-left:2%; 
    border-radius:50px; 
    border: 3px solid #fff;
    background-color:#262626;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    -webkit-animation-name:staticFade;
    -webkit-animation-duration:2.5s;
    animation-name:staticFade;
    animation-duration:2.5s;
}

#tituloVisual2, #tituloVisual3, #tituloVisual4, #tituloVisual5{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -300px;
    margin-left:10%; 
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:12s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:30s;
    animation-fill-mode: forwards;
}

#tituloVisual{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -330px;
    margin-left:45%; 
    background-color: inherit;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:2s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:2s;
    animation-fill-mode: forwards;
}

#tituloVisualSegd{
    position: absolute;
    float:left; 
    display:inline; 
    width:0%; 
    height:0px; 
    margin-top: -200px; 
    margin-left: 45%;
    background-color: inherit;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-animation-name:staticTitulo;
    -webkit-animation-duration:1s;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-name:staticTitulo;
    animation-duration:1s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes moveTitulo{
 from{margin-top:-200px; margin-left: 15%;}
 to{margin-top:-300px; margin-left: 10%;}
}

@keyframes moveTitulo{
 from{margin-top:-200px; margin-left: 15%;}
 to{margin-top:-300px; margin-left: 10%;}
}

@-webkit-keyframes moveTituloBajada{
 from{margin-top:-250px; margin-left: 10%;}
 to{margin-top:-150px; margin-left: 15%;}
}

@keyframes moveTituloBajada{
 from{margin-top:-250px; margin-left: 10%;}
 to{margin-top:-150px; margin-left: 15%;}
}

@-webkit-keyframes moveTituloOpacity{
 from{opacity:.1;}
 to{opacity:1;}
}

@keyframes moveTituloOpacity{
 from{opacity:.1;}
 to{opacity:1;}
}

@-webkit-keyframes moveTituloOpacitySeg{
 from{opacity:.4;}
 to{opacity:1;}
}

@keyframes moveTituloOpacitySeg{
 from{opacity:.4;}
 to{opacity:1;}
}

#tituloVisualBannerPP, #tituloVisualBannerPP2, #tituloVisualBannerPP3, #tituloVisualBannerPP4, #tituloVisualBannerPP5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: left;
    font-weight: normal;
    margin: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP, #subTituloVisualBannerPP2, #subTituloVisualBannerPP3, #subTituloVisualBannerPP4, #subTituloVisualBannerPP5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP2SS{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: justify;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 20%;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPP2SS2{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0em;
    text-align: justify;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 20%;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

#subTituloVisualBannerPPIni{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top: 0px;
    margin-left: 2%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding-top:0px; 
}

#subTituloVisualBannerPPIniSeg{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-3%;
    margin-bottom:5%;
    margin-left: 4%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding-top:0px; 
}

#tituloVisualBannerPPIni{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-10%;
    margin-bottom:5%;
    margin-left: 4%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniTerc{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-7%;
    margin-bottom:5%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniSeg{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-13%;
    margin-bottom:5%;
    margin-left: 15%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniCuar{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-5%;
    margin-bottom:2%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniTerc{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-8%;
    margin-bottom:0%;
    margin-left: 0%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#subTituloVisualBannerPPIniQuin{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-4%;
    margin-bottom:2%;
    margin-left: 8%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

#tituloVisualBannerPPIniCuar{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B047D;
    font-size:0em;
    text-align: left;
    font-weight: normal;
    margin-top:-8%;
    margin-bottom:0%;
    margin-left: 20%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.5);
    padding:0px;
}

/*MENU BODY*/
#menuOpcionesServicios{
    position: relative;
    float: left;
    width: 100%;
    background-color: #7B047D;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 130px;
    padding-left: 0px;
    padding-right: 0px;
    background:
    radial-gradient(#7B047D 15%, transparent 16%) 0 0,
    radial-gradient(#7B047D 15%, transparent 16%) 5px 5px,
    radial-gradient(#4a024b 85%, transparent 90%) 0 1px,
    radial-gradient(#4a024b 95%, transparent 100%) 8px 9px;
    background-size:4px 4px;
}

#spanDivServicios{
    position: relative;
    float: left;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    background-color: inherit;
}

#spanDivServiciosBanner{
    position: relative;
    float: left;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: inherit;
}

#ulmenuOpcionesServicios{
    width: 98%;
    margin: 0%;
    padding-top: 50px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#ulmenuOpcionesServiciosBanner{
    float: left;
    width: 90%;
    height: 350px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5%;
    margin-right: 0px;
    padding: 0px;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#limenuOpcionesServicios1, #limenuOpcionesServicios2, #limenuOpcionesServicios3, #limenuOpcionesServicios4{
    float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 150px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: rgb(80, 2, 82);
    border: 0.3px solid #fff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

#limenuOpcionesServicios1:hover, #limenuOpcionesServicios2:hover, #limenuOpcionesServicios3:hover, #limenuOpcionesServicios4:hover{
    float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 150px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0.3px solid #D4D721;
    /*background-color: rgb(181, 4, 184);*/
    background-color: #2f0130;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: #D4D721 3px 3px 10px;
    -moz-box-shadow: #D4D721 3px 3px 10px 5px; 
}

#imgOpcionesServicios1, #imgOpcionesServicios2, #imgOpcionesServicios3, #imgOpcionesServicios4{
    float: left;
    display: inline;
    width: 50%;
    height: 140px;
    margin: 5px;
    cursor: pointer;
    /*opacity: 0.9;
    filter: alpha(opacity=99);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;*/
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

#imgCoronaMenuServicios1, #imgCoronaMenuServicios2, #imgCoronaMenuServicios3, #imgCoronaMenuServicios4{
    float: left;
    display: inline;
    width: 40px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20%;
    margin-right: 16%;
    padding: 0px;
    animation-name: staticEscena;
    animation-duration: 2s;
}

#tituloH1Opcion1, #tituloH1Opcion2, #tituloH1Opcion3, #tituloH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    width: 100%;
    margin: 0px;
    animation-name: staticEscena;
    animation-duration: 2s;
}

#contactoH1Opcion1, #contactoH1Opcion2, #contactoH1Opcion3, #contactoH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    animation-name: staticEscena;
    animation-duration: 2s;
    z-index: 100;
}

#btnMInfoServicios1, #btnMInfoServicios2, #btnMInfoServicios3, #btnMInfoServicios4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    width: 25%;
    height: 25px;
    background-color: inherit;
    border: 0px;
    margin-top: 5px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#btnMInfoServicios1:hover, #btnMInfoServicios2:hover, #btnMInfoServicios3:hover, #btnMInfoServicios4:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    width: 25%;
    height: 25px;
    background-color: inherit;
    border: 0px;
    margin-top: 5px;
    margin-left: 11%;
    margin-bottom: 3px;
    cursor: pointer;
    animation-name: staticEscena;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}


/*FINAL MENU BODY*/

/*BANNER APRENDIZAJE*/
#contenedorBannerBodyIni{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 200px;
    margin: 0px;
    padding: 0px;
    background:
        radial-gradient(#7B047D 15%, transparent 16%) 0 0,
        radial-gradient(#7B047D 15%, transparent 16%) 5px 5px,
        radial-gradient(#4a024b 85%, transparent 90%) 0 1px,
        radial-gradient(#4a024b 95%, transparent 100%) 8px 9px;
    background-size:4px 4px;
}

.imgBannerBodyIni{
    width: 100%;
    height: 200px;
    margin-top: 0px;
    margin-left: 0%;
    margin-bottom: 100px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

/*FINAL BANNER APRENDIZAJE*/

/*LEMA MEDIO BODY*/

.divGenPrrafo{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 200px;
    margin: 0px;
    padding: 0px;
    background-color: rgba(20,1,20,0.8);
}

.h2ParrafoDGI{    
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 1.3em;
    text-align: center;
    font-weight: normal;
    font-style: italic;
    margin-top: 50px;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 0px;
    text-shadow: 3px 5px 2px rgba(0,0,0,0.5);
}

/*FINAL LEMA MEDIO BODY*/

/*LOK CAFE*/

#contenedorLokCfe{
    position:relative; 
    float:left; 
    width:100%; 
    height:600px; 
    background-color:#210122;
    margin: 0px;
    padding: 0px;
}

.spanLeftLokCafe{
    position:relative; 
    float:left; 
    display:inline; 
    width:100%; 
    height: 300px; 
    background-color:#9b9a98;
}

.spanRightLokCafe{
    position:relative; 
    float:left; 
    display:inline; 
    width:100%; 
    height: 300px; 
    background-color: #d0cfcd;
}

#ulContenedorLokCafe{
    width:100%; 
    height:300px; 
    margin-top: 60px; 
    margin-bottom: 0px; 
    margin-left: 0%; 
    margin-right: 0px;
    padding: 0px;
    background-color: inherit; 
}

#ulContenedorLokCafeRight{
    width:100%; 
    height:100%; 
    margin:0px; 
    padding:0px;
}

.liContenedorLokCafe{
    float:left; 
    display:inline; 
    background-color: #fff;
    width:85%;
    height: 300px;
    margin-bottom:0%;
    margin-left: 7.5%;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.liContenedorLokCafeImg{
    float:left; 
    display:inline; 
    width:100%; 
    height: 240px;
}

.imgLokCafe{
    width:85%; 
    height:240px; 
    margin-top:0px; 
    margin-left:7.5%; 
    margin-bottom:0px; 
    margin-right:0%; 
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.btnGIB{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    text-align: justify;
    color:#262626; 
    text-align:center; 
    border: 0.9px solid #262626; 
    width:40%; 
    height:40px;
    margin-left:32%; 
    background-color:inherit;
}

.btnGIB:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    color: #fff;
    font-weight: normal;
    text-align: justify;
    text-align:center; 
    border: 0.9px solid #262626; 
    width:40%; 
    height:50px; 
    margin-left:32%;
    background-color: #7B047D;
    cursor: pointer;
}

.h1MTituloLokCafe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    color: #262626;
    font-weight: normal;
    text-align: justify;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0px;
    color:#262626;
}

.h2MTituloLokCafe{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #262626;
    font-weight: normal;
    text-align: justify;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    color:#262626;
}

/*FINAL LOK CAFE*/


/*CONTACTO*/

#contenedorContacto{
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 800px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

.ulContenedorContacto{
    width: 93%;
    height: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 1%;
    padding: 0px;
}

.imgLoguinLogoBody{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.liContenedorContactoh2{
    float: left;
    display: inline;
    width: 100%;
    height: auto;
    margin-top: 0%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 0px;
}

.h3contactoParrafoD{
    font-family: Arial, Helvetica, sans-serif;
    color:#262626;
    font-weight: normal;
    text-align: justify;
    font-size:1em; 
    margin: 0px; 
    padding: 0px;
}

.liContenedorLogoBody{
    float: left;
    display: inline;
    width: 40%;
    height: 100px;
    margin-top: 0%;
    margin-bottom: 15px;
    margin-left: 30%;
    padding: 0px;
}

.liContenedorContactoInput{
    float: left;
    display: inline;
    width: 100%;
    height: 50px;
    margin-top: 0%;
    margin-bottom: 15px;
    margin-left: 0%;
    padding: 0px;
}

.inputContactoInicio{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5%;
    border: 0.5px solid #262626;
}

/*FINAL CONTACTO*/

/* FIN PAGINA INICIO*/






.contenedor{
    position: relative; top: 0px; left: 0px;
    padding-top: 160px;
    background-color:#7B047D;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contenedor2{
    position: absolute; top: 270px;
    float: center;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    color:#ffffff;
    text-align: center
}

.imagen2{
    width: 40%;
    margin-left: 30%;
    margin-top: 0px;
}

#contenedorPadreMenuProductos{
    position: absolute; margin-top: 50px; margin-left: -200px;
    width: 100%;
    height: 300px;
    visibility: hidden;
    z-index: 400;
}









#contenedorConfMatricula{
    position: absolute; margin-top: 24%; margin-left: 0%;
    float: left;
    width: 100%;
    height: 2%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 700;
    
   
}



#contenedorConfMatricula2{
    position: absolute; margin-top: 24%; margin-left: 0%;
    float: left;
    width: 100%;
    height: 2%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    background-color: inherit;
    z-index: 700;
    
    animation-name: borderMatricula;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes borderMatricula{
    from{
        border: 0px;
        width: 100%;
        height: 2%;
        margin-left: 0%;
        background: rgba(239,197,202,1);
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    }
    
    to{
        border: 1px solid #7B047D;
        width: 100%;
        height: 2.4%;
        margin-left: 0%;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        background: rgba(239,197,202,1);
background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    }
}

.ulContenedorConfMatricula{
    width: 100%;
    height: 100%;
    padding: 0%;
}

.liContenedorConfMatricula{
    float: left;
    display: inline;
    width: 100%;
    height: auto;
    padding: 0%;
    cursor: pointer;
}

.txtParrafoDescripcionOpcionMM{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    text-align: center; 
    text-decoration: none;
    margin-top: 1%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

.txtParrafoDescripcionOpcionMM:hover{
    font-family: Arial, Helvetica, sans-serif;
    color: #D4D721;
    font-size: 1em;
    font-weight: normal;
    text-align: center; 
    text-decoration: none;
    margin-top: 1%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

.txtParrafoDescripcionOpcionLoguin{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    text-align: justify; 
    text-decoration: none;
    margin-top: 1.5%;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
    cursor: pointer;
    /*text-shadow: 3px 3px 2px rgba(0,0,0,0.50);*/
}

#contenedorConfMatriculaLoguin{
    position: absolute; margin-top: 22.5%; margin-left: 5%;
    float: left;
    width: 90%;
    height: 2%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
/*background: rgba(120,6,122,1);
background: -moz-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,6,122,1)), color-stop(0%, rgba(156,49,158,1)), color-stop(0%, rgba(199,217,33,1)), color-stop(50%, rgba(142,153,23,1)), color-stop(98%, rgba(109,117,17,1)), color-stop(100%, rgba(95,102,14,1)));
background: -webkit-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -o-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: -ms-linear-gradient(top, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
background: linear-gradient(to bottom, rgba(120,6,122,1) 0%, rgba(156,49,158,1) 0%, rgba(199,217,33,1) 0%, rgba(142,153,23,1) 50%, rgba(109,117,17,1) 98%, rgba(95,102,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78067a', endColorstr='#5f660e', GradientType=0 );
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;*/
    z-index: 800;
    
   
}



#contenedorConfMatricula2Loguin{
    position: absolute; margin-top: 22.5%; margin-left: 5%;
    float: left;
    width: 90%;
    height: 2%;
    padding: 0%;
    -moz-border-radius: 0 0 25% 25%;
    -webkit-border-radius: 0 0 25% 25%;
    border-radius: 0 0 25% 25%;
    background-color: inherit;
    z-index: 800;
}


/*ANIMACION////////////////////////////////////////////*/
.contenedorHijoMenuProductos{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);

      background-color: #7B047D;
      z-index: 400;
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown;
    }
    
  }
/*
#html{
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
*/
#contenedorGeneral{
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background-color: inherit;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}

.contenedorLoguin{
    position: relative; margin-top: 0px; margin-left: 0px; margin-right: 0px;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #7B047D;
    z-index: 1;
    
    background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#7B047D 85%, transparent 90%) 0 1px,
                                    radial-gradient(#7B047D 95%, transparent 100%) 8px 9px;
                                    background-size:4px 4px;
                                
}

.navegacionContenedorLoguin{
    position: relative; margin-top: 25%; margin-left: 15%;
    float: left;
    width: 70%;
    height: auto;
    z-index: 500;
}

.contenedorLoguinLogo{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    background-color: inherit;
    z-index:3;
}

.imgLoguinLogo{
    width: 0%;
    height: 0%;
}

.tituloLoguin{
    position: relative; margin-top: 0px;
    float: left;
    width: 100%;
    height: auto;
    border-radius: 18px;
    background-color: #D4D721;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    
     background:
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
                                    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
                                    radial-gradient(#D4D721 85%, transparent 90%) 0 1px,
                                    radial-gradient(#7B047D 95%, transparent 100%) 8px 9px;
                                    background-size:4px 4px;
}

.h1Loguin{
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
     padding-top: 10px;
}

.h1Loguin2{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.2em;
    text-align: left;
    font-weight: normal;
    margin-top: 3%;
    margin-bottom : 1%;
}

.contenedorForm{
    position: relative; margin-top: 20px;
    float:left;
    width: 100%;
    background-color: inherit;
    z-index:500;
}

.contUsuario{
    position: relative;
    width: 100%;
    max-height: 50px;
    background: #999;
}

.label{
    width: 30%;
}

.inpFormLo{
    width: 100%;
    height: 5%;
    border-radius: 10px;
    margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.inpFormLo:hover{
    width: 100%;
    height: 5%;
    border-radius: 10px; 
    border: 3px solid; color: rgb(116, 197, 245);
    margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
    box-shadow: rgb(116, 197, 245) 35px 5px 5px 35px;
    -webkit-box-shadow: rgb(116, 197, 245) 0px 0px 25px;
    -moz-box-shadow: rgb(116, 197, 245) 35px 5px 5px 35px;
}

.contInpName{
    position: relative; margin-bottom: 0%;
    float: left;
    width: 100%;
    height: auto;
}

.contInpFormName{
    position: relative; margin-bottom: 0.5%;
    float: left;
    width: 100%;
    height: auto;
}

#contenedorLoguinBtn{
    position: relative; margin-top: 12%; margin-left: 0px;
    float: left;
    width: 100%;
    height: 100px;
    text-align: left;
    background-color: #fff;
    border-radius: 10px;
    z-index:900;
}

#inpFormPC_btn{
    width: 100%;
    height: 100%;
    background-color: #D4D721;
    border-radius: 10px;
    border: 0px;
     box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

#inpFormPC_btn:hover{
    width: 100%;
    height: 100%;
    background-color: rgb(116, 197, 245);
    border-radius: 10px;
     box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7B047D;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

/*MENU HEADER///////////////////////////////////////////////////////////////////////////////////////////*/


.liMenuGeneralHeader2{
    float: left; margin-top: 0px; margin-left: 0px;
    display: inline;
    padding-top: 0px;
    width: 60%;
    height: 50px;
    text-decoration: none;
}

h1{

}

h2{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
}

/*h3, .liMenuGeneralHeader esta pertenece al menu..variables_Menu.php*/

h5{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    margin-top: 20px;
}

h6{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    margin-top: -9px;
}

h7{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 28px;
    text-align: center;
    font-weight: normal;
    margin-top: 30px;
}

a{
    text-decoration: none;
}

/*NAVEGACION MENU//////////////////////////////////////////////////////////////////////////////////////////*/


/*HEADER BANNER PRINCIPAL/////////////////////////////////////////////////////////////////////////////////*/
#headerBannerPrincipal{
    position: fixed; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 99%;
    height: 650px;
    background-color: #ffffff;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

#headerBannerPrincipalAbsolute{
    position: relative; margin-top: 0px; margin-left: 0px;
    float: left;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    padding: 0px;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 1;
}

.imgBannerPrincipal{
    width: 100%;
    height: 650px;
}

.imgTamanoBannerPrincipal{
    width: 100%;
    height: 100%;
}



/*FORMULARIO DE CONTACTO*/
#formularioContactoBannerBackground{
    position: absolute; margin-top: 110px; margin-left: 80%;
    width: 20%;
    height: 400px;
    background-color: #2196F3;
    visibility: visible;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    visibility: hidden;
    z-index: 2;
    
}

#formularioContactoBanner{
    position: absolute; margin-top: 100px; margin-left: 80%;
    width: 20%;
    height: 400px;
    visibility: hidden;
    z-index: 4;
}

.inputContaco{
    width: 70%;
    height: 35px;
    margin-left: 50px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: normal;
    color: #999999;
    border-radius: 5px;
}

.btnContacto{
    margin-left: 50px;
    width: 70%;
    height: 50px;
    margin-top: 30px;
    background-color: rgb(28, 179, 23);
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    border: 0px;
    border-radius: 5px;
}



/*MENU OPCIONES DE SERVICIOS*/

#fondoTituloOpcion1{
    position: absolute; margin-left: 20%;
    width: 40%;
    height: 450px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

#fondoTituloOpcion2{
    position: absolute; margin-top: 10px; margin-left: 471px;
    width: 18%;
    height: 250px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

#fondoTituloOpcion3{
    position: absolute; margin-top: 270px; margin-left: 204px;
    width: 18%;
    height: 250px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

#fondoTituloOpcion4{
    position: absolute; margin-top: 270px; margin-left: 471px;
    width: 18%;
    height: 250px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

#fondoTituloOpcion5{
    position: absolute; margin-left: 20%;
    width: 40%;
    height: 550px;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 8;
}
/*///////////////////////////////////////////////////////////////*/
#contenedorTituloOpcion1{
    position: absolute; margin-top: 14%; margin-left: 0px;
    width: 80%;
    z-index: 100;
}


#contenedorTituloOpcion5{
    position: absolute; margin-top: 20%; margin-left: 0px;
    width: 80%;
    z-index: 100;
}

.tituloH1Opcion5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    width: 100%;
    font-weight: normal;
    text-align: center;
}
/*///////////////////////////////////////////////////////////////*/

#contenedorTituloOpcion2{
    position: absolute; margin-top: 6%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

#contenedorTituloOpcion3{
    position: absolute; margin-top: 24%; margin-left: 204px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

#contenedorTituloOpcion4{
    position: absolute; margin-top: 24%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.tituloH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}
/*/////////////////////////////////////////////////////////////////*/
#contenedorContactoOpcion1{
    position: absolute; margin-top: 21%; margin-left: 0px;
    width: 82%;
    z-index: 110;
}


#contenedorContactoOpcion5{
    position: absolute; margin-top: 26%; margin-left: 0px;
    width: 80%;
    z-index: 100;
}

.contactoH1Opcion5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}
/*///////////////////////////////////////////////////////////////*/

#contenedorContactoOpcion2{
    position: absolute; margin-top: 10%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorContactoOpcion3{
    position: absolute; margin-top: 28%; margin-left: 204px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorContactoOpcion4{
    position: absolute; margin-top: 28%; margin-left: 472px;
    width: 18%;
    height: 250px;
}

.contactoH1Opcion4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
}

#contenedorLlamadaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 13%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.llamadaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorMatriculaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 30%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.matriculaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorProfesoresOpcion1{
    position: absolute; margin-top: -4%; margin-left: 43%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.profesoresH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorMultimediaOpcion1{
    position: absolute; margin-top: -4%; margin-left: 57%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.multimediaH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

#contenedorSclienteOpcion1{
    position: absolute; margin-top: -4%; margin-left: 72%;
    width: 23%;
    height: 250px;
    z-index: 100;
}

.sclienteH1Opcion1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D4D721;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

.titulo4{
    position: absolute;
    width: 100%;
    height: 40px;
    margin-top: 302%;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: 16;
}

/*MENU BODY/////////////////////////////////////////////////////////////////////////////*/
.coronaMenuServicios{
    position: absolute; margin-top: -35%; margin-left: 37%;
    z-index: 10;

}

.coronaMenuServicios2{
    position: absolute; margin-top: 10%; margin-left: 40%;
    z-index: 15;

}

.coronaMenuServicios3{
    position: absolute; margin-top: 28%; margin-left: 22%;
    z-index: 15;

}

.coronaMenuServicios4{
    position: absolute; margin-top: 28%; margin-left: 40%;
    z-index: 15;

}

.iconosMenuServicios{
    width: 20px;
    height: 20px;
    padding-bottom: 3.5%;
    padding-top: 0px;
    margin-top: 0px;
}

.titulo1{
    width: 100%;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.titulo3{
    position: absolute;
    float: left;
    width: 100%;
    height: 39px;
    margin-top: 22px;
    margin-bottom: 0px;
    background-color: rgb(77, 3, 78);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.tituloH1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.contenedorTituloH1{
    position: absolute; margin-top: 0px;
    width: 100%;
    z-index: 11;
}

.tituloH1_2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-left: 20%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.contenedorTituloH1_2{
    position: absolute; margin-top: 600px; margin-left: 0px;
    width: 100%;
    padding: 0px;
    z-index: 11;
}

#mostrarOpcion01{
    float: none;
    width: 100%;
    height: 100%;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgMostrarOpcion01{
    width: 100%;
    height: 100%;
}

#noticiasContenedor{
    position: absolute; margin-top: -808px; margin-left: 0px;
    float: right;
    width: 34%;
    height: 510px;
    padding-top: 0px;
    background-color: #D4D721;

}

.liNoticiasContenedor{
float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgb(80, 2, 82);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.liNoticiasContenedor:hover{
    float: left; margin-left: 0px;
    display: inline;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgb(181, 4, 184);
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: #D4D721 3px 3px 10px;
    -moz-box-shadow: #D4D721 3px 3px 10px 5px;  
}

.imgNoticias{
    width: 100%;
    height: 100%;
}



.coronaMenuServicios5{
    position: absolute; margin-top: 18%; margin-left: 38%;
    z-index: 100;

}


/*CONTENEDOR MEDIO*/
#contenedorMedio{
    position: relative; margin-top: -30px;
    float: left;
    width: 100%;
    height: 400px;
    background-image: url(imagenes/261899_215396035169768_4436403_n.jpg); background-repeat: no-repeat; background-size: 100%; background-position-y: 45%;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.titulo2{
    position: absolute;
    width: 30%;
    height: 200px;
    margin-top: 730px;
    margin-bottom: 0px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 16;
    visibility: hidden;
}



.contenedorTituloH1_3{
    position: absolute; margin-top: -38px;
    width: 100%;
    z-index: 16;
}

.tituloH1_3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-left: 5%;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.fondoMenuVidaLok{
    position: absolute; margin-top: -60px; margin-left: 30%;
    width: 18%;
    height: 250px;
    background-color: #1d78ee; 

    background:
    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 0 0,
    radial-gradient(rgb(35, 65, 236) 15%, transparent 16%) 5px 5px,
    radial-gradient(#1d78ee 25%, transparent 20%) 0 1px,
    radial-gradient(#1d78ee 15%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;


    
    z-index: 22;
}

.contenedor-h1_fondoMenuVidaLok{
    position: absolute; margin-left: 30%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.h1_fondoMenuVidaLok:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -60px;
    padding-top: 83px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#1d78ee 25%, transparent 16%) 0 0,
    radial-gradient(#1d78ee 25%, transparent 16%) 5px 5px,
    radial-gradient(#1d78ee 35%, transparent 20%) 0 1px,
    radial-gradient(#1d78ee 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(250,250,250) 3px 3px 10px;
    -moz-box-shadow: rgba(250,250,250) 3px 3px 10px 5px;

    z-index: 24;
}

.fondoMenuVidaLok2{
    position: absolute; margin-top: -80px; margin-left: 45%;
    width: 18%;
    height: 300px;
    background-color: #22dd22;

    background:
    radial-gradient(#22dd22 15%, transparent 16%) 0 0,
    radial-gradient(#22dd22 15%, transparent 16%) 5px 5px,
    radial-gradient(#22dd22 25%, transparent 20%) 0 1px,
    radial-gradient(#22dd22 15%, transparent 60%) 8px 9px;
    background-size:4px 4px;

    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 14;
}

.contenedor-h1_fondoMenuVidaLok2{
    position: absolute; margin-left: 45%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.h1_fondoMenuVidaLok2:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -80px;
    padding-top: 103px;
    padding-bottom: 32px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#22dd22 25%, transparent 16%) 0 0,
    radial-gradient(#22dd22 25%, transparent 16%) 5px 5px,
    radial-gradient(#22dd22 35%, transparent 20%) 0 1px,
    radial-gradient(#22dd22 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgb(250, 250, 250) 3px 3px 10px;
    -moz-box-shadow: rgba(250, 250, 250) 3px 3px 10px 5px;

    z-index: 24;
}

.fondoMenuVidaLok3{
    position: absolute; margin-top: -100px; margin-left: 60%;
    width: 18%;
    height: 350px;
    background-color: #cf6c1b;

    background:
    radial-gradient(#cf6c1b 15%, transparent 16%) 0 0,
    radial-gradient(#cf6c1b 15%, transparent 16%) 5px 5px,
    radial-gradient(#cf6c1b 25%, transparent 20%) 0 1px,
    radial-gradient(#cf6c1b 15%, transparent 60%) 8px 9px;
    background-size:6px 6px;

    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
    z-index: 22;
}

.contenedor-h1_fondoMenuVidaLok3{
    position: absolute; margin-left: 60%;
    width: 18%;
    z-index: 24;
}

.h1_fondoMenuVidaLok3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
    z-index: 18;
}

.h1_fondoMenuVidaLok3:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 165px;
    margin-top: -100px;
    padding-top: 123px;
    padding-bottom: 62px;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);

    background:
    radial-gradient(#cf6c1b 25%, transparent 16%) 0 0,
    radial-gradient(#cf6c1b 25%, transparent 16%) 5px 5px,
    radial-gradient(#cf6c1b 35%, transparent 20%) 0 1px,
    radial-gradient(#cf6c1b 25%, transparent 60%) 8px 9px;
    background-size:4px 4px;


    filter: alpha(opacity=100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgb(250, 250, 250) 3px 3px 10px;
    -moz-box-shadow: rgba(250, 250, 250) 3px 3px 10px 5px;

    z-index: 24;
}

/*FINAL CONTENEDOR MEDIO*/


/*CUERPO INFORMACION*/
#cuerpoInformacion{
    position: relative;
    float: left;
    width: 100%;
    height: 400px;
    background-color: #ffffff;
}

/*PIE DE PAGINA*/
#piePaginaInformacion{
    position: relative;
    float: left;
    width: 100%;
    height: 300px;
    background-color: rgb(40, 41, 40);
    margin-top:300px;
    margin-bottom: 0px;
    margin-left: 0px;
    z-index:1;
}









/*STYLOS MAESTROS*/
#contenedorMostrandoInfo{
    position: absolute; margin-top: 100px;
    width: 100%;
    height: 650px;
    visibility: hidden;
    z-index: 3;
}
#contenedorMostrandoInfoUL{
    position: absolute;
    display: inline;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 3;
}
#horarioClases{
    float: left;
    width: 69%;
    height: 650px;
    background-color: #ffffff;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

#spanEstadisticas{
    float: left;
    width: 30%;
    height: 650px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 3;
}


#contenedorMostrandoInfoAsignaciones{
    position: absolute; margin-top: 100px;
    width: 100%;
    height: 650px;
    visibility: hidden;
    z-index: 3;
}
#contenedorMostrandoInfoULAsignaciones{
    position: absolute;
    display: inline;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 3;
}
#horarioClasesAsignaciones{
    float: left;
    width: 69%;
    height: 650px;
    background-color: #ffffff;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
}

#spanEstadisticasAsignaciones{
    float: left;
    width: 30%;
    height: 650px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-top: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 3;
}
/*FINAL STYLOS MAESTROS*/

#castillo{
    position: absolute; margin-top: 450px; margin-left: 0px;
    width: 25%;
    height: 700px;
    visibility: hidden;
    z-index: 11; 
}

#img_castillo{
    width: 100%;
    height: 700px;
}

#catillo_navegacion{
    position: absolute; margin-top: 600px; margin-left: 15%;
    background-color: #ffffff;
    width: 85%;
    height: 550px;
    visibility: hidden;
    z-index: 9;
}

#cast_MenuNavegacion{
    position: absolute; margin-top: 0px; margin-left: 0px;
    background-color: #D4D721;
    width: 100%;
    height: 50px;
    visibility: hidden;
}


/*SESIONES///////////////////////////////////////////////////////////////////////*/
/*ADMINISTRADOR/////////////////////////////////////////////////////////////////*/
.fondoMenuSesiones{
    position: absolute; margin-top: 50px;
    float: left;
    width: 15%;
    height: 550px;
    background-color: #000000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 2;
}

.contenedorMenuSesiones{
    position: absolute;
    float: left;
    width: 15%;
    height: 600px;
    z-index: 2;
}

#ulNavegacionAdmin{
    width: 100%;
    height: 100%;
    margin-top: 60px;
    padding-left: 0px;
    z-index: 4;
}

.liNavegacionMenuLateral{
    position: relative; margin-left: 10px;
    float: left;
    display: inline;
    width: 100%;
}

.h1NavegacionAdmin{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.50);
}

.coronaMenuLateral{
    width: 15px;
    height: 10px;
    padding: 0x;
    margin-top: 0px;
    vertical-align: 5%;
}

#navegacion{
    position: absolute; margin-top: 600px;
    width: 100%;
    height: 800px;
    z-index: 24;

}

/*NOTICIAS*/
#contenedorAreaNoticias{
    position: absolute; margin-top: 1800px; margin-left: 0px;
    width: 100%;
    height: 10px;
    background-color: #7B047D;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 15;
}

#contenedorAreaNoticiasVertical{
    position: absolute; margin-top: 1810px; margin-left: 950px;
    width: 5px;
    height: 360px;
    background-color: #7B047D;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 1;
}

.contenedor-h1_noticias{
    position: absolute; margin-left: 2%; margin-top: -30px;
    width: 18%;
    z-index: 24;
}

.h1_noticias{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    z-index: 24;
}

.contenedor-h1_esteMes{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #D4D721;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 1px rgba(0,0,0,1);
    margin-left: 640px;
    margin-top: -30px;
    z-index: 24;
}

/* EVENTOS */
#contenedorEventos{
    position:relative; 
    float:left; 
    width:100%; 
    height:auto; 
    background-color:#9b9a98;
}

#contenedorEventosTitulo{
    position:relative; 
    float:left; 
    width:100%; 
    height:40px; 
    padding-top:0px; 
    z-index:10;
}

.spanLeftEventos{
    float:left; 
    width:100%; 
    height:auto;
    display:flex; 
    justify-content:space-around; 
    padding-top:50px; 
    padding-bottom:50px; 
    background-color:#d0cfcd;
}

.spanRightEventos{
    float:left; 
    width:100%; 
    height:100%;
    display:inline; 
    padding-top:50px; 
    padding-bottom:50px; 
    background-color:#9b9a98;
}

.imgTopEventos{
    width:80%; 
    height:300px; 
    margin-bottom:70px; 
    margin-left:10%; 
    margin-right:0%;
    cursor:pointer;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgBottomEventos{
    width:80%; 
    height:300px; 
    margin-bottom:30px;  
    margin-left:10%; 
    margin-right:0%;
    cursor:pointer;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgTopEventos:hover{
    width:65%; 
    height:300px; 
    margin-bottom:70px; 
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}

.imgBottomEventos:hover{
    width:65%; 
    height:300px; 
    margin-bottom:30px;  
    margin-left:12%; 
    margin-right:10%;
    cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-shadow: rgba(red, green, blue, 0.50) 3px 3px 10px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.50) 3px 3px 10px 5px;
}
/* FINAL DE EVENTOS*/
}