@font-face{
	font-family: Libre Franklin;
    src: url(../fonts/LibreFranklin-Regular.woff2),
         url(../fonts/LibreFranklin-Regular.woff),
	     url(../fonts/LibreFranklin-Regular.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Libre Franklin;
	src: url(../fonts/LibreFranklin-Bold.woff2),
         url(../fonts/LibreFranklin-Bold.woff),
	     url(../fonts/LibreFranklin-Bold.ttf);
	font-weight: 700; font-display: swap;}
*{ 	margin: 0; padding: 0;}
.nutricionista{display: none;}
body{	font-family: 'Libre Franklin', sans-serif; 	font-size: 1.1em; line-height: 1.7em; color: #444;}
img a, a, a img{	text-decoration: none; height: auto;}
#imagen img{	width: 96%; height: auto; display: block; margin: 0 auto;}
.neg{	font-weight: bold;}
.noneg, .noneg strong{	font-weight: normal;}
.top{	background: #2b793e; font-size: 0.9em; text-align: right; 
	padding-right: 2%; margin-bottom: 10px;}
.top .idioma{	display: inline-block; position: absolute; left: 0; font-size: 0.8em;}
.top .idioma a{	display: block; padding: 1px 15px;}
.top a{	color: #fff; padding: 10px; display: inline-block;}
.top a:hover{	color: #444;}
#cabecera{	background: #fff;}
#menu ul li{	list-style-type: none; text-align: center;}
p{	margin: 8px 0;}
h1, .h1-2{	font-weight: 400; font-size: 42px; line-height: 50px; margin-top: 100px; color: #0c4a1b;}
.subt{	display: block; color: #89a888; font-size: 17px; margin-top: 10px;}
.solo{	margin-bottom: 25px;}
.h1-2{	font-size: 33px; line-height: 40px; margin-bottom: 20px;}
h2, h4{	font-size: 20px; }
.frase{	color: #89a888; font-size: 1.4em; line-height: 1.7em; margin-top: 80px; width: 60%;}
.banda{	text-align: center;}
.banda h2{	margin-bottom: 20px; font-size: 18px;}
.borde{	border: 5px solid #bbd0bb; padding: 50px; margin: 100px 0;}
.verde{	background: #3b834c;}
.verde2{	background: #77b786; padding: 50px; margin: 80px 0; color: #333; max-width: 860px;}
.verde2 h4{	font-weight: 400; font-size: 40px; line-height: 45px; margin-bottom: 20px; color: #fff;}
.f-pastilleros{	margin: 100px 0; padding: 40px; position: relative; font-size: 0.9em;}
.flip{	text-align: center;}
.flip h5{	font-size: 18px; font-weight: 400; color: #0c4a1b; }
.verde2 h6{	font-size: 18px; line-height: 22px; color: #000; font-weight: 400; margin-top: 30px; padding-top: 50px !important;
	background: url(../imagenes/hover.svg) no-repeat center 0; background-size: 30px auto;}
.farmaceutico p{	color: #89a888; }
.farmaceutico{	text-align: center;}
.banda .farmaceutico{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.4);}
.farmaceutico p{	font-size: 15px; line-height: 20px;}
.banda .farmaceutico img{	width: 92%; height: auto; margin: 4%;}
.banda .farmaceutico h5{	font-size: 1.1em; font-weight: normal;}
.flip .front{	height: 100%; padding-bottom: 60px;}
.flip .titular{	font-size: 0.8em; color: #77b786; line-height: 10px;}
.duo, .s-foto{	margin-top: 80px;}
.duo-g{	margin-top: 100px; text-align: center; }
.duo .izdo img, .duo-g .izdo .dcho img, .programas a img, .fotos img{	width: 100%; height: auto; display: block;}
.duo .dcho h2{	font-size: 23px;}
.duo-g .izdo{	background: #b7d040; }
.duo-g .izdo .izdo img{	padding-top: 60px; padding-bottom: 10px; width: 100px; height: auto;}
.duo-g .dcho h4{	color: #fff; font-weight: 400; font-size: 24px; margin: 0 0 10px 0;}
.duo-g .camp p{	color: #d6e29d; font-size: 1.1em; margin: 0 90px;}
.duo.cardio .izdo {background: #efefef;}
.duo.cardio .izdo img{ width: 70%; margin: 15%;}
.radio{	background: #0c4a1b; color: #ddd; padding: 10px; text-transform: uppercase; font-size: 0.8em;}
.boton a{	display: block; padding: 10px 20px; text-align: center; font-size: 0.9em;}
.duo .boton a{	color: #0c4a1b; background: #c7d9c6;}
.suelto a{	color: #2b793e; border: 1px solid #2b793e; width: 180px; margin-top: 20px;	font-size: 0.8em; line-height: 1.6em; float: right;}
.suelto a:hover{	background: #0c4a1b; color: #c7d9c6; }
.logos{	margin-top: 40px;}
.logos img{	margin: 0 20px 0 0;}
.listado{	margin-left: 20px;}
.m100{	margin-top: 100px;}
.m40{	margin-top: 40px;}
.programas{	margin-top: 40px;}
.programas a{	display: inline-block; }
.programas a:hover{	opacity: 0.5;}
.horario, .cita{	background: #ddeadd; padding: 30px;}
.horario{	margin-bottom: 40px;}
.cita .c1, .cita .c2{	font-size: 50px; display: block; color: #fff;}
.cita .c2, .firma{	text-align: right; clear: both;}
.cita p{	margin: 10px 30px;}
.pie{	font-size: 0.8em; line-height: 1.6em; margin-bottom: 20px;}
.firma, .telefono{	color: #0c4a1b;}
.telefono a{	font-size: 1.2em; display: inline-block; padding: 10px 10px 0 10px; color: #0c4a1b;}
.email a{	display: block; color: #0c4a1b;}
.email a:hover{	color: #779073;}
.pedidos{	border: 1px solid #47a537; margin-top: 40px; padding: 10px;}
.pedidos img{	width: 50px !important; height: auto; display: inline-block !important; vertical-align: middle;}
.pedidos p{	vertical-align: middle; display: inline;}
.pedidos a{	color: #444; display: block;}
.pedidos a:hover{	color: #ccc;}
footer{	background: #ddeadd; padding-top: 40px; font-size: 0.9em; color: #005a27; }
footer .tels a{ display: inline-block; padding: 0 10px 10px 10px; color: #005a27;}
footer .datos{	padding-bottom: 40px;}
address{	font-style: normal; display: block; margin-top: 20px;}
footer a img{	border: none; display: block;}	
footer a:hover img{	opacity: 0.4;}
.borra{	clear: both;}
.redes .insta a{	width: 40px; float: right;}
.redes .boton a{	width: 130px; color: #0c4a1b; background: #fff; padding: 10px 0 8px 0; clear: both;}
.redes .boton a:hover{	background: #0c4a1b; color: #fff;}
.redes a img{	opacity: 1; }
.redes a:hover img{	opacity: 0.5;}
#aviso{ 	font-size: 0.7em; background: #012410; color: #ddeadd; font-weight: 900;	position: relative;}
#aviso a{	color: #ddeadd; display: inline-block; padding: 5px 0;}
iframe{	border: none; width: 100%; display: block;}
#aviso .flecha a{	display: block; width: 40px; height: 26px; text-align: center; background: #fff;
	position: absolute; bottom: 0; right: 0; padding-top: 8px;}
#aviso .flecha a img{	width: 20px; height: auto; margin: 0 auto;}
#aviso .flecha a:hover{	opacity: 0.5;}
.aviso h2{	margin-top: 40px;}
.lic{	font-size: 0.8em; color: #333; margin: 0;}
.eusk .b4 .boton a{	font-size: 13px;}
.angeles{border: 10px solid #fff; float: right; margin: 30px 0 20px 0;}
.tienda img{width: 90px; height: auto; display: block; margin: 0 auto 10px auto;}
.tienda-flotante img{	width: 90px; height: auto;}
.next img{height: auto; width: 100%; max-width: 1150px; float: right; margin-top: 30px; margin-bottom: 0px;}
.recomendaciones{padding-top: 150px;}
.recomendaciones .rec a{display: block; border: none; margin: 5% 0 0 0;}
.recomendaciones img{width: 100%;}
.recomendaciones a:hover{opacity: 0.4;}
.duo .dcho.mapa{padding: 240px 0; background: url( "../imagenes/mapa.jpg") no-repeat left top; background-size: cover; }
.duo .dcho.mapa a{margin: 0 auto; width: 280px; text-transform: uppercase; font-size: 0.8em; float: none;}
.duo .mapa a:hover{ background: #0c4a1b; color: #fff; }
#visita{margin: 60px auto; }
#visita a{display: block; text-transform: uppercase; text-align: center; font-size: 15px; padding: 10px 0; width: 300px;
margin: 0 auto; background: #0c4a1b; color: #fff;}
#equipo .equipo{margin-top: 40px;}
.container.tradicion{margin: 100px 0;}
.dermo{margin-top: 60px; clear: both;}
.container.todos-serv{margin-bottom: 200px;}
.ser .cardisiografia{margin-top: 25px; margin-bottom: 60px;}

@media only screen 
and (max-width : 480px){
.pantalla, .tablet, .guion, .banda .b3 .back .title, .horizontal, .pantallas, .top .tel, .tienda a{
	display: none !important;}
.container {	width: 100%; margin: 0 auto; text-align: center;}
.todo {	margin: 0 20px;}
.top{	padding: 0; }
.top .idioma a {    padding: 13px 15px;}
.top .icono{	display: inline-block; width: 30px; height: 30px; padding: 10px 15px; 	text-align: center;}
.top .icono img, .top .whatsapp img{	width: 30px; height: auto;}
.top .whatsapp{	display: inline-block; padding: 12px 14px 5px 14px; background: #0c4a1b;}
#cabecera .logo{	width: 150px; margin: 100px auto 0 auto;}
#cabecera .menu-wrapper{	font-size: 0.9em;}
#cabecera .sombra{	display: none;}
#cabecera{position: relative;}
.tienda-flotante{	position: absolute; top:80px; right: 20px;}
h1, .verde2 h4{	font-size: 28px; line-height: 35px;}
h2, h4{	font-size: 18px;}
.duo .dcho h2{	font-size: 19px;}
.subt{	font-size: 14px; line-height: 20px; margin-bottom: 20px;}
.foto, .f-pastilleros img{	width: 100%; height: auto !important; margin: 0 auto;}
.foto, .f-radio .izdo .dcho img, .f-pastilleros img{	width: 90%; height: auto !important; margin: 0 auto;}
.redes{	width: 250px; margin: 0 auto 40px auto; padding-top: 30px;}
.redes .boton a, .redes .insta a{	float: none; margin: 0 auto;}
.banda{	margin: 100px 0 0 0; }
.banda h2{	margin: 20px;}
.bloque{	display: block;}
#aviso {	line-height: 20px; padding: 15px 0 0 0;}
#aviso a{	padding: 0 0 15px 0;}
.frase{	width: 90%; margin: 50px auto; font-size: 1.2em;}
.banda{margin: 40px auto; width: 300px;}
.banda .b1, .banda .b2, .banda .b3, .banda .b4, .banda .b6{	margin-bottom: 40px;}
.banda .b5, .banda .b8{	width: 140px; margin: 6% auto; display: block;}
.banda .b6 .front{padding: 40px 0;}
.banda .b2 .front{padding: 50px 0;}
.banda .b3 .front{padding: 30px 0;}
.verde2 .izdo{	margin-top: 10px; margin-bottom: 20px;}
#equipo .equipo{	width: 100%; max-width: 200px; margin: 40px auto 0 auto;}
.verde2 h6 { padding-top: 20px !important;}
.f-radio .camp{	background: #3b834c url(../imagenes/reciclar.svg) no-repeat center 70px; background-size: 70px auto; padding-top: 160px;}
	.duo-g .camp p { margin: 0 20px; font-size: 17px; }
	.duo-g .camp h4 { font-size: 20px; }
.cita{	margin-top: 10px;}
.farmaceutico{	width: 100%; margin: 0 0 20px 0; }
.banda .farmaceutico{	width: 100%; max-width: 250px; margin: 0 auto 5% auto; float: none; }
.banda .farmaceutico .flip-container{	padding-bottom: 20px;}
.duo{	position: relative;}
.duo .dcho, .tension .dcho{	width: 100%; max-width: 500px; margin: 0 auto; margin-top: 40px;}
.duo .izdo, .tension .izdo{	width: 100%; max-width: 500px; margin: 0 auto;}
.duo-g .camp p{	margin: 0 20px;}
.cardio .izdo{padding: 5px 0;}
.duo .mapa{	border: none; padding: 0; width: 100%;vertical-align: top; }
.duo .c-boton{	padding-bottom: 25px;}
.duo .boton a{	margin: 15px auto 0 auto; width: 120px; font-size: 0.8em;}
.suelto a{	float: none; margin: 100px auto 0 auto;}
.duo-g{	padding-bottom: 50px;}
.duo-g .radio{	color: #0c4a1b; background: none;}
.servicios #nav li a:hover { padding-bottom: 33px; 	}
.servicios #nav li a {    background: url(../imagenes/mas2.svg) no-repeat center bottom !important; background-size: 30px auto !important;
	margin-top: 40px !important; padding: 25px 0 50px 0; border-bottom: 4px solid #fff;}
.servicios #nav li a:hover{	background: url(../imagenes/hover2.svg) no-repeat center bottom !important; background-size: 30px auto !important; 
	padding: 25px 0 50px 0;}
.servicios #nav li a.active{	background: url(../imagenes/menos2.svg) no-repeat center bottom !important; background-size: 30px auto !important; 	padding: 25px 0 50px 0;}
.servicios .h2-dest{font-size: 26px; line-height: 40px; margin-top: 120px;}
.servicios #nav li a img{	display: none;}
.servicios #nav li a .i-dermo{	height: 35px; margin-top: 5px;}
.servicios #nav li a h2 {	margin: 0 auto; font-size: 16px; width: 90%;}
.servicios #nav li .boton a{	float: none !important;}
.logos{	margin: 0 auto;}
.logos img {    margin: 10px;}
.logo-g{	display: block; margin: 0 auto !important;}
.borde {    padding: 20px;
    margin: 60px 0;}
.f-radio{	text-align: center;}
.past{	width: 80%; height: auto; margin-top: 20px;}
.f-pastilleros{	border: #a8cea7 5px solid; padding-bottom: 30px;}
.f-pastilleros img{	margin-top: 20px;}
.f-pastilleros .chapa{	width: 150px; height: 150px;}
.f-pastilleros h3{	margin-top: 20px;}
.listado{	margin-left: 0; }
.listado li{	list-style-type: none;}
.gama-completa ul{	list-style-type: none; margin: 0;}
.programas a{	width: 90%; margin: 0 auto 20px auto; }
.horario, .cita {    padding: 20px;}
.cita p {    margin: 10px 0 0 0;}
.fotos{	width: 90%; margin: 50px auto;}
.fotos img{	margin-top: 40px; }
.visita iframe{	width: 99%; height: 250px;}
#visita{	padding: 5px 2%; color: #777; background: #fff; font-size: 0.9em;}
.pedidos p, .pedidos .wp{	display: block;}
.pedidos .wp{	font-size: 24px;}
.telefono a{	display: block; padding: 0 10px 10px 10px; font-size: 24px; }
#aviso .flecha a {    padding-top: 12px; height: 14px; bottom: 20px;}
.suelto a {    margin: 60px auto 0 auto;}
footer .redes .boton a{	font-size: 0.8em;}
.farmaceutico .front{	padding-bottom: 0;}
.flip .front h5{	display: none; }
.flip .front{	 height: auto; transform: none; }
.flip .back {  height: auto !important; width: auto !important; position: relative; 
  transform: none; left: 0; padding-bottom: 20px;  display: block; opacity: 1;
  transition-timing-function: 0 ; transition-property: none ;}
.flip {  height: auto ;  background: #fff; transition-timing-function: 0 ; transition-property: none ;}
.flip:hover {  transform: none ;}
.flip-container{height: 200px;}
.b1 .back .bio {    font-size: 18px;}
.b6 .back .bio {    padding-top: 30px;	font-size: 18px;}
.b3 .back h5 { font-size: 26px !important; padding-top: 30px !important;}
.banda .b2 .back .bio{font-size: 14px;}
.banda .b6 .back .neg { font-size: 15px;  line-height: 24px;}
.verde2 .flip h6 {    margin-top: 10px; padding-top: 0 ; background: none;}
footer .central{	margin-bottom: 40px;}
footer .central a{ display: block;}
.central img{	width: 90%; max-width: 250px; margin: 0 auto 20px auto;}
.angeles{float: none; margin: 20px auto 0 auto;}
.firma{	text-align: center;}
.recomendaciones{padding-top: 0;}
.recomendaciones .rec a{width: 86%; margin: 5%; }
.duo .dcho.mapa{padding: 250px 0; background: url( "../imagenes/mapa-m.jpg") no-repeat left top; background-size: cover; }
#visita{	width: 100%; margin: 100px auto;}
  }

@media only screen 
and (min-width : 481px)
and (max-width : 800px) {
.pantalla, .movil, .guion2, .horizontal, .sombra, pantallas, .top .tel{	display: none;}
.container {	width: 100%; margin: 0 auto; text-align: center;}
.todo {	margin: 0 30px;}
.top{	padding: 0; }
.top .icono{	display: inline-block; width: 30px; height: 20px; padding: 10px 15px; }
.top .icono img{	width: 20px; height: auto;}
.top .whatsapp{	display: inline-block; padding: 9px 12px 2px 12px; background: #0c4a1b;}
#cabecera .logo{	width: 135px; margin: 80px auto 25px auto;}
#cabecera .logo img{	width: 100%; height: auto;}
#cabecera .menu-wrapper{	width: 100%; margin: 0 auto; font-size: 16px;}
	.menu-wrapper .menu > .tienda a{	display: none !important;}
#cabecera .sombra{	display: none;}
#cabecera{position: relative;}
.tienda-flotante{	position: absolute; top: 60px; right: 20px;}
h1, .verde2 h4{	font-size: 30px; line-height: 36px;}
h2, h4{	font-size: 19px;}
.subt{	font-size: 14px; line-height: 20px; margin-bottom: 20px;}
.duo .dcho h2{	font-size: 20px;}
.foto, .f-radio .izdo .dcho img{	width: 100%; height: auto;}
.f-radio .izdo .dcho img{	width: 90%; height: auto !important; margin: 0 auto;}
.redes{	float: none; padding-top: 40px;}
footer .redes{	width: 115px; margin: 0 auto 40px auto;}
footer .redes .insta a{	float: none; margin: 0 auto;}
footer .redes .boton a{	font-size: 0.8em;}
.frase{	width: 80%; margin: 50px auto; font-size: 1.2em;}
.banda{margin: 40px auto 40px auto; width: 100%; max-width: 480px;}
.banda .b1, .banda .b2, .banda .b3, .banda .b4, .banda .b5, .banda .b6{	width: 46%; float: left; margin: 2% 2% 20px 2%;}
.banda .b1 .front{	padding: 5px 0;}
.banda.wrapper .card.b2 .front{	padding: 45px 0; height: 100px;}
.banda .b2 .back h5{font-size: 18px;}
.banda .b2 .back .bio{font-size: 14px;}
.banda .b4{width: 43.6%;}
.banda .b6 .back .bio{font-size: 16px;}
.banda .b6 .back .bio .neg{font-size: 15px;}
.banda.wrapper .card.b3 .front { padding: 29px 0; height: 140px;}
.banda .b3 .back h5{font-size: 20px !important; line-height: 30px; padding-top: 10px !important;}
.banda .b3 .back .bio{font-size: 14px; line-height: 27px;}
.b3 .back .title {	font-size: 12px; line-height: 22px; margin-top: 5px; margin-botom: 5px;}
.banda .b5, .banda .b8{	width: 29%; float:left; height: auto; margin: 10% 2%; }
.verde2 .izdo{	margin-top: 10px; margin-bottom: 20px;}
#equipo .izdo, #equipo .equipo{	width: 100%; max-width: 420px; margin: 0 auto;}
	.verde2{padding: 50px 20px;}
	#equipo .equipo{margin-top: 40px;}
.f-radio .camp{	background: #3b834c url(../imagenes/reciclar.svg) no-repeat center 70px; background-size: 70px auto; padding-top: 160px; font-size: 16px;}
.farmaceutico{	width: 46%; margin: 2%; float: left; }
.banda .farmaceutico{	width: 42%; margin: 0 0 20px 6%;  }
.banda .f2{	margin-left: 3%;}
.banda .farmaceutico .flip-container{	padding-bottom: 20px;}
.banda .home .flip-container{	padding-bottom: 44px;}
.banda .farmaceutico .flip-container p {    font-size: 14px; line-height: 18px;}
.duo{	margin-top: 180px;}
.duo .dcho, .tension .dcho{	width: 100%; max-width: 500px; margin: 0 auto; margin-top: 40px;}
.duo .izdo, .tension .izdo{	width: 100%; max-width: 500px; margin: 0 auto;}
	.cardio .izdo{padding: 5px 0;}
.duo-g .camp p {    margin: 0 50px;}
.duo .mapa{	border: none; padding: 0; width: 100%; vertical-align: top; }
.duo .c-boton{	padding-bottom: 25px;}
.duo .boton a{	margin: 15px auto 0 auto; width: 120px; font-size: 0.8em;}
.suelto a{	float: none; margin: 100px auto 0 auto;}
.duo-g{	padding-bottom: 50px;}
.duo-g .izdo .dcho img{	max-width: 600px; margin: 0 auto;} 
.duo-g .radio{	color: #0c4a1b; background: none;}
	.logos{width: 360px; margin: 0 auto;}
	.logos img{margin: 2px 10px;}
	.servicios .h2-dest{margin-top: 140px;}
.servicios #nav li a {    background: url(../imagenes/mas2.svg) no-repeat center bottom !important; background-size: 30px auto !important;
	margin-top: 50px !important; padding: 10px 0 60px 0; box-shadow: 0px 5px 2px #ddd; border-bottom: 4px solid #fff;}
.servicios #nav li a:hover{	background: url(../imagenes/hover2.svg) no-repeat center bottom !important; background-size: 30px auto !important; 
	padding: 10px 0 60px 0;}
.servicios #nav li a.active{	background: url(../imagenes/menos2.svg) no-repeat center bottom !important; background-size: 30px auto !important; 	padding: 10px 0 60px 0;}
.servicios .h2-dest{font-size: 30px; line-height: 45px;}
.servicios #nav li a img{	display: none; }
.servicios #nav li a .i-dermo{	height: 35px; margin-top: 5px;}
.servicios #nav li a h2 {	margin: 0 auto; font-size: 16px; width: 90%;}
.servicios #nav li .boton a{	float: none !important;}
.f-radio{	text-align: center;}
.past{	width: 70%; height: auto; margin-top: 20px;}
.f-pastilleros{	border: #a8cea7 5px solid; padding-bottom: 40px;}
.f-pastilleros .chapa{	width: 150px; height: 150px; margin-top: 0;}
.f-pastilleros h3{	margin-top: 20px;}
.f-pastilleros img{	margin-top: 30px;}
.gama-completa ul{	list-style-type: none; margin: 0;}
.programas a{	width: 47%; margin: 0 1% 10px 1%; }
.cita p {    margin: 10px 0 0 0;}
.fotos{	width: 90%; max-width: 500px; margin: 60px auto;}
.visita iframe{	width: 99%; height: 350px;}
#visita{	padding: 5px 2%; width: 50%; margin: 50px auto 0 auto; color: #fff;}
.pedidos img{	margin-right: 10px;}
#aviso{	padding: 15px 0 0 0; line-height: 20px;}
#aviso .bloque2{	display: block;}
#aviso a{	padding: 0 0 15px 0;}
#aviso .flecha a {    height: 10px; bottom: 18px;}
.suelto a {    margin: 60px auto 0 auto;}
.flip:hover .front img, .flip:hover .front h5{	opacity: 0;}
.flip > .front, .flip > .back, .flip {    height: 260px !important;}
footer .central{	padding-bottom: 20px; text-align: center;}
footer .central .log{	width: 185px !important; height: auto; display: block; margin: 0 auto;}
footer .central .log img{	width: 100%; height:auto;}
.angeles{float: none; margin: 20px auto 0 auto;}
.firma{	text-align: center;}
.recomendaciones .rec a{width: 47%; margin-right: 3%; float:left;}
.duo .dcho.mapa{padding: 150px 0; background: url( "../imagenes/mapa-t.jpg") no-repeat left top; background-size: 120% auto; }
#visita{	width: 100%; margin: 100px auto;}
}
@media only screen 
and (min-width : 570px)
and (max-width : 800px) {
.recomendaciones {    padding-top: 0px;}
}
@media only screen 
and (min-width : 641px)
and (max-width : 800px) {
.menu-wrapper ul li a{  padding: 30px 0 20px 0; font-size: 15px;}
.menu-wrapper .menu > .uno{	width: 22%;}
.menu-wrapper .menu > .dos{	width: 17%;}
.menu-wrapper .menu > .tres{ width: 16%;}
.menu-wrapper .menu > .cua{	width: 28%;}
.menu-wrapper .menu > .cin{	width: 17%;}
.menu-wrapper .menu > .tienda a{	display: none !important;}
.eusk .menu-wrapper .uno{	width: 19%;}
.eusk .menu-wrapper .dos{	width: 17%;}
.eusk .menu-wrapper .tres{	width: 22%;}
.eusk .menu-wrapper .cua{	width: 21%;}
.eusk .menu-wrapper .cin{	width: 21%;}
	}
@media only screen 
and (min-width : 801px)
and (max-width : 999px) {
.movil, .moviles, .tablet, .vertical, .sombra, .circular, #cabecera .whatsapp, .top .icono{	display: none;}
.container {	width: 100%; margin: 0 auto;}
section{	font-size: 0.9em;}
.todo {	margin: 0 40px;}
.top a{	padding: 1px;}
#cabecera .logo{ margin-top: 40px;	width: 225px; }
#cabecera .logo img{	width: 100%; height: auto;}
.tienda-flotante { position: absolute; top: 60px;  right: 20px;}
#cabecera .menu-wrapper{	width: 100%; margin-top: 20px; font-size: 0.9em;}
.menu-wrapper .menu > .uno{	width: 22%;}
.menu-wrapper .menu > .dos{	width: 17%;}
.menu-wrapper .menu > .tres{ width: 16%;}
.menu-wrapper .menu > .cua{	width: 28%;}
.menu-wrapper .menu > .cin{	width: 17%;}
.menu-wrapper .menu > .tienda a{	display: none !important;}
.eusk .menu-wrapper .uno{	width: 19%;}
.eusk .menu-wrapper .dos{	width: 17%;}
.eusk .menu-wrapper .tres{	width: 22%;}
.eusk .menu-wrapper .cua{	width: 21%;}
.eusk .menu-wrapper .cin{	width: 21%;}
h1, .verde2 h4{	font-size: 34px; line-height: 40px;}
h2, h4{	font-size: 20px;}
.duo .dcho h2{	font-size: 22px;}
.subt{	font-size: 15px; line-height: 20px; margin-bottom: 20px;}
.foto{	width: 100%; height: auto;}
.redes{	float: right; width: 115px; padding-top: 100px;}
.banda{	margin: 100px 40px 0 40px; }
footer .datos{	width: 50%; float: left;}
footer .central{	width: 50%; float: left;}
.frase{	width: 70%;}
.banda .b1, .banda .b2, .banda .b3, .banda .b4, .banda .b5, .banda .b6{	width: 29%; float: left; margin: 2%;}
.banda .b2 .back h5{	font-size: 20px;}
.banda .b2 .back .bio .comp {    font-size: 13px;}
.banda .b3 .front {   padding: 46px 0 37px 0;}
.banda .b3 .back h5{	font-size: 24px !important;}
.banda .b3 .bio{	font-size: 20px; line-height: 28px;}
.banda .b3 .back .title {    display: none;}
	.banda .b4{width: 28%; margin-top: 25px;}
.banda .b1, .banda .b3{	}
.banda .b5, .banda .b8{	width: 20%; float:left; height: auto; margin: 3% 1%; }
	.banda .b6 .back .bio .neg { font-size: 15px;}
	.b6 .back .bio { padding-top: 20px;  font-size: 23px; line-height: 30px;}
.verde2 .izdo{	margin-top: 10px; margin-bottom: 20px;}
.verde2 .izdo p{	width: 75%;}
#equipo .izdo, #equipo .equipo{	width: 100%; }
#equipo .equipo{	width: 100%; max-width: 700px;}
.f-radio .camp{	background: #3b834c url(../imagenes/reciclar.svg) no-repeat center 70px; background-size: 70px auto; padding-top: 180px; padding-bottom: 40px;}
.farmaceutico{	width: 31%; margin: 1%; float: left; }
.banda .farmaceutico{	width: 250px; margin: 0 5px 20px 5px;  }
.banda .f2{	margin-left: 3%;}
.banda .farmaceutico .flip-container{	padding-bottom: 20px;}
.banda .home .flip-container{	padding-bottom: 46px;}
.ffx{	width: 550px; margin: 80px auto 0 auto;}
.cv1, .cv4, .cv7{	margin-left: 0;}
.cv3, .cv6{	margin-right: 0;}
.duo{	position: relative;}
.duo .dcho{	width: 45%; padding: 0 3% 3% 0; margin-left: 5%; float: right;}
.duo .izdo{	width: 45%; float: left;}
.duo .mapa{	border: none; padding: 0; width: 63%;vertical-align: top; }
.duo .c-boton{	padding-bottom: 25px;}
.duo .boton a{	float: right; font-size: 0.8em;}
.duo-g{	padding-bottom: 50px;}
.duo-g .izdo .dcho img{width: 500px; margin: 0 auto;} 
.duo-g .radio{	color: #0c4a1b; background: none;}
	.logos .logo-g{}
.f-radio{	text-align: center;}
.c-past{	width: 53%; float: left;}
.past{	width: 40%; height: auto; float: right;}
.f-pastilleros{	background:  url(../imagenes/f-pastilleros.png) no-repeat left top;
	background-size: 50% auto; border: #a8cea7 5px solid; padding-bottom: 100px;}
.f-pastilleros .dcho{	width: 40%; margin-left: 60%;}
.f-pastilleros .chapa{	position: absolute; top: -40px; width: 170px; height: 170px;}
.f-pastilleros h3{	margin-top: 120px;}
.fotos .dip{	height: auto; float: left; margin-left: 4%;}
.fotos .dip01{	width: 44.5%; }
.fotos .dip02{	width: 41%; }
.fotos .dip03{	width: 55%; }
.fotos .dip04{	width: 30%; }
.programas a{	width: 31%; margin: 0 1.33% 1.33% 0; }
.visita iframe{	width: 99%; height: 400px;}
#visita{	padding: 5px 2%; width: 40%; color: #fff;}
.pedidos img{	margin-right: 10px;}
.con-mapa .izdo, .con-mapa .dcho{	width: 100%; display: block; margin: 0;}
.con-mapa .izdo .horario{	width: 40%; float: right;}
.con-mapa .izdo .direccion{	float: left; width: 50%;}
.con-mapa .pedidos{	clear: both; margin-bottom: 40px;}
.flip:hover .front img, .flip:hover .front h5{	opacity: 0;}
.servicios #nav li a {    padding: 10px 10px 8px 15px; background: url(../imagenes/mas.svg) no-repeat 98% 25px; background-size: 30px auto;}
.servicios #nav li a:hover {    padding: 10px 10px 5px 15px; background: url(../imagenes/hover.svg) no-repeat 98% 25px; background-size: 30px auto;}
	#nav li a.active{ background: url(../imagenes/menos.svg) no-repeat 98% 25px !important; background-size: 30px auto !important;}
	.servicios #nav li a h2{width: 80%;}
footer .central{	text-align: center;}
footer .central .log{	width: 185px !important; height: auto; display: block; margin: 0 auto;}
footer .central .log img{	width: 100%; height:auto;}
.recomendaciones {    padding-top: 0px;}
.recomendaciones .rec a{width: 47%; margin-right: 3%; float:left;}
.duo .dcho.mapa{padding: 220px 0; background: url( "../imagenes/mapa-t.jpg") no-repeat left top; background-size: 120% auto; }
#visita{	width: 100%; margin: 100px auto;}
}
	
@media only screen 
and (min-width : 1000px){ 
.movil, .moviles, .tablet, #cabecera .whatsapp, .tel img, .vertical, .circular, .top .icono, .tienda-flotante{
	display: none !important;}
.container {	width: 100%; margin: 0 auto;}
.todo {	margin: 0 80px;}
.top a{	padding: 1px;}
#cabecera{	position: fixed; width: 100%; z-index: 100; height: 160px;}
#cabecera .logo{	width: 250px; float: left; padding-top: 10px;}
#cabecera .menu-wrapper{	width: 800px; float: right; font-size: 0.9em; margin-top: 35px;}
#cabecera .sombra{	position: absolute; margin-top: 5px; width: 96%; margin-left: 2%;}
.menu-wrapper .menu > .uno{	width: 20%;}
.menu-wrapper .menu > .dos{	width: 12%;}
.menu-wrapper .menu > .tres{	width: 13%;}
.menu-wrapper .menu > .cua{	width: 23%;}
.menu-wrapper .menu > .cin{	width: 12%;}
.menu-wrapper .menu > .tienda{	width: 20%; }
.eusk .menu-wrapper .uno{	width: 16%;}
.eusk .menu-wrapper .dos{	width: 11%;}
.eusk .menu-wrapper .tres{	width: 18%;}
.eusk .menu-wrapper .cua{	width: 16%;}
.eusk .menu-wrapper .cin{	width: 18%;}
.eusk .menu-wrapper .tienda{	width: 21%; }
.banda, .redes{	width: 250px; float: right; }
.redes{	clear: both; width: 115px; padding: 20px 0;}
.banda{	margin: 100px 2% 0 0; }
.con-banda{	width: calc(95% - 250px); float: left;}
footer .datos{	width: 250px; float: left;}
footer .central{	width: calc(100% - 260px); float: left; text-align: center;}
footer .central .log{	display: inline-block; margin: 0 22px;}
.f-radio .camp{	background: #3b834c url(../imagenes/reciclar.svg) no-repeat center 40px; background-size: 70px auto; padding-top: 80px;}
.farmaceutico{	width: 30%; margin: 2%; float: left; }
.banda .farmaceutico{	width: 100%; margin: 0 0 5% 0; float: none; }
.banda .farmaceutico .flip-container{	padding-bottom: 20px;}
.cv1, .cv4, .cv7{	margin-left: 0;}
.cv3, .cv6, .cv9{	margin-right: 0;}
.duo .dcho{	width: 50%; float: right;	padding: 0 3% 3% 0; margin-left: 6%;}
.duo .izdo{	width: 40%; float: left; }
.duo .mapa{	border: none; padding: 0; width: 63%;vertical-align: top; }
.duo .c-boton{	padding-bottom: 25px;}
.duo .boton a{	float: right; font-size: 0.8em;}
.logos{	width: 700px;}
.duo-g .dcho, .asesoramiento{	width: 50%; float: right;}
.duo-g .izdo .izdo{	width: 40%;}
.duo-g .izdo .dcho{	width: 60%;}
	.f-radio .izdo{float: left; width: 50%;}
	.f-radio .dcho{float: right; width: 40%; padding: 120px 5% 0 5%;}
	.f-radio .izdo .izdo{width: 40%;}
	.f-radio .izdo .dcho{width: 60%; padding: 0;}
.past{	width: 75%; height: auto; margin: 20px auto 0 auto; display: block;}
.f-pastilleros{	background:  url(../imagenes/f-pastilleros.png) no-repeat left top;
	background-size: 50% auto; border: #a8cea7 5px solid; padding-bottom: 100px;}
.f-pastilleros .dcho{	width: 40%; margin-left: 60%;}
.f-pastilleros .chapa{	position: absolute; top: -40px; width: 170px; height: 170px;}
.f-pastilleros h3{	margin-top: 200px;}
.gama-completa{font-size: 0.9em;}
.programas a{	width: 31%; margin: 0 1.33% 1.33% 0; }
.visita iframe{	width: 99%; height: 700px;}
#visita{	width: 50%; margin: 100px 0 100px 41%;}
.pedidos img{	margin-right: 10px;}
.flip:hover .front img, .flip:hover .front h5{	opacity: 0;}
.servicios #nav li a { padding: 10px 10px 12px 15px; background: url(../imagenes/mas.svg) no-repeat 98% 25px; background-size: 30px auto;}
.servicios #nav li a:hover { padding: 10px 10px 9px 15px; background: url(../imagenes/mas.svg) no-repeat 98% 25px; background-size: 30px auto;}
#nav li a.active{ background: url(../imagenes/menos.svg) no-repeat 98% 25px !important; background-size: 30px auto !important;}
	.servicios #nav li a h2{width: 80%;}
.recomendaciones .rec a{width: 29.33%; margin-right: 4%; float:left;}
	.b5{margin-bottom: 20px;}}
@media only screen 
and (min-width : 1000px)
and (max-width : 1300px) {
#cabecera{	height: 222px;}
#cabecera .logo{	width: 250px; float: none; }
#cabecera .menu-wrapper{	width: 100%; float: none; font-size: 0.9em; margin-top: 0;}
#imagen img{	padding-top: 80px;}
.frase{	width: 100%;}
.f-pastilleros{	background: url(../imagenes/f-pastilleros2.png) no-repeat right top;
	background-size: 50% auto; padding-bottom: 50px;}
.f-pastilleros .dcho {    width: 55%;    margin-left: 0px;}
	.duo-g .izdo{float: left;}
.duo-g .izdo .izdo {    width: 30% !important; }
.duo-g .izdo .dcho {    width: 70% !important;}
.duo-g .izdo .izdo h3, .duo-g .izdo .izdo p{	font-size: 0.9em; line-height: 1.6em;}
.duo-g .izdo .izdo img{	width: 100px; height: auto;}
	.duo-g .dcho h4 { font-size: 20px; margin: 20px 0 10px 0;}
.duo-g .camp p {    margin: 0 30px; font-size: 17px;}
.visita iframe{	height: 500px !important;}
.con-mapa .izdo{	float: left; display: block !important; font-size: 0.9em;}
.con-mapa .mapa{	float: right; display: block !important; width: 50%;}
.con-mapa .pedidos{	text-align: center;}	
.horario{	padding: 20px;}
#nav li a { background: url(../imagenes/mas.svg) no-repeat 98% 20px !important; background-size: 30px auto !important; }
#nav li a:hover { background: url(../imagenes/hover.svg) no-repeat 98% 20px !important; background-size: 30px auto !important;}
#nav li a.active{ background: url(../imagenes/menos.svg) no-repeat 98% 20px !important; background-size: 30px auto !important;}
#nav li a h2{	display: block !important; margin-left: 0px !important; margin-top: 10px;}
.cita p {    margin: 10px 0 0 0;}
.foto{	width: 100%; height: auto;}
.programas a{	width: 48%; margin: 0 1% 1% 0; }
.duo-g .izdo, .logos{	width: 700px}
	.duo-g.f-radio .izdo{width: 50%;}
.duo-g .dcho, .asesoramiento{	width: 42%; float: right;}
	.duo-g.f-radio .dcho{padding: 80px 4% 0 4%;}
	.duo-g.f-radio .izdo .dcho{padding: 0;}
.flip:hover .front img, .flip:hover .front h5{	opacity: 0;}
footer .datos{	width: 250px; float: left;}
footer .central .log{	width: 27%; height: auto; margin: 0 0 0 6%;}
footer .central .log img{	width: 100%; height: auto;}
.recomendaciones { padding-top: 200px;}
#visita{	width: 50%; margin: 100px 0 100px 50%;}
	.verde2{padding: 50px 20px;}
}
@media only screen 
and (min-width : 1000px)
and (max-width : 1200px) {
.pedidos p{	display: block;}
footer .central .log{	width: 27%; height: auto; margin: 0 0 0 5%;}
.f-radio .camp {  background: #3b834c url(../imagenes/reciclar.svg) no-repeat center 40px; background-size: 50px auto;}
.logos{	max-width: 500px;}}
@media only screen 
and (min-width : 840px)
and (max-width : 999px) {
.flip-container .back h6{	padding-top: 90px !important;	background: url(../imagenes/icono.jpg) no-repeat center 30px;}}
@media only screen 
and (min-width : 900px)
and (max-width : 999px) {
.flip > .front, .flip > .back, .flip {    height: 300px !important;}}
@media only screen 
and (min-width : 1150px)
and (max-width : 1300px) {
.farmaceutico .flip-container p {    font-size: 15px; line-height: 20px;}
.verde2 h6 {    font-size: 19px; margin-top: 50px; padding-top: 50px !important;}
.flip > .front, .flip > .back, .flip {    height: 260px !important;}
	.f-radio .camp {  background: #3b834c url(../imagenes/reciclar.svg) no-repeat center 40px;
        background-size: 50px auto ;}
}
@media only screen 
and (min-width : 1301px)
and (max-width : 1500px) {
.visita iframe{	height: 550px !important;}
.duo-g .camp p {    margin: 0 30px; font-size: 17px; line-height: 30px;}
.duo-g .izdo .izdo h3, .duo-g .izdo .izdo p{	font-size: 1em; line-height: 1.6em;}
	.flip{   height: 310px;}
	#nav li a h2 { margin-right: 80px !important;}
	.logos{	max-width: 700px;}
}
@media only screen 
and (min-width : 1240px){ 
.c-past{	width: 45%; float: left;}
.past{	width: 45%; float: right;}
.duo .dcho{	width: 50%; float: right;	padding: 3%; padding-left: 0; margin-left: 6%;}
.duo .izdo, .verde2 .izdo{	width: 35%; float: left; }
.flip:hover .front img, .flip:hover .front h5{	opacity: 0;}
}
@media only screen 
and (min-width : 1550px){ 	
.flip > .front, .flip > .back, .flip {height: 310px !important;}
	.p-gama{width: 40%;}
		.duo-g .dcho h4{ margin: 40px 0 10px 0;}
.logos img {
    margin: 0 40px 0 0;}
.logos .logo-g {
    margin: 0 20px 0 0;}
}
@media only screen 
and (min-width : 1400px){ 	
.recomendaciones .rec a{width: 22%; margin-right: 3%; float:left;}
	.b8{margin-bottom: 100px;}
	.flip{   height: 310px;}
	.servicios #nav .ser{padding: 50px 100px;}
}
@media only screen 
and (min-width : 2000px){ 	
.flip > .front, .flip > .back, .flip {height: 250px !important;}
.recomendaciones .rec a{width: 17%; margin-right: 3%; float:left;}
	.duo-g .camp p{	margin: 0 140px;}
}
@media only screen 
and (min-width : 1800px){ 	
.verde2 { max-width: 1300px;}
	#equipo .farmaceutico{width: 21%;}
	.cv3, .cv6, .cv9, .cv4 { margin-right: 2%; }
	.cv5, .cv9{margin-left: 0;}
	#equipo .equipo .cv7, .cv4{margin-left: 2%;}
	#equipo .equipo .farmaceutico,     .flip > .front{height: 320px !important;}
}