/* CSS GENERAL */

:root{	

	/*--color_fondo_cargando: rgba(255, 255, 255, 1);
	--color_texto_cargando: rgba(0, 0, 0, 1);	*/
	--color_fondo_cargando: rgba(0, 0, 0, 1);
	--color_texto_cargando: rgba(255, 255, 255, 1);
	
	--color_fondo_cargando_semi: rgba(255, 255, 255, 0.9);
	
	/*--color_barras_loading: rgba(237, 137, 0, 1);*/
	--color_barras_loading: rgba(205, 23, 25, 1);
	--color_barras_loading2: rgba(0, 125, 57, 1);
	--tiempo_barras_loading: 1.2s;
	
}

html, body {
    height: 100%;
    min-height: 100%;
}

*, img, p{
	margin: 0;
	padding: 0;
}

.page{
	position: fixed;
	height: 100%;
   min-height: 1px;
   width: 100%;
   min-width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
   background-color: transparent;
}

.cargando{
	position:absolute;
	display: none;	
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--color_fondo_cargando);
	opacity: 1;
	z-index: 1001;
	color: var(--color_texto_cargando);
	font-weight: 200;
	overflow: hidden;
}

.cargando.semi{
	background: var(--color_fondo_cargando_semi);
}

.cargando.cargando_datos{
	position: fixed;
}

.cargando td{
	width: 100%; 
	height: 100%; 
	text-align: center; 
	vertical-align:middle;
}

.cargando img{
	margin: auto;
	width : 10em;
	margin-top: 2em;
}

.load_page{
	position: fixed;
	background: var(--color_fondo_cargando);
	display: block;
}

.cargando img{
	width: 4em;
	margin-bottom: 2em;
}

/* LOADER SPINNER */

.spinner-loader{
	display: inline-block;
	clear: both;
	width: 3em;
	height: 3em;
}

.spinner-loader:after{
	content: ' ';
	display: block;
	width: 3em;
	height: 3em;
	margin: 1px;
	border-radius: 50%;
	border: 0.15em solid var(--color_barras_loading);
	border-color: var(--color_barras_loading) transparent var(--color_barras_loading2) transparent;
	animation: animacion-spinner-loader var(--tiempo_barras_loading) linear infinite;
}
@keyframes animacion-spinner-loader{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* FIN LOADER SPINNER */



/* SLICK BANNERS */

.slider_banners .slick-dots{
	position: absolute;
	margin: auto;	   
   display: flex;	
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;	
	opacity: 0.5;
	z-index: 98;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* FIN SLICK BANNERS */