@font-face{
	font-family: Open Sans;
    src: url(../fonts/OpenSans-Regular.woff2),
         url(../fonts/OpenSans-Regular.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Open Sans;
	src: url(../fonts/OpenSans-Bold.woff2),
         url(../fonts/OpenSans-Bold.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
	font-weight: 700; font-display: swap;}
@font-face{
	font-family: Montserrat;
    src: url(../fonts/Montserrat-Regular.woff2),
         url(../fonts/Montserrat-Regular.woff),
	     url(../fonts/Montserrat-VariableFont_wght.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Montserrat;
	src: url(../fonts/Montserrat-ExtraBold.woff2),
         url(../fonts/Montserrat-ExtraBold.woff),
	     url(../fonts/Montserrat-VariableFont_wght.ttf);
	font-weight: 800; font-display: swap;}
*{	margin: 0; padding: 0;}
body{	font-family: 'Open Sans', sans-serif; font-size: 1.1em; line-height: 1.7em; text-align: center; font-weight: 400;}
img a, a, a img{	text-decoration: none;}
#imagen img{	width: 100%; height: auto; display: block;}
.neg{	font-weight: bold;}
.noneg, .noneg strong{	font-weight: normal;}
#menu{	background: #3a495e;}
#menu ul li{	list-style-type: none; text-align: center;}
#menu ul li a{	color: #fff; padding: 13px 0 11px 0; display: block;	font-family: 'Montserrat', sans-serif; letter-spacing: 1px;}
#menu ul li a:hover{	font-weight: 800;
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;}
h1, .h1{
	font-family: 'Montserrat', sans-serif; font-size: 30px; color: #3a495e; }
h1{
	margin-bottom: 20px;}
.subtit{
	display: block; font-size: 16px; color: #727176; font-weight: 400;
	font-family: 'Montserrat', sans-serif;}
h2, .h2{
	font-family: 'Montserrat', sans-serif; font-size: 25px; color: #39639d;
	margin: 80px 0 15px 0;}
.fondo2 .h2{
	color: #dfdee2; text-transform:uppercase;}
p{
	margin: 8px 0;}
.foto-suelta{
	width: 100%; height: auto; max-width: 600px; margin-top: 60px;}
.banda-azul{
	background: #3a495e; color: #fff; padding: 20px 0; font-family: 'Montserrat', sans-serif;
	font-size: 21px; letter-spacing: 1px;}
.fondo1, .fondo3{
	color: #fff; text-shadow: 0 0 15px #000;}
.fondo4 h2{
	margin-top: 0px; color: #3a495e; font-weight: normal;}
.fondo5 .banda-azul{
	margin-bottom: 30px;}
.fondo5{
	margin-bottom: 50px;}
#iso{
	max-width: 650px; margin: 0 auto; font-size: 0.8em; text-transform:uppercase;
	font-family: 'Montserrat', sans-serif; font-weight: 800; color: #727176;}
.container #iso{
	margin-top: 40px;}
#iso img{display: block; margin: 0 auto;}
#iso p{margin-top: 40px;}
#iso .iso-01{width: 300px;}
#iso .iso-02{width: 150px; height: auto; margin-top: 30px;}
#mm-index{
	margin-top: 0;}
section .banda-azul .todo{
	margin: 0 40px;}
.sector, .medio{
	border: 1px solid #acabaf; padding: 40px 0; }
.sectores .sector{
	opacity: 0.8;}
.sector h3, .gallery h2{
	font-weight: 400; color: #727176; }
.sectores h4{
	color: #727176;}
.medios h2{
	clear: both; font-size: 18px; padding-top: 60px;}
.medio img{
	width: 80%; height: auto; margin: 0 auto 10px auto; display: block;}
.medio p{
	margin: 0; color: #727176;}
.medio .maquina{
	font-family: 'Montserrat', sans-serif; color: #727176; font-size: 0.9em; letter-spacing: 1px;}
.gallery{
	margin-bottom: 80px; width: 100%;}
.gallery a{
	height: auto; display: inline-block; margin-right: 0.2%;}
.gallery .thumbnail{
	display: block; width: 100%; height: auto;}
footer{
	background: #dfdee2; padding: 40px 0 0 0;}
address{
	font-style: normal; color: #727176; font-size: 0.9em; margin-top: 10px;}	
.boton a{
	font-size: 0.8em; display: block; padding: 10px; color: #727176; 
	border: 1px solid #727176; font-family: 'Montserrat', sans-serif; letter-spacing: 1px;
	max-width: 450px; margin: 25px auto 0 auto;}
.boton a:hover{
	border: 1px solid #3a495e; color: #3a495e;}
.pieza1 .boton a{
	color: #fff; background: #727176;}
.pieza1 .boton a:hover{
	background: #3a495e;}
.direccion{
	font-family: 'Montserrat', sans-serif; font-size: 1.1em; margin-top: 20px; color: #39639d;}
.fondo-contacto{
	font-size: 18px; line-height: 28px; color: #3a495e; font-family: 'Montserrat', sans-serif; }
.fondo-contacto a{
	display: block; color: #000;}
.fondo-contacto a:hover{
	color: #fff;}
.fondo-contacto .neg{
	font-size: 0.8em; margin-top: 25px; display: block;}
.borra{
	clear: both;}
#aviso{ 
	background: #3a495e; color: #fff; font-size: 0.7em; letter-spacing: 1px; margin-top: 40px;}
#aviso a{
	color: #fff; display: inline-block; padding: 5px 0;}
#texto-aviso{
	padding-bottom: 100px;}
#texto-aviso p{
	text-align: left;}
#texto-aviso h3{
	margin-top: 40px;}
.mapa{padding: 250px 0; background: url( "../imagenes/mapa.jpg") no-repeat left top; background-size: cover; }
.mapa a{margin: 0 auto; width: 100%; max-width: 450px; text-transform: uppercase; font-size: 0.8em; background: #fff;}
.boton a:hover{font-weight: bold;}

@media only screen 
and (max-width : 560px){
.pantalla, .tablet, .gallery, .guion, #imagen .pantalla, #imagen .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 20px;}
section .todo{
	margin: 50px 20px;}
#logo{
	width: 200px; margin: 45px auto 35px auto;}
#logo img{
	width: 100%; height: auto;}
#menu nav{
	margin: 0 auto; font-size: 0.8em; width: 80%;}
#menu ul li{
	float: left; width: 50%;}
h1, .h1 {
    font-size: 20px;}
h2, .h2 {
    font-size: 20px; margin: 55px 0 0 0;}
.subtit {
    font-size: 14px;}
p{
	line-height: 1.8em;}
.banda-azul {
    padding: 20px 0; font-size: 18px; letter-spacing: 0;}
.fondo1{
	background: #3a495e url(../imagenes/fondo1m.jpg) no-repeat center top; 
	background-size: 100% auto; padding: 98% 0 1px 0;	font-size: 18px; line-height: 30px; }
.fondo2{
	background: #3a495e url(../imagenes/fondo2.jpg) no-repeat center top; 
	background-size: 100% auto; padding:65% 20px 20px 20px;	color: #fff; font-size: 18px; line-height: 30px;}
.fondo2 .todo, .fondo-contacto .todo{
    margin: 40px 20px;}
.fondo3{
	background: #3a495e url(../imagenes/fondo3m.jpg) no-repeat center top; 
	background-size: 100% auto; padding: 85% 0 1px 0;	font-size: 20px; line-height: 30px; }
.fondo3 img{
	width: 25px; height: auto;}
.fondo4{
	background: #cfd6e1 url(../imagenes/imagen3dmolde-m.png) no-repeat center bottom;
	padding: 5px 50px 60% 50px; background-size: 90% auto;}
.fondo5{
	background: #e5e9ef;
	padding: 25px;}
.fondo-contacto{
	background: #acbddf url(../imagenes/fondo4m.jpg) no-repeat center bottom; 
	background-size: 100% auto; padding:1px 20px 75% 20px;}
.medio{
	margin-top: 20px;}
.sectores .sector img{
	width: 20px; height: auto;}
.sectores .sector{
	margin: 15px auto; padding: 15px 0;}
.medio img{
	max-width: 350px; margin: 20px auto 15px auto;}
.sector h3{
	font-size: 18px;}
#galeria-movil img{
	width: 90%; height: auto; margin-bottom: 10px; max-width: 326px;}
#galeria-movil h2{
	font-size: 17px; margin: 60px 20px 20px 20px;}
.sector, .medio {
    padding: 30px 0;}
.medio{
	max-width: 300px; margin: 20px auto 0 auto;}
.medio .maquina {
    font-size: 0.8em;}
footer img{width: 150px; height: auto;}
.direccion{
	font-size: 1em;}
.fondo-contacto{
	font-size: 16px;}
#aviso{
	line-height: 1.5em; padding: 20px 0 10px 0;}
#aviso a{
	color: #000;}
.mapa{padding: 240px 0; background: url( "../imagenes/mapa-m.jpg") no-repeat left top; background-size: auto 100%;}
.mapa a{width: 70%;}
}
@media only screen 
and (max-width : 420px){
#menu ul li{
	float: none; width: 100%;}}
@media only screen 
and (min-width : 561px)
and (max-width : 750px) {
.pantalla, .movil, .br, #imagen .pantalla, #imagen .movil{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 30px;}
section .todo{
	margin: 60px 50px;}
#logo{
	width: 220px; margin: 35px auto 20px auto;}
#menu nav{
	margin: 0 auto; font-size: 0.8em;}
#menu ul li{
	float: left; width: 33%;}
h1, .h1 {
    font-size: 25px;}
h2, .h2 {
    font-size: 22px;}
.subtit {
    font-size: 14px;}
.banda-azul {
    padding: 20px 0; font-size: 18px; letter-spacing: 0;}
.fondo1{
	background: url(../imagenes/fondo1t.jpg) no-repeat center bottom; 
	background-size: 100% auto; padding: 10px;
	font-size: 18px; line-height: 30px; font-family: 'Montserrat', sans-serif;}
.fondo1 .todo, .fondo3 .todo{
	border: 1px solid #727176; padding: 50px;}
.fondo1 p{
	max-width: 700px; margin: 0 auto;}
.fondo2{
	background: #3a495e url(../imagenes/fondo2t.jpg) no-repeat center top; 
	background-size: 100% auto; padding:60% 20px 1px 20px;
	color: #fff; font-size: 18px; line-height: 30px;}
.fondo2 .todo, .fondo-contacto .todo{
    margin: 70px 90px;}
.fondo3{
	background: url(../imagenes/fondo3t.jpg) no-repeat center bottom; 
	background-size: 100% auto; padding: 10px;
	font-size: 20px; line-height: 30px; font-family: 'Montserrat', sans-serif;}
.fondo3 img{
	width: 25px; height: auto;}
.fondo4{
	background: #cfd6e1 url(../imagenes/imagen3dmolde.png) no-repeat center bottom;
	padding: 5px 50px 330px 50px;}
.fondo5{
	background: #e5e9ef;
	padding: 50px;}
.fondo-contacto{
	background: #acbddf url(../imagenes/fondo4t.jpg) no-repeat center bottom; 
	background-size: 100% auto; padding:1px 20px 60% 20px;}
.medio{
	margin: 2% 0;}
.sectores .sector img{
	display: none;}
.sectores .sector{
	background: url(../imagenes/mecanizados-dos.png) no-repeat 20px center;
	background-size: 20px auto; width: 360px; margin: 15px auto;}
.medio img{
	max-width: 350px; margin: 20px auto 15px auto;}
.sector h3{
	font-size: 18px;}
.gallery a {
    width: 40%; height: auto; display: inline-block; margin-right: 0.2%;}
.gallery h2{
	font-size: 17px;}
.sector, .medio {
    padding: 30px 0;}
.medio{
	width: 350px; margin: 20px auto 0 auto;}
.medio .maquina {
    font-size: 0.8em;}
footer img{width: 150px; height: auto;}
.direccion{
	font-size: 1em;}
.mapa{padding: 200px 0; background: url( "../imagenes/mapa-t.jpg") no-repeat left top;}
}

@media only screen 
and (min-width : 751px)
and (max-width : 999px) {
.movil, .tablet, .br, #imagen .movil, #imagen .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 40px;}
section .todo{
	margin: 60px 50px;}
#logo{
	width: 220px; margin: 25px auto 15px auto;}
#menu nav{
	width: 650px; margin: 0 auto; font-size: 0.8em;}
#menu ul li{
	float: left; width: 18%;}
#menu ul .menu1{
	width: 12%;}
#menu ul .menu2{
	width: 23%;}
#menu ul .menu3{
	width: 15%;}
#menu ul .menu4{
	width: 14%;}
h1, .h1 {
    font-size: 28px;}
h2, .h2 {
    font-size: 24px;}
.subtit {
    font-size: 15px;}
.banda-azul {
    padding: 20px 0; font-size: 18px; }
.fondo1{
	background: url(../imagenes/fondo1.jpg) no-repeat center bottom; background-size: cover; background-attachment:fixed; padding: 70px;
	font-size: 19px; line-height: 30px; font-family: 'Montserrat', sans-serif;}
.fondo1 .todo, .fondo3 .todo{
	border: 1px solid #727176; padding: 120px;}
.fondo1 p{
	max-width: 700px; margin: 0 auto;}
.fondo2{
	background: #3a495e url(../imagenes/fondo2.jpg) no-repeat center 40px; 
	background-size: 600px auto; padding:50% 20px 20px 20px; color: #fff; font-size: 18px; line-height: 30px;}
.fondo2 .todo, .fondo-contacto .todo{
    margin: 70px 90px;}
.fondo3{
	background: url(../imagenes/fondo3.jpg) no-repeat center bottom; background-size: cover; background-attachment:fixed; padding: 70px;
	font-size: 22px; line-height: 34px; font-family: 'Montserrat', sans-serif;}
.fondo3 img{
	width: 35px; height: auto;}
.fondo4{
	background: #cfd6e1 url(../imagenes/imagen3dmolde.png) no-repeat center bottom;	padding: 5px 50px 330px 50px;}
.fondo5{
	background: #e5e9ef;
	padding: 50px;}
.fondo-contacto{
	background: #acbddf url(../imagenes/fondo4.jpg) no-repeat center 85%; background-size: 600px auto; padding:1px 20px 65% 20px;}
.sectores .sector, .medio{
	width: 45.5%; margin: 2%; float: left; background: #fff; }
.sector h3{
	font-size: 18px;}
.gallery a {
    width: 32.82%; height: auto; display: inline-block; margin-right: 0.2%;}
.gallery h2{
	font-size: 19px;}
.sector, .medio {
    padding: 30px 0;}
.medio .maquina {
    font-size: 0.8em;}
.mapa{padding: 260px 0 150px 0; background: url( "../imagenes/mapa-t.jpg") no-repeat left top;}
}
	
@media only screen 
and (min-width : 1000px){ 
.movil, .tablet, .br, #imagen .movil, #imagen .tablet{
	display: none;}
.container {
	width: 980px; margin: 0 auto;}
.todo {
	margin: 0 50px;}
section .todo{
	margin: 70px 50px;}
#logo{
	width: 220px; margin: 20px auto 10px auto;}
#menu nav{
	width: 650px; margin: 0 auto; font-size: 0.8em;}
#menu ul li{
	float: left; width: 18%;}
#menu ul .menu1{
	width: 12%;}
#menu ul .menu2{
	width: 23%;}
#menu ul .menu3{
	width: 15%;}
#menu ul .menu4{
	width: 14%;}
.fondo1{
	background: url(../imagenes/fondo1.jpg) no-repeat center bottom; 
	background-size: cover; background-attachment:fixed; padding: 70px;
	font-size: 20px; line-height: 30px; font-family: 'Montserrat', sans-serif;}
.fondo1 .todo, .fondo3 .todo{
	border: 1px solid #727176; padding: 120px;}
.fondo1 p{
	max-width: 700px; margin: 0 auto;}
.fondo2{
	background: #3a495e url(../imagenes/fondo2.jpg) no-repeat right center; 
	background-size: 50% auto; padding:60px 50% 60px 0; text-align: left;
	color: #fff; font-size: 18px; line-height: 30px;}
.fondo2 .todo, .fondo-contacto .todo{
    margin: 70px 90px;}
.fondo3{
	background: url(../imagenes/fondo3.jpg) no-repeat center bottom; 
	background-size: cover; background-attachment:fixed; padding: 70px;
	font-size: 25px; line-height: 36px; font-family: 'Montserrat', sans-serif;}
.fondo4{
	background: #cfd6e1 url(../imagenes/imagen3dmolde.png) no-repeat center bottom;
	padding: 5px 50px 330px 50px;}
.fondo5{
	background: #e5e9ef;
	padding: 50px;}
.fondo-contacto{
	background: #acbddf url(../imagenes/fondo4.jpg) no-repeat right center; 
	background-size: 50% auto; padding:5px 50% 5px 0; text-align: left;}
.sectores .sector, .medio{
	width: 45%; margin: 2%; float: left; background: #fff; }
.gallery a {
    width: 31.2%; height: auto; display: inline-block; margin-right: 0.2%;}
.gallery h2{
	font-size: 19px;}
}