/*  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

*/

/*TIPOS*/

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


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


}
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);
}
    
p{
    font-family: "Titillium Web", sans-serif;
    font-size: 15px;
    color: rgb(237, 229, 205);
}


/* ROTULO*/
nav#logo_gd {
    position: absolute;
    top: 3rem;
    left:0;
    margin-left: 24rem;
    
    
}

nav#morfologia  {
    position: absolute;
    top:1rem;
    left:0;
    margin-left: 37rem;

}


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

nav#morfologia li a {
    color: rgb(66, 67, 72);
}


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

}

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

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

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

header#rotulo {
    
    height: 35px;
    color: rgb(66, 67, 72);
    margin: 0 2px 0 13rem;
    padding: 10px 10px 10px 10px;

}

.menu_rotulo {
    padding-bottom: 3px; 


}


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

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

header#rotulo 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: 12rem;
   

}


/*CUERPO MAESTRO*/

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

div#pagina{
    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: 13rem;
    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*/


footer{
      
	background-color:rgb(237, 229, 205);
	font-family:"Titillium Web", sans-serif;
	font-size:10px;
	color:grey;
	float:left;
	height: 13rem;
    background-image: url(imagenes/fondoheadersincosos.svg);
    background-repeat: no-repeat;
    
    
    
	}
	
#navfooter{
	position:relative;
	float:left;
    margin-left: 13rem;
    margin-right: 13rem;
    
	}
	
.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);	
}


	
#pie{
	width:51%;
	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:30rem;
	margin-right:50px;
    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); 
}


.quietas {
    position:relative;
    float: right;
      
}


.logo_home{
    position:relative;
    float: right;
    
        
}


nav#fotos_home li {
    display: inline-block;
    position: relative;
    float:left;
     margin-left: -3.5px;
    margin-top: -3.5px;
    margin-bottom: -3.5px;
    margin-right: 4.7px;
}



/*-----------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: 13rem;
    margin-bottom: 68rem;
    
}
#galeria_m1 li{
    
    display: inline-block;
    position: relative;
    float:left;
    margin-left:1rem;
    margin-top: 1rem;
    margin-right: 5px;

}

.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;


}