.display-huge
{
	display:none;
}

.display-medium
{
	display:none;
}

.display-small
{
	display:none;
}

body
{
   	font-size:80%;

	margin: 0px 0px 0px 0px;
   	padding: 0;

	/*background-color:#A9C2ED;/*color central*/

	
	color:#e9e9e9; /*Blanco*/
	
}
main {
/*display:grid;*/
}

select {
	/*background-color:#229990;	*/
	/*background-color:#A9C2ED;/*color central*/

}

.contenidos
{
	clear:both;
	width: 90%;
	bottom: 0px;
	border-top-style: double;
	background-attachment: scroll;
   	margin: 2%;
	float: left;
}


.rojo{
	background-color:red;
}
.verde{
	background-color:green;
}
.pie
{
	clear:both;
	width: 90%;
	bottom: 0px;
	display: block;
	border-top-style: double;
	background-attachment: scroll;
    background-color: #333;
    margin-top:2%;  
    }


.logo{
	/*animation: rotate 2s infinite linear;*/
	
}

@keyframes rotate{
	0%{ transform: rotate( 0deg 0deg);}
	100%{ transform: rotate(360deg 360deg);}
}


.encabezado
{
    margin: 0px;
    padding: 1% 0 0 0;
	float:left;
	width: 90%;
	bottom: 0px;
	display: block;
	/*border-bottom-style: double;*/
	background-attachment: scroll;
   /* background-color: #8D95D6; /*color izq1*/
}
.titulo
{
	float:left;
	width: 90%;
	bottom: 0px;
	display: block;
	background-attachment: scroll;
    font-size: 200%;
	text-align:center;
}

img {
	height: 2em;
}
img.logo{
	height: 5em;
}
aside, aside a{
	color:white;
	   background-color: #8D95D6; /*color izq1*/
	/*background-color:#B1A3F7;/*color izq2*/
}

.nav
{
  	padding: 0%;
	float:left;
 	width: 90%;
	display: block;
	/*border-bottom-style: double;*/
	   background-color: #8D95D6; /*color izq1*/
	/*background-color:#B1A3F7;/*color izq2*/
}

 .bloque  
{
   background-color: #8D95D6; /*color izq1*/
   /*background-color:#B1A3F7;/*color izq2*/
	border:2px #666 ridge;
	margin:0% 10% 10% 10%;
	width: 100%;
}
 .1
 {
   background-color: black; /*color izq1*/
   color:white;
} 
.2
{
   background-color: grey; /*color izq1*/
   color:black;
}
.bloquepeque
{
	background-color:#B1A3F7;/*color izq2*/
	border:2px #666 ridge;
	margin:0% 10% 10% 10%;
	width: 50%;
	text-align: center;
	color:black;
}
.menu li{
	
	border:2px #666 ridge;
	margin: 1% 1% 1% 1%;
	width: 10%;
	float: left;
	display: inline;
       
}
li.admin {
	
	border:2px #666 ridge;
	margin: 0% 1% 0% 1%;
	width: 14%;
	float: right;
	display: inline;
	text-decoration: none;
	list-style-type: none;
        
}

.nombreUsuario
{	border:2px #666 ridge;
	width:75%;
	float:left;
	margin-left:5%;
}


br
{
		clear:both;
}

.centrado
{
		width:100%;
		text-align:center;
}

.Derecha
{
		float:right;
}

.boton {
	    width:100%;
	   
	    font-size: 80%; 
	    font-weight: bold; 
	    padding: 0.5%;  
	    color: #30f; 
	    background-color:#000;
	    text-decoration: none; 
	     border: 1px solid #cccccc; 
   
	    border-radius: 10px 10px 10px 10px;
	    -moz-border-radius: 10px 10px 10px 10px;
	    -webkit-border-radius: 10px 10px 10px 10px;
 }


.boton form {
	    width:60%;
	    margin: 1%:
	    padding: 1%;
   
	    float:left;

}

label {
	   color: white;
	   text-align: left;
		margin-left: 4%;
	/*	color: #5ef;*/
		font-style:bold;
		font-size:120%;
}
	


a:hover
{

	    color: #fff;
}


.colorPrincipal
{
	color:#4e5bba; /*Azul*/
}

.colorTerciario
{
	color:#B6B6B6; /*Gris oscuro*/
}

h1
{
	font-size:2em;
	color:#4eb1ba; /*Azul*/
}
h2
{
	color:#0000AA; /*Azul*/
}


.bloque h5
{
	
	line-height:60%;
}

.bloque h5 span.titulo
{
	color:#4eb1ba; /*Azul*/
	margin-right:2%;
	text-align:center;
}

input{
	margin-left: 2%;
	width: 50%;
}

#observaciones {
	width: 90%;
}
#errores {
	    font-size:200%;
	    font-weight:bolder;
	    color:darkred;
		width: 90%;
}
#exitos {
	    font-size:200%;
	    font-weight:bolder;
	    color:green;
		width: 90%;
}
td {
		font-size: 80%;
}

textarea{
		margin-left: 2%;
}



  .enlaceboton {
	   
	    font-size: 80%; 
	    font-weight: bold; 
	    padding: 0.5%; 
			text-align:center;
	
    background-color: #A3EEF7; /*color dcha2*/
	    background-color: blue; /*color dcha2*/
		  /*  color: #30f; */
	      /*  color: white; */
	    font-weight: bold; 
	     border: 1px solid #cccccc; 
	    margin: 1%;
	    border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
 } 
 
 .enlaceboton:link, 
 .enlaceboton:visited { 
	    border-top: 1px solid #cccccc; 
	    border-bottom: 2px solid #666666; 
	    border-left: 1px solid #cccccc; 
	    border-right: 2px solid #666666; 
 } 
 .enlaceboton:hover { 
	     border-bottom: 1px solid #cccccc; 
	    border-top: 2px solid #666666; 
	    border-right: 1px solid #cccccc; 
	    border-left: 2px solid #666666; 
 } 
 
.enlaceboton .1 {

	   
	    font-size: 90%; 
	    font-weight: bold; 
	    padding: 0.5% 1%; 
	    background-color: blueviolet; 
	    color: white; 
		text-align:center;
	    text-decoration: none; 
	     border: 1px solid #cccccc; 
	    margin: 1% 1%;
	    border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
 } 
 
.enlaceboton2 {
	    
	    font-size: 80%; 
	    font-weight: bold; 
	    padding: 0.5%; 
	/*    background-color: #096; /**/
	  /*  color: white; */
	    text-decoration: none; 
			text-align:center;
	background-color:green; /*Blanco*/
	     border: 1px solid #cccccc; 
	    margin: 1%;
	    border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
 } 
 
 .enlaceboton3 {
	  
	    font-size: 80%; 
	    font-weight: bold; 
	    padding: 0.5%; 
			text-align:center;
	   background-color: red; 
	   /* color: white; */
	    text-decoration: none; 
	     border: 1px solid #cccccc; 
	    margin: 1%;
	    border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
 } 
 .enlaceboton4 {
	  
	    font-size: 80%; 
	    font-weight: bold; 
	    padding: 0.5%; 
	    background-color: orange; 
	     /* color: white; */
	    text-decoration: none; 
	     border: 1px solid #cccccc; 
	    margin: 1%;
	    border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
 } 
 
 .enlaceboton5 a{
		width:200px;
	    font-size: 80%; 
	    font-weight: bold; 
	    padding: 0.5%; 
	    background-color: black; 
	    color: white; 
	    text-decoration: none; 
	     border: 1px solid #cccccc; 
	    margin: 1%;
	    border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
 } 
.columnas {

	display: left;
	margin-left:3em;
	    column-gap: 4em;
	    column-rule: 1px solid #bbb;
	    column-width: 240px;
  columns: 1;
  text-align: justify;
}
#container > div {
  display: flex;
 
  flex-wrap: wrap;
}

#container > div > div {
  width: 50px;
  height: 50px;
  background: linear-gradient(-45deg, #788cff, #b4c8ff);
}

#flex-start {
  justify-content: flex-start;
}

#center {
  justify-content: center;
}

#flex-end {
  justify-content: flex-end;
}

#space-between {
  justify-content: space-between;
}

#space-around {
  justify-content: space-around;
}