html, body {}

	body {background: #fff}
	* {font-family: "Helvetica Neue", sans-serif !important;}

	.h100 {height: 100%;}
	.desktop {display: block !important;}
	.mobile {display: none !important;}
	.linktel {color: #3A393B;}
	.linktel:hover {color:#666;}

	::-webkit-input-placeholder {
	   color: #929292;
	   opacity: 1;
	}

	:-moz-placeholder { /* Firefox 18- */
	   color: #929292;
	   opacity: 1;  
	}

	::-moz-placeholder {  /* Firefox 19+ */
	   color: #929292;
	   opacity: 1;  
	}
	
	input:-ms-input-placeholder {  
	   color: #929292; 
	   opacity: 1; 
	}


/*	--------------------------------------------------
	Layout
	-------------------------------------------------- */
	section > .row {}
	sup {font-size: 50%;}

/*	--------------------------------------------------
	Contenedor general - Da el ancho del contenido
	-------------------------------------------------- */
	.cont-general{ position: relative; left: 0; right: 0; margin: auto; /*max-width: 1600px; padding: 0 25px;*/}
	section{position: relative;}
	.clear {clear: both;}

/*	--------------------------------------------------
	Header -
	-------------------------------------------------- */	
	header {}
/*	--------------------------------------------------
	Fin Header -
	-------------------------------------------------- */	

	nav {}
	nav li {}
	nav li a {}

/*	--------------------------------------------------
	Section - main
	-------------------------------------------------- */
	section.main {}
	section.main .content {position: relative;}
	section.main .l { margin-right: 0.625%; width: 58.25%; float: left; margin-top: 70px;}
	section.main .l .title {font-size: 300%; color: #448CCB; text-transform: uppercase; text-align: right; margin-right: 30px; opacity: 0; animation: appear .5s .2s forwards; -webkit-animation: appear .5s .2s forwards; -moz-animation: appear .5s .2s forwards; }
	section.main .l .title span {text-align: left;display: block;width: 650px; margin: auto; line-height: 35px;}
	section.main .l .images {margin-top: 50px;position: relative;;}
	section.main .l .images .left {width: 60.7%; margin-right: 0.85%; float: left; position: absolute; bottom: 0;}
	section.main .l .images .right {width: 38.45%; float: right;}
	section.main .l .images .img1 {animation: appear .7s .2s forwards; -webkit-animation: appear .7s .2s forwards; -moz-animation: appear .7s .2s forwards; opacity:0;}
	section.main .l .images .img2 {margin-bottom: 10px; opacity: 0; animation: appear .7s .4s forwards; -webkit-animation: appear .7s .4s forwards; -moz-animation: appear .7s .4s forwards;}
	section.main .l .images .img3 {animation: appear .7s .6s forwards; -webkit-animation: appear .7s .6s forwards; -moz-animation: appear .7s .6s forwards; opacity: 0;}
	section.main .l .images .comprimidos {text-align: center; color: #6BAF1F; font-size: 90.9%; width: 22.1%; right: 60%; margin: auto; top: 25px; left: 0; position: absolute;}
	section.main .l .images .comprimidos img.first {opacity: 0; position: relative; animation: split_top .4s 1.5s forwards; -webkit-animation: split_top .4s 1.5s forwards; -moz-animation: split_top .4s 1.5s forwards;}
	section.main .l .images .comprimidos img.second {margin-top: 5px; position: relative; opacity: 0; animation: split_bottom .4s 1.5s forwards; -webkit-animation: split_bottom .4s 1.5s forwards; -moz-animation: split_bottom .4s 1.5s forwards;}
	section.main .l .images .product {position: absolute;width: 100%;height: 80%;bottom: 0;top: 0;margin: auto;}
	section.main .l .images .product .dove {position: absolute;left: 17%;right: 0;margin: auto;height: 100%; opacity:0; animation: fall .8s .8s forwards; -webkit-animation: fall .8s .8s forwards; -moz-animation: fall .8s .8s forwards;}
	section.main .l .images .product .rexona {position: absolute;left: 0;right: 17%;margin: auto;height: 100%; opacity:0; animation: fall .8s .8s forwards; -webkit-animation: fall .8s .8s forwards; -moz-animation: fall .8s .8s forwards; }
	section.main .l .images .product .shadow {position: absolute;right: 0;left: 0;margin: auto;bottom: -15px;width: 44%; opacity:0; animation: appear 1.4s .9s forwards; -webkit-animation: appear 1.4s .9s forwards; -moz-animation: appear 1.4s .9s forwards;}
	section.main .r {float: right; width: 41.125%; opacity:0; animation: appear .6s 1.6s forwards; -webkit-animation: appear .6s 1.6s forwards; -moz-animation: appear .6s 1.6s forwards;}
	html[data-useragent*='MSIE 10.0'] section.main .l .images .product .shadow {bottom: -100%;}
	/* FORM */
	section.main .r .form {/*margin: 30px auto 0; padding: 0 3%; position: absolute; bottom: 0;*/ width: 70%; margin: 13% auto 0;}
	section.main .r .form.ok {position: relative;}
	section.main .r .form .title {color: #6cb645;text-transform: uppercase;font-size: 156%;font-weight: bold; line-height: 25px;}
	section.main .r .form .textok {width: 370px; margin: auto; margin-top: 30%;}
	section.main .r .form .ok {color: #6CB645; font-size: 389.4%; text-transform: uppercase; margin-bottom: 15px; font-weight: bold;}
	section.main .r .form .subtitle {color: #929292; font-size: 257.8%;}
	section.main .r .form .formbody {margin-top: 25px;}
	section.main .r .form .formbody span {color: #000}
	section.main .r .form .formbody .btn_send {background: #448ccb;width: 100%;display: block;padding: 20px;margin-top: 20px;text-align: center;font-size: 176.9%; -webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;}
	section.main .r .form .formbody .btn_send i {width: 19px; height: 17px; background: url(../img/enviar.png); display: inline-block; margin-left: 5px;}
	section.main .r .form .formbody .btn_send:hover {background: #3D80B2;}
	section.main .r .form .formbody .btn_send:hover i {animation: send .4s linear infinite; -webkit-animation: send .4s linear infinite; -moz-animation: send .4s linear infinite;}
	section.main .r .form .formbody .warning {margin-top: 10px; color: red; display: none; margin-bottom: 10px;}
	section.main .r .form .formbody .optin {color: #929292; line-height: 15px; margin-top: 15px; font-size: 115%;}
	section.main .r .form .formbody .optin input {float: left; height: 20px; width: 19px; margin-right: 10px; appearance: none; -webkit-appearance: none; border: 2px solid #3D80B2; margin-bottom: 10px;}
	section.main .r .form .formbody .optin input:focus {outline: 0}
	section.main .r .form .formbody .optin input:checked {background: url(../img/tick.png) center no-repeat;}
	section.main .r .form .formbody .optin a {color: #6CB645;}
	section.main .r .form .formbody .optin a:hover {text-decoration: underline;}

	/* ANIMACIONES */
	@keyframes appear {
		from {opacity:0}
		to {opacity:1}
	}
	@-webkit-keyframes appear {
		from {opacity:0}
		to {opacity:1}
	}
	@-moz-keyframes appear {
		from {opacity:0}
		to {opacity:1}
	}

	@keyframes fall {
		from {top: -70px; opacity: 0;}
		to {top: 0; opacity: 1;}
	}
	@-webkit-keyframes fall {
		from {top: -70px; opacity: 0;}
		to {top: 0; opacity: 1;}
	}
	@-o-keyframes fall {
		from {top: -70px; opacity: 0;}
		to {top: 0; opacity: 1;}
	}

	@keyframes split_top {
		from {opacity: 0; top: 12px}
		to {opacity: 1; top: 0}
	}
	@-webkit-keyframes split_top {
		from {opacity: 0; top: 12px}
		to {opacity: 1; top: 0}
	}
	@-o-keyframes split_top {
		from {opacity: 0; top: 12px}
		to {opacity: 1; top: 0}
	}

	@keyframes split_bottom {
		from {opacity: 0; bottom: 12px}
		to {opacity: 1; bottom: 0}
	}
	@-webkit-keyframes split_bottom {
		from {opacity: 0; bottom: 12px}
		to {opacity: 1; bottom: 0}
	}
	@-o-keyframes split_bottom {
		from {opacity: 0; bottom: 12px}
		to {opacity: 1; bottom: 0}
	}

	@keyframes send {
		from {background-position: 0;}
		to {background-position: 10px;}
	}
	@-moz-keyframes send {
		from {background-position: 0;}
		to {background-position: 10px;}
	}
	@-webkit-keyframes send {
		from {background-position: 0;}
		to {background-position: 10px;}
	}
/*	--------------------------------------------------
	Fin Section - main
	-------------------------------------------------- */
	
	@media only screen and (min-width: 900px) and (max-width: 1110px) {
		section.main .l .title span {width: auto;}
	}
	
	@media (max-width: 900px) {
		.desktop {display: none !important;}
		.mobile {display: block !important;}

		.cont-general {padding: 0 10px;}
		section.main .l {width: 100%; float: none; margin-top: 25px;}
		section.main .l .title {text-align: left; margin-right: 0; font-size: 179.2%;}
		section.main .l .title span {float: none; text-align: center; width: auto;}
		section.main .r {width: 100%; animation: appear .6s .3s forwards; -webkit-animation: appear .6s .3s forwards; -moz-animation: appear .6s .3s forwards; text-align: center;}
		section.main .r .form {width: 100%; max-width: 640px; margin-bottom: 20px; margin-top: 30px; position: relative;}
		section.main .r .form .mainimg {margin-left: -10px; margin-right: -10px;}
		section.main .r .form .formbody {margin-top: 20px;}
	}

	@media (max-width: 700px) {
		section.main .l .title span {text-align: left;}
	}

	@media (max-height: 650px) and (min-width: 900px) {
		.cont-general {padding: 0 35px;}
		html, body {height: 100%; overflow-x: hidden;}
		section.main {position: absolute; height: 570px; top: 0; bottom: 0; margin: auto;}
		section.main .l {margin-top: 20px;}
		section.main .l .title {font-size: 230%;}
		section.main .r .form {margin-top: 10px;}
		section.main .r .form .formbody {margin-top: 10px;}
		section.main .r .form .title {font-size: 120%;}
		section.main .l .images {margin-top: 25px;}
		section.main .r .form .formbody .optin {margin-top: 7px;}
	}

	@media (min-height: 650px) and (max-height: 850px) and (min-width: 900px) {
		html {
		-webkit-transform: scale(0.9);
		   -moz-transform: scale(0.9);
		    -ms-transform: scale(0.9);
		     -o-transform: scale(0.9);
		        transform: scale(0.9);
		    overflow-x: hidden;
		}
	}

	@media (max-width: 400px){
	}

	@media (max-width: 360px){
	}

	/* Samsung Galaxy S4 */
	@media screen (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) and (device-width: 1080px) and (orientation: portrait) { 
    	
	}
	@media screen (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) and (device-width: 1920px) and (orientation: landscape) { 
		
	}


	/* iPad */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	}
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
		
	}


	/* iPhone 4 */
	@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	}

	@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	}

	/* iPhone 5 */
	@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
		
	}
	@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

	}