/* Los @fontface no harán falta 
pues se cargan las fuentes desde el CSS principal.
Puedes eliminarlos y probar*/


@font-face {
  font-family: 'Futura';
  src: url('/fonts/futura/FuturaStd-Light_gdi.eot');
  src: url('/fonts/futura/FuturaStd-Light_gdi.eot?#iefix') format('embedded-opentype'), 
	  url('/fonts/futura/FuturaStd-Light_gdi.woff') format('woff'), 
	  url('/fonts/futura/fonts/FuturaStd-Light_gdi.ttf') format('truetype'), 
}

body {
margin: 0px;
font-family: Futura, sans-serif;
}	

.ContenedorSup {
background-color: #fff;
width: 100%;
max-width: 1218px;
margin: 0 auto;
position: relative;
text-align: center;
padding: 0.5%;
}
.ContenedorSup h1 {
	font-family: 'Futura';
	margin-top: 2.5em;
	color: #22272c;
	font-size: 3.125rem;
	font-weight: bold;
}

.Contenedor{
width: 100%;
max-width: 1280px;
margin: 0 auto;
position: relative;
overflow: auto;
}

.Gris-container {
	width: 100%;
	background-color: #f5f5f5;
	padding-top: 4%;
	height: auto;
	padding-bottom: 2%;
	padding-left: 3%;
}

.Gris-container h3 {
	font-family: 'Futura';
	color:#22272c;
	font-size:1.875rem;
	font-weight:bold;
	text-transform:uppercase;
	margin:.5em 0 .8em 0;
	line-height:1;
}

.Intro-Sub {
	font-family: Futura, sans-serif;
	color: #636568;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: normal;
	text-align: center;
	margin-top: 1.5em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5em;
}
.dArticulo{
	background-color: #fff;
	width: 22%;
	display: block;
	height: 100%;
	clear: right;
	float: left;
	margin-left: 0;
	margin-right: 2.3%;
	margin-bottom: 40px;
	box-shadow: 2px 2px 10px 2px #ccc;
	transition: box-shadow 0.3s ease-in-out;
	text-align: center;
	text-decoration: none;
}

.dArticulo img{
width: 100%;
}

.dArticulo a {
	text-decoration:none;
	
}


.dArticulo:hover {
	box-shadow: 3px 3px 10px 5px #BEBEBE;
	transition: opacity 0.3s ease-in-out;
}
.dArticulo::after {
	box-shadow: 2px 2px 10px 2px #CCCCCC;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}


.Articulo h3 {
	font-family: 'Futura';
	display: block;
	width: 80px;
	color:#22272c;
	font-size:1.875rem;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1;
	text-decoration:none;
}
.dTitol{
	margin-top: -15px;
	padding:15px ;
	height: 135px;
}
.dTitol h3{
	font-size:1.500rem;
}
.Articulo a {
	text-decoration:none;
}



@media only screen and (max-width : 1218px){

.ContenedorSup h1 {
		color:#22272c;
		text-align: center;
		font-size:2.125rem;
		font-weight:bold;
		margin-top: 1em;
}
.dArticulo{
background-color: #fff;
width: 100%;
display: block;
clear: right;
float: left;
margin-left: 0;
margin-right: 2.5%;
box-shadow: 1px 2px 10px 0 #ccc;
transition: all .3s ease;
text-align: center;
text-decoration:none;
}
.Intro-Sub {
	margin-bottom: 3em;
}
.dTitol h3{
	font-size:1.475rem;
}

}