@import 'reset.css';
@import 'fonts.css';

BODY { background: #666666; color: #000000; font-size: 14px; font-family: "IBM Plex Mono", "Lucida Console", Monaco, monospace; z-index: 1; font-weight: bold; }
BODY.menu-active { overflow: hidden; } 
BODY.tipoBlanca { color: #FFFFFF; }

.hidden { display: none; } 
.invisible { visibility: hidden; }
.no-desktop { display: none; }
.no-mobile { display: block; }
.only-vertical { display: none; }

#background { background: #000000; width: 100%; height: 100%; position: fixed; z-index: 5; }
	#background .bx-wrapper { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0; padding: 0; }
	#background .bx-wrapper .bx-pager { padding: 0; margin: 0; bottom: 20px; }
	#background .bx-pager { display: none; }

#content { position: absolute; z-index: 10; padding: 30px; }	

H1 { margin-bottom: 30px; font-weight: 500; }

A.icono { margin-bottom: 30px; text-decoration: none; color:#000000; display: block; max-width: 140px; text-align: center; }
A.icono IMG { width: 90px; padding: 16px;  margin: auto; display: block; }
A.icono P { max-width: 140px; margin: auto;}
	BODY.tipoBlanca  A.icono { color:#FFFFFF; }




@media only screen and (min-width : 1024px) and (max-width : 1200px) {
}

@media only screen and (min-width : 120px) and (max-width : 1023px) {
	.no-desktop { display: block; }
	.no-mobile { display: none; }
}

@media only screen and (min-width : 1440px) {

}

@media only screen and (max-width : 767px) {
	.only-vertical { display: block; }
}