/* utilidades */


* {margin:0; padding:0}
img,fieldset, abbr {border:none}
ul,li {list-style:none}

a {text-decoration: none}
a:hover {text-decoration: underline}

.ftl {float:left}
.ftr {float:right}
.clear:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
.hacked {overflow:hidden}

.hidden {display:none;}



.capaMovil {position : absolute; right: 20%; bottom: -70%}

.capaMovil2 {position : absolute; right: 20%; bottom: -25%; }
.movil2 {margin-bottom: 140px}



html { font-size:100%}
body { font-size:62.5%; font-family: Arial, Helvetica, sans-serif; color:#666; text-align:center; background-color: #fff; padding-bottom: 20px}
	
legend, hr { display:none;}

.both {clear:both;}
	


/** Generated @ www.fontreactor.com **/
@font-face {
	font-family: 'ArialRoundedMTBold';
    src: url('../fuentes/original_Arial_Rounded_MT_Bold.eot?#iefix') format('embedded-opentype'), 
         url('../fuentes/original_Arial_Rounded_MT_Bold.woff') format('woff'),
         url('../fuentes/original_Arial_Rounded_MT_Bold.ttf') format('truetype'),
         url('../fuentes/original_Arial_Rounded_MT_Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {font-family: "Arial Rounded MT Std Light";
  src: url("../fuentes/031795c120315d27375070388a523351.eot"); /* IE9*/
 src: url("../fuentes/031795c120315d27375070388a523351.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fuentes/031795c120315d27375070388a523351.woff2") format("woff2"), /* chrome、firefox */
  url("../fuentes/031795c120315d27375070388a523351.woff") format("woff"), /* chrome、firefox */
  url("../fuentes/031795c120315d27375070388a523351.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fuentes/031795c120315d27375070388a523351.svg#Arial Rounded MT Std Light") format("svg"); /* iOS 4.1- */
}


	.wrapper0 {clear: both; font-size:100%; width:1200px; margin: 0 auto 0 auto; text-align:left; background-color: #f1f1f1 }
	.wrapper1 {clear: both; font-size:100%; width: 1200px; margin: 5em auto 0 auto; text-align:left; }
	.wrapper2 {clear: both; width: 100%; margin-top: 0px; background-color: #f1f1f1;  }
	.wrapper3 {clear: both; font-size:100%; width:1200px; margin: 2em auto 0 auto; }		
		
		
	.contenido0 { width: 1200px; text-align: center; background-color: #f1f1f1  }	
	.contenido1 { width: 1200px; text-align: center; margin-bottom: 0px; padding: 0px 15px 0px 15px; background-color: #fff  }
 	.contenido2 { width: 1200px; margin: 0 auto 0 auto;  text-align: center; margin-bottom: 0px; padding: 20px 15px 20px 15px; background-color: #f1f1f1 }		
	.contenido3 { width: 1200px; margin: 0 auto 0 auto;  text-align: left; margin-bottom: 0px; padding: 20px 15px 20px 15px; background-color: #f1f1f1 }	
	.contenido4 { width: 1200px; padding: 20px 15px 20px 15px;  }	
	
		
	#social {height: 26px; margin-bottom: 20px; padding: 6px 0; background-color: #000; padding-right: 3%  }
	#social ul  {float: right;  }
	#social ul li {float: right; margin-right: 12px; }
	#social img {padding-top: 3px;}

	
	header { display: block; margin-bottom: 20px; background-color: #fff }
	header #brand {margin: 26px 0 20px 0}
	header #brand.interior img {margin-bottom: 20px}
	
	header #imgCab {position: relative; height: 474px; background: #cba372 url("../img/huevo-liquido-ovonovo-3.jpg") 0 0 no-repeat; text-align: center  }
	
	
	nav {margin-bottom: 15px;}
	nav li {display: inline; margin: 0 40px 0 0}
	nav li.selected a { color: #333; font-weight: bold;  } 
	nav a  { font-size: 13px; color: #999; font-weight: bold}
	nav a:hover {color: #1fc1c3; text-decoration: none}

	
	/* Encabezados */
			
	p.home {padding: 50px 0 10px 0; font-size: 85px; color: #1fc1c3;   font-weight: 700; letter-spacing: 1px; }	
	
	h1 {padding: 0 0 50px 0; font-family: Arial Rounded MT Std Light, arial, Helvetica; font-size: 26px; font-weight:normal; color: #333; }
	
	h2 {font-size: 16px; font-weight: normal;  padding: 0 10px 20px 10px; color: #333; text-align: center; line-height: 26px} 
	
	h6 {font-size: 56px !important; font-weight: 700; padding: 30px 0 15px 0; color: #9d878b; text-align: center; line-height: 54px; letter-spacing: 0;} 
	
		
	h4 {font-size: 26px; margin-bottom: 20px; color: #61af27; font-weight: 700; }
	h5{margin-bottom: 15px; color: #000; font-size: 22px; font-weight: 100;  }
	
	
	
	/* colores */
	
	h4.as {color: #1fc1c3}
	
	
	.contenido0 .txt0 {width: 80%; margin: 0 auto 0 auto; padding: 6em 0 6em 0; line-height: 26px  }
	.contenido0 .txt0 p {font-size: 14px; margin-bottom: 20px}
		
	.contenido1 .margen {margin-top: 300px; }
	.contenido1 .txt1 {padding: 36px 5px 0px 50px}
    .contenido1 .txt1 p {text-align: center; font-size: 16px; font-weight: normal; line-height: 25px; margin-bottom: 54px}
	.contenido1 .txt1 img {margin-bottom: 60px;  }	
	
	
	/* 3 fotos*/ 
	
	.contenido2 ul {text-align: center}
	.contenido2 ul li {display: inline; margin-right: 15px; }
	.contenido2 ul.file  { margin-top: 15px }


	
	/* 2 fotos y Texto */ 
	
	.contenido3 img {float: left;  margin-left: 2%}
	
	.contenido3 ul {text-align: center}
	.contenido3 ul li {display: inline; margin-right: 15px}	
	
		
	.contenido3 .txt3 {float: left; width: 280px; padding: 36px 50px 0px 50px}
	.contenido3 .txt3 p {font-size: 17px; color: #000; line-height: 25px; margin-bottom: 20px}

	.contenido3 .txt4 {float: left; width: 330px; padding: 36px 50px 0px 50px}
	.contenido3 .txt4 p {font-size: 17px; color: #000; line-height: 25px; margin-bottom: 20px}

		
		
	.centrar {float: left; width: 50% !important}
	
	.contenido4 .txt5 h4 {color: #1fc1c3  }
	.contenido4 .txt5 {float: right; width: 330px; text-align: right; padding: 72px 50px 0px 50px; }
	.contenido4 .txt5 p {font-size: 17px; color: #000; line-height: 25px; margin-bottom: 20px; text-align: right}
	.contenido4 img {float: left; margin-bottom: 70px}
	
		
	.bancoespana {display: none}
	
		
	div.btn {width: 100%; }
	div.btn a {width: 228px; margin: 0 auto 0 auto; padding: 18px 0 18px 0; display: block; background-color: #1fc1c3; font-size: 16px; color: #fff; font-weight: bold; text-align: center}
	
	div.btn2 {width: 100%; margin-top: 40px;}
	div.btn2 a {width: 228px;  padding: 18px 0 18px 0; display: block;  background-color: #1fc1c3; font-size: 16px; color: #fff; font-weight: bold; text-align: center}
	
	
	
	/* Formulario */
	
	
	form .text {float: left; width: 40%; height: 40px; border: 1px solid #9d878b; margin: 0 6% 25px 0; color: #666; font-size: 16px; padding-left: 20px}
	
	form .coment {clear: both; float: left; width: 100%; margin-top: 20px; font-size: 16px; color: #666; }
	form  textarea {width: 100%; height: 180px; border: 1px solid #9d878b; margin-top: 8px; padding: 20px; color: #666; font-size: 16px; font-family: arial;}
	

	/* Inicializamos para Btn para Ipad/Iphone */
	form .btnEnviar {webkit-appearance: none; -webkit-border-radius: 0 }

	form .btnEnviar {margin-bottom: 120px; background-color: #1fc1c3; border: none; font-size: 15px; color: #fff; margin-top: 25px; padding: 15px 35px 15px 35px; font-weight: bold;  cursor: pointer; }
	
	
	footer {margin: 0 0 80px 0; padding: 10px 0 80px 0; background-color: #f1f1f1}
	.contenidoFooter {text-align: center; width: 1200px; height: 680px;}
	
	footer h3  {padding-bottom: 30px}
	
	footer ul {float: left;  width: 20%; display: inline; margin: 30px 25px 30px 25px; text-align: left; }
	footer ul span {display: block; width: 120px; margin-top: 12px; font-size: 12px; color: #999  }
	
	footer ul li {float: left; width: 250px; margin-bottom: 10px; line-height: 18px; color: #666; font-size: 13px !important }
	
	footer ul li.tit { font-weight: bold; color: #333;  padding-bottom: 0px; }
	footer ul p.tit {color: #ac8088; font-weight: bold; padding-bottom: 2px; }
	

	footer ul li a {color: #d8687d;}
	
	
.img-contenedor img {
-webkit-transition:all 4s ease; /* Safari y Chrome */
-moz-transition:all 4s ease; /* Firefox */
-o-transition:all 4s ease; /* IE 9 */
-ms-transition:all 4s ease; /* Opera */
width:100%;
}
.img-contenedor:hover img {
-webkit-transform:scale(1.17);
-moz-transform:scale(1.17);
-ms-transform:scale(1.17);
-o-transform:scale(1.17);
transform:scale(1.17);
}
.img-contenedor {/*Ancho y altura son modificables al requerimiento de cada uno*/

position: relative;
width:925px;
height:526px;
overflow:hidden;

}




@media (min-width: 490px) and (max-width: 768px) {  


}


	
/* Versión movil */
	
	@media screen and (max-width: 480px) { 
	
	section, article {padding: 0; margin: 0}
	
	#social {display: none }
	.ocultar {display: none }
	

	.wrapper0 {width: 100% ; margin: 0.2em auto 0.2em auto;  }
	.contenido0 { float: left; width: 88%; display: block; height: 100%; padding: 0 3% 3% 3%; margin: 1% 3% 15% 3% }
	
	.wrapper1 {width: 100%; margin: 0.2em auto 0.2em auto;  }
	.wrapper2 {width: 100%; margin: 0.2em auto 0.2em auto;  }
	.wrapper3 {width: 100%; margin: 0.2em auto 0 auto; }
	
	.movil {background-color: #fff}
	
	
	.contenido1 { float: left; width: 88%; display: block; height: 100%; padding: 0 3% 3% 3%; margin: 1% 3% 15% 3% }
	.contenido2 { float: left; width: 88%; display: block; height: 100%; padding: 5% 3% 3% 3%; margin: 1% 3% 15% 3% }
	.contenido3 { float: left; width: 88%; display: block; height: 100%; padding: 5% 3% 3% 3%; margin: 1% 3% 15% 3% }
	.contenido4 { float: left; width: 88%; display: block; height: 100%; padding: 5% 3% 3% 3%; margin: 1% 3% 15% 3% }
	
	.contenido1 .txt1 {padding: 10px 5px 0px 5px}
	
	
	.img-contenedor  {width:100%; height: 100%}
	
	
	/* menu */
	
	 nav {
		width:100%;
		height:100%;
		left:-100%;
		margin-left: 0px;
		
		position: absolute;
		z-index: 100;
	}
 
	 nav ul li {
		text-align: center;
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
		width: 100%
				
	}
 
	.menu_bar {
	
		position: absolute;
		top: 0; 
		right: 0; 		
		display:block;
		
		height: 100px; 
	}
	
	 
	.menu_bar .bt-menu {
				
		display:block;
		width: 74px;
		height: 74px;
		background: #1fc1c3 url(../img/btn-menu-movil.png) no-repeat center 25px ;
		background-size: 38px;
		color:#000;
	
				
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
			
	}
	
	#menu {width: 100%;  }
	#menu {background-color: #1fc1c3}
	#menu li {float: none; padding: 16px 0 17px 0; background-image: none }
	#menu li a {color: #fff; font-size: 14px; margin: 0 0 20px 0 !important  }
	
	
	#menu li.sel {  padding: 9px 0 9px 0;}
	#menu li.sel a { color: #333; background-color: inherit !important}
	
	
	/* menu */

	
	header #brand {margin: 0 0 12px 0; padding-top: 16px; text-align: left}
	header #brand img {width: 166px; margin: 6px 0 0 27px}
	

	header #imgCab {height: 420px; background-position: -890px -34px  }

	
			
	p.home {margin-top: 74px; padding: 0 0 20px 0; font-size: 72px; font-weight: 700; line-height: 70px; }	
	h1 {padding: 0 24px 40px 24px; font-family: Arial Rounded MT Std Light, arial, Helvetica; font-size: 22px; font-weight:normal; color: #333; letter-spacing: 1px; line-height: 28px}

	h3 {font-size: 50px; line-height: 46px; }

	
	
	.contenido1 .margen {margin-top: 0}
	.margen2  { padding-bottom: 0 !important; margin-bottom: 0 !important}	
	
	.contenido0 .txt0 { padding: 5em 0 2em 0; line-height: 26px  }
	.contenido0 .txt0 p {font-size: 16px; margin-bottom: 20px}
	.contenido1 .txt1 {text-align: center} 
	.contenido1 .txt1 p {margin-bottom: 30px}
	.contenido1 .txt1 img {width: 100%}
	.contenido1 .txt1 img {margin-bottom: 15px;   }	
	
	.contenido2 ul li { margin: 0 0 0 0; }
	.contenido2 ul li img {width: 78%; margin-bottom: 18px }
	
		
	.contenido3 ul li img {float: none; width: 78%; margin-bottom: 18px }
		
	
	.capaMovil {position: absolute;  right: 0; bottom: -200px ; }
	.capaMovil img {width: 55%; }
	.capaMovil {display: none}
	
	.capaMovil2 {display: none}
			
	
	.movil .contenido3, .movil2 .contenido3 {text-align: center}
	.movil2 .contenido3 img, .contenido3 img.foto {float: none; width: 80%; margin-bottom: 8%; }
	
		
	
	.contenido3 .txt3 { width: 100%; padding: 0; text-align: center  }
	
	.contenido3 .txt4 { width: 100%; padding: 0; padding-bottom: 30px; text-align: center ;  }
	.contenido3 .txt4 p {font-size: 16px; color: #000; line-height: 24px; margin-bottom: 20px; }
	
	
	.contenido1 { padding: 0 3% 3% 3%; margin: 0 3% 7% 3% }
	
	
	.centrar {float: none; width: 100% !important; }
	
	
	.contenido4 .txt5 {float: none; width: 100%; text-align: center; padding: 0; margin-bottom: 30px  }
	.contenido4 .txt5 p {line-height: 25px; margin-bottom: 20px; text-align: center}
	.contenido4 img {float: none; margin-bottom: 0 }
	
	.contenido4 .txt7 img {width: 88%;  }
	
	
	
	div.btn2 a {margin: 0 auto 25px auto;}
	
	.contenido1 .margen h5{margin: 15px 0 20px 0  }	
	
	
	/* .contenido .txt {padding: 4% 8% 8% 8%}
	.contenido .txt2 {padding: 4% 8% 8% 8%}
	
	.contenido img.producto {width: 100%; margin: 3% 0 0 0}
	.contenido  ul.iconos {margin-bottom: 30px;   } */
	
	
	form  {padding: 8% 0 3% 0 }
	form  .text { width: 94%; }
	form  textarea {width: 86%; }	
	

	
	footer { margin: 0; padding: 30px 0 80px 0;   }
	.contenidoFooter {width: 100%;  text-align: center; height: 100%     }
	
	footer ul {margin: 0 0 40px 0; width: 100%;   }
	
	footer ul span {width: 100%; margin-top: 0;   }
	
	footer ul li {text-align: center; width: 100%; margin-bottom: 0px; line-height: 22px;}
	
			
	footer ul li.tit { font-size: 16px !important; color: #666; margin-bottom: 12px }

	

	
	
}