/* Inicio de CSS - TP. Grupal VM29 */
img {
    max-width: 100%; 
    height: auto
}


* {
    margin: 0px;
    padding: 0px;
    
}

/* Encabezado general de pagina */

.header{
    margin: auto;
    width: 960px;
    height: auto;
    align-content: center;
    font-family:'Oswald', sans-serif;
    font-size: 14px;
}

.cabecera{
    width: 100%;
    height: 8%;
    background-color: #28c9b3;
}

#fadu{
    margin-left: 25px;
    margin-top: 1%;
    float: left;
}

.buscador{
    float: left;
    margin-top: 2%;
    margin-left: 54%;
    padding-right: 5%;
}

.mapa{
    float: right;
    margin-left: px;
    margin-top: 9px;
    padding-right: 5px;
}

/* Menu de Navegacion */

.botonera{
    float:right;
    background-color: #393b3b;
    font-family:'Oswald', sans-serif;
    font-size: 1em;
    width: 100%;
    z-index: 10000;
    
}

.logo_wajsman{
    padding-top: 100px;
    padding-left: 50px;
    float: left;
}

/* Botonera */

ul, ol {
list-style:none;
}

.nav > li {
float:right;
}

.nav li a {
background-color:none;
color:#000;
padding:10px 12px;
display:block;
color: white;
text-decoration: none;
list-style: outside none none;
}

.nav li a:hover{
background-color:rgba(242, 152, 63, 0.82);
}

.nav li ul {
display:none;
position:absolute;
min-width:140px;
}

.nav li:hover > ul {
background-color: rgba(46, 45, 45, 0.94);
display:block;
}


.nav li ul li {
position:relative;
}
.nav li ul li ul {
right:-140px;
top:0px;
}


/* Cuerpo general de pagina */

body {
    width: 960px;
    height: auto;
    margin: auto;
    background-image: url(imagenes/dark_wall.png);
    background-repeat: repeat-y-x;    
}

.contenedor{
    max-width: 960px;
    margin: 0 auto;
}

aside ul li{
    text-decoration: none;
    float: right;
    color: white;
}

/***********HOME***********/

.docentes{
    max-width: 950px;
    margin: 0 auto;
    clear: both;
    list-style: none;
    background-color: #fff;
}

.docentes li{
    float: left;
    margin:5%;
    text-decoration: none;
    
}

.docentes li a:hover{
    border:solid 1px rgb(99, 251, 206);
    background-color: rgb(244, 186, 230);

}
.docentes li a:hover img{
    opacity: 0.75;
}
div#titulo_carilla p{
    background-color: #fc9425;
    margin: O auto;
    padding: 0;
    text-align: left;
    height: auto;
    display: inline-block;
    font-family:"Osvald" , sans-serif;
    width: 100%;
    color: #000;

}


.titulo_slider1 {
    position: absolute; 
    top: 70%; 
    left: 0; 
    width: 100%;
    font-family: 'Oswald', cursive;
    padding: 5px;
    color: #ffffff;
    font-size: 3em;
    margin-left: 15px;
    margin-top: 10px;

}
.titulo_slider2 {
    position: absolute; 
    top: 60%; 
    left: 0; 
    width: 100%;
    font-family: 'Oswald', cursive;
    padding: 5px;
    color: #fb0836;
    font-size: 3em;
    margin-left: 15px;
    margin-top: 10px;

}

.titulo_slider3 {
    left: 0; 
    width: 100%;
    font-family: 'Oswald', cursive;
    margin-top: 30px;
    color: #fb0836;
    font-size: 2em;
    margin-left: 15px;
    margin-top: 10px;

}
/** Carousel **/

.jcarousel {
    max-width: 100%; height: auto
    position: relative;
    overflow: hidden;
    width: 960px;
    height: 400px;
}

.jcarousel ul {
    width: 200000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
   
}

.jcarousel li {
    float: left; height: 100%; 
}
.jcarousel li img {
    float: left; height: 100%; width: 960px; margin: 0
}
/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
  
    top: 200px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.jcarousel-control-prev {
    left: 20px;
}

.jcarousel-control-next {
    right: 20px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}
/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 2px;
    text-align: center;
    
    margin-right: 2px;
    margin: 5px;
    margin-bottom: 15px;
    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}


.titulo_slider1 {position: absolute; 
   top: 70%; 
   left: 0; 
   width: 100%;
 font-family: 'Oswald', cursive;  padding: 5px; color: #ffffff; font-size: 3em; margin-left: 15px; margin-top: 10px;

}
.titulo_slider2 {position: absolute; 
   top: 60%; 
   left: 0; 
   width: 100%;
 font-family: 'Oswald', cursive;  padding: 5px; color: #fb0836; font-size: 3em; margin-left: 15px; margin-top: 10px;

}

.titulo_slider3 {
   
   left: 0; 
   width: 100%;
 font-family: 'Oswald', cursive;  margin-top: 30px; color: #fb0836; font-size: 2em; margin-left: 15px; margin-top: 10px;

}
@media screen and (max-width: 980px) {
    nav { display: none}
    
    #content {
        width: 100%;
    }

    }
    .titulo_slider1 {position: absolute; 
   top: 70%; 
   left: 0; 
   width: 100%;
 font-family: 'Oswald', cursive;  padding: 5px; color: #ffffff; font-size: 3em; margin-left: 15px; margin-top: 20px;

}
.titulo_slider2 {position: absolute; 
   top: 60%; 
   left: 0; 
   width: 100%;
 font-family: 'Oswald', cursive;  padding: 5px; color: #fb0836; font-size: 3em; margin-left: 15px; margin-top:10px;

}

.titulo_slider3 {
   
   left: 0; 
   width: 100%;
 font-family: 'Oswald', cursive;  margin-top: 30px; color: #fb0836; font-size: 2em; margin-left: 15px; margin-top: 10px;

}

.jcarousel {
    max-width: 100%; height: auto
    position: relative;
    overflow: hidden;
    width: 960px;
    height: 400px;
}
/* para 700px */

/****@media screen and (max-width: 700px) {
    
     .titulo_slider1 {position: absolute; 
   top: 70%; 
   left: 0; 
   width: 100%;
 font-family: 'Oswald', cursive;  padding: 4px; color: #ffffff; font-size: 2em; margin-left: 15px; margin-top: 20px;

}
.titulo_slider2 {position: absolute; 
   top: 60%; 
   left: 0; 
   width: 100%;
 font-family: 'Oswald', cursive;  padding: 5px; color: #fb0836; font-size: 2em; margin-left: 15px; margin-top:10px;

}

 #content {
        width: auto;
        float: none;
    margin-top: 70px;
        height: 100p
      
    }

    #header { 
       
        
    }
    #content {
        width: auto;
        float: none;
    margin-top: 70px;
        height: 100p
      
    }
    .jcarousel {
    max-width: 100%; height: auto
    position: relative;
    overflow: hidden;
    width: 960px;
    height: 300px;
}
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
  
    top: 150px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}
/* para 480px */
/****@media screen and (max-width: 480px) {

    
    
    .jcarousel-control-prev,
.jcarousel-control-next {
   display: none
}

        
        
    

    #aside {
        display: none;
    }
    
    
    .titulo_slider1 {position: absolute; 
   top: 40%; 
   left: 0; 
   width: 100%;
 font-family: 'Oswald', cursive;  padding: 5px; color: #ffffff; font-size: 1.6em; margin-left: 15px; margin-top: 10px;

}
.titulo_slider2 {position: absolute; 
   top: 55%; 
   left: 0; 
   width: 100%;
 font-family: 'Oswald', cursive;  padding: 5px; color: #fb0836; font-size: 1.6em; margin-left: 15px; margin-top: 10px;

}

.titulo_slider3 {
   
   left: 0; 
   width: 100%;
 font-family: 'Oswald', cursive;  margin-top: 30px; color: #fb0836; font-size: 1.6em; margin-left: 15px; margin-top: 10px;

}
    
    
     .jcarousel {
    max-width: 100%; height: auto
    position: relative;
    overflow: hidden;
    width: 960px;
    height: 200px;
}****/




/******CATEDRA******/

.main_catedra{
    background-color: rgba(111, 110, 110, 0.26);
    height:425px;
    font-family: 'Roboto', sans-serif;
    
}

.wajsman{
    
    margin-top: 23px;
    margin-left: 45px;
    margin-bottom: 5px;
    margin-right: 3%;
    float: left;
    
}
.bienvenidos{
    float: right;
    margin-top: 29px;
    margin-right: 408px;
}
.texto_bien{
    margin-top: 25px;

    margin-left: 310px;
    margin-right: 15px;

}
h2{
   
    color: #ff8d4d;
    font-family: 'Fjalla One', sans-serif;
   
}

p{
   
    font-family: 'Roboto', sans-serif;
    color: #d8d8d8;
}

#separador{
    height: 5px;
    width: 960px;
    margin-top: 68PX;
    background-color: #f0961c;

}


h3{
    color:#cf1538;
    font-family: 'Fjalla One', sans-serif;
    
   
}

.main_cajas1{
  display: block;
    padding-bottom: 15px;
    margin-right: 30px;
   
    
}


#docentes{
    background-color: rgba(229, 223, 223, 0.77);
    width: 30%;
    height: 60%;
    margin-left: 2%;
    margin-bottom: 15px;
    margin-top: 15px;
    float: right;
   
   
}



.titulo_docentes{
    margin-top: 4%;
    margin-left: 8%;
   
}

.foto_docente{
   margin-left: 5%;
    margin-top: 9%;
    margin-right: 5%;
    padding-top: 5%;
    
}

#color{
    color:black;
}
.texto_docente{
    
}

/******WAJSMAN******/

.main{
    width:100%;
    display: block;
    overflow: hidden;
 
}

#presentacion_catedra{
    width: 70%;
    height: auto;
    background-color: rgba(111, 110, 110, 0.26);
    margin-top: 5px;
    padding-top: 5px;
    float: left;
}

.foto_banner{
    margin-left: 70px;
    margin-top: 20px;

}

.quienes{
    width: 60%;
    margin-left: 30px;
    margin-top: 25px;
    margin-left: 70px;
}

.parrafo1{
    width: 78%;
    height: 340px;
    padding-top: 25px;
    padding-left: 70px;
    padding-right: 45px;
}

.objetivos_materia{
    width: 69%;
    margin-left: 30px;
    margin-top: 5px;
    margin-left: 70px;
}

.parrafo2{
    width: 78%;
    height: 190px;
    padding-top: 25px;
    padding-left: 70px;
    padding-right: 45px;
}

.gif_ingreso{
    margin-left: 70px;
    margin-bottom: 35px;
    
}

.navegar{
    width: 20%;
    height: auto;
    float: right;
    margin right: 5%;
    margin-left: 5%;
    
    
}

.arrow_box { 
    position: relative;
    background: #ffb330; 
} 

.arrow_box:after { 
    right: 100%; 
    top: 50%;
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none;
    border-color: rgba(255, 179, 48, 0); 
    border-right-color: #ffb330; 
    border-width: 30px; 
    margin-top: -30px; 
   
}


.titulo_aside1{
    background-color:#ffb330;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    width: 100%;
    height: 11%;
    text-align: center;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
    text-transform: uppercase;
    
    
}
.arrow_box2 { 
    position: ;
    background: #ffb330; 
    margin-top: 2px;
    
} 

.arrow_box2:after { 
    right: 100%; 
    top: 50%;
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none;
    border-color: rgba(255, 179, 48, 0); 
    
 
}


.titulo_aside2{
    background-color: rgba(215, 190, 107, 0.84);
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    width: 100%;
    height: 11%;
    text-align: center;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: 
                            
    
}

.aside{
   width: 20%;
    float: left;
    overflow: hidden;
    display: block;
    margin-right: 5px;
   
}
/************GALERIA**********/

.maingaleria{
    width: 70%;
    align-content: center;
    background-color: rgba(111, 110, 110, 0.26);
    
}
.galeria-cajas:{
    display: inline-block;
    
}

.colorear1{
    background-image: #d3d3d3;
    background-image: url(imagenes/nivel1.jpg);
}
.colorear1:hover img {
    opacity: 0.3;
}

.colorear2{
    background-image: #d3d3d3;
    background-image: url(imagenes/nivel2.jpg);
}
.colorear2:hover img {
    opacity: 0.3;
}

.colorear3{
    background-image: #d3d3d3;
    background-image: url(imagenes/anteriores.jpg);
}
.colorear3:hover img {
    opacity: 0.3;
}
.colorear4{
    background-image: #d3d3d3;
    background-image: url(imagenes/destacado.jpg);
}
.colorear4:hover img {
    opacity: 0.3;
}
.galeria-nivel1{
    float: left;
    margin-top: 10px;
    margin-bottom: 35px;
    
    padding-right: 10px;
    font-size: 14px;
    font-family: 'Fjalla One', sans-serif;
}

.galeria-nivel2{
    float: left;
    margin-top: 10px;
    margin-bottom: 35px;
    padding-right: 10px;
    font-size: 14px;
    font-family: 'Fjalla One', sans-serif;
}

.galeria-nivel3{
    float: left;
    margin-top: 10px; 
    padding-left: 30px;
    padding-right: 10px;
    margin-bottom: 35px;
    font-size: 14px;
   font-family: 'Fjalla One', sans-serif;
}

.galeria-nivel4{
    float: left;
    margin-top: 10px;
    padding-right: 10px;
    margin-bottom: 35px;
    font-size: 14px;
    font-family: 'Fjalla One', sans-serif;
}
.aside_galeria{
    width: 28%;
    text-decoration: none;
    list-style: none;
    float: right;
    background-color: rgba(40, 201, 179, 0.48);
    margin-top: 11px;
    margin-left: 10px;
    padding: 10px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
 
}
.ref{
    margin-left: 14px;
    color: #e81313;
    
}

a{
    text-decoration: none;
}

#separador_ref{
    height: 5px;
    width: 250px;
    margin-left: 4px;
    margin: 3px;
    background-color: #f0961c;
}

footer{
    width: 100%;
    height: 50%;
    background-color: 
}

/***********NIVEL 1***********/

/*******CONTENIDOS*******/

.parrafo2nivel1{
    width: 78%;
    height: 140px;
    padding-top: 15px;
    padding-left: 70px;
    padding-right: 45px;
}


.aside_contenidos{
    width: 28%;
    height: 26%;
    text-decoration: none;
    list-style: none;
    float: right;
    text-align: center;
    background-color: #fab92e;
    margin-top: 7px;
    margin-left: px;
    padding-top: 10px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

/******PROGRAMA******/

 .parrafo3nivel1{  
     width: 78%;
    height: 290px;
    padding-top: 15px;
    padding-left: 70px;
    padding-right: 45px;
     margin-bottom: 15px;
     margin-top: 1px;
  
}

/*******GALERIA*******/

.main_galeria{
    width: 100%;
    height: 75%;
    background-color: rgba(111, 110, 110, 0.26);
    margin-bottom: px;
    
}
    
.texto_resumen{
    margin-top: px;
    margin-left: 30px;
    margin-bottom: 15px;
    color:rgba(240, 65, 98, 0.91);
    font-family: 'Roboto', sans-serif;
    

}

    
.view {
   width: 300px;
   height: 200px;
   margin: 3px;
   float: left;
   border: 7px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
    margin-bottom: 15px;
    margin-top: 10px;
}
.view .mask,.view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 2px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
	
.view1 {
   width: 300px;
   height: 200px;
   margin-left: 110px;
   float: left;
   border: 7px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
    margin-bottom: 1px;
    margin-top: 10px;
}
.view1 .mask,.view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view1 img {
   display: block;
   position: relative;
}
.view1 h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 2px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view1 p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view1 a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view1 a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-first1 img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first1 .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first1 h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first1 p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first1:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first1 a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first1:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first1:hover h2,
.view-first1:hover p,
.view-first1:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first1:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first1:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
	
.navegar_mas{
    width: 100%;
    display: block;
    padding-bottom: 15px;
    margin-right: 20px;  
    overflow: hidden;
    position: relative;
    
}
.nav_mas1{
    float: left;
    margin-top: 25px;
    
}
.nav_mas2{
    float: left;
    margin-left: 14px;
    margin-top: 25px;
}

.nav_inscrip2{
    float: right;
    margin-left: 5px;
}


/***********ACADEMICO***********/
/******OBJETIVOS******/
.objetivos{
    width: 70%;

}

#migas {
   background-color: rgba(111, 110, 110, 0.26);
   padding-left: 5px;
   color: #ffb330;
   padding-left: 25PX;
   margin-top: px;
   margin-bottom: 10px;
   font-family: 'Lato', sans-serif;
   }

#migas ul {
   margin: 0;
   padding: 0;
   display: inline;
   }
 
#migas ul li {
   list-style: none;
   display: inline;
   }


#main_objetivos{
    width: 70%;
    height: auto;
    background-color: rgba(111, 110, 110, 0.26);
    margin-top: 5px;
    padding-top: 5px;
    float: 
    margin-bottom: 5px;

}

.textos_a_objetivos{
    width: 70%;

}

.foto_banner_objetivos{
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;

}

.parrafo4objetivos{
    width: 70%;
    height: 340px;
    margin-bottom: 35px;
    padding-top: 25px;
    padding-bottom: 45px;
    padding-left: 70px;
    padding-right: 45px;
}

.objetivos_nivel1{
    width: 13%;
    margin-left: 70px;
    background-color: rgba(111, 110, 110, 0.26);
    padding: 6px;
   
}
.parrafo3nivel1{
    display: block;
    height: 240px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1px;
    padding-bottom: 0px;
    padding-left: 70px;
    padding-right: 45px;
    padding-top: 15px;
    }

.objetivos_nivel2{
    width: 13%;
    margin-left: 70px;
    background-color: rgba(111, 110, 110, 0.26);
    padding: 6px; 
}
.parrafo3nivel2{
   display: block;
    height: 400px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1px;
    padding-bottom: 20px;
    padding-left: 70px;
    padding-right: 45px;
    padding-top: 15px;
}


.gif_ingreso{
    margin-left: 70px;
    margin-bottom: 35px;
    
}

.modalidades{
    width: 20%;
    height: 30%;
    float: right;
    display: block;
    overflow: hidden;
    background-color: #e3e2e1;

}
.aside_objetivos{
    width: 28%;
    height: 15%;
    text-decoration: none;
    list-style: none;
    float: right;
    text-align: center;
    background-color: #fab92e;
    margin-top: 7px;
    margin-left: px;
    padding-top: 10px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

#separador_obj {
    height: 5px;
    width: 255px;
    margin-left: 6px;
    margin-bottom: 10px;
    background-color: #f0961c;
}
.imagenes_aside{
   margin-top: 15px;
   margin-bottom: 15px;
    background-color: #dcdbd9;

}


.inscripciones{
    float: right;
    clear: both;
    position: relative;


}

/******MODALIDADES******/

.objetivos{
    width: 70%;

}

#migas {
   background-color: rgba(111, 110, 110, 0.26);
   padding-left: 5px;
   color: #ffb330;
   padding-left: 25PX;
   margin-top: px;
   margin-bottom: 10px;
   font-family: 'Lato', sans-serif;
   }

#migas ul {
   margin: 0;
   padding: 0;
   display: inline;
   }
 
#migas ul li {
   list-style: none;
   display: inline;
   }


#main_objetivos{
    width: 70%;
    height: auto;
    background-color: rgba(111, 110, 110, 0.26);
    margin-top: 5px;
    padding-top: 5px;
    float: 
    margin-bottom: 5px;

}

.textos_a_objetivos{
    width: 70%;

}

.foto_banner_modalidades{
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;

}

.parrafo4modalidades{
    width: 78%;
    height: 480px;
    margin-bottom: 35px;
    padding-top: 25px;
    padding-bottom: 45px;
    padding-left: 70px;
    padding-right: 45px;
}

.modalidades_nivel1{
    width: 35%;
    margin-left: 70px;
    background-color: rgba(111, 110, 110, 0.26);
    padding: 6px;
    margin-top: 20px;
   
}

.evaluacion_nivel1{
    width: 20%;
    margin-left: 70px;
    background-color: rgba(111, 110, 110, 0.26);
    padding: 6px; 
}
.parrafo5nivel1{
    display: block;
    height: 170px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1px;
    padding-bottom: 0px;
    padding-left: 70px;
    padding-right: 45px;
    padding-top: 15px;
    }

.modalidades_nivel2{
    width: 35%;
    margin-left: 70px;
    background-color: rgba(111, 110, 110, 0.26);
    padding: 6px; 

}
.parrafo6nivel1{
    display: block;
    height: 190px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1px;
    padding-bottom: 0px;
    padding-left: 70px;
    padding-right: 45px;
    padding-top: 15px;
    }
.evaluacion_nivel2{
    width: 20%;
    margin-left: 70px;
    background-color: rgba(111, 110, 110, 0.26);
    padding: 6px; 
}
.parrafo5nivel2{
   display: block;
    height: 90px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1px;
    padding-bottom: 20px;
    padding-left: 70px;
    padding-right: 45px;
    padding-top: 15px;
}


.gif_ingreso{
    margin-left: 70px;
    margin-bottom: 35px;
    
}

.modalidades{
    width: 20%;
    height: 30%;
    float: right;
    display: block;
    overflow: hidden;
    background-color: #e3e2e1;

}
.aside_objetivos{
    width: 28%;
    height: 15%;
    text-decoration: none;
    list-style: none;
    float: right;
    text-align: center;
    background-color: #fab92e;
    margin-top: 7px;
    margin-left: px;
    padding-top: 10px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

#separador_obj {
    height: 5px;
    width: 255px;
    margin-left: 6px;
    margin-bottom: 10px;
    background-color: #f0961c;
}
.imagenes_aside{
   margin-top: 15px;
   margin-bottom: 15px;
    background-color: #dcdbd9;

}


/************* FIN MAPA DE SITIO ************/
/***********footer***********/
    
.copyright{
    display: block;
    width: 100%;
    height:50px;
    background-color:#28c9b3;
    font-family: 'Calibri', sans-serif;
    font-size: 14px;
    color: #FFFFFF;

    align-items: center;
}

.mapa_footer{
    background-color: rgb(52, 52, 52);
    height: 310%;
    width: 960px;
}

/* Mapa del Sitio - ALUMNOS */
.mapa-de-sitio-alumnos{
    flex: 1;
    font-family: 'Calibri', sans-serif;
    font-size: 14px;
    color: #000000;
    padding: 5px 5px 5px 5px;
}

.mapa-de-sitio-contacto{
    
    flex: 1;
    font-family: 'Calibri', sans-serif;
    font-size: 14px;
    color: #000000;
    padding: 5px 5px 5px 5px;
}