@font-face{
	font-family: Alexandria;
	src: url(../fonts/Alexandria-Thin.woff2),
         url(../fonts/Alexandria-Thin.woff),
	     url(../fonts/Alexandria-Thin.ttf);
	font-weight: 100; font-display: swap;}
@font-face{
	font-family: Alexandria;
	src: url(../fonts/Alexandria-Light.woff2),
         url(../fonts/Alexandria-Light.woff),
	     url(../fonts/Alexandria-Light.ttf);
	font-weight: 300; font-display: swap;}
@font-face{
	font-family: Alexandria;
	src: url(../fonts/Alexandria-Bold.woff2),
         url(../fonts/Alexandria-Bold.woff),
	     url(../fonts/Alexandria-Bold.ttf);
	font-weight: 700; font-display: swap;}
*{
	margin: 0; padding: 0;}
body{
	font-family: 'Alexandria', sans-serif; text-align: center; font-size: 1.1em; line-height: 1.9em;}
#idioma a{position: absolute; top: 0; right: 0; background: #f56334; color: #fff; width: 50px; height: 30px; padding: 10px 0; 
	display: block; text-align: center; font-size: 0.9em; z-index: 50;}
#idioma a:hover{ background: #222;}
img a, a, a img{
	text-decoration: none;}
#imagen img{
	width: 100%; height: auto;}
img{height: auto;}
.neg{
	font-weight: bold;}
.noneg{
	font-weight: normal;}
#menu ul li{
	list-style-type: none; text-align: center;}
#menu ul li a{
	color: #222; padding: 20px 0; display: block; font-weight: 700; opacity: 0.6; }
#menu ul li a:hover{opacity: 1;}
p{ margin: 12px 0;}
.top60{margin-top: 60px;}
.bottom200{margin-bottom: 200px;}
h1{font-size: 30px; margin-top: 100px;}
h1 span{display: block; font-size: 0.6em; text-transform: uppercase; font-weight: 300; margin-bottom: 30px;}
h2{text-transform: uppercase; font-size: 22px;}
.marcas{margin: 100px 0; }
.marcas h2{font-size: 20px; font-weight: 300; margin-top: 100px;}
.marca a{display: block;}
.marca a img{border: 1px solid #222; padding: 30px; box-shadow: 0 0 15px #aaa;}
.marca a:hover img{opacity: 0.8;}
.boton a{display: block; margin: 20px auto; color: #222; border: 1px solid #222; padding: 10px 0; font-size: 0.8em; text-transform: uppercase;}
.marca .boton a{width: 260px; border: 1px solid #efefef; background: #efefef; color: #777;}
.marca .boton a:hover{border: 1px solid #777;}
.marca-suelta{float: none !important; margin: 2.6 auto !important;}
.galeria{margin: 100px auto;}
.especiales h5{font-size: 50px; line-height: 60px; font-weight: 100; margin-bottom: 30px;}
.duo a{display: block; padding: 180px 0; font-size: 30px; font-weight: 700; color: #fff; text-shadow: 0px 0px 15px #111;}
.duo a:hover{color: #f56334;}
.duo .izdo a{background: url( "../imagenes/fondo-taladros.jpg") no-repeat center center; background-size: cover;}
.duo .dcho a{background: url( "../imagenes/fondo-utiles.jpg") no-repeat center center; background-size: cover;}
.duo .izdo a:hover{background: url( "../imagenes/fondo-taladros-h.jpg") no-repeat center center; background-size: cover; }
.duo .dcho a:hover{background: url( "../imagenes/fondo-utiles-h.jpg") no-repeat center center; background-size: cover;}
.servicio h5{color: #f56334; font-size: 32px; padding: 0 0 160px 0; font-weight: 300;}
.productos{background: #efefef; padding: 40px; margin-top: 100px;}
.productos p{font-size: 1.3em; line-height: 2em;}
.tel{color: #f56334; font-size: 1.5em; display: block; padding: 10px;}
.boton .email{width: 220px; padding: 15px 20px 0 20px; border: 1px solid #f56334;}
.boton .email img{width: 100%; height: auto;}
.boton .email:hover{opacity: 0.6;}
.horario{margin: 40px 0 100px 0;}
.horario p{margin: 0;}
footer{
	font-size: 0.9em; background: #2b3646; color: #fff;padding: 60px 0 0 0;}
footer h3{font-size: 26px;}
footer h4{font-size: 15px; font-weight: 300; text-transform: uppercase; margin-bottom: 30px;}
footer .boton a{width: 160px; margin: 30px auto 60px auto; color: #fff; border: 1px solid #efefef;}
address{
	font-style: normal; display: inline;}	
.borra{
	clear: both;}
#aviso{ 
	font-size: 0.7em; color: #fff; background: #222;}
#aviso a{
	color: #fff; display: inline-block; padding: 15px 0;}
.subvencion img{width: 86%; max-width: 500px; margin: 100px 0; }
iframe{
	border: none; width: 100%; height: 400px; display: block;}
.logo-grande{width: 86%; max-width: 550px; }
.widia h1{margin-top: 0;}
.widia .texto-widia{width: 90%; max-width: 650px; margin: 50px auto;}
.widia .catalogos{margin: 100px 0;}
.widia .catalogos p{margin: 0; line-height: 1.6em;}
.widia .megas{font-size: 0.9em; text-transform: uppercase;}
.widia .pdf{width: 200px; display: inline-table; margin-bottom: 40px;}
.widia .pdf img{width: 55px;}

@media only screen 
and (max-width : 660px){
	.pantalla, .tablet{	display: none;}
	.container { width: 100%; margin: 0 auto;}
	.todo {	margin: 0 20px;}
	#logo{ width: 300px; margin: 70px auto 20px auto;}
	#logo img{width: 100%; height: auto;}
	h1, .servicio h5{margin-top: 60px; font-size: 24px;}
	#menu{font-size: 1.1em;}
	.duo a { font-size: 20px; padding: 120px 0;}
	.duo .dcho a{margin-top: 30px;}
	.marcas .marca {margin: 40px auto 100px auto; width: 90%;}
	.solo-logos .marca{margin: 30px auto 40px auto;	}
	.marca a img{padding: 20px; width: 100px;}
	.especiales{padding: 60% 30px 80px 30px;}
	.especiales1{background: #c0ced6 url("../imagenes/fondo-especiales4.jpg") no-repeat center 20px; 
		background-size: 65% auto; }
	.especiales2{background: #c0ced6 url("../imagenes/fondo-especiales2.jpg") no-repeat  center 40px; 
		background-size: 60% auto; }
	.especiales3{background: #c0ced6 url("../imagenes/fondo-especiales3.jpg") no-repeat  center 60px; 
		background-size: 77% auto; }
	.especiales p{text-align: center;}
	.especiales h5{ font-weight: 300; font-size: 35px; line-height: 40px;}
	.productos p { font-size: 1.2em; line-height: 1.8em;}
	.galeria .entry { width: 180px; padding: 0;}
}

@media only screen 
and (min-width : 661px)
and (max-width : 850px) {
	.pantalla, .movil{	display: none;}
	.container { width: 100%; margin: 0 auto;}
	.todo {	margin: 0 30px;}
	#logo{ width: 300px; margin: 70px auto 20px auto;}
	#logo img{width: 100%; height: auto;}
	#menu{ width: 600px; margin: 0 auto; font-size: 16px; }
	#menu ul li{ float: left; width: 18%;}
	#menu ul li a{font-weight: 300;}
	#menu ul .uno{width: 12%;}
	#menu ul .dos{width: 38%; }
	#menu ul .tres{width: 32%;}
	.eus #menu ul li{ float: left; width: 20%;}
	.eus #menu ul .uno{width: 13%;}
	.eus #menu ul .dos{width: 33%; }
	.eus #menu ul .tres{width: 33%;}
	h1{margin-top: 70px; font-size: 26px;}
	.duo a { font-size: 25px; }
	.duo .dcho a{margin-top: 30px;}
	.marcas .marca {margin: 40px auto 100px auto; width: 550px;}
	.solo-logos .marca{margin: 30px auto 40px auto;	}
	.marca a img{padding: 20px; width: 140px;}
	.especiales{padding: 45% 30px 80px 30px;}
	.especiales1{background: #c0ced6 url("../imagenes/fondo-especiales4.jpg") no-repeat center 30px; 
		background-size: 70% auto; padding-top: 70%;}
	.especiales2{background: #c0ced6 url("../imagenes/fondo-especiales2.jpg") no-repeat  center 60px; 
		background-size: 40% auto; }
	.especiales3{background: #c0ced6 url("../imagenes/fondo-especiales3.jpg") no-repeat  center 80px; 
		background-size: 55% auto; }
	.especiales p{text-align: center;}
	.especiales h5{ font-weight: 300; font-size: 35px;}
	.productos p { font-size: 1.2em; line-height: 1.8em;}
	.galeria .entry { width: 220px; padding: 0;}
}

@media only screen 
and (min-width : 851px)
and (max-width : 1099px) {
	.movil, .tablet{	display: none;}
	.container {	width: 100%; margin: 0 auto;}
	.todo {	margin: 0 40px;}
	#logo{ width: 300px; margin: 70px auto 20px auto;}
	#logo img{width: 100%; height: auto;}
	#menu{ width: 640px; margin: 0 auto; font-size: 16px;}
	#menu ul li{ float: left; width: 18%;}
	#menu ul .uno{width: 12%;}
	#menu ul .dos{width: 38%; }
	#menu ul .tres{width: 32%;}
	.eus #menu ul li{ float: left; width: 20%;}
	.eus #menu ul .uno{width: 13%;}
	.eus #menu ul .dos{width: 33%; }
	.eus #menu ul .tres{width: 33%;}
	h1{margin-top: 80px;}
	.duo a { padding: 240px 0 0 0; font-size: 20px; color: #2b3646; text-shadow: none;}
	.duo .izdo a{width: 50%; float: left;}
	.duo .dcho a{width: 50%; float: right;}
	.duo .izdo a { background: url(../imagenes/fondo-taladros.jpg) no-repeat center top; background-size: 250px auto;}
	.duo .dcho a { background: url(../imagenes/fondo-utiles.jpg) no-repeat center top; background-size: 250px auto;}
	.duo .izdo a:hover { background: url(../imagenes/fondo-taladros-h.jpg) no-repeat center top; background-size: 250px auto;}
	.duo .dcho a:hover { background: url(../imagenes/fondo-utiles-h.jpg) no-repeat center top; background-size: 250px auto;}
	.marcas .marca {margin: 40px 0; background: #efefef;}
	.marcas a img{ width: 170px; float: left; padding: 20px; margin: 50px 0 0 30px; background: #fff;}
	.marcas .bloque{ width: calc(100% - 320px); float: right; }
	.marcas .bloque p{text-align: left; margin: 50px 30px 0 0;}
	.marcas .boton a{margin: 15px 0 30px 0; border: 1px solid #bbb;}
	.especiales1{background: #c0ced6 url("../imagenes/fondo-especiales.jpg") no-repeat left center; 
		background-size: 58% auto; padding: 150px 0; text-align: left;}
	.especiales2{background: #c0ced6 url("../imagenes/fondo-especiales2.jpg") no-repeat 20% center; 
		background-size: 25% auto; padding: 200px 0; text-align: left;}
	.especiales3{background: #c0ced6 url("../imagenes/fondo-especiales3.jpg") no-repeat 5% center; 
		background-size: 40% auto; padding: 200px 0; text-align: left;}
	.especiales h5, .especiales p{margin-left: 50%; margin-right: 10%;}
	.tres-logos .marcas{width: 740px; margin: 100px auto;}
	.dos-logos .marcas{width: 500px; margin: 100px auto;}
	.galeria .entry { width: 200px; padding: 0;}
}
@media only screen 
and (min-width : 1100px){ 
	.movil, .tablet{ display: none;}
	.container { width: 96%; margin: 0 auto;}
	.todo { margin: 0 30px;}
	.presentacion{margin: 0 auto; width: 700px;}
	#logo{ width: 300px; float: left; margin: 20px 0;}
	#logo img{width: 100%; height: auto;}
	#menu{ width: 620px; float: right; margin-top: 42px; font-size: 16px;}
	#menu ul li{ float: left; width: 18%;}
	#menu ul .uno{width: 12%;}
	#menu ul .dos{width: 38%; }
	#menu ul .tres{width: 32%;}
	.eus #menu ul li{ float: left; width: 20%;}
	.eus #menu ul .uno{width: 13%;}
	.eus #menu ul .dos{width: 33%; }
	.eus #menu ul .tres{width: 33%;}
	#cabecera, #imagen{top: 0; left: 0;}
	#cabecera{position: relative;  z-index: 2;}
	#imagen{position: relative; z-indez: 1; top: -80px; width: 100%;}
	.marcas-index .marca{width: 40%; display: inline-block; margin: 2.5%;}
	.especiales1{background: #c0ced6 url("../imagenes/fondo-especiales.jpg") no-repeat left center; 
		background-size: 58% auto; padding: 150px 0; text-align: left;}
	.especiales2{background: #c0ced6 url("../imagenes/fondo-especiales2.jpg") no-repeat 20% center; 
		background-size: 25% auto; padding: 200px 0; text-align: left;}
	.especiales3{background: #c0ced6 url("../imagenes/fondo-especiales3.jpg") no-repeat 5% center; 
		background-size: 40% auto; padding: 200px 0; text-align: left;}
	.especiales h5, .especiales p{margin-left: 50%; margin-right: 10%;}
	.duo .izdo a{width: 50%; float: left;}
	.duo .dcho a{width: 50%; float: right;}
	.tres-logos .marcas{margin: 100px 30px;} 
	.tres-logos .marca{width: 23.3%; float: left; margin: 5%;}
	iframe{height: 600px;}
}
@media only screen 
and (min-width : 1100px)
and (max-width : 1499px) {
.dos-logos .marcas{ margin: 100px auto; width: 660px;}
.dos-logos .marca { width: 40%; margin: 2.6%; display: inline-block;}
}
@media only screen 
and (min-width : 1500px){ 
	.movil, .tablet{ display: none;}
	.container { width: 1400px; margin: 0 auto;}
	.todo { margin: 0 50px;}
	.presentacion{margin: 0 auto; width: 800px;}
	#logo{ width: 400px; }
	#menu{ width: 700px; margin-top: 70px; font-size: 17px;}
	#imagen{position: relative; z-indez: 1; top: -100px; width: 100%;}
	h1{margin-top: 50px;}
	.marca{width: 28%; display: inline-block; margin: 2.6%;}
	.marcas-index .marca{width: 44.3%;}
	.un-logo .marca{margin: 2.6% auto; display: block; width: 100%;}
	.especiales1{background: #c0ced6 url("../imagenes/fondo-especiales.jpg") no-repeat left center; 
		background-size: 50% auto; padding: 200px 0; text-align: left;}
	.especiales2{background: #c0ced6 url("../imagenes/fondo-especiales2.jpg") no-repeat 20% center; 
		background-size: 25% auto; padding: 200px 0; text-align: left;}
	.especiales3{background: #c0ced6 url("../imagenes/fondo-especiales3.jpg") no-repeat 10% center; 
		background-size: 35% auto; padding: 200px 0; text-align: left;}
	.especiales h5, .especiales p{margin-left: 50%; margin-right: 10%;}
	.duo .izdo a{width: 50%; float: left;}
	.duo .dcho a{width: 50%; float: right;}
	.tres-logos .marcas{margin: 100px 50px;} 
	.dos-logos .marcas{ margin: 100px 50px; }
	.dos-logos .marca { width: 20%; margin: 2.6%; }
	}