.display-maximo {
	display: none;
}

.display-grande {
	display: none;
}

.display-mediano {
	display: none;
}

.display-chico {
	display: none;
}

body{
	width:100%;
	height:100%;
}

.vertical-centered-text {
		  -ms-display: flex;
		  display: flex;
		  /* alineacion vertical */
		  align-items: center;
		   /* alineacion horizontal */
		  justify-content: center;
}

/* PRE LOADER */

*,*:after, *:before{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contenedor_carga{
	background-color: #181818;
	height: 100%;
	width: 100%;
	position: fixed;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 10000;
}

#carga{
	border: 6px solid #ccc;
	border-top-color: #666;
	border-top-style: #fff;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-animation: girar 1.5s linear infinite;
	-o-animation: girar 1.5s linear infinite;
	animation: girar 1.5s linear infinite;
}

@keyframes girar {
	from{ transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}




/* menu */

#menu ul {
 	list-style:none;
	width: 100%;
 	margin:0;
	z-index: 100;
}

/* items del menu */

#menu ul li {
 	background-color:transparent;
	z-index: 100;
}

/* enlaces del menu */

/* en MAXIMO.CSS y GRANDE.CSS */


/* items del menu */

#menu ul li {
 	display: inline-block;
	position: relative;
	margin:0;
 	padding:0;
	z-index: 100;
}

/* efecto al pasar el ratón por los items del menu */

#menu ul li:hover {
 	color: #ffffff;
	z-index: 100;
}


/* menu desplegable */

#menu ul ul {
	 display:none;
	 position:absolute;
	 top:100%;
	 left:0;
	 background:#eee;
	 padding:0;
	 width:100%;
	 z-index: 100;
}

/* items del menu desplegable */

#menu ul ul li {
	 float:none;
	 width:100%;
	 z-index: 100;
}

/* enlaces de los items del menu desplegable */

#menu ul ul a {
	 line-height:120%;
	 padding:10px 15px;
	 z-index: 100; 
}

/* items del menu desplegable al pasar el ratón */

#menu ul li:hover > ul {
 	display:inline-block;
	z-index: 100;
}

.btn-menu-dgv {
	color: #202020!important;
	font-size:12px;
	font-weight: bold;
}

.btn-menu-dgv:hover {
 	color: #ffffff!important;
	background-color:#202020;
}

.no-seleccionable{
pointer-events: none;
cursor: default;
}

.gris{
color: #B2B2B2!important;
}







/* POP UP con formulario */

.modal {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	position: fixed;
	top: 0;
	left: 0;
	animation: modal 1s 1s forwards;
	visibility: hidden;
	opacity: 0;
	z-index: 10000;
}

#cerrar {
	display: none;
}

#cerrar + label {
	position: fixed;
	color: #fff;
	font-size: 25px;
	z-index: 10001;
	height: 40px;
	width: 40px;
	top: 50%;
	margin-top: -175px;
	left: 50%;
	margin-left: 145px;
	cursor: pointer;
	animation: modal 1s 1s forwards;
	visibility: hidden;
	opacity: 0;
	font-family: 'Montserrat', sans-serif;
}

#cerrar:checked + label, #cerrar:checked ~ .modal {
	display: none;
}

@keyframes modal {
	100% {
		visibility: visible;
		opacity: 1;
	}
}

.contenido-form{ 
	text-align: center;
	top: 50%;
	margin-top: -175px;
	left: 50%;
	margin-left: -175px;
	height: 350px;
	width: 350px;
	position: absolute;
}

.wapp{ 
    width: 50px; 
    height: 50px; 
    position: fixed;
    right: 0px;
    top: 50%;
    margin-top: -25px;
    z-index: 500;
}