/* CSS Document */
nav.nav-producto{margin-top: 7%; width:30%;}
nav.nav-producto li{width:100%; float:none; margin:2% 0; padding:1em 0; font-size:1.2em;}
nav.nav-producto li:last-child{float:none;}
h1{text-align:left; line-height:0.8em;}
.product-shot{padding:8% 1% 0 2%;}
.product-shot img{margin-right:3%;}
.txt-destacado{text-decoration:underline; font-weight:700}
#serum p{font-size:.9em; margin-bottom:3%; padding-right:3%; padding-top:2%;}
.destacado{background-color:#eaeaea; color:#000; text-align:right;width:45%; float:right; padding:2% 2% 2% 2%; margin-top: 2%; }
ol {
	padding-left:3%; font-size:.9em;
  	margin:0 0 1.5em;
  	padding:0;
  	counter-reset:item;
}
 
ol>li {
  margin:0;
  padding:0 0 0 2em;
  text-indent:-2em;
  list-style-type:none;
  counter-increment:item;
}
 
ol>li:before {
  display:inline-block;
  width:1.5em;
  padding-right:0.5em;
  font-weight:bold;
  text-align:right;
  content:counter(item) ".";
}
h2.destacado{background-color:#eaeaea; color:#000; text-align:center; font-size:1.5em; width:100%; padding:1% 0;}
.underline{text-decoration:underline;}
.items-funcionamiento}
optimizacion{display:block;cursor:pointer;}
#funcionamiento p{font-size:.9em; padding-right:3%; padding-top:2%;}
ul.lista-producto{padding-left:5%;}
ul.lista-producto li{ list-style:disc; width:70%;}
.desplegable{font-size:0.9em; background-color:none; padding-bottom:3%;}
dt.lista-desp{background-color:#eaeaea; color:#000; font-size:1.2em; width:100%; font-weight:100; padding: 1% 4%; display:inline-block; cursor:pointer; margin-bottom:1%; }
dt.lista-desp:last-child{margin-bottom:3%;}
.destacado-azul .destacado-big{font-size: 1.6em; color: #000; background:url(../img/px-trans.png) repeat; padding: 1% 10%; text-align: center; margin: 2% 0;}
.very-bold{font-weight:900; text-indent:3em;}
.tit-desp{float:left; width:90%;}
ul.lista-aplicacion{width:95%;}
.pasos-aplic{ background-color:#eaeaea; min-height:80px; font-size:0.9em; color:#000; margin-bottom:3%; vertical-align:middle; padding:3%;}
.numero-big{font-size:3em; font-weight:900; float:left; margin-right:2%; min-height: 80px;}
p.tres{padding-top:7px;}
p.alergias{font-size:0.9em; width:210%;}
.video-aplicacion{height:280px; width:89%;}
.presentacion{background-color:#eaeaea; color:#000; display:block; min-height:300px; padding:2%; margin-top: 2%;}
.presentacion h5{color:#000 !important;}
p.precios{margin-top: 3%; font-size: 1.5em; font-weight: 100;}
ul.lista-precios{margin-left: 45%; font-size: 1.5em; font-weight: 100;}
.video-spot{padding-bottom:5%; text-align:center; width:100%; height:auto;}
.video-spot iframe{height:570px;}
.fin{border-bottom:#000 double; display:block; min-height:5%; padding-top: 2%; width: 120%}
#presentaciones .presentacion img{float: right; margin-right: 37%;}
/*.miau {
    display: none;
    padding : 5px;
}*/
@media only screen and (min-width: 1200px) { 
	nav ul li{min-height:87px;}
	nav.nav-producto li{min-height: 60px; margin: 4% 0;}
 }
  @media only screen and (max-width: 1200px) and (min-width: 980px) { }

 @media only screen and (min-width: 768px) and (max-width: 979px) {
	  	 .product-shot img{width: 45%;}
		 .video-spot{width:95%;}
	 .video-spot iframe{height:420px !important;}
	 .pasos-aplic{font-size:0.8em; padding:2%; margin-bottom:1%; min-height: 78px;}
	 .video-aplicacion{height:245px;}
	 p.alergias{padding-top: 3%;}
	 
	  }
 @media only screen and (min-width: 481px) and (max-width: 767px) {
	 nav.nav-producto{width:100%; margin-top:0;}
	 nav.nav-producto li{padding: .3em 0; margin: 1% 0; min-height: 30px;}
	  #claim .product-shot {padding: 2% 6% 0 2% !important;}
 	 .product-shot h3.claim {text-align: left; margin: 0 0 0 38% !important; padding-top: 5%; }
	 .product-shot h1{font-size:2.7em;}
	 .product-shot h3{font-size:1.1em;}
	 h5{margin: 0; padding: 0 0 3% 0; font-size:1.8em;}
	 .list-proyectos{margin-top:1%; font-size: 1em;}
	 .tit-desp{width:95% !important;}
	 .lista-desp{font-size:1em !important;}
	 .cerrar{width:5% !important;}
	 .destacado-azul .destacado-big{font-size:1.2em;}
	 p.alergias{width:100%; padding-bottom:1%;}
	 ul.lista-aplicacion{width:100%;}
	 #presentaciones .presentacion img{ margin-right: 2%; margin-top: -30%;}
	.video-aplicacion{width:100%; height:270px;}
	.video-spot iframe{width:100%; height:272px;}
	p.precios{font-size: 1.2em;}
	ul.lista-precios{font-size:1.2em;}
	dt.lista-desp{font-size: 1em !important;}
	 .destacado-azul .destacado-big{font-size:1.4em;}

	  }
 @media only screen and (max-width: 480px) {
	nav.nav-producto{width:100%;} 
	nav.nav-producto li{ font-size:1em; padding: 0.5em 0; margin: 1% 0;}
	.product-shot img {width: 45%;}
	h1{font-size: 2.5em;}
	h3{font-size: 1.5em;}
	h3.claim{font-size: 1.5em; margin:2% 2% !important;}
	h5{font-size: 2em;}
	dt.lista-desp{ font-size:1em;}
	.tit-desp{width:80% !important; float:left; font-size: 0.8em;}
	.cerrar{width:5% !important; padding-top: 6px;}
	.destacado-azul .destacado-big{font-size:1.2em; padding:1% 6% !important;}
	#presentaciones h5{padding-bottom: 3% !important; font-size: 1.5em; font-weight: bold; padding-right: 13%;}
	p.precios{font-size: 1em !important; margin-top: 0 !important; padding-top:100px;}
	ul.lista-precios{font-size:1em;}
	p.alergias{width:95%; padding-bottom: 4%; }
	#presentaciones .presentacion img{float:right; margin-top:-204px; margin-right:2%;}
	.presentacion{margin-left:5px;}
	.video-aplicacion {width: 100%;}
	.video-spot{height: 280px;}
	.video-spot iframe{height:265px; width:100%;}
 }

	
 @media only screen and (min-width: 80px) and (max-width: 479px) {
	 nav.nav-producto{width:100%;}
	 nav.nav-producto li{padding:0.5em 0; font-size:1em; margin: 1% 0;}
	 .product-shot{padding:0 1% 0 2%;}
	 .product-shot h1{font-size:2em;}
	 .product-shot h3{font-size:1.2em;}
	 .product-shot h3.claim{margin-left:0;}
	 .product-shot img{margin-right:3%;}
	 h5{font-size:1.6em; font-weight:400;}
	 #serum p{font-size:0.8em; margin-bottom:1%;}
	 .destacado{margin:2% 0; text-align:left; padding:5% 5%;}
	 ol{font-size:0.8em; margin-bottom:3%;}
	 h2.destacado{font-size:0.9em; margin-top:0;}
	 dt.lista-desp{font-size:0.9em; min-height:46px;}
	 .cerrar{width: 4%; height: 100%; display: inline-block; margin-top: 0;}
	 .cerrar img{margin-top:10%;}
	 .tit-desp{letter-spacing:-0.06em; vertical-align:middle central;}
	 .destacado-azul .destacado-big{font-size: 1em;}
	 ul.lista-aplicacion{width:100%;}
	 ul.lista-producto li{width:100%;}
	 p.tres{padding-top:3px;}
	 p.alergias{font-size:0.8em; padding:0 1% 2% 0; width:100%; }
	 .first{padding-top:15px;}
	 .video-aplicacion{height:196px; width:100%;}
	 .presentacion{min-height:280px;}
	 p.precios{font-size: 1em; margin-top: -24% !important;}
	 ul.lista-precios{margin-left: 37%; font-size: 1em;}
	 #presentaciones .presentacion img {float: right; margin-top: -120px; margin-right: 2%; width:30%;}
	 .video-spot {height: 220px;}
	 .video-spot iframe{height: 197px;}
	 }