*{margin: 0%;
  padding: 0%;  
  font-family: 'Roboto Condensed', sans-serif;
}
header, footer, aside, nav, hgroup, article, section { display: block; }

#carilla {
         width: 80%;
         margin: auto;
         position: relative;
}


/*======================================================= Navegación ====*/
ul, ol{
       list-style: none;
}

.nav li a{
          background-color: rgb(0, 0, 0);
          color:rgb(255, 255, 255);
          text-decoration: none;
          padding: 0.7em 0.95em;
          display: block;
}

.nav li a:hover{
               background-color: rgb(39,166,131);
               
}

.nav> li{
        float: left;
}

.nav li ul{ 
          display:none;
          position: absolute;
          min-width: 8em;
}

body{ font-size: 100%}

.nav li:hover > ul {
                    display: block;
}

nav{float: right;
   
    
  }

nav ul li{
         line-height: 0.5em;
         text-align: center;
}

#menu_header{margin: auto;
             width: auto;
}
    

/*==================================================== fin navegación ====*/


#text_pres{
            height:auto;
            width:32%;
            background-color: rgb(8, 8, 8);
            float: left;
            margin-bottom: 4%;
            padding-bottom: 2%;
}
#text_pres2{
            float: left;
            height:68%;
            width:30%;
            margin-top: 0.1em;
            margin-left: 1em;
}

#text_pres h2{
             font-size: 2.56em;
             margin-top: -0.5em;
             position:absolute;
             }

#text_info{
          height:91%;
          width:54%;
          float: right;
          color: white;
          margin-top: 1.5em;
          margin-right: 1em;
          }

#text_info h3{
    color:rgb(39,166,131);
}

#text_info h4{
             font-size: 1.2em;
}
#text_info p{
            font-size: 0.78em;
}
             
#bienvenidos_ing{
                color: white;
                width:32%;
                background-color: rgba(39, 166, 131, 0.53);
                position:absolute;
                top:12em;
}

#bienvenidos_ing h5{
                   font-size: 2em;
                   margin-top: 0.3em;
                   margin-left: 0.5em;
}

#bienvenidos_ing p{
                   font-size: 1.2em;
                   margin-left: 0.9em;
                   margin-top: 1em;
}

#info_link{
           float: right;
           margin-right: 7.5em;
           margin-top: -1.3em;
           
}

#info_link a{
            color: rgb(23, 118, 102);
            text-decoration: none;
}

#info_link a:hover{
                  color: white;
                  text-decoration: underline;
}

#presentacion{
             position: relative;
             width:100%;
             height: auto;
}




#subtitulos1{
             background-color: rgb(0, 0, 0);
             margin-top: 279px;
             }

#subtitulos2{
             background-color: rgb(0, 0, 0);
             margin-top: 20px;
             }

#central{
        width: 100%;
}

header{
      font-family: 'Roboto', sans-serif, serif;
      font-weight: 700italic;
      overflow: hidden;
}


h1{
    color: #fff;
    font-size: 5.5em;
   }

h2{
  color: #fff;
  font-size: 1em;
  }

#text_pres p{
    color: #fff;
            }
#fondo_header{
             width:100%;
             height: 11.1em;
             background-color: rgb(39,166,131);
}

#contenedor{width: 75%;
           height: auto;
           padding-top: 3%;
           padding-bottom: 3%;
           }



#bien_ing{color: rgb(255, 255, 255);
          font-size: 354%;
          padding-top: 21%;
          padding-bottom: 4%;
          padding-left: 5%;
          background-color:rgb(39,166,131);
          width: 95%;
          line-height: 3.5rem;
}

#bien_ing h10{text-decoration: underline;
}

#prop_img{margin-top: 2%;
}


/*============================================================== main ====*/
    
main{
    display: block;
    padding-top: 1.6em;    
    float: left;
    height: auto;
    position:relative;
    margin-bottom: 6em;
    width: 71%;
}

main a{text-decoration: none;
       color: white;
      }

main a:hover{
            color: rgb(39,166,131);
            }

#cajon{
      height: 30em;
      width: 100%;
      }

#prop_trab{
          width: 49%;
          height: 91%;
          float: left;
          }

#doc_equi{
          width: 49%;
          height: 91%;
          float: right;
          
}

#prop_trab h5, #doc_equi h5{
                            font-size: 2.5em;
                            color:rgb(39,166,131);
}

#prop_trab1, #doc_equi1{
                       margin-top: 0.5em;
}

#bloque1, #bloque2, #bloque3{
                           float: left;
                           width: 32%;
}

#bloque1 h6, #bloque2 h6, #bloque3 h6{
                                      font-size: 1.5em;
                                      color:rgb(39,166,131);
}


#bloque2{margin-left: 2%;}
#bloque3{margin-left: 2%;}


#cronograma1{width: 331px;
             height: 121px;
             float:left;
             margin-left: 0px;
             margin-top: 15px;
             font-size: 14px;
             padding-top: 10px;}

#cronograma2{width: 331px;
             height: 121px;
             float:right;
             margin-left: 0px;
             margin-top: 15px;
             font-size: 14px;
             padding-top: 10px;}



#jpg1{width: 709px;
      height: 375;
     }


main h7{
       color: rgb(39,166,131);
}
#bloques{
    
overflow: hidden}

/*============================================================== fin main ====*/

/*================================================================= Aside ====*/
aside{
    list-style: none;
    float: right;
    width: 26%;
    padding-top: 1.2em;
                 }

aside h2, aside h3{  
  color: rgb(39,166,131);
  font-style: italic;
}

aside h2{
  font-size: 1.3em;
}

aside h3{
  font-size: 1em;
  width:15em;
  margin-bottom:1em;
}

.borde{
    border-bottom: 1px solid black;
    margin-top: 1em;
} 



aside p{text-align: left;
        margin-bottom: 0.5rem;
         font-size: 11pt;
}

aside a{text-decoration: none;
        color: rgb(39,166,131);
       }


/*============================================================== Fin Aside ====*/



#comentarios{font-size: 12px;}


/*================================================================ Footer ====*/

footer{
      background-color: rgb(0, 0, 0);
      clear: both;    
      padding-top: 3em;
      padding-bottom: 2em;
      position: relative;
}

footer a{
        color: white;
        text-decoration: none;
}

footer a:hover{
               color: rgb(39,166,131);
               text-decoration:underline;
}

footer ul, ol{
             list-style: none;
}

.nav1 li a{
          font-family: 'Roboto Condensed', sans-serif;
          font-weight: 400;
          padding: 0.3em 1em;
          display: block;
          margin-right: 6em;
          font-size: 0.9em;
}

.nav1 > li{
          float: left;
}

footer p{
        font-size: 0.7em;
        padding-left: 9em;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300italic;
}

footer h7, footer h8,footer h9{             
                              font-size: 0.9em;
                              color:rgb(39,166,131); 
                              }
footer h7{
         font-size: 1em;
}

footer h9 a{
           color:rgb(39,166,131);
           }

footer h9 a:hover{
                 color: white;
}

#pie_info{
          margin-top: 1em;
          margin-bottom: 1em;
          float: left;
          padding-left: 6.2em;
}

#footer_tips{
            margin-left: 5em;
            margin-bottom: 9em;
}

#img_footer{
            margin-bottom: 3em;
}

#foo_tips2_3{
             float: right;
             width: 40em;
             margin-top: 0.8em;
}

#foo_tips2_3 h9{
                color: white;
}

#parr_final{
           margin-top: 13em;
           color: white;
}

#footer_tips2{
             float: left;
}
    
#footer_tips3{
              float: right;
              margin-right: 8em;
}

#redes_foot{
            position: absolute;
            top:13.3em;
            left:18em;
            width: 23%;
}

#redes_foot ul li{
                 float: left;
                 margin-right: 7%;
}


#form_foot{
           margin: 11em 24em 0em 37em;
           position: absolute;
           top: 1em;
           left: 0em;
}

footer input[type="text"]{
                         position: absolute;
                         top: 1.7em;
                         left: 3em;
                         display: block;
                         outline: none;
}



/*================================================================== fin footer ====*/


/*================================================================== destacados ====*/
.destacado1{
           color: rgb(39,166,131); 
           position: relative;
}

.destacado2{
            color: rgb(255, 255, 255);
            font-size: 1.4em;
            
}

.destacado3{
           color: rgb(0, 0, 0);
}

.destacado4 a{
           color: rgb(39,166,131);
           text-decoration: none;
}

.destacado4 a:hover{
                   color:rgb(23, 118, 102);
                   text-decoration: underline;
}

.destacado5{
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: 400;
}

.destacado6{
           color: rgb(39,166,131);
}
.destacado8{color: rgb(39,166,131);
    font-size: 1.3em;
    font-weight: 700;}

.links_secundarios{
                  text-decoration: none; color: rgb(39,166,131);background-color: #000;
    
}

.destacados_tit{
               width: 7.2em;
               background-color: rgb(0, 0, 0);
               font-size: 15pt;
    }
.destacado7{
    background: rgb(39,166,131);
font-size: 1.2em}
/*================================================================ fin destacados ====*/
    
/*====================================================================== contacto ====*/

.contacto{
         width: 23.5%;
         color: rgb(39,166,131);
         display: block;
         }
input[type="text"] {
                    margin: 7%;
                    display: block;
                    outline: none;
                    padding: 7px 69px;
                    margin-left: 5%;
}

label{
      margin-left: 5%;
}

input[type="submit"] {
                     background: rgb(39,166,131);
                     color: black;
                     padding: 8px 14px;
                     font-weight: bold;
                     border: none;
                     cursor: pointer;
                     margin-left: 5%;
}

legend {
       margin-bottom: 23px;
}

/*================================================================== fin contacto ====*/

main h9{font-size: 2.3rem;
        font-weight: 100;
}

#navegacion{
            height: 260px;
            background-color: rgb(39,166,131);
}

#subtitulos_secciones{
                     background-color: rgb(0, 0, 0);
                     margin-right: 77%;
}

#subtitulos_secciones_a{background-color: rgb(0,0,0);
                       margin-right: 68%;
                       padding-left: 2%;
}

#subtitulos_secciones_1{background-color: rgb(0, 0, 0);
                        margin-right: 68%;
                        padding-left: 1%;
}

#subtitulos_secciones_2{background-color: rgb(0, 0, 0);
                        margin-right: 69%;
                        padding-left: 4%;
}

#subtitulosobj{margin-top: 3%;
               margin-right: 12%;
}

.contenidos{
           width: 83%;
           margin-top: 1%;
	       font-family:'Roboto', sans-serif;
           font-size: 1.0em;
           margin-bottom: 3%;
}

#subtituloscont{margin-top: 3%;
}

.iconoverde{color: rgb(39,166,131);
}

.resaltado{
           margin-top: 6px;
           margin-bottom: 30px;
           color: rgb(102, 109, 102);
           font-size: 1.0em;
}

a.links_secciones{
                 text-decoration: none;
                 color: rgb(39,166,131);
    
}



/*=========================================================== alumnos ==============*/

.registro{
         width: 23.5%;
         color: rgb(39,166,131);
         display: block;
         }

a.link_libro{
            text-decoration: none;
            border-bottom: 1px solid rgb(39,166,131);
            color: black;}

a.link_libro:hover{
                  text-decoration: none;
                  border-bottom: 1px solid rgb(4, 7, 0);
                  color: rgb(39,166,131);
}

/*===================================================== fin alumnos ==============*/

/*===================================================== comentarios ==============*/

.comentarios{
            width: 550px;
            margin-top: 20px;
            overflow: hidden;
            border-bottom:1px solid  rgb(0, 0, 0);
}

.globo img{
          width: 115px;
}

.texto_comentario{
                 float: left;
                 margin-top: 20px;
                 width: 434px;
}

.texto_comentario h6{
                    font-style: italic;
}
   
.globo{
      float: left;
}

#formulario_comentarios{
                       width: 23.5%;
                       color: rgb(39,166,131);
                       display: block;
}

/*=================================================== fin comentarios ==============*/


/*========================================================= trabajos ===============*/

#trabajos_1,#trabajos_2,#trabajos_3,#trabajos_4,#trabajos_5,#trabajos_6, #trabajos_7, #trabajos_8{
                                                                        float: left;
                                                                        padding-right: 2%;
}

#trabajos_5,#trabajos_6,#trabajos_7, #trabajos_8{
                                   padding-top: 47px;
}

/*====================================================== fin trabajos ==============*/
/*=================================================== docentes ==============*/
.foto_docente{
             margin-top: 3%;
            margin-right: 37%;
}

.nombre_docente{
                background-color: rgb(39,166,131);
                color: #fff;
                font-size: 1.2em;
                width: 31%;
                padding-left: 0.5em;
}

#info_docentes{
    width:60%;
    margin-top:3%; 
}

h11{
    color: #000;
font-weight: 700}

.docentes_todos{
    width: 40%;
margin-top: 7%;
float: left}
.menu{
    display: none}
iframe{
    position: absolute;
    height: 100%;
    width: 100%;
    top:0px;
    left: 0px;}
    .videoresposive {
overflow: hidden;
position: relative;
height: 0;
margin: 0,auto;
padding-bottom: 56.25%;}
#contenedor {
width: 75%;
height: auto;
padding-top: 3%;
padding-bottom: 3%;}
/*=================================================== fin docentes ==============*/
/*=================================================== cronograma ==============*/
.cronograma {overflow: hidden
}
.numeros{width:16%;
        color: #000;
        background-color: #fff;
        text-align: center;
        font-size: 1.2em;
        float: left;
        height: 20%;
        border:solid 0.1em rgb(39,166,131);
}
.slicknav_menu {
    display:none;
}


#mas_info2 img{
    display: block}

/*===================================================fin cronograma ==============*/

/*======================================================== responsive ==============*/

/*======================================================== celular ==============*/


@media only screen and (min-width : 240px)and (max-width : 480px) {
    body{font-size:60%;} 
    nav{float: none;
    display: none}
    .contenidos{
        width: 100%}  
    #carilla{ width: 100%;
    margin: auto}
   header{
              
margin-bottom: -2em;}
    nav{float: none;
    width: 100%}
    aside{float: none;
    width: 100%;
        overflow: hidden;
         }
    
    main{float: none; margin-bottom: 0;padding-top: 0em}
    #cajon{width: 160%;
    float: none;
    height: 100%}
    #prop_trab , #doc_equi{ float: none;
    width: 100%;
    display: block}
     #doc_equi img , #prop_trab img{
        width:  100%}
    #redes_foot{
       top: 5.3em;
width: 50%;
left: 17em;
   }
    #redes_foot img{
        width: 80%}
    
    #redes_foot ul li {
float: left;
margin-right: 1%;}
    footer{
        overflow: hidden;
    padding-top: 0em;
    padding-bottom: 0em;}
   
    footer input[type="text"]{
       display: none}
    
    #img_footer img{
        margin-bottom: 0em;
    display: none}
    #ciclo , #mas_info , #mas_info2{
        float: left;
    width: 33%;
       
    }
    #ciclo p , #mas_info p, #mas_info2 p{
        display: none}
    
    #bloque1 p, #bloque2 p,#bloque3 p{
        display: none;}
 #bloque1 img, #bloque2 img,#bloque3 img{
     width: 100%;
     
 }
    #bloques{ width: 141%;margin-top: 1em;}
    #cajon{
        width: 138%}
    #bienvenidos_ing{
        width: 63%}
    #footer_tips{ display: none;}    
    #foo_tips2_3 {
        width: 50%;float: left
        
    }
    footer{overflow: hidden}
    #footer_tips3, #footer_tips2{
        margin-right: 0em;margin-left: 1.2em;
    float: none}
    
    #pie_info{margin-top: 5em;
float: none;
padding-left: 1.2em;
   }
    footer p{
        padding-left: 1em}
    .destacados_tit{
        width: 14em}
    .cronograma{
        width: 137%}
main h9 {
font-size: 1.3rem;}
    #contenedor{
        width: 100%}
    #info_docentes{
        width: 100%}
    
    #text_pres{
        width: 50%}
   
    aside h3{
        margin-bottom: 0.5em;}
    #bien_ing {
color: rgb(255, 255, 255);
font-size: 354%;
padding-top: 0%;
padding-bottom: 0%;
padding-left: 5%;
background-color: rgb(39,166,131);
width: 95%;
line-height: 3.3rem;
}
footer p{
    padding: 1em;font-size: 0.8em}
    #parr_final{
                
margin-top: 0em;
        
color: white;
padding: 1em;}
    
    .js .slicknav_menu {
        display:block;
    }
    .slicknav_menu{
    display: block;}
.slicknav_menu {
background: #4c4c4c;
padding: 5px;
}
.slicknav_menu {
font-size: 16px;
}
    #mas_info2 img{
    display: none}
   .menu{
       display: none}
    #contenedor {
width: 100%;}
    #prop_img img{
        width:  100%}
    #prop_img{
        width:  100%}


}
/*======================================================== fin celular ==============*/

/*======================================================== tablet==============*/
@media only screen and (min-width : 480px)and (max-width : 960px){

    body{font-size:80%;}
    nav{float: right;
    }
   #carilla{ width: 100%;
    margin: auto}
    #cajon{width: 100%;
    float: none;
    overflow: hidden;
    height: auto}
    main{float: none;
    width: 100%;
    margin-bottom: 2em}
    #doc_equi img , #prop_trab img{
        width:  100%}
    #img_footer img{
       width: 100%;
   }
    #img_footer , #footer_tips{
        margin-bottom: 0em}
    #bloques{
        margin-top: 1em}
 aside {
list-style: none;
float: none;
width: 100%;
padding-top: 1.2em;
    }
    
    aside p { font-size: 0.8em;margin-bottom: 0rem;}

aside h3{
    margin-bottom: 0em;}
    #ciclo , #mas_info , #mas_info2{
        float: left;
    width: 30%;
        margin-left: 1em;
        }
    
 #mas_info, #mas_info2{
     margin-top: 2em}
#redes_foot{
    top: 12.3em;width: 40%;left: 6em;}
footer input[type="text"]{
    top: 0.1em;
    left: 0em}
footer{
    overflow: hidden;}
#footer_tips, #foo_tips2_3{
overflow: hidden;}

#fondo_header , #text_pres{
    overflow: hidden;}
#text_pres{margin-bottom: 0%}
#fondo_header{
 height: auto}
.contenidos , #subtitulos_secciones , #prop_img, #subtitulosobj, a.links_secciones, #subtituloscont, #subtitulosreg, #contenedor, .nombre_docente, #info_docentes, .docentes_todos{
    margin-left: 1em}
.contenidos, #subtitulosobj{width: 60%}
main h9{ margin-left: 0.3em}
.destacados_tit {margin-left: 0.9em}
 #mas_info2 img{
    display: none}
.menu{
    display: none}

}

 /*==================================================== fin tablet ==============*/  

/*==================================================== fin responsive ==============*/

/*============================================================ jquery ==============*/



#bienv_slider{width: auto;
              height: 25%;}


/*=========================================================== fin jquery ==============*/