@font-face{
	font-family: Catamaran;
    src: url(../fonts/Catamaran-Thin.woff2),
         url(../fonts/Catamaran-Thin.woff),
	     url(../fonts/Catamaran-Thin.ttf);
    font-weight: 100; font-display: swap;}
@font-face{
	font-family: Catamaran;
    src: url(../fonts/Catamaran-Regular.woff2),
         url(../fonts/Catamaran-Regular.woff),
	     url(../fonts/Catamaran-Regular.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Catamaran;
    src: url(../fonts/Catamaran-SemiBold.woff2),
         url(../fonts/Catamaran-SemiBold.woff),
	     url(../fonts/Catamaran-SemiBold.ttf);
    font-weight: 600; font-display: swap;}
*{
	margin: 0; padding: 0;}
body{	font-family: 'Catamaran', sans-serif; 	line-height: 1.6em; font-size: 1.1em; color: #023158;}
img a, a, a img{	text-decoration: none;}
#imagen img, .foto img{	width: 100%; height: auto; display: block;}
#logo a:hover{	opacity: 0.7;}
.neg{	font-weight: 600;}
.noneg, .noneg strong{	font-weight: 400;}
#banda{	background: #d8dfe4; font-size: 15px; color: #012340;}
#banda .home{	width: 40px; float: left;}
#banda .home a{	display: block; background: url(../imagenes/casa-azul.jpg) no-repeat center center; 
	text-indent: -999em; border-right: 1px solid #fff;}
#banda .home a:hover{	background: url(../imagenes/casa-blanca.jpg) no-repeat center center; }
#banda .telefono{	width: 130px; float: left;}
.frances #banda .telefono{	width: 150px;}
#banda .telefono a{	display: block; background: url(../imagenes/tel-azul.jpg) no-repeat 15px center; 
	border-right: 1px solid #fff; padding-left: 40px; color: #012340;}
#banda .telefono a:hover{	background: url(../imagenes/tel-blanco.jpg) no-repeat 15px center; color: #fff;}
#banda .redes{	width: 10px; float: left; margin-left: 20px; }
.idiomas{	width: 60px; float: right; text-align: center;}
.idiomas ul li{	width: 30px; float: left; list-style-type:none;}
.idiomas ul li a{	color: #012340; display: block; }
.idiomas ul li a:hover{	color: #5493da;}
.idiomas ul li .v{	background: #fff;}
#menu, #menu nav {	height: 50px; }
.menu, .menu li ul, .menu li ul li {  list-style: none; margin: 0; padding: 0;}
.menu{  text-align: left; font-size: 0.9em; height: 50px; background-color: #fff;}
.menu li {  display: block; float: left; position: relative; z-index: 10;}
.menu li a {  display: block; height: 50px; line-height: 50px; padding: 0px 10px; text-decoration: none; color: #023158; }
.menu li ul {  position: absolute; display: none; top: 50px; left: 0px; 
  background-color: #023158; font-size: 1.1em; width: 300px;}
.menu li ul li a{  display: block; width: 95%; padding: 12px 0 12px 5%; text-align: left; text-decoration: none; 
	color: #fff; position: relative; }
.menu a:hover{	color: #5493da;}
.menu li:hover ul{  display: block; }
.menu li:hover ul a:hover{	background: #5493da; color: #fff;}
h1{	font-weight: 400; font-size: 32px;}
.subtit{	display: block; font-size: 0.5em;}
p{	margin: 12px 0; font-size: 1.1em;}
.gris{	background: #f0f0f0; padding: 30px;}
.gris p{margin-top: 30px;}
.azul{	background: #023158; padding: 30px 0; color: #fff;}
.into{	padding: 50px 0;}
.presen{	text-align: center;}
.duo{	text-align: center;}
.duo h2{	font-size: 14px; font-weight: 400; color: #dd211c;}
.duo h3{	font-size: 24px;}
.duo #instala{	background: url(../imagenes/icono-ascensor.jpg) no-repeat top center;
	padding-top: 80px;}
.duo #manteni{	background: url(../imagenes/icono-mantenimiento.jpg) no-repeat top center;	padding-top: 80px;}
.duo #sustit{	background: url(../imagenes/icono-sustituciones.jpg) no-repeat top center;	padding-top: 80px; margin-top: 60px;}
.duo #moder{	background: url(../imagenes/icono-modernizaciones.jpg) no-repeat top center; padding-top: 80px; margin-top: 60px;}
.duo #elim{	background: url(../imagenes/icono-barreras.jpg) no-repeat top center; padding-top: 80px; margin-top: 60px;}
.mas a{	width: 50px; height: 40px; border: 1px solid #f0f0f0 ; color: #023158; 	border-radius: 25px; display: block; 
	margin: 10px auto 0 auto; background: #f0f0f0; padding-top: 10px; font-size: 35px;}
.mas a:hover{	background: #fff; border: 1px solid #023158; }
.vermas a{	display: block; margin: 0 auto; padding: 5px 20px; color: #023158; font-size: 0.8em;}
.frase{	font-size: 26px; text-align: center; display: block;}
.texto h2{	font-size: 20px; margin-bottom: 15px;}
.texto .tit{	font-size: 45px; font-weight: 100;}
.texto .tit2{	font-size: 35px; line-height: 36px; font-weight: 100; display: block; }
.h2{	 display: block; font-size: 36px; font-weight: 100; color: #2d6a9d; }
.h3{	display: block; color: #2d6a9d; margin: 20px 0 0 0 !important; font-size: 1.2em;}
#calidad .h3{	font-weight: 100; }
#boton-ascensor p{	margin: 5px 0 0 30px;}
#boton-ascensor .h2{	padding-top: 40px;}
.h3 .punto, .t-llave .punto{	width: 14px; height: 14px; border-radius: 7px; background: #e11919; display: inline-block; margin-right: 16px;}
.puntos{	width: 60px; margin: 20px auto; }
.puntos .punto{	width: 14px; height: 14px; border-radius: 7px; background: #e11919; display: inline-block; margin-right: 5px;}
.texto .puntos{	margin: 60px 0 15px 0; }
#zona{	background: #5d85a6;  line-height: 1.4em; padding: 12px 0 9px 0; color: #012340; font-weight: 600; font-size: 14px; }
#iso{	background: #d8dfe4; border-radius: 20px; width: 280px;	font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 60px; }
#iso img{	width: 130px; float: left; border-radius: 20px;}
#iso #datos-iso{	width: 130px; float: left; margin: 20px 0 0 15px;}
#calidad .c-boton img{	border: 1px solid #012340; margin: 0 auto; display: block; margin-top: 50px;}
.lista{	margin: 10px 0 0 20px; font-size: 1.2em; line-height: 1.7em;}
.boton-solo{	margin: 50px 0;}
.proceso{	background: url(../imagenes/rojo.jpg) repeat-y 25px top; margin-top: 50px;}
.numero{	width: 50px; height: 40px; float: left;	font-size: 35px; text-align: center; font-weight: 100; border-radius: 25px; 
	background: #fff; border: 1px solid #e11919; padding-top: 10px; clear: both;}
.c-numero{	width: 50%; float: left; margin-left: 20px;}
footer{	background: #023158; color: #fff;}
#faldon{	padding: 90px 0 30px 0;}
address{	font-style: normal; font-weight: 100; display: inline; font-size: 0.9em;}	
#telefono{	font-size: 55px; font-weight: 100; color: #5d85a6; margin-top: 20px;}
.frances #telefono{	font-size: 40px;}
#lema{	font-weight: 100; font-size: 24px; margin-top: 15px; color: #5d85a6;}
.borra{	clear: both;}
#aviso{ 	font-size: 14px; background: #011c32;}
#aviso a{	color: #fff; display: inline-block; padding: 10px 0;}
.flecha{	width: 35px; float: right;}
.flecha a{	display: block; width: 35px; height: 35px; margin-bottom: 25px;	background: url(../imagenes/flecha1.png) no-repeat center center;}
.flecha a:hover{	background: url(../imagenes/flecha2.png) no-repeat center center;}
.contacto a{	background: #fff; color: #023158; display: block; padding: 10px 0 7px 0; text-align: center; 
	width: 50%; margin: 0 0 0 50%; font-size: 0.9em; clear: both;}
#taco{	background: #e11919; color: #fff; text-align: center; width: 180px; padding: 30px 10px; 
	position: fixed; top: 36%; right: 10px; z-index: 4; border-radius: 100px;}
.frances #taco{	font-size: 0.8em;}
.frances .serv-fr{	font-size: 1.6em;}
#taco a{	color: #fff; background: #012340; display: block; font-size: 14px; font-weight: 600; 
	margin: 10px auto 0 auto; padding: 6px 0 4px 0; width: 110px;}
#taco a:hover{	background: #fff; color: #e11919;}
#taco .horas1{	font-size: 40px; }
#taco .horas2{	font-size: 30px; }
.boton {	width: 280px; margin: 10px auto; text-align: center; }
.boton a{	font-size: 0.8em; padding: 8px 0 5px 0; background: #023158; color: #fff; display: block;
	border-radius: 10px; border: 3px solid #fff; font-weight: 600;}
.boton a:hover{	border: 3px solid #023158; color: #023158; background: #fff;}
.rojo-llave{	color: #e11919; font-size: 28px; font-weight: 100;}
.com{	display: table; font-size: 16px; font-weight: 600;
	border-bottom: 1px solid #e11919; padding-bottom: 5px; margin-bottom: 10px;}
.into .frase{	color: #e11919; font-size: 30px; font-weight: 100; margin-top: 50px;}
.presen .frase{	margin: 30px 0 0 0; color: #5493da;}
.nota{	font-size: 0.9em;}
.acreditada .nota{	margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e11919;}
#llave, .foto, #fondo-ascensor{	margin: 70px 0;}
#sellos .dcho{	text-align: center;}
.icono{	text-align: center;}
.max{	font-size: 1.4em; font-weight: 400; margin: 10px 0; display: block;}
.mod-foto-i h4{	text-transform:uppercase;}
.linea-roja{	border-top: 1px solid #e11919; height: 30px; margin-top: 20px;}
.linea-azul{	border-top: 1px solid #023158; height: 30px; margin-top: 20px;}
.obra p{	margin: 10px 0 30px 0;}
#galeria h5{	color: #e11919; margin-top: 30px;}
#galeria h4{	font-size: 1.3em;}
.image img{	margin: 0 45px 40px 0;}
.rojo{ color: #e11919;}
.azul2{	color: #5493da;}
.ss{	margin: 0 auto; width: 74%;}
iframe{	border: none; width: 100%; display: block;}
.mod-foto-d img{	display: block; width: 100%; height: auto; margin: 25px 0;}
#horario{	border: 1px solid #023158; width: 340px; margin: 50px auto; padding-top: 10px;}
.horario{	display: inline-table; border-bottom: 1px solid #023158; font-size: 0.9em;}
.datos a{	color: #023158; font-size: 24px; display: inline-block; padding: 3px;}
.datos a:hover{	color: #5493da;}
.sat .frase{	font-size: 24px; color: #e11919;}
.m-top{	margin-top: 40px;}
.mapa {background: url("../imagenes/mapa-ascensores-gipuzkoa.jpg") no-repeat left top; background-size: cover; padding: 250px 0 150px 0;}
#pop{	position:fixed; line-height: 2em; left:20px; right:20px; bottom:20px; border: 1px solid #ccc;
	background: #fff; color:#000; opacity: 0.9; z-index: 99999;}
#nota{	 width:90%; text-align: center; position:absolute;	 padding-left:5%; padding-right: 5%; top:10%; font-size:17px; font-weight: 400; }
#inno{	margin-bottom: 20px;}
.aceptar{	font-size: 1em; padding:5px 12px; margin-top: 5px; margin-right: 5px;
	background:#6f7259; text-decoration:none; color:#fff;  border: 1px solid #6f7259;}
.configurar{	font-size: 1em; padding:5px 9px; margin-top: 5px; margin-left: 5px;
	text-decoration: none; 	background: #fff; color:#444; border: 1px solid #6f7259;}
.avisos h2{margin-top: 70px;}
.avisos h3, .avisos h4{margin-top: 40px;}
.avisos p{margin-top: 15px;}
@media only screen 
and (max-width : 480px){
.pantalla, .tablet, #imagen .pantalla, #imagen .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 20px;}
#banda .home a{
	padding: 5px; background-size: 17px auto;}
#banda .telefono a {
    font-size: 1.2em; padding: 5px 0 5px 40px;}
.idiomas{
	width: 100px;}
.idiomas ul li{
	width: 50px;}
.idiomas ul li a{
	display: block; padding: 5px 0;}
#logo img{
	width: 80%; height: auto; max-width: 250px; margin: 30px auto 0 auto; display: block;}
.menu{
    height: auto; padding-top: 50px; position: relative;
    cursor: pointer; background: #fff url(../imagenes/menu.jpg) no-repeat center 15px;}
.menu:before {
    position: absolute; top: 0px; right: 0px; font-family: FontAwesome; font-weight: normal;
    font-style: normal; display: block; text-decoration: none; font-size: 2em; padding: 12px; color: #2196F3; content: "";}
.menu li {
    float: none; display: none;
    border-bottom: 1px solid #eee; background: #fff;}
.menu li ul {
    position: static; width: 100%; padding: 10px 0px 10px; border: 0; display: none !important;}
.menu li ul li {
    padding-bottom: 20px; }
.menu:hover li {
    display: block;}
.menu li a{
	text-align: center; }
.gris{
	padding: 0;}
.into {
    padding: 40px 0;}
h1{
	font-size: 25px;}
.frase{
	font-size: 20px;}
.into .frase{
	font-size: 24px;}
#boton-ascensor{
	background: url(../imagenes/boton-ascensor-m.jpg) no-repeat left top; background-size: 100% auto; margin: 20px 0; padding-top: 70%;}
#boton-ascensor .izdo{
	width: 100%;}
#fondo-ascensor{
	background:  url(../imagenes/fondo-ascensores-m.jpg) no-repeat center center; 
	height: 280px; background-size: 100% auto; margin: 60px 0;}
.into .duo{
	margin: 30px 0;}
.c-boton{
	margin: 0 auto;}
.duo .dcho{
	margin-top: 50px;}
.duo h2{
	font-size: 13px;}
.duo h3{
	font-size: 20px;}
.vermas a{
	font-size: 13px;}
.texto h2 {
    font-size: 16px; margin-bottom: 7px;}
.texto .tit {
    font-size: 32px; }
.texto h3{
	font-size: 16px;}
#sellos .izdo{
	width: 280px; margin: 0 auto;}
#sellos .dcho{
	margin-top: 40px;}
#iso{
	margin: 0 0 0 0; font-size: 0.9em; border-radius: 14px;}
#iso #datos-iso {
    margin: 5% 0 0 5%; width: 50%; line-height: 1.6em;}
#iso img{ width: 40%; height: auto;}
.nota{
	font-size: 14px; line-height: 18px;}
#proyecto{
	background: #f0f0f0 url(../imagenes/proyecto-m.jpg) no-repeat left top; background-size: 100% auto; padding-top: 96%;}
.proceso{
	margin-top: 30px;}
.numero {
    border-radius: 20px; width: 40px; height: 35px; padding-top: 5px; font-size: 30px;}
.c-numero {
    margin-left: 10px; width: calc(100% - 60px);}
.boton-solo {
    margin: 40px 0 10px 0;}
.gran{
	font-size: 1.1em; line-height: 1.7em;}
.lista{
	font-size: 18px; line-height: 1.5em;}
.lista li{
	margin: 4px 0 0 0;}
#llave{
	padding: 20px; margin: 60px 0 20px 0;}
.rojo-llave{
	margin: 0 0 20px 0; font-size: 22px; font-weight: 400;}
.c-boton .icono{
	margin-top: 50px;}
.acreditada{
	width: 285px; float: right; }
.acreditada #iso{
	margin: 0;}
#sellos .into {
    margin: 40px 0;}
#galeria .image img{
	width: 47%; height: auto; margin: 0 1% 0 1%;}
.mod-foto-i .tit2 {
	font-size: 30px;}
.t-extra{
	margin: 20px 0 60px 0;}
.datos a{
	font-size: 16px; font-weight: 700;}
.c-mapa .max{
	font-size: 1.0em; font-weight: 700;}
#mapa-dibu img{
	width: 100%; height: auto;}
#calidad .h3{
	font-size: 36px; padding-top: 70px; }
#calidad .c-boton img {
    margin: 20px auto 0 auto;}
.boton{
	width: 100%; max-width: 280px;}
#faldon{
	padding: 50px 0 30px 0; text-align: center;}
footer #lema{
	margin: 10px 0 30px 0; font-size: 19px; border-bottom: 1px dotted #fff; padding-bottom: 30px;}
#telefono{
	font-size: 40px; margin-top: 10px;}
.contacto a {
    width: 100px; margin: 0 auto; font-size: 13px; font-weight: 700; padding: 8px 0 5px 0;}
#horario{width: 100%; font-size: 0.9em;}
#zona{
	padding: 14px 0 10px 0; text-align: center;}
#taco, iframe{
	display: none;}
.mapa {background: url("../imagenes/mapa-ascensores-gipuzkoa-m.jpg") no-repeat left top; background-size: cover; padding: 200px 0 100px 0;}
#pop{
	min-height: 240px;}
}

@media only screen 
and (min-width : 481px)
and (max-width : 750px) {
.pantalla, .movil, #imagen .movil, #imagen .pantalla{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 30px;}
#logo{
	width: 250px; margin: 20px auto 10px auto;}
#logo img{
	width: 100%; height: auto;}
#menu {
	width: 100%; max-width: 500px; margin: 20px auto 0 auto; font-size: 0.9em;}
.menu li{
	width: 20%;}
.menu .may{
	width: 23%;}
.menu .men{
	width: 17%;}
.menu li a{
	padding-left: 0 !important;}
.menu li li{
	width: 100%; float: none;}
.menu li li a{
	height: auto; line-height: 20px; padding-left: 10px !important;}
.frances .menu li{
	width: 20%}
.frances .menu .may{
	width: 20%;}
.frances .menu .men{
	width: 18%;}
.frances .menu li li{
	width: 100%;}
.into{
	padding: 40px 0;}
h1{
	font-size: 27px;}
#boton-ascensor{
	background: url(../imagenes/boton-ascensor-t.jpg) no-repeat left top;
	background-size: 100% auto; margin: 20px 0; padding-top: 62%;}
#boton-ascensor .izdo{
	width: 100%;}
#fondo-ascensor{
	background:  url(../imagenes/fondo-ascensores-t.jpg) no-repeat center center;
	height: 300px; background-size: 100% auto;}
.frase, .into .frase{
	font-size: 21px;}
.presen {
    margin: 0 20px;}
.into .duo{
	margin: 50px 0;}
#calidad .c-boton img {
    margin: 20px auto 0 auto;}
.duo .dcho{
	margin-top: 50px;}
.duo h3{
	font-size: 22px;}
.texto h2 {
    font-size: 18px; margin-bottom: 10px;}
.texto .tit {
    font-size: 38px; }
#sellos .izdo{
	width: 280px; margin: 0 auto;}
#sellos .dcho{
	margin-top: 40px;}
#iso{
	margin: 0 0 0 0; font-size: 0.9em; border-radius: 14px;}
#iso #datos-iso {
    margin: 5% 0 0 5%; width: 50%; line-height: 1.6em;}
#iso img{ width: 40%; height: auto;}
.nota{
	font-size: 14px; line-height: 18px;}
#proyecto{
	background: #f0f0f0 url(../imagenes/proyecto-m.jpg) no-repeat left top;
	background-size: 85% auto; padding-top: 85%;}
.proceso{
	margin-top: 30px;}
.numero {
    border-radius: 20px; width: 40px; height: 35px; padding-top: 5px; font-size: 30px;}
.c-numero {
    margin-left: 10px; width: calc(100% - 60px);}
.boton-solo {
    margin: 40px 0 10px 0;}
.gran{
	font-size: 1.1em; line-height: 1.7em;}
.lista{
	font-size: 1.1em;}
.lista li{
	margin: 4px 0 0 0;}
.rojo-llave{
	margin-left: 20px;}
.t-llave{
	margin: 20px;}
.c-boton .icono{
	margin-top: 70px;}
.acreditada{
	width: 285px; float: right; }
.acreditada #iso{
	margin: 0;}
#sellos .into {
    margin: 40px 0;}
.mod-foto-d img{
	width: 100%; height: auto; max-width: 550px;}
.t-extra{
	margin: 20px 0 60px 0;}
.c-mapa {
	margin:0 50px;}
.c-mapa .max{
	line-height: 1.4em; font-size: 1.2em;}
#mapa-dibu img{
	width: 100%; height: auto; max-width: 550px; margin: 0 auto;}
#calidad .h3{
	font-size: 36px; padding-top: 70px; }
#galeria .image img{
	width: 22%; height: auto; margin: 0 1% 0 1%;}
#faldon{
	padding: 50px 0;}
footer .dcho .izdo{
	width: 60%; float: left;}
footer .dcho .dcho{
	width: 114px; float: right;}
footer #lema{
	margin: 10px 0 25px 0; font-size: 22px; border-bottom: 2px dotted #fff; padding-bottom: 20px;}
#telefono{
	font-size: 45px;}
.contacto a {
    margin: 0; font-size: 14px; }
.contacto a {
	width: 110px;}
#taco{
	display: none;}
iframe{height: 340px;}
.mapa {background: url("../imagenes/mapa-ascensores-gipuzkoa-t.jpg") no-repeat left top; background-size: cover;
padding: 220px 0 100px 0;}
#pop{
	min-height: 220px;}
}

@media only screen 
and (min-width : 751px)
and (max-width : 920px) {
.movil, .pantalla, #imagen .movil, #imagen .pantalla{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 40px;}
#logo{
	width: 320px; margin: 20px 0 10px 0;}
#menu {
	width: 500px; margin-top: 20px;}
.menu li{
	width: 20%;}
.menu .may{
	width: 23%;}
.menu .men{
	width: 17%;}
.menu li a{
	padding-left: 0 !important;}
.menu li li{
	width: 100%; float: none;}
.menu li li a{
	height: auto; line-height: 20px; padding-left: 10px !important;}
.frances .menu li li{
	width: 100%;}
.frances .menu li{
	width: 20%}
.frances .menu .may{
	width: 20%;}
.frances .menu .men{
	width: 18%;}
#boton-ascensor{
	background: url(../imagenes/boton-ascensor-tt.jpg) no-repeat right center;
	background-size: 38% auto; margin: 40px 0;}
#boton-ascensor .izdo{
	width: 55%;}
#fondo-ascensor{
	background:  url(../imagenes/fondo-ascensores-t.jpg) no-repeat center center;
	background-attachment: fixed; height: 300px; background-size: 90% auto;}
h1{
	font-size: 30px;}
.frase{
	font-size: 22px;}
.into .duo{
	margin: 50px 0;}
footer .izdo, .l-calidad{
	width: 50%; float: left;}
footer .dcho, .c-boton{
	width: 50%; float: right;}
.duo .dcho{
	margin-top: 50px;}
.texto h2 {
    font-size: 19px; margin-bottom: 10px;}
.texto .tit {
    font-size: 42px; }
#sellos .izdo{
	width: 36%; float: left;}
#sellos .dcho{
	width: 60%; float: right;}
#iso{
	width: 90%; margin: 0 0 0 30px; font-size: 14px; border-radius: 14px;}
#iso #datos-iso {
    margin: 5% 0 0 5%; width: 50%; line-height: 1.6em;}
#iso img{ width: 40%; height: auto;}
.nota{
	font-size: 14px; line-height: 18px;}
#proyecto{
	background: #f0f0f0 url(../imagenes/proyecto-m.jpg) no-repeat left top;
	background-size: 60% auto; padding-top: 60%;}
.c-numero{
	margin-left: 10px; width: calc(100% - 85px);}
.boton-solo {
    margin: 30px 0 0 0;}
.gran{
	font-size: 1.1em; line-height: 1.7em;}
.lista{
	width: 45%; float: left; font-size: 1.1em;}
.lista li{
	margin: 4px 0 0 0;}
.rojo-llave{
	width: 40%; float: left; margin-left: 20px;}
.t-llave{
	width: 50%; float: right; margin-right: 2%;}
.c-boton .icono{
	margin-top: 70px;}
#calidad .c-boton .modulo-h{
	margin-top: 90px;}
.acreditada{
	width: 285px; float: right; }
.acreditada #iso{
	margin: 0;}
#sellos .into {
    margin: 40px 0;}
#galeria p{
	width: 50%;}
#galeria .image img{
	width: 22%; height: auto; margin: 0 1% 0 1%;}
#elim, #moder, #manteni{
	width: 50%; margin-left: auto; margin-right: auto;}
#sustit{
	width: 70%; margin-left: auto; margin-right: auto;}
.mod-foto-d{
	width: 550px; }
.t-extra{
	margin: 20px 0 60px 0;}
.c-mapa {
	margin:0 50px;}
.c-mapa .max{
	line-height: 1.4em; font-size: 1.2em;}
#calidad .h3{
	font-size: 36px; padding-top: 70px; }
footer .izdo{
	width: 40%; }
footer .dcho{
	border-left: 3px dotted #e11919; padding-left: 3%; width: 52% !important;}
footer .dcho .izdo{
	width: 60%;}
footer .dcho .dcho{
	width: 110px !important; border: none; padding: 0;}
#telefono{
	font-size: 40px;}
.frances #telefono{
	font-size: 30px;}
.contacto a {
    margin: 0;}
.contacto a {
	width: 110px;}
#taco{
	display: none;}
iframe{height: 386px;}
#pop{
	min-height: 150px;}
}
@media only screen 
and (min-width : 921px)
and (max-width : 1199px) {
.movil, .tablet, #imagen .movil, #imagen .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 40px;}
#logo{
	width: 320px; float: left; margin: 20px 0 10px 0;}
#menu {
	width: 500px; float: right; margin-top: 85px;}
.menu li{
	width: 20%;}
.menu .may{
	width: 23%;}
.menu .men{
	width: 17%;}
.menu li li{
	width: 100%; float: none;}
.menu li li a{
	height: auto; line-height: 20px;}
.frances .menu li{
	width: 20%}
.frances .menu .may{
	width: 20%;}
.frances .menu .men{
	width: 18%;}
.frances .menu li li{
	width: 100%;}
#boton-ascensor{
	background: url(../imagenes/boton-ascensor-ttt.jpg) no-repeat right center;
	background-size: 45% auto; margin: 70px 0;}
#boton-ascensor .izdo{
	width: 52%;}
#fondo-ascensor{
	background:  url(../imagenes/fondo-ascensores.jpg) no-repeat center center;
	background-attachment: fixed; height: 350px; background-size: 100% auto;}
.presen{
	margin: 0 130px;}
.into .duo{
	margin: 50px 0;}
#sellos .izdo{
	width: 30%; float: left;}
#sellos .dcho{
	width: 65%; float: right; max-width: 550px; }
.l-calidad{
	width: 50%; float: left;}
.c-boton{
	width: 50%; float: right;}
.duo .dcho{
	margin-top: 50px;}
#proyecto{
	background: #f0f0f0 url(../imagenes/proyecto-t.jpg) no-repeat right bottom;
	background-size: 50% auto; }
.gran{
	font-size: 1.1em; line-height: 1.7em;}
.lista{
	width: 40%; float: left;}
.lista li{
	margin: 4px 0 0 0;}
.rojo-llave{
	width: 40%; float: left; margin-left: 20px;}
.t-llave{
	width: 50%; float: right; margin-right: 2%;}
.c-boton .icono{
	margin-top: 70px;}
.acreditada{
	width: 285px; float: right; }
.acreditada #iso{
	margin: 0;}
#sellos .into {
    margin: 80px 0;}
#galeria p{
	width: 50%;}
#galeria .image img{
	width: 20%; height: auto; margin: 0 2% 0 1%;}
#iso{
	width: 90%; margin: 0 0 0 30px; font-size: 0.9em; border-radius: 14px;}
#iso #datos-iso {
    margin: 5% 0 0 5%; width: 50%; line-height: 1.6em;}
#iso img{ width: 40%; height: auto;}
#elim, #moder, #manteni, #sustit{
	width: 70%; margin-left: auto; margin-right: auto;}
.mod-foto-i{
	width: 50%; float: left;}
.mod-foto-d{
	width: 45%; float: right; margin-top: 40px;}
.t-extra{
	margin: 20px 0 60px 0;}
.c-mapa {
	margin: 0 50px;}
.c-mapa .max{
	line-height: 1.7em;}
#calidad .h3{
	font-size: 36px; padding-top: 70px; }
#iso{
	margin: 0 0 0 30px;}
footer .izdo{
	width: 40%; float: left;}
footer .dcho{
	float: right; border-left: 3px dotted #e11919; padding-left: 3%; width: 51% !important;}
footer .dcho .izdo{
	width: 60%;float: left;}
footer .dcho .dcho{
	width: 114px !important; float: right; border: none; padding: 0;}
#telefono{
	font-size: 45px;}
.contacto a {
    margin: 0; width: 110px;}
#taco{
	top: 480px; right: 10px;}
#zona{
	padding: 12px 200px 9px 0;}
#pop{
	min-height: 130px;}
}	
@media only screen 
and (min-width : 1200px){ 
.movil, .tablet, #imagen .movil, #imagen .tablet{
	display: none;}
.container {
	width: 1200px; margin: 0 auto;}
	#cabecera .container{width: 90%;}
.todo {
	margin: 0 50px;}
#logo{
	width: 320px; float: left; margin: 20px 0 10px 0;}
#menu {
	width: 600px; float: right; margin-top: 85px; font-size: 19px;}
.menu li{
	width: 20%;}
.menu .may{
	width: 23%;}
.menu .men{
	width: 17%;}
.menu li li{
	width: 100%; float: none;}
.menu li li a{
	height: auto; line-height: 20px;}
.menu li ul li a {
    padding: 20px 0 20px 5%;}
.frances .menu li{
	width: 20%}
.frances .menu .may{
	width: 20%;}
.frances .menu .men{
	width: 18%;}
.frances .menu li li{
	width: 100%;}
#boton-ascensor{
	background: url(../imagenes/boton-ascensor.jpg) no-repeat right center;
	background-size: 50% auto; margin: 70px 0;}
#boton-ascensor .izdo{
	width: 40%;}
#fondo-ascensor{
	background:  url(../imagenes/fondo-ascensores.jpg) no-repeat center top;
	background-attachment: fixed; height: 440px; background-size: 100% auto;}
.presen{
	margin: 0 130px;}
.into .duo{
	margin: 50px 0;}
.duo .izdo, footer .izdo, #sellos .izdo, .l-calidad{
	width: 50%; float: left;}
.duo .dcho, footer .dcho, #sellos .dcho, .c-boton{
	width: 50%; float: right;}
footer .dcho{
	border-left: 3px dotted #e11919; padding-left: 3%; width: 46% !important;}
footer .dcho .dcho{
	border: none; padding: 0; width: 50%;}
#proyecto{
	background: #f0f0f0 url(../imagenes/proyecto.jpg) no-repeat right center;
	background-size: auto 90%;}
.gran{
	font-size: 1.1em; line-height: 1.7em;}
.lista{
	width: 40%; float: left;}
.lista li{
	margin: 4px 0 0 0;}
.rojo-llave{
	width: 40%; float: left; margin-left: 20px;}
.t-llave{
	width: 50%; float: right; margin-right: 2%;}
.c-boton .icono{
	margin-top: 70px;}
.acreditada{
	width: 285px; float: right; }
.acreditada #iso{
	margin: 0;}
#sellos .into {
    margin: 80px 0;}
#galeria p{
	width: 50%;}
#elim{
	width: 50%; margin-left: auto; margin-right: auto;}
.mod-foto-i{
	width: 500px; float: left;}
.mod-foto-d{
	width: 550px; float: right;}
.t-extra{
	margin: 20px 0 60px 0;}
.c-mapa {
	margin: 150px 50px 0 50px;}
.c-mapa .max{
	line-height: 1.7em;}
#calidad .h3{
	font-size: 36px; padding-top: 70px; }
#taco{
	top: 36%; right: 10px;}
#pop{
	min-height: 110px;}
}