body{background-color: #ffffff; font-family: 'Texta-Regular'; }
h1{display: inline-block;font-size: 24px;line-height: 23px;margin:0;padding: 0;font-weight: bold;}
.container{ background-color: #ffffff;}
.flotante{position: absolute;z-index: 999; top: 290px;padding: 12px;}
.flotante1{background-color: rgba(233,10,102,0.8);left: 60px;}
.flotante2{background-color: rgba(10,218,124,0.8);left: 260px;}
.flotante3{background-color: rgba(160,10,200,0.8);left: 460px;}
.text1Flot{vertical-align: middle;color: #ffffff;font-family: 'Tuenti Backslanted Bold';font-size: 24px;letter-spacing: 2px;line-height: 23px;margin-left: 200px;}
.precio1Flot{color: #ffffff;font-family: 'Texta-Heavy';font-size: 82px;line-height: 60px;letter-spacing: -3px;text-align: center;}
.precio2Flot{color: #ffffff;font-family: 'Texta-Heavy';font-size: 64px;line-height: 45px;letter-spacing: -3px;float: left;margin-left: 35px;}
.separador{width: 70%;height: 1px;border-top: 1px solid #ffffff;margin:0 auto; margin-top: 15px;margin-bottom: 10px;}
.iva{font-family: 'Texta-Book';font-size: 17px;float: left;line-height: 14px;margin-top: 18px;color: #ffffff;margin-left: 10px;}
.text2Flot{font-family: 'Texta-Book';font-size: 20px;line-height: 20px;margin-top: 10px;color: #ffffff;margin-left: 105px;margin-bottom: 10px;}
.text2Flot img{width: 60px;}
.clean{margin: 0;padding: 0;clear: both;width: 0;height: 0;}
.promo{background-image: url('../images/promo_rosa.png'); background-repeat:no-repeat; width: 226px;height:126px;background-size: cover;position: absolute;left: 25px;top: 125px;}
.promo2{position: absolute;left: 66px;top: 153px;}
.botFlot{display: block;padding: 2px;background-color: #f7c939; color: #e90a66;margin: 0 auto;margin-top: 40px;text-align: center;font-family: 'Texta-Heavy';font-size: 22px;}
.botFlot:hover{background-color: #ffffff; color: #e90a66;text-decoration: none;}
.separado{margin-top:0px;}
.centrado{text-align: center;}
.sombra {-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.3);}
.ventaja{padding: 30px 12px 20px 12px; text-align: center;width: 340px; margin: 0 auto; position:relative;}
.omg{background-image: url('../images/omg.png'); background-repeat:no-repeat; width: 120px;height:61px;background-size: cover;top:-30px;left: -7px;position: absolute;}
.mono{background-image: url('../images/mono.png'); background-repeat:no-repeat; width: 78px;height:57px;background-size: cover;top:-33px;right: -27px;position: absolute;}
.wtf{background-image: url('../images/wtf.png'); background-repeat:no-repeat; width: 105px;height:46px;background-size: cover;top:-24px;left: 6px;position: absolute;}
.emoji{background-image: url('../images/emoji.png'); background-repeat:no-repeat; width: 52px;height:52px;background-size: cover;top:-23px;right: -17px;position: absolute;}
.ventaja1{background-color: #0ada7c;}
.ventaja2{background-color: #a00ac8;}
.ventaja3{background-color: #666666;padding-top: 15px;}
.barraForm{background-color: #111111;padding: 18px; color: #ffffff;}
.barraFormFija{background-color: #111111;padding: 2px; padding-top:12px; padding-bottom:12px; position: fixed; bottom: 0px;width: 100%;z-index: 99999;}
.barraFormFija .preTel{font-size: 17px;line-height: 18px; margin: 0; letter-spacing: -1px; width: 38%;text-align: left;height: 100%;vertical-align: middle;}
.barraFormFija .tel{font-size: 31px;letter-spacing: -1px; margin: 0; line-height: 34px; width: 58%; text-align: center;}
.barraFormFija .tel a{color: #e90a66;}
.barraFormFija .tel a:hover{text-decoration: none;}
.barraVentajas{background-color: #eeeeee;padding: 0px 18px 50px 18px;}
.barraPie{background-color: #eeeeee;padding: 20px 40px;font-family: 'Texta-Bold'; font-size: 16px;color: #999999;}
.titBloque{font-family: 'Texta-Heavy';font-size: 42px;margin-top: 20px;color: #333333;letter-spacing: -1px;}
.introBloque{font-size: 17px;margin-bottom: 30px;color: #333333;}
.separadorVertical{width: 100px;margin: 0 auto; margin-bottom: 45px; border-top: 6px solid #e90a66;}
.razon{ background-repeat:no-repeat; background-position: top left;width: 460px; margin: 0 auto;padding-left: 90px;margin-bottom: 44px;}
.titRaz{font-family: 'Texta-Heavy';font-size: 42px;line-height: 48px; color: #e90a66;letter-spacing: -1px;}
.txtRaz{font-family: 'Texta-Regular';font-size: 16px;color: #333333;width: auto;width: 90%;}
.preTel{color: #ffffff; font-family: 'Texta-Book'; font-size: 22px; line-height: 22px; margin-top: 22px; margin-right: 15px; text-align: right; float: right;}
.tel{color: #e90a66; font-family: 'Texta-Heavy'; font-size: 61px; float: right;}
.separadorForm {float: left;height: 94px; border-right: 1px solid #ffffff;margin-right: 25px; margin-left: 30px;}
.preForm{font-family: 'Texta-Book';font-size: 21px; line-height: 22px;}
.preFormBold{font-family: 'Texta-Bold';}
.preFormPeq{font-size: 16px;}
input[type="text"]{width:300px;margin-top: 5px;margin-right: 10px;margin-bottom: 5px; color: #666666;font-size: 20px;padding-left: 6px;}
input[type="submit"]{width:195px;margin-top: 5px;background-color: #e90a66; color: #ffffff;font-size: 21px;border: none;font-family: 'Texta-Bold';padding-bottom: 2px;}
label{font-family: 'Texta-Book';font-size: 16px;font-weight: normal;margin-left: 8px;}
label a{color: #ffffff;text-decoration: underline;}
label a:hover{color: #ffffff;text-decoration: none;}
.legal {padding: 30px; font-size: 17px; line-height: 18px; color: #999999;}
.legal a{font-family: 'Texta-Bold'; color: #fa3c4f;text-decoration: none;}
.legal a:hover{text-decoration: underline;}
.barraPie ul{margin: 0;padding: 0;}
.barraPie li{float: left;list-style: none;margin: 0;padding: 0;margin-right: 70px;}
.barraPie li a{color: #fa3c4f; text-decoration: none;}
.barraPie li a:hover{color: #fa3c4f; text-decoration: underline;}
#spinner{font-size:15px;display: none;}
#respWs{float:left;text-align:left;width:85%; display: none;}
/***********************************************
MD
***********************************************/
@media (min-width:992px) and (max-width:1250px){
	.separado{margin-top:15px;}
	.flotante{top: 185px;padding: 10px;}
	.flotante1{left: 40px;}
	.flotante2{left: 210px;}
	.flotante3{left: 380px;}
	.text1Flot{font-size: 22px;letter-spacing: 1px; line-height: 25px;margin-left: 156px;}
	.precio1Flot{font-size: 72px;line-height: 60px;}
	.precio2Flot{font-size: 56px;line-height: 45px;margin-left: 30px;}
	.separador{margin-top: 12px;}
	.iva{margin-top: 16px;font-size: 17px;}
	.text2Flot{margin-left: 77px;}
	.text2Flot img{width: 60px;}
	.promo{width: 168px;height:94px;top:78px;}
	.promo2{top:92px;left:60px;}
	.botFlot{padding: 3px;font-size: 18px;}
	.razon{ width: 420px; margin-bottom: 34px; height: 70px; padding-top: 10px;}
	.titRaz{font-size: 38px;line-height: 35px; }
	.txtRaz{font-size: 16px;line-height: 18px;width: auto;}
	.barraVentajas{padding-bottom: 35px;}
	.texto1Vent{font-size: 26px;line-height: 26px;}
	.texto2Vent{font-size: 16px;line-height: 17px;}
	.texto3Vent{font-size: 16px;line-height: 17px;}
	.ventaja3{padding-top: 10px;}
	.preTel{font-size: 19px;line-height:20px; margin-top: 16px;margin-right: 10px;}
	.tel{font-size: 50px;}
	.separadorForm {height: 80px; margin-right: 20px; margin-left: 24px;}
	.preForm{font-size: 20px; line-height: 21px;}
	.preFormPeq{font-size: 15px;}
	.barraForm{padding-bottom: 12px;}
	input[type="text"]{width:220px;font-size:19px; margin-top: 2px;}
	input[type="submit"]{width:160px;font-size: 20px;margin-top: 2px;}
	label{font-size: 15px;line-height: 17px; margin-left: 5px;}

	.legal {padding: 30px; font-size: 17px; line-height: 18px; }

}

/***********************************************
SM
***********************************************/
@media (min-width:768px) and (max-width:991px){
	.separado{margin-top:0px;}
	.flotante{top: 165px;padding: 8px;}
	.flotante1{left: 20px;}
	.flotante2{left: 165px;}
	.flotante3{left: 310px;}
	.text1Flot{font-size: 18px;letter-spacing: 1px; line-height: 21px;margin-left: 156px;}
	.precio1Flot{font-size: 58px;line-height: 40px;}
	.precio2Flot{font-size: 50px;line-height: 30px;margin-left: 20px;}
	.separador{margin-top: 12px;}
	.iva{margin-top: 6px;font-size: 14px;}
	.text2Flot{margin-left: 68px;margin-bottom: 6px;margin-top: 4px;}
	.text2Flot img{width: 50px;}
	.promo{width: 142px;height:79px;top:70px;left: 11px;}
	.promo2{top:72px;left:15px;width: 310px;}
	.titBloque{font-size: 34px;}
	.omg{width: 90px;height:45px;}
	.mono{width: 60px;height:44px;top:-28px;}
	.wtf{width: 85px;height:37px;top: -21px;}
	.emoji{width: 40px;height:40px;}
	.botFlot{padding: 6px;margin-top: 11px;font-size: 16px;}
	.razon{ width: 340px; margin-bottom: 34px; height: 84px; padding-top: 5px;padding-left: 80px;}
	.titRaz{font-size: 30px;line-height: 35px; }
	.txtRaz{font-size: 16px;line-height: 18px;width: auto;width: 90%;}
	.barraVentajas{padding-bottom: 35px;}
	.ventaja{padding: 15px 8px 8px; width: 205px;}
   	.ventaja .precio1Flot{font-size: 45px; line-height: 45px;letter-spacing: -2px;}
	.ventaja .separador{height: 36px;margin-right: 6px;margin-left: 7px;margin-top: 8px;}
	.ventaja .iva{font-size: 13px;line-height: 13px;margin-top: 15px;margin-left: 1px;}
	.ventaja .botFlot{font-size: 20px;line-height: 18px;padding: 7px;width: 100%;}
	.texto1Vent{font-size: 19px;line-height: 20px;}
	.texto2Vent{font-size: 14px;line-height: 14px;}
	.texto3Vent{font-size: 14px;line-height: 14px;}
	.ventaja3{padding-top: 12px;}
	.preTel{font-size: 18px;line-height:20px; margin-top: 6px;margin-right: 0px;float: none;text-align: center;}
	.tel{font-size: 50px;float: none;text-align: center;line-height: 40px;}
	.separadorForm {height: 80px; margin-right: 14px; margin-left: 10px;}
	.preForm{font-size: 18px;}
	.preFormPeq{font-size: 15px;}
	.barraForm{padding-bottom: 12px;}
	input[type="text"]{width:195px;font-size:19px; margin-top: 2px;}
	input[type="submit"]{width:150px;font-size: 20px;margin-top: 2px;}
	label{font-size: 15px;line-height: 17px; margin-left: 5px;}
	.barraPie li{margin-right: 50px;}
	.legal {padding: 40px; font-size: 16px;}

}

/***********************************************
XS
***********************************************/
@media (max-width:767px){
	.logo-mobile{display:inline-block;width:75%;margin-top: 30px;margin-bottom: 10px;}
	.flotante{padding: 12px;margin-top: 20px;}
	.flotante1,.flotante2,.flotante3{position: relative;top: 0;left: 0; width: auto;}
	.flotante1{background-color: rgba(233,10,102,1);}
	.flotante2{background-color: rgba(10,218,124,1);}
	.flotante3{background-color: rgba(160,10,200,1);}
	.promo,.promo2{display:none;}
	.text1Flot{font-size: 20px;letter-spacing: 1px;line-height: 22px; margin-left: 0px;}
	.precio1Flot{font-size: 78px;line-height: 80px;}
	.separador{height: 50px;margin-right: 7px;margin-left: 7px;margin-top: 20px;}
	.iva{margin-top: 33px;font-size: 20px;line-height: 20px;margin-left: 4px;}
	.text2Flot{font-size: 18px;line-height: 18px;}
	.titBloque{font-size: 38px;margin-bottom: 10px;}
	.sombra {-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
	.omg{width: 90px;height:45px;}
	.mono{width: 60px;height:44px;top:-28px;}
	.wtf{width: 85px;height:37px;top: -21px;}
	.emoji{width: 40px;height:40px;}
	.botFlot{width: 95%;margin-top: 16px;font-size: 20px;}
	.razon{ height: auto;width: 100%;min-height: 80px;}
	.titRaz{ font-size: 35px;line-height: 40px;}
	.barraVentajas{padding-bottom: 10px;}
	.titBloque{line-height: 36px;}
	.barraPie{padding-bottom: 90px;padding-left: 25px;}
	.barraPie li{margin-right: 30px;}
}

@media (max-width:450px){
	.logo-mobile{width:95%;}
}