ul li a {text-decoration: none !important; } 
ul li a:hover {text-decoration: none !important; } 
ul li a:visited {text-decoration: none !important; }


iframe {
    max-width: 100%;
    max-height: inherit;
}

.logoWeb {
    margin: 7px;
    margin-left: 0;
    float: left;
    width: 17px;
}

.tituloWeb {
    display: block; 
    font-size: 0.6em; 
    text-align: center;
}


.fondoGD {
    background: linear-gradient(#fff 0%, #f6f6f6 37%, gainsboro 100%);
    box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.3);
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    width: 100%; 
}

.text-shadow{
    text-shadow: 0px -1px 0px rgba(171, 198, 248, 0.6);
}


.degradado{
    background: rgba(150, 148, 148, 0);
    background: linear-gradient(rgba(181, 185, 56, 0.74) 0%, #a1a03e52 37%, rgba(228, 230, 146, 0.527) 100%);
    background-size: 75%;
}



.mdl{
  vertical-align: middle;
  /* Ojo vertical-align: text-middle no existe*/
}

.degradado2{
    background: linear-gradient(rgb(255, 255, 255) 0%, #ffffff 37%, rgb(255, 255, 255) 100%);
    box-shadow: 0px 2px 2px rgb(125, 145, 148);
    z-index: 500;
    margin-top:0px;
    left: 0;
    width: 100%; 
}


.degradado3{
    background: linear-gradient(rgb(255, 255, 255) 0%, #ffffff 37%, rgb(255, 255, 255) 100%);
    box-shadow: 2px 2px 2px rgb(125, 145, 148);
    z-index: 2000;
    margin-top:0px;
    left: 0;
    width: 100%; 
}

.campus {
    overflow: hidden;
   
    
}

.encima{
    top: -185px;
    z-index: 999;
}

.encima2{
    top: -190px;
    z-index: 99;
}



.encima4{
    top: -190px;
    z-index: 99;
}


.encima5{
    top: -180px;
    z-index: 99;
    text-align: center;
}

.encima3{
    top: -220px;
    z-index: 100;
}


.relativo{
    
    position: relative;
    
}


.absoluto{
    
    position:absolute;
    z-index: 1000;
}

.fondo{
    margin-top: 0px;         
    max-width: 200%;
    width: 200%;
    -webkit-transform: translateX(-23%) translateY(-0%);
    -ms-transform: translateX(-23%) translateY(-0%);
    transform: translateX(-23%) translateY(-0%);
    
  }
  
  @media screen and (min-width: 480px) {
    .fondo {
        max-width: 150%;  
        -webkit-transform: translateX(-15%) translateY(-0%);
        -ms-transform: translateX(-15%) translateY(-0%);
        transform: translateX(-15%) translateY(-0%);
    } 
    .encima{
        top: -190px;
    }
    .encima4{
        top: -200px;
        z-index: 99;
    }
}

@media screen and (min-width: 768px) {
    .fondo {
        max-width: 125%;  
        -webkit-transform: translateX(-10%) translateY(-0%);
        -ms-transform: translateX(-10%) translateY(-0%);
        transform: translateX(-10%) translateY(-0%);
    } 
    
    .encima{
        top: -260px;
    }
    .encima4{
        top: -240px;
        z-index: 99;
    }
}


@media screen and (min-width: 1024px) {
    .fondo {
        max-width: 100%;  
        -webkit-transform: translateX(-0%) translateY(-0%);
        -ms-transform: translateX(-0%) translateY(-0%);
        transform: translateX(-0%) translateY(-0%);
    } 
    .encima{
        top: -270px;
    }
}

@media screen and (min-width: 1080px) {
    .fondo {
        max-width: 100%;  
        -webkit-transform: translateX(-0%) translateY(-0%);
        -ms-transform: translateX(-0%) translateY(-0%);
        transform: translateX(-0%) translateY(-0%);
    } 
    .encima{
        top: -300px;
    }
}



/*#zseparador {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 9999999;
}*/

#separador .content{
    text-align: center;
    width: 75%;
    height: 35px;
    margin-left: 0%;
    border-bottom-left-radius: 40%;
    border-bottom-right-radius: 40%;
}



/*#separador2 .content{
    text-align: center;
    top: 40px;
    width: 100%;
    height: 40px;
    margin-left: 0%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}*/


.campusBoton {
    text-decoration: none !important;
    display: block;
    color: #fff;
    background: rgba(51, 51, 51, 0.6);
    text-decoration: none;
    padding: 3px;
    border: 2px solid #fff;
    text-align: center;
    opacity: 0.1;
    -webkit-animation: opacidad 1.5s  forwards;
    animation: opacidad 1.5s forwards; }
    
    
.campusBoton:hover {
      background: rgba(51, 51, 51, 0.4); 
      text-decoration: none !important;}
  
.campusBotonContenedor {

color: white; }





@media screen and (min-width: 320px) {
    
    .campusBoton {
      display: block; 
      width: 250px;
      margin: auto;
      font-size: 1em;} 
    
}
    
    
  @media screen and (min-width: 480px) {
    
      
    .campusBoton {
      display: block;
    
      width: 300px;
      margin: auto;
      font-size: 1.1em;} 
  }
      
      
      
  @media screen and (min-width: 768px) {
      
    
    .campusBoton {
      display: block;
     
      width: 400px;
    
          margin: auto;    
      padding: 5px;
      font-size: 1.3em; } }
    
    
      @-webkit-keyframes opacidad {
        to {
          opacity: 1; } }
      
      @keyframes opacidad {
        to {
          opacity: 1; } }

.carruselP {
    width: 60%;
   

}

.carruselP3 {
    width: 85%;
   

}

.Estilo19 {color: #333333; font-weight: bold; font-size: 24px; }
.Estilo20 {color: #000000}
.Estilo25 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CCCCCC;
	font-size: 18;
}