@font-face{
	font-family: Oxygen;
    src: url(../fonts/Oxygen-Light.woff2),
         url(../fonts/Oxygen-LightLight.woff),
	     url(../fonts/Oxygen-Regular.ttf);
    font-weight: 300; font-display: swap;}
@font-face{
	font-family: Oxygen;
    src: url(../fonts/Oxygen-Regular.woff2),
         url(../fonts/Oxygen-Regular.woff),
	     url(../fonts/Oxygen-Regular.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Oxygen;
    src: url(../fonts/Oxygen-Bold.woff2),
         url(../fonts/Oxygen-Bold.woff),
	     url(../fonts/Oxygen-Bold.ttf);
    font-weight: 700; font-display: swap;}
*{
	margin: 0; padding: 0;}
body{
	font-family: 'Oxygen', sans-serif;	font-size: 1.1em; line-height: 1.7em; padding-top: 30px;}
img a, a, a img{
	text-decoration: none;}
.link a{
	color: #fff;}
.neg{
	font-weight: bold;}
.noneg, .noneg strong{
	font-weight: normal;}
.logo{
	z-index: 5;}
p a{color: #000;}
.contacto a, .boton-ot a, .boton a{
	display: block; padding: 8px 0; background: #009136; color: #fff; letter-spacing: 0.5px;
	text-align: center; margin: 20px 0 0 0; font-size: 14px; border-radius: 5px;}
.contacto a:hover, .boton-ot a:hover, .boton a:hover{
	background: #cfe16d; color: #000;}
.subtit{
	z-index: 4; color: #009136; margin: -28px 0 0 72px; display: block; 
	font-size: 16px; font-weight: 300;}
#faldon .subtit{
	margin: -25px 0 0 46px; font-size: 11px;}
address{
	font-style: normal; margin: 20px 0 0 0;}	
.borra{
	clear: both;}
#contenido{
	margin: 10px 0 0 0;}
h1, #otro h2{
	font-size: 38px; font-weight: 300; color: #999;}
#otra h2{
	color: #009136; margin: 0 0 10px 0;}
.mas{
	font-size: 50px; color: #009136; margin: 0 0 30px 0;}
h2{
	font-size: 15px; font-weight: 300; color: #009136; margin: 10px 0 5px 0}
#otra h1{
	font-size: 15px;}
.titulo{
	font-size: 38px; font-weight: 300; border-top: 8px solid #82b81a;
	padding: 40px 0 0 0; margin: -50px 0 0 0; display: block;}
.duo h3, .mitad h2{
	font-size: 36px; line-height: 40px; font-weight: 300; color: #b1d749; margin: 0 0 10px 0;}
.trio h3{
	margin: 0 0 10px 0; font-size: 15px; color:  #009136;}
#otra h3{
	margin: 10px 0 0 0;}
#baja h3, .remarc{
	color: #82b81a;}
.stock h3{
	padding: 60px 0 20px 0; font-size: 24px; font-weight: 300; color: #009136;}
.stock img{
	width: 100%; height: auto;}
.frase{
	color: #82b81a; font-size: 30px; line-height: 38px; font-weight: 300; display: block;
	margin: 30px 0;}
.comilla-inf{
	width: 50px; float: right;}
p{
	margin: 15px 0 0 0; line-height: 28px; font-size: 17px;}
#logos{
	padding: 30px 60px; font-size: 0.7em; line-height: 15px; text-align: center;
	border: 1px solid #009136; border-bottom: 8px solid #82b81a;}
#logos img{
	margin: 10px auto 0 auto; display: block; width: auto !important; height: auto; }
#logos .verde{
	font-size: 0.8em; line-height: 14px; display: block; margin: 5px 0 0 0;}
.verde{
	color: #009136;}
.duoiz .verde{
	margin: 50px 0 0 0; padding: 5px 0 20px 60px;
	background: url(../imagenes/calidad-embalaje-gipuzkoa.jpg) no-repeat left 20px;
	border-top: 1px solid #009136; border-bottom: 1px solid #009136;}
.duo{
	margin: 50px 0 0 0; padding: 30px; background: #006e29; color: #fff; font-weight: 300;}
.margen-inf{
	margin-bottom: 30px;}
#gris{
	background: #dedede; margin: 60px 0 0 0;}
#gris .duoder{
	color:  #390; font-weight: 300; background: url(../imagenes/blanco.png);
	padding: 5px 0 10px 0; display: block; text-align: center;}
.mitad, #cajas{
	margin: 50px 0 0 0; padding: 50px 0 0 0; border-top: 1px solid #006e29;}
.mitad .mitadiz ul, .ding{
	margin: 10px 0 0 40px;}
.mitadiz img, .cuadro img, .sup{
	margin: 20px 0 0 0;}
#cajas{
	text-align: center; padding: 6% 10%;}
.caja{
	width: 41%; float: left; border: 1px solid #6C0; padding: 2%; margin: 0 0 4% 4%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.3);}
.caja a img{
	width: auto; height: 200px; display: block; margin: 0 auto;
	z-index: 7; position: relative;}
.caja a:hover img{
	opacity: 0.6; 
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
#cajas a h2{
	font-size: 25px; color: #82b81a; display: block;}
#cajas a:hover h2{
	font-size: 30px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.txi{
	font-size: 16px; display: block;}
.txi2{
	font-size: 25px;}
.botonmas{
	display: none;}
.caja a:hover .botonmas{
	display: block; width: 50px; height: 42px; padding: 8px 0 0 0; 
	margin: -100px auto 60px auto; border-radius: 25px; background: #009136; color: #fff;
	text-align: center; font-size: 40px; z-index: 8; position: relative;}
.superponer{
	width: 50%; margin: -65px 0 0 50%; z-index: 3; position: relative;}
.taco, .taco2{
	color: #009136; background: url(../imagenes/blanco.png); padding: 10px;
	text-align: center; font-size: 0.8em; display: block; margin: 5px 0 0 0;
	border: 1px solid #009136; border-bottom: 8px solid #82b81a;}
.mitadder img{
	z-index: 4;}
#listado{
	background: url(../imagenes/fondo-caja-lista.jpg) no-repeat top right;}
#listado a{
	display: block; width: 50%; padding: 8px 0; background: #009136; color: #fff; 
	text-align: center; margin: 5px 0 0 0; border-radius: 5px;}
#listado a:hover{
	background: #cfe16d; color: #000;}
.piefoto{
	font-size: 0.8em; line-height: 20px; margin: 0 0 40px 0;
	background: url(../imagenes/triangulo.jpg) no-repeat left 3px; padding: 0 0 0 40px;}
#nota{
	font-size: 14px; margin: 30px 0 0 0;}
#nota a{
	color: #000; display: inline-block; padding: 5px 0; font-size: 14px;}
#nota a:hover{
	color: #009136; }
#faldon{
	margin-top: 20px; border-top: 6px solid #eee; padding: 40px 0 40px 0; font-size: 0.9em;}
#con-certificados #faldon{
	margin-top: 0;}
#subfaldon{
	background: #009136; font-size: 0.7em; padding: 5px 0;}
#subfaldon a{
	color: #000; padding: 5px 0; display: inline-block;}
.super{
	font-size: 0.8em;}
.telef, .tel a, .telef a{
	color: #009136; font-size: 27px; font-weight: 300;}
.telef{
	clear: both; display: block; text-align: right; margin: 0 0 10px 0; padding-top: 10px;}
.tel a{
	padding: 5px;}
.email a{
	color: #009136; padding: 5px 0;}
#horario{
	border: 1px solid #009136; padding: 10px; margin: 20px 0; text-align: center;}
.horario{
	color: #009136; display: block;}
.dias{
	font-weight: 700;}
#horario p{
	margin: 5px 0 0 0;}
#redes{
	font-size: 11px; color: #82b81a;}
.red{
	padding: 5px 10px; display: block; text-align: center;}
#redes a{
	display: block; width: 45px; height: 45px;
	text-indent: -9999px; margin: 0 4px 20px 4px; float: left;}
#redes .insta{
	background:url("../imagenes/instagram.svg") no-repeat;}
#redes .face{
	background:url("../imagenes/facebook.svg") no-repeat;}
#redes .you{
	background:url("../imagenes/youtube.svg") no-repeat;}
#redes .insta:hover{
	background:url("../imagenes/instagram2.svg") no-repeat;}
#redes .face:hover{
	background:url("../imagenes/facebook2.svg") no-repeat;}
#redes .you:hover{
	background:url("../imagenes/youtube2.svg") no-repeat;}
#faldon .contacto a{
	margin: 0;}
#mapa{
	margin: 40px 0 0 0;}
iframe{
	border: none;}
.d-verde1, .d-verde2{
	color: #009136; text-align: right; display: block;}
.d-verde1{
	font-size: 1.5em; margin-top: 20px !important; }
.faldon-logos{
	text-align: right; margin-top: 50px;}
.faldon-logos img{
	display: inline-block; margin-left: 15px;}
.mtop30{margin-top: 60px;}
.mapa{margin-top: 80px;}
.mapa .boton{float: none; width: 250px; margin: 0 auto;}
.mapa .boton a{display:  block; width: 250px; font-size: 15px; padding: 10px; 
opacity: 0.8; text-align: center; }
.mapa .boton a:hover{opacity: 1;}
@media only screen 
and (max-width : 480px){	
p, ul{
	font-size: 15px; line-height: 1.9em;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 20px;}
#membrete{
	text-align: center;}
#membrete img{
	width: 80%; height: auto; }
#grande{
	display: none;}
.subtit{
	font-size: 0.8em; line-height: 1em; margin: -20px 0 0 16%;}
#faldon .subtit{
	line-height: 1em; margin: -18px 0 0 46px;}
#cabecera .contacto, .guion{
	display: none;}
#imagen img, .foto-trata img{
	width: 100%; height: auto;}
h1, #otro h2{
	font-size: 27px;}
.mas{
	font-size: 30px; margin: 0 0 20px 0;}
h2{
	font-size: 15px; line-height: 20px; margin: 5px 0 5px 0}
#otra h1{
	font-size: 15px;}
#logo{
	width: 230px; margin: 0 auto;}
.centrar{
	margin: 70px 0 0 0;}
.mitad{
	padding: 30px 0 0 0;}
.mitadder img, .mitadiz img, .cuadro img{
	width: 100%; height: auto; margin: 20px 0 0 0;}
.piefoto{
	margin: 10px 0 0 0;}
.superponer{
	width: 80%; margin: -55px 0 0 10%; font-size: 0.8em; line-height: 18px;}
.trio h3{
	line-height: 24px;}
#baja h3{
	width: 150px;}
.comilla-sup{
	margin-top: 40px;}
.frase{
	font-size: 22px; line-height: 30px; margin: 15px 0;}
.caja{
	float: none; width: 100%; margin: 4% 0;}
.caja a img{
	width: 50%; height: auto; margin: 15px auto 0 auto;}
#left{
	width: 255px; margin: 0 auto;}
address{
	text-align: center;}
#right{
	width: 170px; margin: 60px auto 0 auto;}
#right .telef{
	text-align: center;}
#nota{
	line-height: 20px; font-size: 13px  !important; margin: 60px 0 0 0;}
#nota a{
	font-size: 13px !important;}
#subfaldon{
	text-align: center;}
#logos{
	margin: 20px 0 0 0;}
#logoder{
	margin: 30px 0 0 0;}
.todo #gris {
	background:#dedede url(../imagenes/fondo-plano.png) no-repeat top center;
	background-size: 80% auto; padding: 70% 0 30px 0;}
.todo #gris .duoiz{
	padding: 0 20px;}
#gris .duoder{
	margin:20px 0 0 0; background: none; font-size: 20px;}
.duo h3, .mitad h2, .titulo{
	font-size: 27px; line-height: 36px;}
.duoder{
	margin: 20px 0 0 0;}
.duoder img{
	width: 100%; height: auto; max-width: 280px;}
.duoder .comilla-inf, .duoder .comilla-sup{
	width: 50px;}
.taco2{
	font-size: 0.7em; line-height: 18px; margin: 20px 0 0 0;
	background: url(../imagenes/reciclaje.jpg) no-repeat center 5px;
	padding: 60px 10px 10px 10px;}
.trio{
	margin: 80px 0 0 0;}
.izda img, .centro img, .dcha img{
	width: 100%; height: auto;}
.izda, .centro, .dcha{
	margin: 0 0 10px 0;}
.cuadro{
	margin: 50px 0 0 0; padding: 20px; background: #efefef;}
.cuartoder{
	margin: 20px 0 0 0;}
.gau{
	width: 450px; float: left;}
.droi{
	width: 450px; float: right;}
.boton-ot a{
	margin: 20px 0 20px 50%; font-size: 0.7em;}
#cajas a h2{
	font-size: 18px; margin: 10px 0 0 0;}
#cajas a:hover h2{
	font-size: 22px;}
.txi{
	font-size: 14px;}
#listado{
	background: none;}
#listado a{
	width: 100%;}
#contactar{
	text-align: center;}
.contactar{
	border-bottom: 1px solid #cfe16d; padding: 0 0 5px 0; margin: 0 20px;}
#baja{
	background: url(../imagenes/fondo-caja-lista2.jpg) no-repeat right 5%;
	background-size: 50% auto; padding: 30px 0 0 0;}
#baja h3{
	margin: 40px 0 20px 0;}
#mapa{
	margin: 40px 0 0 0;}
#mapagoogle{
	display: none;}
#mapafoto img{
	width: 100%; height: auto;}
#mapafoto a{
	display: block; padding: 5px 20px; color: #82b81a; font-size: 0.7em;}
#horario{
	margin: 20px 0;}
.d-verde1{
	font-size: 1.1em;}
.faldon-logos{
	text-align: center; }
.faldon-logos img{
	display: inline-block; }
#fit{
	margin-bottom: 30px;}
.block{
	display: block;}
.mapa .boton a{opacity: 1;}}	
@media only screen 
and (min-width : 481px)
and (max-width : 700px) {
p, ul{
	font-size: 16px; line-height: 1.8em;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 20px;}
.contacto{
	width: 160px; float: right; margin: 10px 0 0 0;}
#imagen img{
	width: 100%; height: auto;}
#logo{
	width: 230px; margin: 0 auto;}
#txiki{
	display: none;}
.centrar{
	margin: 40px 0 0 0; width: 300px;}
#cabecera .contacto{
	display: none;}
h1, #otro h2{
	font-size: 30px;}
.mas{
	font-size: 30px; margin: 0 0 20px 0;}
.duo .duoder{
	width: 280px; margin: 20px auto 0 auto;}
.comilla-sup{
	margin-top: 50px; }
.frase{
	font-size: 24px; line-height: 31px; margin: 20px 0;}
#cajas{
	padding: 6% 0;}
.caja{
	margin: 0 2% 4% 2%; height: 230px;}
.caja a img {
    width: 150px; height: auto;}
#cajas a h2{
	font-size: 22px; margin: 10px 0 0 0;}
#cajas a:hover h2{
	font-size: 24px;}
.duo h3, .mitad h2, .titulo{
	font-size: 30px;}
.plegable{
	margin: 40px auto 0 auto !important;}
.txi{
	font-size: 14px;}
#left{
	width: 255px; float: left;}
#right{
	width: 160px; float: right; margin: 30px 0 0 0;}
#logos{
	margin: 40px 0 0 0;}
#logoder{
	margin: 30px 0 0 0;}
.todo #gris {
	background:#dedede url(../imagenes/fondo-plano.png) no-repeat top center;
	padding: 260px 0 20px 0;}
.todo #gris .duoiz{
	padding: 0 30px;}
#gris .duoder{
	margin:20px 0 0 0; background: none; font-size: 20px; }
.izda img, .centro img, .dcha img, .cuadro img, .mitadder img{
	width: 100%; height: auto;}
.centrada{
	width: 400px; margin: 20px auto 0 auto;}
.piefoto{
	margin: 10px 0 0 0;}
.mitadder{
	width: 60%; margin: 30px 0 0 20%;}
.superponer{
	width: 100%;
	margin: -50px 0 0 0;}
.taco2{
	font-size: 0.7em; line-height: 18px; margin: 20px 0 0 0;
	background: url(../imagenes/reciclaje.jpg) no-repeat 5px center;
	padding: 20px 10px 20px 60px;}
.trio{
	margin: 80px 0 0 0;}
.trio h3{
	line-height: 20px;}
.izda{
	width: 300px; margin: 0 auto 15px auto;}
.centro{
	width: 300px; margin: 0 auto 15px auto;}
.dcha{
	width: 300px; margin: 0 auto 15px auto;}
.cuadro{
	margin: 50px 0 0 0; padding: 20px; background: #efefef;}
.cuartoder{
	margin: 20px 0 0 0;}
#nota{
	line-height: 22px;}
.gau{
	width: 450px; float: left;}
.droi{
	width: 450px; float: right;}
.boton-ot a{
	margin: 20px 0 20px 50%;}
#listado{
	background: none;}
#listado a{
	width: 100%;}
#baja{
	background: url(../imagenes/fondo-caja-lista2.jpg) no-repeat right 5%;
	background-size: 40% auto; padding: 50px 0 0 0;}
#baja h3{
	margin: 40px 0 20px 0;}
#contactar{
	text-align: center;}
.contactar{
	border-bottom: 1px solid #cfe16d; padding: 0 0 5px 0; margin: 0 50px;}
#mapa{
	margin: 40px 0 0 0;}
#mapafoto{
	display: none;}
#mapa iframe{
	width: 100%;}
#horario{
	margin: 40px 20px 20px 20px;}
.horario{
	font-size: 14px;}
#fit{
	margin-bottom: 40px;}
.mapa{ background: url("../imagenes/mapa-empresa-embalajes-t.jpg") no-repeat left center; padding: 200px 0 100px 0;
	background-size: cover;}}
@media only screen 
and (min-width : 701px)
and (max-width : 999px) {
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 20px;}
#membrete{
	width: 400px; float: left;}
.contacto{
	width: 160px; float: right;}
#imagen img{
	width: 100%; height: auto;}
#logo{
	width: 230px; margin: 0 auto;}
#txiki{
	display: none;}
.centrar{
	margin: 80px 0 0 0; width: 300px;}
h1, #otro h2{
	line-height: 33px;}
.mas{
	font-size: 35px; margin: 0 0 20px 0;}
.izda img, .centro img, .dcha img, .cuadro img, .mitadder img, .mitadiz img{
	width: 100%; height: auto;}
.industrial{
	width: 180px;}
.piefoto{
	margin: 10px 0 30px 0;}
.duoiz{
	width: 50%; float: left;}
.duoder{
	width: 43%; float: right;}
.duo .duoder{
	width: 280px;}
.comilla-sup{
	margin-top: 100px; }
.frase{
	font-size: 27px;}
#cajas{
	padding: 6% 0;}
.caja{
	margin: 0 2% 4% 2%; height: 270px;}
.caja .plegable {
    width: 100%;}
#cajas a h2{
	font-size: 22px; margin: 10px 0 0 0;}
#cajas a:hover h2{
	font-size: 24px;}
.taco2{
	margin: 20px 0 0 0; padding: 60px 10px 10px 10px;
	background: url(../imagenes/reciclaje.jpg) no-repeat center 5px;}
#left{
	width: 400px; float: left;}
#right{
	width: 160px; float: right; margin: 30px 0 0 0;}
#logos{
	margin: 90px 30px 0 0; padding: 35px 50px;}
#logoder{
	margin: 30px 0 0 0;}
.todo #gris{
	background:#dedede url(../imagenes/fondo-plano.png) no-repeat top right;
	padding: 50px 0;}
.todo #gris .duoiz{
	padding: 0 0 0 30px;}
#gris .duoder{
	margin:130px 0 0 0; font-size: 20px;}
.mitadiz{
	width: 50%; float: left;}
.mitadder{
	width: 45%; float: right;}
.mitadder img{
	margin: 70px 0 0 0;}
.superponer{
	width: 90%; margin: -50px 0 0 10px;}
.trio{
	margin: 80px 0 0 0;}
.trio img{
	margin-bottom: 7%;}
.izda{
	width: 31%; float: left;}
.centro{
	width: 31%; float: left; margin: 0 3%;}
.dcha{
	width: 31%; float: left;}
.cuadro{
	margin: 50px 0 0 0; padding: 20px; background: #efefef;}
.cuartoiz{
	width: 36%; float: left;}
.cuartoder{
	width: 60%; float: right;}
#embalado{
	margin: 90px 0 0 0;}
.gau{
	width: 40%; float: left;}
.droi{
	width: 40%; float: right;}
.boton-ot a{
	margin: 40px 0 20px 200px;}
#listado{
    background: url("../imagenes/fondo-caja-lista.jpg") no-repeat right center;
	background-size: 50% auto;}
#listado a{
	width: 50%;}
#mapa{
	margin: 40px 0 0 20px;}
#mapafoto{
	display: none;}
#mapa iframe{
	width: 100%;}
#horario{
	margin: 20px 0;}
.horario{
	font-size: 14px;}
.mapa{ background: url("../imagenes/mapa-empresa-embalajes.jpg") no-repeat left center; padding: 200px 0 100px 0;
	background-size: cover;}}
@media only screen 
and (min-width : 1000px){	
body{
	background: url(../imagenes/banda-verde.jpg) repeat-x left 213px;}
.container {
	width: 1000px; margin: 0 auto;}
.todo {
	margin: 0 20px;}
#membrete{
	width: 400px; float: left; }
.contacto{
	width: 160px; float: right;}
#logo{
	width: 230px; margin: 0 auto; }
#txiki{
	display: none;}
.centrar{
	margin: 100px 0 0 0; width: 400px;}
h1{
	line-height: 46px;}
.duoiz{
	width: 500px; float: left;}
.duoder{
	width: 310px; float: right;}
.duo .duoder{
	width: 280px;}
.comilla-sup{
	margin-top: 100px;}
.taco2{
	margin: 20px 0 0 0; padding: 20px 10px 20px 60px;
	background: url(../imagenes/reciclaje.jpg) no-repeat 10px center;}
#left{
	width: 500px; float: left;}
#right{
	width: 160px; float: right;}
#logos{
	margin: 90px 30px 0 0;}
#logoder{
	margin: 30px 0 0 0;}
.todo #gris{
	background: #dedede url(../imagenes/fondo-plano.png) no-repeat top right;
	padding: 50px 0;}
.todo #gris .duoiz{
	padding: 0 0 0 30px;}
#gris .duoder{
	margin:110px 0 0 0; font-size: 24px;}
.mitadiz{
	width: 400px; float: left;}
.mitadder{
	width: 500px; float: right;}
.trio{
	margin: 80px 0 0 0;}
.trio img{
	margin-bottom: 25px;}
.izda{
	width: 300px; float: left;}
.centro{
	width: 300px; float: left; margin: 0 30px;}
.dcha{
	width: 300px; float: right;}
.piefoto{
	margin: 10px 0 30px 0;}
.cuadro{
	margin: 50px 0 0 0; padding: 20px; background: #efefef;}
.cuartoiz{
	width: 300px; float: left;}
.cuartoder{
	width: 600px; float: right;}
.gau{
	width: 450px; float: left;}
.droi{
	width: 450px; float: right;}
.boton-ot a{
	margin: 40px 0 20px 200px;}
#mapa{
	margin: 40px 0 0 20px;}
#mapafoto{
	display: none;}
#horario{
	margin: 20px 80px;}
.mapa{ background: url("../imagenes/mapa-empresa-embalajes.jpg") no-repeat left center; padding: 250px 0 150px 0;
	background-size: cover;}
}
@media only screen 
and (min-width : 1400px){	
body{
	background: url(../imagenes/banda-verde.jpg) repeat-x left 220px; font-size: 1.2em; line-height: 1.7em;
	background-size: auto 465px;}
	.container {
	width: 1300px; margin: 0 auto;}
	.todo {
	margin: 0 40px;}
	.banner, .banner ul, .banner ul li{ height: 560px !important;}
	.banner ul li{background-size: 100% auto !important;}
	#imagen img{width: 100%; height: auto;}
	p{ margin: 20px 0 0 0; line-height: 34px; font-size: 19px;	}
	h1, #otro h2 { font-size: 45px;}
	h2 { font-size: 18px; margin: 10px 0 5px 0;}
	.duoiz, .mitadiz { width: 600px; }
	.duo {padding: 60px;}
	.duo .duoder { width: 370px;}
	.duo .duoder img{width: 100%; height: auto;}
	.titulo {  padding: 60px 0 0 0;}
	.todo #gris .duoiz {padding: 0 0 0 50px; }
  	.frase { font-size: 35px; line-height: 50px; margin: 40px 0;}
	.cuadro { margin: 70px 0 0 0;  padding: 60px;}
	.izda, .centro, .dcha{ width: 385px;}
	.trio img{width: 100%; height: auto;}
	.cuartoiz { width: 400px;}
	.mitad, #cajas {
    margin: 100px 0 0 0; padding: 100px 0 0 0;}
	iframe{width: 100%;}}