/*UTILIZADES Y CONFIGURACIOINES*/
	.justmob{display:none;}
	@media screen and (max-width: 480px) {
		.nomob{display:none !important;}
		.justmob{display:initial;}
		.keepmob{display:initial !important;}
	}

	/*COLUMNA CERO*/
	.row > .col-0{display:none;}
	@media screen and (max-width: 980px){.row>col-0{display:initial} .row>.col-0-medium {display:none}}
	@media screen and (max-width: 736px){.row>.col-0, .row>.col-0-medium {display:initial} .row>.col-0-small {display:none}}
	@media screen and (max-width: 480px){.row>.col-0, .row>.col-0-medium, .row > .col-0-small {display:initial} .row>.col-0-xsmall {display:none}}


	/*COLORES*/
	.naranja{color:#FF584B !important}
	.azul{color:#030077 !important;}



/*MENU DESPLEGABLE*/
	#nav {text-transform:uppercase;}
	#menu {padding-top: 1.1em;}
	#menu h2{text-transform:uppercase;}
	#menu li a i.fa, #menu li a i.fas, #menu li a i.far{line-height: inherit; float: right;}
	#menu .closer{overflow:hidden}
	
	#menu .social{text-align: center;}
	#menu .social a{
		display: inline-block;
	    margin: 1em .5em 0;
	    font-size: 1.5em;
	    padding: 0;
	    line-height: 2em;
	    border-radius: 50%;
	    width: 2em;
	    height: 2em;
	    text-align: center;
	    background-color: #ccc;
	    color: #fff;
	}
		#menu .social a:hover{
			color:#FFFFFF !important;
			background-color: #ff584b;
			border:none;
		}


/*BANNER*/
@media screen and (max-width: 480px){	
	#banner {
		padding: 3em 1em 5em 1em;
		height: calc(100vh - 3em);
	}
	#banner a.button.large{font-size:1.1em}
	#banner h2{margin-bottom:.5em; margin-top:-5px}
	#banner img{margin-bottom:0}
}


/*HEADER*/
	#header h1 a:before {
		width: 100px;
	    margin:0;
	    height: 100%;
		background-image: url('/images/general/colegas-h-small.svg');    
	}
		@media screen and (min-width: 1690px){#header h1 a:before {width: 130px;}}
	#header h1 a span {display:none}
	
	
	
/*FOOTER*/		
	#footer{padding-bottom:1em;}			
	


/*SPONSORS*/
	#sponsors img {
	    width: auto;
	    height: 40px;
	    margin: 0 15px 15px 15px;
	    opacity: 0.6;
	}
	
	#sponsors a{border:none;}
	#sponsors a:hover img{opacity: 1;}
	
	@media screen and (max-width: 480px){#sponsors img {height:50px !important;}}
	@media screen and (max-width: 736px){#sponsors img {height:60px !important; margin:20px;}}
	@media screen and (min-width: 980px){#sponsors img {height:auto !important; margin:25px;}}



/*ICONOS*/
.colegas-iso{background-image:url('/images/general/iconos/colegas-iso-solo.svg'); background-size: 60%; background-repeat: no-repeat; background-position: center;}
.colegas-recepcion{background-image:url('/images/general/iconos/01-recepcion.svg'); background-size: 60%; background-repeat: no-repeat; background-position: center;}
.colegas-sala-de-espera{background-image:url('/images/general/iconos/02-sala-de-espera.svg'); background-size: 60%; background-repeat: no-repeat; background-position: center;}
.colegas-correo{background-image:url('/images/general/iconos/03-correo.svg'); background-size: 60%; background-repeat: no-repeat; background-position: center;}
.colegas-privado{background-image:url('/images/general/iconos/04-privado.svg'); background-size: 60%; background-repeat: no-repeat; background-position: center;}
.colegas-coworking{background-image:url('/images/general/iconos/05-coworking.svg'); background-size: 60%; background-repeat: no-repeat; background-position: center;}
.colegas-sala-de-reuniones{background-image:url('/images/general/iconos/06-sala-de-reunion.svg'); background-size: 60%; background-repeat: no-repeat; background-position: center;}
.colegas-internet{background-image:url('/images/general/iconos/07-internet-veloz.svg'); background-size: 60%; background-repeat: no-repeat; background-position: center;}
.colegas-impresiones{background-image:url('/images/general/iconos/08-impresiones.svg'); background-size: 60%; background-repeat: no-repeat; background-position: center;}
.colegas-bar{background-image:url('/images/general/iconos/09-bar.svg'); background-size: 60%; background-repeat: no-repeat; background-position: center;}



/*CARACTERISTICAS*/
	@media screen and (max-width: 480px){	
		ul.major-icons li p{margin: 0 0 1em 3em;}
	}