html{height: 100%;}
body{background: #fffaea url(../img/background-completo.jpg) top center no-repeat; font-family: 'Open Sans', sans-serif; font-weight:400; line-height: 1.66; height: 100%;}
.adornos{overflow: hidden; position: relative; min-height: 80%; background:url(../img/bk-acordion.png) center 560px no-repeat;}
.container {max-width: 1200px; width: 100%;}

.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}

/* ------------------------------------------------------------------------ TOP ------------------------------------------------------------------------*/
.top-morado::before{content:''; height:22px; background: url(../../100x3/img/var/patron-top.png) center 10px #870084; left: 0; right: 0; position: absolute; display: block;}
.logo-pag{width: 100px; margin-bottom: 20px;display: block;}
/* ------------------------------------------------------------------------ TOP ------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------ TOP ------------------------------------------------------------------------*/
.logo-pagina{display: block; margin: 10px auto 0; height: 170px;}
.logo-lemonella{height: 50px;}
/* ------------------------------------------------------------------------ TOP ------------------------------------------------------------------------*/

/* ---------------------------------------------------------------------- ADORNO -----------------------------------------------------------------------*/
.burbuja1{position: absolute; top:280px; left: 50%; margin-left: -700px; width: 1400px;}
.pastel-papa{position: absolute; right:-200px; top: -200px; max-width: 1020px;z-index: 2;}
/* ---------------------------------------------------------------------- ADORNO -----------------------------------------------------------------------*/

/* ----------------------------------------------------------------------- INFO ------------------------------------------------------------------------*/
.tit-papa{display: block; margin: 0 auto; width: 65%; max-width: 480px;}
.txt-principal{font-size: 18px; color:#fff; max-width: 1200px; padding: 30px 10px; display: block; margin:0 auto;}
.comprar-pastel{background-color: #00154d; color:#f3bb3a; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;font-family: 'Raleway', sans-serif; display: inline-block; padding:10px 20px 12px; font-size: 20px; border-radius: 5px; margin-bottom: 20px;}
.comprar-pastel img{ display: inline-block; margin:-4px 0 0 4px; height: 18px; }
.comprar-pastel:hover, .comprar-pastel:focus{color:#f3bb3a; text-decoration: none; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.btn-apartalo{height: 50px;}
/* ----------------------------------------------------------------------- INFO ------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------- FORM ------------------------------------------------------------------------*/
#accordion{position: relative; margin-top: 140px;}

.bk-form-compra{background: #fffaea; padding-top:40px; margin-top: 80px; margin-left: -15px; margin-right: -15px;}
.bk-form-compra > .panel-body{max-width: 800px; margin: 0 auto; padding: 15px 20px;}
.bk-form-compra .form-control{height: 40px; color:#1e144a; background-color: #fff;}

.datepicker{padding-left: 40px; background:url(../../padre/img/calendar.png) 10px center/20px no-repeat;}
.sucursal{padding-left: 36px; background:url(../../padre/img/location.png) 10px center/20px no-repeat;}
.content-mapa{width: 100%; height: 400px; position: relative; overflow: hidden; margin-bottom: 20px;}

.btn-continue{background: rgb(19,63,99); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(19,63,99,1) 24%, rgba(23,36,84,1) 96%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(19,63,99,1) 24%,rgba(23,36,84,1) 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(19,63,99,1) 24%,rgba(23,36,84,1) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133f63', endColorstr='#172454',GradientType=0 ); /* IE6-9 */
color:#fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;font-family: 'Raleway', sans-serif; display: inline-block; padding:8px 20px; font-size: 14px; border-radius: 5px; float: right;}
.btn-back{background: rgb(226,0,87); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(226,0,87,1) 12%, rgba(172,0,65,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(226,0,87,1) 12%,rgba(172,0,65,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(226,0,87,1) 12%,rgba(172,0,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20057', endColorstr='#ac0041',GradientType=0 ); /* IE6-9 */
color:#fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;font-family: 'Raleway', sans-serif; display: inline-block; padding:8px 20px; font-size: 14px; border-radius: 5px; float: left;}
.btn-localiza-sucursal{background: rgb(227,111,3); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(227,111,3,1) 0%, rgba(210,79,1,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(227,111,3,1) 0%,rgba(210,79,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(227,111,3,1) 0%,rgba(210,79,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e36f03', endColorstr='#d24f01',GradientType=0 ); /* IE6-9 */
color:#fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;font-family: 'Raleway', sans-serif; display: inline-block; padding:8px 20px; font-size: 14px; border-radius: 5px; float: left; margin-bottom: 20px;}
.btn-continue img, .btn-back img{width:8px; margin:-3px 2px 0;}
.btn-localiza-sucursal img{width:14px; margin:-3px 0 0;}

.tit-form{font-size:32px; color:#1e144a; text-align: center; position: relative; padding-bottom: 20px; margin: 0 auto 40px;}
.tit-form::before{content: ''; width: 80px; height: 4px; background-color: #e30057; position: absolute; left:50%; bottom: 0; margin-left: -40px;}
.sub-tit-form{font-size:22px; color:#1e144a; text-align: center; position: relative;  margin: -20px auto 40px;}
.tit-metodo-pago{font-size:22px; color:#1e144a;  margin:30px auto 20px; border-left: 3px solid #e30057; padding-left: 6px;}

.paso01, .paso02, .paso03, .paso04{min-height: 460px;}
.tamano{border-radius: 16px; text-align: center; overflow: hidden; position: relative; width: 200px; display: inline-block; margin: 10px; transition: all 300ms ease-in-out;}
.tamano:hover, .tamano:focus{box-shadow: 0 0 20px rgba(140,60,0,0.25);}
.head-price{background-color: #e1d2b7; color:#422110; font-size:16px; padding: 16px; display: block; text-shadow: 1px 1px 0 #fff;}
.head-price img{width: 70px; margin:6px auto; display: block;}
.body-price{background: url(../../padre/img/pico.png) center -10px/20px #fff no-repeat; color:#565656; padding: 14px 16px 20px; display: block;}
.price-regular{font-size: 14px;color: #aaa; margin: 6px 0 0;} .price-regular span{text-decoration:line-through;}
.price-past{font-size: 40px; font-weight: 600; display: block; border-bottom: 2px solid #d7d7d7; margin: 0 0 10px 0;}
.price-past span{display: inline-block; font-size: 16px; margin:-2px 4px 0 0; font-weight: 400; opacity: .6; vertical-align: middle;}
.txt-nota{font-size:12px; text-align: center; margin:0; font-weight:600;}
.link-precio{position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
/* ----------------------------------------------------------------------- FORM ------------------------------------------------------------------------*/

/* ---------------------------------------------------------------------- PIE CITY ---------------------------------------------------------------------*/
.ciudad{height: 210px; background: url(../../100x3/img/var/edificios.png) bottom center/auto 206px no-repeat; position: relative; overflow:hidden; width: 100%;}
.ciudad > span{position: absolute; width: 100%; }
.sol{position: absolute; top: 10px; left: 50%; margin-left: -280px; animation: brilla 3s  infinite ease; -moz-animation: brilla 3s  infinite ease; -o-animation: brilla 3s  infinite ease; -webkit-animation: brilla 3s  infinite ease; -ms-animation: brilla 3s  infinite ease;}
.nube1{background: url(../../100x3/img/var/nubes01.png) center/auto 108px no-repeat; height: 108px; animation: nubeA 16s  infinite ease; -moz-animation: nubeA 16s  infinite ease; -o-animation: nubeA 16s  infinite ease; -webkit-animation: nubeA 16s  infinite ease; -ms-animation: nubeA 16s  infinite ease;}
.nube2{background: url(../../100x3/img/var/nubes02.png) center/auto 22px no-repeat; height: 24px; top: 96px; animation: nubeB 12s  infinite ease; -moz-animation: nubeB 12s  infinite ease; -o-animation: nubeB 12s  infinite ease; -webkit-animation: nubeB 12s  infinite ease; -ms-animation: nubeB 12s  infinite ease;}
.tienda{position: absolute; width: 100px; height: auto; left: 50%; margin-left: -50px; bottom: -8px;}
/* ---------------------------------------------------------------------- PIE CITY ---------------------------------------------------------------------*/

/* -------------------------------------------------------------------- MEDIA QUERY --------------------------------------------------------------------*/
@media  (max-width: 1199px){
}


@media  (max-width: 991px){
	.pastel-papa {left: 46%;}
	.txt-principal{padding: 30px 40px;}
	.adornos {background-position:center 720px;}
	#accordion{margin-top:0px;}
	.bk-form-compra{margin-top: 40px;
}

@media  (max-width: 767px){	
	.txt-principal {padding: 30px 20px;}
	.adornos {background-position:center 660px;}
	.logo-pag{margin-left:auto;margin-right:auto;}
	.logo-lemonella{height: 50px;}
	.txt-principal{font-size: 16px;}
	.pastel-xs{position: relative;height: 380px;}
	.pastel-xs img{position: absolute;right: -110px;top: 30px;}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ANIMATION ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@keyframes nubeA{ 
	0%{left:0;}
	50%{left:40px;}
	100%{left:0;}
}
@-moz-keyframes nubeA{ 
	0%{left:0;}
	50%{left:40px;}
	100%{left:0;}	
}
@-o-keyframes nubeA{ 
	0%{left:0;}
	50%{left:40px;}
	100%{left:0;}
}
@-webkit-keyframes nubeA{ 
	0%{left:0;}
	50%{left:40px;}
	100%{left:0;}
}

@keyframes nubeB{ 
	0%{ right:0;}
	50%{ right:50px;}
	100%{ right:0;}
}
@-moz-keyframes nubeB{ 
	0%{ top:10px; left:0;}
	50%{ top: 14px; left:50px;}
	100%{ top:10px; left:0;}	
}
@-o-keyframes nubeB{ 
	0%{ top:10px; left:0;}
	50%{ top: 14px; left:50px;}
	100%{ top:10px; left:0;}
}
@-webkit-keyframes nubeB{ 
	0%{ top:10px; left:0;}
	50%{ top: 14px; left:50px;}
	100%{ top:10px; left:0;}
}

@keyframes brilla{ 
	0%{ height: 48px; width: 48px;}
	50%{ height: 40px; width: 40px;}
	100%{ height: 48px; width: 48px;}
}
@-moz-keyframes brilla{ 
	0%{ height: 48px; width: 48px;}
	50%{ height: 40px; width: 40px;}
	100%{ height: 48px; width: 48px;}
}
@-o-keyframes brilla{ 
	0%{ height: 48px; width: 48px;}
	50%{ height: 40px; width: 40px;}
	100%{ height: 48px; width: 48px;}
}
@-webkit-keyframes brilla{ 
	0%{ height: 48px; width: 48px;}
	50%{ height: 40px; width: 40px;}
	100%{ height: 48px; width: 48px;}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ANIMATION ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */