/*  COLORES 

rgb(255, 92, 127) ROSA
rgb(66, 67, 72) TOPO
rgb(231, 176, 47) OCRE
rgb(251, 246, 252) MANTECA
rgb(237, 229, 205) manteca dos

*/

#mg_dibujo img{
    width: 25%;
    float: left;}

/* HEADER */

div#logoydesplegable img{
  
}


#catedraymas  li a img  {
    
    margin-left: 50px;
    
}

#catedraymas ul li a{
  float:left;
    
	position: relative;
   }

#catedraymas2  li ul {
    width:90px;
    height: 70px;
                
}

#catedraymas li ul {
    
                left: 21px;
}

#navegacion{
	float:left;
	position: relative;
    margin-top: -4%;
    
    padding: 0;
}

#navegacion li {
	display:inline-block;
	float:left;
	position:relative;
    width: 13%;

}


#navegacion li ul li {
    font-size: 11px;
    width: 100%;
    clear: both;
    position: relative;
   
   

}

#navegacion li ul li a {
    color: rgb(66, 67, 72);
    list-style: none;
    margin-top: -0px;
    margin-left: 10px;
    
    
}

#navegacion li a {
	
	display:block;
	font-weight:700;
	height:25px;
	padding-top: 24px;
    text-decoration:none;
	width:120px;
    clear: both;
}

#navegacion li a:hover {	
    color: rgb(255, 92, 127);
  
 
}


#navegacion li:hover > a {
	background: none;
    
}

#navegacion li:hover > ul {
	visibility:visible;
	opacity:1;
}



#navegacion ul, #navigation ul li ul {
	background:rgba(214, 154, 14, 0.65);
	box-shadow:1px 1px 2px -1px rgba(0, 0, 0, 0.8);
	list-style:none;
    opacity:0;
	padding:0rem;    
    position: relative;
	visibility:hidden;
    margin-left:70%;
    border-top: 5px solid rgb(66, 67, 72);
    
    
	width:90px;
    height: 100px;
    -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
    
    
    /*-webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
    overflow: hidden;*/

}


#navegacion ul {
	left:-30px;
	top:30px;
}

#navegacion ul li {
	
	/*border-top:1px solid rgb(237, 229, 205);*/
    
}

#navegacion ul li a {
		
	display:inline-block;
	float:left;
	height:10px;
	padding-top:10px;   
}







/*TIPOS*/

.tipo_rotulo {
    font-family: "Titillium Web", sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: rgb(66, 67, 72);
    
}

hr {

    background: rgb(237, 229, 205);
    padding-bottom: 2px;
    margin-bottom: 5rem;
}


hr#tps {

    background: rgb(255, 92, 127);
    padding-bottom: 2px;
    margin-bottom: 0.5rem;
    border: none;
}

h1 {
    font-family: "Titillium Web", sans-serif;
    font-size: 36pt;
    margin-bottom: -200px;
    margin-top: -28px;
    color: rgb(231, 176, 47);
    line-height: 3rem;
}


h2 {
    font-family: "Titillium Web", sans-serif;
    font-size: 24px;
    margin-bottom: -185px;
    margin-top: -20px;
    color: rgb(231, 176, 47);
        
}

h3{
    padding-bottom: 1rem;
    color: rgb(231, 176, 47);
    font-family: "Titillium Web", sans-serif;
}


h4{
    color:rgb(234, 10, 171);
    font-family: "Titillium Web", sans-serif;
    font-size: 12px;
    padding-top: 1rem;
    text-decoration-color: none;
    text-decoration: none;
    list-style: none;
    }

h4 a{
    color: rgb(255, 92, 127);
}

h4 a:hover{
    color: rgb(244, 58, 98);
}
  
h5 {
    font-size: 20px;
    color: rgb(255, 92, 127);
    font-family: "Titillium Web", sans-serif;

}

h6{
    color:rgb(231, 176, 47);
    font-family: "Titillium Web", sans-serif;
    font-size: 25px;
    padding-top: 1rem;
    text-decoration-color: none;
    text-decoration: none;
    list-style: none;
    margin-left:13rem;
    margin-top: 4rem;
    }
    

p{
    font-family: "Titillium Web", sans-serif;
    font-size: 15px;
    color: rgb(237, 229, 205);
}

#pagina {
    width: 960px;
    margin: auto;
   

}

/* ROTULO*/
nav#logo_gd {
    position: absolute;
    top: 6.2%;
    
    margin-left: 24%;
    margin-right: 1%;
    
    
}

nav#morfologia  {
    position: absolute;
    top:1%;
    left:0;
    margin-left: 45%;

}






nav#morfologia li {
    margin-left: 2%;
    margin-top: 6.2%;
    padding: 0;
    list-style-type: none;
    display: inline-block;
   font-family: "Titillium Web";
    font-weight: 700;
    font-size: 15pt;
    
}






div#menu_int {
    margin: 0;
    width: ;  
    height:130px;
    background-color: rgb(237, 229, 205);
	background-repeat:no-repeat;
	background-image:url(imagenes/fondoheadersincosos.svg);
	background-position:center;
    
    

}

/*INICIO>ALGO*/

nav#inicionovedades{
    margin-top: -2rem;
    width:  100%;
   
}

nav#inicionovedades ul li a {
    text-decoration: none;
    color: rgb(237, 229, 205);
}

nav#inicionovedades ul li a:hover {
    color: rgb(255, 92, 127);
}



.fijo  {
   color: rgb(255, 92, 127);
    
}

header {
    
    max-width: 960px;
        
    height: 35px;
    color: rgb(66, 67, 72);
    margin: 0 auto;
    padding: 0.5% 0%;
    
}

.menu_rotulo {
    padding-bottom: 0px; 
    
    
}


header a{
    color: rgb(66, 67, 72) ;
    
}

header li{
    
    list-style: none;
    display: inline-block;
}

header ul{
    display: inline-block;
   
}



/* CODIFICACIONES GENERALES*/
*{ margin:0;
    padding: 0;
    
}

li {
    list-style: none; 
}


header li{
 
display: inline-block;
}


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


.float_right {

    float:right;
    margin-right: 0%;
   

}


/*CUERPO MAESTRO*/

body {
    background-color: rgb(66, 67, 72);
  
}

div#{
    width: 960px;
    margin: auto;
        
}

/*ESTILO NOVEDADES*/

nav#inicionovedades li{
    list-style: none;
    display: inline-block;
    position: relative;
   margin-top: 30px;
    padding-bottom: 25px;
text-decoration: none;
    color: rgb(237, 229, 205);
    }
    
nav#imagen_novedades {
    margin-top: 1rem;
    margin-bottom: 2rem;
   }




div#contenedor_novedades{
    background-color: rgb(66, 67, 72);
    padding:30px;
}

div#linea{
    border-top:thin;
	border-top-color:rgb(251, 246, 252);
	border-top-style:solid;

    

}

div#nota1{
    width: 400px;
    height: 400px;
    position: absolute;
    margin-right: 100px;
    padding-right: 100px;
    float: left;
}

div#imagen_nota1{
    
    width: 500px;
    height: 400px;
    position: relative;
    float: right;
    margin-top: 1rem;
    padding-left: 
}

div#nota2{
    width: 400px;
    height: 400px;
    position: relative;
    clear: right;
    padding-top: 3rem; 
   

}

div#nota3{
    width: 400px;
    height: 400px;
    position: relative;
    float: right;
    margin-top:-25rem;
    
}



/*FOOTER*/


#navfooter {
    
    max-width:960px; 
    min-width:320px;
    margin: 0 auto;
    
   
 
    
    }

footer {
    width: 100%;
    background-color: rgb(237, 229, 205);
    bottom: 0;
    float: left;
    margin-top: 10px;
    font-family:"Titillium Web", sans-serif;
    color:grey;
    font-size:12px;
    padding-bottom: 3%;
        
    }

/*footer{
     
    
    
	background-color:rgb(237, 229, 205);
	font-family:"Titillium Web", sans-serif;
	font-size:10px;
	color:grey;
	
	height: 13rem;
    max-width: 960px;
    
   
        
    
    
    
    
    
	}
	
#navfooter{
	
   
     
    
    
	}
	

*/
.secciones{
	position:relative;
	float:left;
	margin-right:10px;
    padding: 30px;
	}

.secciones ul li{
	list-style-type:none;
	font-size:11px;
}

.secciones ul li a{
	text-decoration:none;
	color:rgb(66, 67, 72);	
}

.secciones a{
	text-decoration:none;
	color:rgb(66, 67, 72);
  
        
}


	
#pie{
	width:95%;
	position:relative;
	float:left;
	margin-left:30px;
	margin-right:30px;
	border-top:thin;
	border-top-color:white;
	border-top-style:solid;
    padding-top: 3px;
    font-family: "Titillium Web"
	}

#textopie{
    color: rgb(255, 92, 127);
	position: absolute;
	font-family: "Titillium Web", sans-serif;
	font-size:10px;
	width:95%;
	text-align: 
        center
        ;
    color: rgb(66, 67, 72);
}

#vm42{
	position:relative;
	font-family:"Titillium Web", sans-serif;
	margin-top:5px;
    margin-left: 32rem;
	}

#vm42 a{
	color:white;
	text-decoration:none;
	font-size:20px;
	font-family:"Titillium Web";
	margin-left: 14rem;
    position: absolute;
    float: left;
}

#vm42 a:hover{
	color: rgb(255, 92, 127);
}

#dgpc{
	position:relative;
	margin-top:5px;
    margin-left: 32rem;
	}

#dgpc a{
	color:white;
	text-decoration:none;
	font-size:20px;
	font-family: "Titillium Web";
    position: relative;
    margin-left: 10rem;
     
}

#dgpc a:hover{
	color:rgb(255, 92, 127);
}


.secciones a:hover{
	color:rgb(255, 92, 127);
}


/*---------HOOOOME------*/

div#cajota_home {
    background-color: rgb(237, 229, 205);
    
    
    
}


.invisible {
    visibility: hidden;
    
   
    
    
     
}




#fotos_home{
    max-width: 1400px;
    

}

nav#fotos_home li {
    
    
    padding: 0;
    float:left;
    
    
}

nav#fotos_home ul li img{
    display: block;
    
    
    
}




/*-----------pagina apuntes------*/


div#mini_texto {
    margin-top: 12rem;
    font-family: "Titillium Web", sans-serif;
    color:rgb(237, 229, 205);
    font-size:20px;
    margin-bottom: 0.5rem;
}

div#apunte1_imagen {
    margin-bottom: 5rem;

}

div#titulo_apuntes {
    font-family: "Titillium Web", sans-serif;
    color:rgb(231, 176, 47);
    font-weight: 700;
}

div#apunte1_imagen {
     position: absolute;
    margin-top: 2rem;
   

}

div#apunte1 {
    position: relative;
    float: left;
    margin-left: 18rem;
    margin-top: 2rem;
    clear:left;
}


div#apunte2_imagen{
    position: absolute;
    margin-top: 12rem;


}

div#apunte2 {
    position: relative;
    float: left;
    margin-left: 18rem;
    margin-top: 0.5rem;
  clear: left;

}

div#apunte3_imagen{
    position: absolute;
    float: left;
    margin-top: 22rem;
}

div#apunte3 {
    position: relative;
    float: left;
    margin-left: 18rem;
    clear:left;
}

div#apunte4_imagen{
    position: absolute;
    float: left;
    margin-top: 32rem;
}

div#apunte4 {
    position: relative;
    float: left;
    margin-left: 18rem;
    margin-top: 1rem;

}

div#parte_bajar_imagenes {
    position: absolute;
    width: 40rem;
    padding-bottom: 10rem;
}

div#caja_comunidad {
    position: relative;
    float: right;
    margin-bottom: 10rem;
    margin-top: 2rem;

}



/*-------GALERIA M1----*/
#galeria_m1{
   
    margin-top: 3rem;
    margin-bottom: 2rem;
    display: inline-block;
    margin-left: 1.3rem;
    float: left;
    
}
#galeria_m1 li{
    
    
    position: relative;
    float:left;
    margin-left:1rem;
    margin-top: 1rem;
    margin-right: 5px;

}

#galeria_m1 li a {
    color:rgb(231, 176, 47);
    font-family: "Titillium Web";
    float: left;


}

#galeria_m2{
    margin-top: 3rem;
    float: left;
   margin-left: 1.3rem;

}

#galeria_m3{
    margin-top: 3rem;
    float: left;
    margin-bottom: 8rem;
    margin-left: 1.3rem;

}

.grises img {
filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.grises img:hover { 
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


/*-----------docentes---------*/


nav#morfos_grande {
    display:inline-block;
    list-style: none;
    
    text-align: center;
}


nav#morfos_grande li {
    margin-left: 4rem;
    margin-top: 2rem;
    padding: 0;
    list-style-type: none;
    display: inline-block;
   font-family: "Titillium Web";
    font-weight: 900;
    font-size: 120pt; }
    

nav#morfos_grande li a {
    color:rgb(237, 229, 205);

}

nav#morfos_grande li a:hover{

    color: rgb(255, 92, 127);

}

div#texto_propuesta_academica{
    margin-top:1rem;
    font-family: "Titillium Web", sans-serif;
    color:rgb(237, 229, 205);
    font-size:15px;
    margin-bottom: 0.5rem;
}


div#titulo_propuesta_academica{
    margin-top:12rem;
    font-family: "Titillium Web", sans-serif;
    color:rgb(237, 229, 205);
    font-size:20px;
    font-weight: 700;


}




/*--------------MORFOLOGÍA GENERAL GALERIA---------------*/


.texto_M2 {
    margin-top: 13rem;
    width: 43rem;

}

#cajamorfo2 {
    margin-top: 2rem;
    clear: both;
       
}

.galeria{
    width: 43rem;
    padding-top: 0.5rem; 
    clear: both;
    
}
.galeria li{
    
    float:left;
    margin-left: 1%;
    margin-top: 1%;
    margin-right: -0.1%;
    padding-bottom: 2rem;
    
}

.galeria2{
    width: 43rem;
    padding-top: 0.5rem;
    
    clear: both;
    margin-bottom: 15rem;
    
}
.galeria2 li{
    
    float:left;
    margin-left: 1%;
    margin-top: 1%;
    margin-right: -0.1%;
    
    
}


/*programa del costado*/
.palabraprograma {
font-family: "Titillium Web", sans-serif;
color: rgb(237, 229, 205);
font-size: 1rem;
}

h11 {
font-family: "Titillium Web", sans-serif;
color: rgb(237, 229, 205);
font-size: 9pt;
}
div#programamg {
background-color: rgb(31, 33, 34);
padding: 1rem; 
width: 13rem;
}

div#programamg2 {
background-color: rgb(31, 33, 34);
padding: 1rem; 
width: 13rem;
    margin-top: 7%;
}

hr {
background: rgb(237, 229, 205);
padding-bottom: 2px;
margin-bottom: 1rem;
}

h12 {
font-family: "Titillium Web", sans-serif;
color: rgb(255, 92, 127);
font-size: 14pt;
font-weight: 700;

}



/*-----barra costado tps*/
div#pestanias_tp {
position:relative;
float: right;
margin-top: -59rem;
}

nav#comunidad {
     margin-top: 7%;
}

div#fotos_chicas_costado{
    margin-top: 2%;
}

div#fotos_chicas_costado li{
    display: inline-block;
    margin: 2.5px;
    padding-bottom: 1px;
    padding-top: 1px;

}

/*COMUNIDAD*/

#fotocomunidad {
    padding-top: 20px;
    border-top-color:rgb(255, 92, 127);
	border-top-style:solid;
	border-top-width:thin;
    margin-top: 20px;
    
}

/*formulario*/

	

#contenedorformulario{
    
	width:410px;
	margin-left:20px;
	position:relative;
	float:right;
	margin-bottom:20px;
    clear: both;
	margin-top: -670px;
	}

#tituloformulario{
	position:relative;
	float:left;
	font-size:32px;
	font-weight: 700;
    line-height: 37px;
	color:rgb(255, 92, 127);
	margin-bottom:20px;
	margin-top:10px;
	border-bottom-color:rgb(255, 92, 127);
	border-bottom-style:solid;
	border-bottom-width:thin;
    font-family: "Titillium Web"
    
}


.form{
margin:0 auto;
width:410px;

}

#contactform{
	width:410px;
	position:relative;
	float:left;
    font-family: "Titillium Web";
}


.form fieldset{border:0px; padding:0px; margin:0px; width:410px;}
.form p.contact {
    font-size: 12px; 
    margin:0px 0px 10px 0;
    line-height: 14px; 
    font-family: "Titillium Web", sans-serif;}

.form input[type="text"] { width: 400px; }
.form input[type="email"] { width: 400px; }
.form input[type="password"] { width: 400px; }
.form input.birthday{width:60px;}
.form input.birthyear{width:89px;}

.form label {
    color: rgb(231, 176, 47);
    font-size: 12px;
    font-family: "Titillium Web", sans-serif; 
}

.form label.month {width: 135px;}

.form input, textarea { 
    background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(122, 192, 0, 0.15);
    padding: 7px; font-family: "Titillium Web", sans-serif;
    color: #4b4b4b;
    font-size: 14px;
    -webkit-border-radius: 5px;
    margin-bottom: 15px; margin-top: -10px;
}

.form input:focus, textarea:focus { border: 1px solid rgb(255, 92, 127); background-color: rgb(255, 92, 127); }
.form .select-style {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
    background-color: white;
  -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  
  border: 0px solid #FFF;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;}

.form .gender {
    font-family: "Titillium Web";
  width:410px;
    line-height: 20px;
    background-color: rgb(237, 229, 205);
  }
.form input.buttom{ 
    background: rgb(237, 229, 205);
    display: inline-block; 
    padding: 5px 10px 6px; 
    color: rgb(255, 92, 127);
    text-decoration: none;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    box-shadow: 0 1px 3px #999;
    border: none;
    position: relative;
    cursor:default;
    font-size: 14px; 
    font-family:"Titillium Web", sans-serif;
    

}
/*fin formulario*/

#bienvenidos_formulario{
	position:relative;
	float:left;
	width:460px;
	margin-right:30px;
	margin-left:20px;
	margin-bottom:20px;	
    clear: both;
}

#titulobienvenidos{
	width:100%;
	position:relative;
	float:left;
	font-size:32px;
	color:rgb(231, 176, 47);
	margin-bottom:20px;
	margin-top:10px;
	border-bottom-color:rgb(231, 176, 47);
	border-bottom-style:solid;
	border-bottom-width:thin;
    line-height: 50px;
    font-weight: 700;
}
    
	
.textointercambiar{
	
	margin-bottom:18px;
	}


/*----------- HOME MORFOLOGÍA GENERAL ----------*/



h9{
    font-family: "Titillium Web", sans-serif;
    color:rgb(231, 176, 47);
    text-decoration: none;
    font-weight: 400;
    
    
}

div#texto_presentación {

    margin-top:  ;
    margin-bottom: 1rem;
    width:43rem;
    font-family: "Titillium Web", sans-serif;
    font-style: italic;
    text-align-last: justify;
    color: rgb(237, 229, 205);
    font-size: 10pt;
    

}

/*bienvenidos*/

div#bienvenidos {

    background-color: rgb(255,92,127);
    padding: 1rem; 
    width: 13rem;
    margin-top: -90rem;
    margin-left: 45rem;
    text-align: center;
    border-color: rgb(237, 229, 205);
    border-bottom-style:double;
    border-top-style: double;
}


/*programa del costado*/
.palabraprograma {

    font-family: "Titillium Web", sans-serif;
    color: rgb(237, 229, 205);
    font-size: 1rem;
}

h10 {
    font-family: "Titillium Web", sans-serif;
    color: rgb(231, 176, 47);
    font-size: 1rem;


}

h11 {
    font-family: "Titillium Web", sans-serif;
    color: rgb(237, 229, 205);
    font-size: 9pt;
}


div#programamg {

    background-color: rgb(31, 33, 34);
    padding: 1rem; 
    width: 13rem;
    margin-top: 1rem;
    margin-left: 45rem; 

}

hr {

    background: rgb(237, 229, 205);
    padding-bottom: 2px;
    margin-bottom: 1rem;
}


h12 {
    font-family: "Titillium Web", sans-serif;
    color: rgb(255, 92, 127);
    font-size: 14pt;
    font-weight: 700;
    
    
}




/*-------GALERIA M1----*/
#referente1{
   
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-right: 5%;
    display: inline-block;
    float: left;
    width: 30%;
    
}
#referente1 li{
    
    
    position: relative;
    float:left;
    margin-top: 1rem;
    margin-right: 5px;
    

}

#referente1 li a {
    color:rgb(231, 176, 47);
    font-family: "Titillium Web";
    float: left;


}

#referente2{
    margin-top: 1rem;
    float: left;
    margin-right: 5%;
    width: 30%;
}

#referente3{
    margin-top: 1rem;
    float: left;
    margin-bottom: 1rem;
    
    width: 30%;

}


div#texto_referente{
    font-family: "Titillium Web", sans-serif;
    color: rgb(237, 229, 205);
    font-size: 8pt;
    width: 14rem;
    

}

div#referentes {
margin-bottom: 2rem;
   

}

h14 {
    font-family: "Titillium Web", sans-serif;
    color: rgb(66, 67, 72);
    font-size: 14pt;
    font-weight: 700;
     

    
}

div#referentes_notas {
    font-family: "Titillium Web", sans-serif;
    color: rgb(255, 92, 127);
    font-size: 14pt;
    font-weight: 700;
   
     

    
}


div#comunidad_mg {
    float: right;
    margin-top: 1rem;
    margin-bottom: 2rem;

}


/*---teoricos relacionados---*/



div#texto_teoricos{
    font-family: "Titillium Web", sans-serif;
    color: rgb(66, 67, 72);
    font-size: 8pt;
    width: 18rem;
    
}



h16{

    font-family: "Titillium Web", sans-serif;
    color: rgb(255, 92, 127);
    font-size: 14pt;
    font-weight: 700;
    
}


div#imagen_teoricos {
    position: absolute;
    margin-left: 1%;
}

div#texto_teoricos {
    float: left;
    width: 58%;
    margin-left: 17rem;
}


div#titulo_teoricos {
    margin-bottom: 2%;
 
    
}

div#teoricosrelacionados {
    margin-right:16.5rem;
    
    margin-bottom: 3rem;
    background-color:rgb(237, 229, 205);
    padding-top: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
    height: 16rem;
    width: 98%;
    border-color: rgb(255, 92, 127);
    border-top-style: double;
    border-bottom-style: double;
    border-width:medium;
}
  
div#texto_foucault {

font-family: "Titillium Web", sans-serif;
    color: rgb(66, 67, 72);
    font-size: 9pt;

}

/****----------home mg - arreglado ------****/

div#bienvenidos_mg {

    background-color: rgb(255,92,127);
    padding: 1rem; 
    width: 13rem;
    margin-bottom: 1.5%;
  
   
   
    border-color: rgb(237, 229, 205);
    border-bottom-style:double;
    border-top-style: double;
}


h14 a{
   color: rgb(231, 176, 47); 
    font-size: 10pt;
    text-decoration: none;

}


h14 a:hover{
   color: rgb(245, 57, 97); 
  
}

nav#inicionovedades2 {
margin-bottom: 2%;

}

nav#inicionovedades2 ul li a {
    text-decoration: none;
    color: rgb(237, 229, 205);
    display: inline-block;
    
}

nav#inicionovedades2 ul li a:hover {
    color: rgb(255, 92, 127);
}

div#inicio_marcador nav ul li {
display: inline-block;
    


}

div#pagina_mg_izquierda {
    position: relative;
    float: right;
    max-width: 71%;
    margin-top: -138%;

}

h17 {

    font-family: "Titillium Web", sans-serif;
    font-size: 30px;
    margin-bottom: 1%;
    margin-top: 2%;
    color: rgb(231, 176, 47);
    font-weight: 400;
    
}



/*-----------MAPA---------*/

div#fondo_mapa {
    background-image: url(imagenes/fondomapa2.gif );
    background-size: 140px;
    height: 900px;
    

}

#mapa{
    max-width: 960px;
    margin-left: -10%;
    margin-bottom: 1%;

}


/**inicio_mapa**/

div#inicio_mapa {
background-color: rgb(255,92,127);
margin-left: 18%;
width: 15%;
height: 9rem;
font-family: "Titillium Web", sans-serif;
padding: 2rem;
font-size: 12pt;
}
div#inicio_mapa ul li a {
color: rgb(66, 67, 72);
}
div#inicio_mapa ul a {
color: rgb(237, 229, 205);
}
.titulos_mapa {
font-weight: 700;
color: rgb(66, 67, 72) ;
}

/**mg_mapa**/
div#mg_mapa {
background-color: rgb(255,92,127);
margin-left: 1.4%;
width: 18%;
height: 9rem;
font-family: "Titillium Web", sans-serif;
padding: 2rem;
font-size: 9pt;
position: relative;
float:left;

}
div#mg_mapa ul li a {
color: rgb(66, 67, 72);
}
div#m1_mapa ul a {
color: rgb(237, 229, 205);
}

/**m1_mapa**/
div#m1_mapa {
background-color: rgb(255,92,127);
margin-left: 1.4%;
width: 18%;
height: 9rem;
font-family: "Titillium Web", sans-serif;
padding: 2rem;
font-size: 9pt;
position: relative;
float:left;

}
div#m1_mapa ul li a {
color: rgb(66, 67, 72);
}
div#m1_mapa ul a {
color: rgb(237, 229, 205);
}
/**m2_mapa**/
div#m2_mapa {
background-color: rgb(255,92,127);
margin-left: 1.4%;
width: 18%;
height: 9rem;
font-family: "Titillium Web", sans-serif;
padding: 2rem;
font-size: 9pt;
position: relative;
float:left;


}
div#m2_mapa ul li a {
color: rgb(66, 67, 72);
}
div#m2_mapa ul a {
color: rgb(66, 67, 72);
}
/**morfologias_mapa**/
div#morfologias_mapa {
margin-top: 2%;
margin-left: 17%;
}
/**academico_mapa**/
div#academico_mapa {
background-color: rgb(255,92,127);
margin-left: 18%;
width:7.1%;
height: 5rem;
font-family: "Titillium Web", sans-serif;
padding: 1rem;
font-size: 7.4pt;
margin-top: 16px;
    float: left;
    clear: both;
}
div#academico_mapa ul li a {
color: rgb(66, 67, 72);
}
div#academico_mapa ul a {
color: rgb(237, 229, 205);
}
/**bibliografia_mapa**/
div#bibliografia_mapa {
background-color: rgb(255,92,127);

width:7.1%;
height: 5rem;
font-family: "Titillium Web", sans-serif;
padding: 1rem;
font-size: 7.4pt;
position: relative;
    margin-left: 1.4%;
float: left;
    margin-top: 16px;

}
div#bibliografia_mapa ul li a {
color: rgb(66, 67, 72);
}

/**publicaciones_mapa**/
div#publicaciones_mapa {
background-color: rgb(255,92,127);
width:7.1%;
height: 5rem;
font-family: "Titillium Web", sans-serif;
padding: 1rem;
font-size: 7.4pt;
position: relative;
margin-left: 1.4%;
float: left;
margin-top: 16px;
}
div#publicaciones_mapa ul li a {
color: rgb(66, 67, 72);
}
div#publicaciones_mapa ul a {
color: rgb(237, 229, 205);
}
/**posgrado_mapa**/
div#posgrado_mapa {
background-color: rgb(255,92,127);

width:7.1%;
height: 5rem;
font-family: "Titillium Web", sans-serif;
padding: 1rem;
font-size: 7.4pt;
position: relative;
margin-left: 1.4%;
float: left;
margin-top: 16px;
}
div#posgrado_mapa ul li a {
color: rgb(237, 229, 205);
}
div#posgrado_mapa ul a {
color: rgb(237, 229, 205);
}
/**eltaller_mapa**/
div#eltaller_mapa {
background-color: rgb(255,92,127);

width:7.1%;
height: 5rem;
font-family: "Titillium Web", sans-serif;
padding: 1rem;
font-size: 7.4pt;
position: relative;
margin-left: 1.4%;
float: left;
margin-top: 16px;
}
div#eltaller_mapa ul li a {
color: rgb(66, 67, 72);
}
div#eltaller_mapa ul a {
color: rgb(66, 67, 72);
}
/**referentes_mapa**/
div#referentes_mapa {
background-color: rgb(255,92,127);

width:7.1%;
height: 5rem;
font-family: "Titillium Web", sans-serif;
padding: 1rem;
font-size: 7.4pt;
position: relative;
margin-left: 1.4%;
float: left;
margin-top: 16px;
}
div#referentes_mapa ul li a {
color: rgb(66, 67, 72);
}
div#referentes_mapa ul a {
color: rgb(66, 67, 72);
}
/**novedades_mapa**/
div#novedades_mapa {
background-color: rgb(255,92,127);

width:7.1%;
height: 5rem;
font-family: "Titillium Web", sans-serif;
padding: 1rem;
font-size: 7.4pt;
position: relative;
margin-left: 1.4%;
float: left;
margin-top: 16px;
margin-bottom: 7rem;
}
div#novedades_mapa ul li a {
color: rgb(66, 67, 72);
}
div#novedades_mapa ul a {
color: rgb(66, 67, 72);
}
/**colores_hechos**/
.hechos {
color: rgb(237, 229, 205);
    font-weight: 700;
}


#tercerfila  {
    

}

/*---------PROPUESTA ACADÉMICA -------*/

#inicio_algo {
   
    background-color: rgb(66, 67, 72);
    padding-left: 15%;
    padding-top: 3%;
    
}


#estructuradeltaller {
    
    background-color: rgb(66, 67, 72);
 
}

h15 {
    font-family: "Titillium Web", sans-serif;
    font-size: 3.5em;
    color: rgb(237, 229, 205);
    font-weight: 700;
    padding-left: 15%;
    
}

#texto_propuesta {
 
    margin-top: 3%;
    padding-bottom: 3%;
    
}


#texto_division {
  
   margin-top: 10%;
    padding-top: 2%;
    text-align: justify;
    border-top: 3px solid rgb(231, 176, 47);
    
    
}


#tp1 {
    float: left;
    width: 46%;
    margin-right: 3%;

}

#tp2{
    width:46%;
    float:left;
}

.parrafo{
    color: rgb(237, 229, 205);
    font-size: 11pt;
    
}

#cubitosniveles{
   
    margin: auto;
    padding-top: 1rem;
    text-align: justify;
}

#niveles_propuesta {
background-color: rgb(255,92,127);
margin-left: 13rem;
width: 25%;
height: 100%;
padding: 10px 5px 10px 5px ;
font-family: "Titillium Web", sans-serif;

font-size: 9pt;
position: relative;
float: left;
margin-left: 2rem;
text-align: center;

}

#niveles_propuesta2 {
background-color: rgb(255,92,127);
font-family: "Titillium Web", sans-serif;
width: 25%;
height: 100%;
padding: 10px 5px 10px 5px ;
font-size: 9pt;
position: relative;
float: left;
margin-left: 1rem;
text-align: center;
}

#niveles_propuesta3 {
    
    width: 25%;
    height: 100%;
    padding: 10px 5px 10px 5px ;
    background-color: rgb(255,92,127);
    font-family: "Titillium Web", sans-serif;
    font-size: 9pt;
    position: relative;
    float: left;
    margin-left: 1rem;
    margin-right: 3rem;
    text-align: center;
}

#texto_division2 {
    clear: both;

    margin: auto;
    padding-top: 1.5rem;
    text-align: justify;
    
}


#tres{
    background-color: rgb(66, 67, 72);
    padding-top: 3%;
    
}

#imagen_mg {
    position: absolute;
    
}


#texto_morfog {
    width: 82%;
    margin-left: 18%;
    font-family: "Titillium Web", sans-serif;
    padding-bottom: 3%;
    padding-top: 2%;
    float: left;
    font-size: 11pt;
    color: rgb(237, 229, 205);
}

#texto_m1 {
    width: 75%;
    
    font-family: "Titillium Web", sans-serif;
    padding-top: 5%;
    font-size: 11pt;
    border-top: 1px solid rgb(255, 92, 127);
    padding-bottom: 2%;
    float: left;
    margin-top:3%;
    color: rgb(237, 229, 205);
    margin-right: 4%;
  }

#imagen_m1{
  
    float: left;
    margin-top: 3%;
    margin-bottom: 1%;
    
   }

#imagen_m2{
   
    float: left;
   
    margin-bottom: 2%;
   }


#texto_m2 {
    width: 75%;
    margin-left: 2%;
    font-family: "Titillium Web", sans-serif;
    padding-top: 5%;
    border-top: 1px solid rgb(255, 92, 127);
    
    float: left;
    font-size: 11pt;
    color: rgb(237, 229, 205);
    
}



.bold {
    font-weight: 700;
    color: rgb(211, 156, 28);
}



/*#fondo_propuesta {
    background-color: rgb(237, 229, 205);

}
*/


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


#taller {
    
    color: rgb(23,234,24);
    margin-top: 23%;
    text-align: center;
}

#taller p{
    font-size: 1.2em;
    line-height: 23px;
    text-transform: uppercase;
      
}


#taller hr{
    margin:3% 40% 3% 10%;
    
    }


/* RESPONSIVE */



/* BUSCADOR */

.search-field {

	padding: 3px 1px;

}

.widgettitle {
    font-size: 10px;
    color: rgb(237, 229, 205);
    width: 10%;
    
}

#search-3 {
    float: right;
    
}

#categories-3 { 
    
    float: right;
    clear: both;   
}



/**-----------ACADÉMICO MELY-------**/

.conocenos_aca {
    font-weight:400;
    
}



div#texto_presentacion_academico {

    margin-top: 0;
    margin-bottom: 3rem;
    width:60%;
    font-family: "Titillium Web", sans-serif;
    text-align: justify;
    color: rgb(237, 229, 205);
    font-size: 10pt;
    

}

div#loguitos_derecha_academico{
    float: right;
    margin-top: -45%;
    padding-bottom: 
        -40%;
        

}

div#loguitos_derecha_academico ul li a img{
    margin-top: 
        -3rem;
    
    
    /*border-color: rgb(237, 229, 205);
    border-style: solid;
    
    background-color: rgb(237, 229, 205);*/
    }


/***PAAARTE NUEVA ACADEMICO***/

div#on {
    background-image:url(imagenes/academico/docentes1.svg);
    background-size: 20rem;
    background-position: center;
    width: 15rem;
    height: 15rem;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    display: inline;
    margin-right: 5rem;
    margin-left: 2rem;
    margin-top: 2rem;
    
    
}

div#on:hover {
    background-image:url(imagenes/academico/docentes2.svg);

    
}
div#on2 {
    background-image:url(imagenes/academico/pauta1.svg);
    background-size: 20rem;
    background-position: center;
    width: 15rem;
    height: 15rem;
    margin-left: 0rem;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    margin-right: 5rem;
    margin-top: 2rem;
    
   
}

div#on2:hover {
    background-image:url(imagenes/academico/pauta2.svg);

}
div#on3 {
    background-image:url(imagenes/academico/propuesta1.svg);
    background-size: 20rem;
    background-position: center;
    width: 15rem;
    height: 15rem;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    margin-top: 2rem;
    
}

div#on3:hover {
    background-image:url(imagenes/academico/propuesta2.svg);

}





#pagina_academico {
    width: 960px;
    margin: auto;
    
   

}


/**------ERROR-----*/

div#error {
background-image: url(imagenes/error/error2.svg);
background-position:center;
background-repeat:no-repeat;
    background-size: 25rem;
}






/*---GALERIA 2-----*/

#pestanias_galeria23 {
    width: 25%;
    clear: both;
    padding-top: 0.5%;
    margin-bottom: 3%;
   
}

div#programamg2 ul li p {
    margin-top: 1%;

}


h20{
    color:rgb(234, 10, 171);
    font-family: "Titillium Web", sans-serif;
    font-size: 12px;
    
    padding-bottom: 10%;
    text-decoration-color: none;
    text-decoration: none;
    list-style: none;
    font-weight: 700;
    }

h20 a{
    color: rgb(255, 92, 127);
}

h20 a:hover{
    color: rgb(244, 58, 98);
}

#inicio_marcador nav ul li{
    display: inline-block;
    
}



nav#inicionovedades2 {
    margin-bottom: 2%;
    
    
   
}

nav#inicionovedades2 ul li a {
    text-decoration: none;
    color: rgb(237, 229, 205);
    display: inline-block;
    
}

nav#inicionovedades2 ul li a:hover {
    color: rgb(255, 92, 127);
}

#quesuba{
    float: right;
    max-width: 70%;
    position: relative;
    margin-top: -102.2%;
   
	}

    
h18{
     font-family: "Titillium Web", sans-serif;
    font-size: 30px;
    color: rgb(231, 176, 47);
    line-height: 1rem;

}

.texto_galeriamg {
    margin-top: 2%;
    
}


/*------ISOTOPE----*/


/* GALERIA 2 */

.trescolumnas {
    width: 75%;
    float: left;
    }
.unacolumna {
    width: 23%;
    float: right;
    box-sizing: content-box;
    }




.contenidogaleria, .contenidogaleriataller {
    width: 100%;
    float: left;
    }

.anchocolumna-gal, .tp {
    width: 15.83%;
}

.anchocalle-gal {
    width: 1%;
}

.tp {
    float: left;
    padding: .8%;
    box-sizing: border-box;
    margin-bottom: 1%;
    
}
    

.tp a {   
    float: left;
    width: 100%;
    }

.tp a img{   
    float: left;
    width: 100%;
    }

    
    
.titulo_galeria {
    
    
    font-size: 1.5rem;
    color: rgb(237, 229, 205);
    margin-top: -1%;
    padding-bottom: 0.7rem;
    padding-left: 6px;
    line-height: .5rem;
    margin-bottom: .5rem;
    box-sizing: border-box;
    float: left;

    }






#filters {
    width: 100%;
    float: left;
    background-color: rgb(237, 229, 205);
    padding: 4px 0;
    margin-bottom: 1%;
    }
#filters label {
    width: auto;
    float: left;
    font-family: "Titillium Web", sans-serif;
    font-size: .6rem;
    padding: .3rem .5rem;
    margin: 0 .2rem;
}
.ui-group {
    float: left;
    
    }

#filters .button {
    background-color: rgb(232, 216, 168);
    border: none;
    margin: 0 1px;
    padding: .3rem .5rem;
    font-family: "Titillium Web";
    float: left;
    font-size: .7rem;
    cursor: pointer;
    
    
}



#filters .button:hover {
  background-color: rgb(231, 176, 47);
  
}
.button:active,
.button.is-checked {
    font-weight: 600;
    
}

.button-group{
    float: left}



.contenedortps{
    float: right;
    width: 70%;
    margin-top: -83%;
}

h19{
     font-family: "Titillium Web", sans-serif;
    font-size: 20px;
    color: rgb(231, 176, 47);
    line-height: 1rem;

}


/**------DOCENTES - NUEVA!------**/

.espaciodocente{
	margin:0 auto; 
	max-width: 960px; 
	min-height: 550px; 
	}

 .lineanosotros{
	font-family:"Titillium Web", sans-serif;
	font-weight:900;
	font-size:16px;
	text-align:center;
	color: #0a0c2b;
    margin: 50px auto 0px;
	padding-top:5px;
	background:url(../img/lineauno.png);
	background-repeat: no-repeat;
	width:100%;
	max-width: 960px;
	}
	
#textolineanosotros {
	
	display:inline-block;
	padding: 0 35px;
	margin:0px;
	max-width:960px;
}

.fotodocente {
	width:148px;
	min-height: 140px;
	padding-bottom: 10px;
	background-color: rgb(237, 229, 205) ;
	float: left;
	margin: 30px 20px 0px 0px;
    border-bottom: double;
    border-bottom-color:#ff5c7f; 
}



.titulodocente {
	font-family: "Titillium Web", sans-serif;
	font-weight:700;
    color: #ff5c7f ;
	font-size:11px;
	margin: 10px 0px 0px 0px;
	margin-top:10px;
	text-align:center
	}

#bordedocentes {position:relative;
    top:-12px;width:100%;
	height:7px;
	background: url(../img/curva.png) top repeat-x}
	
.textodocente {
	font-family: "Titillium Web", sans-serif;
	font-weight:400;
	font-size:11px;
	color:#000;
	margin-top:0px;
	text-align:center}
	
	
.fotodocentefilados {
	width:140px;
	min-height: 140px;
	padding-bottom: 10px;
	float: left;
	margin: 30px 0px 0px 0px;
}

.filadocenteuno{
	margin:0 auto; 
	max-width: 960px; 
	min-height: 221px; 
    margin-bottom: 17rem;
	}
	
.filadocentedos{
	margin:0 auto; 
	max-width: 960px; 
	min-height: 221px; 
    margin-bottom: 20rem;
    
	}
	
#textonivel {
	display:inline-block;
	padding: 0 35px;
	margin:0px;
	max-width:960px;
}

 .lineanivel{
	font-family:"Titillium Web", sans-serif;
	font-weight:400;
	font-size:13px;
	text-align:center;
	color: #0a0c2b;
    margin: 2px auto 0px;
	padding-top:5px;
	background:none;
	background-repeat: no-repeat;
	width:100%;
	max-width: 960px;
	}

.niveles_titulares {
    font-weight: 400;
    font-size: 15px;
   }

#docentes_nueva {
    width: 70%;
    margin-bottom: 5%;
}

/*--------NOVEDADES MELY-----*/





/*---MAS VISTOS/NOTICIAS*/

#example-one { background: rgb(45, 46, 49); padding: 12px; margin: 0 0 180px 0;}

#example-one .nav { overflow: hidden; margin: 0 0 10px 0; }
#example-one .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: rgb(66, 67, 72); color: rgb(237, 229, 205); font-size: 10px; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: rgb(231, 176, 47);  }

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 3px solid rgb(237, 229, 205); padding: 5px 0 8px 0; color: #666; font-size: 10pt; line-height: 12pt; }
#example-one ul li a:hover { /*background: rgb(255, 92, 127)*/; color: rgb(66, 67, 72); }

#example-one ul li a p :hover {  color: rgb(255, 92, 127); }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover { background-color: rgb(231, 176, 47); color: white; }

#example-one ul li.nav-two a.current, #example-one ul.core li a:hover { background-color:rgb(231, 176, 47) ; color: white; }




html { overflow-y: scroll; }

#pestanias_novedades a { 
    text-decoration: none; font-family: "Titillium Web" , sans-serif;
    font-weight:400;
    font-size:16px; }


#pestanias_novedades a:focus { outline: 0; }

#page-wrap {
    width: 244px;
    margin-left:20px;
    float:right; }


/*---fin más vistos/noticias*/


--



/*---textos abajo slider*/





/*---noticia principal---*/

#zorra{

}

h4#np {
    margin-top: 12.5%;
    font-style: normal;
}

h10{
    font-style: normal;
}

div#texto_notaprincipal{
    width: 58%;
    margin-left: 40%;
    font-family: "titillium web";
    
    font-size: 10pt;
    color: rgb(66, 67, 72);
    font-style: italic;
    
}

div#texto_notaprincipal ul li{
    margin-bottom: 2px;
    
    }

div#imagen_notaprincipal {
    position: absolute;
    margin-left: 5px;

    
}


div#nota_principal {
    margin-right:16.5rem;
     margin-bottom: 3rem;
    background-color:rgb(237, 229, 205);
    padding: 10px;
    height: 220px;
    width: 70%;
    border-color: rgb(255, 92, 127);
    border-top-style: double;
    border-bottom-style: double;
    border-width:medium;
}
  



/*--noticias 2darias*/


#nota_1h{
   
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-right: 2%;
    display: inline-block;
    float: left;
    width: 22.4%;
    
}



#nota2h{
    margin-top: 1rem;
    float: left;
    margin-right: 2%;
    width: 23%;
}

#nota3h{
    margin-top: 1rem;
    float: left;
    margin-bottom: 1rem;
    width: 22.4%;
}


div#texto_notassec{
    font-family: "Titillium Web", sans-serif;
    color: rgb(237, 229, 205);
    font-size: 8pt;
    width: 95%;
   
}

div#notas_sec {
margin-bottom: 2rem;
    

}


div#titulo_notassec {
    font-family: "Titillium Web", sans-serif;
    color: rgb(255, 92, 127);
    font-size: 14pt;
    font-weight: 700;
 }

hr#n1 {
    visibility: hidden;
    margin: 0px;
}


/*COMUNIDAD entrega*/

h30{
   font-family: "Titillium Web", sans-serif;
    font-size: 15px;
    color: rgb(66, 67, 72);
    line-height: 2rem; 
    display: block;
    font-style: italic;
}

#cubofbk{
  margin-top: -10rem;
    margin-bottom: 8%;
    background-color: rgb(237, 229, 205);
    width: 244px;
    height: 250px;
       

}

#comu_titulo {
    font-size: 20pt;
    margin-bottom: 2%;

}

div#comu_bienve {
    margin-right:16.5rem;
     margin-bottom: 3rem;
    background-color:rgb(237, 229, 205);
    padding: 10px;
    height: 247px;
    width: 70%;
    border-color: rgb(255, 92, 127);
    border-top-style: double;
    border-bottom-style: double;
    border-width:medium;
}

#texto_1comu {
   
    margin-left: 40%;
    font-family: "titillium web"; 
    margin-top: 3%;
    padding: 1%;
    
        
}


div#texto_1comu ul li{
    margin-bottom: 2px;
    
    }


.perfil{
    color:rgb(255, 92, 127);
    font-size: 8pt;
            
}

.perfil:hover{
    color:rgb(253, 48, 92);
}

#miperfil {
    width: 232px;
    padding-left: 12px;
    background-color: rgb(45, 46, 49);
     border-color: rgb(255, 92, 127);
    border-top-style: double;
    border-bottom-style: double;
    border-width:medium; 
    margin-bottom: 3%;
    
}

#miperfil a {
    line-height:15pt;
   
}

#botones_perfil {
    margin: 2% 0 3% 0;

}

.tituloperfil{
    margin-top: 3%;
    margin-bottom: 2%;
        
    }

.textoperfil {
    margin-top: 2%;
    font-size: 10pt;
   }

#grupos {
    text-align: center;
    background-color: rgb(237, 229, 205);
    padding: 1%;
        
}

#grupos a {
    color: rgb(66, 67, 72); 
    text-decoration: none;
    font-weight: 700;
        
}

#foro {
    
     margin-bottom: 2%;
   
    padding: 5px;
    height: 80px;
    width: 100%;
    border-color: rgb(255, 92, 127);
    
    border-bottom-style:solid;
    border-width:thin;
    
}



#titulo_coment {
    color: rgb(255, 92, 127);
    font-weight: 700;
    
}

#titulo_coment:hover {
    color: rgb(252, 29, 77);
}

.sec {
    color: rgb(255, 92, 127); 
}

.sec:hover{
    color:rgb(253, 48, 92);
}

h31{
   font-family: "Titillium Web", sans-serif;
    font-size: 15px;
    color: rgb(237, 229, 205);
    line-height: 18px; 
    display: block;
    font-style: italic;
}

#texto_2comu {
    font-family: "titillium web"; 
    margin-top: 0%;
    margin-left: 10%;
    
}

div#imagen_foro {
    position: absolute;
    margin-left: 4px;
       
}

.sec2 {
    color: rgb(255, 92, 127);
    font-size: 12px;
        
}

.sec2:hover{
    color:rgb(253, 48, 92);
}

#botones_comu2 {
    margin-bottom: 10%;
    margin-top: 5%;
        
}


#botones_comu2 li{
    text-align: center;
    background-color: rgb(240, 224, 175);
    padding: 1%;
        
}

#botones_comu2 a {
    color: rgb(66, 67, 72); 
    text-decoration: none;
    font-weight: 700;
}

#botones_comu2 a:hover {
    color: rgb(237, 229, 205); 
}

#botones_comu2 li:hover {
    background-color: rgb(231, 176, 47);
      
}

#fotos_grupos li {

}

div#imagen_grupos {
    position: absolute;
    margin-left: 4px;
       
}

#texto_3comu {
    font-family: "titillium web"; 
    margin-top: 0%;
    margin-left: 30%;
    
}

#caja_grupos {
     border-color: rgb(255, 92, 127);
    
    border-bottom-style: solid;
    border-width:thin; 
    margin-bottom: 3%;
    height: 65px;
    
    
}

#titulo_grupo {
    color: rgb(255, 92, 127);
    font-weight: 700;
    
}

#titulo_grupo:hover {
    color: rgb(252, 29, 77);
}

#final_foro p{
    position: absolute;
    font-size: 9pt;
}

#ver_todos p{
    margin-left: 90%;
    font-size: 9pt;
}

#ver_todos p:hover {
    color:rgb(231, 176, 47);
}

#final_foro p:hover {
    color:rgb(231, 176, 47);
}



/*---EL TALLE COPIA*/


/* CONTENIDO */

section#caja {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 10px;
    position: relative; 
}
#contenedor {
    width: 88%;
    height: auto;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    margin: auto;
    padding: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 60px;
    float: left;
    margin-left: 6%;
    box-sizing: border-box
    
}
#contenedorhome {
    width: 88%;
    height: auto;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    margin: auto;
    padding: 17px;
    padding-top: 0px;
    top: 60px;
    float: left;
    margin-left: 6%;
    box-sizing: border-box
    
}




/*------POSGRADO-------*/


div#categorias_propuesta {
    background-color: rgb(31, 33, 34);
    padding: 1rem; 
    width: 13rem;
    margin-top: 7%;}
    
div#categorias_propuesta ul li p{

    margin-top: -5%;
    margin-bottom: 4%;

}

div#categorias_propuesta ul li p:hover {

   color:rgb(255, 92, 127);

}


div#categorias_propuesta ul li p#primera {

    margin-top: 8%;

}

div#categorias_propuesta h14 {
    color:rgb(255, 92, 127);
    
    


}


#que_es_morfologia2{
    
    background-color: rgb(237, 229, 205);
    padding: 1rem; 
    width: 13rem;
    border-color: rgb(231, 176, 47);
    border-bottom-style:double;
    border-top-style: double;
    margin-top: 7.5%;
}



#que_es_morfologia2 h11 {
    color:rgb(66, 67, 72);

}

div#pagina_mg_izquierda_posgrado {
    position: relative;
    float: right;
    max-width: 71%;
    margin-top: -76.3%;
}

p#texto_posgrado {
    font-size: 13px;
    font-family: "Titillium Web", sans-serif; 
    
}

div#texto_posgrado {
    font-size: 13px;
    font-family: "Titillium Web", sans-serif; 
    color:rgb(237, 229, 205);
    margin-bottom: 6%;
    
}

div#referentes_notas_curiosidades {
    font-family: "Titillium Web", sans-serif;
    color: rgb(231, 176, 47);
    font-size: 14pt;
    font-weight: 700;
    margin-bottom: -1%;}

    
img#imagen_posgrado {
box-shadow:1px 1px 2px -1px rgba(0, 0, 0, 0.8);
box-sizing: border-box;

}

h11#titulitos p{

    color:rgb(231, 176, 47);
    font-size: 18px;
    margin-top: 3%;
    margin-bottom: 1%;

}

/***---APUNTES NUEVA----***/

#que_es_morfología{
    
background-color: rgb(237, 229, 205);
    padding: 1rem; 
    width: 13rem;
    
    border-color: rgb(231, 176, 47);
    border-bottom-style:double;
    border-top-style: double;
}



#que_es_morfología h11 {
color:
rgb(66, 67, 72);

}

div#pagina_apuntes_izquierda {
    position: relative;
    float: right;
    max-width: 71%;
    margin-top: -75%;
}

#texto_presentacion_apuntes p {
     
    width:43rem;
    font-family: "Titillium Web", sans-serif;
    text-align-last: justify;
    color: rgb(237, 229, 205);
    font-size: 13px;
    margin-top: -2%;
    margin-bottom: 1%;

}

div#apuntes1 ul li img {

    margin-bottom: 1%;
}

ul li p#titulin {
color: rgb(231, 176, 47);
font-size: 12px;
}

ul li p#textito {
font-size: 12px;

}

ul li h4#bajar_apunte {
font-size: 10px;
    margin-top: -1%;

}


div#apuntes1 {
margin-bottom: 5%;

}



div#caja_apuntes {
background: solid;
background-color: rgb(31, 33, 34);
padding-left: 3%;
padding-top: 3%;
padding-right: 3%;
padding-bottom: 0.1%;
margin-bottom: 5%;

}



/*----DOCENTES ARREGLADO ENTREGA----*/



hr#lineadoc {
    margin-top: 3%;
    margin-bottom: -2%;
    border:thin;
}

hr#lineadoc2 {
   margin-top:78%;
    margin-bottom: -1%;
    border: thin;
    
}

hr#lineadoc3 {
   margin-top:110%;
    margin-bottom: -1%;
    border: thin;
}


div#doc {

    background-color: rgb(255,92,127);
    padding: 1rem; 
    width: 13rem;
    margin-bottom: 1.5%;
    border-color: rgb(237, 229, 205);
    border-bottom-style:double;
    border-top-style: double;
}



#botones_doc {
    margin-bottom: 10%;
    margin-top: 5%;
    margin-right: 3%;  
}


#botones_doc li{
    text-align: center;
    background-color: rgb(66, 67, 72);
    padding: 3%;
    margin-top: 1%;
        
}

#botones_doc a {
    color: rgb(237, 229, 205); 
    text-decoration: none;
    font-weight: 400;
}

#botones_doc a:hover {
    color: rgb(237, 229, 205); 
}

#botones_doc li:hover {
    background-color: rgb(231, 176, 47);
      
}

.titulodoc{
    margin-top: 3%;
    margin-bottom: 2%;
    font-weight: 700;
    text-align: center;
    margin-right: 3%;
        
    }

#cajadoc {
    width: 232px;
    padding-left: 12px;
    background-color: rgb(45, 46, 49);
     border-color: rgb(255, 92, 127);
    border-top-style: double;
    border-bottom-style: double;
    border-width:medium; 
    margin-bottom: 3%;
    margin-top: 6%;
    
}

#cajadoc a {
    line-height:15pt;
   
}



/*-------------publicaciones--------*/

#publicacion1 ul li p {
    font-family: "Titillium Web", sans-serif;
    font-size: 10pt;
    color: rgb(237, 229, 205);
    margin-top: 2%;
}

h4#mas_publicacion {
    margin-top:2%;
}

div#publicacion1{
    width: 58%;
    margin-left: 40%;
    font-family: "titillium web";
    
    
    
}

div#publicacion1 ul li{
    margin-bottom: 2px;
    
    }

div#imagen_publicacion1 {
    margin-top: 0.1%;
    position: absolute;
    margin-left: 5px;

    
}


div#caja_publicacion1 {
    margin-right:16.5rem;
    margin-bottom: 1%;
    background-color:rgb(237, 229, 205);
    padding: 10px;
    height: 220px;
    width: 70%;

}
  



div#caja_publicacion1 {
    margin-right:16.5rem;
    margin-bottom: 1%;
    background-color:rgb(34, 34, 38);
    padding: 10px;
    height: 220px;
    width: 70%;
   
}
  

div#caja_general_publicaciones {
margin-top: 2%;
width:100%;

}


div#cajita_costado_derecha {
    width: 25%;
    clear: both;
    padding-top: 2%;
    position: relative;
    float: left;
 }


#que_es_morfologia{
    
    background-color: rgb(237, 229, 205);
    padding: 1rem; 
    width: 13rem;
    border-color: rgb(231, 176, 47);
    border-bottom-style:double;
    border-top-style: double;
}



#que_es_morfologia h11 {
    color:rgb(66, 67, 72);

}
 

div#texto_publicaciones_presentaciones {
font-size: 12pt;
margin-top:2%;
font-family: "Titillium Web", sans-serif;
color: rgb(237, 229, 205);
    width: 75%;
 }






#pestanias_galeria2 {
    width: 25%;
    clear: both;
    padding-top: 2%;
    margin-bottom: 3%;
    
   
}


h6#titulo_mapa_sitio{
color:rgb(231, 176, 47);
    font-family: "Titillium Web", sans-serif;
    font-size: 25px;
    text-decoration-color: none;
    text-decoration: none;
    list-style: none;
    margin-left:7%;
    margin-top: 1%
  
    
}

@media screen and (min-width: 320px) and (max-width: 640px){

nav#fotos_home ul li img{


}    
    
.invisibles {
display: none;
}
    
.invisibles2 {
display: none;
}
    
    
.hola_chau  {
display: none;

}    
.nuevo {
display: none;
}   
    
}
    
   
    
  
@media screen and (min-width: 640px) and (max-width: 1024px){
    
 
    
    .hola_chau  {
display: none;

}    
    
.invisibles2 {
display: none;
}   
   

    
}
    
    
    
    
    
@media screen and (min-width: 1024px) {
    
.te_vas {

display: none;
}

    
.nuevo {
display: none;

}