:root {
 --color-base: #fff;
 --color-texto:#2f3542;
 --color-texto2:#4D4D4D;  
 --texto-claro:#E5E5E5; 
 --barras:#242424;

 }



body {
	overflow-x: hidden;
  margin:0;
  /*background-color:var(--color-base); */ 
   font-size:10pt;
  font-family: 'Lato', sans-serif;
  color:var(--color-texto);
  /*margin-bottom:48px;*/
}
 
html{
	
	min-height:100%;
   /* background: url('../imagenes/fondo.png');
    background-repeat: repeat-y;
    background-size: cover;*/
     padding:10px;
}

.stickyTop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color:var(--barras);
    padding:0px;
    z-index:100;
    color:var(--color-base);
  

}

.footer{
  position: fixed;
  left: 0;
  bottom:0;
  width: 100%;
  height:32px;
 background-color:var(--barras);
 color:#fff;

}

.monoabajo{
  position: fixed;
  left: 0;
  bottom:0;
  height:64px;
}

.hs{
		font-weight:bold;
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
		margin:0px;
		padding:0px;
}
.claro{
color: #BCC1C8;
}

h1
{
  font-size: 18px;
}

h2
{
  font-size: 20px;
}

.mini{
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-size:10px;
        color: #C8D0D9;
}

.cont-mini{
	background-color:var(--barras);
	font-size:16pt;
	color:#BFBFBF;
	padding:10px;
	margin:10px;
	text-align:center;
	horizontal-align:center;
    border-radius: 5px 5px 50px 50px;
}
a{
	text-decoration:none;
}

.hijoCentrador
{
margin:0 auto;display: inline-block;  position: absolute;  top: 50%;  left: 50%;transform: translate(-50%, -50%);
}


[class*="col-"] {
    float: left;
    padding: 15px;
       
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 16.66%;}
.col-4b {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-6b {width: 40%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media (max-width: 900px){
.col-6b {width: 100%;}
}

.container {
     display: flex;
     flex-wrap: wrap;
     padding: 5px;
     justify-content: space-evenly;
     margin-bottom:200px;
}
.item {
     margin: 5px;
}