/****************/
/*	 ACCESOS 	*/
/****************/
.accesos {
	float: left;
	width: 100%;
    margin: 0;	
	padding: 0 0 4.5em 0;	
}
.accesos-gris {
	background-color: #f6f4f5;
}
.accesos  h2 {	
	font-size: 2.49em;
    line-height: 1.17em;
	margin-top: 1em;
	margin-bottom:0;

}
.accesos ul {
	margin: 3.7em auto 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}
.accesos ul li:nth-child(-n+4):nth-child(-n+6) {
    margin-left: 5.6%;
}
.accesos ul li.ext{
    margin-left: 2% !important;
}
.accesos ul li:nth-child(-n+6) {
    margin-left: 2%;
}
.accesos ul li {
	display: inline-block;
	width: 11em; 
	/* ANCHO de los iconos de acceso */
}
.accesos ul li a:hover {
	color:  #00A443;
}
.accesos ul li:first-child {
	margin-left: 0 !important;
}
.accesos ul li span{
	padding: 0;
	margin-top: 1.5em;	
}
.accesos ul li a{
	color: #00402A;
	font-size:1.15em;
	float: left;
	width: 100%;
}
/***********************/
/***** MEDIA QUERY *****/
/***********************/
/* Para pantallas inferior a 1120px pero superior a 960px (desktop) */
@media screen and (max-width: 70em) and (min-width: 60em) {
	.accesos {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
}
/* Para pantallas inferior a 959px pero superior a 768px (tablet) */
@media screen and (max-width: 59.94em) and (min-width: 47.95em) {
	.accesos {
		width: 100%;
	    padding-left: 10.5%;
	    padding-right: 10.5%;
	}		
	.accesos ul li:first-child {
		margin-left: 3.5%;
		margin-right: 3.5%;
	}
	.accesos ul li {
		width: 9.29em;
		margin-left: 0;	
		margin-right: 0;
	}
	.accesos ul li img{
		width: 6.8em;
	}
	.accesos ul li {
		margin-bottom: 2em;
	}
	.accesos ul li:first-child{
		margin-left: 0 !important;
	}
	.accesos ul li.ext:first-child,
	.accesos ul li.ext:nth-child(4) {
  		margin-left: 1em !important;
  		margin-right: 0 !important;
  	}
  	.accesos ul li.ext{
  		margin-left: 5.6% !important;
  	}
}


/* Para pantallas inferior a 768px(mobile) */
@media screen and (max-width: 47.95em) {
	/****************/
	/*	 ACCESOS 	*/
	/****************/
	.accesos {
		width: 100%;
		padding-bottom: 0.5em;
	}
	.accesos h2 {
		margin-top: 0.7em;
		margin-bottom: 0.7em;
	}
	.accesos ul li,
	.accesos ul li:first-child {
		width: 50%;
		margin-left: 0;
		float: left;
		text-align: center;
		margin-bottom: 2em;
	}
	.accesos ul li:nth-child(-n+4):nth-child(-n+6),
	.accesos ul li:nth-child(-n+6) {
    	margin-left: 0;
	}
	.accesos ul li:nth-child(even) {
		margin-left: 5%;
	}
	.accesos ul { margin: 0 20px;}
	.accesos ul li img{
		width: 60%;
	}
	.accesos ul li span{
		width: 100%;
		float: left;
	    margin-top: 0.9em;
	}	
	.accesos ul li.ext {
		margin-left: 0 !important;
	}
	.accesos ul li {
		margin-bottom: 2em;
	}
}