/* Variables  */
:root{                          /* la clase root apunta a todo */
	--rojoii:   rgba(172, 23, 23, 1); /*original #bf1f24; */
	--blancoii: rgba(255, 255, 255, 0.56); 
	--blancotxt: #ffff;  
	
}


html {
    position: relative;
    min-height: 100%;
    /*padding-bottom:60px;*/
}

body {
    margin-bottom: 10px;
}

footer {
    width: 100%;
	background-color: #333;
    color: #e5e5e5;
    font-size: 14px;
}


h1,h2{
    margin: 5px;
    text-align: center;
    /*font-family: 'Roboto', sans-serif; */
    line-height: 1.5;
 }
 
 


h1{ 
    font-size: 1.7rem;
    font-weight: 600;
    color: rgb(61, 61, 61); 
    
}

h2{ font-size: 1.4rem;
    font-weight: 7;  
}


h3{
    font-size: 1.2rem;
    font-weight: 100;
    padding-bottom: 15px;
    padding-left: 2px;
    border-bottom: solid 1px white;
}


/* para modificar el default nav de bootstrap */

.navbar-nav {
    margin-left: auto !important;
}

.nav-item:hover {
	background-color: rgba(233, 233, 233, .6); 
	border-radius: 8px;
	
}


.navbar-dark .navbar-nav .nav-link {
	color: var(--blancotxt) !important;

}

.bg-dark{
    background-color: var(--rojoii) !important;
	font-weight: 600;
}

.navbar-toggler{
	border-color: var(--blancoii) !important;
	
	
}


.contenedorPrincipal{
	padding: 5px;
    margin-top: 1px;
    margin-bottom: 5px;
}


/* para quitarle el subrayado a los links*/
a{
    text-decoration: none; 
	  color: rgb(124, 30, 22);	
}


/*Menú Auxiliar */
.linkContenidoDigital{
    background-color: #e5e5e5;
    padding-right: 20px;
    text-align: right;
 }
 


 .linkContenidoDigital ul{
     list-style-type: none;
     color: rgb(124, 30, 22);
 }
 
 .linkContenidoDigital >a{
    
    text-decoration: none; /*para quitarle el subrayado a los links*/
 }

 .columnas-redes-nav{
    background-color: #e5e5e5;
    
 }

 /* para el icono de intranet */
 .columnas-redes-nav img{
    max-width: 20px;
    padding-top: 8px;
 }

 /* para sección de redes sociales */
 .columnas-redes-nav ul {
    margin: auto;
    display: flex;
    padding-bottom: 8px;
    justify-content: right;
    list-style-type: none;
    
}

.icono-social{
    display: block;
    color: #bf1f24;
    padding: 10px;
    height: 5px;
        
}


.columnalogos img {
   display: block; /* Propiedad para usarse con el margin y centrar */
   margin: 10px auto; 
}


/* LOGOS EN HEADER */
.logoUNAM{
	width: 100%;
	max-width: 200px;
}

.logoII{
    width: 50%;
	max-width: 150px;
}

.logoUIS{
    width: 85%;
	max-width: 290px;
}

.logoRSM{
	width: 20%;
	max-width: 200px;
  
}

.columnas-footer{
    padding: 40px 0;
}


.columnas-footer img{
    display: block; /* Propiedad para usarse con el margin y centrar */
    margin: 10px auto; /* Para centrar la imagen en el contenedor */
    width: 220px;
    height: 226px;
         
}

.footer2{
    background-color: #999999;
    color: #e5e5e5;
    height: 42px;
    padding: 1px 15px;
    text-align: center;
    font-size: 0.93rem;
    line-height: 1.3;
}

.footer2 a{
    color: #f3f3f3;  
    text-decoration: none; 
}

.footer2 a:hover{
    color: #2867fa;
}


/* Para incrustar el mapa gis */
iframe {
    border: 1px solid black;
    /*width: 100%;  /*takes precedence over the width set with the HTML width attribute */
}