/*HOME = atributos generales ----------------------------------------------------------------------------------------------------*/
*{ margin: 0;
   padding: 0}

@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,900,300);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,400);

body {
      font-family: 'Roboto', sans-serif;
      font-family: 'Open Sans', sans-serif;
      font-family: 'Oswald', sans-serif;
      font-size: 15px;
      color: #050505;
      background: url(img/fondo-body-textura.png);
}

.pagina{ 
        max-width: 940px;
        height: auto;
        padding: 0 3% 0 3%;
        margin: 0 auto;
        /*background: #fff;*/
        display: block;
}


/* LOGO CÁTEDRA --------------------------------------------------------------------------------------------------------------*/

.logo{
      padding-top: 15px;
      max-width: 139px;
      height: auto;
}

/* NAV REDES SOCIALES -------------------------------------------------------------------------------------------------------*/

header nav #redes ul li{
                 float: left;
                 list-style: none;
                 padding: 0 10px;
                 border-right: solid 1px;
}

.redes{
        display: block;
        float: right;
        margin-top: -140px;
}

/* NAV GENERAL RESPONSIVE -------------------------------------------------------------------------------------------------------*/

#cssmenu{
         float: right;
         margin-top: -95px;
      
}

/* MAIN -------------------------------------------------------------------------------------------------------------------------*/
/* SECTION BANNER y SECTION COLUMNAS --------------------------------------------------------------------------------------------*/

main{
    /*background: rgb(228, 43, 54);*/
    max-width: 940px;
    height: auto;
    margin-top: 2%;
    display: block;
}

/*---- BANNER ----*/

.mbanner{
    min-height: auto;
    background: #d9d7d7;
    border-radius: 4px;
    border-top: solid 8px #d9d7d7;
    border-bottom: solid 5px #d9d7d7;
    border-left: solid 8px #d9d7d7;
    border-right: solid 8px #d9d7d7;
}


/*---- SECCIONES = COLUMNAS CON CIRCULOS ----*/

.titulos_home{
            font-family: 'Oswald', sans-serif;
            font-size: 2.1rem;
            font-weight: 400;
            color: #4c4335;
            text-align: left;
}

hr{
    margin-bottom: 3%;
    border: solid 1px;
    border-color: #4c4335;
}

.secciones{
            margin-top: 4%;
            /*background: #0480ad;*/
            max-width: 940px;
            min-height: 680px;
}


.columna1, .columna2, .columna3{
                            max-width: 31.66%;
                            height: auto;
                            /*background: #22b573;*/
                            float: left;
}

.columna1, .columna2{
                    margin-right: 2.5%;
}

/*.columna1{
        background: #4d4d4d;
}

.columna2{
        background: #666666;
}

.columna3{
        background: #808080;
}*/

.circulos{
        padding-left: 1.4%;
}


/* -- DIV QUE CONTIENE TODO EL TEXTO DE LOS CIRCULOS -- */
.texto-circulos{
                padding: 8% 8% 0 8%;
                /*background: rgb(228, 43, 54);*/
                border-right-style: dotted; border-right-width: 2px;
                border-left-style: dotted; border-left-width: 2px;
                border-color: #000;
}

.titulos_secciones{
                font-size: 1.5rem;
                font-weight: 700;
                font-family: 'Oswald', sans-serif;
                line-height: 1.8rem;
                color: #22b573;
}

.titulos_secciones hr{
                    margin-top: 5%;
                    border-color: #808080;
}

.columna1, .columna2, .columna3{
                                color: #4d4d4d;
                                font-family: 'Roboto', sans-serif;
                                font-weight: 700;
}

.titulo2{
        color: #4d4d4d;
        font-size: 1.1rem;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        line-height: 2.5rem;
}

.boton{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-align: center;
    float: right;
    width: 70px;
    height: 30px;
    margin: 7% 7.5% 4.5% 68%;
    padding-top: 1.5%;
    background: url(img/index/boton.png) no-repeat;
}

.boton a{
        text-decoration: none;
        color: #fff;
}


/* ASIDE = AGENDA ---------------------------------------------------------------------------------------------------------------*/

aside{
    background: hsla(46, 100%, 71%, 0.59);
    min-height: 320px;
}

aside h3 {
        padding-left: 1.25%;
        padding-top: 3%;
}

.agenda1, .agenda2, .agenda3, .agenda4{
                                    width: 22%;
                                    height: 180px;
                                    /*background: #fff;*/
                                    float: left;
                                    padding: 0 1.4% 0 1.4%;
}

.agenda1, .agenda2, .agenda3{
                            border-right-style: dotted; border-right-width: 2px;
}

.contenedor-dias{
                background: #f15a24;
                width: 51px;
                height: 56px;
                float: left;
}

aside a{
        text-decoration: none;
}

.dias{
    color: #fff;
    font-size: 2rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-align: center;
}

.mes{
    color: #4c4335;
    font-size: 1.8rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    height: 35px;
    border-bottom: solid 1px;
    border-bottom-color: #4c4335;
    padding: 6px 0 14px 0;
    text-align: left;
}

.contenedor-hora, .contenedor-info{
                text-decoration: none;
                color: #000;
                font-size: 1rem;
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
}

.contenedor-hora{
                padding-bottom: 6%;
                margin-left: 2%;
}

.contenedor-hora span{
                    font-size: 1.1rem;
                    font-family: 'Oswald', sans-serif;
                    font-weight: 700;
}

.contenedor-info p{
                padding-top: 6%;
                color: #000;
                border-top-style: dotted; border-top-width: 2px; 
}

/*FOOTER -----------------------------------------------------------------------------------------------------------------------*/
footer{
     width: 96%;
     height: auto;
     background: #4c4335;
     padding: 20px;
     color: #fff;
     font-size: 0.75rem;
     font-family: 'Open Sans', sans-serif;
     font-weight: 600;
     text-align: center;
}


    


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
-- AGENDA ----------------------------------------------------------------------------------------------------------------------*/

/*---- MAIN - SECTION ----*/

.main_agenda{
            /*background: #ffdd6d;*/
            max-width: 940px;
            height: 900px;
            margin-top: 2%;
            display: block;
}

.section_agenda{ 
                /*background: rgb(228, 43, 54);*/
                height: auto;
}

.agenda1_agenda, .agenda2_agenda{
                width: 22%;
                height: 180px;
                background: hsla(46, 100%, 71%, 0.59);
                float: left;
                padding: 0 1.4% 0 1.4%;
                margin-bottom: 2%;
}

.agenda1_agendafoto .contenedor-hora, .agenda1_agendafoto2 .contenedor-hora{
            border-bottom-style: dotted; border-bottom-width: 2px;
            padding: 0;
}

.agenda1_agendafoto{
                width: 22%;
                height: 180px;
                background: rgba(34, 181, 115, 0.25);
                float: left;
                padding: 0 1.4% 0 1.4%;
                margin-bottom: 2%;
                border-right-style: dotted; border-right-width: 2px;
}

.agenda1_agendafoto2{
                width: 22%;
                height: 180px;
                background: rgba(228, 43, 54, 0.25);
                float: left;
                padding: 0 1.4% 0 1.4%;
                margin-bottom: 2%;
                border-right-style: dotted; border-right-width: 2px;
}

.agenda1_agenda a, .agenda1_agendafoto a, .agenda1_agendafoto2 a{
                text-decoration: none;
}

.agenda2_agenda a{
                text-decoration: none;
}

.agenda1_agenda{
                border-right-style: dotted; border-right-width: 2px;
}

.contenedor-dias{ /* ATRIBUTO REPETIDO EN AGENDA HOME, MISMO NOMBRE, SI CAMBIO ALGO CAMBIA EN HOME TAMBIÉN */
                background: #f15a24;
                width: 51px;
                height: 56px;
                float: left;
}

.dias{ /* ATRIBUTO REPETIDO EN AGENDA HOME, MISMO NOMBRE, SI CAMBIO ALGO CAMBIA EN HOME TAMBIÉN */
    color: #fff;
    font-size: 2rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-align: center;
    padding-top: 10%;
}

.mes{ /* ATRIBUTO REPETIDO EN AGENDA HOME, MISMO NOMBRE, SI CAMBIO ALGO CAMBIA EN HOME TAMBIÉN */
    color: #4c4335;
    font-size: 1.8rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    height: 35px;
    border-bottom: solid 1px;
    border-bottom-color: #4c4335;
    padding: 6px 0 14px 0;
    text-align: center;
}

.contenedor-hora, .contenedor-info{ /* ATRIBUTO REPETIDO EN AGENDA HOME, MISMO NOMBRE, SI CAMBIO ALGO CAMBIA EN HOME TAMBIÉN */
                text-decoration: none;
                color: #000;
                font-size: 1rem;
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
}

.contenedor-hora{ /* ATRIBUTO REPETIDO EN AGENDA HOME, MISMO NOMBRE, SI CAMBIO ALGO CAMBIA EN HOME TAMBIÉN */
                padding-bottom: 6%;
}

.contenedor-hora span{ /* ATRIBUTO REPETIDO EN AGENDA HOME, MISMO NOMBRE, SI CAMBIO ALGO CAMBIA EN HOME TAMBIÉN */
                    font-size: 1.1rem;
                    font-family: 'Oswald', sans-serif;
                    font-weight: 700;
}

.contenedor-info p{ /* ATRIBUTO REPETIDO EN AGENDA HOME, MISMO NOMBRE, SI CAMBIO ALGO CAMBIA EN HOME TAMBIÉN */
                padding-top: 6%;
                padding-bottom: 6%;
                color: #000;
                border-top-style: dotted; border-top-width: 2px;
                border-bottom-style: dotted; border-bottom-width: 2px;
}

.link_paginas{
        margin-top: 30px;
}

.link_paginas a{
                text-decoration: none;
                color: #000;
                font-family: 'Oswald', sans-serif;
                font-weight: 700;
}

.link_paginas p{
                text-align: center;
}



/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
-- INVITADOS -------------------------------------------------------------------------------------------------------------------*/

/*---- MAIN - SECTION ----*/

.invitado1, .invitado2, .invitado3, .invitado4{
                width: 22%;
                height: auto;
                /*background: hsla(46, 100%, 71%, 0.59);*/
                float: left;
                padding: 0 1.4% 0 1.4%;
                margin-bottom: 2%;
}

.titulos_invitados{
                font-size: 1.4rem;
                font-weight: 700;
                font-family: 'Oswald', sans-serif;
                line-height: 1.8rem;
                color: #22b573;
}

.titulos_invitados hr{
                    margin-top: 5%;
                    border-color: #808080;
}

.section_invitados{
            width: 100%;
            height: 960px;
            /*background: #fff;*/
}







/* main ARU LULU --------------------------------------------------------------------------------------------------------------*/

.mainextra{
  width: 1020px;
  
  margin: 0 auto 0 auto;
  display: block;
  }






/* GALERIA DE TP ALUMNOS --------------------------------------------------------------------------------------------------------------*/




.galeriatrabajos2 {width: 400px;
                   height: 400px;
                 
}

.galeriatrabajos3 { width: 400px;
                   height: 400px; 
                  ;
                 
} 

.galeriatrabajos4 { width: 400px;
                   height: 400px; 
                  ;
                 
} 


.titulogal {
             margin-bottom: 60px; 
             margin-top: 100px;
            
    
}


.galeriatexto { margin-top: -391px;
margin-left: 478px;
           width: 50%;
    float: left;
    border-right-style: dotted; border-right-width: 2px;
                border-left-style: dotted; border-left-width: 2px;
                border-color: #000; padding: 0 2% 0 1%; 
    font-family:  'Roboto', sans-serif;
    

}

 
.anogal { font-size: 50px;
          font-weight: 500; }


.cajaarieloculta {visibility: hidden;}






/* TRIMARCHI 2013  --------------------------------------------------------------------------------------------------------------*/




.tri { width: 930px; 
       height:auto; 
       margin-top: 65px;
       }


.fotostri { 
            width: 480px;   }


.textotri {       width: 420px;
                 border-right-style: dotted; border-right-width: 2px;
                border-left-style: dotted; border-left-width: 2px;
                border-color: #000; padding: 0 2% 0 1%;         
                float: left;
                margin-left: 509px;
                margin-top: -790px;
                background: hsla(46, 100%, 71%, 0.59);  
                height:800px; 
    
}




.bajadatri { text-align: left; 
             font-size: 17px; 
            color: #0a0101; 
}




///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* BECAS FNA  --------------------------------------------------------------------------------------------------------------*/


.becas { width: 930px; 
      
       margin-top: 100px;
       margin-left: 48px;
       margin-bottom: 100px;
}

.cajaariel { width: 100%;
           height: 100px; }

.notibecas {  width: 480px; float: left;
                 border-right-style: dotted; border-right-width: 2px;
                border-left-style: dotted; border-left-width: 2px;
                border-color: #000; padding: 0 2% 0 1%;

}



.resal { color: #E42B36 }



.becagif {  width: 425px;
           margin-top: 5px;
           float: left; }

.linkfna { text-decoration: none; 
           font-family: 'roboto';
           font-weight: 700;
           color: #100101 ;
}

.footerbecas { margin-top: 800px; }




/* FICHA PERSONAL  --------------------------------------------------------------------------------------------------------------*/





.avatarficha {  margin-left: 38%; 
    border-right-style: dotted; border-right-width: 2px;
                border-left-style: dotted; border-left-width: 2px;
                border-color: #000; padding: 0 2% 0 2%;}

.ficha { width: 700px;
         font-family: 'Open Sans', sans-serif;
         font-size: 25px;
         font-weight: 700;
         height: 1400px;
         margin-left: 50px;
         
}

.nomlis {  font-size: 25px; border-radius: 5px; width: 650px;
          

}

.dnilis {font-size: 25px; border-radius: 5px; width: 300px; }

.elis { font-size: 25px; border-radius: 5px; width: 400px; }

.matlis { font-size: 25px; border-radius: 5px; width: 50px; }

.catelis { font-size: 25px; border-radius: 5px; width: 500px; height: 300px; }

.correlis { font-size: 25px; border-radius: 5px; width: 500px; height: 150px; }







/*e EXPO ROLDAN  --------------------------------------------------------------------------------------------------------------*/




.exporoldan { width: 900px; height: 1400px;
    
    border-right-style: dotted; border-right-width: 2px;
                border-left-style: dotted; border-left-width: 2px;
                border-color: #000; padding: 0 2% 0 2%;
                background: hsla(46, 100%, 71%, 0.59);  

}

.expoimg { width: 100% ; }



/* DOCENTES///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* PRIMERA SECCION ----------------------------------------------------------------------------------------------------------------------------- */

.titular{
  width: 835px;
  height: 410px;
  margin: 30px auto 0 auto;
  display: block;
 }

 h1 hr{
 width: 400px;
 height: -1px;
 background-color: #5c5c5c;
 margin-top: 15px;
 }


.fotoroldan {
    border-radius:200px;
    border:8px solid;	
    border-color:#22B573;
    width: 344px;
    height: 344px;
    background-image: url(img/docentes/roldan_color.png);
}

.textroldan{
    width: 485px;
    height: 350px;
    float: right;
    margin: -355px -71px 0px 0px;
    }

h1{
  font-family: 'Oswald', sans-serif;
  color: #22B573;
    font-size: 30px;
  }

.tituloroldan p {
 font-size: 15px;
 line-height: 50px;
 }
  
.iconredes { float: left; 
             margin-top: 20px;
             }
p span{
  font-family: 'Oswald',sans-serif;
  color: #e30909;
  font-weight: 700;
  }

.actividadacademica{
   font-size: 22px;
   }

/* SEGUNDA SECCION ----------------------------------------------------------------------------------------------------------------------------- */


h2 { color: #4D4D4D; 
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    font-size: 35px;
    font-weight: 700;
} 


.equipo { width: 950px; 
         height: 1050px;
         background-image: url(img/index/back-main.png);
         padding-left: 30px;

}

.equipo a{
        text-decoration: none;
        list-style: none;}

.doc1, .doc2, .doc3, .doc4, .doc5, .doc6,.doc7, .doc8, .doc9, .doc10, .doc11, .doc12 {
       width: 216px;
       height: 216px;
       float: left;
       margin: 40px 10px 80px 0;
       }

.doc1{
 background-image: url(img/docentes/martin.png);
 }
.doc1:hover{
  margin-top: 15px;
 -webkit-transition: margin 0.5s ease-out; 
    -moz-transition: margin 0.5s ease-out; 
    -o-transition: margin 0.5s ease-out;
    z-index: 2;
}
.doc2{
 background-image: url(img/docentes/daniela.png);
}
.doc2:hover{
  margin-top: 15px;
 -webkit-transition: margin 0.5s ease-out; 
    -moz-transition: margin 0.5s ease-out; 
    -o-transition: margin 0.5s ease-out;
    z-index: 2;
}
.doc3{
 background-image: url(img/docentes/jose.png);
}
.doc3:hover{
  margin-top: 15px;
 -webkit-transition: margin 0.5s ease-out; 
    -moz-transition: margin 0.5s ease-out; 
    -o-transition: margin 0.5s ease-out;
    z-index: 2;
}

.doc4{
 background-image: url(img/docentes/clarisa.png);
}
.doc4:hover{
  margin-top: 15px;
 -webkit-transition: margin 0.5s ease-out; 
    -moz-transition: margin 0.5s ease-out; 
    -o-transition: margin 0.5s ease-out;
    z-index: 2;
}
.doc5{
 background-image: url(img/docentes/diana.png);
}
.doc5:hover{
  margin-top: 15px;
 -webkit-transition: margin 0.5s ease-out; 
    -moz-transition: margin 0.5s ease-out; 
    -o-transition: margin 0.5s ease-out;
    z-index: 2;
}
.doc12{
 background-image: url(img/docentes/marcos.png);
}
.doc12:hover{
  margin-top: 15px;
 -webkit-transition: margin 0.5s ease-out; 
    -moz-transition: margin 0.5s ease-out; 
    -o-transition: margin 0.5s ease-out;
    z-index: 2;
}
.doc6{
 background-image: url(img/docentes/pupe.png);
}
.doc6:hover{
  margin-top: 15px;
 -webkit-transition: margin 0.5s ease-out; 
    -moz-transition: margin 0.5s ease-out; 
    -o-transition: margin 0.5s ease-out;
    z-index: 2;
}
.doc7{
 background-image: url(img/docentes/mariano.png);
}
.doc7:hover{
  margin-top: 15px;
 -webkit-transition: margin 0.5s ease-out; 
    -moz-transition: margin 0.5s ease-out; 
    -o-transition: margin 0.5s ease-out;
    z-index: 2;
}
.doc8{
 background-image: url(img/docentes/patricio.png);
}
.doc8:hover{
  margin-top: 15px;
 -webkit-transition: margin 0.5s ease-out; 
    -moz-transition: margin 0.5s ease-out; 
    -o-transition: margin 0.5s ease-out;
    z-index: 2;
}
.doc9{
 background-image: url(img/docentes/veronica.png);
}
.doc9:hover{
  margin-top: 15px;
 -webkit-transition: margin 0.5s ease-out; 
    -moz-transition: margin 0.5s ease-out; 
    -o-transition: margin 0.5s ease-out;
    z-index: 2;
}
.doc10{
 background-image: url(img/docentes/gaston.png);
}
.doc10:hover{
  margin-top: 15px;
 -webkit-transition: margin 0.5s ease-out; 
    -moz-transition: margin 0.5s ease-out; 
    -o-transition: margin 0.5s ease-out;
    z-index: 2;
}
.doc11{
 background-image: url(img/docentes/florencia.png);
 }
.doc11:hover{
  margin-top: 15px;
 -webkit-transition: margin 0.5s ease-out; 
    -moz-transition: margin 0.5s ease-out; 
    -o-transition: margin 0.5s ease-out;
    z-index: 2;
}

.doc1, .doc2, .doc3, .doc4, .doc5, .doc6, .doc7, .doc8, .doc9, .doc10, .doc11, .doc12{
 border-radius: 200px;
 border: 5px solid;
 border-color: #22B573
}

.nombredoc{
      width: 198px;
      height: 43px;
      background:#22B573;
      margin-top: 189px;
      margin-left: 8px;
      }

h3{
  font-family: 'Oswald', sans-serif;
  color: #fff;
  text-align: center;
  padding-top: 10px;
  font-weight: 700;
}

.sitiodoc{
  font-family: 'Oswald';
  text-align: center;
  }

.equipo hr{
  width: 890px;
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* PAGINA JOSE VILLAMAYOR --------------------------------------------------------------------------------------------------------------*/

.josemain{
    width: 1020px;
    height: 970px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    margin-top: 18px;
    }

.artjose{
   width: 510px;
   height: 577px;
   background-image: url(img/docentes/img_pagina%20jose.jpg);
   margin-top: 13px;
   margin-left: 15px;
   border: 2px solid #696c6b;
  }

.art2jose{
 width: 400px;
 height: 577px;
 float: left;
 position: relative;
 left: 557px;
 top: -594px;
 }

.art2jose hr{
     width: 400px;
    }

.asidejose{
   width: 938px;
   height: 403px;
   margin-top: 34px;
   margin-left: 1px;
   position: absolute;
  }

.trabjose1, .trabjose2, .trabjose3, .trabjose4{
  width: 220px;
  height: 300px;
  float: left;
  position: relative;
  left: 5px;
  top: 0px;
  margin-left: 10px;
  }

.trabjose1{ background-image: url(img/docentes/villamayor_1.png);}
.trabjose2{ background-image: url(img/docentes/villamayor_2.png);}
.trabjose3{ background-image: url(img/docentes/villamayor_3.png);}
.trabjose4{ background-image: url(img/docentes/villamayor_4.png);}

.jose1, .jose2, .jose3, .jose4{
  width: 220px;
  height: 82px;
  margin-top: 310px;
  text-align: center;
  font-family: 'Oswald' sans-serif;
  font-size: 1.5rem;
 }

.jose1, .jose2, .jose3{
  border-right-style: dotted;
  border-right-width: 2px;}

.botonjose{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-align: center;
    float: right;
    width: 70px;
    height: 30px;
    margin: -19% 32.5% 4.5% 68%;
    padding-top: 1.5%;
    background: url(img/index/boton.png) no-repeat;
    color: #fff;
}





/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
-- REFERENTES -------------------------------------------------------------------------------------------------------------------*/

/*---- LISTA DE ARCHIVOS DE REFERENTE ----*/

.msection_referentes{
            width: 100%;
            min-height: 1280px;
            /*background: #fff;*/
}

.mreferentes1, .mreferentes3, .mreferentes5{
                padding: 2% 1.5% 0.5% 1%;
}

.mreferentes2{
            padding: 2% 1% 2% 2%;
}

.mreferentes4, .mreferentes6{
            padding: 2% 1% 1.5% 2%;
}

.mreferentes1, .mreferentes3, .mreferentes5{
                width: 47%;
                height: auto;
                /*background: #fff;*/
                float: left;
                border-right: solid 1px;
                border-bottom-style: dotted; border-bottom-width: 2px;
}

.mreferentes2, .mreferentes4, .mreferentes6{
            width: 44%;
            height: auto;
            /*background: #fff;*/
            float: left;
            border-bottom-style: dotted; border-bottom-width: 2px;
}

.mreferentes2 h5, .mreferentes3 h5, .mreferentes4 h5, .mreferentes5 h5, .mreferentes6 h5{
                font-family: 'Oswald', sans-serif;
                font-weight: 700;
                font-size: 0.8rem;
                color: #22b573;
                padding-bottom: 3.5%;
}

.mreferentes2 a, .mreferentes3 a, .mreferentes4 a, .mreferentes5 a, .mreferentes6 a{
                text-decoration: none;
}

.mreferentes2 img, .mreferentes3 img, .mreferentes4 img, .mreferentes5 img, .mreferentes6 img{
                padding-bottom: 5%;
}

.mtitulos_referentes{
                font-size: 1.2rem;
                font-weight: 700;
                font-family: 'Oswald', sans-serif;
                color: rgb(228, 43, 54);
                /*background: #22b573;*/
}

.mtitulos_referentes hr{
                    margin-top: 1.2%;
                    border-color: #808080;
}

.mreferentes1 p, .mreferentes2 p, .mreferentes5 p, .mreferentes6 p{
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 1.05rem;
            line-height: 1.3rem;
            padding-bottom: 5%;
            /*background: rgb(228, 43, 54);*/
}

.mbotones_referentes ul li{
                 float: left;
                 list-style: none;
                 padding: 0 15px;
                 border-right: solid 1px;
}

.mbotones_referentes{
                    display: block;
                    float: right;
}

.mbotones_referentes a{
                    text-decoration: none;
                    color: #4d4d4d;
                    font-family: 'Oswald', sans-serif;
                    font-weight: 400;
                    font-size: 0.9rem;                    
}

.mcorredor{
        float: left;
        padding-top: 22px;
        padding-left: 41%; 
}

.mcorredor ul li{
                float: left;
                list-style: none;
                padding: 0 10px;
}

.mcorredor a{
            text-decoration: none;
            color: #000;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
-- ISOL: INTERNA INVITADA ------------------------------------------------------------------------------------------------------*/
.minvitada_isol{
                width: 100%;
                min-height: 400px;
}

.minvitada_isol2{
                width: 100%;
                min-height: 820px;
                margin-top: 8%;
}

.mpersona{
        width: 36%;
        height: auto;
        background: rgba(255, 255, 255, 0.45);
        float: left;
        padding: 2%;
        margin-left: 1%;
}

.mtexto_isol{
            width: 54%;
            height: auto;
            background: rgba(255, 255, 255, 0.45);
            float: left;
            padding: 5% 2% 2.2% 2%;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 1rem;
            line-height: 1.3rem;
}

.mtexto_isol span{
                font-family: 'Oswald', sans-serif;
                font-weight: 700;
                font-size: 1.9rem;
                color: #22b573;
}

.mtexto_isol #redes ul li{
                        float: left;
                        list-style: none;
                        padding: 0 10px;
                        border-right: solid 1px;
}

.mtexto_isol #redes a{
                    text-decoration: none;
                    color: #4d4d4d;
                    font-family: 'Oswald', sans-serif;
                    font-weight: 700;
                    font-size: 0.9rem;
}

#redes{
    padding-top: 5%;
}

.mcontenedor_libros{
                padding: 8% 8% 0 8%;
                /*background: rgb(228, 43, 54);*/
}

.mgaleria_isol{
            color: #4d4d4d;
            font-family: 'Oswald', sans-serif;
            font-weight: 700;
            font-size: 1.45rem;
            text-align: left;
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* PAGINA ACERCA DE LA CATEDRA ---------------------------------------------------------------------------------------------------------------*/


.sectioncatedra{
  width: 960px;
  height: 1224px;
  margin: 40px auto 0 auto;
}

.asidecatedra{
  width: 940px;
  height: 410px;
  background: #E42B36;
  display: block;
  margin-top: 587px;
  }

.frasecat{
  font-family: 'Oswald';
  color: #E42B36;
  text-align: center;
  font-size: 35px;
  font-style: italic;
  margin-top: 25px;
  }

.textocatedra1{
  width: 470px;
  height: 550px;
  margin-top: 48px;
  position: absolute;
}

.sectioncatedra hr{
  width: 938px;
}

.text1{
  font-family: 'Roboto', sans-serif;
  line-height: 1.5rem;
  margin-left: 25px;
  font-size: 0.9rem;
 font-weight: 600;
}

.textocatedra2{
  width: 430px;
  height: 550px;
  float: left;
 position: relative;
 left: 500px;;
 top: 48px;
 margin-left: 40px;
}

.text2{
 font-family: 'Roboto', sans-serif;
 line-height: 1.5rem;
 font-size: 0.9rem;
 font-weight: 600;
}

.tituloasidecat{
 font-size: 2rem;
 color: #fff;
 padding: 3% 0% 0% 3%;
 }

.artcat1, .artcat2, .artcat3{
 width: 280px;
 height: 148px;
 float: left;
 margin-top: 20px;
 }

.artcat1{
 margin-left: 32px;
 background-image: url(img/catedra/articulo1cat.png);
 border: 2px solid;
 border-color: #ffe412;
}

.artcat2{
 margin-left: 13px; 
 background-image: url(img/catedra/articulo2cat.png);
 border: 2px solid;
 border-color: #ffe412;
}

.artcat3{
 margin-left: 11px;
 background-image: url(img/catedra/articulo3cat.png);
 border: 2px solid;
 border-color: #ffe412;
}

.textartcat1,.textartcat2, .textartcat3{
 width: 300px;
 height: 139px;
 float: left;
 margin-top: 180px;
 color:#ffe412;
 font-size: 1.4rem;
 }

.textart1{
 color:#fff;
 font-family: 'Roboto', sans-serif;
 font-size: 0.9rem;
 margin-top: 10px;
 line-height: 18px;
}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* PAGINA TALLER --------------------------------------------------------------------------------------------------------------------------*/


.section_taller{
            width: 100%;
            min-height: 1310px;
}


.bannertaller{
     width: 567px;
     height: 383px;
	 background-image:url(img/taller/bannertaller.png);
	 position:absolute;
	 
}

.textbanner{
	 width: 373px;
     height: 383px;
     background: #6a0672;
     position: relative;
     left: 567px;
     top: 0px;
     float: left;
	 }

.tallertodas{
	width: 940px;
    height: 600px;
    margin-top: 438px;
}

.taller1, .taller2, .taller3, .taller4{
	width: 450px;
    height: 264px;
    /*background-color: #C06;*/
    float: left;
    margin-left: 13px;
    margin-top: 13px;
    border-right-style: dotted;
    border-right-width: 2px;
	}
	
.fototaller1, .fototaller2, .fototaller3, .fototaller4{
	width: 219px;
    height: 264px;
    /*background: #fff;*/
	}
	
.fototaller1{
	background-image:url(img/taller/fototaller1.png);
	}
	
.fototaller2{
	background-image:url(img/taller/fototaller2.png);
	}
	
.fototaller3{
	background-image:url(img/taller/fototaller3.png);
	}
.fototaller4{
	background-image:url(img/taller/fototaller4.png);
	}

.tban{
            font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1rem;
color: #fff;
margin-left: 9px;
line-height: 21px;
margin-top: 41px;
}

.textbanner{
                font-family: 'Oswald', sans-serif;
                font-weight: 700;
                font-size: 1.6rem;
                color: #22b573;
				
}

.textbanner span{
	color:#fff;
	margin-left:2px;
    font-size: 1.5rem;
	}
	
.clase12{
    margin-left: -1px;
    font-size: 1.3rem;
    font-family: 'Oswald', sans-serif;
}


.textotaller{
width: 200px;
height: 264px;
margin-left: 232px;
/*background: rgba(255, 255, 255, 0.37);*/
color: #22b573
}

.clase12A{
  font-family: 'Roboto', sans-serif;
  font-size: 0.9rem;
  color: #000;
}

.botontaller{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-align: center;
    float: right;
    width: 70px;
    height: 30px;
    margin: -5% 18.5% 4.5% 68%;
    padding-top: 1.5%;
    background: url(img/index/boton.png) no-repeat;
    color: #fff;
}


/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*PAGINA TRABAJOS PRACTICOS ---------------------------------------*/


.tpuno{
 width: 941px;
height: 563px;
  background-color: #fff;
}

.tp1{
 width: 939px;
height: 400px;
background-image: url(img/trabajospracticos/trabajouno.png);
}

.tp2{
 width: 460px;
height: 430px;
position: absolute;
margin-top: 29px;
background-image: url(img/trabajospracticos/trabajodos.png);
}

.tp3{
width: 460px;
height: 430px;
background-image: url(img/trabajospracticos/trabajotres.png);
float: left;
position: relative;
left: 478px;
top: 29px;
}

.tpfooter{
width: 900px;
height: auto;
background: #4c4335;
padding: 19px;
margin-top: 470px;
font-size: 0.75rem;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
text-align: center;
}

.unodiv{
width: 909px;
height: 110px;
background: rgba(255, 255, 255, 0.54);
position: relative;
top: 290px;
padding-left: 30px;
}

.dosdiv{
width: 444px;
height: 111px;
background: rgba(255, 255, 255, 0.54);
position: relative;
top: 309px;
padding-left: 15px;
padding-top: 10px;
}

.tresdiv{
width: 444px;
height: 111px;
background: rgba(255, 255, 255, 0.54);
position: relative;
top: 309px;
padding-left: 15px;
padding-top: 10px;
}

.tptres{
 font-size: 20px;}






.footerjose { margin-top: 586px; }

.footerlulu { margin-top: 100px; }














/*---- RESPONSIVE HOME ----------------------------------------------------------------------------------------------------------*/
/* --- RESPONSIVE 768px --- */
@media screen and (max-width:768px) {
.redes {display: none; }
    
.logo { margin-left: 300px; }
    
nav { margin-top: 30px;
      width: 100%;
}

#cssmenu{
         float:  none;
         margin:auto;
}


    
    
    img{width: 100%}
    
    
    
    main section article{
        width: 100%;
    }
    
    aside{
    width: 100%;
    height: 550px;
    }

main aside .agenda1, main aside .agenda2, main aside .agenda3, main aside .agenda4{
        width: 46%;
        margin-bottom: 5%;
    }

main aside .agenda2{
    border-right-style: none;    
    }

.agenda1, .agenda3{
    border-right-style: dotted; border-right-width: 2.5px;
    }

aside article{
        width: 100%;
        margin: 0 auto;
    }
    
footer{
    width: auto;
    }
    
    
    
    .galeriatexto { margin: 0;
           width: 96%;  }  
    
 
    
 .galeriatrabajos3,.galeriatrabajos4 {margin-top:  345px; }

    
    .galeriatrabajos3,.galeriatrabajos4,.galeriatrabajos2 { margin-left: 20%;}
    
    
    .cajaarieloculta {visibility: visible; 
        width: 100%;
           height: 329px;}
   


  .fotostri { margin:  0 auto 0 auto; }

.mainextra {width:  100% ; }

.textotri {  margin:  0 auto 0 auto;
            float: none;
width: 455px;

}  
    
   .tri { width: 100%;}
    
    
    

}





/* --- RESPONSIVE 320px --- */
@media screen and (max-width:320px) {

.circulos, .redes {display: none; }
    
.logo { margin-left: 75px;
}
    
nav { margin-top: 30px;
      width: 100%;
}

#cssmenu{
         float:  none;
         margin:auto;
}

img{width: 100%}


    
   .columna1, .columna2, .columna3{
        max-width: none;
        float: none;
        margin-bottom: 25%;
    }

main .secciones .texto-circulos{
        width: auto;
        padding: 8%;
        color: #fff;
    }

.titulo2{
    color:#fff;
}
    
main .secciones .columna1, main .secciones .columna2, main .secciones .columna3{
    background: #4d4d4d;
}
    
aside{
    width: 100%;
    height: 960px;
    }

main aside .agenda1, main aside .agenda2, main aside .agenda3, main aside .agenda4{
        width: 98%;
        margin-bottom: 10%;
        border-right-style: none;    
        border-left: none;    
    } 
    
    
    
    .galeriatexto { display: none; }
    
 
    
 .galeriatrabajos3,.galeriatrabajos4 {margin-top:  20px; }

    
    .galeriatrabajos3,.galeriatrabajos4,.galeriatrabajos2 {width: 200px;
                                                          height: 200px; 
                                                         margin:  0 auto 0 auto; 
    
    
    }
    
    
    
    main { height: auto;  }

footer{
width: auto;
}

 .cajaarieloculta {display:  none; }

    
  .fotostri { display: none; }
    
.textotri
    { width: 285px; height: 1158px; }   

}