@font-face{
	font-family: Poppins;
    src: url(../fonts/Poppins-ExtraLight.woff2),
         url(../fonts/Poppins-ExtraLight.woff),
	     url(../fonts/Poppins-ExtraLight.ttf);
    font-weight: 200; font-display: swap;}
@font-face{
	font-family: Poppins;
	src: url(../fonts/Poppins-Light.woff2),
         url(../fonts/Poppins-Light.woff),
	     url(../fonts/Poppins-Light.ttf);
	font-weight: 300; font-display: swap;}
@font-face{
	font-family: Poppins;
    src: url(../fonts/Poppins-Regular.woff2),
         url(../fonts/Poppins-Regular.woff),
	     url(../fonts/Poppins-Regular.ttf);
    font-weight: 400; font-display: swap;}
*{	margin: 0; padding: 0;}
body{	font-family: 'Poppins', sans-serif;	line-height: 1.8em;}
img a, a, a img{	text-decoration: none;}
#imagen img{	width: 100%; }
img{	height: auto;}
.neg{	font-weight: bold;}
.noneg{	font-weight: normal;}
.contenido{	margin: 100px 0;}
#logo{
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; 
	color: #524040; font-size: 25px; letter-spacing: 8px;}
#menu ul li{
	list-style-type: none; text-align: center;}
#menu ul li a{
	color: #524040; padding: 20px 10px; display: block;}
#menu ul li a:hover{
	color: #a5988a;}
p{
	margin: 8px 0; font-weight: 300;}
.lista{margin: 30px 0 30px 20px; font-size: 1.1em; line-height: 2em; text-align: left; display: inline-block;}
.listado{margin: 20px 0 0 20px; font-weight: 300;}
.boton a, .enviar{
	display: block; padding: 5px; color: #524040; border: 1px solid #524040; text-align: center; font-size: 0.9em; 
	letter-spacing: 1px;}
.boton a:hover, .enviar:hover{
	color: #a5988a; border: 1px solid #a5988a}
.enviar{margin-bottom: 50px;}
.duo{
	margin-top: 90px;}
.duo .izdo img{ width: 100%; height: auto;}
.duo h2{color: #a5988a; font-weight: 200; font-size: 40px; line-height: 45px; margin-top: 30px; margin-bottom: 20px;}
.duo .boton a{
	margin-top: 30px;}
.duo .logos{max-width: 580px;}
.duo .logos img{
		margin-right: 10px; display: inline-block; }
.duo .elosegui{
	margin-top: 20px;}
.galeria{
	margin: 60px 0;}
.fachada img{ width: 100%;}
footer{
	border-top:  dashed 3px #ddd; padding-top: 30px;}
.logo{
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; 
	color: #524040; font-size: 20px; letter-spacing: 6px; }
.tel{
	font-size: 30px; color: #000; display: block; padding: 10px 0; margin-top: 70px;}
.tel:hover{
	color: #a5988a; }
address{
	font-style: normal; display: inline; color: #524040; padding-top: 10px;}
.borra{
	clear: both;}
#aviso{ 
	font-size: 0.7em; background: #ddd; margin-top: 30px; color: #777;}
#aviso a{
	color: #777; display: inline-block; padding: 5px 0;}
iframe{
	border: none; width: 100%; height: 500px; margin-top: 100px;}
.gallery{
	margin-left: 0.5%; }
.gallery a{
	width: 24%; height: auto; display: inline-block; margin-right: 0.6%;}
.gallery .thumbnail{
	display: block; width: 100%; height: auto;}
.m-top100{
	margin-top: 100px;}
.botones a{
	display: block; padding: 160px 0; text-align: center; font-size: 40px; background-size: 100% auto; color: #fff;}
.botones h2{
	background: url( "../imagenes/negro.png"); display: table; padding: 20px; margin: 0 auto; }
.botones .izdo a{
	background: url("../imagenes/trajes-vascos.jpg") no-repeat center center; 	}
.botones .dcho a{
	background: url("../imagenes/ropa-trabajo.jpg") no-repeat center center; 	}
.botones .productos a{
	background: url("../imagenes/todos-productos.jpg") no-repeat center center; 	}
.botones .izdo a:hover{
	background: url("../imagenes/trajes-vascos-bn.jpg") no-repeat center center; 	}
.botones .dcho a:hover{
	background: url("../imagenes/ropa-trabajo-bn.jpg") no-repeat center center; 	}
.botones .productos a:hover{
	background: url("../imagenes/todos-productos-bn.jpg") no-repeat center center; 	}
.arbitraje{width: 100px; margin-top: 60px;}
.mapa{padding: 200px 0; background: url( "../imagenes/mapa.jpg") no-repeat left top; background-size: cover; margin-top: 100px;}
.mapa a{margin: 0 auto; width: 280px; text-transform: uppercase; font-size: 0.9em; background: #fff;}

@media only screen 
and (max-width : 550px){
.pantalla, .tablet, .guion{
	display: none;}
.container {
	width: 100%; margin: 0 auto; text-align: center;}
.todo {
	margin: 0 20px;}
#logo{
	width: 100%; margin: 50px auto 30px auto; text-align: center;}
#logo span{display: block; letter-spacing: 9px;}
#menu{
	width: 100%; margin: 0 auto 20px auto; font-size: 1.1em;}
#menu ul li a {
    padding: 15px;}
h1{ margin-bottom: 20px;}
.botones a{
	padding: 100px 0; }
.botones h2{
		font-size: 30px; magin-top: 0;}
.duo .izdo{
	width: 70%; margin: 0 auto;}
.duo .dcho{
	width: 100%; margin-top: 30px;}
	.duo .dcho ul{display: inline-block; text-align: left;}
.duo h2{
	margin-top: 0; font-size: 36px; line-height: 38px;}
.duo .logos{
		margin-top: 10px; }
.duo .logos img{
		width: 90px;}
.duo .boton a{ width: 100%; max-width: 260px; margin: 20px auto;}
.lista{font-size: 1em; line-height: 1.8em;}
.lista li{margin-top: 10px;}
.gallery a{
	width: 48%; height: auto; display: inline-block; margin-right: 0.6%;}
.galeria img{
	margin-top: 0.6%;	}	
.botones .izdo, .botones .dcho, .botones .productos{ width: 80%; margin: 0 auto;}
.botones .izdo{margin-bottom: 10%;}
.botones .productos{margin-top: 10%;}
.botones .productos a{background-size: auto 100%;}
.botones .productos a:hover{background-size: auto 100%;}
.horario span{display: block;}
footer .logo{margin-bottom: 10px; margin-top: 30px;}
address{
	width: 100%; margin: 0 auto;	}
footer .boton a{
	width: 240px; margin: 30px auto; }
.block{display: block;}
.arbitraje{margin: 60px auto;}
.mapa{padding: 250px 0; background: url( "../imagenes/mapa-m.jpg") no-repeat left top; background-size: 100% auto; }

}

@media only screen 
and (min-width : 551px)
and (max-width : 850px) {
.pantalla, .movil{
	display: none;}
.container {
	width: 100%; margin: 0 auto; text-align: center;}
.todo {
	margin: 0 40px;}
#logo{
	width: 100%; margin: 50px auto 30px auto; text-align: center;}
#menu{
	width: 100%; margin: 0 auto 20px auto; font-size: 1.1em;}
#menu ul li a {
    padding: 12px;}
h1{ margin-bottom: 20px;}
.botones a{
	padding: 100px 0; }
.botones h2{
		font-size: 30px; magin-top: 0;}
.duo .izdo{
	width: 70%; margin: 0 auto;}
.duo .dcho{
	width: 100%; margin-top: 30px;}
	.duo .dcho ul{display: inline-block; text-align: left;}
.duo h2{
	margin-top: 0; font-size: 36px; line-height: 38px;}
.duo .logos{
		margin-top: 10px; max-width: 100%;}
.duo .logos img{
		width: 100px;}
.duo .boton a{ width: 100%; max-width: 260px; margin: 20px auto;}
.gallery a{
	width: 23%; height: auto; display: inline-block; margin-right: 0.6%;}
.galeria img{
	margin-top: 0.6%;	}	
.botones .izdo, .botones .dcho, .botones .productos{ width: 70%; margin: 0 auto;}
.botones .izdo{margin-bottom: 10%;}
.botones .productos{margin-top: 10%;}
.botones .productos a{background-size: auto 100%;}
.botones .productos a:hover{background-size: auto 100%;}
footer .logo{margin-bottom: 10px; margin-top: 30px;}
address{
	width: 100%; margin: 0 auto;	}
footer .boton a{
	width: 240px; margin: 30px auto; }
.arbitraje{margin: 60px auto;}
.mapa{padding: 200px 0; background: url( "../imagenes/mapa-t.jpg") no-repeat left top; background-size: cover; }

}
@media only screen 
and (min-width : 550px)
and (max-width : 680px) {
.botones h2{
	font-size: 28px; }		
}	
@media only screen 
and (min-width : 851px)
and (max-width : 1299px) {
.movil, .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto; text-align: center;}
.todo {
	margin: 0 60px;}
#logo{
	width: 500px; margin: 20px auto; text-align: center;}
#menu{
	width: 650px; margin: 0 auto; font-size: 0.9em;}
#menu ul li{
	display: inline-block;}
.botones a{
	padding: 120px 0; }
.botones h2{
		font-size: 30px; magin-top: 0;}
.duo .izdo{
	width: 45%; float: left;}
.duo .dcho{
	width: 45%; float: right; text-align: left;}
.duo h2{
	margin-top: 0; font-size: 36px; line-height: 38px;}
.duo .logos{
		margin-top: 10px;	}
.duo .logos img{
		width: 80px;}
.galeria img{
	margin-top: 0.6%;	}	
.botones .izdo, .botones .dcho{ width: 48%;}
.botones .izdo{margin-right: 4%;}
.botones .productos{margin-top: 4%;}
footer .logo{margin-bottom: 10px; margin-top: 30px;}
address{
	width: 100%; margin: 0 auto;	}
footer .boton a{
	width: 240px; margin: 30px auto; }
	.tel{margin-top: 0;}
.arbitraje{margin: 60px auto 0 auto;}
}
@media only screen 
and (min-width : 850px)
and (max-width : 950px) {
.botones h2{
	font-size: 26px; }		
}	
@media only screen 
and (min-width : 1300px){ 
.movil, .tablet{
	display: none;}
.container {
	width: 1300px; margin: 0 auto;}
.todo {
	margin: 0 50px;}
#logo{
	width: 500px;
	float: left;
	margin: 20px 0;}
#menu{
	width: 600px; float: right; font-size: 0.9em;}
#menu ul li{
	float: left;}
.duo .izdo{
	width: 30%; float: left;}
.duo .dcho{
	width: 60%; float: right;}
.duo h2{
	margin-top: 30px;	}
.duo .logos{
		margin-top: 10px;	}
.duo .logos img{
		width: 80px;}
.galeria img{
	margin-top: 0.6%;	}	
.botones .izdo, .botones .dcho{ width: 48%;}
.botones .izdo{margin-right: 4%;}
.botones .productos{margin-top: 3%;}
address{
	width: 50%; float: left;	}
footer .boton a{
	width: 240px; top: -20px; float: right; }
}