/*
00 - General y Útiles
01 - Posiciones, tamaño, opacidad
02 - Colores básicos y degradados
03 - Fuentes: tamaños, colores, clases
04 - Bordes, margenes
05 - Tablas
06 - Botones
07 - 


*/

/*General*/
*{
	margin:0px;
	padding:0px;
}
body{
	width:100%;
	height:100vh;
	/*background: #1a4a86;*/
    /*background-size:cover;*/
    font-family:arial;
}
.completa {height:100vh;}
.contenedor{
	padding:10px;
	width:980px;
	max-width: calc(100% - 20px);
	margin:auto;
	margin-top: 50px;
	color: #fff;
	font-family: sans-serif;
}

/*Punteros*/
.punmano{cursor:pointer;}



/*Útiles*/
.barra {overflow: scroll;}
.barrayob {overflow-y: scroll;}
.barray {overflow-y: auto;}
.nosobresale{ overflow:none;}
.nosale{ overflow: hidden;}
.centrado{ text-align:center;}
.fijoup{
    position:sticky;
    top:0px;
    z-index:10px;
}
.refoot{
    position:absolute;
    bottom:0;
}
.pull-up{
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
.pull-up:hover{
    z-index: 999; 
    -webkit-transform: translateY(-4px) scale(1.02);
       -moz-transform: translateY(-4px) scale(1.02);
        -ms-transform: translateY(-4px) scale(1.02);
         -o-transform: translateY(-4px) scale(1.02);
            transform: translateY(-4px) scale(1.02);

    -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, .2);
            box-shadow: 0 14px 24px rgba(62, 57, 107, .2);
}
.sombra{
    z-index: 999; 
    -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, .2);
            box-shadow: 0 14px 24px rgba(62, 57, 107, .2);
}
.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.redondea{
    border-radius:50%;
}
.redondea20{
    border-radius:20%;
}
.botnav{      
  border:2px solid #325179;
  /*background:#6594D1;*/
}
.botnav:hover{      
  border:2px solid #6594D1;
  /*background:#325179;*/
}
.transparente7{
    opacity:0.7;
}