body {
   margin: 0px;
   min-height: 100%;
   width: 100%;
   padding: 0.5% 10%;
	
}

header {
height:100%; 
max-height: 20rem;
min-height: 5rem;  
width: 100%; 
border:rgba(223,217,217,1.00) solid 1px;
border-radius: 6px; 
padding: 0.2%; 
}

.marke { 
/*background-color:rgba(30,46,61,1.00); */
border: 1px solid  #0C1041; 
height: 100%;  
max-height: 100px; 
min-height: 29px; 
/*width: 100%; */
margin-top: 10px; 
margin-bottom: 10px;
border-radius: 4px; color: white;
}

.m0 {
	width: 100%; 
	height:100%;
	max-height: 100%; 
	padding: 0;
	}

.m1 {box-shadow: 0 0 10px white;  border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
  -webkit-flex: 	1 1 20%; 
	flex: 			1 1 20%;      
   -webkit-order: 	1; 
	order: 	1;   
	padding: 2px;
	/*text-align: center;*/
	
		 } 

.m2 {box-shadow: 0 0 5px white; border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
   -webkit-flex: 	1 1 80%; 
           flex: 	1 1 80%;
   -webkit-order: 	2;
           order: 	2;	
	margin-left: 0.5%;
	padding: 2px;
	background-color:rgba(30,46,61,1.00);
   }

.main {
	width: 100%; 
	height:100%;
	max-height: 100%; 
	padding: 0;
    display: flex;
    justify-content: space-between;
    }


.article {

box-shadow: 0 0 5px white; 
border: 1px solid rgba(15,39,232,1.00); 
border-radius: 4pt;
width: 100%;
height: 100%;
max-height: 100%;
padding: 2px;
text-align: center; 
margin: 0;
margin: auto;
overflow: hidden;
   }


.main1 {
	width: 100%; 
	max-height: 100%; 
	padding: 0;
	margin-top: 10px;
    
   
}

.banner{ 
    height: 400px;
    max-height: 100%;
    box-shadow: 0 0 10px white; 
    border: 1px solid rgba(15,39,232,1.00); 
    border-radius: 4pt;
    padding: 2px;
    object-fit: cover;
    

}

.banner img{
    max-width: 100%;
	max-height: 100%;
    width: 300px;
	display: inline-block;
    position: relative;
    
                }
@supports(object-fit: cover){
    .banner img{
         height: 400px;
         width: 100%;
      object-fit: cover;
      object-position: center;
    }
}


.main2 {width: 100%; height:100%;}

.nav2 {box-shadow: 0 0 10px white;  border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
  -webkit-flex: 	1 1 20%; 
	flex: 			1 1 20%;      
   -webkit-order: 	1; 
	order: 	1;   
	margin-top: 8px;
	max-height: 25rem; 
	min-height: 17rem;
	padding: 4px;
	overflow: auto;
	
		 } 

.article2 {box-shadow: 0 0 5px white; border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
   -webkit-flex: 	1 1 80%; 
           flex: 	1 1 80%;
   -webkit-order: 	2;
           order: 	2;	
	margin-left: 0.5%;
	margin-top: 8px;
	padding: 4px;
	max-height: 25rem; 
	min-height: 17rem;
	 
   }








.maina {width: 100%; height:100%; max-height: 25rem; min-height: 16rem;}

.nava {box-shadow: 0 0 10px white;  border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
  -webkit-flex: 	1 6 20%; 
	flex: 			1 6 20%;      
   -webkit-order: 	1; 
	order: 	1;   
	width: 100%;
	margin-top: 8px;
	
		 } 

.articlea {box-shadow: 0 0 5px white; border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
   -webkit-flex: 	3 1 75%; 
           flex: 	3 1 75%;
   -webkit-order: 	2;
           order: 	2;	
	margin-left: 0.5%;
	width: 100%;
	margin-top: 8px;
	padding-top: 1rem;
	background-image: url("../img/asencam.png"); background-repeat:no-repeat;
	 
   }

.mainaa {width: 100%; height:100%; max-height: 100%; min-height: 25rem;}
.articleaa {box-shadow: 0 0 5px white; border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
   -webkit-flex: 	3 1 80%; 
           flex: 	3 1 80%;
   -webkit-order: 	2;
           order: 	2;	
	
	width: 100%;
	margin-top: 8px;
	padding-top: 1rem;
	
	 
   }


.main0 {width: 100%; height:100%;}

.nav0 {box-shadow: 0 0 10px white;  border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
  -webkit-flex: 	1 1 20%; 
	flex: 			1 1 20%;      
   -webkit-order: 	1; 
	order: 	1;   
	margin-top: 8px;
	max-height: 22rem; 
	min-height: 20rem;
	padding: 4px;
	overflow: auto;
	
		 } 

.article0 {box-shadow: 0 0 5px white; border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
   -webkit-flex: 	1 1 80%; 
           flex: 	1 1 80%;
   -webkit-order: 	2;
           order: 	2;	
	margin-left: 0.5%;
	margin-top: 8px;
	padding: 4px;
	max-height: 22rem; 
	min-height: 20rem;
	 
   }




.main7 {
    width: 100%; 
    height:100%;}



.article7 {
    box-shadow: 0 0 5px white; 
    border: 1px solid rgba(15,39,232,1.00); 
    border-radius: 4pt;
   -webkit-flex: 	1 1 80%; 
           flex: 	1 1 80%;
   -webkit-order: 	1;
           order: 	1;	
	padding: 4px;
	text-align: center;
    max-height: 17rem; 
	min-height: 17rem;
	overflow: auto;
   }
  
  .nav7 {box-shadow: 0 0 10px white;  border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
  -webkit-flex: 	1 1 20%; 
	flex: 			1 1 20%;      
   -webkit-order: 	2; 
	order: 	2;   
	max-height: 17rem; 
	min-height: 17rem;
	padding: 4px;
	overflow: auto;
	margin-left: 0.5%;
	
		 } 
  
  
  
  
  
  
  
#menu  {
    font-size: 16px;
    padding-bottom: 0px;
    padding-top: 5px;
    height: 20px;
    
	
}

#menu li {
         display:inline;
         padding: 0px !important; 
		 margin: 0px 4px; 
         padding-bottom: 0px !important;
		 height: auto;
}
#menu li a {
font-family: Arial;
text-decoration: none;
padding: 0;
color:Black;
padding-bottom: 0px !important;
height: auto;
}
#menu  li a:hover {

transform: scale(1.2);
padding-bottom: 0px;
color:lightgray;
    
    }

a {
    text-decoration: none;
    padding-bottom: 0px;
}


footer {font-size:1rem; width: 100%; height: 100%; color: black; text-align: center; margin: auto; justify-content: center; border-radius: 4px; padding: 10px; border: 1px solid black; margin-top:10px; 
}












.mensajes {
text-align: justify; 
display: none; 
font-size: calc(0.5em + 0.5vw);
line-height: 2em;
padding: 10px;

}



 .main3 { width: 100%; height:100%; margin-bottom: 10px}

.nav3 {box-shadow: 0 0 10px white;  border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
  -webkit-flex: 	1 1 20%; 
	flex: 			1 1 20%;      
   -webkit-order: 	1; 
	order: 	1;   
	max-height: 26rem; 
	min-height: 17rem;
	padding: 4px;
	overflow: auto;
	
		 } 

.article3 {box-shadow: 0 0 5px white; border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
   -webkit-flex: 	1 1 80%; 
           flex: 	1 1 80%;
   -webkit-order: 	2;
           order: 	2;	
	margin-left: 0.5%;
	padding: 4px;
	max-height: 26rem; 
	min-height: 17rem;
	
	 
   }


.main4 { width: 100%; height:100%;}

.nav4 {box-shadow: 0 0 10px white;  border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
  -webkit-flex: 	1 1 20%; 
	flex: 			1 1 20%;      
   -webkit-order: 	1; 
	order: 	1;   
	margin-top: 8px;
	max-height: 25rem; 
	min-height: 17rem;
	padding: 4px;
	overflow: auto;
	
		 } 

.article4 {box-shadow: 0 0 5px white; border: 1px solid rgba(15,39,232,1.00); border-radius: 4pt;
   -webkit-flex: 	1 1 80%; 
           flex: 	1 1 80%;
   -webkit-order: 	2;
           order: 	2;	
	margin-left: 0.5%;
	margin-top: 8px;
	padding: 4px;
	
	max-height: 25rem; 
	min-height: 17rem;
	 
   }





.divp {height: 2vh; margin-bottom: 0.1%;
	
	
}


.enlaces  {padding: 1%; background-color:rgba(30,46,61,1.00);  height: 4rem; width: 100%; margin-bottom: 1.5%}
.enlaces:hover {background-color:gold;}


.menu1 {font-size: 1em; background-color:rgba(30,46,61,1.00); height: 40px;  max-height: 50px; min-height: 60px; border: 1px solid  #0C1041; border-radius: 3pt; color: white;  margin-top: 6px; padding-top: 3px; width: 100%;
}





@media all and (max-width: 600px) {
    .article { height:100%; max-height: 40rem; min-height: 5em;  margin-top: 0.5%;}
	.aside 	 { height:100%; max-height: 40rem; min-height: 8.5em;  margin-top: 0.5%;} 
	.partext{ font-size: 4rem}
#menu {height: auto;	}		
}
	
	


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.partext {font-size: 4rem}
		}
	
 #menu {height: auto;	}	


/* RESPONSIVE
   ========================================================================= /
 

/ Escritorios muy anchos */
@media (min-width: 1200px) {

#menubot {display:none}

}

/*Tablets en horizonal y escritorios normales*/

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


	}
	

@media (max-width: 767px) { }

#menu {height: auto;	}	


@media (max-width: 480px) {

  #menu {height: auto;	}	
    

}


.marke { background-color:rgba(30,46,61,1.00); border: 1px solid  #0C1041; height: 100%;  max-height: 100px; min-height: 29px; width: 100%; margin-top: 5px; margin-botton: 5px;  border-radius: 3pt; color: white;}

.marke2 { background-color:rgba(30,46,61,1.00); border: 1px solid  #0C1041; height: 35px; max-height: 50px; width: 100%;  border-radius: 2px; color: white; margin-top: 5px; }




footer {font-size:1rem; width: 100%; height: 100%; color: black; text-align: center; margin: auto; justify-content: center; border-radius: 4px; padding: 10px; border: 1px solid black; margin-top:10px; 
}





.mensajes{
    box-sizing:border-box;
    margin:0;
    padding:0;
    }
                  
   .mensajes li{
    list-style-type:none;
    position:relative;
    width:100%;
    }
                
   .mensajes li a{
    text-decoration:none;
    display:inline-block;
    padding:5px 10px;
    width:100%;
    height:5%;
    border:1px solid #000;
    color:#fff;
    background-color:rgba(127,219,247,1.00);
    }
            
   .mensajes li a:hover{
    color:#000;
    background-color:darkgoldenrod;
                
    }
    
   .mensajes nav li ul{
        display:none;
        position:absolute;
        top:0px;
        left:5%;
    }
            
  .mensajes  nav li:hover ul{display:block;}


.botn {
	
width:35px; 
height: 30px; 
background-color:white;
margin-left: 1px; padding-top: 0.5px ;
border: 1px solid black;
}	
.botn:hover {
background-color:gold; 

}

.activo {
    text-decoration: underline;
	color: blue !important;
	font-size: 17px !important;
}

.activo2 {
    text-decoration: underline;
	color: royalblue !important;
	font-size: 1rem !important;
}


.menuest {padding-left: 0.1%;
        border-bottom: 1px solid #ACCFE8;
	      border-width: 1px;
        width: 100%;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	font-size: 0.9rem;
	max-height: 25rem;
	min-height: 15rem
		
}
.menuest ul, li {
        list-style-type: none;
}
.menuest ul {
        margin: 0;
        padding: 0;
	height: 100%;
}

.menuest li {

	max-height: 22rem;  border-bottom: 1px solid #ACCFE8;
	
}

.menuest a {
        text-decoration: none;
        color: black;
        background-color:white;
        display: block;
        padding: 0.2% 0.2%;
        width: 100%;
}

.menuest a:hover {
        background: #DBEBF6;
	color:darkgreen;
}