@font-face{
	font-family: Lato;
    src: url(../fonts/Lato-Light.woff2),
         url(../fonts/Lato-Light.woff),
	     url(../fonts/Lato-Light.ttf);
    font-weight: 300; font-display: swap;}
@font-face{
	font-family: Lato;
    src: url(../fonts/Lato-Regular.woff2),
         url(../fonts/Lato-Regular.woff),
	     url(../fonts/Lato-Regular.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Lato;
    src: url(../fonts/Lato-Bold.woff2),
         url(../fonts/Lato-Bold.woff),
	     url(../fonts/Lato-Bold.ttf);
    font-weight: 700; font-display: swap;}
*{	margin: 0; padding: 0;}
body{	font-family: 'Lato', sans-serif; font-size: 1.1em; line-height: 1.8em;}
img a, a, a img{	text-decoration: none;}
#columna{	text-align: center; background: #fff;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, 0.20);
	-moz-box-shadow:    0px 0px 50px 0px rgba(50, 50, 50, 0.20);
	box-shadow:         0px 0px 50px 0px rgba(50, 50, 50, 0.20);}
.container{	text-align: center; }
p a{	color: #007E66; }
p a:hover{	color: #50b11c;}
#logo{	color: #007E66; font-weight: 300;}
#logo img{	margin: 20px 0 10px 0; width: 90px; height: auto;}
#menu{	font-weight: 600;}
#menu ul li{	list-style-type: none;}
#menu ul li a{	color: #007E66; padding: 10px 0; display: block;}
#menu ul li a:hover{	color: #50b11c;}
.foto img, .producto img{display: block;}
.todo{	margin: 0 50px;}
.todo-g{	background: #007E66; margin: 0 50px; padding: 30px;}
#producto1{	margin: 50px 0 0 0;}
#producto-ultimo{	margin: 0 0 50px 0;}
.verde{	background: #007E66; 	margin: 50px 0; padding: 30px;}
.verde h2{	color: #fff; text-shadow: 1px 1px 6px #222;}
.mayor{	font-size: 1.2em; margin: 0 40px;}
li .mayor{	color: #50b11c;}
.linea{	width: 20px; height: 4px; background: #6c0; margin: 10px auto 20px auto;}
.duo, .producto{	background: #f1f8f7;}
.duo .linea, #fondo-medidas .linea{	margin: 10px 0 15px 40px;}
#fondo-medidas .lineas{	border-top: 1px solid #fff;}
#persianas .todo-g{	margin: 50px 0 0 0; padding: 20px 20px 10px 20px;}
#galeria h2{	margin: 50px 0 10px 0; }
#galeria a{	width: 31%; margin: 0 1% 0 1%; display: inline-block;}
#galeria a img{	margin: 0 0 20px 0; width: 100%; height: auto;}
.todo-g h2{	color: #fff; text-shadow: 1px 1px 6px #222;}
.boton{	margin: 20px 0 0 0;}
#b-ot{	margin: 50px 0;}
button{  width:160px; height:50px; letter-spacing: 1px; background:#fff; color:#50b11c;
  border:1px solid #50b11c; box-shadow:inset 0 0 0 0 #50b11c;   font-size: 14px; font-weight: 600;}
button:hover{  color:#fff;}
.producto button{  margin: 0;}
.producto .dcho h5{	text-transform:uppercase;}
.nota{	color: #007E66; margin: 20px 0 40px 0; background: #efefff; padding: 20px;}
.nota p{	margin: 0;}
.efecto:hover{  box-shadow: inset 0 100px 0 0 #50b11c;
  -webkit-transition: -webkit-box-shadow 1s ease-in-out;
  -moz-transition: -moz-box-shadow 1s ease-in-out;
  transition: box-shadow 1s ease-in-out;}
p{	margin: 12px 0;}
.f-per{	margin: 20px 0 0 0; z-index: 1;}
.flecha{	width:0px;    height:0px;    border-style: solid;    border-width: 30px;    border-top-width:0px;
    border-color: transparent transparent #fff transparent; margin: -30px auto 0 auto;
	z-index: 2; position: relative;}
address{	font-style: normal; display: inline;}	
.borra{	clear: both;}
#aviso{	font-size: 14px; border-top: 1px solid #042c24;}
#aviso a{	color: #042c24; display: inline-block; padding: 5px 0;}
iframe{	border: none; width: 100%; height: 500px;}
.telefono{	font-size: 20px;}
.telefono a{	color: #042c24; display: block; padding: 5px;}
h1{	font-weight: 400;}
.sub{	display: block; font-weight: 400;  color: #007E66; margin: 0 0 20px 0;}
.frase{	margin: 50px 0; color: #6C0; font-weight: 300;}
.foto img, .producto .izdo img, .producto .dcho img{	width: 100%; height: auto;}
h2{	font-size: 20px; color: #007E66;}
.h2-fondo, .producto h2-fondo{	color: #fff; background: #50b11c; padding: 10px; font-weight: 300; 
	margin: 60px 0 0 0 !important; letter-spacing: 3px;}
#fondo-medidas{	color: #042c24; font-size: 1.2em;}
.med-sub{	font-size: 0.8em; letter-spacing: 5px; }
#pro-mot{	margin: 50px 50px 0 50px;}
.duo .texto h2, .producto h2{	font-weight: 400;}
.producto h3{	color: #333; font-size: 1em; font-weight: 400;}
.acce{	border: 1px solid #6C0; padding: 30px 40px 20px 40px; margin: 50px 0 0 0; color: #042c24; background: #fff;}
.acce h3, .rep{	color: #50b11c;}
.rep{	margin: 40px 0;}
.margen{	margin: 40px 0 10px 0; border-bottom: 1px solid #6C0;}
#logos{	margin: 50px 0 40px 0; }
footer{	color: #042c24; padding: 20px 0 10px 0;}
.container footer{	background: #50b11c;}
.tel{	margin: 0 0 50px 0; font-size: 28px; padding: 10px 0 0 0;}
.tel a{	color: #50b11c; display: block; padding: 10px;}
.tag{	font-weight: 400; margin: 50px 20px 20px 20px; font-size: 15px; }
#fondo-persiana h2, .acce h3{	font-weight: 300;}
#horario{	background: #007E66; color: #fff; width: 250px; margin: 40px auto; padding: 20px 0;}
.what a{	margin-top: 10px !important;}
.mapa{background: url("../imagenes/mapa-persianas-estores-irun.jpg") no-repeat left top; background-size: cover;
padding: 260px 0 140px 0;}
.mapa .boton a{display: block; width: 250px; background:#50b11c; color: #fff; margin: 0 auto; font-size: 16px; padding: 10px 0;}
.mapa .boton a:hover{background: #007E66;}
.ejemplo-pase{width: 100%; max-width: 600px; margin: 50px auto;}
.ejemplo-pase img{width: 100%;}
.whatsapp a{width: 45px; display: block; }
.whatsapp a img{width: 100%; height: auto;}
@media only screen 
and (max-width : 480px){
.pantalla, .tablet, #columna footer, #galeria, .galeria-grande-scripts, iframe, .br,
#pantalla, #tablet{display: none;}
#columna{	border-bottom: 1px solid #ccc; padding: 5px 0 0 0;}
.container{	font-size: 0.9em;}
.todo-p, .todo {	margin: 40px 20px; }
#logo{	margin: 70px 0 20px 0; font-size: 20px;}
#logo img{	margin: 0; width: 70px; height: auto;}
#menu{	font-size: 18px; padding-bottom: 20px;}
#menu ul li a{	padding: 15px 0;}
#slider1{	display: none;}
h1{	font-size: 26px;}
.sub{	font-size: 15px;}
.frase{	font-size: 20px;}
h2{	font-size: 17px;}
.h2-fondo, .producto h2-fondo{	font-size: 0.8em; line-height: 1.5em; letter-spacing: 1px;}
.duo .texto, .producto .texto{	padding: 40px 20px 20px 20px;}
.producto{margin-top: 30px;}
.producto .texto{	border-bottom: 20px solid #fff; }
.duo .linea, #fondo-medidas .linea, .producto .linea{	margin: 10px auto;}
.producto h3{	font-size: 0.8em; line-height: 1.4em;}
.producto .boton{	margin: 15px auto 0 auto; }
button{	font-size: 0.7em; width: 140px; height: 45px;}
.mayor {    font-size: 1.1em; margin: 15px 0 0 0;}
#fondo-medidas{	background: #f1f8f7 url(../imagenes/fondo-medir5.jpg) no-repeat left bottom;
	background-size: 100% auto; padding: 0 10px 50% 10px; font-size: 1.1em;}
.med-sub{	margin: 0;}
#fondo-persiana h2, .acce h3{	font-size: 26px;}
.f-per, #galeria-movil img{	width: 100%; height: auto;}
#pro-mot {    margin: 50px 0 0 0;}
#galeria-movil img{	margin: 15px 0 0 0;}
#galeria-movil h2{	margin: 30px 0 0 0;}
.caption_title_line{ width:100% !important; font-size: 0.9em !important;}
.flex-caption {bottom: 20px !important; right: 0 !important; 
margin-left: auto; margin-right: auto; width: 100%;}
.flex-caption h2{ font-size:26px !important; line-height: 33px; 
margin:0 !important; color: #000 !important;}
.blanco, .flex-caption .blanco{color: #fff !important;}
.flex-caption p{margin: 0;}
#alta-m{bottom: 50px !important;}
#dest{	background: #fff; color: #50b11c !important; padding: 3px 0; width: 180px;
	display: block; text-shadow: none; font-size: 15px; margin: 0 auto 5px auto;}
.acce{	padding: 30px 15px 15px 15px;}
.acce img{	width: 48%; height: auto; float: left; margin: 1%;}
.telefono a:hover{	color: #fff;}
.mapa{background: url("../imagenes/mapa-persianas-estores-irun-m.jpg") no-repeat left top; background-size: 100% auto;
padding: 170px 0 100px 0;}
.mapa .boton a{font-size: 14px;}
.whatsapp a{position: absolute; z-index: 120; top: 10px; right: 10px;}
}

@media only screen 
and (min-width : 481px)
and (max-width : 750px) {
.pantalla, .movil, #columna footer, #galeria-movil, .br, #movil, #pantalla{display: none;}
#columna{
	border-bottom: 1px solid #ccc; padding: 5px 0 0 0;}
.todo-p {
	margin: 80px 50px; }
#logo{
	margin: 60px 0; font-size: 22px;}
#logo img{
	margin: 15px 0 0 0; width: 80px; height: auto;}
#menu{
	font-size: 16px; }
#menu ul li{
	width: 33%; float: left;}
#menu ul li a{
	padding:10px 0; ;}
h1{
	font-size: 29px;}
.sub{
	font-size: 15px;}
.frase{
	font-size: 22px;}
.duo .texto, .producto .texto{
	padding: 40px 20px 20px 20px;}
.producto{margin-top: 50px;}
.producto .texto{
	border-bottom: 20px solid #fff; }
.duo .linea, #fondo-medidas .linea, .producto .linea{
	margin: 10px auto;}
#nav li a h3, #nav2 li a h3{
	font-size: 19px !important;}
#galeria{
	margin: 0 auto; max-width: 570px;}
#galeria a{	width: 44%;}
#galeria a img{	margin: 0 0 10px 0;}
iframe{	height: 320px;}
#fondo-medidas{	background: #f1f8f7 url(../imagenes/fondo-medir4.jpg) no-repeat bottom left;
	background-size: 100% auto; padding: 0 20px 60% 20px; margin: 0 0 50px 0; font-size: 1.1em;}
.med-sub{
	margin: 0; padding: 20px 0 0 0;}
.caption_title_line{ width:360px !important; height:70px; font-size: 1em !important;}
.flex-caption {bottom: 30px !important;}
.flex-caption h2{ font-size:36px !important; margin:0 !important;}
#alta-t{bottom: 70px !important;}
.acce{	padding: 30px 15px 15px 15px;}
.acce img{	width: 48%; height: auto; float: left; margin: 1%;}
.telefono a:hover{	color: #fff;}	
.f-per{width: 100%; height: auto;}
.mapa{background: url("../imagenes/mapa-persianas-estores-irun-m.jpg") no-repeat left top; background-size: 100% auto;
padding: 200px 0 100px 0;}
.mapa .boton a{font-size: 14px;}
.whatsapp a{position: absolute; z-index: 120; top: 10px; right: 10px;}}
@media only screen 
and (min-width : 751px)
and (max-width : 900px) {
.tablet, .movil, #columna footer, #galeria-movil, .br, #movil, #pantalla{display: none;}
#columna{	border-bottom: 1px solid #ccc; padding: 5px 0 0 0; margin: 0;}
.todo-p{	margin: 80px 40px; }
.todo {	margin: 80px 0; }
#logo{	margin: 5px 0; font-size: 22px;}
#logo img{	margin: 15px 0 0 0; width: 80px; height: auto;}
#menu{	font-size: 15px;}
#menu ul{	width: 620px; margin: 0 auto;}
#menu ul li{	width: 16%; float: left;}
#menu ul .m{	width: 13%;}
#menu ul .g{	width: 20%;}
#menu ul li a{	padding: 20px 0 10px 0;}
h1{	font-size: 31px;}
.sub{	font-size: 15px;}
.frase{	font-size: 25px;}
.duo .texto, .producto .texto{	padding: 0;}
.duo .texto h2, .producto h2{	margin: 6% 30px 10px 30px;}
.duo .texto p{	font-size: 0.9em;}
.producto p, .producto h3{	margin: 0 30px 0 30px;}
.producto h3{	font-size: 0.9em;}
.producto .boton{	margin: 20px auto 0 auto;}
.producto .dcho h5{	margin: 10px 0 15px 30px;}
.duo .linea, #fondo-medidas .linea, .producto .linea{	margin: 10px 0 10px 30px;}
#fondo-medidas{	background: url(../imagenes/fondo-medir3.jpg) no-repeat top left;
	background-size: 100% auto; font-size: 1em;	padding: 30% 30px 30px 40%; text-align: left;}
#fondo-medidas p{	margin: 0 0 0 40px;}
#fondo-persiana h2, .acce h3, .rep{	font-size: 32px;}
#nav li a h3, #nav2 li a h3{	font-size: 20px !important;}
.duo .foto{	width: 50%; float: left;}
.duo .texto{	width: 50%; float: right;}
.duo .texto p{	text-align: left; margin: 0 30px;}
.duo .texto h2, .producto h2{	text-align: left; margin: 5% 30px 10px 30px;}
.producto .izdo{	width: 50%; float: left; text-align: right;}
.producto .dcho{	width: 50%; float: right; text-align: left;}
.producto p{	font-size: 0.9em; line-height: 1.7em;}
.producto .izdo p{	margin: 0 30px 10px 10px; }
.producto .dcho p{	margin: 0 10px 10px 30px; }
.producto h3{	margin: 0 30px; font-size: 0.7em; line-height: 1.3em;}
.producto .izdo h2{	text-align: right;}
.producto .boton{	margin: 10px 30px 0 30px;}
button{	font-size: 0.7em; height: 40px;}
.producto .dcho .linea, .producto .dcho h5{
	margin: 10px 0 15px 30px;}
.producto .izdo .linea{
	margin: 10px 30px 15px 0; float: right;}
#reparacion-persianas p, #motorizacion-persianas p{
	font-size: 0.9em;}
#reparacion-persianas h2, #motorizacion-persianas h2{
	font-size: 20px;}
#motorizacion-persianas h5{
	font-size: 13px; line-height: 18px; margin: 0 0 0 30px;}
#reparacion-persianas img, #motorizacion-persianas img{
	display: block;}
.caption_title_line{ width:360px !important; height:75px; font-size: 1.1em !important;}
.flex-caption {bottom: 40px !important;}
.flex-caption h2{ font-size:44px !important;}
#alta-t{bottom: 70px !important;}
.acce{	margin: 50px 40px 0 40px;}
.acce img{	width: 48%; height: auto; float: left; margin: 1%;}
.telefono a:hover{	color: #fff;}
.mapa{background: url("../imagenes/mapa-persianas-estores-irun-t.jpg") no-repeat left top; background-size: 100% auto;
padding: 260px 0 140px 0;}
	.mapa .boton a{font-size: 16px;}
.whatsapp a{position: absolute; z-index: 120; top: 10px; right: 10px;}}

@media only screen 
and (min-width : 901px)
and (max-width : 1179px) {
.tablet, .movil, #columna footer, #galeria-movil, .br, 
#pantalla, #movil{display: none;}
#columna{	border-bottom: 1px solid #ccc; padding: 5px 0 0 0; margin: 0;}
.todo-p{	margin: 80px auto; max-width: 620px;}
.todo {	margin: 80px auto; max-width: 900px;}
#logo{	margin: 5px 0; font-size: 22px;}
#logo img{	margin: 15px 0 0 0; width: 80px; height: auto;}
#menu{	font-size: 15px;}
#menu ul{	width: 620px; margin: 0 auto;}
#menu ul li{	width: 16%; float: left;}
#menu ul .m{ width: 13%;}
#menu ul .g{	width: 20%;}
#menu ul li a{	padding: 20px 0 10px 0;}
h1{	font-size: 35px;}
.sub{	font-size: 15px;}
.frase{
	font-size: 25px;}
.duo .texto, .producto .texto{
	padding: 0;}
.duo .texto h2, .producto h2{
	margin: 6% 40px 10px 40px;}
.duo .texto p{
	font-size: 0.9em;}
.producto p, .producto h3{
	margin: 0 40px 0 40px;}
.producto h3{
	font-size: 0.9em;}
.producto .boton{
	margin: 20px auto 0 auto;}
.producto .dcho h5{
	margin: 10px 0 15px 40px;}
.duo .linea, #fondo-medidas .linea, .producto .linea{
	margin: 10px 0 10px 30px;}
#fondo-medidas{
	background: url(../imagenes/fondo-medir3.jpg) no-repeat top left;
	background-size: 100% auto; font-size: 1em;
	padding: 30% 30px 30px 40%; text-align: left;}
#fondo-medidas p{
	margin: 0 0 0 40px;}
#fondo-persiana h2, .acce h3, .rep{
	font-size: 32px;}
#nav li a h3, #nav2 li a h3{
	font-size: 20px !important;}
.duo .foto{
	width: 50%; float: left;}
.duo .texto{
	width: 50%; float: right;}
.duo .texto p{
	text-align: left; margin: 0 30px;}
.duo .texto h2, .producto h2{
	text-align: left; margin: 6% 30px 10px 30px;}
.producto .izdo{
	width: 50%; float: left; text-align: right;}
.producto .dcho{
	width: 50%; float: right; text-align: left;}
.producto p{
	font-size: 1em; line-height: 1.8em;}
.producto .izdo p{
	margin: 0 30px 10px 10px; }
.producto .dcho p{
	margin: 0 10px 10px 30px; }
.producto h3{
	margin: 0 30px 10px 30px; font-size: 0.9em; line-height: 1.3em;}
.producto .izdo h2{
	text-align: right;}
.producto .boton{
	margin: 20px 30px 0 30px;}
button{
	font-size: 0.7em;}
.producto .dcho .linea, .producto .dcho h5{
	margin: 10px 0 15px 30px;}
.producto .izdo .linea{
	margin: 10px 30px 15px 0; float: right;}
#reparacion-persianas p, #motorizacion-persianas p{
	font-size: 0.9em;}
#reparacion-persianas h2, #motorizacion-persianas h2{
	font-size: 20px;}
#motorizacion-persianas h5{
	font-size: 13px; line-height: 18px; margin: 0 0 0 30px;}
#reparacion-persianas img, #motorizacion-persianas img{
	display: block;}
.acce img{
	width: 31%; height: auto; float: left; margin: 1%;}
.telefono a:hover{
	color: #fff;}
.mapa{background: url("../imagenes/mapa-persianas-estores-irun-t.jpg") no-repeat left top; background-size: 100% auto;
padding: 260px 0 140px 0;}
	.mapa .boton a{font-size: 16px;}
.whatsapp a{position: absolute; z-index: 120; top: 10px; right: 10px;}
}
	
@media only screen 
and (min-width : 1180px)
and (max-width : 1469px) {
.tablet, .movil, #galeria-movil, .container footer, #movil, #tablet{display: none;}
#columna{
	width: 25%; float: left; height: 100%; position: fixed; display: table; z-index: 3;}
.container {
	width: 75%; float: right; position: relative; display: table; }
.todo{
	margin: 0;}
.todo-p {
	margin: 80px auto 0 auto; max-width: 600px;}
#logo{
	margin: 20px 0; font-size: 24px;}
#menu{
	margin: 20px 0 0 0; }
footer{
	bottom: 0; margin: 0 auto; width: 100%; position: absolute;}
address{
	font-size: 17px;}
#aviso{
	margin: 10px 0 0 0; padding: 10px 0 0 0;}
h1{
	font-size: 28px;}
.sub{
	font-size: 15px;}
.frase{
	font-size: 23px;}
.duo, .producto{
	font-size: 0.9em;}
.duo .foto{
	width: 50%; float: left;}
.duo .texto{
	width: 50%; float: right;}
.duo .texto p{
	text-align: left; margin: 0 40px;}
.duo .texto h2, .producto h2{
	text-align: left; margin: 6% 40px 10px 40px;}
.producto .izdo{
	width: 50%; float: left; text-align: right;}
.producto .dcho{
	width: 50%; float: right; text-align: left;}
.producto p, .producto h3{
	margin: 0 40px 0 40px;}
.producto h3{
	font-size: 0.9em;}
.producto .izdo h2{
	text-align: right;}
.producto .boton{
	margin: 20px 40px 0 40px;}
.producto .dcho .linea, .producto .dcho h5{
	margin: 10px 0 15px 40px;}
.producto .izdo .linea{
	margin: 10px 40px 15px 0; float: right;}
#fondo-medidas{
	background: url(../imagenes/fondo-medir2.jpg) no-repeat top left;
	background-size: 100% auto;
	padding: 35% 50px 30px 50%; text-align: left;}
#fondo-medidas p{
	margin: 0 0 0 40px;}
#fondo-persiana h2, .acce h3, .rep{
	font-size: 32px;}
.acce{
	margin: 50px 40px 0 40px;}
.acce img{
	width: 31%; height: auto; float: left; margin: 1%;}
}
	
@media only screen 
and (min-width : 1470px){ 
.tablet, .movil, #galeria-movil, .container footer, #movil, #tablet{display: none;}
#columna{
	width: 27%; float: left; height: 100%; position: fixed; display: table;}
.container {
	width: 73%; float: right; position: relative; display: table; }
.todo-p {
	margin: 80px auto 0 auto; max-width: 600px;}
#logo{
	margin: 20px 0; font-size: 24px;}
#menu{
	margin: 40px 0 0 0; }
footer{
	bottom: 0; margin: 0 auto; width: 100%; position: absolute;}
address{
	font-size: 17px;}
#aviso{
	margin: 10px 0 0 0; padding: 10px 0 0 0;}
h1{
	font-size: 28px;}
.sub{
	font-size: 15px;}
.frase{
	font-size: 23px;}
.duo .foto{
	width: 50%; float: left;}
.duo .texto{
	width: 50%; float: right;}
.duo .texto p{
	text-align: left; margin: 0 40px;}
.duo .texto h2, .producto h2{
	text-align: left; margin: 10% 40px 15px 40px; }
.producto .izdo{
	width: 50%; float: left; text-align: right;}
.producto .dcho{
	width: 50%; float: right; text-align: left;}
.producto p, .producto h3{
	margin: 0 40px 0 40px;}
.producto .izdo h2{
	text-align: right;}
.producto .boton{
	margin: 20px 40px 0 40px;}
.producto .dcho .linea, .producto .dcho h5{
	margin: 10px 0 20px 40px;}
.producto .izdo .linea{
	margin: 10px 40px 20px 0; float: right;}
#fondo-medidas{
	background: url(../imagenes/fondo-medir.jpg) no-repeat top left;
	background-size: 100% auto;
	padding: 30% 50px 30px 50%; text-align: left;}
#fondo-medidas p{
	margin: 0 0 0 40px;}
#fondo-persiana h2, .acce h3, .rep{
	font-size: 32px;}
.flex-caption h2{ font-size:66px !important;}
.acce img{
	width: 31%; height: auto; float: left; margin: 1%;}
}
@media only screen 
and (min-width : 1180px){ 
.whatsapp a{position: fixed; z-index: 120; top: 10px; right: 10px}
}