@font-face {
    font-family: 'Futura';
    font-weight: 100;
	font-style: normal;
    src: url('fonts/FuturaStdBook.eot');
    src: url('fonts/FuturaStdBook.eot') format('embedded-opentype'),
         url('fonts/FuturaStdBook.woff2') format('woff2'),
         url('fonts/FuturaStdBook.woff') format('woff'),
         url('fonts/FuturaStdBook.ttf') format('truetype'),
         url('fonts/FuturaStdBook.svg#FuturaStdBook') format('svg');
}
@font-face {
    font-family: 'Futura';
    font-weight: 400;
	font-style: normal;
    src: url('fonts/FuturaStdMedium.eot');
    src: url('fonts/FuturaStdMedium.eot') format('embedded-opentype'),
         url('fonts/FuturaStdMedium.woff2') format('woff2'),
         url('fonts/FuturaStdMedium.woff') format('woff'),
         url('fonts/FuturaStdMedium.ttf') format('truetype'),
         url('fonts/FuturaStdMedium.svg#FuturaStdMedium') format('svg');
}

.c_rojo{
	color: #000; /*Negro*/
}
.c_gris{
	color: #58595B;  /*Gris*/
}
.c_gris_claro{
	color: #DCE0E0;  /*Gris claro*/
}
.c_blanco{
	color: #FFF; /*Blanco*/
}
.bg_rojo{
	background-color: #000; /*Negro*/
}
.bg_gris{
	background-color: #58595B;  /*Gris*/
}
.bg_gris_claro{
	background-color: #DCE0E0;  /*Gris claro*/
}
.bg_blanco{
	background-color: #FFF;  /*Blanco*/
}
/* #FFF; /*Blanco*/
/* #000; /*Negro*/

/*General*/
h1{ /*Títulos grandes*/
	font-family: inherit;
	font-size: 50px;
	line-height: 120%; 
	font-weight: normal;
	color: #FFF; /*Blanco*/
	margin: 0 0 40px 0;
}
h2{ /*SECCION*/
	font-family: inherit;
	font-size: 30px;
	line-height: 120%;
	color: #000; /*Negro*/
	/*color: var(--lamigraf);*/
	font-weight: bold !important;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 40px;
}
h3{ /*Sub seccion*/
	font-family: inherit;
	font-size: 20px; 
	line-height: 120%; 
	font-weight: bold !important;
	color: #000; /*Negro*/
}

h4{ /*Recuadro regular*/
	font-family: inherit;
	font-size: 30px; 
	line-height: 120%; 
	font-weight: normal;
	color: #FFF; /*Blanco*/
	text-align: center;
	margin: 0;
}
.bg_image h4,
.recuadros_imagen h4{ /*Recueadro imagen*/
	font-weight: bold !important;
}
h4.cifra{
	font-size: 60px;
	font-weight: normal !important;
}
h5{ /*CATEGORIES*/
	font-family: inherit;
	font-size: 16px; 
	line-height: 120%; 
	font-weight: bold !important;
	color: #000; /*Negro*/
	margin-bottom: 20px;
}
h6{ /*NOMBRE ITEM*/
	font-family: inherit;
	font-size: 20px; 
	line-height: 120%; 
	font-weight: bold !important;
	color: #FFF; /*Blanco*/
}
p,
li,
body{
	font-family: 'Futura';
	font-size: 20px; 
	line-height: 30px;	
	font-weight: 100;
	color: #58595B;  /*Gris*/
}
p.destacado{ /*Destacado*/
	font-size: 30px;
	font-weight: 100;
	line-height: 40px;
}
p.destacado-b{ /*Blanco bold*/
	font-weight: bold;
	color: #FFF; /*Blanco*/ 
}
p.info{ /*Info*/
	font-size: 16px;
	line-height: 26px;
    margin: 0;
}
p.info-b{ /*Info*/
	font-size: 18px;
	font-weight: bold;
	color: #FFF; /*Blanco*/ 
}
p.info-b.small{
	font-size: 16px;
}
a{
	font-family: inherit;
	line-height: 140%; 
	color: #000; /*Negro*/
	font-weight: normal; 
	text-decoration: none;
}
a:hover{
	color: #000; /*Negro*/
}
a.info{ /*Info*/
	font-size: 16px;
	line-height: 26px;
    margin: 0;
}
button{
	position: relative;
	display: block;
	font-size: 20px;
	text-transform: uppercase;
    border: 2px solid #FFF; /*Blanco*/
    border-radius: 0;
    background: transparent;
	padding: 0;
	margin: 0 auto;
	width: 200px;
	box-shadow: 1px 1px 4px #000;
	color: #FFF; /*Blanco*/
	transition: 0.3s;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s; 
	transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
	border-radius: 4px;
}
button a,
button a:hover{
	font-family: 'Futura';
	display: table;
	width: 100%;
	font-size: 16px;
	color: inherit;
	transition: none;
	padding: 10px 0;
	outline-color : none !important;
}
button:hover,
.no-touch button:hover{
	background: #FFF; /*Blanco*/
	color: #000; /*Negro*/
	box-shadow: none;	
}
button svg{
	position: absolute;
    top: 32px;
    left: 22px;
}
button a:hover svg{
	fill: #000; /*Negro*/
}
input[type="submit"]{
	font-size: 20px;
	text-transform: uppercase;
    border: 2px solid #000; /*Negro*/
    border-radius: 0;
    background: #000; /*Negro*/
	padding: 17px 90px;
	box-shadow: none;
	color: #FFF; /*Blanco*/
	transition: 0.3s;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;  
}
input[type="submit"]:hover{
	background: #FFF; /*Blanco*/
	border-color: #FFF; /*Blanco*/
	color: #000; /*Negro*/
	box-shadow: none;
}
td {
	border-bottom: none;
	padding: 0;
}
::selection {
    background-color: #000; /*Negro*/
    color: #FFF; /*Blanco*/
}

body{
	margin: 0;
}
section{
	float: left;
    width: 100%;
	background-color: transparent;
	height: 100vh;
}
.slider{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.content {
    display: ;
    padding: 0 20px;
    width: 1200px;
    margin: 0 auto;
    max-width: calc(100% - 40px);
}
.row{
	display: block;
	float: left;
	width: 100%;
}
.download{
	position: relative;
	margin: 0 auto;
    display: table;
	z-index: 300;
	transition: .3s;
		-webkit-transition: .3s;
}
.download:hover{
	border-color: #DA1A32;
}
.download button{
	float: left;
	margin: 20px;
}
.download svg{
	top: 14px;
	left: 14px;
}
.download span{
	float: left;
	margin-left: 60px;
}
.section_intro{
	height: 100vh;
}
.section_intro .slider{

}
.logo{
    position: relative;   
    z-index: 300;
    padding-top: 10%;
    margin-bottom: 50px;
}
.logo svg{
	display: block;
	width: 400px;
	max-width: 90%;
    height: auto;
	margin: 0 auto;	    
}
.contacto{
	position: relative;
	z-index: 300;
	width: 100%;
	text-align: center;	
	margin-bottom: 40px;
}
.contacto p,
.contacto a {
	color: #FFF;
    font-size: 16px;
    line-height: 20px;
    text-shadow: 1px 1px 4px #000;
}

.section_contact .centros,
.section_contact .oficinas{
	float: left;
	width: 100%;
	margin: 0 0 20px;
}
.section_contact .col-20 {
	height: 190px;
}
.section_contact h4{
	font-size: 25px;
	margin: 0;
	text-align: left;
}
.section_contact h5{
	margin: 20px 0 10px;
}
.section_contact p.info {
    font-size: 14px;
    line-height: 20px;
}
footer{
	position: absolute;
	float: left;
    width: 100%;
	background-color: #000;
	height: 30px;
    bottom: 0px;
    z-index: 300;
}
footer .copy{
	text-align: center;
	color: #FFF;
	line-height: 30px;
}
@media (min-width: 841px) and (max-width: 1100px){
	
}
@media (min-width: 551px) and (max-width: 840px){
	
}
@media (max-width: 550px){
	
}
@media (max-width: 700px){
	.download{
		width: 200px;
	}
}