@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);



body{background-image: url(img/upfeathers.png)}


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




/*HEADER---------------------------------------------------------------------------------------------*/



header {width:100%;
        height:150px;
        background: rgba(109, 190, 153, 0.85);
        padding: 0;
}

.logo {width: 50%;
     padding: 2% 0 0 3%;
     margin:0;}

.loguearse{width:24%;
           padding: 3% 2% 0 3%;
           float: right;
}



/*NAV---------------------------------------------------------------------------------------------*/



nav { width:100%;
    height:30px;
    border-bottom: rgb(226, 102, 82) solid 1px;
    border-top: rgb(226, 102, 82) solid 1px;
    background: rgba(236, 119, 98, 0.82);
    float:left;
    margin-top: 0.5%;
    padding-bottom: 1.5%;
}

#home 
    { width:100%;
    height:30px;
    border-bottom: rgb(226, 102, 82) solid 1px;
    border-top: rgb(226, 102, 82) solid 1px;
    background: rgba(236, 119, 98, 0.82);
    float:left;
    margin-top: 0.5%;
    padding-bottom: 1.5%;
}


nav ul {
margin-bottom: 1%;

}
nav ul li  {display: block;
           text-decoration: none;
           float: left;
           margin:0 1% 2% 4.5% ;
           color: #000;
           line-height: auto;
           list-style: none;
}

nav ul li a {
           
           display: block;
           text-decoration: none;
           font-family: 'Roboto Condensed', sans-serif;
           font-size: 0.9rem;
           text-align: center;
           color: #000;
           line-height: 10px;
           list-style: none;
           border-left: #000 2px solid;
            border-right: #000 2px solid;
            padding: 5px;
            height: 5px;
            line-height: 0.4;
}


nav ul li a:hover{color: #fffffe;
                 font-weight: bold;
                 display: block;
                 text-decoration: none;
                 list-style: none;}


nav ul li a.botonactivo{ color: #fff;
                         font-family:  'Roboto Condensed', sans-serif;
                         font-size: 1rem;
                         font-weight: bold;
                         display: block;
                         text-decoration: none;}



a {list-style: none;}



/*HOME - MAIN---------------------------------------------------------------------------------------------*/


main{width: 100%;
            height: 860px;}

h1 {font-family: 'Roboto Condensed', sans-serif;
}


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

section{width:75%;
        height: auto;
        margin: 0 1% 0 2%;
        float:left;}


.cajacolor{ width:95%;
            height: 270px;
            margin-top: 47%;
            margin-left: -2%;
            padding-top: 0;
            padding-left: 3%;
        padding-right: 0;
            border-top: 1px #cecece solid;
            border-bottom: 1px #cecece solid;
            box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);}


.photo-grid {
	max-width: 100%;
	text-align: center;
}
 
.photo-grid li {
	width: 25%;
    height: 200%;
    margin-left: -10%;
    margin-right: 18%
}
 
.photo-grid li img {
	display: block;
	height: auto;
	max-width: 100%;
    margin: 0%;
}
 
.photo-grid figure {
	height: 200px;
	overflow: hidden;
	position: relative;
	width: 130%;
    margin-right: 0%;
}
 
.photo-grid figcaption {
	background: rgba(196, 46, 46, 0.8);
	display: table;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}

.photo-grid figcaption p {
	display: table-cell;
    color: #000;
	font-size: 1rem;
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
	position: relative;
	top: 0px;
    left: 0;
    right: 0;
    width: 300px;
	vertical-align: middle;
    padding: 7%;
}

.photo-grid figcaption p b {
    border-bottom: 1px solid #000;
    margin-bottom: 15%;
}

.photo-grid li:hover figcaption {
	opacity: 1;
}

.photo-grid img {
	display: block;
	height: auto;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	max-width: 100%;
}
 
.photo-grid li:hover img {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
}


.photo-grid figcaption {
	background: rgba(255, 188, 0, 0.69);
	color: white;
	display: table;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms;
	z-index: 100;
}


.titular{width: 49%;
         height: 35px;
         background: rgba(255, 205, 0, 0.81);
         margin-top: 72%;
         padding: 1% 0 0 4%;
         font-family: 'Roboto Condensed', sans-serif;
         color: #000;}

h1 {padding-top:3%;
    margin-top: 6%;
    font-size: 2rem;
    margin-left: 35%;
    font-family:  'Roboto Condensed', sans-serif;
    color:#000; }

h2{font-size: 0.9rem;
   color: #000;
   font-family:  'Roboto Condensed', sans-serif;
   font-weight: bold;}

p {width: 200%;
   font-size: 0.78rem;
   padding: 17% 0 0 0;
   margin: 0;
   font-family:'PT Sans', sans-serif;
}



/*LAURA VARNSKY---------------------------------------------------------------------------------------------*/


.zocalo{width:98%;
        height: 170px;
        margin: 2% 1% 0 -2%; 
        border-top: 1px #cecece solid;
        border-bottom: 1px #cecece solid;
        padding: 0;
        box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);
}


.imglau{width:27.5%;
        height:120px;
        float: left;
        margin: 4% 1% 0 2%;}

h4 {font-size: 0.95rem;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 1% 0 0 0;
    margin-top: 6%;
    margin-left: 2%;
    }

.varsky  {width: 67%;
    font-size: 0.75rem;
        font-family: 'PT Sans', sans-serif;
        padding: 0.5% ;
        margin: 0 2% 0 30%;
        
        
    }

.vermas { width: 8%;
          height: 16px;
          background: rgb(255, 206, 0);
          margin: 1.3% 0 0 0  ;
          float: right;
          font-size: 0.8rem;
          font-family: 'Roboto Condensed', sans-serif;
          padding: 0 0 0 2%;}



/*ASIDE---------------------------------------------------------------------------------------------*/


aside{width: 21%;
      height: 780px;
      background: rgba(231, 201, 157, 0.58);
      margin-top: 2%;
      float:left;
      border-radius: 5px;
    
    }

aside article{width:90%;
              height:200px;
              background: rgba(255, 255, 255, 0.33);
              margin:10% 1% 1% 5%;
              border-radius: 5px;

            font-family:'PT Sans', sans-serif;
            font-size: 0.85rem;}

.becahome{  width: 83%;
            border-radius: 3px;
            height: 60px;
            background:rgba(255, 205, 0, 0.59);
            border-bottom: #ffbc00 solid 2px;
            border-top: #ffbc00 solid 2px;
            margin:8% 0 2% 6%;
            padding: 3% 0 0 6%;
            font-family:'Roboto Condensed', sans-serif;
            font-size: 1.2rem;
            display: block;
            text-decoration: none;
            
            }
    
aside a:hover {background:rgba(236, 119, 98, 0.57);
                color: #000;
                 font-weight: bold;
                 display: block;
                 text-decoration: none;

            }

aside a
    {text-decoration: none;}

.asideart1 {width: 80%;
            height: 30px;
            padding: 0.7% 0 0 6%;
            border-bottom-style:double;
            border-bottom-color: #ffbc00;
            border-bottom-width: medium;
            }

.asideart2 {width: 80%;
            height: 30px;
            padding: 0.7% 0 0 6%;
            border-bottom-style:double;
            border-bottom-color: #ffbc00;
            border-bottom-width:medium;
           }

.asideart3 {width: 80%;
            height: 30px;
            padding: 0.7% 0 0 6%;
            border-bottom-style:double;
            border-bottom-color: #ffbc00;
            border-bottom-width: medium;
           }

.calendar{ width:111%;
           margin: 0 0 0 0;
           padding: 0;}

aside p{width:95%;
   font-family:'PT Sans', sans-serif;
   font-size: 0.8rem;
   padding: 0;
  margin-top:2%;}

aside h2 {width:95%;
   font-family:'Roboto Condensed', sans-serif;
   font-size: 0.95rem;
   padding-bottom: 3%;
  margin:4%;}



/*FOOTER---------------------------------------------------------------------------------------------*/

footer{
        width: 100%;
        height: 50px;
        background: rgba(236, 119, 98, 0.76);
        font-family:  'Roboto Condensed', sans-serif;
        font-size: 0.7rem;
        text-align: center;
        padding-top: 20px;

}

.slicknav_menu {
	display:none;
}


/*DOCENTES---------------------------------------------------------------------------------------------*/


/*caja contenedora de circulos */ 


.docentes1{ width:97%;
            height: 250px;
            margin: 7% 0 -7% 0%; 
            padding: 13px;
            border-top: 1px #cecece solid;
            border-bottom: 1px #cecece solid;
            border-left: 5px;
            border-right: 5px;
            box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);
             position: relative;
}

/* circulos con fotos de los profesores*/ 

.fotoprofes1{
            width:17%;
            height: auto;
            float: left;
            margin:2% 0% 0% 5%;
            border: rgb(206, 206, 206) solid 6px;
            border-radius: 120px;
            padding: 0;
            box-shadow: 0.1rem 0.2rem 0.2rem 0.1rem         rgba(172, 163, 163, 0.58); 
}


/*lista de nombres */ 

main ul{text-decoration: none;
        list-style: none;
       }


main ul li{ 
            text-decoration: none;
            list-style: none;
            width:20%;
            height: 20px;
            font-size: 0.8rem;
            font-family:  'Roboto Condensed', sans-serif;
            font-weight: bold;
            float: left;
            margin: 2%  2% 2% 3%;
            padding-left: 0;
            text-align: center;
            text-decoration: none;}

main ul li a {
              text-decoration: none;
              list-style: none;
              margin-left: 3%;
              height: 20px;
              font-size: 0.8rem;
              font-family:  'Roboto Condensed', sans-serif;
              float: left;
              text-align: center;
              padding: 0;
            
}

.descripcion_docentes{
        
        position: absolute;
        font-size: 0.70rem;
        font-family: 'PT Sans', sans-serif;
        text-align: left;
        line-height: 1rem;
        padding: 0 ;
        margin: -5% 0 0 -8%;
        width: 90%;
        font-weight: normal;
        left: 14%;
          

}


.link_texto{
    position: absolute;
    float: left;
    bottom:2%;
    margin: 0 -10% 0 0;
    text-decoration: none;
}


.clarisa_alvarez{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    position: absolute;
    bottom: 16%;
    left: 2.5%;
    line-height: 550%;
   
    
}

.diana_moreno{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    position: absolute;
    bottom: 16%;
    left: 25%;
    line-height: 550%;
    
}

.pupe{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    position: absolute;
    bottom: 16%;
    left: 48%;
    line-height: 550%;
    
}

.jose_villamayor{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    position: absolute;
    bottom: 16%;
    left: 71%;
    line-height: 550%;
    
}

.florencia_capella{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    position: absolute;
    bottom: 16%;
    left: 2.5%;
    line-height: 550%;
    
}

.mariano_grassi{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    position: absolute;
    bottom: 16%;
    left: 25%;
    line-height: 550%;
    
}

.ivanke{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    position: absolute;
    bottom: 16%;
    left: 48%;
    line-height: 550%;
    
}

.marcos_fariña{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    position: absolute;
    bottom: 16%;
    left: 71%;
    line-height: 550%;
    
}

.gaston_caba{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    position: absolute;
    bottom: 16%;
    left: 2.5%;
    line-height: 550%;
    
}

.veronica_bidinost{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    position: absolute;
    bottom: 16%;
    left: 25%;
   line-height: 550%;
    
}

.martin_laksman{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    position: absolute;
    bottom: 16%;
    left: 48%;
    line-height: 550%;
    
}

.daniela_kantor{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    position: absolute;
    bottom: 16%;
    left: 71%;
    line-height: 550%;
    
}


/*CATEDRA--------------------------------------------------------------------------------------------*/

.inforoldan {width:97%;
        height: 250px;
        margin-top: 5%;
    margin-left: 1.5%;
        margin-bottom: 2%;
        border-radius: 7px;
        box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.35);
        border-top: 1px #cecece solid;
        border-bottom: 1px #cecece solid;}


.inforoldan h2{
   width: 80%;
    height: 40px;
     font-size: 1.7rem;
    padding: 0;
    margin: 2.5% 0 1% 0;
  
   }
.inforoldan b { font-size: 0.95rem;
    width:100%;
   
      }

.fotoroldan{width:25%;
        height:auto;
        float: left;
        margin:3% 1% 0% 1%;
       
        padding: 0;}




.inforoldan p{width:70%;
    height: 150px;
     font-size: 0.88rem;
    
     margin: 1% 0 1% 0;
     padding: 1% 0 0 0 ;
     font-family: 'PT Sans', sans-serif;
     border-top: #ffbc00 solid 3px;
    -moz-column-count: 2;
    -moz-column-gap: 25px;;
    -webkit-column-count: 2;
    -webkit-column-gap: 25px;;
    column-count: 2;
    column-gap: 35px;
}
.verprograma{width:10%;
    height: 4%;
    background: rgba(255, 205, 0, 0.81);
    margin: 3% 0 0 43%;
    font-family: 'PT Sans', sans-serif;;
    border-radius: 5px;
    padding: 1%; 
    text-align: center;}



/* sobre la catedra --------------------------------------------------------------------------------------------------------*/


.infocatedra {width:95%;
    height: 55%;
     font-size: 0.795rem;
     position: relative;
     margin: 0% 1% 0% 1%;
     padding-left: 3%;
     font-family: 'PT Sans', sans-serif;
     box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.35);
      border-top: 1px #cecece solid;
      border-bottom: 1px #cecece solid;
}


.infocatedra p{width:96%;
    height: 340px;
     font-size: 0.8rem;
     position: relative;
     margin: 0 3% 0% 0;
     padding-top: 1%;
     font-family: 'PT Sans', sans-serif;
    -moz-column-count: 4;
-moz-column-gap: 25px;
-webkit-column-count: 4;
-webkit-column-gap: 25px;
column-count: 4;
column-gap: 25px;
}


.infocatedra h2{
    width: 15%;
    line-height: 0.9em;
    height: 20px;
    font-size: 1.5rem;
    padding: 0;
    text-align: center;
    z-index: 100;
  
   }

.lacatedra{
   width: 14%;
    height: 70px;
    position: absolute;
    padding: 0;
    margin: 0.2% 0 1% 2%;
    z-index: 0;
   }

.infocatedra b{
    width: 120%;
     font-size: 0.95rem;
    padding:7% 0 0 0;
    margin:0 0 0 0;
   }


/* VER MAS --------------------------------------------------------------------------------------------------------*/

#mainvarsky{
height: 100%;
margin-bottom: 2%;
margin-top: -2%;
}

#varsky {font-size: 1.5rem;
    font-family: 'Roboto Condensed', sans-serif;
    color: rgb(236, 119, 98);
    margin: 0;
}


.vermas1{
    
    width: 98%;
    height: %;
    padding: 1%;
    margin-top: 10%;
    box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.35);
}

.vermas2{ width:  43%;
        float: right;
        margin-right: 1.5%;
}

.cita{
width: 99%;
margin-top: 1%;
margin-bottom: -2%;
padding: 1%;
border-radius: 3px;
font-style: italic;

  
}

.varskymain{
margin-top: 5%;
float: right;

}

.varsky2{
width: 100%;


}

.verweb{
    float: right;
    height: 1%;
    width: 10%;
    text-align: center;
    padding: 1%;
    background-color: #ffbc00;
    border-radius: 0.5em;
    font-size: 0.7em;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    
}

.verweb a {

    text-decoration: none;
}





/* FICHA DOCENTES --------------------------------------------------------------------------------------------------------*/


.infoprofes {width:97%;
        height: 500px;
        margin: 6% 0 0 1.5%;
        border-radius: 7px;
        box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.35);
  border-top: 1px #cecece solid;
            border-bottom: 1px #cecece solid;}

.fotoprofe{width:18%;
        height:170px;
        float: left;
        margin:3% 3% 0% 2%;
        border-radius: 120px;
     border: rgb(206, 206, 206) solid 6px;
        padding: 0;}

.tps{width:15%;
        height:150px;
        float: left;
        margin:1% 0 0% 1%;
        border-radius: 6px;
        padding: 0;}

.nombredocente {width:100%;
      font-size: 1.5rem;
     
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: bold;
      padding-top: 4%;
}

.parrafo p{width:70%;
    height: 150px;
     font-size: 0.89rem;
     font-family: "Arial";
     margin: 0.5% 3% 1% 0;
     padding: 1% 0 0 0 ;
     font-family: 'PT Sans', sans-serif;
     border-top: #ffbc00 solid 3px;
    -moz-column-count: 2;
    -moz-column-gap: undefinedpx;
    -webkit-column-count: 2;
    -webkit-column-gap: undefinedpx;
    column-count: 2;
    column-gap: undefinedpx;}


.contenedortps
{width:100%;
        height: 180px;
        margin:1% 2% 0 2%;
        padding: 0;
        border-radius: 7px;
        }

.paginapersonal{width:16%;
    height: 16px;
    background: rgba(255, 205, 0, 0.81);
    margin: 2% 0 0 41%;
    font-family: "Arial";
    border-radius: 5px;
    padding: 1%; }


/*GALERIA DE TRABAJOS................................................................................*/

.titulo2014{
margin-top: 10%;
margin-bottom: 2%;
height: 5%;
text-align: center;
line-height: 2.5em;
text-decoration: underline;
background-color: rgba(255, 255, 255, 0.19);
box-shadow: 0.1rem 0.01rem 0.1rem 0.1rem rgba(165, 160, 140, 0.49);

    
}

.anteriores{
margin-top: 40%;
margin-bottom: 2%;
height: 5%;
text-align: center;
line-height: 2.5em;
text-decoration: underline;
background-color: rgba(255, 255, 255, 0.19);
box-shadow: 0.1rem 0.01rem 0.1rem 0.1rem rgba(165, 160, 140, 0.49);

    
}


.photo-grid2 {
	max-width: 100%;
    height: 100px;
    margin: 0 auto;
     
}
 
.photo-grid2 li {
	width: 25%;
    height: 200%;
    float: left;
}
 
.photo-grid2 li img {
	display: block;
	height: 100%;
    

}
 
.photo-grid2 figure {
	height: 200px;
	overflow: hidden;
	position: relative;
	width: 120%;
    margin: 0 auto;
    
    
    
}
 
.photo-grid2 figcaption {
	background: rgba(196, 46, 46, 0.8);
	display: table;
	height: 120%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
   
    
}

.photo-grid2 figcaption p {
	display: table-cell;
    color: #000;
	font-size: 1rem;
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
	position: relative;
	top: 0px;
    left: 0;
    right: 0;
    width: 320px;
	vertical-align: middle;
    padding: 7%;
}

.photo-grid2 figcaption p b {
    border-bottom: 1px solid #000;
    margin-bottom: 10%;
}

.photo-grid2 li:hover figcaption {
	opacity: 1;
}

.photo-grid2 img {
	display: block;
	height: auto;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	max-width: 100%;
}
 
.photo-grid2 li:hover img {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
}


.photo-grid2 figcaption {
	background: rgba(238, 142, 124, 0.71);
	color: white;
	display: table;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms;
	z-index: 100;
}






/*galeria interna .......................................................................................*/

.general  {

background-color: rgba(255, 255, 255, 0.19);
box-shadow: 0.1rem 0.01rem 0.1rem 0.1rem rgba(165, 160, 140, 0.49);
font-family:arial, tahoma, verdana, sans serif;
font-size:14px;
margin-top: 7%;
height: 99%;
}
 
#lightbox div{
visibility:hidden;
position: relative; 
height:100px;
width:100px;
background-color:black;
opacity: 1;
margin: auto;

    
}

#lightbox :target {
visibility:visible;
position:absolute;
top:20%;
bottom:0;
left:0;
right:0;
margin: auto;
height: 520px;
width: 520px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
background-color:rgba(243, 243, 243, 0.31);
border-radius: 12px;
border: 1px solid gray;
z-index:100;
opacity: 1%
}

.background  {
position: absolute;
width:500px;
height:500px;
opacity:0.5;
background-color=rgba(0, 0, 0, 0);
}

.fadeout  {
visibility:hidden;
top:5%; 
bottom:0;
left:0;
right:0;
position:absolute;
margin:auto;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
background-color:rgba(0, 0, 0, 0);
opacity:0.1;
}

#close {
position:absolute;
left: 1.2%;
top: 1.2%;
width:18px;
height:16px;
background-color:rgba(0, 0, 0, 0);
text-decoration:none;
font-family:arial, tahoma, verdana, sans serif;
padding-left:1px;
padding-top:1px;
text-align:center;
font-size:12px;
color:rgba(255, 255, 255, 0);
border:2px solid rgba(128, 128, 128, 0);
border-radius:25px;
opacity:1;
}


.muestra {

    margin-right: 2%;
    margin-left: 2%;
    margin-top: 6%;
    height: 200px;

}


/*tps................................................................................*/

.tps2014 { width: 66.5%;
        height: 22px;
        margin-top: 4%;
        font-size: 0.8rem;
        font-family:  'Roboto Condensed', sans-serif;
        font-weight: bold;
        padding-top: 1%;
        padding-left: 35%;}

.tps20132 {width: 66.5%;
        height: 22px;
        margin-top: 27%;
       
        font-size: 0.8rem;
        font-family:  'Roboto Condensed', sans-serif;
        font-weight: bold;
        padding-top: 1%;
        padding-left: 35%;}

.tps20131 { width: 66.5%;
        height: 22px;
        margin-top: 27%;
       
        font-size: 0.8rem;
        font-family:  'Roboto Condensed', sans-serif;
        font-weight: bold;
        padding-top: 1%;
        padding-left: 35%;}


/*BECA FNA---------------------------------------------------------------------------------------------*/



.beca h1{ width: 94%;
        border-bottom:#ffbc00 solid 3px;
        margin-top: 6%;
        margin-left: 3%;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        font-size: 2rem; }

.titularparrafo h4{ width:70%;
    height: 10px;
    margin: 1% 0 4% 2%;
    font-size: 1.4rem; }

.fotobeca{width: 30%;
        height: 235px;
        margin: 0 0 0 3%;
        float: left;}

.cajabeca p{margin: 1%;
    width:95%;
    padding: 1%;
        height: 170px;
        font-family: 'PT Sans', sans-serif;
        font-size: 0.78rem;
    -moz-column-gap: undefinedpx;
    -webkit-column-count: 2;
    -webkit-column-gap: 12px;
    column-count: 2;
    column-gap: 12px;
   
       }
.cajabeca{
        width:62%;
        height: 235px;
        margin: 0 0 0 1%;
        float: left; 
        border-top: 1px #cecece solid;
        border-bottom: 1px #cecece solid;
        box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);
    position: relative;
       }

.inscribite{
    width:8%;
    height: 22px;
    background: rgba(255, 205, 0, 0.81);
    position: absolute;
    margin-left: 5%;
    margin-top: 23%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 0.9rem;
    border-radius: 5px;
    padding: 0 ;
    text-align: center;
    text-decoration: none;
    
 }

.becalogo{
    
    width: 100%;
    float: left;

}

.logosbeca{
        float: left;
        padding: 0;
        text-decoration: none;
        font-family: "Roboto Condensed", sans-serif;
    
       }

/*ALUMNOS---------------------------------------------------------------------------------------------*/



.barra1 {width:100%;
         height: 250px;
         margin: 50px 0 0 0;
         border-top: 1px #cecece solid;
         border-bottom: 1px #cecece solid;
         box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);
}    


.img_tp {width: auto;
         height: auto;
         margin: 25px 25px 0 25px;
         border-radius: 15px;
         box-shadow: 0.1rem 0.1rem 0.3rem 0.3rem rgba(0, 0, 0, 0.14);
         float: left;
}

.barra1_txt {width: 87%;
             height: 210px;
             font-family: 'PT Sans', sans-serif;
             font-size: 0.80rem;
}

h4 {font-size: 1.5rem;
    font-family: 'Roboto Condensed', sans-serif;
    color: rgb(236, 119, 98);
    margin: 20px 0 0 0;
    
} 

article p {width: 100%;
           height: auto;
           padding-top: 0;
           padding-right: 0;
           margin: 0 auto;
}


.botondescarga {width: 90px;
                height: auto;
                margin: -5% 0 0 90%;
                padding: auto;
}


 /*EVENTOS---------------------------------------------------------------------------------------------*/   
  
.mainevent
    {width: 80%;
    height:220px;
    position: relative;
    float: left;
    margin-top: 3%;
    margin-right: 1%;
    border-top: 1px #cecece solid;
    border-bottom: 1px #cecece solid;
    box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);}

.mainevent p
    {width: 45%;
    position: relative;
   float: left;
    margin-left: 1%;}

.mainevent p b
    {font-size: 0.9rem;
     padding-top: 5%;}

.mainevent h4
    {width: 35%;
    position: relative;
    float: left;
    margin-left: 1%;}

.imagenmuestra2014
    {width: 50%;
    position: relative;
    float: left;
    margin: 1% 0.5% 1% 1%;}



.fotoevento
    {width: 95%;
    position: relative;
    float: left;
    margin: 2% 3% 1% 2%;}


.eventoscalendario
    {width: 18%;
    position: relative;
    float: left;
    height:220px;
        font-size: 0.5rem;
    margin: 3% 0% 1% 1%;
    border-top: 1px #cecece solid;
    border-bottom: 1px #cecece solid;
    box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);}

.eventoscalendario p
    {width:90%;
        font-size: 0.7rem;
    text-align: center;
    padding-right: 2%;}

.imageneventoscalendario
    {width: 94%;
    position: relative;
    float: left;
    margin: 1% 1% 1% 3%;}


.segundoevento
    {width: 31%;
    position: relative;
    float: left;
    height:420px;
    margin: 1.1%;
    border-top: 1px #cecece solid;
    border-bottom: 1px #cecece solid;
    box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);}



.segundoevento p
    {width: 95%;
 
    }
.segundoevento p b
    {font-size: 0.85rem;
 
    }

.segundoevento h4
    {width: 90%;
        padding: 2% 0 2% 3%;
        font-size: 1.2rem;
 
    }


.tercerevento
    {width: 31%;
    position: relative;
    float: left;
    height:420px;
    margin: 1.1%;
    border-top: 1px #cecece solid;
    border-bottom: 1px #cecece solid;
    box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);}

.tercerevento p
    {width: 95%;
 
    }

.tercerevento h4
    {width: 90%;
        padding: 2% 0 2% 3%;
        font-size: 1.1rem;
 
    }

.tercerevento p b
    {font-size: 0.85rem;
 
    }
.cuartoevento
    {width: 31%;
    position: relative;
    float: left;
    height:420px;
    margin: 1.2%;
    border-top: 1px #cecece solid;
    border-bottom: 1px #cecece solid;
    box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);}

.cuartoevento p
    {width: 95%;
 
    }

.cuartoevento p b
    {font-size: 0.85rem;
 
    }
.cuartoevento h4
    {width: 90%;
        padding: 2% 0 2% 3%;
        font-size: 1.2rem;
 
    }

/*
.quintoevento
    {width: 48%;
    position: relative;
    float: left;
    height:260px;
    margin: 1%;
    border-top: 1px #cecece solid;
    border-bottom: 1px #cecece solid;
    box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);}


/*PROXIMA CLASE---------------------------------------------------------------------------------------------*/

.infoproximaclase
    {width: 60%;
    margin-left: 5%;
    float: left;
    height:360px;
    margin-top: 2%;
    border-top: 1px #cecece solid;
    border-bottom: 1px #cecece solid;
    box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);}

.infoproximaclase p
    {width:90%;
        margin-left: 5%;
    margin-right: 10%;}

.infoproximaclase a
    {text-decoration: none;}

.infoproximaclase h2 {width:90%;
        margin-left: 5%;
    margin-right: 10%;}

.infoproximaclase h4 {width:90%;
    margin-top: 1%;
        margin-left: 5%;
    margin-right: 10%;}


.enterate{
    margin-top: 5%;
    font-size: 0.8rem;
        }

.asideproximaclase

    {width: 25%;
    height: 300px;
    float:left;
    padding: 0; 
    margin: -35% 0 0 3%;
      
    background: rgba(255, 255, 255, 0);
  }

.loguitoface
    {width: 10%;
        padding-top: 1%;
    
   }

.fotosface
{width: 90%;
    margin-left: 2%;
}

.megusta {width: 40%;
    height: auto;
    margin-top:3%;
    
}

.asidenovedades p 
{font-size: 1rem;
}

.iraevento
{width:20%;
    height: 20px;
    background: rgba(255, 205, 0, 0.81);
    margin: 1% 0 0 5%;
    font-family: 'PT Sans', sans-serif;;
    border-radius: 5px;
    padding-top: -1%; 
text-align: center;}


/*INSCRIPCIONES---------------------------------------------------------------------------------------------*/

.inscripciones
    {width: 80%;
    float: left;
    margin-top: 2%;
    margin-right: 3%;
    padding-left: 3%;
    border-top: 1px #cecece solid;
    border-bottom: 1px #cecece solid;
    box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);}

.fotoinscripciones
    {
    position: relative;
    width: 96%;
    float: left;
    margin-top: 2%;
    padding-left: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
    border-top: 1px #cecece solid;
    border-bottom: 1px #cecece solid;
    box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);}



.inscripciones p {
    width:40%;
    margin-left: 0;
    margin-right: 10%;
    text-align: center;
}

.inscripciones a
    {text-decoration: none;}

.inscripcionesdos p {
    width:90%;
    margin-left: 5%;
    margin-right: 10%;
    line-height: 2rem;
    text-align: center;

}

.inscripciones h4 {width:30%;
    margin-top: 1%;
    margin-left: 0%;
    margin-right: 10%;
    margin-bottom: 2%;
    
}


.inscribirme {
width: 10%;
height: 10%;
text-align: center;
font-size: 2rem;
}
    
.botonanotarme{
position: absolute;
top: 83%;
background-image: url(img/lacatedra.png);
width: 36%;
height: 10%;
background-repeat: no-repeat;
    

}

.anotarme{
position: absolute;
top: -17%;
left:10%;
font-size: 2em;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
}

#inscripciones{
height: 750px;
    
}

.siu
    
 { line-height: 4em;
    width: 13%;
    float: left;
    margin-top: 2%;
    margin-left: 1%;
    border-top: 1px #cecece solid;
    border-bottom: 1px #cecece solid;
    box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: rgba(255, 205, 0, 0.81);
}
     
 }

.dos{
background-color: #ffbc00;
}
    
    
/*NOVEDADES---------------------------------------------------------------------------------------------*/

#mainnovedades
    {width: 100%;
    height: 2200px;}

#sectionnovedades
    {width:65%;
    height: auto;
    margin: 3% 1% 0 2%;
    float:left;
     box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);}

.infonovedades
    {width: 95%;
    position: relative;
    float: left;
    height:500px;
    margin: 1%;
    border-bottom: 1px #cecece solid;}

.infonovedades p
    {width: 95%;
    position: relative;
    float: left;
    margin-left: 1%;
    margin-top: 2%;}

.infonovedades a
    {text-decoration: none;}

.infonovedades h4
    {width: 98%;
        height: 15px;
    margin-left: 1%;
   margin-bottom: 3%;
   }
        

.fechaentrada p  {width: 29%;
    position: relative;
    float: left;
    margin: 0.5%;
 border-bottom: #ffbc00 solid 2px;}

.aficheferialibro
    {width: 80%;
    position: relative;
    float: left;
    margin: 1% 3% 1% 2%;}


.aficheferiailustradores
  {width: 80%;
    position: relative;
    float: left;
    margin: 1% 3% 1% 2%;}

.asidenovedades

    {width: 25%;
    height: 500px;
    float:left;
     
    margin: 5% 0 0 5%;
        position: relative;
    background: rgba(255, 255, 255, 0);
  }

.loguitoface
    {width: 10%;
        padding-top: 1%;
    
   }

.fotosface
{width: 90%;
    margin-left: 2%;
}

.megusta {width: 40%;
    height: auto;
    margin-top:3%;
    
}

.asidenovedades p 
{font-size: 1rem;
}


/*CONTACTOS---------------------------------------------------------------------------------------------*/

.form{ width: 500px;
       margin: 12% 0 0 22%;
       font-family: "Roboto Condensed", Arial, sans-serif;
       font-size: 14px;
       color: #333;
}

.form h2 {font-size: 40px;
         color: rgb(191, 191, 191);
         font-family: "Roboto Condensed";
         border-bottom: 2px solid rgb(191, 191, 191);
         text-align: center;
         margin: 0 0 15px 0;
}

input{ width: 95%;
       height: 40px;
       font: 300 14px "Roboto Condensed", Arial, sans-serif;
       margin: 5px 0 10px 0;
      
}

input[type=submit]{background-color:rgba(236, 119, 98, 0.85);
                   height:40px;
                   width:96%;
                   border-radius: 5px;
                   font-size: 1.2rem;
                   letter-spacing: 0.5px;
                   color:rgb(255, 255, 255);
}

textarea {width: 95%;
          height: 150px;
          margin: 5px 0 10px 0;
          font: 300 14px "Roboto Condensed", Arial, sans-serif;
}

.data {width: auto;
       height: auto;
       margin: 10% 10% 0 20%;
   }


.datoscatedra {width: auto;
               height: auto;
               margin: 10% 0 0 20%;
               float: left;
}

.imgpress {width: 60%;
           margin: 10% 0 0 20%;           
}


a {color:#000;} 
a:visited {color:#000;} 
a:active {color:#000;} 
a:hover {color:#000;} 


/*PROGRAMA---------------------------------------------------------------------------------------------*/



.unidades  
{width: 55%;  
    
height: 25px;
margin: 0 2% 1%  4%;
    padding-bottom: 3.5%;
    position: relative;
   }

.programa h4{width: 50%;
       
       margin-top:  8%;
    padding-bottom: 1%;
    padding-left: 2%;
   }
.programa h2{
    line-height: 2em;
    text-align: center;
    width: 15%;
    padding-left: 3%;
    z-index: 1000;
   
    
   }

.fondounidades {

height: 35px;
width:60%;
background-image: url(img/lacatedra.png) ;
background-size: contain;
background-repeat: no-repeat;
   }


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

.rg-image-wrapper{
    position:relative;
    padding:20px 30px;
    background:transparent url(../images/black.png) repeat top left;
    border-radius: 10px;
    min-height:20px;
}

.rg-image{
    position:relative;
    text-align:center;
    line-height:0px;
}

.rg-image img{
    max-height:100%;
    max-width:100%;
}

.rg-image-nav a{
    position:absolute;
    top:0px;
    left:0px;
    background:#000 url(../images/nav.png) no-repeat -20% 50%;
    width:28px;
    height:100%;
    text-indent:-9000px;
    cursor:pointer;
    opacity:0.3;
    outline:none;
    border-radius: 10px 0px 0px 10px;
}

.rg-image-nav a.rg-image-nav-next{
    right:0px;
    left:auto;
    background-position:115% 50%;
    border-radius: 0px 10px 10px 0px;
}

.rg-image-nav a:hover{
    opacity:0.8;
}

.rg-gallery{width: auto;
            height: 50px;
}

.rg-caption {
    text-align:center;
    margin-top:15px;
    position:relative;
}
.rg-caption p{
    font-size:11px;
    letter-spacing:2px;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    line-height:16px;
    padding:0 15px;
    text-transform:uppercase;
}

.rg-loading{
    width:46px;
    height:46px;
    position:absolute;
    top:50%;
    left:50%;
    background:#000 url(RIG/images/ajax-loader.gif) no-repeat center center;
    margin:-23px 0px 0px -23px;
    z-index:100;
    border-radius: 10px;
    opacity:0.7;
}

.talleres {margin: 8% 0 5% 40%;
}



/*RESPONSIVE HOME---------------------------------------------------------------------------------------------*/

@media  screen and (min-width: 329px) and ( max-width: 768px) { 
   

/*HEADER---------------------------------------------------------------------------------------------*/
    
header {padding: 0;
        width: 100%;
        height: 150px;}


    


 
    
/*NAV---------------------------------------------------------------------------------------------*/   
    
nav{width:100%;

}
    
nav ul li{margin:0 2% 1% 1% ;
          list-style: none;
            }
   
/*MAIN---------------------------------------------------------------------------------------------*/     
    
main{width: 100%;
     height: 600px;}
    
/*SECTION--------------------------------------------------------------------------------------------*/       
    
section{width:95%;
        height: 200px;
        margin: 8% 1% 0 1%;
        float:left;}


.cajacolor{width:76%;
            height: 180px;
            margin: 40% 0% 0% -1%;
            padding-top: 0%;
            padding-left: 0%;
            padding-right: -10%;
            border-top: 1px #cecece solid;
            border-bottom: 1px #cecece solid;
            background: rgba(255, 255, 255, 0);
            box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.20);}    

.photo-grid{
    height: 0px;
    width: 95%;
}
    
.photo-grid li {
	width: 25%;
    height: 180px;
    float: left;
    margin-left: -15%;
    margin-right: 23%;
}
    
    .photo-grid li a{
        height: 1px;
        padding: 0;
        margin-top: -15%;
    }
 
.photo-grid li img {
	float: left;
    margin: none;
    
}
  

.photo-grid figcaption p {
display: none;
}
    
.photo-grid li:hover img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}


   
.titular{width: 70%;
        height: 35px;
        background: rgba(255, 205, 0, 0.81);
        margin-top: 40%;
        padding: 1% 0 0 4%;
        font-family: "Arial";
        color: #000;}
    
h2 
    {font-size: 0.50rem;
     color: #000;
     font-weight: bold;}

section p {display:none;}


.zocalo{display: none;}

.lau{display: none;}
    
/*ASIDE--------------------------------------------------------------------------------------------*/   
    
aside{width: 24%;
      height: 175px;
      margin:12% 0 0 75%;}

aside article{width:100%;
              height: 10px;
              background: rgba(239, 200, 200, 0.19);
              margin:-1% 2% 2% 5%;
              border-radius: 5px;
}

.asideart1 {width: 84%;
            height:24px;
            padding: 0 0 0 6%;
            float:left; }
  
  
.asideart2 { display: none;}

.asideart3 { display: none;}
    
aside h2 {font-size: 0.83rem;
    color: #000;
    padding: 0;
    font-weight: bold;}


aside p {width:95%;
   font-size: 0.68rem;
   padding: 0;}
    
    
aside b {width:95%;
   font-size: 0.75rem;
   padding: 0;}

.calendar{ display: none;}

footer{display: none;}
    
.becahome{display: none;}
    

 /*RESPONSIVE PROFES..............................................................................*/   
    
/* circulos con fotos de los profesores*/ 

.fotoprofes1{
            width:17%;
            height: auto;
            float: left;
            margin:2% 0% 0% 5%;
            border: rgb(206, 206, 206) solid 6px;
            border-radius: 120px;
            padding: 0;
            box-shadow: 0.1rem 0.2rem 0.2rem 0.1rem         rgba(172, 163, 163, 0.58); 
}

/*caja contenedora de circulos */ 


.docentes1{width:97%;
        height: 200px;
        margin: 0 0 0 1.5%; 
        padding: 0;
        border-radius: 7px;
        box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.35);}


.docentes2{width:97%;
        height: 180px;
        margin: 0 0 0 1.5%; 
        padding: 0;
        border-radius: 7px;
        box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.35);}


.docentes3{width:97%;
       height: 180px;
        margin: 0 0 0 1.5%; 
        padding: 0;
        border-radius: 7px;
        box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.35);}


h1 {padding-top:3%;
    margin-top: 6%;
    font-size: 1rem;
    margin-left: 35%;
    font-family:  'Roboto Condensed', sans-serif;
    color:#000; }


 /*LISTA NOMBRES..............................................................................*/ 
    
/*lista de nombres */ 

nav{
    clear: both;
    margin-bottom: 2%;
}
    
.docentes1 {
    margin-top: 4%;
    height:200px;
    clear: both;
}    
    
main ul{text-decoration: none;
        list-style: none;  
       }


main ul li{ 
            text-decoration: none;
            list-style: none;
            width:20%;
            height: 20px;
            font-size: 0.6rem;
            font-family:  'Roboto Condensed', sans-serif;
            font-weight: bold;
            float: left;
            margin: 2%  2% 2% 3%;
            padding-left: 0;
            text-align: center;}

main ul li a {
              text-decoration: none;
              list-style: none;
              margin-left: 3%;
              height: 10px;
              font-size: 0.7rem;
              font-family:  'Roboto Condensed', sans-serif;
              float: left;
              text-align: center;
              padding: 0;
           
}

.descripcion_docentes{
        
       display: none;

}


.link_texto{
    display: none;
}


.clarisa_alvarez{
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    bottom: 7%;
    left: 2%;
    line-height: 500%;
    
}

.diana_moreno{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    bottom: 7%;
    left: 25%;
     line-height: 500%;
    
}

.pupe{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    bottom: 7%;
    left: 49%;
     line-height: 500%;
    
}

.jose_villamayor{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    bottom: 7%;
    left: 73%;
     line-height: 500%;
    
}

.florencia_capella{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    bottom: 7%;
    left: 2%;
     line-height: 500%;
    
}

.mariano_grassi{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    bottom: 7%;
    left: 25%;
    line-height: 500%;
    
}

.ivanke{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    bottom: 7%;
    left: 49%;
    line-height: 500%;
    
}

.marcos_fariña{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    bottom: 7%;
    left: 73%;
     line-height: 500%;
    
}

.gaston_caba{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    bottom: 7%;
    left: 2%;
     line-height: 500%;
}

.veronica_bidinost{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    bottom: 7%;
    left: 25%;
    line-height: 500%;
    
}

.martin_laksman{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    bottom: 7%;
    left: 49%;
     line-height: 500%;
    
}

.daniela_kantor{
    
    height: 20%;
    width: 20%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    bottom: 7%;
    left: 73%;
     line-height: 500%;
    
} 
    
     /*RESPONSIVE CATEDRA --------------------------------------------------------------------------------------------*/ 
    
    
    
 .inforoldan{width:97%;
        height: 200px;
        margin: 5% 0 0 1.5%;
        border-radius: 7px;
        box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.35);
        border-top: 1px #cecece solid;
        border-bottom: 1px #cecece solid;}

.fotoroldan{width:25%;
        height:auto;
        float: left;
        margin:3% 1% 0% 1%;
       
        padding: 0;}



.nombreroldan {width:100%;
      font-size: 1.7rem;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: bold;
      padding-top: 3%;
}

.inforoldan p{width:70%;
    height: 120px;
     font-size: 0.65rem;
    
     margin: 1% 1% 1% 0;
     padding: 1% 0 0 0 ;
     font-family: 'PT Sans', sans-serif;
     border-top: #ffbc00 solid 3px;
    -moz-column-count: 2;
    -moz-column-gap: 15px;;
    -webkit-column-count: 2;
    -webkit-column-gap: 15px;;
    column-count: 2;
    column-gap: 15px;
}
.inforoldan b{width:70%;
    height: 120px;
     font-size: 0.75rem;
    }
    
.infocatedra {width:95%;
    height: 370px;
     font-size: 0.67rem;
     position: relative;
     margin: 2% 2% 0% 1%;
     padding: 1%;
     box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.35);
     border-top: 1px #cecece solid;
     border-bottom: 1px #cecece solid;}
    
.infocatedra p{width:96%;
    height: 300px;
     font-size: 0.7rem;
     position: relative;
     margin: 2% 3% 0% 0;
     padding-left: 2%;
     font-family: 'PT Sans', sans-serif;
-moz-column-count: 3;
-moz-column-gap: 25px;
-webkit-column-count: 3;
-webkit-column-gap: 25px;
column-count: 3;
column-gap: 25px;
  }

.infocatedra h2{
   width: 80%;
    height: 30px;
     font-size: 1.5rem;

    margin-left: -10%;}
    
    
.lacatedra{
   width: 40%;
    height: 70px;
    position: absolute;
    padding: 0;
    margin: 2.3% 0 1% 4%;
    z-index: 0;
  
   }

.infocatedra h3{
     font-size: 0.9rem;
    padding: 4% 0 0 0;
    margin:0 0 0 0;
   
    }
/*RESPONSIVE galeria --------------------------------------------------------------------------------------------*/ 

.gal1{margin-top: 5%;}
.gal2{margin-top: 5%;}
.gal3{margin-top: 5%;}
.gal4{margin-top: 5%;}
.gal5{margin-top: 5%;}
.gal6{margin-top: 5%;}
.gal7{margin-top: 5%;}
.gal8{margin-top: 5%;}
.gal9{margin-top: 5%;}
.gal9{margin-top: 5%;}


}



/*RESPONSIVE MOBILE --------------------------------------------------------------------------------------------*/   


@media  screen  and (max-width: 320px) { 
    
 /* #menu is the original menu */
.js #menu {	display:none;
	}
	
.slicknav_menu {display:block;
	}
    
/*HEADER---------------------------------------------------------------------------------------------*/  
    
header {padding: 0;
        width: 100%;
        height: 145px;
        margin: 1%;
}

.logo {width: 92%;
     margin:  1%;
    
}
    
.loguearse{width:50%;
    margin-top:-6%;
padding: 1%;
margin-right: 3%;}

/*NAV---------------------------------------------------------------------------------------------*/    
    
#home {
height: 100%;
width: 95%;
background-color: rgba(0, 0, 0, 0);
border: none;

}

nav{
    
}
  
ul {
width: 96%;
margin-left: -3%;

}
#menu ul li{
align-content: center;
width: 120%;
display: block;
float: none;
background-color: rgba(0, 0, 0, 0);
    
}
    
nav ul li{
    float: none;
    border: none;
    margin: 0 1% 1% -10%;
    background: rgba(236, 119, 98, 0.83);
}

nav ul li a{
            display: block;
           text-decoration: none;
           font-family: 'Roboto Condensed', sans-serif;
           font-size: 0.9rem;
           text-align: center;
           color: #000;
           line-height: 10px;
           list-style: none;
           border-left: none;
           border-right: none;
           padding: 7px;
           height: 5px;
           line-height: 0.4;
            margin-bottom: 2%;
}

/*MAIN---------------------------------------------------------------------------------------------*/   
    
main{width: 100%;
     height: 600px;}
    

/*SECTION--------------------------------------------------------------------------------------------*/   
    
section{width:100%;
        height: 180px;
        margin: 0 1% 0 2%;
        float:left;}

.cajacolor{display: none;}



.col1{display: none;}
    
.col2{display: none;}

.col3{display: none;}

    .varsky{display: none;}
    .lau{display: none;}
    .vermas{display: none;}
    .zocalo{display: none;}
    
.titular {width: 70%;
          height: 45px;
          background: rgba(255, 205, 0, 0.81);
          margin-top: 40%;
          padding: 1% 0 0 4%;
          font-family: "Arial";
          color: #000;}

h2 {font-size: 0.50rem;
    color: #000;
    font-weight: bold;}


/*ASIDE--------------------------------------------------------------------------------------------*/ 
    
    
aside{width: 99%;
      height: 180px;
      margin:-13% 0 0 2%;}

aside article{width:100%;
              height:50px;
            background: rgba(255, 255, 255, 0);
              margin:1% 1% 2% 6%;
              border-radius: 5px;}
    
 
.asideart1 {width: 84%;
            height: 27px;
            padding: 0 0 0 6%;
            float:left;
}

 
 .asideart2 { display: none;}

 .asideart3 { display: none;}
    
h2 {font-size: 0.75rem;
     color: #000;
     padding: 0;
     font-weight: bold;}

p {width: 200%;
   font-size: 0.7rem;
   padding: 13% 0 0 0;
   margin: 0;
   padding: 0;}

p {width:95%;
   font-size: 0.65rem;
   padding: 0;}

.calendar{ display: none;}

footer{display: none;}

.becahome{display: none;}

   
    
 /*LISTA NOMBRES
DOCENTES    ..............................................................................*/ 
    
/*lista de nombres */ 

#menucatedra{
display: none;

}

#menudocentes{
display: none;}
.docentes1 {
    margin-top: 14%;
    height:1100px;
    clear: both;
    position: relative;
    width: 100%;
}    
    
main ul{text-decoration: none;
        list-style: none;  
       }



main ul li a {
              text-decoration: none;
              list-style: none;
              height: 10px;
              font-size: 1.5rem;
              font-family:  'Roboto Condensed', sans-serif;
              text-align: center;
              padding: 0;
           
}
    
.fotoprofes1 {
                height: 200px;
                width: 200px;
                margin: 10% 10%;
                

}

.descripcion_docentes{
        
       display: none;
}


.link_texto{
    display: none;
}


.clarisa_alvarez{
    height: 10%;
    width: 110%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    top:180px;
    left: -35px;
}

.diana_moreno{
    height: 10%;
    width: 110%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    top:450px;
    left: -35px;

    
}

.pupe{
    
    height: 10%;
    width: 110%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    top:700px;
    left: -35px;
    
}

.jose_villamayor{
    height: 10%;
    width: 110%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    top:1000px;
    left: -35px;
    
 
    
}

.florencia_capella{
    height: 10%;
    width: 110%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    top:180px;
    left: -35px;

    
}

.mariano_grassi{
    height: 10%;
    width: 110%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    top:450px;
    left: -35px;
  
}

.ivanke{
    height: 10%;
    width: 110%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    top:700px;
    left: -35px; 
}

.marcos_fariña{
    
    height: 10%;
    width: 110%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    top:1000px;
    left: -35px;
}

.gaston_caba{
     height: 10%;
    width: 110%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    top:180px;
    left: -35px;

    
}

.veronica_bidinost{
    height: 10%;
    width: 110%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    top:450px;
    left: -35px;
   
}

.martin_laksman{
    height: 10%;
    width: 110%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    top:700px;
    left: -35px;  

    
}

.daniela_kantor{
   height: 10%;
    width: 110%;
    background-image: url(img/banner_profes_recto-01-02-01.png);
    background-size: cover;
    position: absolute;
    top:1000px;
    left: -35px;
   
    
}
    /*RESPONSIVE galeria --------------------------------------------------------------------------------------------*/ 

.gal1{ width: 95%;}
.gal2{ width: 95%;}
.gal3{ width: 95%;}
.gal4{ display: none;}
.gal5{ display: none;}
.gal6{ display: none;}
.gal7{ display: none;}
.gal8{ display: none;}
.gal9{ display: none;}
.gal9{ display: none;}

.tps2014{ width: 100%;
          margin: 3%;
          padding-left: 6%;}

.tps20142{ display: none;}
.tps20131{ display: none;}
.tps20132{ display: none;}
    
  
 /*RESPONSIVE catedra--------------------------------------------------------------------------------------------*/     
  
    
@media  screen  and (max-width: 320px) { 
    
 /* #menu is the original menu */
.js #menu {	display:none;
	}
	
.slicknav_menu {display:block;
    margin-left: 1%;
    width: 99%;
	}
    


    
 .inforoldan 
        {width:97%;
        height: 235px;
        margin: 5% 0 0 1.5%;
        border-radius: 7px;
        box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.35);
        border-top: 1px #cecece solid;
        border-bottom: 1px #cecece solid;}

    .inforoldan p {display: none;}

.fotoroldan{width:80%;
        height:auto;
        float: left;
        margin:3% 1% 0% 9%;
       
        padding: 0;}


 
.infocatedra {
    height: 680px;
     font-size: 0.67rem;
     position: relative;
     margin: 2% 2% 0% 0%;
     padding: 1%;
     box-shadow: 0.1rem 0.2rem 0.3rem 0.5rem rgba(204, 204, 204, 0.35);
     border-top: 1px #cecece solid;
     border-bottom: 1px #cecece solid;}
    

.inforoldan h2 {
        width:40%;

      font-size: 1rem;
      margin-left: 35%;
   
      padding-top: 5%;
  
}
   

.infocatedra p {
    width:96%;
    height: 670px;
     font-size: 0.6rem;
     position: relative;
     margin: 7% 3% 0% 0;
     padding: 2%;
     font-family: 'PT Sans', sans-serif;
     
    -moz-column-count: 1;
-moz-column-gap: 25px;
-webkit-column-count: 1;
-webkit-column-gap: 25px;
column-count: 1;
column-gap: 25px;
 }

.infocatedra h2{
    font-size: 1.7rem;
    padding: 0;
    margin: 6% 0 1% -10%;
    width: 100%;
  
   }
.lacatedra{
   width: 90%;
    height: 70px;
    position: absolute;
    padding: 0;
    margin: 4% 0 1% -1%;
    z-index: 0;
  
   }

.infocatedra h3{
     font-size: 0.9rem;
    padding: 6% 0 0 0;
    margin:0 0 0 0;
   
    }

.verprograma{width:30%;
    height: 7%;
    background: rgba(255, 205, 0, 0.81);
    margin: 5% 0 0 33%;
    font-family: 'PT Sans', sans-serif;;
    border-radius: 5px;
    padding: 1%; 
    text-align: center;}
    
}