@font-face {
    font-family: 'aller';
    src: url('fuentes/aller/aller_bd-webfont.eot');
    src: url('fuentes/aller/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/aller/aller_bd-webfont.woff') format('woff'),
         url('fuentes/aller/aller_bd-webfont.ttf') format('truetype'),
         url('fuentes/aller/aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'rosario';
    src: url('fuentes/rosario/rosario-regular-webfont.eot');
    src: url('fuentes/rosario/rosario-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/rosario/rosario-regular-webfont.woff') format('woff'),
         url('fuentes/rosario/rosario-regular-webfont.ttf') format('truetype'),
         url('fuentes/rosario/rosario-regular-webfont.svg#rosarioregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





body{
background-color: #8DC63F;
    background-image: url(img/Metal_movable_type.jpg);  
font-family: 'rosario';
}
#contenidoindex{
    width: 890px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
    
}

#contenidobahi{
    width: 890px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
    
}



#contenidobiblio{
    width: 890px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
    
}


#contenidocontacto{
    width: 890px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;}


#pagina {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}
#head {
    border-top-color: #646464;
    border-top-style: solid;
    width: 890px;
    border-top-width: 1px;
    margin-top: 2%;
    clear: both;
    font-family: 'aller';
     
}
        
#headizq {
    width: 360px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    }
#headizqimg{
    float: left;
    margin-top: 15px;
}

#headizqimg img{
    width: 245px;
}

#headizqtxt {
    font-size: 20pt;
    float: left;
    margin-left: 3%;
    text-decoration: none;
    color: #8DC63F;
    }
#headder{
    font-size: 10pt;
    float:left;
    clear: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0px;
    width: 520px;
    padding-top: 20px;
}
#headder ul {
    list-style: none;
}
#headder ul a{
    color:#000000;
    text-decoration: none;
 }
#headder ul li{
    display: block;
    float: left;
    width: 65px;
    margin-right: 23px;
    margin-left: 23px;
    
}
#headder ul a:hover{
    background-color: #646464;
    color: #ffffff;
    overflow: hidden;
}

#index1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/tipografia/portada-tipografia.jpg);
background-repeat: no-repeat;
    background-position: bottom;
   
}
#index1txt {
    width: 524px;
    
}

.pregunta{
     font-family: 'aller';
    
}

#index1txt h1{
    color: #646464;
    font-size: 46pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
     width: 290px;
      font-family: 'aller';
}
#pablo1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/cosgaya/portada-cosgaya.jpg);
background-repeat: no-repeat;
    padding-bottom: 20px;
   
}
#comentariopablo{
    margin-top: 60px;
}

#pablo1txt {
    width: 524px;
}
#pablo1txt h1{
    color: #646464;
    font-size: 46pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
     width: 290px;
      font-family: 'aller';
}
#lati1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/latinoamericana/portada-latinoamericana.jpg);
background-repeat: no-repeat;
    padding-bottom: 60px;
   
}
#lati1txt {
    width: 524px;
}
#lati1txt h1{
    color: #646464;
    font-size: 46pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
     width: 290px;
      font-family: 'aller';
}
#latcont{
   
}
#lati2{
    width: 290px;
    margin-right: 10px;
    float: left;
}
#lati3{
    width:515px;
    padding-left: 75px;
    float: left;
    margin-bottom: 120px;
     background-image: url(img/latinoamericana/fondo-latinoamericana.jpg);
        background-repeat: no-repeat;
    background-position: bottom;
}

#bahi1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/bahiana/portada-bahiana.jpg);
background-repeat: no-repeat;
   
}
#bahi1txt {
    width: 524px;
    
}

#comentariobahi{
    padding-bottom: 45px;
    margin-top: 50px;
}
    

#bahi1txt h1{
    color: #646464;
    font-size: 46pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
     width: 290px;
      font-family: 'aller';}


#col4bahi{
    width: 140px;
    margin-left:75px;
    float: left;
}


#biblio1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/latinoamericana/portada-latinoamericana.jpg);
background-repeat: no-repeat;
    padding-bottom: 80px;
   
}
#biblio1txt {
    width: 524px;
}

#comentariobiblio{
 
}

#comentariolati{
 margin-top: 40px;   }
#biblio1txt h1{
    color: #646464;
    font-size: 46pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    
     width: 290px;
      font-family: 'aller';
}
#biblio31{
    float: left;
    width: 290px;
    margin-right: 10px;
    margin-top: 70px;
}
#biblio32{
    float: left;
    width: 590px;
    margin-right:0px;
    margin-top: 10px;
}


.texto2 {
    font-size: 16pt;
       color: #646464;
    width: 524px;

}
.top{
    font-size: 11pt;
width: 290px;
padding-bottom: 25px;}
    
#index2 {
    width: 100%;
    clear: both;
    overflow: hidden;
}
#index2 div{
    float: left;
}
#index2 p{
    margin-top: 2%;
}

#index4 {
    width: 100%;
    clear: both;
    overflow: hidden;
}
#index4 div{
    float: left;
}
#index4 p{
    margin-top: 2%;
}
    .tit2 a{
        color: #21395B;
        padding-left: 10px;
        }
.tit2lat a{
        color: #21395B;
        padding-left: 10px;
        }

.tit2b a{
        color: #21395B;
        padding-left: 10px;
        }
.tit2 img{
    padding-top: 5px;
}
.secundario{
    width:225px;
    
           }
.secundario p{
        padding-right: 10px;
        }

.secundario2{
    width:215px;
    
            }

.secundario img{
    float: left;
}
.secundario2 img{
    float: left;
}
    .tit2{
        display: block;
        border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
         border-bottom-color: #646464;
    border-bottom-style: solid;
    border-bottom-width: 1px;
        color: #21395B;
    font-size: 14pt;
    padding-bottom: 5px;
        padding-top: 5px;
          font-family: 'aller';
        
    }

  .tit2b{
        display: block;
        border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
         border-bottom-color: #646464;
    border-bottom-style: solid;
    border-bottom-width: 1px;
        color: #646464;
    font-size: 14pt;
    padding-bottom: 5px;
        padding-top: 5px;
      margin-bottom: -15px;
          font-family: 'aller';
        
    }
.tit2lat{
        display: block;
        border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
         border-bottom-color: #646464;
    border-bottom-style: solid;
    border-bottom-width: 1px;
        color: #646464;
    font-size: 11pt;
    padding-bottom: 5px;
        padding-top: 5px;
          font-family: 'aller';
        
    }




.texto3{
    color: #646464;
    font-size: 11pt;
    float: left;
    padding-top: 15px;
    
    }
.maslink{
    color:#8DC63F;
    ;}
.maslink:hover{
    color:#ffffff;
    background-color: #8DC63F;
}

.tit3{
        display: block;
        border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
         border-bottom-color: #646464;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 100pt;}

.terciario2 {
    width: 50%;
float: left;}

#comentarioalumnos{
    padding-top: 20px;
}

#comentarioindex{
     font-size: 18pt;
       color: #646464;
    width: 665px;
        margin-left:225px;
margin-bottom: 30px;
margin-top: 30px;
clear: both;}

#footer{
    width:890px;
    clear: both;
    border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #646464;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 11pt;
    overflow: hidden;
    margin-top: 100px;
    padding-bottom: 25px;
    padding-top: 25px;
    }
#footer1{
    width:225px;
    float: left;
    
}
#footer2{
    width:225px;
    float: left;
}
#footer3{
    float: left;
    overflow: hidden;
    margin-left: 10px;
}
.footerimg{
    float: left;
    width: 60px;
    margin-right: 5px;
    margin-left: 9px;
    margin-top: 20px;
}
.footerimg2{
    float: left;
    width: 50px;
    margin-top: 20px;
    }

#footer div span{
    color: #646464;
}

.fecha{
    font-size: 10pt;
    display: block;
    color:#646464;
    border-bottom-color: #646464;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-family: 'aller';
    
}
    #fecha{
        width: 100%;
    float: left;}
    
    
    
#index3{
    background-image: url(img/tipografia/foto-tipografia.jpg);
        width:100%;
    overflow: hidden;
    font-size: 11pt;
    background-repeat: no-repeat;
}
    #bahiana3{
    background-image: url(img/bahiana/foto-bahiana.jpg);
        background-repeat: no-repeat;
        width:100%;
    overflow: hidden;
    font-size: 11pt;
        margin-top: 30px;
}

#bahiana31 {
   float: right;
    background-color: #ffffff;
    margin-top: 30px;
}
  
    
.abajodiv{
    margin-top: 30px;
    padding-top: 15px;
    width: 215px;
padding-left: 10px;
    float: right;
    background-color: #ffffff;
    display:block;
}
.abajodiv2{
        padding-top: 15px;
    width: 215px;
padding-left: 10px;
    float: right;
    background-color: #ffffff;
    display:block;
}
    

.abajodiv p {
    margin-top: 8px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
    
#contenidohome{
    background-color: #ffffff;
    width: 890px;
     padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
    }

#contenidoentrevista{
    background-color: #ffffff;
    width: 890px;
     padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
    }
    
#contenidolati{
    background-color: #ffffff;
    width: 890px;
     padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
    }
    
    #videohome{
        width: 890px;
        height: 500px;
        background-color: #cc1212;
        float: left;
    }
#comentariovideo{
    float: left;
    background-image: url(img/index/degradado.jpg);
        width:100%;
    padding-bottom: 20px;
    padding-top: 40px;
    clear:both;
}
    .noticias{
    width:280px;
        margin-right: 20px;
           }
.noticias p{
        padding-right: 10px;
    
        }

.noticias2{
    width:590px;
                }

.noticias2 p{
               }
.noticias3{
    width:280px;
            }

.noticias img{
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 280px;
    
}

.noticias2 img{
    float:left;
    padding-bottom: 10px;
}
#home2a div{
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}
#home2b div{
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}

#home2a {
    float: left;
    overflow: hidden;
    width: 100%;
}

#home2a {
    float: left;
    overflow: hidden;
    width: 100%;
}

#comentariohome{
     font-size: 18pt;
       color: #646464;
    width: 665px;
       float: left;
margin-bottom: 30px;
margin-top: 30px;
clear: both;}

#home3{
    width: 890px;
    background-image: url(img/index/foto-index.jpg);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top;
}
#home31{
    background-color: #ffffff;
    width: 300px;
    font-size: 11pt;
    margin-right: 10px;
    margin-top: 20px;
    overflow: hidden;
}
#home32{
    background-color: #ffffff;
    width: 300px;
    font-size: 11pt;
    margin-right: 10px;
    margin-top: 10px;
     overflow: hidden;
}

#alumnos1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/alumnos/portada-alumnos.jpg);
background-repeat: no-repeat;
    

}
#alumnos1txt {
    width: 524px;
}
#alumnos1txt h1{
    color: #646464;
    font-size: 40pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 44px;
    margin-top: 44px;
     width: 290px;
    font-family: 'aller';
    
}

#entrevista1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/alumnos/portada-alumnos.jpg);
background-repeat: no-repeat;
    

}
#entrevista1txt {
    width: 524px;
}
#entrevista1txt h1{
    color: #646464;
    font-size: 40pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 44px;
    margin-top: 44px;
     width: 290px;
    font-family: 'aller';
    
}
.iconosentrev{
width: 65px;
    float: left;
}

.iconosentrev img {
 width: 26px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-top: 10px;
}
#entrevista3 span{
    width: 675px;
       clear: both;
}
#entrevista4{
    width: 100%;
    clear: both;
overflow: hidden;
margin-top: 40px;}

.entrevistafotos{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 290px;
}
#entrevista3{padding-top: 40px;
  
}
.entrevistafotos2{
    float: left;
    margin-bottom: 10px;
    width: 290px;
    }
#entrevista2{
 margin-top: 30px; 
    clear: both;
}
.entrevistap{
    font-size: 11pt;
    width: 440px;
    float: left;
    margin-left: 10px;
    margin-right: 85px;
    margin-top: 0px;
    padding-top: 0px;
}

.entrevista1{
 overflow: hidden;   
}
.entrevista1 img{
    float: left;}

#inves1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/investigacion/portada-investigacion.jpg);
background-repeat: no-repeat;
    padding-bottom: 50px;
    

}
#inves1txt {
    width: 524px;
}
#inves1txt h1{
    color: #646464;
    font-size: 40pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 44px;
    margin-top: 44px;
     width: 290px;
    font-family: 'aller';
    
}
#contenidoalumnos{
    width: 890px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
}
#contenidoinves{
    width: 890px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
}
.actual{    
    background-color: #8DC63F;
    color: #ffffff;
    padding-right: 10px;
}
#alumnos2{
    width: 100%;
     border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
         border-bottom-color: #646464;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 13px;
    margin-top: 13px;
    clear: both;
    overflow: hidden;
}
#alumnos3{
    width: 100%;
     border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
         border-bottom-color: #646464;
    border-bottom-style: solid;
    border-bottom-width: 1px;
      margin-bottom: 13px;
    margin-top: 13px;
    clear: both;
    overflow: hidden;
    }
.listatps{
    list-style: none;
    padding: 0px;
}
.listatps li{
    display: block;
    width: 65px;
    margin-left: 10px;
    float: left;
    height: 31px;
    text-align: center;
    margin-left: 0px;
  
}
.listatps a{
    display: block;}
.listatps a:hover{
    background-color: #646464;
    color: #8DC63F;
}

.tp{
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
}
#tp12{
    width: 440px;
    margin-right: 10px;
    float: left;
    background-image: url(img/alumnos/cuadro-alumnos.jpg);
    background-repeat: no-repeat;
    overflow: hidden;    
}
.textotps{
    padding-bottom: 65px;
    font-size: 11pt;
        padding-top: 0px;
}
.tittps{
    font-size: 14pt;
    color: #646464;

    padding-bottom: 5px;
             border-bottom-color: #646464;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
}

.titproylat{
    font-size: 14pt;
}

#tp1{
    float:left;
    width: 215px;
    margin-right: 10px;
}
.tp{
    margin-bottom: 10px;
    padding: 0px;
    float: left;
}

#tp2{
    float: left;
    width: 215px;
}
    #tp3{
        width: 215px;
        float: left;
        margin-right: 10px;
    }

   #tp4{
        width: 215px;
        float: left;            }

#tpsalumnos{
    overflow: hidden;
}
#ext1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/extension/portada-extension.jpg);
background-repeat: no-repeat;
    background-position: bottom;

}
#ext1txt {
    width: 524px;
}
#ext1txt h1{
    color: #646464;
    font-size: 35pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 44px;
    margin-top: 44px;
     width: 290px;
    font-family: 'aller';
}

.proyext{
    float: left;
    width:440px;
    margin-right: 10px;
    background-color: #ffffff;
}
.proyext2{
    float: left;
        width:440px; 
    background-color: #ffffff;
}
#ext3{
    background-image: url(img/extension/foto-extension.jpg);
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 20px;
    
}
#ext32{
    padding-right: 10px;
}
#contenidodocentes{
    width: 890px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
}

#doce1{
     margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/docentes/portada-docentes.jpg);
background-repeat: no-repeat;
}
#doce1txt {
    width: 524px;
}
#doce1txt h1{
    color: #646464;
    font-size: 56pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    
     width: 290px;
      font-family: 'aller';
}


#comentdoce{
    width: 100%;
    margin-top: 100px;
       overflow: hidden;
    
}

#comentdoce1{
    width: 750px;
    float: left;
}
#comentdoce2{
        float: left;
    width: 140px;
}
#doce21{
    width: 225px;
    margin-right: 75px;
    float: left;
    padding-top: 0px;
    margin-top: 0px;
    overflow: hidden;

}
#doce211{
     overflow: hidden;
}
#doce212{
     overflow: hidden;
}

#doce22{
    width: 300px;
    float: left;
    margin-right: 150px;
    overflow: hidden;
}
.docid2{
    width: 140px;
    margin-right: 160px;
    float: left;
}

.docid2 a{
    color: #000000;   
}
.docid2 a:hover{
  color: #ffffff;
    background-color: #8DC63F;
    overflow: hidden;
    display: block;
    
}


.docid2 a:hover p{
  color: #ffffff;
    background-color: #8DC63F;
    overflow: hidden;
    display: block;
    
}


.docid{
    width: 140px;
    margin-right: 10px;
    float: left;
}
.nombre{
    font-size: 11pt;
    padding: 0px;
    padding-bottom: 5px;
    margin: 0px;

}

.cargo{
    font-size: 11pt;
    color: #646464;
    margin-top: 0px;
    margin-bottom: 10px;
    
}

#doce23{
    width: 140px;
    float: left;
      font-size: 10pt;
}
.vdocvacio{
    padding-bottom: 130px;
}
.doc3col{
    border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 60px;
}
#doce2{
    margin-bottom: 40px;
    overflow: hidden;
}

#doce3{
    width: 740px;
    margin-left: 150px;
}

#doce31{
    width:600px;
    float: left;
}
.nivel1{
    float: left;
    width: 100%;
        border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 184px;
}

.fotosdocs{
    width: 450px;
    float: left;
}

.nivel1doc{
    width: 140px;
    margin-right: 10px;
    float: left;
}
.doccomisiones{
    float: left;
    width: 75px}

.comision{
    font-family: 'aller';
    font-size: 12px;
    color: #646464;
    border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 107px;
    margin-top: 0px;
    
}

#doce32{
    width: 140px;
    float: left;
    font-size: 10pt;
}
#doce3{
    overflow: hidden;
}


#contenidofaduv{
      width: 890px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
}

#contenidopablo{
      width: 890px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
}

#faduv1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/faduverde/portada-faduverde.jpg);
    background-position: bottom;
background-repeat: no-repeat;
   
}
#faduv1txt {
    width: 524px;
}
#faduv1txt h1{
    color: #646464;
    font-size: 43pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    
     width: 290px;
      font-family: 'aller';
}

#faduv1txt h2{
    color: #646464;
    font-size: 25pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    
     width: 290px;
      font-family: 'aller';
}
#faduv1txt p{
    padding-bottom: 50px;
}
#comentariofaduv{
    margin-bottom: 20px;
    padding-top: 20px;
    
}

#comentarioinves{
   
    padding-top: 25px;
        
}

#faduv4{
        width: 140px;
    margin-left: 75px;
        float: left;  
    margin-bottom: 20px;
}

.faduvdata{
    border-bottom-color: #646464;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 11pt;
     padding-bottom: 10px;
    padding-top: 10px;
}
.faduvdata p{
    font-family: 'aller';
    font-size: 15pt;
    color: #646464;
    border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 10px;
}
    #contenidoprograma{
            width: 890px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
    }

#prog1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/programa/portada-programa.jpg);
background-repeat: no-repeat;
   
}
#prog1txt {
    width: 524px;
    padding-bottom: 125px;
}
#prog1txt h1{
    color: #646464;
    font-size:55pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    
     width: 290px;
      font-family: 'aller';
}
#comentarioprog{
    padding-bottom: 20px;
    width: 100%;
}

#selectornivel{
width:515px;
overflow: hidden;
margin-right: 0px;
float: right;
   border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
     border-bottom-color: #646464;
    border-bottom-style: solid;
    border-bottom-width: 1px;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 40px;
}


}


#selectornivel a{text-decoration: none;
    
}

#progniv1{
font-family: 'aller';
    font-size: 12pt;
  margin-left: 75px;
    float:left;
    
}
#progniv2{
font-family: 'aller';
    font-size: 12pt;
    margin-left: 75px;
       float:left;
    
}

.progniv{text-decoration: none;
display: block;
color: #000000;

}

.progniv:hover {
color: #8DC63F;
}



#prog2{clear: both;

}
.ejecricioprog{
width: 100%;
clear: both;
margin-bottom: 35px;}

.pautaej{
    margin-left: 375px;
    font-size: 11pt;
}

.recuadroprog{
     border-top-color: #646464;
    border-top-style: solid;
    border-top-width: 1px;
     border-bottom-color: #646464;
    border-bottom-style: solid;
    border-bottom-width: 1px;
padding-bottom: 10px;
padding-top: 10px;

}

#ejecercicio1{
background-image: url(img/programa/1-programa.jpg);
    background-repeat: no-repeat;
}
#ejecercicio2{
background-image: url(img/programa/2-programa.jpg);
    background-repeat: no-repeat;
}
#ejecercicio3{
background-image: url(img/programa/3-programa.jpg);
    background-repeat: no-repeat;
}
#ejecercicio4{
background-image: url(img/programa/4-programa.jpg);
    background-repeat: no-repeat;
}
#ejecercicio5{
background-image: url(img/programa/5-programa.jpg);
    background-repeat: no-repeat;
}
#ejecercicio6{
background-image: url(img/programa/6-programa.jpg);
    background-repeat: no-repeat;
}
#ejecercicio7{
background-image: url(img/programa/7-programa.jpg);
    background-repeat: no-repeat;
}


    .linea2{
    display: block;
    margin-top: -25px;}

    
    #contacto1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/contacto/portada-contactos.jpg);
background-repeat: no-repeat;
    background-position: bottom;
overflow: hidden;
        padding-bottom: 30px;
}
    
    #contactocol1{
        width: 290px;
        float: left;
        margin-right: 85px;
        padding-bottom: 60px;}
            
        

#contactocol1txt h1{
    color: #646464;
    font-size: 50pt;
    padding-bottom: 20px;
    padding-top: 0px;
    margin-bottom: 44px;
    margin-top: 44px;
     width: 290px;
    font-family: 'aller';
}

#contactocol1txt p{
    padding-bottom: 40px;}

#contactocol2{
    margin-top: 80px;
    width: 140px;
    float: left;
    margin-right:10px;
}

 #contactocol3{   
     width: 225px;
     margin-right: 140px;
     margin-top: 95px;
     float: left;
 }
.formulario1{   
 background-color: #646464;
    padding-bottom: 30px;
    width: 100%;
    margin-bottom: 39px;
 }
#formulario4{
     padding-bottom: 100px;
background-color: #646464;
    width: 100%;
    margin-bottom: 20px;}

#formulario5 a{
    display: block;
    background-color: #FBDE3C;
    color: #8DC63F;
    width: 100%;
    text-align: center;
    padding-left: auto;
    padding-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    text-decoration: none;
}

#formulario5 a:hover{
    display: block;
    background-color: #000000;
    color: #8DC63F;;
    width: 100%;
    text-align: center;
    padding-left: auto;
    padding-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    text-decoration: none;
}
#comentariocontacto{
    margin-bottom: 20px;
    margin-top: 20px;
}
#contenidocreditos{
    width: 890px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
}
#creditos1 {
    margin-top: 2%;
    text-align: left;
    clear: both;
background-image:url(img/creditos/portada-creditos.jpg);
background-repeat: no-repeat;
padding-bottom: 120px;}

#creditos1txt {
    width: 524px;
}
#creditos1txt h1{
    color: #646464;
    font-size: 60pt;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 44px;
    margin-top: 44px;
     width: 290px;
    font-family: 'aller';
    
}

#credit12{
    width: 440px;
    margin-right: 10px;
    float: left;
     overflow: hidden;    
}
.creditext{
    font-size: 11pt;
    padding-bottom: 10px;
    
    }

.creditext h1{
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: -15px;
    font-family: 'aller';
    font-size: 15pt;
    color: #646464;
    }

.creditext2{
    font-size: 11pt;
    padding-bottom: 10px;
    background-color: #FBDE3C;
    padding-left: 10px;
    }

.creditext2 h1{
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: -15px;
    font-family: 'aller';
    font-size: 15pt;
    color: #000000;
    }
#inves2{
    background-image: url(img/investigacion/foto-investigacion.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    overflow: hidden;
    padding-bottom: 15px;
}

.proyinv{
    width:440px;
    margin-right: 10px;
    float: left;
    font-family: 'aller';
    font-size: 10pt;
    padding-bottom: 25px;
}
.proyinv2{
    width:440px;
   font-family: 'aller';
    float: left;
    font-size: 10pt;
    padding-bottom: 25px;
}
.proyinv2 span{
    font-size: 14pt;
}
.proyinv span{
    font-size: 14pt;
}
    .proyinv2 a{
    text-decoration: none;
    }
 .proyinv a{
    text-decoration: none;
    color:#000000;}

#proytit1{
    background-color: #FBDE3C;
    width: 440px;
    padding-bottom: 10px;
    padding-top: 10px;
     color:#000000;
}
#proytit2{
    background-color: #98CB32;
    width: 440px;
    padding-bottom: 10px;
    padding-top: 10px;
     color:#000000;
}
#proytit3{
    background-color: #21395B;
    width: 440px;
    padding-bottom: 10px;
    padding-top: 10px;
     color:#ffffff;
}
#proytit4{
    background-color: #ffffff;
    width: 440px;
    padding-bottom: 10px;
    padding-top: 10px; 
    color:#000000;
}
#proytit5{
    background-color: #000000;
    color: #ffffff;
    width: 440px;
    padding-bottom: 10px;
    padding-top: 10px;
}

        

@media all and (min-width:200px) and (max-width:600px){
    #pagina{
        width: 400px;
    }
    
        #contenidohome{
    width: 330px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;}
    
     #contenidolati{
    width: 330px;
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;}
    
    
    
    #head{
        width: 330px;
    }
    
       #headder{
        width: 330px;
           background-color: #8DC63F;
           overflow: hidden;
    }
    
     #headder ul li{
        padding-top: 10px;
         padding-bottom: 10px;
             }
    
    #videohome{
        width:330px;
    }
    #comentariovideo{
        padding-bottom: 0px;
        padding-top: 0px;
    }
    
    #comentariohome{
        width: 330px;
    }
    
    #home3 {
        width: 330px;
    }
    #home32 h2{
     margin-top: 30px;   
    }
    #footer {
        width:330px;
        background-color: #afafaf;
    }
    .texto3{
     background-color: #ffffff;   
    }
    #footer1{
        margin-bottom: 20px;
    text-align: center;
    width: 100%;
    margin-left: auto;
        margin-right: auto;
    }
    
     #footer2{
       margin-bottom: 20px;
    text-align: center;
    width: 100%;
    margin-left: auto;
        margin-right: auto;}
    #footer2 a{
    background-color: #8DC63F;
        color: #ffffff;
    }
    
    #footer3{
        margin-left: 70px;
    }
    
    
    .footerimg2 {
float: left;
width: 60px;
margin-right: 5px;
margin-left: 9px;
margin-top: 20px;
}
    
      #videohome iframe{
        width: 330px;
    }