@font-face{
	font-family: Open Sans;
    src: url(../fonts/OpenSans-Regular.woff2),
         url(../fonts/OpenSans-Regular.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Open Sans;
	src: url(../fonts/OpenSans-Bold.woff2),
         url(../fonts/OpenSans-Bold.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
	font-weight: 700; font-display: swap;}
@font-face {
    font-family: Barlow Condensed;
    src: url(../fonts/BarlowCondensed-Regular.woff2),
         url(../fonts/BarlowCondensed-Regular.woff),
		 url(../fonts/BarlowCondensed-Regular.ttf);
    font-weight: 400; font-display: swap;}
@font-face {
    font-family: Barlow Condensed;
    src: url(../fonts/BarlowCondensed-Bold.woff2),
         url(../fonts/BarlowCondensed-Bold.woff),
		 url(../fonts/BarlowCondensed-Bold.ttf);
    font-weight: 700; font-display: swap;}
@font-face {
    font-family: Bitter;
    src: url("../fonts/Bitter-Regular.woff2"),
		 url("../fonts/Bitter-Regular.woff"),
		 url(../fonts/Bitter-VariableFont_wght.ttf);
    font-weight: 400; font-display: swap;}
*{	margin: 0; padding: 0;}
body{	font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 1.6em;}
img a, a, a img{	text-decoration: none;}
img{height: auto;}
.logo{font-size: 46px; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; color: #556b6c; padding: 20px 0;}
.logo .anorga, h1 .anorga{color: #1a7055;}
#cabecera{background: url("../imagenes/blanco.png");}
#imagen img{
	width: 100%; height: auto; display: block;}
#imagen h2{font-family: 'Bitter', serif; font-weight: 400;}
#imagen .boton a{width: 120px; color: #fff; background: #111; margin: 25px auto 0 auto;}
#imagen .boton-compramos a{width: 170px;}
#imagen .boton a:hover{ background: #fff; color: #333;}
.boton a{ display: block; padding: 10px; margin-top: 20px; text-align: center; font-size: 14px; letter-spacing: 0.5px;}
.verde .titu{ background: url("../imagenes/verde.png"); text-align: center;}
.color{ color: #fff;}
.texto-verde{color: #1a7055; font-weight: bold; font-size: 1.2em; margin-top: 70px;}
section .container, footer{text-align: center;}
.neg{	font-weight: bold;}
.noneg{	font-weight: normal;}
#menu{ font-size: 18px;}
#menu ul li{	list-style-type: none; text-align: center;}
#menu ul li a{	color: #000; padding: 20px 0; display: block;}
#menu .b-cont a{ color: #fff; background: #1a7055;}
h1{ font-family: 'Barlow Condensed', sans-serif; margin-top: 100px; font-size: 40px; color: #556b6c;}
h1 .subt{ display: block; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; margin-top: 5px;}
.container h2{ margin-top: 100px; color: #1a7055;}
p{ margin: 16px 0;}
.fondo-hojas h3, .fondo-viruta h3{font-family: 'Barlow Condensed', sans-serif;}
.fondo-hojas p{font-size: 1.2em; line-height: 2em; width: 80%; max-width: 800px; margin: 40px auto 0 auto;}
.tit-proceso{font-size: 26px; color: #779192;}
.numero, .tit{color: #1a7055;}
.numero{font-size: 32px; display: block; padding: 10px 0; width: 50px; border: 4px solid #c3d3d4; margin-top: 20px !important;}
.tit{font-size: 22px;}
.fondo-viruta .t-proceso{ background: url("../imagenes/fondo-negro.png");}
.t-proceso{border: 6px solid #fff; border-bottom: none; margin: 0 auto; max-width: 800px; padding: 70px 3% 70px 3%;}
.t-proceso h3{font-size: 30px; text-shadow: 0px 0px 10px #000; }
.proceso{border: 6px solid #1a7055; border-top: none; margin: 0 auto; padding: 70px 40px 70px 40px;}
.proceso p, .servicios p{margin: 10px auto 0 auto; max-width: 600px;}
.listado{text-align: left; display: inline-table; font-size: 1.2em; line-height: 2em;}
.listado li{margin-left: 20px;}
.fondo{background: #1a7055; color: #fff; font-family: 'Barlow Condensed', sans-serif; font-size: 26px; line-height: 36px; padding: 20px; margin-top: 100px;}
.gris{background: #556b6c; text-align: left;}
.gris img{width: 100%; height: auto; display: block;}
.gris .izdo h4{font-size: 46px; margin-bottom: 30px;}
.baterias, .chatarreria{margin-top: 100px;}
.recogida .izdo h4{font-size: 30px;}
.recogida .listado{margin-left: 0px; font-size: 1em; line-height: 1.6em;}
.c-taquito{position: relative; margin-top: 100px; height: 0px;}
.c-taquito .taquito{position: relative; top: -35px; margin-left: calc(50% - 210px);background: #1a7055; border: 4px solid #fff; 
	padding: 10px 20px; display: table; margin-bottom: 70px; width: 360px; text-align: center;}
.nota{padding: 5px 3% 10px 3%; width: 94%; max-width: 800px; background: #1a7055; margin: 0 auto; color: #eee;}
.chatarreria h2{font-weight: 400; font-size: 18px; margin-top: 0;}
.chatarreria h4{font-weight: 400; font-size: 40px; line-height: 60px;}
.fotos{margin-top: 100px;}
.fotos img{display: block; float: left; height: auto; margin: 0.3%}
.telefonos .tel a{display: inline-block;}
.telefonos .whatsapp{display: block; margin-top: 10px;}
.telefonos .whatsapp a{color: #5ca847;}
.telefonos .whatsapp img{display: block; margin: 15px auto;}
.telefonos .tel a{ color: #1a7055; font-size: 40px;}
footer{ margin-top: 100px; font-size: 0.9em;}
footer .logo{font-size: 40px;}
footer .boton a{ width: 120px; color: #fff; background: #1a7055; margin: 20px auto;}
address{ font-style: normal; display: inline;}	
.borra{ clear: both;}
.iconos{width: 120px; margin: 20px auto;}
.iconos a{float: left; padding: 7px;}
.iconos a img{width: 45px; height: auto;}
.suelta{width: 100%; max-width: 1000px; margin-top: 80px;}
#aviso{ font-size: 0.8em; background: #333; color: #fff; padding: 10px; text-align: center; letter-spacing: 0.4px;}
#aviso a{ color: #fff; display: inline-block; padding: 5px 0;}
.info{width: 90%; margin: 0 auto; max-width: 600px; background: url("../imagenes/blanco.png"); text-align: center; padding: 20px 0 40px 0;}
iframe{ border: none; width: 100%;}
.enviar{padding: 20px 0; display: block; margin: 0 auto;}
.enviar img{width: 300px;}
.texto-aviso{text-align: left !important; }
.texto-aviso h3{margin-top: 30px !important;}
.mapa{padding: 170px 0; background: url( "../imagenes/mapa.jpg") no-repeat left top; background-size: cover; }
.mapa a{margin: 0 auto; width: 280px; text-transform: uppercase; font-size: 0.8em; display: block; background: #1a7055; color: #fff;}
.mapa a:hover{opacity: 0.7;}
.vacaciones{color: #B50407; font-weight: bold; font-size: 22px; padding: 80px 0 0 0; width: 90%; max-width: 400px; margin: 0 auto;}

@media only screen 
and (max-width : 480px){
	.pantalla, .tablet{	display: none;}
	.container {	width: 100%; margin: 0 auto;}
	.todo {	margin: 0 20px;}
	#logo{ margin: 60px auto 20px auto; text-align: center;}
	.logo{ font-size: 40px;}
	#menu{ font-size: 20px;}
	#menu .b-cont a { color: #000; background: #fff;}
	#imagen .titu{background: #222; padding: 30px 0;}
	#imagen h2 { font-size: 20px; line-height: 30px;}
	#imagen .boton a { margin: 15px auto 0 auto;}
	h1 { font-size: 35px; line-height: 40px;}
	.chatarreria{background: #bad5d7; padding: 40px 0;}
	.chatarreria p{ margin: 20px 40px;}
	.con-acordeon p{margin-bottom: 0;}
	.chatarreria .izdo .faq-drawer p{ margin: 20px 0 20px 20px;}
	.chatarreria .izdo {border-bottom: 1px solid #fff; padding-bottom: 70px;}
	.chatarreria h4 { font-size: 26px; line-height: 40px;}
	.chatarreria .dcho h2{margin-top: 40px;}
	.c-taquito .taquito { position: relative; padding: 10px 2%; display: block; width: 96%; border: none; margin: 0 auto; font-size: 0.9em;}
	.fondo-hojas{background: url("../imagenes/fondo-hojas2.jpg") no-repeat center center; background-size: cover; 
		margin-top: 100px; padding: 60px 0 30px 0; text-align: center; color: #fff;}
	.proceso, .t-proceso{width: 94%; padding: 0 3% 50px 3%; border: none;}
	.proceso{padding-top: 60px;}
	.fondo-hojas h3{ font-size: 40px; line-height: 52px;}
	.fondo-hojas p { font-size: 1em; line-height: 1.7em; width: 90%;}
	.fondo-viruta h3{ font-size: 50px; opacity: 0.8;}
	.fondo-viruta{background: url("../imagenes/fondo-viruta2.jpg") no-repeat center center; background-size: cover; 
		margin-top: 100px; padding: 100px 0 0 0; text-align: center; color: #fff;}
	.gris .izdo{padding: 5%; width: 90%;}
	.gris .izdo h4 { font-size: 30px; margin-bottom: 30px; margin-top: 40px; text-align: center;}
	.gris .dcho{width: 90%; padding: 5%;}
	.fotos{margin: 100px 4% 0 4%;}
	.fotos img{ width: 100%; margin: 2% 0;}
	.listado { font-size: 1em; line-height: 1.8em;}
	.info { padding-bottom: 0;}
	.nota { padding: 5px 4% 10px 4%; width: 88%; margin: 0 auto;}
	.texto-verde { font-size: 1em; margin-top: 70px;}
	.fondo-foto{background: url("../imagenes/fondo-m.jpg") no-repeat center top; background-size: 100% auto; 
	margin: 100px 0 0 0; padding: 60% 0 0 0;}
	.telefonos .tel a { font-size: 40px; display: block; padding: 15px 0;}
	.info{background: none;}
	iframe{height: 400px;}
	.maquinaria img{width: 100%; margin: 2% 0;}
}

@media only screen 
and (min-width : 481px)
and (max-width : 800px) {
	.pantalla, .movil{	display: none;}
	.container {	width: 100%; margin: 0 auto;}
	.todo {	margin: 0 30px;}
	#logo{ 	width: 400px; margin: 60px auto 20px auto; text-align: center;}
	#menu{ width: 400px; margin: 0 auto; font-size: 17px;}
	#menu .b-cont a { color: #000; background: #fff;}
	#menu ul li{ float: left; }
	#menu ul .uno{width: 30%;}
	#menu ul .dos{width: 35%; }
	#menu .b-cont{width: 35%; }
	#imagen{position: relative; z-index: 1; }
	#imagen .titu{padding: 4%; width: 70%; z-index: 5; position: absolute; top: 30%; margin-left: 11%; left: auto; }
	#imagen h2 { font-size: 27px; line-height: 40px;}
	.chatarreria{background: #bad5d7; padding: 40px 0;}
	.chatarreria p{ margin: 20px 40px;}
	.con-acordeon p{margin-bottom: 0;}
	.chatarreria .izdo .faq-drawer p{ margin: 20px 0 20px 20px;}
	.chatarreria .izdo {border-bottom: 1px solid #fff; padding-bottom: 70px;}
	.chatarreria h4 { font-size: 26px; line-height: 40px;}
	.chatarreria .dcho h2{margin-top: 40px;}
	.fondo-hojas{background: url("../imagenes/fondo-hojas2.jpg") no-repeat center center; background-size: cover; 
		margin-top: 100px; padding: 100px 0 0 0; text-align: center; color: #fff;}
	.fondo-hojas p { font-size: 1.1em; line-height: 1.7em; width: 90%;}
	.proceso, .t-proceso{width: 80%; padding: 50px 5% 50px 5%;}
	.proceso{width: 88%;}
	.fondo-hojas h3{ font-size: 40px; line-height: 52px;}
	.fondo-viruta h3{ font-size: 60px; opacity: 0.8;}
	.fondo-viruta{background: url("../imagenes/fondo-viruta2.jpg") no-repeat center center; background-size: cover; 
		margin-top: 100px; padding: 100px 0 0 0; text-align: center; color: #fff;}
	.gris .izdo{padding: 5%; width: 90%;}
	.gris .izdo h4 { font-size: 30px; margin-bottom: 30px; margin-top: 40px; text-align: center;}
	.gris .dcho{width: 90%; padding: 5%;}
	.fotos{margin: 100px 4% 0 4%;}
	.fotos img{ width: 48%; margin: 1%;}
	.listado { font-size: 1em; line-height: 1.8em;}
	.nota { padding: 5px 4% 10px 4%; width: 88%; margin: 0 auto;}
	.texto-verde { font-size: 1em; margin-top: 70px;}
	.fondo-foto{background: url("../imagenes/fondo.jpg") no-repeat center center; background-size: cover; background-attachment: fixed;
	margin: 100px 0; padding: 100px 0;}
	.telefonos .tel a { font-size: 40px; display: block; padding: 15px 0;}
	iframe{height: 400px;}
}

@media only screen 
and (min-width : 801px)
and (max-width : 999px) {
	.movil, .tablet{
	display: none;}
	.container {
	width: 100%; margin: 0 auto;}
	.todo {
	margin: 0 40px;}
	#cabecera{width: 100%; position: absolute; z-index: 10; }
	#logo{ 	width: 250px; float: left; margin: 20px 0;}
	.logo { font-size: 38px;}
	#menu{ width: 400px; float: right; margin-top: 20px; font-size: 17px;}
	#menu .b-cont a{ padding: 10px 0; margin: 10px 0; font-size: 16px;}
	#menu ul li{ float: left; }
	#menu ul .uno{width: 25%;}
	#menu ul .dos{width: 33%; margin-right: 10px;}
	#menu .b-cont{width: 30%; padding-left: 9%; border-left: 1px solid #aaa;}
	#menu .b-cont a{}
	.izdo{width: 50%; float: left;}
	.dcho{width: 50%; float: right;}
	#imagen{position: relative; z-index: 1; }
	#imagen .titu{padding: 5% 5%; width: 560px; z-index: 5; position: absolute; top: 40%; margin-left: calc(45% - 280px); left: auto; }
	#imagen h2 { font-size: 40px; line-height: 52px;}
	.fondo-hojas{background: url("../imagenes/fondo-hojas.jpg") no-repeat center center; background-size: cover; 
		margin-top: 100px; padding: 100px 0 0 0; text-align: center; color: #fff;}
	.fondo-hojas h3{ font-size: 40px;}
	.fondo-viruta h3{ font-size: 80px; opacity: 0.8;}
	.fondo-viruta{background: url("../imagenes/fondo-viruta.jpg") no-repeat center center; background-size: 100% auto; 
		margin-top: 100px; padding: 100px 0 0 0; text-align: center; color: #fff;}
	.gris .izdo{padding: 5%; width: 40%;}
	.gris .izdo h4 { font-size: 36px; margin-bottom: 30px;}
	.gris .dcho{width: 40%; padding: 5%;}
	.proceso, .t-proceso{width: 80%; padding: 70px 5% 70px 5%;}
	.recogida .izdo h4{font-size: 24px; margin-top: 30px;}
	.recogida .dcho img{margin-top: 60px; }
	.chatarreria{background: #bad5d7; padding: 40px 0;}
	.chatarreria .izdo p, .chatarreria .dcho p{ margin: 20px 40px;}
	.con-acordeon .izdo p, .con-acordeon .dcho p{margin-bottom: 0;}
	.chatarreria .izdo .faq-drawer p{ margin: 20px 0 20px 20px;}
	.chatarreria .izdo {border-right: 1px solid #fff; width: 49%;}
	.chatarreria h4 { font-size: 30px; line-height: 50px;}
	.fotos{margin-left: 0.7%; }
	.fotos img{ width: 32.4%; }
	.maquinaria{margin: 100px 0;}	
	.maquinaria img{ width: 50%; height: auto; display:block; float: left;}
	.fondo-foto{background: url("../imagenes/fondo.jpg") no-repeat center center; background-size: cover; background-attachment: fixed;
	margin: 100px 0; padding: 100px 0;}
	.telefonos .tel a { font-size: 35px; margin: 0 15px;}
	iframe{height: 400px;}
}
	
@media only screen 
and (min-width : 1000px){ 
	.movil, .tablet{
	display: none;}
	.container {
	width: 1000px; margin: 0 auto;}
	#cabecera{width: 100%; position: absolute; z-index: 10; }
	.todo {
	margin: 0 30px;}
	#logo{
	width: 50%; float: left; margin: 20px 0;}
	#menu{
	width: 400px; float: right; margin-top: 33px; font-size: 17px;}
	#menu .b-cont a{ padding: 10px 0; margin: 10px 0; font-size: 16px;}
	#menu ul li{ float: left; }
	#menu ul .uno{width: 25%;}
	#menu ul .dos{width: 33%; margin-right: 10px;}
	#menu .b-cont{width: 30%; padding-left: 9%; border-left: 1px solid #aaa;}
	#menu .b-cont a{}
	.izdo{width: 50%; float: left;}
	.dcho{width: 50%; float: right;}
	#imagen{position: relative; z-index: 1; }
	#imagen .titu{padding: 5% 5%; width: 560px; z-index: 5; position: absolute; top: 40%; margin-left: calc(45% - 280px); left: auto; }
	#imagen h2 { font-size: 40px; line-height: 52px;}
	#imagen .foto-cab{}
	.fondo-hojas{background: url("../imagenes/fondo-hojas.jpg") no-repeat center center; background-size: cover; 
		margin-top: 100px; padding: 100px 0 0 0; text-align: center; color: #fff;}
	.fondo-hojas h3{ font-size: 46px;}
	.fondo-viruta h3{ font-size: 80px; opacity: 0.8;}
	.fondo-viruta{background: url("../imagenes/fondo-viruta.jpg") no-repeat center center; background-size: 100% auto; 
		margin-top: 100px; padding: 100px 0 0 0; text-align: center; color: #fff;}
	.gris .izdo{padding: 5% 5% 0 5%; width: 40%;}
	.gris .izdo h4 { font-size: 38px;}
	.proceso, .t-proceso{width: 800px; padding: 70px 40px 70px 40px;}
	.recogida .izdo h4{font-size: 24px;}
	.chatarreria{background: #bad5d7; padding: 40px 0;}
	.chatarreria .izdo p, .chatarreria .dcho p{ margin: 20px 40px;}
	.con-acordeon .izdo p, .con-acordeon .dcho p{margin-bottom: 0;}
	.chatarreria .izdo {border-right: 1px solid #fff; width: 49%;}
	.fotos{margin-left: 0.7%; }
	.fotos img{ width: 32.4%; }
	.maquinaria{margin: 100px 0;}	
	.maquinaria img{ width: 50%; height: auto; display:block; float: left;}
	.fondo-foto{background: url("../imagenes/fondo.jpg") no-repeat center center; background-size: cover; background-attachment: fixed;
	margin: 100px 0; padding: 100px 0;}
	.telefonos .tel a{ margin: 0 15px;}
	iframe{height: 400px;}
}
@media only screen 
and (min-width : 1500px){ 
.movil, .tablet{
	display: none;}
.container {
	width: 1400px; margin: 0 auto;}
.todo {
	margin: 0 50px;}
#cabecera .container{width: 90%;}
#menu{ font-size: 18px;}
#imagen h2 { font-size: 40px; line-height: 55px;}
#imagen .izdo{padding: 10% 10% 0 13%; width: 27%;}
#imagen iframe{height: 570px;}
.gris .izdo{padding: 10% 10% 0 10%; width: 30%;}
.recogida .izdo h4{font-size: 30px;}
.fondo{font-size: 30px; }
.fotos img{width: 16%; }
}
@media only screen 
and (min-width : 1400px)
and (max-width : 1600px) {
	.fotos img{ width: 32.4%; }}