/**************************index******************************/
body {
font-size: 10px;
font-family: 'Roboto', sans-serif, helvetica;
background-color: rgb(236,238,194);

}



div#pagina {
margin: auto;
width:990px;
background-color: rgba(236,238,194);
overflow: visible;

}

header {
width:100%;
overflow: visible;
margin-top: 2%;

}

div#logo1 img{
width: 10%;
float: left;
margin-left: 6%;
margin-right: 5%;

}



div#logo {
overflow: auto;
width:100%;
margin-left: 0%;
padding-top: 1.8%;
background-image: url(imagenes/fondoo2.png);
padding-bottom: 1.5%;
}


div#logo p {
background-color: rgba(80, 81, 80, 0.6);
margin-left: 1%;
float: left;
text-align: center;
color: rgb(236,238,194);    
margin-bottom: 0%;
font-size: 1.5rem;
font-weight: 900;   
padding-bottom: 1%;
padding-top: 1%;
padding-left: 3%;
padding-right: 3%;
margin-top: 3%;
text-align: center;
}

#botoneradearriba{
width: 100%;
float: left;
margin-bottom: 1%;
margin-top:1%;
    background-color: rgb(80,81,80);
 
}

.menu{
    list-style:none;
	padding:0%;
	margin:0px;
    overflow: visible;
    width: 100%;
    position:relative;
    z-index: 1000;
}
.menu li{
margin:0%;
margin-right: 0%;
float:left;
position:relative;
width: 12%;

}


.menu li a{
	display: block;
	width: 100%;

font-size: 0.9rem;
	  margin:0%;
    padding-right: 0%;
padding-left: 0%;
padding-bottom: 5%;
padding-top: 5%;
	
	text-decoration: none;
	text-align: center;
	color: rgb(236,238,194);
	background-color: rgb(80,81,80);


 
}

.menu li a:hover{
color: rgb(197,0,62);
background-color: rgb(11, 8, 44);
}


.menu ul{
overflow: hidden;
    position: absolute;
	left:0;
    width: 100%;
	top:100%;
	margin:0px;
	list-style:none;
    padding:0px;
	opacity:0;
	transition:opacity .35s ease .2s;
	-webkit-transition:opacity .35s ease .2s;
	-moz-transition:opacity .35s ease .2s;
	-o-transition:opacity .35s ease .2s;
	visibility:hidden;	
    float: left;
}

.menu ul li{
width: 100%;

}
.menu ul li a{
	
	border-left:none;
	display:block;
	text-align:center;
    float: left;
}


.menu li:hover ul{
    opacity:1;
	visibility:visible;
}






















.contacto {
font-weight: 900;
background-color: rgb(0, 0, 0);
border-left: solid rgb(153,203,0);

}


.menuactual {
padding: 2%;      
padding-top: 4%;
background-color:rgb(197,0,62);
font-weight: 600;
padding-bottom: 4%;
color: rgb(236,238,194);
  
}





#redes{

float: right;
margin-right: 1%;
}

div#redes ul li a {
display: block;
width: 25px;
height: 25px;
margin-bottom: 0;}


#redes ul li a.facebook{
background-image: url(imagenes/face.svg);
background-position: top center;
background-repeat: no-repeat;

}

#redes ul li a.facebook:hover{
background-image: url(imagenes/face.svg);
background-position:bottom center;
background-repeat: no-repeat;
}

#redes ul li a.twitter{
background-image: url(imagenes/twitter.svg);
background-position: center;
background-repeat: no-repeat;

}

#redes ul li a.twitter:hover{
background-image: url(imagenes/twitter_hover.svg);
background-position: center;
background-repeat: no-repeat;
}

#redes ul li a.flickr{
background-image: url(imagenes/flickr.svg);
background-position: top center;
background-repeat: no-repeat;

}

#redes ul li a.flickr:hover{
background-image: url(imagenes/flickr_hover.svg);
background-position:bottom center;
background-repeat: no-repeat;
}



ul{list-style: none;}

article {
width: 97%;
background-color: rgb(236,238,194);
overflow: hidden;
margin: auto;

}



div#botoneraderecha {
width:23%;
float: right;
margin-top: 4%;
list-style: none;
margin-right: 1%;
}



.rankingg{
text-decoration: none;
color: rgb(80,81,80);
font-size: 2rem;
font-weight: 900;
text-align: center;
margin-bottom: 11%;

}

.ranking {
width: 95%;
display: block;
margin-top: 0%;
margin-bottom: 11%;
margin-right: 0%;
list-style: none;
background-color: rgb(255,215,0);
margin-left: 2.5%;
}

.ranking:hover{

color: rgb(197,0,62);
}

#botoneraranking .fa-bullhorn{
font-size: 1rem;
color: rgb(80,81,80);
text-align: center;
padding-left: 0%;
padding-right: 0%;
margin-left: 2%;
padding-bottom:8%;
padding-top: 2%;
margin-top: 5%;
font-weight: 900;
width: 96%;
border-bottom: solid rgb(80,81,80);
}

#botoneraranking .fa-bullhorn:hover{
color: rgb(197,0,62);


}



.numeros{
font-size: 2.5rem;
width: 40%;
background-color: rgb(80,81,80);
color: rgb(255,215,0);
text-align: center;
margin-top:0%;
margin-bottom: 0%;
margin-left: 2.5%;
margin-right: 0%;
align-items: center;
padding-left: 2%;
padding-right: 2%;
}

.titulos22{
width: 40%;
float:right;
margin-top:0%;
margin-bottom: 0%;
margin-left: 0%;
margin-right: 2.5%;
font-size: 1rem;
background-color: rgba(80, 81, 80, 0.87);
padding-top: 2%;
padding-bottom: 3%;
padding-right: 7%;
padding-left: 7%;
color: rgb(236,238,194);
font-weight: 700;

}



#textoabajo{
width: 73%;
overflow: hidden;
margin-left: 1.3%;
border-bottom-style: solid;
border-bottom-color: rgb(152,203,0); 
border-bottom-width: thick;
margin-bottom: 3%;
}

.textocorrido{
font-size: 1rem;
margin-top: 2%;
color: rgb(80,81,80);

}

.negrita{
font-weight: 900;

}

.textocorrido a{text-decoration: none;
color: rgb(80,81,80);
font-weight: 900;
padding:0.3%;
float: right;
margin: 1%;

}

.textocorrido a:hover{
color: rgb(197,0,62);
}


.lacatedra2{
background-color: rgb(153,203,0);
font-size: 2rem;
width: 100%;
color: rgb(80,81,80);
font-weight: 900;
padding-left: 0%;
padding-right: 0%;
margin: 0%;
text-align: center;

}

.bibliografia{
width:100%;
color: rgb(80,81,80);
background-color: rgb(153,203,0);
text-align: center;
position: relative;
float: left;
font-size: 1.9rem;
font-weight: 900;
margin-top: 0%;
margin-bottom:4%;
list-style: none;

}

.bibliografia:hover{
color: rgb(197,0,62);

}

#botonerabibliografia{
width: 100%;
margin: 0%;
float: left;
margin-bottom: 4%;
margin-top:8.5%;
}

#botonerabibliografia ul{

width: 82%;
background-color: rgba(80, 81, 80, 0.94);
padding-bottom: 1%;
padding-top: 1%;
margin: 0%;
}

#botonerabibliografia ul li{
text-align: center;
margin-bottom: 6.5%;
margin-left: -22%;
overflow: hidden;
background-color: rgb(80,81,80);
}


#botonerabibliografia ul li a{
color: rgb(236,238,194);
text-decoration: none;    
font-size: 0.9rem; 
text-align: center;

}


#botonerabibliografia ul li a:hover{
color: rgb(197,0,62);
}

.subtitulos:hover{
color: rgb(197,0,62);
font-weight: 700;

}


#trabajos2{overflow: hidden;
background-image: url(imagenes/trabajos.jpg);
background-repeat: no-repeat;
background-position: center;
width: 700px;
height: 200px;
float: left;

margin-left: 1.5%;
margin-top:4%;}


#trabajos2 ul li a{
display: block;
width: 700px;
height: 200px;
overflow: hidden;
margin-left: -6%;
margin-top: -1.5%;
}

#trabajos2:hover{
background-image: url(imagenes/trabajos_hover.jpg);
background-repeat: no-repeat;
background-position: center;    
}


#tallereferentesbanda{
width: 73%;
overflow: hidden;
margin-bottom: 2%;;
margin-left: 1.5%;
}


.taller2 {
overflow: hidden;
background-image: url(imagenes/taller.jpg);
background-repeat: no-repeat;
background-position: center;
width: 280px;
height: 280px;
float:left;
display: block;
margin-top: 1%;
margin-left: -6%;
}

.taller2:hover{
background-image: url(imagenes/taller_hover.jpg);
background-repeat: no-repeat;
background-position: center;    

}


.referentes2 {
overflow: hidden;
background-image: url(imagenes/referentes.jpg);
background-repeat: no-repeat;
background-position: center;
width: 280px;
height: 280px;
float:left;
display: block;
margin-left: 1.5%;
margin-top: 1%;
}

.referentes2:hover{
background-image: url(imagenes/referentes_hover.jpg);
background-repeat: no-repeat;
background-position: center;    

}

.bandamarilla {
overflow: hidden;
background-image: url(imagenes/bandamarilla.jpg);
background-repeat: no-repeat;
background-position: center;
width: 120px;
height: 280px;
float:left;
display: block;
margin-left: 1.5%;
margin-top: 1%;
}

.bandamarilla:hover{
background-image: url(imagenes/bandamarilla_hover.jpg);
background-repeat: no-repeat;
background-position: center;
}

footer{
font-size: 8pt;
padding:1%;
clear: both; 
text-align: center; 
color: rgb(80,81,80);
width: 97%;
margin-top: 3%;
margin: auto;
}

footer a{
text-decoration: none;
color: rgb(197,0,62);
font-weight: 900;

}
/****************************fin index***********************/




/**********************************************pestaña propuesta*******************************************************************************/


#columnita1{
margin-top: 1%;
width: 70%;
float:left; 

}

.subtitular1{
font-size: 2rem;
color: rgb(80,81,80);
margin: 0%;
font-weight: 900;

}

.textodelectura1{
font-size: 1rem;
color: rgb(80,81,80);
padding-bottom: 2.5%;
}

#imagencita11{
width: 960px;
height: 268px;
background-image: url(imagenes/imagencita.jpg);
    

}


#imaaaaagen{
overflow: hidden;
width: 240px;
height: 195px;
background-image: url(imagenes/cuadradopropuesta.jpg)
}


#imaaaaagen:hover{
background-image: url(imagenes/cuadradopropuesta_hover.jpg)

}



/************************************************************************PESTAñA TRABAJOS**********************************************************************************/ 

.titularr{
margin: 0%;
color: rgb(197,0,62);
padding: 0.5%;
width: 50%;
}

.hipervinculo{
font-weight: 900;
text-decoration: underline;


}

#nivelete1{
background-image: url(imagenes/nivel1.jpg);
background-position: center;
background-repeat: no-repeat;
width: 320px;
height: 200px;
overflow: hidden;
margin-top: 0%;
margin-bottom: 6%;
float: left;
padding-bottom: 3%;

display: block;
}

#nivelete1 ul li a{display: block;
width: 320px;
height: 200px;

}

#nivelete1:hover{
background-image: url(imagenes/nivel1_hover.jpg);
}



#nivelete2{
background-image: url(imagenes/nivel2.jpg);
background-position: center;
background-repeat: no-repeat;
margin-top: 0%;
float: left;
padding-bottom: 3%;

margin-bottom: 6%;
display: block;
width: 320px;
height: 200px;
}

#nivelete2 ul li a{display: block;
width: 320px;
height: 200px;
margin-top: 0%;
float: right;
}

#nivelete2:hover{
background-image: url(imagenes/nivel2_hover.jpg);
}

.nivel111{
font-size: 2rem;
margin-top: 0%;
margin-bottom: 1%;
width: 99.5%;
background-color: rgb(153,203,0);
text-align: center;
color: rgb(80,81,80);
font-weight: 900;

}

#nivele1{
float: left;
width: 33.5%;
margin-left: 3%; 
margin-top: 4%;
}

#nivele2{
float: left;
width: 33.5%;
margin-left:3.1%;
margin-top: 4%;
}

.nivel112{
font-size:2rem;
margin-top: 0%;
margin-bottom: 1%;
margin-left: 0%;
width: 99.5%;
background-color: rgb(153,203,0);
text-align: center;
color: rgb(80,81,80);
font-weight: 900;

}




#bandi{
float: left;
background-image: url(imagenes/bandi.jpg);
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
width: 200px;
height: 426px;
margin-top:4%;    
margin-right: 0%;
margin-bottom: 0%;
margin-left: 3.1%;
}

#bandi:hover{
background-image: url(imagenes/bandi_hover.jpg);
background-position: center;
background-repeat: no-repeat;

}




#bandi ul li a{display: block;
width: 200px;
height: 416px;
float: right;


}

.textodebajoo{
margin: 0%;
float: left;
font-size:1rem;
color: rgb(80,81,80);
padding-bottom:1%;
border-bottom: rgb(153,203,0) solid thin;

}

/************************************************************************PESTAñA nivel1**********************************************************************************/
.textuli{
background-color: none;
color: rgb(80,81,80);
font-size: 0.8rem;
font-weight: normal;
margin: 0%;
text-align: left;
}


 div#tp1{
padding-top: 0%;
text-align: center;     
width: 30%;
float: left;
margin-left: 0%;
 }


.texto3{
text-align: center;
font-size: 0.9rem;
font-weight:900;
color: rgb(236,238,194);
background-color: rgb(59,191,177);
padding:2%;
margin: 0%;
}



div#tp2{
padding-top: 0%;    
margin-left: 4%;
float: left;
width: 30%;
text-align: center;
}





div#tp3{
padding-top: 0%;
width: 30%;
float: left;
text-align: center;
margin-left: 4%;
}




div#tp4{
float: left;
margin-top:4%;
width: 26%;
margin-left: 4%;
text-align: center;

}


#probanding a{
margin:0%;

text-decoration: none;

}

.fa-pencil{
font-size:1.5rem;

}

.fa-laptop{
font-size:1.5rem;


}

.fa-check-square-o{
font-size: 1.5rem;

}

.fa-list-ol{
font-size: 1.5rem;

}

.botoncitos1 {
color: rgb(197,0,62);
float: left;
padding: 0%;
font-size:0.7rem;
width: 13%;
margin-bottom: 1%;
margin-top: 3%;
margin-right: 11%;
text-align: right;
margin-left:0%;
}

.botoncitos1:hover{

color: rgb(52,191,177);
}

div#tp5{
margin-left: 6%;
margin-top: 4%;
width: 26%;
float: left;
text-align: center;

}




div#tp6{

margin-top: 4%;
width: 26%;
margin-left: 6%;
float: left;
text-align: center;
margin-bottom:6%;
margin-right: 4%;
}


div#atras{

margin-left: 89%;
width: 8%;
height: 2%;
padding-top:0;
margin-top:-4.5%;
padding-bottom: 2%;
font-size: 1.1rem;
padding-left: 2%;
border-left-style: solid;
border-left-color: rgb(80,81,80);
padding-top: 2%;

}


div#atras a{
text-decoration: none;
color: rgb(80,81,80);
font-weight: 700;}

div#siguiente{
padding-top:15%;
margin-left: 78%;
width: 10%;

font-size: 1.1rem;

}

div#siguiente a{

text-decoration: none;
color: rgb(80,81,80);
font-weight: 700;}


/*****************docentes*****************/
.tituloprofes{
overflow: visible;
background-color: rgb(153, 203, 0);
padding: 0%;
margin-left: 0%;
color: rgb(80,81,80);
font-weight: 900;
font-size: 2rem;
margin-top: 1%;
margin-bottom: 1%;
text-align: center;
width: 100%;
}
.tituloprofesores{
overflow: visible;
padding: 0%;
margin-left: 0%;
color: rgb(80,81,80);
font-weight: 900;
font-size: 2rem;
margin-top: 1%;
margin-bottom: 1%;
text-align: left;
width:70%;
}
#botoneraderecha23 {
float: right;
width: 25%;
text-align: center;
background-color: rgba(80,81,80,0.87);
margin-bottom:9%;
margin-top: 1%;
}
#botoneraderecha23 ul li{
background-color: rgb(80,81,80);
padding-right: 9%;
padding-left: 9%;
padding-bottom: 2%;
padding-top: 2%;
margin-bottom: 5%;
width: 102%;
float: right;
margin-right: 0%;
margin-top: 0%;
margin-left: 0%;
text-align: center;
overflow: visible;
}
#botoneraderecha23 ul li a{
display: block;
text-decoration: none;
color: rgb(236,238,194);
font-size: 0.9rem;
}
#botoneraderecha23 ul li a:hover{
color: rgb(197,0,62);
}
.explora{
padding-bottom: 0%;
font-size: 1.1rem;
font-weight: 900;
color: rgb(80,81,80);
margin-top: 0%;
background-color: rgb(153,203,0);
    
}
div#titulares{
    margin-top: 2%;
}
.titular{
    width: 8.5rem;
    float: left;
    margin-left: 0rem;
    margin-right: 0.5%;
}
.titular2{
   width: 8.5rem;
    float: left;
    margin-left: 0rem;
    margin-right: 0.5%;
}
.titular3{
   width: 8.5rem;
    float: left;
    margin-left: 0rem;
    margin-right: 0.5%;
}
.titular4{
   width: 8.5rem;
    float: left;
    margin-left: 0rem;
    margin-right: 0.5%;
}
.titular5{
  width: 8.5rem;
    float: left;
    margin-left: 0rem;
    
}
.cuadrotitular{
  width: 8.4rem;
  float: left;
  margin-left: 0rem;
  margin-right: 0.2%;
  font-size: 12pt;
  font-style: normal;
  font-weight: 900pt;
  text-align: center;
  color: rgb(153,203,0);
 
}
.cuadrotitular img{
     width: 20px;
    margin-right: 0.9%;
    margin-top: 2%;
}
.cuadrotitular2{
  width: 8.9rem;
  float: left;
  margin-left: 0rem;
  margin-right: 0.3%;
  font-size: 12pt;
  font-style: normal;
  font-weight: 900pt;
  text-align: center;
  color: rgb(153,203,0);
 
}
.cuadrotitular2 img{
   width: 20px;
    margin-right: 0.3%;
    margin-top: 2%;
}
.cuadrotitular3{
  width: 8.3rem;
  float: left;
  margin-left: 0rem;
  margin-right: 0.4%;
  font-size: 12pt;
  font-style: normal;
  font-weight: 900pt;
  text-align: center;
  color: rgb(153,203,0);
  
}
.cuadrotitular3 img{
   width: 20px;
    margin-right: 0.9%;
    margin-top: 2%;
}
.cuadrotitular4{
  width: 9rem;
  float: left;
  margin-left: 0rem;
  margin-right: 0.7%;
  font-size: 12pt;
  font-style: normal;
  font-weight: 900pt;
  text-align: center;
  color: rgb(153,203,0);
}
.cuadrotitular4 img{
    width: 20px;
    margin-right: 0.9%;
    margin-top: 2%;
}
.cuadrotitular5{
  width: 8.4rem;
  float: left;
  margin-left: 0rem;
  margin-right: 0.7%;
  font-size: 12pt;
  font-style: normal;
  font-weight: 900pt;
  text-align: center;
  color: rgb(153,203,0);
 
}
.cuadrotitular5 img{
    width: 20px;
    margin-right: 0.9%;
    margin-top: 2%;
}
.tituloniveluno{
font-size: 16pt;
width: 20%;
color: rgb(80,81,80);
background: rgb(153,203,0);
padding-left: 0%;
padding-right: 0%;
margin-top: 7%;
font-weight: 900;
float: left;
text-align: center;
}
.tituloniveldos{
font-size: 16pt;
width: 20%;
color: rgb(80,81,80);
padding-left: 0%;
background: rgb(153,203,0);
padding-right: 0%;
margin-top: 0%;
font-weight: 900;
float: left;
text-align: center;
}
    /******************fin profes************/
/**************************CRONOGRAMAA******************/
#botoneraderechacronograma{
float: right;
width: 25%;
text-align: center;
background-color: rgba(80,81,80,0.87);
margin-top: 1%;
}
#botoneraderechacronograma ul li{
background-color: rgb(80,81,80);
padding-right: 9%;
padding-left: 9%;
padding-bottom: 2%;
padding-top: 2%;
margin-bottom: 5%;
width: 102%;
float: right;
margin-right: 0%;
margin-top: 0%;
margin-left: 0%;
text-align: center;
overflow: visible;
}
#botoneraderechacronograma ul li a{
display: block;
text-decoration: none;
color: rgb(236,238,194);
font-size: 0.9rem;
}
#botoneraderechacronograma ul li a:hover{
color: rgb(197,0,62);
}
.explora{
padding-bottom: 0%;
font-size: 1.1rem;
font-weight: 900;
color: rgb(80,81,80);
margin-top: 0%;
background-color: rgb(153,203,0);
    
}
.titulocrono{
overflow: visible;
background-color: rgb(153, 203, 0);
padding: 0%;
margin-left: 0%;
color: rgb(80,81,80);
font-weight: 900;
font-size: 2rem;
margin-top: 1%;
margin-bottom: 1%;
text-align: center;
width: 100%;
}
.objetivoscrono{
overflow: visible;
padding: 0%;
margin-left: 2%;
color: rgb(80,81,80);
font-weight: 900;
font-size: 2rem;
margin-top: 2%;
margin-bottom: 1%;
text-align: left;
width:70%;
}
.abril{
    font-size: 35pt;
    width: 50%;
    float: left;
    color: rgb(80,81,80);
    font-weight: bold;
    text-align: right;
    margin-top: 0%;
}
.abril2015{
    font-size: 35pt;
    width: 50%;
    margin-top: 0%;
    float: left;
    color: rgb(80,81,80);
    font-weight: normal;
    text-align: left;
}
.explicacioncronograma{
width: 65%;
font-size: 1rem;
color: rgb(80,81,80);
margin-right: 1%;
margin-left: 2%;
}
.domingo{
   width: 13.5%;
    background: rgb(197,0,62);
    color: rgb(236,238,194);
    font-size: 14pt;
     font-weight: bold;
    text-align: center;
    padding-bottom: 1%;
    padding-top: 1%;
    float: left;
    margin-left: 0%;
    margin-right: 0.5%;
}
.lunes{
    width: 13.5%;
    background: rgb(197,0,62);
    color: rgb(236,238,194);
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    padding-bottom: 1%;
    padding-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.martes{
   width: 13.5%;
    background: rgb(197,0,62);
    color: rgb(236,238,194);
    font-size: 14pt;
     font-weight: bold;
    text-align: center;
    padding-bottom: 1%;
    padding-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.miercoles{
    width: 13.5%;
    background: rgb(197,0,62);
    color: rgb(236,238,194);
    font-size: 14pt;
     font-weight: bold;
    text-align: center;
    padding-bottom: 1%;
    padding-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.jueves{
     width: 13.5%;
    background: rgb(197,0,62);
    color: rgb(236,238,194);
    font-size: 14pt;
     font-weight: bold;
    text-align: center;
    padding-bottom: 1%;
    padding-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.viernes{
     width: 13.5%;
    background: rgb(197,0,62);
    color: rgb(236,238,194);
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    padding-bottom: 1%;
    padding-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.sabado{
     width: 13.5%;
    background: rgb(197,0,62);
    color: rgb(236,238,194);
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    padding-bottom: 1%;
    padding-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia30{
   width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(175, 175, 175);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
    
    
}
.dia31{
   width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(153,203,0);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0%;
    
}
.agendadia31{
    width: 28%;
    height: 7.8rem;
    background: rgb(153,203,0);
    float: left;
    margin-right: 0.5%;
    margin-top: 1%;
    
}
.agendadia31 p{
    background: rgb(62, 62, 62);
    color: rgb(236,238,194);
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 0.6%;
    padding-top: 1%;
    text-align: center;
    margin-top: 0%;
    margin-right: 0%;
    margin-left: 2%;
}
.agendadia31 h5{
    color: rgb(62, 62, 62);
    font-size: 11pt;
    margin-left: 9%;
    margin-top: 0%;
    
}
.dia03{
    
    width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia04{
    width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia05{
     width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia06{
   width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(153,203,0);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0%;
    
}
.agendadia06{
    width: 28%;
    height: 7.8rem;
    background: rgb(153,203,0);
    float: left;
    margin-right: 0.5%;
    margin-top: 1%;
    
}
.agendadia06 p{
    background: rgb(62, 62, 62);
    color: rgb(236,238,194);
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 0.6%;
    padding-top: 1%;
    text-align: center;
    margin-top: 0%;
    margin-right: 0%;
    margin-left: 2%;
}
.agendadia06 h5{
    color: rgb(62, 62, 62);
    font-size: 11pt;
    margin-left: 9%;
    margin-right: 2%;
    margin-top: 0%;
    
}
.dia09{
     width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia10{
     width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia11{
     width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia12{
     width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia13{
      width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia14{
     width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
    
.dia15{
      width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia16{
      width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia17{
    width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(153,203,0);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0%;
    
}
.agendadia17{
    
    width: 28%;
    height: 7.9rem;
    background: rgb(153,203,0);
    float: left;
    margin-right: 0;
    margin-top: 1%;
    
    
}
.agendadia17 p{
    background: rgb(62, 62, 62);
    color: rgb(236,238,194);
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 0.6%;
    padding-top: 1%;
    text-align: center;
    margin-top: 0%;
    margin-right: 0%;
    margin-left: 2%;
}
.agendadia17 h5{
    color: rgb(62, 62, 62);
    font-size: 11pt;
    margin-left: 9%;
    margin-right: 2%;
    margin-top: 0%;
    
}
.dia20{
    width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia21{
    width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia22{
   width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia23{
    width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia24{
   width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia25{
    width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia26{
   width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.dia27{
   width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(153,203,0);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0%;
    
}
.agendadia27{
    width: 28%;
    height: 7.9rem;
    background: rgb(153,203,0);
    float: left;
    margin-right: 0.5%;
    margin-top: 1%;
    
}
.agendadia27 p{
    background: rgb(62, 62, 62);
    color: rgb(236,238,194);
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 0.6%;
    padding-top: 1%;
    text-align: center;
    margin-top: 0%;
    margin-right: 0%;
    margin-left: 2%;
}
.agendadia27 h5{
    color: rgb(62, 62, 62);
    font-size: 11pt;
    margin-left: 9%;
    margin-right: 2%;
    margin-top: 0%;
    
}
.segundodia30{
    width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(80,81,80);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.segundodia01{
    width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(175, 175, 175);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.segundodia02{
    width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(175, 175, 175);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.segundodia03{
   width: 8rem;
    padding-bottom: 2.3rem;
    padding-top: 2.3rem;
    background: rgb(175, 175, 175);
    color: rgb(236,238,194);
    font-size: 30pt;
    font-weight: bolder;
    text-align: center;
    margin-top: 1%;
    float: left;
    margin-right: 0.5%;
}
.signoprevio{
    width: 4%;
    background: rgb(197,0,62);
    color: rgb(236,238,194);
    font-size: 25.5pt;
    font-weight: normal;
    text-align: center;
    padding-bottom: 0.4%;
    float: left;
    margin-top: 1%;
    margin-right: 0.5%;
}
.mes2015{
    width: 17.3%;
    background: rgb(150, 150, 150);
    color: rgb(236,238,194);
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    padding-bottom: 1.3%;
    padding-top: 1.3%;
    float: left;
    margin-top: 1%;
    margin-right: 0.5%;
}
.mayo2015{
    width: 17.3%;
    background: rgb(150, 150, 150);
    color: rgb(236,238,194);
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    padding-bottom: 1.3%;
    padding-top: 1.3%;
    float: left;
    margin-top: 1%;
    margin-right: 0.5%;
}
.junio2015{
    width: 17.3%;
    background: rgb(150, 150, 150);
    color: rgb(236,238,194);
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    padding-bottom: 1.3%;
    padding-top: 1.3%;
    float: left;
    margin-top: 1%;
    margin-right: 0.5%;
}
.julio2015{
    width: 17.3%;
    background: rgb(150, 150, 150);
    color: rgb(236,238,194);
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    padding-bottom: 1.3%;
    padding-top: 1.3%;
    float: left;
    margin-top: 1%;
    margin-right: 0.5%;
}
.agosto2015{
    width: 17.3%;
    background: rgb(150, 150, 150);
    color: rgb(236,238,194);
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    padding-bottom: 1.3%;
    padding-top: 1.3%;
    float: left;
    margin-top: 1%;
    margin-right: 0.5%;
}
.signonext{
    width: 4%;
    background: rgb(197,0,62);
    color: rgb(236,238,194);
    font-size: 25.5pt;
    font-weight: normal;
    text-align: center;
    padding-bottom: 0.4%;
    float: left;
    margin-top: 1%;
    margin-right: 0.5%;
}
/**************FIN CRONOGRAMA****************/
/*****************************************OBJETIVOS**********************************/

#botoneraderecha24 {
float: right;
width: 25%;
text-align: center;
background-color: rgba(80,81,80,0.87);
margin-bottom:5%;
margin-top: 3%;
margin-left: 0%;
}

#botoneraderecha24 ul li{
background-color: rgb(80,81,80);
padding-right: 9%;
padding-left: 9%;
padding-bottom: 2%;
padding-top: 2%;
margin-bottom: 5%;
width: 102%;
float: right;
margin-right: 0%;
margin-top: 0%;
margin-left: 0%;
text-align: center;
overflow: visible;
}



#botoneraderecha24 ul li a{
display: block;
text-decoration: none;
color: rgb(236,238,194);
font-size: 0.9rem;

}



#botoneraderecha24 ul li a:hover{
color: rgb(197,0,62);

}

#todosloscuadrados{
margin-top: 2%;
width: 70%;
float:left; 
margin-bottom: 0%;
padding: 0%;
}



#todosloscuadradostodos{
float: left;
width: 100%;
margin-bottom: 5%;
}

.textocorridoarriba{
font-size: 1rem;
color: rgb(80,81,80);
padding-bottom:  0%;
}

#cua1{
font-size: 1rem;    
color: rgb(80,81,80);    
width: 30%;
float: left;
margin-right:5%;
margin-left: 0%;
padding-bottom: 3.2%;
border-bottom: solid rgb(153,203,0);
}

.titularinte{
font-weight: 900;
margin-top: 0%;
text-align: center;
background-color: rgb(153,203,0);
margin-bottom: 10%;
}


#cua2{
width:30%;
float: left;
margin-right: 5%;
}

#cua2 img{
width: 100%;

}

#cua3{
font-size: 1rem;    
color: rgb(80,81,80);    
width: 30%;
float: left;
margin-right: 0%;
padding-bottom: 3.2%;
border-bottom: solid rgb(153,203,0);    
}


#primeros1{
overflow: hidden;
clear: both;
width: 100%;
margin-top: 2%;
}

#cua4{
    
width: 30%;
float: left;
margin-right:5%;
margin-left: 0%;
margin-top: 4%;  

}

#cua4 img{
width: 100%;
float: left;
}

#cua5{
font-size: 1rem;    
color: rgb(80,81,80);    
width: 30%;
float: left;
margin-right: 4%;
margin-top: 4%;
padding-bottom: 3.2%;
border-bottom: solid rgb(153,203,0);  
}

#cua6{
width:30%;
float: left;
margin-right: 0%;
margin-left: 1%;
margin-top: 4%;
}

#cua6 img{
width: 100%;

}


#cua7{
font-size: 1rem;    
color: rgb(80,81,80);    
width: 30%;
float: left;
margin-right:5%;
margin-left: 0%;
padding-bottom: 3.2%;
border-bottom: solid rgb(153,203,0);
    margin-top: 4%;
}

#cua8{
width: 30%;
float: left;
margin-right: 4%;
margin-top: 4%;    
}

#cua8 img{
width: 100%;

}

#cua9{
font-size: 1rem;    
color: rgb(80,81,80);    
width: 30%;
float: left;
margin-right: 0%;
padding-bottom: 1.7%;
border-bottom: solid rgb(153,203,0); 
margin-left: 1%;
margin-top: 4%;
}




/************************************************agenda**************************************************/

#botoneraderecha25 {
float: right;
width: 25%;
text-align: center;
background-color: rgba(80,81,80,0.87);
margin-bottom:5%;
margin-top: 3%;
margin-left: 0%;
}

#botoneraderecha25 ul li{
background-color: rgb(80,81,80);
padding-right: 9%;
padding-left: 9%;
padding-bottom: 2%;
padding-top: 2%;
margin-bottom: 5%;
width: 102%;
float: right;
margin-right: 0%;
margin-top: 0%;
margin-left: 0%;
text-align: center;
overflow: visible;
}



#botoneraderecha25 ul li a{
display: block;
text-decoration: none;
color: rgb(236,238,194);
font-size: 0.9rem;

}



#botoneraderecha25 ul li a:hover{
color: rgb(197,0,62);

}



.abril2{
font-size: 35pt;
width: 100%;
margin-top: 0%;
color: rgb(80,81,80);
overflow: hidden;
margin-top: 0%;
text-align: center;
background-color: rgba(153,203,0,0.4);
}

#estoabarcalaprimeralinea{
margin-bottom: 4%;
width: 100%;
overflow: hidden;

}

#cuadradoprimerio{
width: 30%;
float: left;}


.viernes22{
font-size: 1.7rem;
color: rgb(236,238,194);
background-color: rgb(153,203,0);
text-align: center;
padding-bottom: 1%;
padding-top: 1%;
margin: 0%;
font-weight: 400;

}
.numerillooo{
font-size: 7rem;
color: rgb(236,238,194);
background-color: rgb(153,203,0);
text-align: center;
padding-bottom: 9%;
padding-top: 9%;
margin: 0%;
margin-top: 3%;
font-weight: 900;

}


.viernes223{
font-size: 1.7rem;
color: rgb(236,238,194);
background-color: rgb(80,81,80);
text-align: center;
padding-bottom: 1%;
padding-top: 1%;
margin: 0%;
font-weight: 400;

}
.numerillooo3{
font-size: 7rem;
color: rgb(236,238,194);
background-color: rgb(80,81,80);
text-align: center;
padding-bottom: 9%;
padding-top: 9%;
margin: 0%;
margin-top: 3%;
font-weight: 900;

}

#inscripcione1{
float: left;
width: 40%;
margin-left: 2%;
margin-right: 2%;
}

#inscripcione21{
float: left;
width: 68%;
margin-left: 2%;
background-color: rgb(197,0,62);
margin-right: 0%;
}



.titulargrander2{
width: 50%;
padding-left: 2%;
color: rgb(236,238,194);
font-size: 2rem;
margin: 0%;
float: left;

}




.titulargrander{
width: 100%;
padding-left: 2%;
color: rgb(80,81,80);
font-size: 2rem;
margin: 0%;


}

.siguientetitu{
background-color: rgb(197,0,62);
padding-bottom: 2%;
padding-top: 2%;
font-size: 1rem;
padding-left: 2%;
color: rgb(236,238,194);
margin: 0%;
margin-top: 1.5%;
}

.textodelecturaaaa{
font-size: 1rem;
color: rgb(80,81,80);
background-color: rgba(52,191,177,0.5);
padding:3%;
padding-bottom: 6.5%;
padding-top: 6.5%;
margin: 0%;
margin-top: 2%;

}
.siguientetitu2{
background-color: rgb(52,191,177);
padding-bottom: 2%;
padding-top: 2%;
font-size: 1rem;
padding-left: 2%;
color: rgb(236,238,194);
margin: 0%;
margin-top: 2%;
width: 94%;
margin-left: 2%;
width: 50%;
float: left;
}
.textodelecturaaaa2{
font-size: 1rem;
color: rgb(236,238,194);
padding:3%;
padding-bottom: 2%;
padding-top: 2%;
margin: 0%;
margin-top: 2%;
width: 50%;
float: left;
margin-right: 5.7%;
}


#imagen1222{
overflow: hidden;
width: 249px;
height: 250px;
margin-left: 0%;
background-image: url(imagenes/imgagenda1.jpg);
}
#imagen1223{

overflow: hidden;
width: 249px;
height: 250px;
margin-left: 0%;
background-image: url(imagenes/imgagenda2.jpg);
margin-top: 0%;
}
#imagen1224{
overflow: hidden;
width: 249px;
height: 250px;
margin-left: 0%;
background-image: url(imagenes/imgagenda3.jpg);




}
#imagen1225{
overflow: hidden;
width: 249px;
height: 250px;
margin-left: 0%;
background-image: url(imagenes/imgagenda4.jpg);
margin-top: 0%;

}







/*******************************************************************************PESTAñA ELTALLER*******************************************************************/

#columnita2{
margin-top: 1%;
width: 70%;
float:left; 

}


#taller{
overflow: hidden;
width: 100%;
float: left;
margin-top: 2.5%;
}

#taller img{width: 100%;}


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

#grupal img{width: 100%;}

#presente{
float: left;
width: 100%;
overflow: hidden;

}

#presente img{
width: 100%;

}

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


#puntualidad img{
width: 100%;
}

.fa-circle{
font-size: 0.4rem;

}

#costado2{
float:right;
margin-top: 8%;
overflow: hidden;
margin-bottom: 0%;    
padding-bottom: 8%;
}


#alguito{

overflow: hidden;
width: 240px;
 height: 38.3px; 
}


#alguito22{

overflow: hidden;
width: 240px;
 height: 38.3px; 
}

#imagennnnnn{
overflow: hidden;
width: 240px;
 height: 195px;   
background-image: url(imagenes/cuadradotaller.jpg);
margin-top: 2%;
}

#imagennnnnn:hover{
background-image: url(imagenes/cuadradotaller_hover.jpg);


}

#imagennnnnn2{
overflow: hidden;
width: 240px;
 height: 90px;   
margin-top: 22%;
background-image: url(imagenes/cuadradotaller2.jpg);
}


#imagennnnnn2:hover{
background-image: url(imagenes/cuadradotaller2_hover.jpg);

}

.destacaa2{
color: rgb(236,238,194);
font-weight: 900;
background-color: rgb(197,0,62);
padding: 2%;
padding-left: 30%;
padding-right: 30%;
}

.titularess21{
margin: 0%;    
padding-left: 1%;
font-size: 1rem;
color: rgb(80,81,80);
font-weight: 900;
background-color: rgb(153,203,0);
width: 100%;
}

.textobase{
font-size: 1rem;
padding:1%;
margin-top: 1%;
color: rgb(80,81,80);
margin-bottom:4%;
}

.textobase22{
font-size: 1rem;
padding-left: 1%;
margin-top: 1%;
color: rgb(80,81,80);
margin-bottom:4%;

}
.textobase2{
font-size: 1rem;
padding-left: 5%;
padding-right: 5%;
margin: 0%;
color: rgb(236,238,194);
text-align:left;
}




.titularess222{
margin-top: 0%;   
padding-left: 1%;
font-size: 1rem;
color: rgb(80,81,80);
font-weight: 900;
background-color: rgb(153,203,0);
}

/********************video******************************/
 .video{
width: 385px;
float:right;
margin-top: 0%;
background: rgb(80,81,80);
height: 19.5rem;
}
.titulovideos{
    overflow: visible;
background-color: rgb(153, 203, 0);
padding: 0%;
margin-left: 0%;
color: rgb(80,81,80);
font-weight: 900;
font-size: 2rem;
margin-top: 1%;
margin-bottom: 1%;
text-align: center;
width: 100%;
}
.video h1{
width: 90%;
margin-left: 4%;
margin-top: 4%;
color: rgb(80,81,80);
background: rgb(52,191,177);
font-size: 18pt;
font-weight: bold;
font-style: normal;
text-align: center;
}
.video p{
width: 85%;
margin-left: 7%;
margin-top: 4%;
color: rgb(236,238,194);
font-size: 12pt;
    font-style: normal;
font-weight: 400;
}
 .video2{
width: 380px;
float:left;
margin-right: 2%;
margin-top: 3%;
background: rgb(80,81,80);
height: 19.5rem;
}
.video2 h1{
width: 90%;
margin-left: 4%;
margin-top: 4%;
color: rgb(80,81,80);
background: rgb(52,191,177);
font-size: 18pt;
font-weight: bold;
font-style: normal;
text-align: center;
}
.video2 p{
width: 85%;
margin-left: 7%;
margin-top: 4%;
color: rgb(236,238,194);
font-size: 12pt;
    font-style: normal;
font-weight: 400;
}
#videodos{
 margin-top: 3%;
    float: left;
    
}
#videotres{
 margin-top: 3%;
float: left;
    
}
 .video3{
width: 380px;
float:left;
margin-left: 2%;
margin-top: 3%;
background: rgb(80,81,80);
height: 19.5rem;
}
.video3 h1{
width: 90%;
margin-left: 4%;
margin-top: 4%;
color: rgb(80,81,80);
background: rgb(52,191,177);
font-size: 18pt;
font-weight: bold;
font-style: normal;
text-align: center;
}
.video3 p{
width: 85%;
margin-left: 7%;
margin-top: 4%;
color: rgb(236,238,194);
font-size: 12pt;
font-style: normal;
font-weight: 400;
}
    /********fin pestaña video***********/

/********************PESTAñA RANKING principal*********************/
div #principal ranking{
width: 100%;
}
.rankingtitulo{
background-image: url(imagenes/ranking2.jpg);
width: 518px;
height: 86px;
float:left;
margin-top: 1%;
margin-left: 0rem;
margin-right: 0.5%;
}
.rankingtitulo:hover{
background-image: url(imagenes/ranking.jpg);
}
.objetivosranking{
   
    width: 44%;
    height: 80px;
    float:left;
    margin-top: 1%;
    background: rgb(236,238,194);
    border: rgb(197,0,62) 3px solid;
}
.objetivosranking h4{
font-weight: bold;
font-size: 12pt;
margin-top: 3.5%;
text-align: left;
margin-left: 3.5%;
margin-right: 3.5%;
color: rgb(58, 59, 58);
}
.puesto1 {
background-image: url(imagenes/puesto1.jpg);
width: 280px;
height: 280px;
float:left;
margin-top: 1%;
margin-left: 0rem;
margin-right: 1.5%;
}
.puesto1:hover{
background-image: url(imagenes/hover_puesto1.jpg);
background-repeat: no-repeat;
background-position: center;    
}
.puesto2 {
background-image: url(imagenes/puesto2.jpg);
width: 280px;
height: 280px;
float:left;
margin-top: 1%;
margin-left: 0rem;
margin-right: 1.5%;
}
.puesto2:hover{
background-image: url(imagenes/hover_puesto2.jpg);
background-repeat: no-repeat;
background-position: center;    
}
.puesto3 {
background-image: url(imagenes/puesto3.jpg);
width: 280px;
height: 280px;
float:left;
margin-top: 1%;
margin-left: 0rem;
margin-right: 1%;
}
.puesto3:hover{
background-image: url(imagenes/hover_puesto3.jpg);
background-repeat: no-repeat;
background-position: center;    
}
.puesto4 {
background-image: url(imagenes/puesto4.jpg);
width: 280px;
height: 280px;
float:left;
margin-top: 1%;
margin-left: 0rem;
margin-right: 1.5%;
}
.puesto4:hover{
background-image: url(imagenes/hover_puesto4.jpg);
background-repeat: no-repeat;
background-position: center;    
}
.puesto5 {
background-image: url(imagenes/puesto5.jpg);
width: 280px;
height: 280px;
float:left;
margin-top: 1%;
margin-left: 0rem;
margin-right: 1.5%;
}
.puesto5:hover{
background-image: url(imagenes/hover_puesto5.jpg);
background-repeat: no-repeat;
background-position: center;    
}
.puesto6 {
background-image: url(imagenes/puesto6.jpg);
width: 280px;
height: 280px;
float:left;
margin-top: 1%;
margin-left: 0rem;
margin-right: 1%;
}
.puesto6:hover{
background-image: url(imagenes/hover_puesto6.jpg);
background-repeat: no-repeat;
background-position: center;    
}
ul li.votouno .fa-bullhorn{
color: rgb(62, 62, 62);
float: left;
font-size: 18pt;
background-color: rgb(236,238,194);
padding-left: 7.7%;
padding-right: 7.7%;
margin-left: 0%;
margin-right: 1.3%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 1%;
}
ul li.votouno .fa-bullhorn:hover{
color: rgb(197,0,62);
float: left;
font-size: 18pt;
padding-left: 7.7%;
padding-right: 7.7%;
margin-right: 1.3%;
margin-left: 0%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 1%;
}
ul li.votouno .fa-bullhorn p{
    
 font-family: 'Roboto', sans-serif, helvetica;
  margin-left: 0%;
 
}
    
ul li.votodos .fa-bullhorn{
color: rgb(62, 62, 62);
float: left;
font-size: 18pt;
background-color: rgb(236,238,194);
padding-left: 7.7%;
padding-right: 7.7%;
margin-left: 0%;
margin-right: 1.3%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 1%;
}
ul li.votodos .fa-bullhorn:hover{
color: rgb(197,0,62);
float: left;
font-size: 18pt;
padding-left: 7.7%;
padding-right: 7.7%;
margin-right: 1.3%;
margin-left: 0%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 1%;
}
ul li.vototres .fa-bullhorn{
color: rgb(62, 62, 62);
float: left;
font-size: 18pt;
background-color: rgb(236,238,194);
padding-left: 7.7%;
padding-right: 7.7%;
margin-left: 0%;
margin-right: 1.3%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 1%;
}
ul li.vototres .fa-bullhorn:hover{
color: rgb(197,0,62);
float: left;
font-size: 18pt;
padding-left: 7.7%;
padding-right: 7.7%;
margin-right: 1.3%;
margin-left: 0%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 1%;
}
ul li.votocuatro .fa-bullhorn{
color: rgb(62, 62, 62);
float: left;
font-size: 18pt;
background-color: rgb(236,238,194);
padding-left: 7.7%;
padding-right: 7.7%;
margin-left: 0%;
margin-right: 1.3%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 1%;
}
ul li.votocuatro .fa-bullhorn:hover{
color: rgb(197,0,62);
float: left;
font-size: 18pt;
padding-left: 7.7%;
padding-right: 7.7%;
margin-right: 1.3%;
margin-left: 0%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 1%;
}
ul li.votocinco .fa-bullhorn{
color: rgb(62, 62, 62);
float: left;
font-size: 18pt;
background-color: rgb(236,238,194);
padding-left: 7.7%;
padding-right: 7.7%;
margin-left: 0%;
margin-right: 1.3%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 1%;
}
ul li.votocinco .fa-bullhorn:hover{
color: rgb(197,0,62);
float: left;
font-size: 18pt;
padding-left: 7.7%;
padding-right: 7.7%;
margin-right: 1.3%;
margin-left: 0%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 1%;
}
ul li.votoseis .fa-bullhorn{
color: rgb(62, 62, 62);
float: left;
font-size: 18pt;
background-color: rgb(236,238,194);
padding-left: 7.7%;
padding-right: 7.7%;
margin-left: 0%;
margin-right: 1.3%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 1%;
}
ul li.votoseis .fa-bullhorn:hover{
color: rgb(197,0,62);
float: left;
font-size: 18pt;
padding-left: 7.7%;
padding-right: 7.7%;
margin-right: 1.3%;
margin-left: 0%;
padding-bottom: 1%;
padding-top: 1%;
margin-top: 1%;
}
/**********************fin ranking ppal***************************/



/************************pestaña referentes************************/

.tituloprincipal2{
background-color: rgb(153,203,0);
font-size: 2rem;
width: 100%;
margin-left: 0%;
color: rgb(80,81,80);
font-weight: 700;
padding-left: 0%;
padding-right: 0%;
margin-top: 3%;
font-weight: 900;
float: left;
text-align: center;

}

.subti{
overflow: hidden;
width: 66.3%;
font-size: 2rem;
color: rgb(80,81,80);
padding-left: 3%;
margin: 0%;
font-weight: 900;
}

.titulingui1{
font-size: 1.3rem;
color: rgb(153,203,0);
font-weight: 900;
background-color: rgb(80,81,80);
text-align: center;
margin-left: 2%;
float: left;
width: 67.3%;
margin-top: 0%;
margin-bottom: 1%;
}
 
.estrellas{
margin-left:17%;
}

.textitoabajo{
font-size: 0.85rem;
color: rgb(80,81,80);
overflow: hidden;
padding-bottom: 4%;
width: 67.3%;
float: left;
margin-left: 2%;
}

#p01{
width: 100%;
overflow: hidden;
margin-right: 4.5%;
margin-bottom:2%;
padding-bottom: 2%;
border-bottom: solid thin;
}


#p01 img{
float: left;
width: 30%;
border: solid rgb(80,81,80);
}


#p02{
width: 100%;
overflow: hidden;
margin-right: 4.5%;
margin-bottom:2%;
padding-bottom: 2%;
border-bottom: solid thin;
}


#p02 img{
width: 30%;
border: solid rgb(80,81,80);
float: left;
}

.estrellas2{
margin-left:30.5%;
}


#p03{
width: 100%;
overflow: hidden;
margin-right: 4.5%;
margin-bottom:2%;
padding-bottom: 2%;
border-bottom: solid thin;


}


#p03 img{
width: 30%;
border: solid rgb(80,81,80);
float: left;
}


.estrellas3{
margin-left:27.3%;
}

#p04{
width: 100%;
overflow: hidden;
margin-right: 4.5%;
margin-bottom:2%;
padding-bottom: 2%;
border-bottom: solid thin;
}


#p04 img{
width: 30%;
border: solid rgb(80,81,80);
float: left;
}

.estrellas4{
margin-left:25.3%;    
}

#p05{
width: 100%;
overflow: hidden;
margin-right: 4.5%;
margin-bottom:2%;
padding-bottom: 2%;
border-bottom: solid thin;
}


#p05 img{
width: 30%;
border: solid rgb(80,81,80);
float: left;
}

.estrellas5{
margin-left:32.7%;    
}




/*********************************pestaña la catedra***************************************************/

#botoneraderecha23 {
float: right;
width: 25%;
text-align: center;
background-color: rgba(80,81,80,0.87);
margin-bottom:9%;
margin-top: 3%;
margin-left: 0%;
}

#botoneraderecha23 ul li{
background-color: rgb(80,81,80);
padding-right: 9%;
padding-left: 9%;
padding-bottom: 2%;
padding-top: 2%;
margin-bottom: 5%;
width: 102%;
float: right;
margin-right: 0%;
margin-top: 0%;
margin-left: 0%;
text-align: center;
overflow: visible;
}



#botoneraderecha23 ul li a{
display: block;
text-decoration: none;
color: rgb(236,238,194);
font-size: 0.9rem;

}



#botoneraderecha23 ul li a:hover{
color: rgb(197,0,62);

}


.explora{
padding-bottom: 0%;
font-size: 1.1rem;
font-weight: 900;
color: rgb(80,81,80);
margin-top: 0%;
background-color: rgb(153,203,0);
    
}


.tituloprincipal1{
background-color: rgb(153,203,0);
font-size: 2rem;
width: 100%;
margin-left: 0%;
color: rgb(197,0,62);
font-weight: 700;
padding-left: 2%;
padding-right: 0%;
margin-top: 3%;
font-weight: 900;
padding-top: 0.5%;
padding-bottom: 0.5%;
float: left;
border-top: solid rgb(52,191,177);
}




#fotocatedra{
width: 690px;
height: 300px;
overflow: hidden;
background-image: url(imagenes/lacatedra.jpg);
background-position: center;
background-repeat: no-repeat;
float: left;
margin-bottom: 0%;
margin-top: 3%;
}



.textoliquido{
padding-right: 0%;
width: 96%;
font-size: 0.9rem;
color: rgb(80,81,80);
overflow: hidden;
padding-top: 1%;

margin-bottom: 4%;
padding-bottom: 2%;
padding:2%;
float: left;
margin-top: 0%;
}

#destacaditos2{
overflow: hidden;
width: 71.8%;
float: left;
margin: 0%;
margin-right: 2%;
}

.titulo55{
font-size: 1.5rem;
margin: 0%;
width: 100%;
color: rgb(80,81,80);
font-weight: 900;
padding-top: 0%;

}

#texto23{
float: left;
width: 71.8%;

}



.titulos54{
width: 49%;
font-size: 0.9rem;
color: rgb(80,81,80);

float: left;
padding: 0%;
margin-right: 1%;
margin-left: 0%;
}

.titulos54 a{
color: rgb(80,81,80);
text-decoration: none;
}

#costado{
width: 240px;
height: 520px;
float:right;
margin-top: 0%;
background-image: url(imagenes/bandacostado.jpg);
background-image: no-repeat center;
overflow: hidden;
margin-bottom: 7%;    
padding-top:0%;
}

/****************************calificacion********************/

div#logo81 img{
width: 10%;
float: left;
margin-left: 4%;
margin-right: 5%;

}


div#logo15 {
overflow: auto;
width:100%;
margin-left: 0%;
padding-top: 1.8%;
background-image: url(imagenes/fondoo2.png);
padding-bottom: 1.5%;
}


div#logo15 p {
background-color: rgba(80, 81, 80, 0.6);
margin-left: 1%;
float: left;
text-align: center;
color: rgb(236,238,194);    
margin-bottom: 0%;
font-size: 1.5rem;
font-weight: 900;   
padding-bottom: 1%;
padding-top: 1%;
padding-left: 3%;
padding-right: 3%;
margin-top: 3%;
text-align: center;
}




div#correccion{
    width: 30%;
    overflow: hidden;
    margin-left: 1%;
    float: left;
    border: rgb(153, 192, 2) 2px solid;
    border-top: 5px solid rgb(153, 192, 2);
    margin-top: 1%;
      
    
}

div#correccion img{
width: 100%;
}
.correcciones{
    width: 100%;
    margin-top: 0rem;
    font-size: 14pt;
    background: rgb(153, 203, 0);
    font-weight: 900;
    color: rgb(80,81,80);
    text-align: center;
   overflow: hidden;
}



div#condicionesentrega2{
    width: 30%;
    overflow: hidden;
    margin-left: 3.8%;
    float: left;
    border: rgb(153,203,0) 2px solid;
    border-top: 5px solid rgb(153,203,0);
       margin-top: 1%;
        
}


div#condicionesentrega2 img{

width: 100%;

}

div#condicionesabribacion2{
    width: 30%;
    overflow: hidden;
    margin-left: 3.8%;
    float: left;
    border: rgb(153,203,0) 2px solid;
    border-top: 5px solid rgb(153,203,0);
       margin-top: 1%;
        
}

#condicionesabribacion2 img{

width: 100%;}



#asistencia2{
    width: 30%;
    overflow: visible;
    margin-left: 1%;
    float: left;
    border: rgb(153, 192, 2) 2px solid;
    border-top: 5px solid rgb(153, 192, 2);
    margin-top: 1%;
   
    
}

#asistencia2 img{
width: 100%;
}

.correcciones22{
    width: 100%;
    margin-top: 0rem;
    font-size: 14pt;
    background: rgb(153, 203, 0);
    font-weight: 900;
    color: rgb(80,81,80);
    text-align: center;
      overflow: hidden;
}



div#parciales{
    width: 30%;
    overflow: hidden;
    margin-left: 3.8%;
    float: left;
    border: rgb(153,203,0) 2px solid;
    border-top: 5px solid rgb(153,203,0);
    margin-top: 1%;
        
}

#parciales img{
width: 100%;

}

div#final{
    width: 30%;
    overflow: hidden;
    margin-left: 3.9%;
    float: left;
    border: rgb(153,203,0) 2px solid;
    border-top: 5px solid rgb(153,203,0);
    margin-top: 1%;
    margin-bottom: 3%;  
    
}

#final img{
width: 100%;
}

.textito{
font-size: 0.8rem;
color: rgb(80,81,80);
margin-left: 3%;
margin-right: 3%;
margin-top: 0%;
margin-bottom: 4%;
font-weight: normal;
}

.correcciones3{
    width: 100%;
    margin-top: 0rem;
    font-size: 14pt;
    background: rgb(153,203,0);
    font-weight: 900;
    color: rgb(80,81,80);
    text-align: center;
    
}


.titulogral{
overflow: visible;
background-color: rgb(153, 203, 0);
padding: 0%;
margin-left: 0%;
color: rgb(80,81,80);
font-weight: 900;
font-size: 2rem;
margin-top: 1%;
margin-bottom: 1%;
text-align: center;
width: 100%;

}

.titulogral2{
overflow: hidden;
background-color: rgb(153, 203, 0);
padding: 0%;
margin-left: 1%;
color: rgb(80,81,80);
font-weight: 900;
font-size: 1.4rem;
margin-top: 1%;
margin-bottom: 1%;
text-align: center;
width: 98.8%;

}


div#final{
    width: 30%;
    overflow: hidden;
    margin-left: 3.9%;
    float: left;
    border: rgb(153,203,0) 2px solid;
    border-top: 5px solid rgb(153,203,0);
    margin-top: 1%;
    margin-bottom: 3%;  
    
}

.textito2{
font-size: 0.8rem;
color: rgb(80,81,80);
margin-left: 3%;
margin-right: 3%;
margin-top: 0%;
margin-bottom: 4%;
font-weight: normal;
}



/************bibliografia************/
.bibliografiatoco{
font-weight: 900;
background-color: rgb(197,0,62);
padding: 4%;
}
div#logo22 {
overflow: auto;
width:100%;
margin-left: 0%;
padding-top: 1.8%;
background-image: url(imagenes/fondoo2.png);
padding-bottom: 1.5%;
}
div#logo22 p {
background-color: rgba(80, 81, 80, 0.6);
margin-left: 1%;
float: left;
text-align: center;
color: rgb(236,238,194);    
margin-bottom: 0%;
font-size: 1.5rem;
font-weight: 900;   
padding-bottom: 1%;
padding-top: 1%;
padding-left: 3%;
padding-right: 3%;
margin-top: 3%;
text-align: center;
}
div#logo12 img{
width: 10%;
float: left;
margin-left: 6%;
margin-right: 5%;
margin-top: 0%;
}
div#botoneraderecha2 {
width:25%;
float: left;
margin-top: 2%;
list-style: none;
margin-left: 4%;
}
.bibliografia5{
width:100%;
color: rgb(80,81,80);
background-color: rgb(153,203,0);
text-align: center;
position: relative;
float: left;
font-size: 1.1rem;
font-weight: 900;
margin-top: 0%;
margin-bottom:10%;
list-style: none;
padding: 0%;
}
#biblio1{
    
width: 100%;
overflow: hidden;
background-color: rgba(80,81,80,0.94);
margin-bottom: 4%;
}
#biblio2{
width: 100%;
overflow: hidden;
margin-bottom: 7%;
background-color: rgba(80,81,80,0.94);
}
#foto22{
background-image: url(imagenes/bibliografia22.jpg);
overflow: visible;
background-repeat: no-repeat;
background-position: center;
width: 241px;
height:330px;
margin-left: 0%;
margin-bottom: 15%;
float: right;
}
.subtitulos2{
font-size: 0.9rem;
color: rgb(236,238,194);
background-color: rgb(80,81,80);
width: 102%;
margin-bottom: 5%;
margin-top: 0%;
margin-right: 0%;
margin-left: 0%;
text-align: center;
text-decoration: none;
padding: 2%;
padding-left: 9%;
padding-right: 9%;
overflow: visible;
text-decoration: none;
float: right;
}
.subtitulos2 a{
text-decoration: none;
}
.subtitulos2:hover{
background-color: rgb(197,0,62);
}
.subtitulos27{
font-size: 0.8rem;
color: rgb(236,238,194);
background-color: rgb(80,81,80);
width: 102%;
margin-bottom: 5%;
margin-right:0%;
text-align: center;
text-decoration: none;
float: right;
margin-top: 0%;
padding: 2%;
padding-left: 9%;
padding-right:9%;
}
.numeritos{
color: rgb(236,238,194);
float: left;
}
.subtitulos27:hover{
background-color: rgb(197,0,62);
}
div#bibliografia2{
    width: 70%;
    margin-left: 0%;
    margin-top: 2%;
    float: left;
   }
div#bibliografia2 h1{
background-color: rgb(153,203,0);
font-size: 2rem;
width: 98%;
color: rgb(80,81,80);
font-weight: 900;
    text-align: center;
padding-left: 2%;
padding-right: 0%;
margin: 0%;
}
#bibliografiarecomendada{
border: rgb(153,203,0) 3px solid;
}
.textodecorrido{
margin-right: 1rem;
color: rgb(80,81,80);
margin-left: 1rem;
font-weight: normal;
font-size: 13pt;}
.cali{
margin-left: 0%;
margin-right: 0%;
text-align: left;
font-size: 12pt;
font-weight: 500;
color: rgb(80,81,80);
   }
div#bibliografia2 img{
    width: 100%;
}
div#caligrafia{
    width: 60%;
    overflow: hidden;
    margin-left: 0%;
    float: left;
    border: rgb(80,81,80) 2px solid;
    
    margin-top: 1.5%;
    margin-bottom: 4%;
     
     
}
div#caligrafia h4{
     width: 100%;
    margin-top: 0rem;
    font-size: 14pt;
    background: rgb(80,81,80);
    font-weight: bold;
    color: rgb(52,191,177);
    text-align: center;
}
div#caligrafia h3{
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: left;
    font-size: 12pt;
    font-weight: 500;
    padding-bottom: 5%;
   }
div#caligrafia h3 a{
   color: rgb(52,191,177);
    text-align: left;
    font-size: 10pt;
    font-weight: 600;
    
   }
div#caligrafia h3 a:hover{
color: rgb(197,0,62);
}
div#estudios{
    width: 35%;
    overflow: hidden;
    margin-left: 3.8%;
    float: left;
    border: rgb(80,81,80) 2px solid;
  
    margin-top: 1.5%;
  
    
}
div#estudios h4{
    width: 100%;
    margin-top: 0rem;
    font-size: 14pt;
    background: rgb(80,81,80);
    font-weight: bold;
    color: rgb(52,191,177);
    text-align: center;
    
}
div#estudios h3{
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: left;
    font-size: 12pt;
    font-weight: 700;
    
   }
div#estudios h3 a{
    
    color: rgb(52,191,177);
    text-align: left;
    font-size: 10pt;
    font-weight: 600;
    
    
   }
#imagenabajo p{
font-weight: bold;
font-size: 12pt;
margin-top: 3.5%;
text-align: left;
margin-left: 3.5%;
margin-right: 3.5%;
color: rgb(80,81,80);
}
#imagenabajo{
width: 99%;
margin-top: 0%;
float:left;
border: rgb(153,203,0) 3px solid;
}

/******************************************************RESPONSIVE*******************************************************************/


  /*-------------------------------320---------------------------------*/   
@media all and (min-width: 1px) and (max-width: 320px){
    
body {
font-size: 10px;
font-family: 'Roboto', sans-serif, helvetica;
background-color: rgb(236,238,194);

}



div#pagina {
margin: auto;
width:250px;
background-color: rgba(236,238,194);
overflow: visible;

}

header {
width:100%;
overflow: hidden;
margin-top: 2%;

}

div#logo1 img{
width:30%;
float: left;
margin-left: 0%;
margin-right: 0%;
margin: 0%;

}



div#logo {
overflow: auto;
width:100%;
margin-left: 0%;
padding-top: 0%;
background-image: url(imagenes/fondoo2.png);
padding-bottom: 1.5%;
}


div#logo p {
background-color: rgba(80, 81, 80, 0.6);
margin-left: 0%;
float: left;
text-align: center;
color: rgb(236,238,194);    
margin-bottom: 0%;
font-size: 0.7rem;
font-weight: normal;   
padding-bottom: 2%;
padding-top: 3%;
padding-left: 0%;
padding-right: 0%;
margin-top: 0%;
text-align: center;
width: 40%;
}

#botoneradearriba{
width: 100%;
margin-bottom: 1%;
margin-top:1%;
background-color: rgb(80,81,80);

}

.menu{
    list-style:none;
	padding:0%;
	margin:0px;
    overflow: visible;
    width: 100%;
    position:relative;
    z-index: 1000;
}
.menu li{
margin:0%;
margin-right: 0%;
float:left;
position:relative;
width: 100%;

}


.menu li a{
display: block;
width: 100%;
font-size: 0.9rem;
margin:0%;
padding-right: 0%;
padding-left: 0%;
padding-bottom: 5%;
padding-top: 5%;
text-decoration: none;
text-align: center;
color: rgb(236,238,194);
background-color: rgb(80,81,80);


 
}

.menu li a:hover{
color: rgb(197,0,62);
background-color: rgb(11, 8, 44);
}


.menu ul{
overflow: hidden;
position: absolute;
left:0;
width: 100%;
top:100%;
margin:0px;
list-style:none;
padding:0px;
opacity:0;
transition:opacity .35s ease .2s;
-webkit-transition:opacity .35s ease .2s;
-moz-transition:opacity .35s ease .2s;
-o-transition:opacity .35s ease .2s;
visibility:hidden;	
float: left;
}

.menu ul li{
width: 100%;

}
.menu ul li a{
border-left:none;
display:block;
text-align:center;
float: left;
}


.menu li:hover ul{
opacity:1;
visibility:visible;
}





.contacto {
font-weight: 900;
background-color: rgb(0, 0, 0);
border-left: none;

}


.menuactual {
padding: 2%;      
padding-top: 4%;
background-color:rgb(197,0,62);
font-weight: 600;
padding-bottom: 4%;
color: rgb(236,238,194);
  
}



#redes{
width: 30%;
float: left;
margin-right: 0%;
margin: 0%;
}

div#redes ul li a {
display: block;
width: 25px;
height: 25px;
margin-bottom: 0;
margin: 0%;}


#redes ul li a.facebook{
background-image: url(imagenes/face.svg);
background-position: top center;
background-repeat: no-repeat;

}

#redes ul li a.facebook:hover{
background-image: url(imagenes/face.svg);
background-position:bottom center;
background-repeat: no-repeat;
}

#redes ul li a.twitter{
background-image: url(imagenes/twitter.svg);
background-position: center;
background-repeat: no-repeat;

}

#redes ul li a.twitter:hover{
background-image: url(imagenes/twitter_hover.svg);
background-position: center;
background-repeat: no-repeat;
}

#redes ul li a.flickr{
background-image: url(imagenes/flickr.svg);
background-position: top center;
background-repeat: no-repeat;

}

#redes ul li a.flickr:hover{
background-image: url(imagenes/flickr_hover.svg);
background-position:bottom center;
background-repeat: no-repeat;
}



ul{list-style: none;}

article {
width: 100%;
background-color: rgb(236,238,194);
overflow: hidden;
margin: auto;

}

.bxslider{
display: none;

}

div#botoneraderecha {
width:100%;
margin-top: 4%;
list-style: none;
margin-right: 1%;
}



.rankingg{
text-decoration: none;
color: rgb(80,81,80);
font-size: 2rem;
font-weight: 900;
text-align: center;
margin-bottom: 11%;

}

.ranking {
width: 95%;
display: block;
margin-top: 0%;
margin-bottom: 11%;
margin-right: 0%;
list-style: none;
background-color: rgb(255,215,0);
margin-left: 2.5%;
}

.ranking:hover{

color: rgb(197,0,62);
}

#botoneraranking .fa-bullhorn{
font-size: 1rem;
color: rgb(80,81,80);
text-align: center;
padding-left: 0%;
padding-right: 0%;
margin-left: 2%;
padding-bottom:8%;
padding-top: 2%;
margin-top: 5%;
font-weight: 900;
width: 96%;
border-bottom: solid rgb(80,81,80);
}

#botoneraranking .fa-bullhorn:hover{
color: rgb(197,0,62);


}



.numeros{
font-size: 2.5rem;
width: 40%;
background-color: rgb(80,81,80);
color: rgb(255,215,0);
text-align: center;
margin-top:0%;
margin-bottom: 0%;
margin-left: 2.5%;
margin-right: 0%;
align-items: center;
padding-left: 2%;
padding-right: 2%;
}

.titulos22{
width: 40%;
float:right;
margin-top:0%;
margin-bottom: 0%;
margin-left: 0%;
margin-right: 2.5%;
font-size: 1rem;
background-color: rgba(80, 81, 80, 0.87);
padding-top: 2%;
padding-bottom: 3%;
padding-right: 7%;
padding-left: 7%;
color: rgb(236,238,194);
font-weight: 700;

}



#textoabajo{
width: 99%;
overflow: hidden;
margin-left: 0%;
border-bottom-style: solid;
border-bottom-color: rgb(152,203,0); 
border-bottom-width: thick;
margin-bottom: 8%;
}

.textocorrido{
font-size: 0.9rem;
margin-top: 2%;
color: rgb(80,81,80);

}

.negrita{
font-weight: 900;

}

.textocorrido a{text-decoration: none;
color: rgb(80,81,80);
font-weight: 900;
padding:0.3%;
float: right;
margin: 1%;

}

.textocorrido a:hover{
color: rgb(197,0,62);
}


.lacatedra2{
background-color: rgb(153,203,0);
font-size: 2rem;
width: 100%;
color: rgb(80,81,80);
font-weight: 900;
padding-left: 0%;
padding-right: 0%;
margin: 0%;
text-align: center;

}

.bibliografia{
width:100%;
color: rgb(80,81,80);
background-color: rgb(153,203,0);
text-align: center;
position: relative;
float: left;
font-size: 1.9rem;
font-weight: 900;
margin-top: 0%;
margin-bottom:4%;
list-style: none;

}

.bibliografia:hover{
color: rgb(197,0,62);

}

#botonerabibliografia{
width: 100%;
margin: 0%;
float: left;
margin-bottom: 4%;
margin-top:8.5%;
}

#botonerabibliografia ul{

width: 82%;
background-color: rgba(80, 81, 80, 0.94);
padding-bottom: 1%;
padding-top: 1%;
margin: 0%;
}

#botonerabibliografia ul li{
text-align: center;
margin-bottom: 6.5%;
margin-left: -22%;
overflow: hidden;
background-color: rgb(80,81,80);
}


#botonerabibliografia ul li a{
color: rgb(236,238,194);
text-decoration: none;    
font-size: 0.9rem; 
text-align: center;

}


#botonerabibliografia ul li a:hover{
color: rgb(197,0,62);
}

.subtitulos:hover{
color: rgb(197,0,62);
font-weight: 700;

}


#trabajos2{overflow: hidden;
background-image: url(imagenes/trabajosresponsive2.jpg);
background-repeat: no-repeat;
background-position: center;
width: 250px;
height: 100px;
float: none;
margin-left: 0%;
margin-top:0%;}


#trabajos2 ul li a{
display: block;
width: 250px;
height: 100px;
overflow: hidden;
margin-left: -19%;
margin-top: -4%;
}

#trabajos2:hover{
background-image: url(imagenes/trabajosresponsive.jpg);
background-repeat: no-repeat;
background-position: center;    
}


#tallereferentesbanda{
width: 100%;
overflow: hidden;
margin-bottom: 0%;;
margin-left: 0%;
}


.taller2 {
overflow: hidden;
background-image: url(imagenes/responsivetaller.jpg);
background-repeat: no-repeat;
background-position: center;
width: 250px;
height: 250px;
float:left;
display: block;
margin-top: 0%;
margin-left:-20%;
}

.taller2:hover{
background-image: url(imagenes/responsivetaller_hover.jpg);
background-repeat: no-repeat;
background-position: center;    

}


.referentes2 {
overflow: hidden;
background-image: url(imagenes/responsivereferentes.jpg);
background-repeat: no-repeat;
background-position: center;
width: 250px;
height: 250px;
float:left;
display: block;
margin-left: -20%;
margin-top: 0%;
}

.referentes2:hover{
background-image: url(imagenes/responsivereferentes_hover.jpg);
background-repeat: no-repeat;
background-position: center;    

}

.bandamarilla {
display: none;
}

.bandamarilla:hover{
display: none;
}

footer{
font-size: 8pt;
padding:1%;
clear: both; 
text-align: center; 
color: rgb(80,81,80);
width: 97%;
margin-top: 3%;
margin: auto;
}

footer a{
text-decoration: none;
color: rgb(197,0,62);
font-weight: 900;

}    
    
    
    
    

}
 /*-----------------------------------------------------------------640------------------------------------------------*/

@media all and (min-width: 321px) and (max-width: 640px){
    
    
 body {
font-size: 10px;
font-family: 'Roboto', sans-serif, helvetica;
background-color: rgb(236,238,194);

}



div#pagina {
margin: auto;
width:550px;
background-color: rgba(236,238,194);
overflow: visible;

}

    

header {
width:100%;
overflow: visible;
margin-top: 2%;

}

div#logo1 img{
width: 15%;
float: left;
margin-left: 2%;
margin-right: 0%;

}



div#logo {
overflow: hidden;
width:100%;
margin-left: 0%;
padding-top: 2%;
background-image: url(imagenes/fondoo2.png);
padding-bottom: 0%;
}


div#logo p {
background-color: rgba(80, 81, 80, 0.6);
margin-left:0%;
float: left;
text-align: center;
color: rgb(236,238,194);    
margin-bottom: 0%;
font-size: 1rem;
font-weight: 900;   
padding-bottom: 5.5%;
padding-top: 5.5%;
padding-left: 1%;
padding-right: 1%;
margin-top: 0%;
text-align: center;
}

#botoneradearriba{
width: 100%;
float: none;
margin-bottom: 1%;
margin-top:1%;
background-color: rgb(236,238,194);
 
}

.menu{
    list-style:none;
	padding:0%;
	margin:0px;
    overflow: visible;
    width: 100%;
    position:relative;
    z-index: 1000;
}
.menu li{
margin:0%;
margin-right: 0%;
float: none;
position:relative;
width: 100%;
padding: 0%;
}


.menu li a{
display: block;
width: 100%;
font-size: 0.9rem;
margin:0%;
margin-bottom: 1%;
padding: 0%;
text-decoration: none;
text-align: center;
color: rgb(236,238,194);
background-color: rgb(80,81,80);


 
}

.menu li a:hover{
color: rgb(197,0,62);
background-color: rgb(11, 8, 44);
}


.menu ul{display: none;
}

.menu ul li{
display: none;

}
.menu ul li a{
display: none;
}


.menu li:hover ul{
display: none;
}



.contacto {
font-weight: 900;
background-color: rgb(0, 0, 0);
border-left: none;

}


.menuactual {
padding: 2%;      
padding-top: 4%;
background-color:rgb(197,0,62);
font-weight: 600;
padding-bottom: 4%;
color: rgb(236,238,194);
  
}





#redes{
overflow: visible;
width: 7%;
float: left;
margin-right: 0%;
margin-left: -5%;
margin-top: -2%;
}

div#redes ul li a {
float: left;
display: block;
width: 25px;
height: 25px;
margin-bottom: 0;}


#redes ul li a.facebook{
background-image: url(imagenes/face.svg);
background-position: top center;
background-repeat: no-repeat;

}

#redes ul li a.facebook:hover{
background-image: url(imagenes/face.svg);
background-position:bottom center;
background-repeat: no-repeat;
}

#redes ul li a.twitter{
background-image: url(imagenes/twitter.svg);
background-position: center;
background-repeat: no-repeat;

}

#redes ul li a.twitter:hover{
background-image: url(imagenes/twitter_hover.svg);
background-position: center;
background-repeat: no-repeat;
}

#redes ul li a.flickr{
background-image: url(imagenes/flickr.svg);
background-position: top center;
background-repeat: no-repeat;

}

#redes ul li a.flickr:hover{
background-image: url(imagenes/flickr_hover.svg);
background-position:bottom center;
background-repeat: no-repeat;
}



ul{list-style: none;}

article {
width: 100%;
background-color: rgb(236,238,194);
overflow: hidden;
margin: auto;

}

.bxslider{
display: none;
position: none;
z-index: 1;
}

.bx-controls-direction{
display: none;

}
    
.bx-prev{
display: none;

}
    
 .bx-wrapper{
 display: none;
 
 }   

div#botoneraderecha {
width:40%;
float: right;
margin-top: 4%;
list-style: none;
margin-right: 0%;
}



.rankingg{
text-decoration: none;
color: rgb(80,81,80);
font-size: 2rem;
font-weight: 900;
text-align: center;
margin-bottom: 11%;

}

.ranking {
width: 95%;
display: block;
margin-top: 0%;
margin-bottom: 11%;
margin-right: 0%;
list-style: none;
background-color: rgb(255,215,0);
margin-left: 2.5%;
}

.ranking:hover{

color: rgb(197,0,62);
}

#botoneraranking .fa-bullhorn{
font-size: 1rem;
color: rgb(80,81,80);
text-align: center;
padding-left: 0%;
padding-right: 0%;
margin-left: 2%;
padding-bottom:8%;
padding-top: 2%;
margin-top: 5%;
font-weight: 900;
width: 96%;
border-bottom: solid rgb(80,81,80);
}

#botoneraranking .fa-bullhorn:hover{
color: rgb(197,0,62);


}



.numeros{
font-size: 2.5rem;
width: 40%;
background-color: rgb(80,81,80);
color: rgb(255,215,0);
text-align: center;
margin-top:0%;
margin-bottom: 0%;
margin-left: 2.5%;
margin-right: 0%;
align-items: center;
padding-left: 2%;
padding-right: 2%;
}

.titulos22{
width: 40%;
float:right;
margin-top:0%;
margin-bottom: 0%;
margin-left: 0%;
margin-right: 2.5%;
font-size: 1rem;
background-color: rgba(80, 81, 80, 0.87);
padding-top: 2%;
padding-bottom: 3%;
padding-right: 7%;
padding-left: 7%;
color: rgb(236,238,194);
font-weight: 700;

}



#textoabajo{
width: 100%;
overflow: hidden;
margin-left: 1.3%;
border-bottom-style: solid;
border-bottom-color: rgb(152,203,0); 
border-bottom-width: thick;
margin-bottom: 3%;
}

.textocorrido{
font-size: 0.9rem;
margin-top: 2%;
color: rgb(80,81,80);

}

.negrita{
font-weight: 900;

}

.textocorrido a{text-decoration: none;
color: rgb(80,81,80);
font-weight: 900;
padding:0.3%;
float: right;
margin: 1%;

}

.textocorrido a:hover{
color: rgb(197,0,62);
}


.lacatedra2{
background-color: rgb(153,203,0);
font-size: 2rem;
width: 100%;
color: rgb(80,81,80);
font-weight: 900;
padding-left: 0%;
padding-right: 0%;
margin: 0%;
text-align: center;

}

.bibliografia{
width:100%;
color: rgb(80,81,80);
background-color: rgb(153,203,0);
text-align: center;
position: relative;
float: left;
font-size: 1.9rem;
font-weight: 900;
margin-top: 0%;
margin-bottom:4%;
list-style: none;

}

.bibliografia:hover{
color: rgb(197,0,62);

}

#botonerabibliografia{
width: 100%;
margin: 0%;
float: left;
margin-bottom: 4%;
margin-top:8.5%;
}

#botonerabibliografia ul{

width: 86%;
background-color: rgba(80, 81, 80, 0.94);
padding-bottom: 1%;
padding-top: 1%;
margin: 0%;
}

#botonerabibliografia ul li{
text-align: center;
margin-bottom: 6.5%;
margin-left: -16.5%;
overflow: hidden;
background-color: rgb(80,81,80);
}


#botonerabibliografia ul li a{
color: rgb(236,238,194);
text-decoration: none;    
font-size: 0.9rem; 
text-align: center;

}


#botonerabibliografia ul li a:hover{
color: rgb(197,0,62);
}

.subtitulos:hover{
color: rgb(197,0,62);
font-weight: 700;

}


#trabajos2{overflow: hidden;
background-image: url(imagenes/trabajos.jpg);
background-repeat: no-repeat;
background-position: left;
width: 550px;
height: 200px;
float: left;
z-index: 1000;
margin-left: 0%;
margin-top:0%;}


#trabajos2 ul li a{
display: block;
width: 700px;
height: 200px;
overflow: hidden;
margin-left: -6%;
margin-top: -1.5%;
}

#trabajos2:hover{
background-image: url(imagenes/trabajos_hover.jpg);
background-repeat: no-repeat;
background-position: left;    
}


#tallereferentesbanda{
width: 60%;
overflow: hidden;
margin-bottom: 0%;;
margin-left: 0%;

}


.taller2 {
overflow: hidden;
background-image: url(imagenes/taller.jpg);
background-repeat: no-repeat;
background-position: left;
width: 250px;
height: 250px;
float:left;
display: block;
margin-top: 4.3%;
margin-left: -1%;
margin-bottom:7%;
}

.taller2:hover{
background-image: url(imagenes/taller_hover.jpg);
background-repeat: no-repeat;
background-position: left;    

}


.referentes2 {
overflow: hidden;
background-image: url(imagenes/referentes.jpg);
background-repeat: no-repeat;
background-position: left;
width: 250px;
height: 250px;
float:left;
display: block;
margin-left: 0%;
margin-top: 0%;
margin-bottom: 4%;
}

.referentes2:hover{
background-image: url(imagenes/referentes_hover.jpg);
background-repeat: no-repeat;
background-position: center;    

}

.bandamarilla {
overflow: hidden;
background-image: url(imagenes/bandamarilla.jpg);
background-repeat: no-repeat;
background-position: center;
width: 250px;
height: 188px;
padding-top: 0%;
float:left;
display: block;
margin-left:0%;
margin-top: 1%;
background-color: rgb(153,203,0);
}

.bandamarilla:hover{
background-image: url(imagenes/bandamarilla_hover.jpg);
background-repeat: no-repeat;
background-position: center;
}

footer{
font-size: 8pt;
padding:1%;
clear: both; 
text-align: center; 
color: rgb(80,81,80);
width: 97%;
margin-top: 3%;
margin: auto;
}

footer a{
text-decoration: none;
color: rgb(197,0,62);
font-weight: 900;

}    
    
    
    

}   

/*--------------------------------------------------------------------------800---------------------------------------------------------------*/

@media all and (min-width: 641px) and (max-width: 800px){

    
div#pagina {
margin: auto;
width:750px;
background-color: rgba(236,238,194);
overflow: visible;

}    
    
    
header {
width:100%;
overflow: visible;
margin-top: 2%;

}

div#logo1 img{
width: 10%;
float: left;
margin-left: 2%;
margin-right: 0%;

}



div#logo {
overflow: auto;
width:100%;
margin-left: 0%;
padding-top: 2%;
background-image: url(imagenes/fondoo2.png);
padding-bottom: 0%;
}


div#logo p {
background-color: rgba(80, 81, 80, 0.6);
margin-left: 1%;
float: left;
text-align: center;
color: rgb(236,238,194);    
margin-bottom: 0%;
font-size: 1.5rem;
font-weight: 900;   
padding-bottom: 1%;
padding-top: 1%;
padding-left: 3%;
padding-right: 3%;
margin-top: 0%;
text-align: center;
width: 70%;
}

#botoneradearriba{
width: 100%;
float: left;
margin-bottom: 1%;
margin-top:1%;
background-color: rgb(80,81,80);
 
}

.menu{
    list-style:none;
	padding:0%;
	margin:0px;
    overflow: visible;
    width: 100%;
    position:relative;
    z-index: 1000;
}
.menu li{
margin:0%;
margin-right: 0%;
float:left;
position:relative;
width: 12%;

}


.menu li a{
display: block;
width: 100%;
font-size: 0.8rem;
margin:0%;
padding-right: 0%;
padding-left: 0%;
padding-bottom: 5%;
padding-top: 5%;
text-decoration: none;
text-align: center;
color: rgb(236,238,194);
background-color: rgb(80,81,80);
text-align: center;

 
}

.menu li a:hover{
color: rgb(197,0,62);
background-color: rgb(11, 8, 44);
}


.menu ul{
overflow: hidden;
    position: absolute;
	left:0;
    width: 100%;
	top:100%;
	margin:0px;
	list-style:none;
    padding:0px;
	opacity:0;
	transition:opacity .35s ease .2s;
	-webkit-transition:opacity .35s ease .2s;
	-moz-transition:opacity .35s ease .2s;
	-o-transition:opacity .35s ease .2s;
	visibility:hidden;	
    float: left;
}

.menu ul li{
width: 100%;

}
.menu ul li a{
	
	border-left:none;
	display:block;
	text-align:center;
    float: left;
}


.menu li:hover ul{
    opacity:1;
	visibility:visible;
}



.contacto {
font-weight: 900;
background-color: rgb(0, 0, 0);
border-left: solid rgb(153,203,0) medium;

}


.menuactual {
padding: 2%;      
padding-top: 4%;
background-color:rgb(197,0,62);
font-weight: 600;
padding-bottom: 4%;
color: rgb(236,238,194);
  
}





#redes{

float: right;
margin-right: 1%;
margin-top: -2%;
}

div#redes ul li a {
display: block;
width: 25px;
height: 25px;
margin-bottom: 0;}


#redes ul li a.facebook{
background-image: url(imagenes/face.svg);
background-position: top center;
background-repeat: no-repeat;

}

#redes ul li a.facebook:hover{
background-image: url(imagenes/face.svg);
background-position:bottom center;
background-repeat: no-repeat;
}

#redes ul li a.twitter{
background-image: url(imagenes/twitter.svg);
background-position: center;
background-repeat: no-repeat;

}

#redes ul li a.twitter:hover{
background-image: url(imagenes/twitter_hover.svg);
background-position: center;
background-repeat: no-repeat;
}

#redes ul li a.flickr{
background-image: url(imagenes/flickr.svg);
background-position: top center;
background-repeat: no-repeat;

}

#redes ul li a.flickr:hover{
background-image: url(imagenes/flickr_hover.svg);
background-position:bottom center;
background-repeat: no-repeat;
}



ul{list-style: none;}

    
.bx-controls-direction{
display: none;

}
    
.bx-prev{
display: none;

}
    
 .bx-wrapper{
 
 
 }       
  .bx-wrapper img{
width: 990px;
float: right;
margin-right: 8%;
 }    
    
   
    
article {
width: 100%;
background-color: rgb(236,238,194);
overflow: hidden;
margin: auto;

}



div#botoneraderecha {
width:35%;
float: right;
margin-top: 4%;
list-style: none;
margin-right: 0%;
}



.rankingg{
text-decoration: none;
color: rgb(80,81,80);
font-size: 2rem;
font-weight: 900;
text-align: center;
margin-bottom: 11%;

}

.ranking {
width: 95%;
display: block;
margin-top: 0%;
margin-bottom: 11%;
margin-right: 0%;
list-style: none;
background-color: rgb(255,215,0);
margin-left: 2.5%;
}

.ranking:hover{

color: rgb(197,0,62);
}

#botoneraranking .fa-bullhorn{
font-size: 1rem;
color: rgb(80,81,80);
text-align: center;
padding-left: 0%;
padding-right: 0%;
margin-left: 2%;
padding-bottom:8%;
padding-top: 2%;
margin-top: 5%;
font-weight: 900;
width: 96%;
border-bottom: solid rgb(80,81,80);
}

#botoneraranking .fa-bullhorn:hover{
color: rgb(197,0,62);


}



.numeros{
font-size: 2.5rem;
width: 40%;
background-color: rgb(80,81,80);
color: rgb(255,215,0);
text-align: center;
margin-top:0%;
margin-bottom: 0%;
margin-left: 2.5%;
margin-right: 0%;
align-items: center;
padding-left: 2%;
padding-right: 2%;
}

.titulos22{
width: 40%;
float:right;
margin-top:0%;
margin-bottom: 0%;
margin-left: 0%;
margin-right: 2.5%;
font-size: 1rem;
background-color: rgba(80, 81, 80, 0.87);
padding-top: 2%;
padding-bottom: 3%;
padding-right: 7%;
padding-left: 7%;
color: rgb(236,238,194);
font-weight: 700;

}



#textoabajo{
width: 100%;
overflow: hidden;
margin-left: 1.3%;
border-bottom-style: solid;
border-bottom-color: rgb(152,203,0); 
border-bottom-width: thick;
margin-bottom: 3%;
}

.textocorrido{
font-size: 1rem;
margin-top: 2%;
color: rgb(80,81,80);

}

.negrita{
font-weight: 900;

}

.textocorrido a{text-decoration: none;
color: rgb(80,81,80);
font-weight: 900;
padding:0.3%;
float: right;
margin: 1%;

}

.textocorrido a:hover{
color: rgb(197,0,62);
}


.lacatedra2{
background-color: rgb(153,203,0);
font-size: 2rem;
width: 100%;
color: rgb(80,81,80);
font-weight: 900;
padding-left: 0%;
padding-right: 0%;
margin: 0%;
text-align: center;

}

.bibliografia{
width:100%;
color: rgb(80,81,80);
background-color: rgb(153,203,0);
text-align: center;
position: relative;
float: left;
font-size: 1.9rem;
font-weight: 900;
margin-top: 0%;
margin-bottom:4%;
list-style: none;

}

.bibliografia:hover{
color: rgb(197,0,62);

}

#botonerabibliografia{
width: 100%;
margin: 0%;
float: left;
margin-bottom: 4%;
margin-top:8.5%;
}

#botonerabibliografia ul{

width: 85%;
background-color: rgba(80, 81, 80, 0.94);
padding-bottom: 1%;
padding-top: 1%;
margin: 0%;
}

#botonerabibliografia ul li{
text-align: center;
margin-bottom: 6.5%;
margin-left: -18%;
overflow: hidden;
background-color: rgb(80,81,80);
}


#botonerabibliografia ul li a{
color: rgb(236,238,194);
text-decoration: none;    
font-size: 0.9rem; 
text-align: center;

}


#botonerabibliografia ul li a:hover{
color: rgb(197,0,62);
}

.subtitulos:hover{
color: rgb(197,0,62);
font-weight: 700;

}

    

#trabajos2{overflow: hidden;
background-image: url(imagenes/trabajos.jpg);
background-repeat: no-repeat;
background-position: center;
width: 700px;
height: 200px;
float: left;

margin-left: 4%;
margin-top:4%;}


#trabajos2 ul li a{
display: block;
width: 700px;
height: 200px;
overflow: hidden;
margin-left: -6%;
margin-top: -1.5%;
}

#trabajos2:hover{
background-image: url(imagenes/trabajos_hover.jpg);
background-repeat: no-repeat;
background-position: center;    
}


#tallereferentesbanda{
width: 50%;
overflow: hidden;
margin-bottom: 2%;;
margin-left: 4%;
}


.taller2 {
overflow: hidden;
background-image: url(imagenes/taller.jpg);
background-repeat: no-repeat;
background-position: center;
width: 280px;
height: 280px;
float:left;
display: block;
margin-top: 7%;
margin-left: 10%;
}

.taller2:hover{
background-image: url(imagenes/taller_hover.jpg);
background-repeat: no-repeat;
background-position: center;    

}


.referentes2 {
overflow: hidden;
background-image: url(imagenes/referentes.jpg);
background-repeat: no-repeat;
background-position: center;
width: 280px;
height: 280px;
float:left;
display: block;
margin-left: 10%;
margin-top: 4%;
}

.referentes2:hover{
background-image: url(imagenes/referentes_hover.jpg);
background-repeat: no-repeat;
background-position: center;    

}

.bandamarilla {
overflow: hidden;
background-image: url(imagenes/bandamarilla.jpg);
background-repeat: no-repeat;
background-position: center bottom;
width: 120px;
height: 170px;
padding-left: 24%;
padding-right: 24%;
background-color: rgb(153,203,0);
display: block;
margin-left: 10%;
margin-top: 1%;
}

.bandamarilla:hover{
background-image: url(imagenes/bandamarilla_hover.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}

footer{
font-size: 8pt;
padding:1%;
clear: both; 
text-align: center; 
color: rgb(80,81,80);
width: 97%;
margin-top: 3%;
margin: auto;
}

footer a{
text-decoration: none;
color: rgb(197,0,62);
font-weight: 900;

}


}