@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Karla);
*{
	margin:0px;
	padding:0px;
	font-family:Karla;
	background-color:transparent;
}
.datos{
    color: #FFF;
    height: 39px;
    background-color: rgba(255,33,76,.8);
    text-align: center;
    padding-left: 10px;
    padding-top: 7px; 
    font-size: .9em;
}
.datos >img{
    margin-top: -5px;
    float: left;
    padding-left: 0px;
    padding-right: 10px;
    width: 34px;
}
.logo{
    width: 100%;
    height: 110px;
    text-align: center;
    padding-top: 1%;
    background-color: rgba(230,230,230,1);
}
.logo> img{
    width: 25em;
    margin-top: 1px;
}
.pleca1{
    width: 100%;
    height: 2px;
    background-color: rgba(250,250,250,1);
    
}
.menu{
    
    background-color: rgba(4,147,171,1);;
}
.menu a{ 
   text-decoration: none;
}
li{
    font-size: .9em;
    color: #FFF;
    text-align: center;
    height: 40px;
    list-style: none;
    background-color: rgbargba(4,147,171,1);
    padding-top: 4px;
    transition:background-color .4s;
}
li:hover{
    background-color: rgba(208,31,39,1); 
    list-style: none;
}


.pleca2{
    width: 100%;
    height: 2px;
    background-color: rgba(255,195,5,1);
}
.pleca3{
    width: 100%;
    height: 2px;
    background-color: rgba(208,31,39,1);
}
.banner_1{
    background-image:url(../img/1a.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;

    color: #FFF;
    text-align: center;
    
}
.educativo{
    background-color: rgba(10,66,123,1);
    color: #FFF;
    font-size: 1.1em;
    text-align: justify; 
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.educativo> h1{
    text-align: center;
}


.banner_2{
    background-image:url(../img/fachada.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    width: 100%;
    height: 500px;      
}
.banner_2 >img{
    height: 12%;
    margin-top: 5px;  
} 
.banner_3{
   text-align: center;
    background-color: rgba(0,168,255,.1);
    margin-top: -370px;
    padding-top: 10px;
    padding-bottom: 10px;       
}
.banner_4{
    background-image:url(../img/5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    width: 100%;
         
}

.banner_5{
    background-image:url(../img/6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    width: 100%;
    
}
.banner_6{
    background-image:url(../img/7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    width: 100%;
    
}
.banner_7{
    background-image:url(../img/8.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    width: 100%;
    
}
.banner_8{
    background-image:url(../img/9.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    width: 100%;
    
}
.titulo_nosotros{
    height: 70px;
    text-align: center;
    background-color: rgba(4,147,171,1);
    color: rgba(255,255,255,1);
    margin-top: 0px;
    margin-bottom: 0px; 
}


.titulo_cuotas{
    height: 70px;
    padding-top: 0 px;
    text-align: center;
    background-color: rgba(4,147,171,1);
    width: 100%;
    color: rgba(255,255,255,1);   
}
.todo_cuotas{
    background-image:url(../img/cuotas_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding-bottom: 50px;
     
}
.todo_cuotas2{
    background-image:url(../img/cuotas_bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding-bottom: 50px;
     
}
.seminarios{
    background-image:url(../img/cuotas_bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding-bottom: 50px;
     
}


.marco_precios{
    width: 300px;
    height: 400px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,.4);
    border-radius: 10px;
    
}
.cabezal_cuotas1{
    width: 300px;
    height: 29%;
    background-color: rgba(253,111,11,.8);
    border-radius: 10px 10px 0px 0px;
    color: rgba(255,255,255,1);
    padding-top: 5px;
    line-height: 1px;
}
.cabezal_cuotas2{
    width: 300px;
    height: 29%;
    background-color: rgba(255,224,0,.8);
    border-radius: 10px 10px 0px 0px;
    color: rgba(255,255,255,1);
    padding-top: 5px;
     line-height: 1px;
}
.cabezal_cuotas3{
    width: 300px;
    height: 29%;
    background-color: rgba(76,238,186,.8);
    border-radius: 10px 10px 0px 0px;
    color: rgba(255,255,255,1);
    padding-top: 5px;
     line-height: 1px;
}
.cabezal_cuotas4{
    width: 300px;
    height: 29%;
    background-color: rgba(99,214,212,.8);
    border-radius: 10px 10px 0px 0px;
    color: rgba(255,255,255,1);
    padding-top: 5px;
     line-height: 1px;
}
.cabezal_cuotas5{
    width: 300px;
    height: 29%;
    background-color: rgba(98,0,119,.8);
    border-radius: 10px 10px 0px 0px;
    color: rgba(255,255,255,1);
    padding-top: 5px;
     line-height: 1px;
}
.cabezal_cuotas6{
    width: 300px;
     /* Se modifica height de 55 a 70%*/
    height: 70%;
    background-color: rgba(255,33,76,.8);
    border-radius: 10px 10px 0px 0px;
    color: rgba(255,255,255,1);
    padding-top: 5px;
     line-height: 1px;
}
.cuerpo_cuotas{
    margin-top: 60px;
    line-height: 7px; 
    color: rgba(255,255,255,1);    
}
.cuerpo_cuotas2{
    /* Se modifica el marginTop de -200 a -250px*/
    margin-top: -250px;
    line-height: 25px; 
    color: rgba(255,255,255,1); 
    font-size: 20px;
    text-shadow: rgba(0,0,0,.3) 2px 2px ;
    margin-left: 5px;
    margin-right: 5px;
}
.cuerpo_cuotas> p{
    font-size: 25px;
    text-shadow: rgba(0,0,0,.3) 2px 2px ;
    
}
.cuerpo_cuotas> h3{
    font-size: 25px;
    text-shadow: rgba(0,0,0,.3) 2px 2px ;
    
    
}


.instituto{
    background-color: rgba(20,7,33,1);
    font-size: 25px;
    text-shadow: rgba(0,0,0,.3) 2px 2px ;
    text-align: center;
    color: rgba(255,255,255,1);
    text-decoration: none;
   
    
}
.mar_ins1{
    margin-top: 10px;
    margin-bottom: 10px; 
    overflow: hidden;
   
}

.mar_ins2{
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    
}
.mar_ins3{
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    
}

.mar_ins1 >a{
    text-decoration: none;
    text-decoration-line: none;
    color: rgba(255,255,255,1);
}
.mar_ins2 >a{
    text-decoration: none;
    text-decoration-line: none;
    color: rgba(255,255,255,1);
    
    
}
.mar_ins3 >a{
    text-decoration: none;
    text-decoration-line: none;
    color: rgba(255,255,255,1);
}

figure.effect-duke {
	background-color: -webkit-rgba(0,168,255,.1);
	background-color: rgba(0,168,255,.0);
    height: 375px;
    text-align: center;
}

figure.effect-duke img{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
    
    height: 375px;
    
}

figure.effect-duke p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
    align-content: center;
    

    
}

figure.effect-duke:hover img {
	opacity: 0.5;
	-webkit-transform: scale3d(1.2,1.2,1);
	transform: scale3d(1.2,1.2,1);
}

figure.effect-duke h2 {
    font-size: 1.2em;
    text-shadow: rgba(0,0,0,.3) 2px 2px ;
    margin-top: -120px;
    margin-right: 20px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
    
}

figure.effect-duke p {
	position: absolute;
	bottom: 0;
	left: 0;
    top: 10%;
	margin: 0px;
	padding: 50px;
	text-transform: none;
	font-size: .8em;
	opacity: 0;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.9,0.9,1);
	-webkit-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
}

figure.effect-duke:hover h2{
    opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
    color:rgba(99,214,242,1);
}
figure.effect-duke:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.preprimaria{
    background-color: rgba(51,136,208,1);
    padding: 1%;
    color: rgba(250,250,250,1)
    
}
.preprimaria> h1{
    text-align: center;
    color:aliceblue;
}
.pie{
    color: #FFF;
    height: 100px;
    background-color: rgba(84,118,119,1);
    text-align: center;
    padding-top: 7px;
    margin-bottom: 0px;
}

.ingles{
   
    color: #FFF;
    font-size: 1.1em;
    text-align: justify; 
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px; 
   text-shadow: rgba(0,0,0,.7) 2px 2px ;
}
.ingles2{
   background-color: rgba(39,20,39,1);
    color: #FFF;
    font-size: 1.1em;
    text-align: justify; 
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px; 
    
}
.seminarios{
    background-image:url(../img/seminarios.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #FFF;
    padding-top: 3%;
    margin-bottom: -50px;
}
.cabezal_seminarios{
    width: 100%;
    height: 10%;
    background-color: rgba(99,214,212,.8);
    border-radius: 10px 10px 0px 0px;
    color: rgba(255,255,255,1);
    padding-top: 5px;
    line-height: 1px;
}
.cuerpo_seminarios{
    margin-top: 10px;
    color: rgba(255,255,255,1);
    padding-bottom: 10px;
}
.marco_seminarios{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,.4);
    border-radius: 10px;   
}
.cuerpo_seminarios> p{
    font-size: 17px;
    text-shadow: rgba(0,0,0,.3) 2px 2px ;
    
}
.seminarios2 img{
    width: 100%;
    margin-bottom: 0px;
}

.banner_historia{
    background-image:url(../img/10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    width: 100%;
    height: 500px;      
}
.banner_docencia{
    background-image:url(../img/12.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    width: 100%;
    height: 500px;      
}

.banner_eventos{
    background-image:url(../img/11.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    width: 100%;
    height: 500px;      
}

.prim img{
    width: 93%;
    margin-bottom: 0px;
    
}

.prepar img{
    width: 93%;
    margin-bottom: 0px;
    
}
.sec img{
    width: 93%;
    margin-bottom: 0px;
    
}
.blank img{
    width: 93%;
    margin-bottom: 0px;
    
}
.cursopp{
    text-align: center;
    background-color: rgba(255, 255, 255, 1);
    margin-top: 10px;
    padding-top: -5px;
}

.cursopp img{
   width: 70%;
}
.thumbnailxa{
    background-image:url(../img/cuotas_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;    
}

.thumbnailxa img{
    width: 80%;
    margin: 10px;    
}

.titulo_ofrendas{
    height: 70px;
    text-align: center;
    background-color: rgba(128,0,128,1);
    color: rgba(255,255,255,1);
    margin-top: 0px;
    margin-bottom: 0px; 
}



.educativoX{
    background-color: rgba(149,10,60,1);
    color: #FFF;
    font-size: 1.5em;
    text-align: justify; 
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.educativoX> h2{
    text-align: center;
}
.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #1FC5E7;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 0px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
.protocolo{
    margin-top: 20px;
}
.protocolo > a{
    text-decoration: none;
}
.anuncio{ 
    color: #FFF;
    
    background-color: rgba(236, 112, 99, 1);
    text-align: center;
    padding-top: 50px; 
    padding-bottom: 50px;
    
    }
.anuncio p{ 
    font-size: 2em;
    }