html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background:#EEEEEE;
    font-family: 'Raleway', sans-serif;
	line-height: 1;
	font-size:16px;
	height: auto;
	min-height: auto;
	overflow: initial;
}
button{
    font-family: 'Raleway', sans-serif;
	cursor:pointer;
	}
a{
	text-decoration:none
	}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.contenido{
	width:1200px;
	margin:0 auto;
	position:relative;
	}
	input {
		font-family: 'Raleway', sans-serif;
	}
div.padding_top80{
	/* padding-top:96px; */
	padding-top:24px;
	}
@media (max-width: 1199px) {
	.contenido{
		width:100%
		}
	div.padding_top80{
		/* padding-top:80px; */
		padding-top:8px;
		}
	}
header{
	background:#FFF;
	height:80px;
	position:sticky;
	position: -webkit-sticky; /* Safari */
	top:0;
	width:100%;
	margin:0 auto;
	z-index:9;
	background: #fff;
	border-top: solid 1px #CCCCCC;
	text-align: left;
	}
	header img{
		width:138px;
		height:58px;
		margin:9px 0 0 43px
		}
	header.fixed {
		box-shadow: 0 0 1.8rem rgba(0,0,0,.2);
	}
	header.open_header{
		z-index:10;
	}
.optionmenu{
	text-align: center;
	position: relative;
}
	.logop{
		position: absolute;
		width: 100%;
		display: block;
		text-align: center;
		top: 4px;
		z-index: 4;
		}
	#logo{
		display: inline-block;
		z-index: 3;
		position: absolute;
		margin-left: -65px;
	}
	.logop.logeado #logo {
		margin-left: -100px; 
	}
.logohome{
	background: url(../../img/logo_malvon.svg) no-repeat 0 0;
	width: 131px;
	height: 131px;
	}
/**Nav menu pedidos reservas**/
nav#menupedidos{
	background:#FFF;
	/* padding: 70px 0 0 0; */
	}
	#optionscategoria{
		display: block;
		width: 100%;
		background: #fff;
		position: fixed;
		z-index: 1;
		/* height: 64px; */
	}
	#optionscategoria ul{
		/* margin: 42px -9px 0 0; */
		/*display: none; /*Opciones de menu prod reservas desactivado*/
	}
	ul.nav_carta{
		position: relative;
		/* z-index: 9; */
	}
	ul.nav_carta li{
		font-size:14px;
		display:inline-block;
		margin:28px 35px 0 18px
		}
	ul.nav_carta li a{
		border-bottom:solid 4px #FFF;
		color:#BDAD90;
		display:block;
		letter-spacing:0.02em;
		padding:0 0 18px 0;
		position: relative;
		}
	ul.nav_carta li a:hover{
		border-bottom:solid 4px #888888
		}
		.li_responsive, #menu_reserva li.li_responsive {
			display: none;
		}

@media (min-width: 1220px) {
	/* ul.nav_carta{
		text-align: center;
	} */
}
@media (max-width: 1200px) {
	li.li_responsive {
		display: block;
	}
	ul.nav_carta{
		text-align: left;
	}
	ul.nav_carta li:last-child{
		margin-right: 0;
	}
}
@media (max-width: 767px) {
	ul.nav_carta{
		display: none;
	}
}
@media (max-width: 1199px) and (min-width: 767px){
	nav#menupedidos {
	    padding: 51px 0 0 0;
	}
}

/*usuario icon del header*/
div#dato_usuario p.logoreserva{
	display:inline-block;
	}
div#dato_usuario ul{
	margin: 30px 0 0 0;
	text-decoration:none;
	list-style:none;
	vertical-align:middle;
/*	padding: 0 46px;*/
	}
div#dato_usuario li{
	display:inline-block;
	letter-spacing:0.04em;
	cursor:pointer;
	float: none;
	text-align: center;
	vertical-align: top;
/*	margin: 0 14px;*/
	}
div#dato_usuario li+li{
	cursor:pointer;
	}
div#dato_usuario li i, div#dato_usuario li, div#dato_usuario li span a{
	color: #BDAD90
}
div#dato_usuario li img{
	width: 18px;
	height:20px;
	margin:0;
	}
div#dato_usuario li i.fa-comment{
	font-size:24px;
	vertical-align:super;
	position:absolute;
	margin:-12px 0 0 -3px;
}
div#dato_usuario li i.fa-comment span{
	color:#fff;
	font-size:14px;
	position:absolute;
	font-family:'Raleway',Arial,sans-serif;
	top: 3px;
	left: 0;
	right: 0;
}
div#dato_usuario nav#menu_reserva #dato_user {
	padding-left: 23px;
}
div#dato_usuario nav#menu_reserva .dato_user img {
	width: 18px;
	height: 20px;
	margin: 0;
}	
div#dato_usuario nav#menu_reserva .li_cesta span {
	position: absolute;
	margin: -6px 0 0 -6px;
	background: #7f6b4d;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Raleway',Arial,sans-serif;
	padding: 1px 4px;
	border-radius: 50%;
	line-height: 14px;
}
div#dato_usuario nav#menu_reserva{
	display:inline-block;
	vertical-align: bottom;
	position: relative;
	z-index: 5;
	width: 100%;
	text-align: right;
}
	/* div#dato_usuario nav#menu_reserva li:nth-child(2){
		margin-right: 164px;
	} */
div#dato_usuario nav#menu_reserva ul li a{
	color:#333333;
	text-decoration: none;
	padding: 0;
	letter-spacing:0.03em;
	font-size: 19px;
	font-weight: 600;
	line-height: 24px;
	padding: 28px 18px;
	}
	div#dato_usuario nav#menu_reserva ul li.login{
		padding-right: 9px;
		margin-right: 0;
	}
	div#dato_usuario nav#menu_reserva ul li.login.sinlogear{
		padding-left: 0;		
	}
	div#dato_usuario nav#menu_reserva ul li.login.logeado{
		padding-left: 0;
		margin: 0;
	}
	div#dato_usuario nav#menu_reserva ul li.login img .path {
		fill: #7f6b4d;
	}
	div#dato_usuario nav#menu_reserva ul li.login a{
		padding: 0 3px;
	}
	div#dato_usuario .bagshop{
		margin: 0;
	}
	div#dato_usuario nav#menu_reserva ul li a:hover{		
		border-top: solid 4px #7f6b4d;
		color: #333333;
	}
	header.fixed #nav-mobile {
		background: url(../../img/icon_menu.svg) no-repeat top center;
	}
	#nav-mobile.nav-active, header.fixed #nav-mobile.nav-active{
		opacity: 1;
		background: url(../../img/icon_menu_cerrar.svg) no-repeat bottom center;
		top:-8px;
	}
	#nav-mobile {
		display: none;
		background: url(../../img/icon_menu.svg) no-repeat top center;
		float: left;
		width: 30px;
		height: 30px;
		position: absolute;
		left: 17px;
		top: 12px;
		fill: #BDAD90;
	}
.item_vacio{
	width: 156px;
}
.item_vacio.logeado{
	width: 70px;
}

@media (max-width: 1199px) {
	header {
	    height: 45px;
	    background: #FFF;
	}
	.logop{
		width:100%;
		top:2px;
		z-index: 6;
		}
	.logohome {
	    width: 70px;
		height: 70px;
	}
	div#dato_usuario p.logoreserva{
		float:none;
		width:100%;
		text-align: center;
		}
	div#dato_usuario .logohome{
		display: inline-block;
		margin-left: -35px;
		}
	div#dato_usuario nav#menu_reserva{
		width:100%;
		float:none;
		z-index: auto;
		}
	#menu_reserva ul {
	    max-height: 0;
	    overflow: hidden;
	    float: none;
	    margin: 0;
		}
	div#dato_usuario ul{
		padding: 0;
		}
	div#dato_usuario #menu_reserva ul.open-menu {
	    max-height: 880px;
	    transition: max-height .4s;
	    position: absolute;
	    width: 100%;
		margin-top:28px;
		box-shadow: 0 18px 18px -0.5rem rgba(0,0,0,.2);
	}
	div#dato_usuario #nav-mobile {
		display: block;
		z-index: 6;
	}
	div#dato_usuario #menu_reserva li {
	    float: none;
		text-indent: 0;
		text-align: center;
		border-bottom: 1px solid #EDEDED;
		font-size: 18px;
		margin: 0;
		display: block;
	}
	div#dato_usuario nav#menu_reserva li:nth-child(2){
		margin-right: 0;
	}
	#menu li:nth-last-child(2){ 
		border-bottom: 0;
		}
		div#dato_usuario nav#menu_reserva ul li a{
			color: #333333;
			padding: 6px 0;
			height: auto;
			line-height: normal;
			display: block;
			background: #FFF;
		}
		div#dato_usuario nav#menu_reserva ul li.bagshop a{
			padding:0;
			}
		div#dato_usuario nav#menu_reserva ul li a:hover {
			border-top: none;
		}
		div#dato_usuario nav#menu_reserva ul li:first-child a {
			padding-top: 55px;
		}
		div#dato_usuario nav#menu_reserva ul li:nth-last-child(3) a{
			padding-bottom: 38px;
		}
	div#dato_usuario #menu_reserva ul li.login{
		float: right;
		position: fixed;
		top: 17px;
		right: 44px;
		z-index: 10;
		cursor:pointer;
		border-bottom: 0;
		}
		div#dato_usuario #menu_reserva ul li.login a{
			padding: 0;
		}		
	div#dato_usuario #menu_reserva ul li.bagshop{
		display: block;
		float: right;
		position: fixed;
		top: 17px;
		right: 22px;
		z-index: 10;
		cursor: pointer;
		border-bottom: 0;
	}
	.pedidoMenu, .casaMenu, .franquiciaMenu, .estamosMenu{ 
		padding-left: 0;
		}
}
@media (max-width: 767px) {
	div#dato_usuario li{
		margin: 32px 0 0 13px;
		}
}
/*NEw menu con carta*/

/*Menu*/
.cartaMenu #submenucat{
    padding: 24px 0;
    display: block;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.5);
    color: #9f8e6e;
    top: 80px;
    max-height: 0;
    display: none;
}
.cartaMenu #submenucat .item_submenu{
    width: 160px;
    margin: 0 6px;
    margin: 0 14px;
    /* box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.2); */
}
.cartaMenu #submenucat .item_submenu:hover {
    box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.2);
}
.cartaMenu #submenucat .item_submenu .sec_title3{
    color: #9f8e6e;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.4px;
}
.cartaMenu #submenucat .item_submenu:hover .sec_title3{
    font-weight: 600;
}
.cartaMenu #submenucat .item_submenu .img_prodcard{
    height: 100px;
}
.cartaMenu .cont_li_item{
	padding: 5px 0 10px 0;
	box-sizing: border-box;
}
.cartaMenu #submenucat .item_menuvermas {
    padding: 0;
    box-shadow: none;
    width: 100%;
    background: transparent;
    box-sizing: border-box;
    margin: 12px 0;
}
.cartaMenu #submenucat .item_menuvermas:hover {
    box-shadow: none;
}
.cartaMenu #submenucat .item_submenu.item_menuvermas a {
    width: 230px;
    display: block;
    text-transform: uppercase;
}
div#dato_usuario nav#menu_reserva ul.submenu .item_submenu a.btn_whitegold:hover{
	color: #ffffff;
	border-top: none;
	background: #BDAD90;
}
#submenucat.open_sub{
    max-height: max-content;
    display: block;
}
@media (min-width: 1200px) {
	.cartaMenu.open_sub > a{
		border-top: solid 4px #7f6b4d;
	}
}
/*Mobile menu*/
.arrow_submenu{
    background: url('../../img/icon_arrow_close.svg') no-repeat;
    width: 12px;
    height: 12px;
    display: block;
    position: relative;
    top: 5px;
    right: 10px;
    float: right;
}
.arrow_submenu.open_sub{
    background: url('../../img/icon_arrow_open.svg') no-repeat;
}
div#dato_usuario nav#menu_reserva ul.submenu{
    margin: 0;
}
div#dato_usuario nav#menu_reserva ul.submenu.open_sub{
    max-height: max-content;
    overflow: hidden;
    transition: max-height 4.6s;
}
div#dato_usuario nav#menu_reserva ul.submenu .item_submenu{
    border-bottom: none;
    background: #ffffff;
}
div#dato_usuario nav#menu_reserva ul.submenu .item_submenu a{
    color: #BDAD90;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.5142857px;
    padding: 0;    
}
.item_submenu.item_menuvermas a{
    margin: 0 auto;
	width: 130px;
	font-weight: 600 !important;
	margin-top: 2px;
}
/***/
.hide_desk_hiden{
	display: none;
}
.hide_desktop{
    display: none !important;
}
.hide_mobile{
    display: block !important;
}
.pedidoMenu.hide_desktop{
    display: none !important;
}
.item_vacio.hide_mobile, .logodesk.hide_mobile,.pedidoMenu.hide_mobile{
    display:inline-block !important;
}

@media (max-width: 1199px) {
	.hide_desk_hiden{
		display: inline;
	}
	.hide_desktop{
        display: block !important;
    }
    .hide_mobile{
        display: none!important;
    } 
    .pedidoMenu.hide_desktop{
        display:block !important;
	}
	/*Mobile menu*/
    .item_vacio.hide_mobile, .pedidoMenu.hide_mobile{
        display: none !important;
	}
	.cartaMenu #submenucat .item_submenu .img_prodcard{
		display: none;
	}	
	.cartaMenu #submenucat {
		position: relative;
		top: 0;
		box-shadow: none;
		padding: 0;
	}		
	.cartaMenu #submenucat .item_submenu {
		width: 100% !important;
	}
	div#dato_usuario nav#menu_reserva ul.submenu .item_submenu.item_menuvermas{
		padding:38px 0 10px 0;
	}
	.cartaMenu .cont_li_item {
		padding: 0;
	}
	.cartaMenu #submenucat .item_submenu .sec_title3 {
		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
	}
}
/** Contenido Carta **/
.secciones_menu{
	padding-top: 38px;
	}
#section-1{
	padding-top:0;
}
div#carta div{
	width:800px;
	margin:0;
	display:inline-block
	}
	div#carta div h2{
		font-size:20px;
		color:#2B2D2D;
		font-weight:700;
		padding:58px 0 12px 15px;
		letter-spacing:0.04em;
		}
	div#carta div ul li{
		width:370px;
		background:#FFF;
		box-sizing:border-box;
		border-left:#FFF solid 5px;
		display:inline-block;
		border-radius:2px 0 2px 0;
		margin:15px 15px;
	}
		div#carta div ul li:hover, div#carta div ul li.select{
			border-left:#9F8E6E solid 5px
			}
		div#carta div ul li a{
			display:block;
			height:140px;
			}
		div#carta div ul li div{
			float:left;
			width:205px;
			position:relative;
			}
			div#carta div ul li h3{
				font-size:16px;
				color:#333333;
				line-height:20px;
				letter-spacing:0.02em;
				padding:14px 10px 6px 10px;
				}
			div#carta div ul li p{
				font-size:12px;
				color:#878787;
				letter-spacing:0.06em;
				line-height:18px;
				padding:0 10px 17px 10px;
				}
			div#carta div ul li span{
				font-size:16px;
				color:#878787;
				padding:0 10px 0 10px;
				position:absolute;
				top:113px;
				}
			div#carta div#section-4 ul li h3 span{
				display: none;
				}
/*Combo menu*/	
	div#carta div ul.combo li span{
	top:60px;
	}
		div#carta div ul li span span{
		font-size:14px;
		color:#ff8100;
		padding:10px;
		position:relative;
		top:-26px !important;
		display: inline-flex;
		float: right;
		right: -22px;
		}
			div#carta div ul li span span.callactionpack + span{
			background:	#9F8E6E;
			color: #fff;
			padding: 5px 10px;
			border-radius: 2px;
			font-weight: 600;
			margin: 5px 0;
			}
			div#carta div ul li span span.callaction{
				background:	#9F8E6E;
				color: #fff !important;
                /* padding: 5px 10px; */
                padding: 5px 25px;
				border-radius: 2px;
				font-weight: 600;
				margin: 5px 0;
				top: -10px !important;
				right: -61px;
			}
/* */
div#carta div ul li img {
    float: right;
    width: 140px;
    height: 140px;
}
@media (max-width: 1199px) {
div#carta{
	display:inline-block;
	}
	div#carta div{
		margin:0 auto;
		/*display:block;*/
		}
}
@media (max-width: 1023px) {
	div#carta div{
		width:100%;
		}
	nav#menupedidos ul li{
		margin:28px 2% 0 2%
		}
	/*nav#menupedidos ul li:last-of-type{
		width:28%;
		}
	nav#menupedidos ul li:last-of-type a{
		width:95%;
		}*/
	div#carta div ul li{
		width:48%;
		margin:15px 1%
		}
	}
@media (max-width: 767px) {
header{
	text-align:center
	}
header img{
	width:138px;
	height:58px;
	margin:9px auto
	}
nav#menupedidos{
    overflow: auto;
	white-space: nowrap;
    padding: 50px 0 0 0; /*adicionado al eliminar opciones ul*/
	}
/*nav#menupedidos ul li:last-of-type{
	width:170px;
	display:inline-block;
	float:none;
	margin:0 15px
	}*/
div#carta div ul{
	text-align: center;
}
div#carta div ul li{
	max-width:370px;
	width:98%;
	margin:5px 1%;
	text-align: initial;
	}
div#carta div h2{
	padding:28px 0 12px 15px;
	}
	}
@media (max-width: 370px){
	div#carta div ul li span span{
		right: -5px;
	}
	div#carta div ul li span span.callaction{
		right: -45px;
	}
}
@media (max-width: 359px) {
	div#carta div ul li div{
		width:165px;
		}
	div#carta div ul li h3{
		line-height:18px;
		padding:8px 10px 6px 10px
		}
}
@media (max-width: 320px){
	div#carta div ul li span span.callaction{
		top: -26px !important;
		right: -8px;
	}
}
/* Popups */
div.popupsmalvon{
	background:#FFF;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	border-radius:4px;
	width:600px;
	margin:0 auto;
	padding: 30px 0;
	}
div.popupsmalvon div.scroll_popup div{
	height:110px;
	-webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	}
div.popupsmalvon h2{
	/* font-size:20px;
	font-weight:700;
	color:#2B2D2D;
	letter-spacing:0.05em;
	padding:33px 0 27px 30px;*/
	color: #7f6b4d;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	text-align: center;
	letter-spacing: 0.6666667px;
	padding-bottom: 20px;
	}
div.popupsmalvon div button{
	background:#FFF;
	width:155px;
	box-sizing:border-box;
	height:50px;
	border:solid 1px #9f8e6e;
	color:#bdad90;
	cursor:pointer;
	letter-spacing:0.02em;
	margin:30px 0 30px 30px;
	font-size: 18px;
	font-weight: 500;
	line-height: 19px;
	}
div.popupsmalvon div button+button{
	background:#9f8e6e;
	width:355px;
	color:#FFF
	}
@media (max-width: 610px) {
	div.popupsmalvon{
		border-radius: 0;
	}
}
div#preferida label, div#recogida label{
	width:100%;
	display:block;
	height:120px;
	cursor:pointer;
	margin:0 0 21px 0
	}
/* div#preferida label+input+label, div#recogida label+input+label{
	margin:0 0 0 0
	} */
div#preferida input[type=radio], div#recogida input[type=radio]{
	display:none
	}
div#preferida input[type=radio]+label, div#recogida input[type=radio]+label span{
	position: relative;
	display: inline-block;
	/* background:url(../../img/radio-off-on.png) no-repeat 206px 50px; */
	}
div#preferida input[type=radio]:checked+label, div#recogida input[type=radio]:checked+label{
	/* background:url(../../img/icon_radiobtn.png) no-repeat 206px 50px; */
	/* background-position-y: -88px; */
	}
/*add css radiobutton*/
div#preferida input[type=radio]+label span::before, div#recogida input[type=radio]+label span::before{
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	top: 0;
	position: absolute;
	text-align: initial;
	margin-left: -27px;
	color: #666666;	
	font-size: 18px;
}
div#recogida input[type=radio]+label span::before{
	top: 30px;
}
div#preferida input[type=radio]:checked+label span::before, div#recogida input[type=radio]:checked+label span::before{
	content: "\f192";
	color: #BDAD90;
}
/*****/
div#preferida label img, div#recogida label img{
	border:#CCCCCC solid 1px;
	padding:37px 38px 35px 40px;
	margin:0 0 0 36px;
	float:left
	}
div#preferida label+input+label img, div#recogida label+input+label img{
	padding:32px 45px 39px 47px
	}
div#preferida label span, div#recogida label span{
	float:left;
	font-weight:500;
	margin:50px 0 0 58px;
	letter-spacing:0.03em;
	position: absolute; /*add fawesome*/
	max-width: calc(100vw - 188px);
	}
	
div#recogida label img{
	padding:0;
	margin:0 0 0 36px;
	}
div#recogida label+input+label img{
	padding:0
	}
div#recogida label span{
	margin:14px 0 0 58px;
	line-height:24px
	}

div#repartidores label{
	width:100%;
	display:block;
	height:77px;
	cursor:pointer;
	margin:19px 0 34px 0;
	position: relative;
	}
div#repartidores input[type=radio]{
	display:none
	}
div#repartidores input[type=radio]+label{
	/* background:url(../../img/radio-off.png) no-repeat 40px 30px; */
	}
div#repartidores input[type=radio]:checked+label{
	/* background:url(../../img/radio-on.png) no-repeat 40px 30px; */
	}
/*add css radiobutton*/
div#repartidores input[type=radio]+label::before{
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	top: 31px;
	position: absolute;
	text-align: initial;
	margin-left: 32px;
	color: #666666;	
	font-size: 18px;
}
div#repartidores input[type=radio]:checked+label::before{
	content: "\f192";
	color: #BDAD90;
}
/*****/
div#repartidores label img{
	margin:8px 0 0 86px
	}
div#repartidores label img.Just{
	width: 250px;
}
@media (max-width: 610px) {
	div#repartidores label img.Just{
	width: 170px;
	margin: 20px 0 0 80px;
}
	}
div#repartidores label img.malvon{
	width: 181px;
	margin: -2px 0 0 86px;
}
div#repartidores label+input+label img{
	margin:21px 0 0 92px;
	height:41px
	}
div#repartidores label+input+label+input+label{
	margin:21px 0 40px 0
	}
div#repartidores label+input+label+input+label img{
	margin:12px 0 0 86px
	}
/* TEMPORAL */
div#telefono-tienda p{
	letter-spacing:0.02em;
	padding:16px 0 0 30px
	}
div#telefono-tienda p+p{
	text-align:center;
	font-size:30px;
	font-weight:700;
	padding:20px 0 48px 0
	}
/* TEMPORAL */
@media (max-width: 610px) {
	div.popupsmalvon div button{
		height:40px;
	}
	div.popupsmalvon{
		width:96%;
		margin:0 auto;
		}
	/* div.popupsmalvon div{
		height:90px;
		} */
	div.popupsmalvon h2{
		padding:33px 0 27px 0;
		text-align:center
		}
	div.popupsmalvon div button{
		width:38%;
		margin:20px 0 20px 2%;
		}
	div.popupsmalvon div button+button{
		width:56%;
		}
	/* div#preferida label, div#recogida label{
		height:100px;
		} */
	/* div#preferida input[type=radio]+label, div#recogida input[type=radio]+label{
		background:url(../../img/radio-off.png) no-repeat 126px 30px;
		}
	div#preferida input[type=radio]:checked+label, div#recogida input[type=radio]:checked+label{
		background:url(../../img/radio-on.png) no-repeat 126px 30px;
		} */
		div#preferida input[type="radio"] + label::before, div#recogida input[type="radio"] + label::before,div#preferida input[type=radio]:checked+label::before, div#recogida input[type=radio]:checked+label::before {
			top: 30px;
			margin-left: 10px;
		}
	div#preferida label img, div#recogida label img{
		padding:17px 18px 15px 20px;
		margin:0 0 0 6px;
		}
	div#preferida label+input+label img, div#recogida label+input+label img{
		padding:12px 25px 19px 27px
		}
	div#preferida label span, div#recogida label span{
		margin:30px 0 0 38px;
		}

	div#recogida label img{
		width:107px;
		padding:0;
		}
	div#recogida label+input+label img{
		padding:0
		}
	div#recogida label span{
		margin:5px 0 0 38px;
		}

	div#repartidores label{
		margin:10px 0 10px 0
		}
	div#repartidores label+input+label+input+label{
		margin:10px 0 10px 0
		}
}
@media (max-width: 359px) {
div#preferida label span, div#recogida label span{
	font-size:14px;
	margin:32px 0 0 38px;
	}
div#recogida label span{
	margin:5px 0 0 38px;
	}
}
/*Especificaciones*/

div#especificaciones p, div#cantidad-sinfoto p, div#cantidad-confoto p{
	margin: 14px 22px 14px 30px;
	letter-spacing:0.03em;
	line-height: 16pt;
}
div#especificaciones textarea{
	padding: 14px 0px 11px 15px;
    margin: 23px 22px 52px 30px;
    letter-spacing: 0.03em;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
	border: #CCCCCC 1px solid;
	width: calc(100% - 75px);
	box-sizing: border-box;
}
@media (max-width: 767px) {
	div#especificaciones textarea{
		width:80%;
	}
	}
@media (max-width: 359px) {
	div#especificaciones h2{
		font-size: 15px;
	}
	div#especificaciones p, div#especificaciones textarea{
		font-size: 13px;
	}
	div#especificaciones h2, div#cantidad-sinfoto h2, div#cantidad-confoto h2{
		padding: 33px 0 27px 30px;
		text-align:left;
	}
	div#especificaciones p{
		text-align:justify;
	}
	div#especificaciones textarea{
		width:75%;
	}
}
/*Cantidad sin foto*/
div#cantidad-sinfoto.popupsmalvon div, div#cantidad-confoto.popupsmalvon div{
	box-shadow:none;
	/* height: 100px; */
	/* margin: 30px 0 -53px 0; */
	text-align: center;
	width:100%;
	display:block;
	position:relative;
}
div#cantidad-sinfoto.popupsmalvon div+div, div#cantidad-confoto.popupsmalvon div+div{
	/* height:110px; */
	-webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	text-align:left;
	padding-top:0px;
	/* margin: 27px 0 -53px 0; */
	}

div#cantidad-sinfoto p, div#cantidad-confoto p{
	font-size: 14px;
	/* margin-top:-21px; */
	letter-spacing: 0.03em;
}
div#cantidad-sinfoto div a, div#cantidad-confoto div a{
	display:inline-block;
	width:28%;
	text-align:center;
	cursor: pointer;
	}
div#cantidad-sinfoto div span, div#cantidad-confoto div span{
	display:block;
	width:100%;
	font-family: 'Raleway', sans-serif;
	font-size:30px;
	font-weight: 800;
	margin: 0 0 -25px 0;
	}
div#cantidad-sinfoto div a img, div#cantidad-confoto div a img{
	width:23px;
	height:23px;
}

/*cantidad con foto*/
div#cantidad-confoto+img{
	text-align:center;
}
div#cantidad-confoto img{
	margin:0 5%;
	width:90%;
}
div#cantidad-confoto h2, div#cantidad-sinfoto h2{
	/* padding: 29px 5% 27px 5%; */
	padding: 14px 5% 4px 5%;
}
div#cantidad-confoto.popupsmalvon div{
	/* padding-top: 22px; */
	padding-top: 0;
	margin-top: 0;
}
div#cantidad-confoto div span {
    margin: 0 0 -32px 0;
}
@media (max-width: 359px) {
div#cantidad-sinfoto.popupsmalvon div, div#cantidad-confoto.popupsmalvon div{
	margin: 20px 0 -60px 0;
}
div#cantidad-confoto h2, div#cantidad-sinfoto h2 {
    padding: 25px 5% 20px 5%;
}
div#cantidad-sinfoto p ,div#cantidad-confoto p {
	margin: 0 5% 15px 5%;
	text-align:justify;
}
div#cantidad-sinfoto.popupsmalvon div+div, div#cantidad-confoto.popupsmalvon div+div{
	margin: 15px 0 -53px 0;
	}
div#cantidad-confoto.popupsmalvon div {
    margin: 0 0 -60px 0;
}
div#cantidad-confoto.popupsmalvon div {
    padding-top: 0;
}
}
/**Haz tu pedido**/

div#haztupedido.popupsmalvon{
	border-radius: 0 0 4px 4px;
	box-shadow:0px 3px 5px 0px rgba(0,0,0,0.2);
	letter-spacing: 0.03em;
	line-height: 16pt;
	margin-top: -54px;
	position: absolute;
	right:0;
	top:50px;
	width: 370px;
	z-index: 9;
	padding: 0;
}
div#haztupedido form div#ventana{
	z-index:10;
	display:block;
	}
div#haztupedido div{
	 box-shadow: none;
	 /* height: auto;  */
}
div#haztupedido form{
	width: 370px;
	text-align:justify;
	position:relative;
	background:#fff;
	box-shadow: none;
}
/* div#haztupedido form div#ventana div:first-child{
	font-size:14px;
	margin:3px 0 3px 0;
	} */
div#haztupedido form div h3{	
	text-align:center;
	font-weight: bold;
	margin: 10px 0;
	font-size: 16px;
	letter-spacing:0.02em;
}
div#haztupedido form div#ventana div input.input_radio_date{
	display: none;
}
div#haztupedido form div#ventana div label.label_radio_date{
    background: url(../../img/icon-noselect.png) no-repeat 15px center;
	background-size: 12px;
	text-indent: 20px;
	display:inline-block;	
	/*width:156px;*/
	width: calc(50% - 22px);
	text-align:center;
	text-indent: 3px;
	line-height: 12px;
	cursor:pointer;
}
div#haztupedido form div#ventana div input.input_radio_date:checked+label.label_radio_date{
    background: url(../../img/icon-select.png) no-repeat 15px center;
	background-size: 12px;
}
div#haztupedido form div#ventana div label.label_radio_date[for="op_1"]{
	margin: 0 4px;
	}
	div#haztupedido form div#ventana div label.label_radio_date[for="op_1"] span{
		padding-left: 25px;
	}
	div#haztupedido form div#ventana div label.label_radio_date[for="op_2"] span{
		padding-left: 25px;
	}
div#haztupedido form div#ventana div label.label_radio_date[for="op_2"]{
	margin: 0 10px;
	}
div#haztupedido form div#ventana button.btn_cesta, div#haztupedido form div#total button.btn_cesta{
	font-size: 16px;
	width: 92%;
	height: 50px;
	color: #FFF;
	padding: 0;
	text-align: center;
	background: #9F8E6E;
	margin: 13px 15px 22px 15px;
	font-weight: 700;
	line-height: 50px;
	border-radius: 2px;
	border: none;
}
div#haztupedido form div#ventana button.btn_cesta.disabled{
	color: #8c9b9b;
	background: #bac3c3;
}
div#haztupedido form div#masadelante{
	display:none;
	text-align: center;
	margin-top: 5px;
}
div#haztupedido form div#masadelante div.datetimepicker-dummy-wrapper {
    margin: auto;
    font-size: inherit;
    height: 100%;
    /* max-width: none; */
}
div#haztupedido form div#masadelante div.input_datetime, .input_datetime{
	width: 156px;
	display: inline-block;
}
#masadelante .input_datetime .datetimepicker-dummy-input{
	max-width: 100%;
}
#masadelante .datetimepicker-dummy.is-primary::before, .datetimepicker-dummy.is-primary::before {
    background-color: #9F8E6E;
}
#content-time-picker .datetimepicker-dummy::before {
	mask:url(../../img/clock-regular.svg);
}
/*Hora color*/
.datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input, .datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input, .datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input, .datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input{
	color: #9F8E6E;
	line-height: initial;
}
.datetimepicker .timepicker .timepicker-time-divider{
	color: #9F8E6E;
}
.datetimepicker-dummy.is-primary .datetimepicker-clear-button {
    color: #9F8E6E;
}
/**/
.datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input:first-child{
	text-indent: 2.3rem;
}
.datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input {
	font-size: 14px;
}
/*Calendar color*/
.datetimepicker.is-primary .datepicker-nav {
	background: #9F8E6E;
}
.datetimepicker.is-primary .datetimepicker-header .datetimepicker-selection-day {
    color: #9F8E6E;
}
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
    background: #9F8E6E;
    border-color: #9F8E6E;
}
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
    border-color: #9F8E6E;
    color: #9F8E6E;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
    background: 0 0;
	border: .1rem dotted #9F8E6E;
}
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
    border-color: #9F8E6E;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
    background: #fff;
	border: .1rem solid #9F8E6E;
}
/**/
/*picker button*/
#content-date-picker .datetimepicker-footer-validate{
	display: block !important;
}
#content-date-picker .datetimepicker-footer-today, #content-date-picker .datetimepicker-footer-clear,#content-date-picker .datetimepicker-footer-cancel, #content-time-picker .datetimepicker-footer-clear, #content-time-picker .datetimepicker-footer-cancel{
	display: none !important;
}
.datetimepicker .timepicker .timepicker-next, .datetimepicker .timepicker .timepicker-previous {
	font-size: 4rem;
	color: #9F8E6E;
}
#content-date-picker .button{
    font-size: .75rem;
	font-weight: 700;
    background: initial;
    width: auto;
    box-sizing: initial;
    height: auto;
    border: initial;
    cursor: pointer;
    border-radius: initial;
    letter-spacing: normal;
	margin: auto;
}
/* div#haztupedido form div#masadelante select, div#haztupedido form div#masadelante input{
	width:156px;
	height: 30px;
	text-align: center;
	border: 1px solid #CBCBCB;
	color: #656565;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	-webkit-appearance: none;
	margin: 14px 13px 10px 13px;
	text-align-last: center;
	text-indent: 3px;
	box-sizing: border-box;
	cursor:pointer;
	} */
/*modificacion scroll para packs*/
div#haztupedido form div#ventana div.scroll{
	height: auto;
	max-height:38vh;
	min-height: 32vh;/*35vh;*/
	overflow-y: scroll;  
	text-align: left;   
	scrollbar-color: #9f8e6e rgba(189,173,144,0.4);
	scrollbar-width: thin;
}
/*fin modificacion scroll para packs*/
div#haztupedido form div button.btn_cesta {
	display:none;
	width: 100%;
	margin: 0;
}
div#haztupedido form div ul{
	margin-bottom: 10px;
	text-align:justify;
}
div#haztupedido form div ul li{
	margin: 0 7% 5px 7%;
}
div#haztupedido div ul li div button.btn_cesta{
	background: #fff;	
}
div#haztupedido button.btn_cesta+span+span, div#haztupedido button.btn_cesta+span+span{
	font-family: 'Raleway', sans-serif;
	border:none;
	width:15px;
	font-size:14px;	
	font-weight: 200;
	text-align:center;
}
div#haztupedido form div ul li span{
	display:inline-block;
	vertical-align: top;
	width:15%;
	position:relative;
	text-align:center;
	}
div#haztupedido form div ul li span a{
	display:inline-block;
	width:50%;
	text-align:left;
	margin:0;
	cursor: pointer;
	}
div#haztupedido form div ul li span a img{
	width:15px;
	height:15px;
}
div#haztupedido form div ul li span a+a{
	text-align:right;
	}
div#haztupedido form div ul li span strong{
	display:block;
	width:100%;
	margin:0 0 -20px 0;
	font-size:14px;
	text-indent: 2px;
	text-align: center;
	}
div#haztupedido form div ul li span+span{	
	text-align: left;
	margin: 2px 0 0 17px;
	width: 51%;
}
div#haztupedido form div ul li span+span+span{	
	text-align:right;
	width: 22%;
	margin: 0;
	float: right;
}
div#haztupedido div a{
	color: #BDAD90;
	margin: 0 7% 0 7%;
	display: inline-block;
}
div#haztupedido form div#ventana hr{
	border-top: 1px solid #CBCBCB;
	border-bottom: none;
	margin: 3px 0 0 0;
	width: 100%;
	display: inline-flex;
}
div#haztupedido form div#ventana div hr{
	border-top: 1px solid #CBCBCB;
	margin: 10px 7% 17px 7%;
	border-bottom: none;
	width: auto;
	display:block;
}
div#haztupedido div#total{
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	height: auto;
	margin: 0;
	padding: 30px 7% 33px 7%;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0.06em;
	margin-top: 10px;
}
div#haztupedido div#total span{
	display:inline-block;
	text-align: left;
	width: 75%;
}
div#haztupedido div#total span+span{
	text-align: right;
	width: 22%;
	float: right;
}
div#haztupedido div+div ul{text-align:justify;}
div#haztupedido div+div ul li span {	
	width:74%;
	text-align:left;
	margin-bottom: 10px;
	display:inline-block;
}
div#haztupedido div+div ul li span+span {	
	width: 22%;
	text-align:right;
	margin: 0;
	float: right;
}
div#haztupedido form div#ventana div div#cerrar-cesta{ 
	display:none;
	width: 15px;
	height: 15px;
	float: right;
	overflow:hidden;
	margin-top: 0;
	margin-right:0;
	background-image: url(../../img/icon-close.svg);
	background-color:#FFF;
	cursor:pointer;
	margin: 0 5% 0 0;
	}
div#haztupedido form div#ventana button[name="Ircesta1"]{
	display: block;
	text-indent: -3px;
}
div#haztupedido div#total a {
    display:none;
}
div#haztupedido div.contend-prd ul li span+span i {
    color: #ff8800;
	cursor: pointer;
}
.cesta-fixed{
     /*position:fixed !important;
     top: 65px !important;   */
	 margin-top: -54px !important;
}
.nullprod{
	text-align:center;
	display:block;	
	position:relative;
	margin-bottom:22px;
}
@media (max-width: 1199px) {
	div#carta div{
		display:inline-block;
	}
	div#haztupedido.popupsmalvon {
		margin: 0 15px 0 0;
		display:inline-block;
		right:2vh; 
		}
	div#haztupedido form div#ventana div hr {
		margin: 10px 5% 17px 5%;
		}
	.cesta-fixed{
		/*top:0;
		right: 0;*/
	}
  	div#haztupedido form div#masadelante div.datetimepicker-dummy {
		height: 2.5rem;
	}	
	div#masadelante .modal.is-active, div#masadelante .modal.is-active div{
		height: auto;
	}
	div#haztupedido .datetimepicker .timepicker .timepicker-next,div#haztupedido .datetimepicker .timepicker .timepicker-previous{
		font-size: 3rem;
	}
}
@media (max-width: 1024px) {
	div#carta{
		margin-bottom: 120px;
	}
	div#haztupedido.popupsmalvon{
		width: 100%;	
		letter-spacing: 0.03em;
		line-height: 16pt;
		background:#fff;
		position: fixed;
		/*z-index: 1002;*/
		z-index:9;
		bottom:0px;
		margin-top:0;
		right: 0;
		top: auto !important;
		margin: 0;
	}
	div#haztupedido form{
		position:relative;
		width: 100%;
		}
	div#haztupedido form div#ventana{
		display: none;
		overflow-y: scroll;
		max-height: calc(100vh - 100px);
		height: auto;
	}
	/* div#haztupedido form div#ventana div:first-child {
		margin: 13px 0 3px 0;
	} */
	div#haztupedido form div#ventana button.btn_cesta[name="Ircesta1"]{
		display: none;
	}
	div#haztupedido form div#ventana div div#cerrar-cesta{
		display:block;	
	}
	/* div#haztupedido form div#masadelante select {
		margin: 0%;
		width: 42%;
	} */
	div#haztupedido form .opciones_datetime{
		height: 60px;
	}
	div#haztupedido form div#masadelante{
		height: auto;
		max-height:2.5rem;
	}
	div#haztupedido form div#ventana div label{
		/* width:130px; */
		/*width: calc(50% - 32px);*/
	}
	div#haztupedido form div#ventana div label span {
		padding: 0 0 0 26px;
	}
	div#haztupedido form div ul li {
		display: block;
		margin:0;
		padding: 0 5% 0 5%;
	}
	div#haztupedido form span, div#haztupedido form a {
		font-size:12px;
		margin: 0;
	}
	div#haztupedido form div:first-child {
		text-align:center;
		/* height: 10%; */
	}
	div#haztupedido form div#ventana div.scroll{
	height: auto;
	max-height:40vh;
	min-height: 32vh;/*35vh;*/
	overflow-y: scroll;  
	text-align: left;   
	}
	div#haztupedido form a {
		text-indent: 5%;
		width:100%
	}
	div#haztupedido form div ul li span + span + span {
		float: right;
	}
	div#haztupedido div + div ul li span {
		width: 50%;
		margin-bottom:none;
	}
	div#haztupedido div+div ul li span+span{	
		float: right;
		text-align: right;
	}
	.nullprod{
		margin-top:16px;
	}
	div#haztupedido div#total {
		padding: 10px 5% 15px 5%;
		margin-right: 0;
		margin-top: 0;
		}
	div#haztupedido div#total a{
		display:block;
		}
	div#haztupedido div#total span{
		width: 50%;
		margin-bottom: 5px;
	}
	div#haztupedido div+div span+span {	
		float: right;
	}
	div#haztupedido div#total a {
		text-align:right;
		padding: 0 0 10px 0
	}
	div#haztupedido form div#total button.btn_cesta {
		display: block;
		height: 40px;
		margin: 0px;
		width: 100%;
		line-height: 0;
	} 
}
@media (max-width: 610px) {
	
}
@media (max-width: 320px) {
	
	div#haztupedido form div#ventana div label {
		width: 111px;
	}
	div#haztupedido form div ul li span strong{
		margin:0 0 -18px 0;
		}
	div#haztupedido form div#masadelante input{
		margin: 14px 0 10px 0;
		}
}
/**Cambio por altura Cesta Menu**/
@media (max-height:900px) and (min-height:600px) {
	/* div#haztupedido form div#masadelante select, div#haztupedido form div#masadelante input{
		margin: 5px 13px 0px 13px;
	} */
	
	div#haztupedido form div#ventana div.scroll {
		max-height: 30vh;
		min-height: 25vh;
	}
	/* div#haztupedido div a {
		margin: 5px 7% 5px 7%;
	} */
	div#haztupedido div + div ul li span {
		margin-bottom: 5px;
	}
	div#haztupedido div#total {
		padding: 20px 7% 20px 7%;
	}
}
/****/

/****Cesta****/

div#cesta{	
	float: right;
	width: 370px;
	letter-spacing: 0.03em;
	line-height: 16pt;
	position: relative;
	right:0;		
}
div#cesta div{
	 box-shadow: none;
	 height: auto; 
}
div#cesta h3{
	font-weight:bold;
	margin:10px 5% 18px 5%;
	letter-spacing: 0.06em;
	font-size:16px;	
}
div#cesta form div ul{
	margin: 0 5% 0 5%;
}
div#cesta form div ul li{
	/*margin: 7px 0 26px 8px;*/
	margin: 7px 0 14px 8px;
}
div#cesta form div ul li span{
	display:inline-block;
	text-align:justify;
	width: 30px;
	vertical-align: middle;
	font-weight:500;
	margin-bottom:2px;
}
div#cesta form div ul li span+span{
	width: 67%;
	text-align:left;
}
div#cesta form div ul li span+span+span, div#cesta form div+div ul li span+span{
	width: 20%;
	float: right;
	margin-left: 10px;
	text-align:right;
}
div#cesta form div ul li ul {
	font-size:14px;
	padding: 0 0 0 4%;
	color:#878787;
}
div#cesta form div ul li ul li{
	margin:0;
	padding-top:3px;
}
div#cesta form div hr {
	border-top: 1px solid #CBCBCB; 
	margin: -9px 5% 0 5%; 
	border-bottom:none;
}
div#cesta form div+div ul{
	margin: 19px 5% 29px 3%;
}
div#cesta form div+div ul li {
    margin: 15px 0 14px 0;
}
div#cesta form div+div ul li+li span, div#cesta form div ul li span+span+span{
    letter-spacing:0.01em;
}
div#cesta form div+div ul li span{
	display:inline-block;
	width: 170px;
}
div#cesta form div+div+div{
	-webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	text-align:left;
	font-size: 16px;
	letter-spacing: 0.06em;
	padding: 30px 5% 30px 5%;
	font-weight:bold;
}
div#cesta form div+div+div span{
	display:inline-block;
	text-align:left;
	text-indent: -3px;
}
div#cesta form div+div+div span+span{
	float:right;
	text-align:right;
}
div#cesta form div+div ul li+li span+span i{
	color: #ff8800;
	cursor: pointer;
}
@media (max-width: 1199px) {
	div#cesta{right: 2%;
	width: 35%;
	}	
	div#cesta form div ul li span + span, div#cesta form div + div ul li span {
    width: 60%;
	}
	div#cesta form div ul li span + span + span, div#cesta form div + div ul li span + span{
		width:25%;
	}
}
@media (max-width: 1023px) {
	div#cesta{
		right: 1%;
		width:36%;
		font-size:14px;
	}
	div#cesta form div ul li span + span {
    width: 50%;
	}
	
}
@media (max-width: 767px) {
	div#cesta {
		display:none;
		/*  Descomentar si se desea que se meuestre la cesta en el login 
		display: block;
		position: absolute;
		top: calc(100% + 20px);
		width: 100%;
		right: 0; */
	}
	
}
@media (max-height: 400px) {
	/*div#haztupedido form div#ventana {
    overflow: scroll;
    max-height: 100vh;
}*/
	}


/**formulario de entrega**/
div#form-entrega {
	position:relative;
	float:left;
	background: #FFF;
	width: 770px;
	/*width:50%;*/
	margin: 0 auto;	
}
div#form-entrega form h2{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	letter-spacing: 0.05em;
	margin: 0 0 25px 0;
}
div#form-entrega form{
	/*width:100%;*/
	width: 616px;
	margin: 54px 73px 54px 73px;
}
div#form-entrega form div p{
	font-size: 16px;
	letter-spacing: 0.03em;
	margin: 14px 0 14px 0;
	text-align:justify;
	/*display: inline-block;*/
}
div#form-entrega form div p+p span{
	font-size:12px;
	color:#656565;
	margin-top: 6px;
	display: block;
	letter-spacing: 0.03em;
}
div#form-entrega form div p label, div#form-entrega form div p+p+p label,div#form-entrega form div p+p+p+p+p label{
	font-weight:800;
	display:inline-block;
	width:297px;
	text-indent:1px;
}
div#form-entrega form div p label+label, div#form-entrega form div p+p+p label+label ,div#form-entrega form div p+p+p+p+p label+label{
	margin-left: 18px;
}
div#form-entrega form div p label input,div#form-entrega form div p+p+p label input, div#form-entrega form div p+p+p+p+p label input{
	font-size:14px;
	letter-spacing:0.08em;
	/*width: 100%;*/
	width:295px;
	height: 34px;
	margin-top:8px;
	text-indent: 14px;
}
div#form-entrega form div p label,div#form-entrega form div p+p+p+p label,div#form-entrega form div p+p+p+p+p+p label, div#form-entrega form div p+p+p+p+p+p+p label{
	width: 616px;
	font-weight:800;
	display:inline-block;
	text-indent:1px;
}
div#form-entrega form div p label input, div#form-entrega form div p+p+p+p label input,div#form-entrega form div p+p+p+p+p+p label input, div#form-entrega form div p+p+p+p+p+p+p label input{
	width: 610px;
	font-size:14px;
	letter-spacing:0.08em;
	height: 34px;
	margin-top:8px;
	text-indent: 14px;
}
div#form-entrega form div p label textarea{
	/*width:610px;*/
	width:584px;
	height:57px;
	margin-top: 8px;
	padding:10px 15px;
	font-family:'Raleway', sans-serif;
	font-size: 14px;
	margin-bottom:26px;
}
div#form-entrega form div p input,div#form-entrega form div p label textarea{
	border-radius: 2px;
	border:1px solid #ccc;
}
div#form-entrega form div{
	border-bottom: 1px solid #ccc;	
}
div#form-entrega form div+div, div#form-entrega form div+div div{
	border-bottom: none;
}
div#form-entrega form div+div div{
	text-align:center;
}
div#form-entrega form div+div div h2{
	text-indent:-14px;
	margin: 28px 0 23px 0;
}
div#form-entrega form div#masadelante{
	display:none;
	text-align: center;
	padding-left:9px;
}
div#form-entrega form div#masadelante select, div#form-entrega form div#masadelante input{
	width:156px;
	height: 30px;
	text-align: center;
	border: 1px solid #CBCBCB;
	color: #656565;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	-webkit-appearance: none;
	margin: 21px 14px 10px 14px;
	text-align-last: center;
	text-indent: 3px;
	}
div#form-entrega form div+div div input[type="radio"]{
	display: none;
}
div#form-entrega form div+div div label {
    background: url(../../img/icon-noselect.png) no-repeat 15px center;
	background-size: 14px;
	text-indent: 20px;
	display:inline-block;	
	width:156px;
	text-align:center;
	margin: 0 14px 0 14px;
	text-indent: 3px;
}
div#form-entrega form div+div div input[type="radio"]:checked+label{
    background: url(../../img/icon-select.png) no-repeat 15px center;
	background-size: 14px;
}
div#form-entrega form div+div div label[for="op_1"]{
	margin: 0 24px 0 11px;
	}
div#form-entrega form div+div div label[for="op_2"]{
	margin: 0 10px 0 23px;
	text-indent:10px;
}
div#form-entrega form div+div button {
	font-size: 16px;
	width: 100%;
	height: 40px;
	color: #FFF;
	padding: 0;
	text-align: center;
	background: #9F8E6E;
	margin: 13px 0 22px 0;
	font-weight: 600;
	border-radius: 2px;
	border: none;
	letter-spacing: 0.05em;
	text-indent:-20px;
}

@media (max-width: 1199px) {
	div#form-entrega{
		left: 1%;
		width:50%;
		padding: 54px 5% 54px 5%;
	}
	div#form-entrega form{
		width:100%;
		margin:0
	}
	div#form-entrega form div p+p+p+p label, div#form-entrega form div p+p+p+p+p label{
		width:45%;
	}
	div#form-entrega form div p+p+p+p+p label input{
		width:100%
	}
	div#form-entrega form div p label+label{
		float:right;
	}
	div#form-entrega form div p label,div#form-entrega form div p+p+p label, div#form-entrega form div p+p+p+p+p+p label, div#form-entrega form div p+p+p+p+p+p+p label{
		width: 100%;
	}
	div#form-entrega form div p label input, div#form-entrega form div p+p+p label input, div#form-entrega form div p+p+p+p label input,div#form-entrega form div p+p+p+p+p+p label input, div#form-entrega form div p+p+p+p+p+p+p label input{
		width: 100%;
	}
	div#form-entrega form div p label textarea{
		width: 95.2%;
	}
}
@media (max-width: 1023px) {
	div#form-entrega{
			left: 1%;
			width: 55%;
			padding: 54px 2% 54px 2%;
		}
	div#form-entrega form{
			width:100%;
			margin:0
		}
	div#form-entrega form div#masadelante select {
		margin: 0%;
		width: 42%;
	}
	div#form-entrega form div#masadelante{
		height: auto;
	}
	div#form-entrega form div+div div label{
		width:130px;
	}
	div#form-entrega form div+div div label span {
		padding: 0 0 0 18px;
	}	
}
@media (max-width: 767px) {
	div#form-entrega{
		float:none;
		margin:0;
		width:94%;
		left: 1%;
		padding: 15px 2% 24px 2%;
	}
	div#form-entrega form div p label textarea{
	width: 94%;
	padding:10px;
	}
	div#form-entrega form div p+p+p+p label,div#form-entrega form div p+p+p+p+p label{
		width:100%;
	}
	div#form-entrega form div#masadelante {
		padding: 11px 0 0 0;
	}
	div#form-entrega form div#masadelante select {
		margin: 0;
		width: 42%;
	}
	div#form-entrega form div+div div label{
		width:130px;
		margin:0;
		display:inline;
	}
	div#form-entrega form div + div div label[for="op_1"], div#form-entrega form div + div div label[for="op_2"]{ margin:0;}
	div#form-entrega form div+div div label span {
		padding: 0 0 0 18px;
	}
	div#form-entrega form div + div div label span {
		padding: 0 0 0 35px;
		font-size:12px;
	}
	div#form-entrega form div p label + label, div#form-entrega form div p + p + p + p label + label {
		margin-top: 15px;
		
	}
	div#form-entrega form div p:nth-child(5){
		display: inline-block;
		width: 100%;
		margin: 0px 0 14px 0;
	}
}
/*Formulario Usuario Registrate*/

div#form-usuario{
	position:relative;
	float:left;
	background: #FFF;	
	width: 772px;
	margin: 0 auto;	
	font-family: 'Raleway', sans-serif;
}
div#form-usuario form{
	margin: 0 200px 0 200px;
	width: 372px;
	padding: 52px 0 68px 0;
}
div#form-usuario form h2{
	text-align:center;
	letter-spacing: 0.67px;
	font-size: 24px;
	font-weight:600;
	margin-bottom:27px;
	color:#7f6b4d;
	line-height: 32px;
}
div#form-usuario form p{
	display:block;
	text-align:center;
}
div#form-usuario form p a{
	color:#FFF;
	background:#3b5998;
	height: 40px;
	width: 170px;
	border-radius: 2px;
	font-weight:600;
	vertical-align: middle;
	display:inline-block;
	letter-spacing: 0.03em;
	text-align:left;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
}
div#form-usuario form p a+a{
	color:#FFF;
	background:#4285f4;
	height: 40px;
	width: 170px;
	font-weight:600;
	margin-left:27px;
}
div#form-usuario form p a img{
	vertical-align: middle;
	/* margin: 4px 11px 8px 6px; */
	margin: 0 10px 0 0;
	padding: 11px 14px;
	background: #2a4680;
}
div#form-usuario form p a+a img{
	background: #2e6fda;
	padding: 11px 9px;
}
div#form-usuario form div{
	position: relative;
	margin: 8px 0 0 0;
}
div#form-usuario form div::before{
	content: "";
	display: block;
	height: 1px;
	top: 20px;
	width: 100%;
	position: absolute;
	background: #abadad;
}
div#form-usuario form div span{
	display: block;
	text-align: center;
	background: #FFF;
	width: 31px;
	position: relative;
	top: 0px;
	left: 45.5%;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1em;
	line-height: 40px;
	/*color: #969999;*/
	background: #FFF;
}
div#form-usuario form p input{
	margin: 11px 0 19px 0;
	width:364px;
	height:35px;
	font-size:14px;
	text-indent:13px;
	letter-spacing: 0.03em;
	border-radius:2px;
	border:1px solid #CCC;
}
div#form-usuario form p button{
	display:block;
	position:relative;
	width:370px;
	height:38px;
	border-radius: 0;
	border:hidden;
	background:#9f8e6e;
	color:#FFF;	
	font-size:16px;
	letter-spacing:0.06em;
	text-indent:-3px;
	margin-top: 9px;
}
div#form-usuario form p span{
	font-size: 14px;
	margin: 20px 0 0 0;
	text-align:center;
	display:inline-block;
	font-weight: 500;
	color: #777777;
}
div#form-usuario form p span a{
	font-size: 14px;
	color:#9F8E6E;
	background:#fff;
	position:relative;
	vertical-align:baseline;
	height:auto;
	width: auto;
	font-weight: 600;
	margin:0; 
}
@media (max-width: 1199px) {
div#form-usuario{	
	width: 50%;	
	padding:52px 5% 68px 5%;
	/*margin-left:15px*/
}
div#form-usuario form{
	width: 100%;
	margin: 0 auto;
}
div#form-usuario form p a, div#form-usuario form p a+a{
	width: 45%;
}
div#form-usuario form p input{
	width: 98%;
}
div#form-usuario form p button{
	width:100%;
}
}
@media (max-width: 767px) {
	div#form-usuario{	
		width: 100%;	
		padding: 10px 0 10px 0;
		float:none;
		margin-left:0;	
	}
	div#form-usuario form{
		width: 90%;
	}
	div#form-usuario form p a, div#form-usuario form p a+a{
		width: 49%;
	}
	div#form-usuario form p a + a {
		margin-left: 0;
	}
	div#form-usuario form p a img {
		/* margin: 4px 5px 8px 6px; */
	}
	div#form-usuario form p input {
		margin: 9px 0 9px 0;
	}
}
/** Formulario Usuario Social sesion **/

div#form-sesion-social{
	position:relative;
	float:left;
	background: #FFF;	
	width: 772px;
	margin: 0 auto;	
	font-family: 'Raleway', sans-serif;
}
div#form-sesion-social form{
	margin:0 180px 0 180px;
	width:372px;
	padding:52px 0 68px 0;
}
div#form-sesion-social form h2{
	text-align:center;
	letter-spacing: 0.05em;
	font-size: 20px;
	font-weight:900;
	margin-bottom:8px;
}
div#form-sesion-social form p{
	display:block;
	text-align:center;
}
div#form-sesion-social form p.message{
	padding: 24px 0px;
	text-align:left;
}
div#form-sesion-social form p.message span{
	text-align:left;
	color: #BDAD90;
	display: inline-block;
	font-size: 20px;
	width: 10%;
	margin: 0px;
	vertical-align: text-top;
}
div#form-sesion-social form p.message span+span{
	color: #000;
	display: inline-block;
	font-size: 14px;
	width: 90%;
}
div#form-sesion-social form p a{
	color:#FFF;
	background:#355799;
	height: 40px;
	width: 170px;
	border-radius: 2px;
	font-weight:bold;
	vertical-align: middle;
	display:inline-block;
	letter-spacing: 0.03em;
	text-align:left;
}
div#form-sesion-social form p a+a{
	color:#FFF;
	background:#4185F3;
	height: 40px;
	width: 170px;
	font-weight:bold;
	margin-left:0px;
}
div#form-sesion-social form p a img{
	vertical-align: middle;
	/* margin: 4px 11px 8px 6px; */
}
div#form-sesion-social form p a+a img{
	/* margin: 5px 12px 8px 6px; */
}
div#form-sesion-social form div{
	position: relative;
	margin: 8px 0 0 0;
}
div#form-sesion-social form div::before{
	content: "";
	display: block;
	height: 1px;
	top: 20px;
	width: 100%;
	position: absolute;
	background: #abadad;
}
div#form-sesion-social form div span{
	display: block;
	text-align: center;
	background: #FFF;
	width: 31px;
	position: relative;
	top: 0px;
	left: 45.5%;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1em;
	line-height: 40px;
	background: #FFF;
}
div#form-sesion-social form p input{
	margin: 11px 0 19px 0;
	width:366px;
	/* height:35px; */
	font-size:14px;
	text-indent:13px;
	letter-spacing: 0.03em;
	border-radius:2px;
	border:1px solid #CCC;
}
div#form-sesion-social form p+p+p input{
	margin-bottom:5px;
}
div#form-sesion-social form p button{
	display:block;
	position:relative;
	width:370px;
	height:40px;
	border-radius: 2px;
	border:hidden;
	background:#BDAD90;
	color:#FFF;	
	font-size:16px;
	letter-spacing:0.06em;
	text-indent:-1px;
	margin-top: 29px;
}
div#form-sesion-social form p span{
	font-size: 14px;
	margin: 20px 0 0 0;
	text-align:center;
	display:inline-block;
	font-weight: 500;
}
div#form-sesion-social form p span a{
	font-size: 14px;
	color:#BDAD90;
	background:#fff;
	position:relative;
	vertical-align:middle;
	height:auto;
	width: auto;
	font-weight: 500;
	margin:0; 
}
div#form-sesion-social form p+p+p a{
	font-size: 14px;
	color:#BDAD90;
	background:#fff;
	vertical-align:middle;
	height:auto;
	width: auto;
	font-weight: 500;
}
@media (max-width: 1199px) {
div#form-sesion-social{	
	width: 50%;	
	padding:52px 5% 68px 5%;
	/*margin-left:15px*/
}
div#form-sesion-social form{
	width: 100%;
	margin: 0 auto;
}
div#form-sesion-social form p a, div#form-sesion-social form p a+a{
	width: 45%;
}
div#form-sesion-social form p input{
	width: 98%;
}
div#form-sesion-social form p button{
	width:100%;
}
}
@media (max-width: 767px) {
div#form-sesion-social{	
	width: 100%;	
	padding: 10px 0 10px 0;
	float:none;
	margin-left:0;
}
div#form-sesion-social form{
	width: 90%;
}
div#form-sesion-social form p a, div#form-sesion-social form p a+a{
	width: 49%;
}
div#form-sesion-social form p a + a {
    margin-left: 0;
}
div#form-sesion-social form p a img {
    /* margin: 4px 5px 8px 6px; */
}
div#form-sesion-social form p input {
    margin: 9px 0 9px 0;
}
}
/** Formulario Usuario Iniciar sesion **/

div#form-iniciarsesion{
	position:relative;
	float:left;
	background: #FFF;	
	width: 772px;
	margin: 0 auto;	
	font-family: 'Raleway', sans-serif;
}
div#form-iniciarsesion form{
	margin:0 200px 0 200px;
	width:372px;
	padding:52px 0 68px 0;
}
div#form-iniciarsesion form h2{
	text-align:center;
	letter-spacing: 0.556px;
	font-size: 24px;
	font-weight:600;
	margin-bottom:27px;
	color:#7f6b4d;
	line-height: 32px;
}
div#form-iniciarsesion form p{
	display:block;
	text-align:right;
}
div#form-iniciarsesion form p a{
	color:#FFF;
	background:#3b5998;
	height: 40px;
	width: 170px;
	font-weight:600;
	vertical-align: middle;
	display:inline-block;
	letter-spacing: 0.03em;
	text-align:left;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
}
div#form-iniciarsesion form p a+a{
	color:#FFF;
	background:#4285f4;
	height: 40px;
	width: 170px;
	font-weight:600;
	margin-left:27px;
}
div#form-iniciarsesion form p a img{
	vertical-align: middle;
	/* margin: 4px 11px 8px 6px; */
	margin: 0 10px 0 0;
	padding: 11px 14px;
	background: #2a4680;
}
div#form-iniciarsesion form p a+a img{
	/* margin: 5px 12px 8px 6px; */
	background: #2e6fda;
	padding: 11px 9px;
}
div#form-iniciarsesion form div{
	position: relative;
	margin: 8px 0 0 0;
}
div#form-iniciarsesion form div::before{
	content: "";
	display: block;
	height: 1px;
	top: 20px;
	width: 100%;
	position: absolute;
	background: #abadad;
}
div#form-iniciarsesion form div span{
	display: block;
	text-align: center;
	background: #FFF;
	width: 31px;
	position: relative;
	top: 0px;
	left: 45.5%;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1em;
	line-height: 40px;
	background: #FFF;
}
div#form-iniciarsesion form p input{
	margin: 11px 0 19px 0;
	width:366px;
	height:35px;
	font-size:14px;
	text-indent:13px;
	letter-spacing: 0.03em;
	border-radius:2px;
	border:1px solid #CCC;
}
div#form-iniciarsesion form p+p input{
	margin-bottom:5px;
}
div#form-iniciarsesion form p button{
	display:block;
	position:relative;
	width:370px;
	height:40px;
	border-radius: 0;
	border:hidden;
	background:#9f8e6e;
	color:#FFF;	
	font-size:18px;
	letter-spacing:0.06em;
	text-indent:-1px;
	margin-top: 29px;
}
div#form-iniciarsesion form p span{
	font-size: 14px;
	margin: 20px 0 0 0;
	text-align:center;
	display:inline-block;
	font-weight: 500;
	color: #777777;
	width: 100%;
}
div#form-iniciarsesion form p span a{
	font-size: 14px;
	color:#9f8e6e;
	background:#fff;
	position:relative;
	vertical-align:middle;
	height:auto;
	width: auto;
	font-weight: 500;
	margin:0; 
}
div#form-iniciarsesion form p+p a{
	font-size: 14px;
	color:#9f8e6e;
	background:#fff;
	vertical-align:baseline;
	height:auto;
	width: auto;
	font-weight: 600;
}
@media (max-width: 1199px) {
div#form-iniciarsesion{	
	width: 50%;	
	padding:52px 5% 68px 5%;
	/*margin-left:15px*/
}
div#form-iniciarsesion form{
	width: 100%;
	margin: 0 auto;
}
div#form-iniciarsesion form p a, div#form-iniciarsesion form p a+a{
	width: 45%;
}
div#form-iniciarsesion form p input{
	width: 98%;
}
div#form-iniciarsesion form p button{
	width:100%;
}
}
@media (max-width: 767px) {
div#form-iniciarsesion{	
	width: 100%;	
	padding: 10px 0 10px 0;
	float:none;
	margin-left:0;
}
div#form-iniciarsesion form{
	width: 90%;
}
div#form-iniciarsesion form p a, div#form-iniciarsesion form p a+a{
	width: 49%;
}
div#form-iniciarsesion form p a + a {
    margin-left: 0;
}
div#form-iniciarsesion form p a img {
    /* margin: 4px 5px 8px 6px; */
}
div#form-iniciarsesion form p input {
    margin: 9px 0 9px 0;
}
}
/**Recupera contraseña - Olvidaste tu contraseña? **/
div#recupera-contrasena{
	position:relative;
	background: #FFF;	
	width: 772px;
	height:340px;
	margin: 0 auto;	
	font-family: 'Raleway', sans-serif;
}
div#recupera-contrasena form{
	margin:0 200px 0 200px;
	width:372px;
}
div#recupera-contrasena form h2{
	text-align:center;
	letter-spacing: 0.05em;
	font-size: 20px;
	font-weight:900;
	padding: 54px 0 20px 0;
}
div#recupera-contrasena form p{
	display:block;
	text-align:center;
	font-size:14px;
	line-height: 21px;
	letter-spacing: 0.03em;
	color:#656565;
}
div#recupera-contrasena form p input{	
	width:366px;
	/* height:35px; */
	font-size:14px;
	text-indent:13px;
	letter-spacing: 0.03em;
	border-radius:2px;
	border:1px solid #CCC;
}
div#recupera-contrasena form p+p input{
margin: 25px 0 19px 0;}
div#recupera-contrasena form p button{
	display:block;
	position:relative;
	width:370px;
	height:40px;
	border-radius: 0;
	border:hidden;
	background:#9f8e6e;
	color:#FFF;	
	font-size:18px;
	letter-spacing:0.06em;
	text-indent:-10px;
	margin-top: 11px;
	font-weight:600;
}
#recupera-contrasena form span a{
	color: #9f8e6e;
	font-weight: 600;
}
@media (max-width: 767px) {
div#recupera-contrasena{
	width: 90%;
	padding:0 5% 0 5%;
}
div#recupera-contrasena form{
	margin:0;
	width:100%;
}
div#recupera-contrasena form p{
	width:100%;
}
div#recupera-contrasena form p input{
	margin: 25px 0 19px 0;
	width:98%;
}
div#recupera-contrasena form p button{
	width:100%;
	height:40px;
	margin-top: 11px;
}
}
/**Restablecer contraseña **/
div#restablece-contrasena{
	position:relative;
	background: #FFF;	
	width: 772px;
	height:340px;
	margin: 0 auto;	
	font-family: 'Raleway', sans-serif;
}
div#restablece-contrasena form{
	margin:0 200px 0 200px;
	width:372px;
}
div#restablece-contrasena form h2{
	text-align:center;
	letter-spacing: 0.05em;
	font-size: 20px;
	font-weight:900;
	padding: 54px 0 47px 0;
}
div#restablece-contrasena form p{
	display:block;
	text-align:center;
	font-size:14px;
	line-height: 21px;
	letter-spacing: 0.03em;
	color:#656565;
}
div#restablece-contrasena form p input{	
	width:366px;
	/* height:35px; */
	font-size:14px;
	text-indent:13px;
	letter-spacing: 0.05em;
	border-radius:2px;
	border:1px solid #CCC;
}
div#restablece-contrasena form p+p input{
margin: 23px 0 19px 0;}
div#restablece-contrasena form p button{
	display:block;
	position:relative;
	width:370px;
	height:40px;
	border-radius: 2px;
	border:hidden;
	background:#BDAD90;
	color:#FFF;	
	font-size:16px;
	letter-spacing:0.06em;
	text-indent:-7px;
	margin-top: 10px;
	font-weight:600;
}
@media (max-width: 767px) {
div#restablece-contrasena{
	width: 90%;
	padding:0 5% 0 5%;
}
div#restablece-contrasena form{
	margin:0;
	width:100%;
}
div#restablece-contrasena form h2{
	padding: 24px 0 17px 0;
}
div#restablece-contrasena form p{
	width:100%;
}
div#restablece-contrasena form p input{
	margin: 25px 0 19px 0;
	width:98%;
}
div#restablece-contrasena form p button{
	width:100%;
	height:40px;
	margin-top: 11px;
}
}

/**Datos Recogida**/

div#datos-recogida {
	position:relative;
	float:left;
	background: #FFF;
	width: 770px;
	height:auto;/*550px;*/
	margin: 0 auto;	
}
div#datos-recogida h2{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	letter-spacing: 0.05em;
	margin: 0 0 10px 0;
	text-indent:-12px;
}
/*div#datos-recogida{
	width: 615px;
	margin: 54px 73px 54px 73px;
}*/
div#datos-recogida div:first-child{
	width: 615px;
	margin: 54px 73px 0px 73px;
	border-bottom:1px solid #ccc;
}
div#datos-recogida div p{
	font-size: 16px;
	letter-spacing: 0.03em;
	margin: 13px 0 13px 0;
	display: inline-block;
}
div#datos-recogida div p label{
	font-weight:800;
	display:inline-block;
	width:400px;
	text-indent:1px;
}
div#datos-recogida div p label+label{
	font-weight:800;
	display:inline-block;
	width:200px;
	text-indent:1px;
	margin-left:15px;
}
div#datos-recogida p label input{	
	width:100%;
	height:40px;
	font-size:14px;
	text-indent:13px;
	letter-spacing: 0.05em;
	border-radius:2px;
	border:1px solid #CCC;
	margin-top:8px;
	box-sizing:border-box;
}
div#datos-recogida div p+p label{
	font-weight:800;
	display:inline-block;
	width:616px;
	text-indent:1px;
}
div#datos-recogida div p+p label textarea{
	width:100%;
	height:82px;
	margin-top: 8px;
	padding:10px 15px;
	font-family:'Raleway', sans-serif;
	font-size: 14px;
	margin-bottom:25px;
	border-radius:2px;
	border:1px solid #CCC;
	box-sizing:border-box;
}
div#datos-recogida form div+div{
 text-align:center;	
}
div#datos-recogida form div+div h2{
	padding:29px 0 13px 0;
}
div#datos-recogida form div+div input[type="radio"]{
	display: none;
}
div#datos-recogida form div+div label{
	background: url(../../img/icon-noselect.png) no-repeat center bottom;
	background-size: 14px;
	display:inline-block;	
	width:25%;
	text-align:center;
    padding: 0 0 22px 0;
	/*margin:0 48px 0 28px;
	text-indent: 3px;*/
	cursor: pointer;
}
div#datos-recogida form div+div input[type="radio"]:checked+label{
    background: url(../../img/icon-select.png) no-repeat center bottom;
	background-size: 14px;
}
div#datos-recogida form button{
	display:block;
	position:relative;
	width:615px;
	height:40px;
	border-radius: 2px;
	border:hidden;
	background:#BDAD90;
	color:#FFF;	
	font-size:16px;
	letter-spacing:0.06em;
	text-indent:-15px;
	margin-top: 33px;
	font-weight:600;
}
@media (max-width: 1199px) {
div#datos-recogida {
	width: 50%;
	height:auto;
	padding:54px 5% 54px 5%;
	margin-left: 2%;

}
div#datos-recogida div:first-child{
	width: 100%;
	margin: 0;
}
div#datos-recogida h2{
	font-size:16px;
}
div#datos-recogida div p{
	display:block;
	font-size: 14px;
}
div#datos-recogida div p label, div#datos-recogida div p+p label{
	width:100%
}
div#datos-recogida div p label input{ 
	width:100%;
}
div#datos-recogida div p label{
	width:60%;
}
div#datos-recogida div p label+label{
	width: 37%;
}
div#datos-recogida div p+p label textarea{
	line-height:20px;
	}
div#datos-recogida button{
width:100%;
}
}
@media (max-width: 1023px) {
div#datos-recogida {
	width: 55%;
	padding:24px 2% 24px 2%;
	margin-left: 2%;
}
div#datos-recogida div p label{
	width:59%;
}
div#datos-recogida div+div label{
	width:20%;
	margin:0 2% 0 2%;
}
div#datos-recogida div+div label img{ width:100%;}
}
@media (max-width: 767px) {
div#datos-recogida {
	width: 96%;
	padding:10px 2% 24px 2%;
	margin: 0;
	float:none;
}
div#datos-recogida div p label{
	width:59%;
}
div#datos-recogida div+div label{
	margin:0 1% 0 1%;
}
div#datos-recogida div p label, div#datos-recogida div p label+label{
	width:100%;
	margin:0;
}
div#datos-recogida div p label+label{ margin: 12px 0 0 0}
div#datos-recogida p label input, div#datos-recogida p label textarea{	
	height:40px;
	font-size:12px;
	letter-spacing:0.03em;
	text-indent: 5px;
}
div#datos-recogida div+div h2{
	padding:19px 0 5px 0;
}
}


/* user1 informacionde la cuenta*/
div#informacioncuenta{
	width:572px;
	/*height:570px;*/
	background:#fff;
	margin:0 auto;
	padding: 52px 0 45px 0;
}
div#informacioncuenta form{
	width:510px;
	margin:0 auto;
	}
div#informacioncuenta form h2{
	text-align:center;
	margin: 0 0 9px 0;
	color: #7f6b4d;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: 0.6666667px;
}
div#informacioncuenta form p{
	display:inline-block;
	margin: 13px 0 13px 0;
	width:100%;
	color: #777777;
	font-size: 16px;
	font-weight: 500;
	line-height: 19px;
	letter-spacing: 0.4571429px;
}
div#informacioncuenta form p label{
	font-weight:600;
	letter-spacing:0.4px;
	line-height: 24px;
	width:100%;
	height:62px;
	font-size:16px;
	color: #777777;
}
div#informacioncuenta form p label input{
	width:100%;
	height:40px;
	border:solid 0.4px #bdad909c;
	border-radius:2px;
	text-indent:13px;
	box-sizing:border-box;
	font-size:16px;
	letter-spacing:0.07em;
}
div#informacioncuenta form input[type="checkbox"]{
	/*visibility:visible;*/
	float:left;	
	margin:0 8px 0 0;
	}
/*div#informacioncuenta form i.fa-check-square{
	display:none;
	color:#BDAD90;
}
div#informacioncuenta form input[type="checkbox"]:checked{
  visibility:hidden;
  position:absolute;
}
div#informacioncuenta form input[type="checkbox"]:checked + i{
  display:inline-block;
}*/
div#informacioncuenta form input[type="checkbox"]{
	margin:0 8px 8px 0;
	}
div#informacioncuenta form button{
	width:100%;
	height:40px;
	background:#9f8e6e;
	color:#fff;
	border:hidden;
	border-radius:0;
	letter-spacing:0.04em;
	margin: 5px 0 30px 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 19px;
}
div#informacioncuenta form div{
	border-top: 1px solid #ccc;
	line-height: 22px;
	letter-spacing:0.035em;
	padding-top:3px;
	}
div#informacioncuenta form div a{
	color: #9f8e6e;
	margin-top: 6px;
	display: block;
}
div#informacioncuenta .change_password{
	margin: 4px 0;
}
div#informacioncuenta .change_password label, .change_password input{
	color: #9f8e6e;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0.46px;
	cursor: pointer;	
}
div#informacioncuenta .flag_ofertas{
	margin:20px 0;
	color: #777777;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.4571429px;
}
@media (max-width: 767px) {
	div#informacioncuenta{
		width:100%;
		/* padding: 22px 0 25px 0; */
		padding: 48px 0;
	}
	div#informacioncuenta form{
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		}
	div#informacioncuenta form p{
		margin: 8px 0 8px 0;
	}
	div#informacioncuenta form p label{
		height:auto;
		font-size:14px;
	}
	div#informacioncuenta form p label input{
		/* height:35px; */
		letter-spacing:0.03em;
	}
	div#informacioncuenta form button{
		margin: 5px 0 32px 0;
	}
	div#informacioncuenta form div{
		border-top: none;
	}
}
/*user 2 Pedidos*/
div#pedidos{
	margin:0 auto;
	width:570px;
	height: auto;
	background:#fff;
	padding:52px 0 54px 0;
	text-align:center;
	color:#333333;
	}	
div#pedidos h2{
	margin: 0 0 15px 0;
	color: #7f6b4d;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	text-align: center;
	letter-spacing: 0.6666667px;
}
div#pedidos .pedidos_text{
	color: #777777;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.2px;
}
div#pedidos ul{
	border-top:1px solid #ccc;
	text-align:justify;
	width:510px;
	margin:0 auto;
	margin-top:16px;
	}
div#pedidos li{
	border-bottom: 1px solid #ccc;
	width:100%;
	display:inline-block;
	padding:18px 0 15px 0;
	}
div#pedidos li div{
	display: inline-block;
	position: relative;
	vertical-align: middle;	
}
div#pedidos li img{
	margin:0 13px 0 0;	
}
div#pedidos li h3{
	font-weight:600;
	letter-spacing:0.04em;
	margin:0 0 9px 0;	
}
div#pedidos li div p{
	vertical-align: top;
	line-height: 22px;
	text-indent:0;
	text-align:left;
}
div#pedidos ul li.item_histopedido{
	display: grid;
	grid-template-columns: auto 140px;
	padding: 12px;
	grid-column-gap: 10px;
	color: #777777; 
	box-sizing: border-box;
}
div#pedidos li.item_histopedido div {
	display: initial;
}
.item_histopedido .titulo_item{ 
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0.4571429px;
	text-align: left;
	color: #444444;
}
div#pedidos .item_histopedido .date_item{
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 6px;
}
div#pedidos .item_histopedido .texto_item{
	font-size: 12px;
	line-height: 16px;
}
div#pedidos .item_histopedido .date_item, div#pedidos .item_histopedido .texto_item{
	font-weight: 400;	
	letter-spacing: 0.4px;
}
div#pedidos li.item_histopedido .contenedor_btn div{
	display: block;
	margin: 6px 0 8px 0;
}
.item_histopedido .contenedor_btn a {
	padding: 6px 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.03em;
	cursor: pointer;
}
/**sin pedidos**/
.no_pedidos{
	padding: 14px 0;
	padding-bottom: 110px;
	}
	.no_pedidos .txt_mg{
		margin:35px 0;
	}
	.btn_transwhitegold{
		color: #9f8e6e;
		font-size: 16px;
		font-weight: 600;
		line-height: 18px;
		text-align: center;
		border: 1px solid #9f8e6e;
		box-sizing: border-box;
		width: 240px;
		height: 40px;
		border-radius: 2px;
		box-sizing: border-box;
		padding: 10px 0;
		display: inline-block;
		letter-spacing: 0.06em;
	}
	/**end sin pedidos**/
@media (max-width: 767px) {
	div#pedidos{
		width:calc(100% - 12px);
		height: auto;
		padding: 28px 0;
		}	
	div#pedidos h2{
		margin: 0 0 2px 0;
	}
	div#pedidos ul{
		width:100%;
		margin-top:22px;
		}
	div#pedidos ul li.item_histopedido{
		padding: 10px 4px 18px 6px; 
		grid-column-gap: 8px;
	}
}
@media (max-width: 359px) {
	div#pedidos{
		width:100%;
		height: auto;
		padding:5% 0 5% 0;
		}	
	div#pedidos h2{
		margin: 0 0 5px 0;
	}
}
/*Editar datos*/
div#editar-datos{
	width:770px;
	/*height:700px;*/
	background:#fff;
	padding:51px 0 40px 0;
	text-align:center;
	letter-spacing:0.03em;
	}
div#editar-datos div{
	width: 615px;
	height:auto;
	/*margin:0 auto;*/
	margin: 0 70px 0 86px;
	}
div#editar-datos h2{ 
	letter-spacing: 0.05em; 
	text-indent:-12px;
	color: #7f6b4d;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	text-align: center;
	letter-spacing: 0.6666667px;
	}
div#editar-datos h2, div#editar-datos h3{
	font-weight:600;
	}
div#editar-datos ul{
	margin: 17px 0 45px 0;
	}
div#editar-datos ul li{
	width:615px;
	box-sizing:border-box;
	/*height:80px;*/
	/*padding: 10px 0 10px 0; */
	border: 1px solid #ccc;
	border-radius:2px;
	margin:10px 0 10px 0;
	display:inline-block;
	text-align:left;
	}
div#editar-datos ul input[type="radio"]{
	display: none;
	}
/*div#editar-datos ul li input[type="radio"]+label{
	background:url(../../img/radio-off.png) no-repeat left center;
	}*/
div#editar-datos ul input[type="radio"]:checked+li{
	border:2px solid #BDAD90;
	}
div#editar-datos ul input[type="radio"]:checked+li label{
	position: relative;
	/* background:url(../../img/icon-radio.png) no-repeat 15px center; */
	}
div#editar-datos ul li label{
	position: relative;
	/* background:url(../../img/radio-off.png) no-repeat 15px center; */
	width:100%;
	display:block;
	cursor:pointer;	
	padding:13px 0 13px 0;
	}
/*add css radiobutton*/
div#editar-datos ul li label::before{
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	top: 32px;
	position: absolute;
	text-align: initial;
	margin-left: 15px;
	color: #666666;
	
	font-size: 18px;
}
div#editar-datos ul input[type="radio"]:checked+li label::before{
	content: "\f192";
	color: #BDAD90;
}
/*****/
div#editar-datos ul li label span{
	display: inline-block;
	line-height: 25px;
	/* width:60%; */
	width: calc(60% - 47px);
	vertical-align:middle;
	padding-left: 47px;
}
div#editar-datos ul li label span+div{ /**div forma de pago*/
	/* width:calc(20% - 23px); */
	width: calc(40% - 23px);
	text-align:right;
	display: inline-block;
	padding-right:23px;
	margin: 0;
}
ul.formapago{

}
.icon_visamaster{
	height: 50px;
}
div#editar-datos ul li label span+span{
	width:20%;
	text-align:right;
	float:right;
	padding-right:23px;
	margin:0;
}
div#editar-datos ul li label span+span a{
	/*display:inline-block;*/
	margin:0;
}
div#editar-datos ul li label span+span a+a{
	color: #A40000;
}
div#editar-datos a{
	color:#BDAD90;
	font-weight:500;
	}
div#editar-datos ul li a{
	margin: 20px 0 22px 18px;
	display:block;
	}
div#editar-datos ul li i{
	margin: 0 12px 0 0;
	}
div#editar-datos ul+h2+ul{
	margin: 17px 0 30px 0;
	}
div#editar-datos ul+h2+ul li label{
	background:url(../../img/radio-off.png) no-repeat 15px center;
	width:100%;
	display:block;
	cursor:pointer;	
	padding:7px 0 9px 0;
	}
div#editar-datos ul+h2+ul li img{
	padding: 16px 12px 14px 9px;
	/*margin: 0 -30px 0 43px ;*/
	width:63px;
	max-height:30px;
	background: #fff;
	border:1px solid #ccc;
	border-radius:2px;
	display:inline-block;
	vertical-align:middle;
	}
div#editar-datos ul+h2+ul li label span{
	width:100px;
	text-indent:45px;
	}
div#editar-datos ul+h2+ul li label span+span h3{
	text-transform:uppercase;
	}
div#editar-datos ul+h2+ul li label span+span{
	width:52%;
	text-align:left;
	float:none;
	padding:0 0 2px 0;
	text-indent:41px;
	margin: 9px 0 0 0;
	}
div#editar-datos ul+h2+ul li label span+span+span{
	width:10%;
	text-align:right;
	float:right;
	text-indent:0;
	padding-right:21px;
	margin:20px 0 0 0;
	}
div#editar-datos div+div{
	/*border-top: 1px solid #ccc;*/
	width:80%;
	margin:0;
	padding: 0 70px 0 86px;
}
div#editar-datos div+div p{
	margin:22px 0 23px 0;
	}
div#editar-datos div+div p span{
	font-weight:bold;
	}
div#form-entrega div+div p{
	margin:22px 0 23px 0;
	text-align: center;
	}
div#form-entrega div+div p span{
	font-weight:bold;
	}
div#editar-datos button{
	width:615px;
	height:40px;
	background:#9f8e6e;
	border:hidden;
	border-radius:0;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	letter-spacing:0.055em;
	text-indent:-20px;
	cursor:pointer;	
	}
@media (max-width: 1199px) {
	div#editar-datos{
		width:62%;
		padding:34px 0 20px 0;
		}
	div#editar-datos div{
		margin:0 auto;
		width: 85%;
		}
	div#editar-datos div+div{
		width:100%;
		padding:0;
	}
	div#editar-datos button{
		width:85%;
		}
	div#editar-datos ul li{
		width:100%;
		}
}
@media (max-width: 1023px) {
	div#editar-datos{
		width:60%;
		}
	div#editar-datos ul li label span{
		text-indent: 0;
		padding-left:36px;
		width:calc(70% - 36px);
	}
	div#editar-datos ul.formapago li label span { /**forma de pago envio**/
	    width: calc(45% - 36px);
	}
	div#editar-datos ul li label span+span{
		padding-left:0;
		width:10%;  
		}
	div#editar-datos ul + h2 + ul li label span {
	    text-indent: 0;
	}
	div#editar-datos ul+h2+ul li label span+span{
		text-indent:0;
		width:45%;
		}
}

@media (max-width: 767px) {
	div#editar-datos{
		width:100%;
		padding:34px 0 50px 0;
		}
	div#editar-datos div{
		width: 95%;
		}
	div#editar-datos ul {
	    margin: 10px 0 15px 0;
	}
	div#editar-datos ul li {
	    margin: 5px 0 5px 0;
	}
	div#editar-datos ul li label {
	    padding: 6px 0 6px 0;
	}
	div#editar-datos ul li label span{
		width:40%;
	}
	div#editar-datos ul li label span + div {
		width: calc(50% - 23px);
	}
	/* div#editar-datos ul li label span+span{
		width:10%;
	} */
	div#editar-datos ul + h2 + ul li label span {
	    width: 95px;
		}
	div#editar-datos ul+h2+ul li label span+span{
		width:38%;  
		}
	div#editar-datos ul+h2+ul li label span+span+span{
		padding-right:20px;
	}
	div#editar-datos button{
		width:95%;
		}
		div#editar-datos div + div p {
			margin: 22px 5px 23px 5px;
		}
}
@media (max-width: 360px) {
	div#editar-datos ul+h2+ul li img{
		width:50px;
	}
	div#editar-datos ul+h2+ul li label span{
		width:76px;
		}
	div#editar-datos ul li label span + div {
		width: calc(50%);
		padding: 0;
	}
}
@media (max-width: 320px) {
	.icon_visamaster {
		height: 40px;
	}	
}
/** Form direccion en forma de pago **/
div#editar-datos div.cont_form, div#editar-datos div.cont_form div{
	margin: 30px 0;
	width: 100%;
}
.cont_form p{
	margin: 0 5px;
	text-align: left;
}
.cont_form p label{
	font-weight:600;
	color: #656565;
	line-height:20px;
}
.cont_form p input, .cont_form p textarea, .inputhidden{
	border-radius:2px;
	border:1px solid #ccc;
	margin:5px 0 5px 0; 
	text-indent:14px;
	box-sizing:border-box;
	font-size:14px;
	letter-spacing:0.025em;
	font-family: 'Raleway', sans-serif;
}
.cont_form p textarea{
	padding: 14px 0px 11px 15px;
    /* margin: 23px 22px 52px 30px; */
    letter-spacing: 0.03em;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
	border: #CCCCCC 1px solid;
	width:100%;
	text-indent: 0;
}
.cont_form p input{
	width:100%;
	height:40px;
}
div#editar-datos div.inputhidden, .inputhidden{
	width: calc(100% - 10px) !important;
	/* height: 40px; */
	color: #656565;
	margin: 5px !important;
	padding: 12px;
}
.doscol{
	width: calc(50% - 10px);
	display: inline-block;
}
@media (max-width: 767px) {
	/* div#editar-datos div.inputhidden, .inputhidden{
		width: 100% !important;
	}
	.doscol{
		width: 100%;
	} */
	.cont_form p {
		margin: 0 3px;
	}
	/* .cont_form p {
		margin: 0 5px;
	} */
	div#editar-datos div.inputhidden, .inputhidden{
		margin: 3px !important;
	}
	div#editar-datos div.cont_form, div#editar-datos div.cont_form div {
	    margin: 20px 0;
	}
}
@media (max-width: 320px) {
	.cont_form p {
		margin: 0;
	}
}
/****/
/**cesta form envio**/

@media (max-width: 767px) {
	#cesta_formenvio #cesta{
		 /* Descomentar si se desea que se meuestre la cesta en el login  */
		display: block;
		position: absolute;
		top: calc(100% + 20px);
		width: 100%;
		right: 0;
	}
	
}

/* Libreta de direcciones*/

div#direcciones{
	margin:0 auto;
	width:570px;
	background:#fff;
	padding:52px 0 31px 0;
	text-align:center;
	color:#333333;
	}	
div#direcciones h2{
	text-align:center;
	font-weight:bold;
	letter-spacing: 0.05em;
	margin: 0 0 15px 0;
}
div#direcciones p{
	letter-spacing:0.036em;
}
div#direcciones ul{
	border-top:1px solid #ccc;
	text-align:justify;
	width:510px;
	margin:0 auto;
	margin-top:19px;
	}
div#direcciones li{
	border-bottom: 1px solid #ccc;
	width:100%;
	display:inline-block;
	padding:28px 0 27px 0;
	}
div#direcciones li h3{
	font-weight:600;
	letter-spacing:0.04em;
	margin:0 0 9px 0;	
}
div#direcciones li p{
	display: inline-block;
	vertical-align: top;
	line-height: 22px;
	width:440px;
	text-indent:0;
	text-align:left;
	letter-spacing:0.03em;
}
div#direcciones li p+p{
	width:50px;
	position:relative;
	margin:-11px 0 0 0;
	vertical-align: bottom;
}
div#direcciones li p+p a{
	color: #BDAD90;
	letter-spacing:0.05em;
}
div#direcciones li p+p a+a{
	color: #A40000;
}
div#direcciones li#new-dir a{
	color:#BDAD90;
	}
@media (max-width: 767px) {
	div#direcciones{
		width:100%;
		padding:22px 0 24px 0;
		}	
	div#direcciones h2{
		margin: 0 0 10px 0;
	}
	div#direcciones p{
		line-height:20px;
	}
	div#direcciones ul{
		width:95%;
		margin-top:15px;
		}
	div#direcciones li{
		padding:18px 0 17px 0;
		}
	div#direcciones li h3{
		margin:0 0 5px 0;	
	}
	div#direcciones li p{
		width:80%;
	}
	div#direcciones li p+p{
		width:10%;
	}

	}
/*MENU lateral*/
div#menu_infocuenta{
	position: relative;
	float:left;
	padding:30px 0 0 36px;
	line-height:50px;
	letter-spacing:0.06em ;
	color:#656565;
}
div#menu_infocuenta ul li a{
	color:#656565;
}
div#menu_infocuenta ul li.active{
	color:#111111;
	font-weight:bold;
	}
div#menu_infocuenta ul li a:visited{
	/*color:#111111;*/
}
@media (max-width: 1199px) {
	div#menu_infocuenta{
	padding:20px 0 0 20px;
	letter-spacing:0.03em ;
	}
	}
@media (max-width: 1023px) {
	div#menu_infocuenta{
	display:none;
	float:none;
	bottom:0;
	line-height:15px;
	}
	}

/*Menu deplegable*/
div#menu-desplegable{
	width:270px;
	/* height:205px; */
	background:#fff;
	float:right;	
	letter-spacing:0.04em ;
	color:#656565;
	box-shadow: 0px 3px 4px rgba(0,0,0,0.3);
	margin-right:14px;
	position: absolute;
	right:0;
	z-index:1000;
	top:80px;
	box-sizing: border-box;
	}
div#menu-desplegable ul{
	width:240px;
	margin:0 auto;
	float:none;
	box-sizing: border-box;
	padding: 0;
	max-height: max-content;
	}
div#menu-desplegable ul li{
	width:100%;
	border-bottom:1px solid #ccc;	
	margin: 0px 13px 0 0;
	}
div#menu-desplegable ul a:last-child li{
	border-bottom:none;
	}
div#menu-desplegable ul li a{
	color:#656565 !important;
	padding: 18px 0 16px 0 !important;
	display: block;
	text-indent:6px;
	font-size:16px !important;
	font-weight:400 !important;
	text-align: left;
	border-top: none !important;
}
div#menu-desplegable ul a:hover{
	color:#111111;
	font-weight:bold;
	border-top: none;
	}
.slider {
	overflow-y: hidden;
	max-height: max-content;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	display: block;
}
.slider.closed {
	max-height: 0;
	display: none;
}
@media (max-width: 1199px) {
	div#menu-desplegable{
		position: fixed;
		right:0;
		}
	div#menu-desplegable {
	    top: 45px;
	}
}
/*Factura*/
div#factura{
	margin: 0 auto;
	background:#fff;
	width:600px;
	/*height:640px;*/
	padding:39px 0 0 0;
	}
div#factura ul{
	width:570px;
	margin:0 auto;
	}
div#factura ul div{
	background:url(../../img/logo-factura.png) no-repeat right top;
	position:relative;
	display:block;
	margin:0 auto;
	width:433px;
	height:37px;
	}
div#factura li{
	border-bottom: 1px solid #ccc;
	padding:10px 0 12px 0;
	width:100%;
}
div#factura li p{
	display: inline-block;
	font-weight:600;
	/* width:31%; */
	width: calc(36% - 2px);
	line-height: 20px;
	margin: 0 0 13px 17px;	
	
}
div#factura li p:nth-child(2n){
	float:right; 
	}
div#factura li p span{
	font-weight:100;
	letter-spacing:0.03em;	
}
div#factura li+li h2{
	margin:21px 0 32px 0;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.03em;
}
div#factura ul li ul{
	width:524px;
	margin:0 auto;
	margin-left:18px;
	}
div#factura li+li{
	padding:10px 0 23px 0;
		}
div#factura li+li ul li{
	border-bottom:none;
	padding:0 0 35px 0 ;
	}
div#factura li+li ul li span{
	margin:0 0 0 0;
	width:39px;
	display:inline-block;
	color:#656565;
	vertical-align: top;
	}
div#factura li+li ul li span+span{
	width:62%;
	letter-spacing:0.03em;
	color:#111111;
	}
div#factura li+li ul li span+span+span{
	width:30%;
	text-align:right;
	}
	div#factura li+li ul li ul li{
		padding:6px 0 ;
	}
div#factura li+li+li{
	border-bottom:none;
	padding:25px 0 16px 0;
	}
div#factura li+li+li ul li{
	border-bottom:none;
	padding:0 0 20px 0 ;
	}
div#factura li+li+li ul li span{
	width:50%;
	color:#111111;
	}
div#factura li+li+li ul li span+span{
	text-align:right;
	}
div#factura ul+ul{
	padding:0 0 0 0;
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	border:none;
	width:100%;
	font-weight:bold;
	}
div#factura ul+ul li{
	width:524px;
	margin:0 auto;
	margin-left:34px;
	border:none;
	display:block;
	padding: 31px 0 35px 0;
	}
div#factura ul+ul li span{
	width:50%;
	color:#111111;
	}
div#factura ul+ul li span+span{
	text-align:right;
	width:50%;
	float:right;
	}
@media (max-width: 767px) {
div#factura{
	width:100%;
	/*height:640px;*/
	padding:39px 0 0 0;
	}
div#factura ul{
	width:95%;
	}
div#factura ul div{
	width:95%;
	}
div#factura li{
	padding:10px 0 6px 0;
	width:100%;
}
div#factura li p{
	width:35%;
	margin: 0 0 10px 17px;	
}
div#factura li p:nth-child(2n){
	/*float:none; */
	width: 30%;
	}
div#factura li+li h2{
	margin:10px 0 12px 0;
}
div#factura ul li ul{
	width:95%;
	margin:0 auto;
	}
div#factura li+li{
	padding:10px 0 13px 0;
		}
div#factura li+li ul li{
	padding:0 0 15px 0 ;
	}
div#factura li+li ul li span{
	width:8%;
	}
div#factura li+li ul li span+span{
	width:62%;
	}
div#factura li+li ul li span+span+span{
	width:30%;
	}
div#factura li+li+li{
	padding:25px 0 16px 0;
	}
div#factura li+li+li ul li{
	padding:0 0 20px 0 ;
	}
div#factura li+li+li ul li span{
	width:50%;
	}
div#factura ul+ul{
	width:100%;
	}
div#factura ul+ul li{
	width:90%;
	margin:0 auto;
	padding: 21px 0 25px 0;
	}
div#factura ul+ul li span{
	width:50%;
	}
div#factura ul+ul li span+span{
	width:50%;
	}
	}
@media (max-width: 550px) {
	div#factura li p{
	width:calc(100% - 10px);
	margin: 0 0 13px 10px;	
	}
	div#factura li p:nth-child(2n){
		float:none; 
		width:calc(100% - 10px);
		/* width: 40%; */
		}
	}
/*Repetir Pedido Resumen*/
div#info_repetir_pedido div.datatime_entrega, .opciones_datetime{
	text-align: center;
	margin-bottom: 0;
}
div#info_repetir_pedido div.datatime_entrega label.label_radio_date, form div#masadelante div.input_datetime, .input_datetime {
	width:auto;
}
div#info_repetir_pedido{
	margin: 0 auto;
	background:#fff;
	width:600px;
	padding:39px 0;
	}
div#info_repetir_pedido ul{
	width:570px;
	margin:0 auto;
	}
/* div#info_repetir_pedido ul div{
	background:url(../../img/logo-factura.png) no-repeat right top;
	position:relative;
	display:block;
	margin:0 auto;
	width:433px;
	height:37px;
	} */
div#info_repetir_pedido li{
	border-bottom: 1px solid #ccc;
	padding:10px 0 12px 0;
	width:100%;
}
/* div#info_repetir_pedido li p:nth-child(2n){
	float:right; 
	} */

div#info_repetir_pedido .datos_item, .datos_item{
	display: grid;
	grid-template-columns: auto auto;
	padding: 10px;
}
div#info_repetir_pedido .datos_item li, .date-item li{
	border: none;
	padding: 13px 17px;
	color:#111111;
}
div#info_repetir_pedido .datos_item li:nth-child(2n+1){
	text-align: left;
}
div#info_repetir_pedido .datos_item li:nth-child(2n){
	/* padding-left: 64px; */
}
	div#info_repetir_pedido .datos_item li p{
		display: inline-block;
		font-weight:600;
		line-height: 20px;
		text-align: left;
	}
	div#info_repetir_pedido .datos_item li p span{
		font-weight:100;
		letter-spacing:0.03em;	
	}
div#info_repetir_pedido li+li+li h2{
	margin:21px 0 32px 0;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.03em;
	color:#111111;
}
div#info_repetir_pedido ul li ul{
	width:524px;
	margin:0 auto;
	margin-left:18px;
	}
div#info_repetir_pedido li+li+li{
	padding:10px 0 23px 0;
		}
div#info_repetir_pedido li+li+li ul li{
	border-bottom:none;
	padding:0 0 35px 0 ;
	}
div#info_repetir_pedido li+li+li ul li span{
	margin:0 0 0 0;
	width:39px;
	display:inline-block;
	color:#656565;
	vertical-align: top;
	}
div#info_repetir_pedido li+li+li ul li span+span{
	width:62%;
	letter-spacing:0.03em;
	color:#111111;
	}
div#info_repetir_pedido li+li+li ul li span+span+span{
	width:30%;
	text-align:right;
	}
	div#info_repetir_pedido li+li+li ul li ul li{
		padding:6px 0 ;
	}
div#info_repetir_pedido li+li+li+li{
	border-bottom:none;
	padding:25px 0 16px 0;
	}
div#info_repetir_pedido li+li+li+li ul li{
	border-bottom:none;
	padding:0 0 20px 0 ;
	}
div#info_repetir_pedido li+li+li+li ul li span{
	width:50%;
	color:#111111;
	}
div#info_repetir_pedido li+li+li+li ul li span+span{
	text-align:right;
	}
div#info_repetir_pedido ul+ul{
	padding:0 0 0 0;
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	border:none;
	width:100%;
	font-weight:bold;
	}
div#info_repetir_pedido ul+ul li{
	width:524px;
	margin:0 auto;
	margin-left:34px;
	border:none;
	display:block;
	padding: 31px 0 35px 0;
	}
div#info_repetir_pedido ul+ul li span{
	width:50%;
	color:#111111;
	}
div#info_repetir_pedido ul+ul li span+span{
	text-align:right;
	width:50%;
	float:right;
	}
div#info_repetir_pedido .cont_detalles {
	margin: 4px 28px;
	width: calc(100% - 56px);
}	
div#info_repetir_pedido .contenedor_btn{
	display: grid;
	grid-template-columns: auto auto;
	padding: 0 30px;
	grid-column-gap: 30px;
}
div#info_repetir_pedido .contenedor_btn li + li + li+li{
	padding: 0;
}
/**Botones*/	
.contenedor_btn{
    position: relative;
	width: 100%;
}
    .contenedor_btn a{
        display: inline-block;
        width: 100%;
        padding: 15px 0;
        /* margin: 15px; */
    }
    .btn_transgold{
        color: #ffffff;
        font-size: 20px;
        font-weight: 400;
        line-height: 19px;
        text-align: center;
        padding: 15px 80px;
        border: 1px solid #ffffff;
        box-sizing: border-box;
        background: transparent;
    }
    .btn_whitegold{
        color: #bdad90;
        font-size: 20px;
        font-weight: 400;
        line-height: 19px;
        text-align: center;
        padding: 15px 80px;
        border: 1px solid #bdad90;
		box-sizing: border-box;
		background: transparent;
    }
    .btn_transgold:hover,.btn_whitegold:hover{
        color: #ffffff;
        background: #9f8e6e;
        border: 1px solid #9f8e6e;
    }
    .btn_gold{
        color: #ffffff;
        background: #9f8e6e;
        font-size: 20px;
        font-weight: 400;
        line-height: 19px;
        text-align: center;
        padding: 15px 80px;
        box-sizing: border-box;
        border: 1px solid #9f8e6e;
    }
    .btn_gold:hover{
        color: #bdad90;
        background: #ffffff;
        border: 1px solid #bdad90;
	}	
/**Fecha y hora**/
div.datatime_entrega h3 {
    margin: 21px 0 32px 0;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.03em;
    color: #111111;
}
div.datatime_entrega input.input_radio_date{
	display: none;
}
div.datatime_entrega label.label_radio_date{
    background: url(../../img/icon-noselect.png) no-repeat 15px center;
	background-size: 12px;
	text-indent: 20px;
	display:inline-block;	
	/*width:156px;*/
	width: calc(50% - 22px);
	text-align:center;
	text-indent: 3px;
	line-height: 12px;
	cursor:pointer;
}
div.datatime_entrega input.input_radio_date:checked+label.label_radio_date{
    background: url(../../img/icon-select.png) no-repeat 15px center;
	background-size: 12px;
}
div.datatime_entrega label.label_radio_date[for="op_1"]{
	margin: 0 4px;	
	}
	div.datatime_entrega label.label_radio_date[for="op_1"] span{
		padding-left: 36px;
	}
	div.datatime_entrega label.label_radio_date[for="op_2"] span{
		padding-left: 36px;
	}
div.datatime_entrega label.label_radio_date[for="op_2"]{
	margin: 0 10px;
	}
#content-time-picker .datetimepicker-footer button{
	margin:0;
	height: auto;
}
#content-time-picker button.datetimepicker-footer-validate, #content-date-picker button.datetimepicker-footer-validate{
	color: #9f8e6e !important;
}
/**/
@media (min-width: 768px) {
	div.datatime_entrega label.label_radio_date[for="op_1"],div.datatime_entrega label.label_radio_date[for="op_2"]{
		margin:0;
	}
	div.datatime_entrega label.label_radio_date[for="op_1"] {		
		margin-right: 54px;
	}
}
@media (max-width: 767px) {
	div#info_repetir_pedido div.datatime_entrega label.label_radio_date, form div#masadelante div.input_datetime, .input_datetime {
		width: calc(50% - 48px);
	}
	div#info_repetir_pedido div.datatime_entrega label.label_radio_date{
		width: auto;
	}
	div#info_repetir_pedido #masadelante, div#info_repetir_pedido div.datatime_entrega{
		width: 100%;
	}
	div#info_repetir_pedido div.datatime_entrega div, div#info_repetir_pedido  div.datatime_entrega{
		width: auto;
	}
	div#info_repetir_pedido #content-date-picker, div#info_repetir_pedido #content-time-picker{
		width: 49%;
	}
    div#info_repetir_pedido{
        width:100%;
        }
    div#info_repetir_pedido ul{
        width:95%;
        }
    div#info_repetir_pedido ul div{
        width:95%;
        }
    div#info_repetir_pedido li{
        padding:10px 0 6px 0;
        width:100%;
    }
    /* div#info_repetir_pedido li p{
        width:35%;
        margin: 0 0 10px 17px;	
    } */
    /* div#info_repetir_pedido li p:nth-child(2n){
        /*float:none; 
        width: 30%;
        } */
    div#info_repetir_pedido li+li+li h2{
        margin:10px 0 12px 0;
    }
    div#info_repetir_pedido ul li ul{
        width:95%;
        margin:0 auto;
        }
    div#info_repetir_pedido li+li+li{
        padding:10px 0 13px 0;
            }
    div#info_repetir_pedido li+li+li ul li{
        padding:0 0 15px 0 ;
		}
	div#info_repetir_pedido .datos_item, .datos_item {
		grid-template-columns: auto;
		padding: 0;
	}
		div#info_repetir_pedido .datos_item li, .date-item li {
			padding: 8px 0;
		}
		div#info_repetir_pedido li p{
			margin: 0;	
			}
    div#info_repetir_pedido li+li+li ul li span{
        width:8%;
        }
    div#info_repetir_pedido li+li+li ul li span+span{
        width:62%;
        }
    div#info_repetir_pedido li+li+li ul li span+span+span{
        width:30%;
        }
    div#info_repetir_pedido li+li+li+li{
        padding:25px 0 16px 0;
        }
    div#info_repetir_pedido li+li+li+li ul li{
        padding:0 0 20px 0 ;
        }
    div#info_repetir_pedido li+li+li+li ul li span{
        width:50%;
        }
    div#info_repetir_pedido ul+ul{
        width:100%;
        }
    div#info_repetir_pedido ul+ul li{
        width:90%;
        margin:0 auto;
        padding: 21px 0 25px 0;
        }
    div#info_repetir_pedido ul+ul li span{
        width:50%;
        }
    div#info_repetir_pedido ul+ul li span+span{
        width:50%;
		}
	div#info_repetir_pedido .cont_detalles {
		margin: 4px 16px;
		width: calc(100% - 32px);
	}
	div#info_repetir_pedido .contenedor_btn {
		grid-template-columns: auto;
		padding: 0 16px;
		grid-row-gap: 16px;
	}
}
/*libreta editar direccion*/
div#editar-direccion{
	background:#fff;
	width:570px;
	margin: 0 auto;
	color:#333333;
	padding:50px 0 28px 0;
	letter-spacing:0.03em;
	}
div#editar-direccion form{
	margin: 0 auto;
	width:510px;
	} 
div#editar-direccion form h2{
	font-weight:bold;
	text-align:center;
	letter-spacing:0.05em;
	margin-bottom:22px;
	}
div#editar-direccion form p{	
	margin:19px 0 0 0;
}
div#editar-direccion form p:nth-child(3){
	margin-top:9px;
	}
div#editar-direccion form p:nth-child(4),div#editar-direccion form p:nth-child(6){
	margin-top:20px;
	}
div#editar-direccion form p:nth-child(5){
	margin-top:10px;
	letter-spacing:0.035em;
	}	
	
div#editar-direccion form label{
	font-weight:600;
	color: #656565;
	line-height:20px;
}
div#editar-direccion form input{
	width:510px;
	height:40px;
	border-radius:2px;
	border:1px solid #ccc;
	margin:5px 0 5px 0; 
	text-indent:14px;
	box-sizing:border-box;
	font-size:14px;
	letter-spacing:0.025em;
	font-family: 'Raleway', sans-serif;
}
div#editar-direccion form input[type="radio"]{
	display:none;
	}

div#editar-direccion form label label{
	background:url(../../img/icon-radio2.png) no-repeat left center;
	font-weight:normal;
	padding-left:24px;
	margin: 5px 0 5px 0;
	display:inline-block;
	font-size:14px;
}
div#editar-direccion form label input[type="radio"]:checked+label{
	background:url(../../img/icon-radio2_check.png) no-repeat left center;
	}
div#editar-direccion form label label:nth-child(3){
	margin: 15px 0 5px 0;
	}
div#editar-direccion form p a{
font-weight: bold;
    color: #BDAD90;
    border: 1px solid #BDAD90;
    border-radius: 2px;
    width: 155px;
    height: 50px;
    background: #fff;
    box-sizing: border-box;
    padding: 15px 50px 12px 42px;
    vertical-align: middle;
	display:inline-block;
}
div#editar-direccion form p button{
	font-weight:bold;
	color:#BDAD90;
	border:1px solid #BDAD90;
	border-radius:2px;
	width:340px;/*155px;*/
	height:50px;
	background:#fff;
	box-sizing:border-box;
	text-indent:6px;
	vertical-align:middle;
	float:right;
	} 
div#editar-direccion form p button+button{
	width:340px;
	height:50px;
	margin-left:11px;	
	text-indent:6px;
	}
div#editar-direccion form p button:hover{
	color:#fff;
	background:#BDAD90;
	}
div#editar-direccion form p a:hover{
	color:#fff;
	background:#BDAD90;
	}
@media (max-width: 767px) {
div#editar-direccion{
	width:auto;
	padding:20px 5% 20px 5%;
	}
div#editar-direccion form{
	margin: 0 auto;
	width:100%;
	} 
div#editar-direccion form input{
	width:100%;
	font-size:12px;
	text-indent:5px;
	}
div#editar-direccion form p button{
	width:34%;
	} 
div#editar-direccion form p button+button{
	width:62%;		
	margin-left:2%;
	float:right;
	}

	}
	
/*Página de confirmación*/
div#confirmacion{
	width: 770px;
	/*height: 335px;*/
	margin:0 auto;
	background: #fff;
	position:relative;
	padding: 52px 0 40px 0;
	line-height:20px;
	color:#656565; 
	letter-spacing:0.03em;
	display:inline-block;
	}
div#confirmacion div{
	width:628px;
	/*height:270px;*/
	margin:0 72px;
	position:relative;
	}
div#confirmacion div h2{
	font-weight:bolder;
	text-align:center;
	color:#000;
	margin-bottom:8px;
	letter-spacing:0.05em;
	text-indent:-7px;
	}
div#confirmacion div h2+p{
	letter-spacing:0.031em;
	text-indent:3px;
	}
div#confirmacion div a{
	color:#BDAD90;
	}
div#confirmacion div a[href^="mailto"] {
	text-decoration:underline;
	}
div#confirmacion div ul{
	margin:24px 0 36px 0;
	}
div#confirmacion div li{
	font-weight:bold;
	margin:0 0 10px 0;
	}
div#confirmacion div li i{
	width:21px;}
div#confirmacion i.celeste{
	color:#BDAD90;
	}
div#confirmacion div li p{
	font-weight:normal;
	padding: 0 0 0 25px;
	line-height: 19px;
	}
div#confirmacion div ul+p{
	padding: 0 0 0 25px;
	letter-spacing:0.035em;
	line-height:19px;
}
div#confirmacion .cont_detalles, .cont_detalles{
    margin: 4px 0 0 28px;
    width: calc(100% - 28px);
    box-sizing: border-box;
    display: inline-block;
}
    div#confirmacion div.comentarios_chef, .comentarios_chef{
        border: 1px solid #CDCDCD;
        padding: 12px 22px;
        min-height: 130px; 
        width: 100%;
        margin:0 0 24px 0;
        box-sizing: border-box;
        line-height: 24px;
    }
.nota_confirm{
    line-height: 18px;
}
@media (max-width: 1199px) {
	div#confirmacion{
	width: 55%;
	padding: 52px 5% 40px 5%;
	}
div#confirmacion div{
	width:100%;
	margin:0;
	}
div#confirmacion div p{
	text-align:justify;
	}
}
@media (max-width: 767px) {
	div#confirmacion{
	width: 90%;
	margin:0 auto;
	}
	}

/*tu pedido*/
div#tupedido{
	width:370px;
	height:auto;
	padding:50px 0 0 0;
	background:#fff;
	right:0;
	top:0;
	display:inline-block;
	margin-left:28px;
	vertical-align:top;
	color:#111111;
	}
div#tupedido div{
	margin:0 16px 0 18px; 
	letter-spacing:0.03em;
	height:auto;
	}
div#tupedido h3{
	font-weight:bold;
	margin-bottom:8px;
	}
div#tupedido div p span{ 
	width:50%;
	display:inline-block;
	}
div#tupedido div p span+span{
	text-align:right;
	}
div#tupedido ul{
	border-top:1px solid #ccc;
	margin:19px 0 29px 0;
	padding:23px 0 0 0;
	position:relative;
	display:block;
	}
div#tupedido ul li{
	margin:0 0 21px 8px;
	display:block;	
	position:relative;
}
div#tupedido ul li span{
	color:#656565;
	width:30px;
	display:inline-block;
	vertical-align:middle;
	}
div#tupedido ul li span+span{
	color:#111111;
	width: 65%;
	}
div#tupedido ul li span+span+span{
	width: 25%;
	text-align:right;
	float:right;
	}
div#tupedido div#total{
	-webkit-box-shadow: 0px 1px 9px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 9px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 9px 2px rgba(0,0,0,0.1);
	font-weight:bold;
	margin:0;
	padding:31px 15px 30px 15px;
	}
div#tupedido div#total span{
	width:41%;
	}
div#tupedido div#total span+span{
	width:60%;
	text-align:right;
	float:right;
	}
div#tupedido div#total+p{
	margin:0 16px 0 17px; 
	padding:16px 0 20px 0;
	color:#BDAD90;
}
div#tupedido div#total+p a{
	color:#BDAD90;
	}
div#tupedido div#total+p a i{
	width:16px
	}
.margintop_80{
	margin-top:80px;
	}
	/**pack sub*/
	div#tupedido ul li ul{
		font-size: 14px;
		padding: 0 0 0 4%;
		color: #878787;
		border-top: none;
	}
	div#tupedido ul li ul li{
		padding: 6px 0;
	}
@media (max-width: 1199px) {
	div#tupedido{
	width:34%;
	margin-left:2px;
	}
	div#tupedido ul li{
	margin:0 0 20px 0px;
	}
	div#tupedido ul li span+span{
	color:#111111;
	width: 55%;
	}
}
@media (max-width: 767px) {
	div#tupedido{
	width:100%;
	margin-top:12px;
	}
	}
/*Popup Pack */
.scroll_popup{
	overflow-y: scroll;
	height: 70vh !important;
	max-height: 570px;
	overflow-x: hidden;
	scrollbar-color: #9f8e6e rgba(189,173,144,0.4);
	scrollbar-width: thin;
	margin-bottom: 20px;
}
.scroll_popup div{
	height: auto !important;
}
p.cont_close{
	text-align: right;
	padding: 10px 0;
	position: absolute;
	right: 0;
	top: 0;
	margin: 0 !important;
}
p.cont_close +h2{
    padding-top: 0;
}
p.cont_close span{
	margin: 18px;
	cursor: pointer;
}
p.cont_close span i.fas{
	color: #BDAD90;
	font-size: 24px;
}
.popupsmalvon .cont_button{
	height: auto ;
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
}
#cantidad-confoto.popupsmalvon .cont_button, #cantidad-sinfoto.popupsmalvon .cont_button,.popupsmalvon .cont_button{
	height: auto;
}
#cantidad-confoto.popupsmalvon .cont_button button, #cantidad-sinfoto.popupsmalvon .cont_button button,.popupsmalvon .cont_button button{
	margin: 30px 0 0 30px;
}
div#popup-pack.popupsmalvon div.scroll_popup div, div#popup-combo.popupsmalvon div.scroll_popup div{
	box-shadow:none;
	height: 100px;
	margin: 30px 0 -53px 0;
	text-align: center;
	width:100%;
	display:block;
	position:relative;
}
div#popup-pack .img-prod, div#popup-combo .img-prod{
	margin: 0 5%;
	width:90%;
	}
div#popup-pack.popupsmalvon div.scroll_popup div+div, div#popup-combo.popupsmalvon div.scroll_popup div+div{
	height:100%;
	-webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
	text-align:left;
	padding-top:0px;
	margin: 27px 0 -53px 0;
	}
div#popup-pack h2, div#popup-combo h2{
    padding: 32px 5% 27px 5%;
}
div#popup-pack h4, div#popup-combo h4{
	font-size: 14px;
	margin-top:-21px;
	letter-spacing: 0.03em;
	margin: 14px 22px 20px 30px;
	line-height:16px;
	font-weight:600;
}
.title_rojo{
	color:#ff3d3d ;
	}
div#popup-pack ul, div#popup-combo ul{
	display:block;	
	margin:0 30px;
	}
div#popup-pack ul li, div#popup-combo ul li {
	margin: 6px auto;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 17px;
	letter-spacing: 0.03em;
	position: relative;
	padding-right: 0;
	}
div#popup-pack ul li input, div#popup-combo ul li input{
	display:none;
	}
div#popup-pack ul li label, div#popup-combo ul li label{
	/*background: url(../../img/icon-check-off.png) left center no-repeat;
	background-size:23px 23px;*/
	cursor:pointer;
	}
div#popup-pack ul li label span:first-child{
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 2px 5px;
	font-weight:600;
	width: 17px;
	text-align: center;
}
div#popup-pack ul li label span span{ 
	width: auto !important;
}
div#popup-pack ul li label span:first-child p, .noselect, div#popup-pack ul li label span+span+span, div#popup-pack ul li label+span {
	visibility:hidden;
	}
div#popup-pack ul li input:checked+label span:first-child {
	border: 1px solid #9F8E6E;
	background:#9F8E6E;
	color: #fff;
	}
div#popup-pack ul li input:checked+label span:first-child p, .siselect, div#popup-pack ul li input:checked+label span+span+span, div#popup-pack ul li input:checked+label+span{
	visibility:visible;
	vertical-align:middle;
	}
div#popup-pack ul li label span{
	display:inline-block;
	/*vertical-align: middle;*/
	}
div#popup-pack ul li label span+span{
	padding-left: 10px;
	/* width:60%; */
	width: calc(100% - 162px);
	}	
	div#popup-pack ul li label span+span+span {
		float:right;
		margin:2px 20px 0 0;
		width:20%;
		}
	div#popup-pack ul li label span+span+span a{
		padding:0 10px; 
		}
		div#popup-pack ul li label+span a{
			padding: 20px;
			border-left: 1px solid #ccc;
		}
		div#popup-pack ul li label+span a:last-child{
			padding-right: 0;
		}
div#popup-pack  div.scroll_popup div a{
	display:inline-block;
	width:28%;
	text-align:center;
	cursor: pointer;
	}
div#popup-pack ul+div span{
	display:block;
	width:100%;
	font-family: 'Raleway', sans-serif;
	font-size:30px;
	font-weight: 800;
	margin: 0 0 -27px 0;
	}
div#popup-pack span a img{
	width:23px;
	height:23px;
	position: relative;
	vertical-align: middle;	
}
@media (max-width: 767px) {
	p.cont_close span {
		margin: 8px;
	}
	p.cont_close {
		padding: 5px 0;
	}
	#cantidad-confoto.popupsmalvon .cont_button button, #cantidad-sinfoto.popupsmalvon .cont_button button,.popupsmalvon .cont_button button{
		margin: 20px 0 20px 2%;
	}
	div#cantidad-confoto div span {
		margin: 0 0 -24px 0;
	}
	div#popup-pack h2, div#popup-combo h2 {
		padding: 14px 5% 0px 5%;
	}
	.scroll_popup{
		/* height: 65vh !important; */
		height: max-content !important;
	}
	#popup-combo .scroll_popup{
		height: calc(100vh - 200px) !important;
	}
	/* div#popup-pack ul li label span+span{
		width:45%;
	}	 */
	div#popup-pack ul li label span + span {
		width: calc(100% - 144px);
		vertical-align: middle;
	}
	div#popup-pack ul li label + span a {
		padding: 21px 15px;
	}
	div#popup-pack ul li label span+span+span{
		float:right;
		margin:2px 0 0 0;
		width:26%;
		}
	div#popup-pack ul li label span+span+span a{
		padding:0 5px; 
		}

	
	}
/*@media (max-height: 813px) {
	#popup-combo .scroll_popup{
		height: calc(100vh - 260px) !important;
	}
}
@media (min-height: 810px){
	#popup-combo .scroll_popup{
		height: calc(100vh - 260px) !important;
	}
}
@media (max-height: 809px){
	#popup-combo .scroll_popup{
		height: calc(100vh - 200px) !important;
	}
}
@media (min-height: 200px){
	#popup-combo .scroll_popup{
		height: calc(100vh - 200px) !important;
	}
}*/
@media (max-height: 814px) and (width: 375px), (min-height: 808px) and (width: 375px){
	#popup-combo .scroll_popup{
		height: calc(100vh - 260px) !important;
	}
}
@media (max-width: 360px) {
	
	/* div#popup-pack ul li label span+span{
		width:36%;
	}	 */
	div#popup-pack ul li label span+span+span{
		margin:2px 0 0 0;
		}
	div#popup-pack ul li label span+span+span a{
		padding:0 2px; 
		}
	}
	@media (max-width: 320px){
		div#popup-pack ul li label span + span {
			width: calc(100% - 113px);
			vertical-align: middle;
			padding-left: 0;
		}
		div#popup-pack ul li label + span a {
			padding: 21px 8px;
		}
	}
/*Popup cant*/
@media (max-height: 600px){
	div#cantidad-confoto img {
	    max-height: 250px;
	}
	div#cantidad-confoto{
		overflow-y: scroll;
		max-height: 100vh;
	}
}
@media (max-width: 1400px) and (min-width: 1199px) {
	div#cantidad-confoto img {
	    max-height: 360px;
	}
}
/*Popup Combo*/

/***/
.text_agotado{
	color: #ff8100;
	border: 1px solid #ff8100 !important;
	font-size: 10px;
	margin: 4px;
	border-radius: 3px !important;
	padding: 2px 4px !important;
	font-weight: 600 !important;
	text-align: center !important;
	height: auto !important;
	position: relative !important;
}
.div#popup-combo ul li input[type="checkbox"]:disabled + label span.item-quantity{
    border-color: #ddd6;
    background: #dddddd45;
}
/**/
div#popup-combo ul li label span:first-child{
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 2px 4px;
	font-weight:600;	
	text-align: center;
	width: 30px;
}
div#popup-combo ul li label span span{ 
	width: auto !important;
}
div#popup-combo ul li label span:first-child p, .noselect, div#popup-combo ul li label span+span+span, div#popup-combo ul li label+span {
	visibility:hidden;
	}
div#popup-combo ul li input:checked+label span:first-child {
	border: 1px solid #9F8E6E;
	background:#9F8E6E;
	color: #fff;
	}
div#popup-combo ul li input:checked+label span:first-child p, .siselect, div#popup-combo ul li input:checked+label span+span+span, div#popup-combo ul li input:checked+label+span{
	visibility:visible;
	vertical-align: middle;
	}
div#popup-combo ul li label span{
	display:inline-block;
	/*vertical-align: middle;*/
	}
div#popup-combo ul li label span+span{
	padding-left: 10px;
	/* width:60%; */
	width: calc(100% - 182px);
	}	
	div#popup-combo ul li label span+span+span{
		float:right;
		margin:2px 20px 0 0;
		width:20%;
		}
	div#popup-combo ul li label span+span+span a{
		padding:0 10px; 
		}
		div#popup-combo ul li label+span a{
			padding: 20px;
			border-left: 1px solid #ccc;
		}
		div#popup-combo ul li label+span a:last-child{
			/* padding-right: 0; */
		}

/***/
div#popup-combo ul li.check label span:first-child{
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 2px 5px;
	font-weight:600;
}
div#popup-combo ul li.check label span:first-child p, .noselect, div#popup-combo ul li label span+span+span {
	visibility:hidden;
	}
div#popup-combo ul li.check input:checked+label span:first-child {	
	color: #fff;
	}
div#popup-combo ul li.check input:checked+label span:first-child p, .siselect, div#popup-combo ul li input:checked+label span+span+span{
	visibility:visible;
	vertical-align: middle;
	}
div#popup-combo ul li.check label span{
	display:inline-block;
	/*vertical-align: middle;*/
	}
div#popup-combo ul li.check label span+span{
	padding-left: 10px;
	width:60%;
	}	
	div#popup-combo ul li.check label span+span+span{
		float:right;
		margin:2px 20px 0 0;
		width:20%;
		}
	div#popup-combo ul li.check label span+span+span a{
		padding:0 10px; 
		}

div#popup-combo div.scroll_popup div a{
	display:inline-block;
	width:28%;
	text-align:center;
	cursor: pointer;
	}
div#popup-combo ul+div span{
	display:block;
	width:100%;
	font-family: 'Raleway', sans-serif;
	font-size:30px;
	font-weight: 800;
	margin: 0 0 -27px 0;
	}
div#popup-combo div.scroll_popup span a img{
	width:23px;
	height:23px;
	position: relative;
	vertical-align: middle;
}

div#popup-combo ul li.radio_combo label span:first-child{
	border: 1px solid #ccc;
	border-radius: 50%;
	font-weight: 600;
	width: 20px;
	height: 20px;
	position:absolute;
	/* top:calc(50% - 6px); */
}
div#popup-combo ul li.radio_combo label span:first-child span{
	visibility:hidden;
	}
div#popup-combo ul li.radio_combo input:checked+label span:first-child{
	background:#fff;
	border: 2px solid #9F8E6E;
	}	
div#popup-combo ul li.radio_combo input:checked+label span:first-child span{
	visibility: visible;
	background: #9F8E6E;
	border: 1px solid #9F8E6E;
	border-radius: 50%;
	height: 10px;
	/* margin: 1px -1px; */
	margin: 1px -5px;
	width: 1px;
	vertical-align: top;
	}
div#popup-combo ul li.radio_combo label span+span{
	padding-left: 32px;
	vertical-align:sub;
	width:100%;
	}	

/***
div#popup-combo ul+h4+ul li label span:first-child{
	border: 1px solid #ccc;
	border-radius: 10px;
	font-weight: 600;
	width: 10px;
	height: 15px;
	position:absolute;
}
div#popup-combo ul+h4+ul li label span:first-child span{
	visibility:hidden;
	}
div#popup-combo ul+h4+ul li input:checked+label span:first-child{
	background:#fff;
	border: 2px solid #9F8E6E;
	}	
div#popup-combo ul+h4+ul li input:checked+label span:first-child span{
	visibility: visible;
	background: #9F8E6E;
	border: 1px solid #9F8E6E;
	border-radius: 10px;
	height: 7px;
	margin: 1px -1px;
	width: 1px;
	vertical-align: top;
	}
div#popup-combo ul+h4+ul li label span+span{
	padding-left: 32px;
	vertical-align:sub;
	width:100%;
	}	
***/
div#popup-combo.popupsmalvon div+div p{
	padding:15px 30px 0 215px;
	text-align:justify;
	line-height:20px;
	/* margin-top: -20px; */
	position: relative;
	display: inline-block;
	}
	
div#popup-combo div.scroll_popup div button p{
	position:absolute;
	top:100px;
	font-weight:normal;	
	text-align:justify;
	width:57%;
	}
div#popup-combo	#add-cant img,div#popup-combo #sub-cant img {
	width: 25px;
	height: 25px;
}
.buttongris{
	background:#bac3c3 !important;
	color: #8c9b9b !important;
	border-color:#bac3c3 !important;
	}
@media (max-width: 767px) {
	/* div#popup-combo ul li label span+span{
		width:45%;
	}	 */
	div#popup-combo ul li label span + span {
		width: calc(100% - 150px);
		vertical-align: middle;
	}
	div#popup-combo ul li label + span a {
		padding: 21px 15px;
	}
	div#popup-combo ul li label span+span+span{
		float:right;
		margin:2px 0 0 0;
		width:26%;
		}
	div#popup-combo ul li label span+span+span a{
		padding:0 2px; 
		}
	div#popup-combo.popupsmalvon div.scroll_popup div+div p{
	padding:0 30px 15px 36%;
	}	
	div#popup-combo.popupsmalvon div + div p {
		padding: 0 30px 15px 15px;
	}
}
@media (max-width: 360px) {	
	/* div#popup-combo ul li label span+span{
		width:36%;
	}	 */	
	div#popup-combo ul li label span+span+span{
		margin:2px 0 0 0;
		}
	div#popup-pack ul li label span+span+span a{
		padding:0 2px; 
		}
	div#popup-combo.popupsmalvon div.scroll_popup div+div p{
		padding:0 30px 15px 10%;
	}
}
@media (max-width: 320px){
	div#popup-combo ul li label span + span {
		width: calc(100% - 113px);
		vertical-align: middle;
		padding-left: 0;
	}
	div#popup-combo ul li label + span a {
		padding: 21px 8px;
	}
}
/*Menu haztupedido modificado packs*/

div#haztupedido form div ul li ul {
	font-size:12px;
	padding: 0 0 0 20%;
	color:#878787;
}
div#haztupedido form div ul li ul li {
    margin: 0;
    padding-top: 3px;
}
@media (max-width: 1023px) {
	div#haztupedido form div ul li ul {
	padding: 0 0 0 13%;
	}
	}
@media (max-width: 360px) {
	div#haztupedido form div ul li ul {
	padding: 0 0 0 16%;
	}
	}
.li-disabled label{
	pointer-events: none;
	opacity: 0.5;
	}
.a-disabled {
	pointer-events: none;
}

/*tpv-error*/
div#tpverror{
	color: #3D3D3F;
	}
div#tpverror h1 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.04em;
    padding: 263px 0 56px 84px;
    font-weight: 600;
}
div#tpverror h3 {
    font-size: 26px;
    line-height: 48px;
    letter-spacing: 0.04em;
    padding: 0 0 56px 84px;
    font-weight: 500;
}
.popupsmalvon .btn-primary.disabled, .popupsmalvon .btn-primary[disabled], .popupsmalvon fieldset[disabled] .btn-primary,.popupsmalvon .btn-primary.disabled:hover,.popupsmalvon .btn-primary[disabled]:hover,.popupsmalvon fieldset[disabled] .btn-primary:hover,.popupsmalvon .btn-primary.disabled:focus,.popupsmalvon .btn-primary[disabled]:focus,.popupsmalvon fieldset[disabled] .btn-primary:focus,.popupsmalvon .btn-primary.disabled:active,.popupsmalvon .btn-primary[disabled]:active,.popupsmalvon fieldset[disabled] .btn-primary:active,.popupsmalvon .btn-primary.disabled.active,.popupsmalvon .btn-primary[disabled].active,.popupsmalvon fieldset[disabled] .btn-primary.active {
	background-color: #9F8E6E;
	border-color: #9F8E6E;
}
/*fuentes*/
.fnt_20{
	font-size:20px;
	}
.fnt_18{
	font-size:18px;
	}
.fnt_17{
	font-size:17px;
	}
.fnt_16{
	font-size:16px;
	}
.fnt_14{
	font-size:14px;
	}
.fnt_12{
	font-size:12px;
	}

@media (max-width: 767px) {
.fnt_20{
	font-size:18px;
	}
.fnt_18{
	font-size:16px;
	}
.fnt_17{
	font-size:15px;
	}
.fnt_16{
	font-size:14px;
	}
	}
@media (max-width: 359px) {
.fnt_20{
	font-size:16px;
	}
.fnt_18{
	font-size:14px;
	}
.fnt_16{
	font-size:13px;
	}

.fnt_14{
	font-size:12px;
	}
	}
	.cont_menu_footer{
        margin: 0 auto;
        position: relative;
        display: inline-block;
    }
.FPmastercard img{
    position: relative;
    width: 50px;
    margin-top: -5px;
    margin-bottom: -12px;
}
button.swal-button:focus,.swal-button:focus {
	outline: none;
	box-shadow: 0 0 0 1px #fff,0 0 0 3px rgba(159,142,110,.29);
}
#popup-ubicacion button.swal-button,.swal-button, .popupsmalvon .swal-button--danger{
	background-color: #9F8E6E;
}
button.swal-button:not([disabled]):hover ,.swal-button:not([disabled]):hover {
    background-color: #BDAD90;
}
button.swal-button.swal-button--cancel,.swal-button.swal-button--cancel,.popupsmalvon .swal-button.swal-button--cancel{
	background: #EBE5DF;
}
#save-location-map.btn-primary.disabled{
	background-color: #9F8E6E;
	border-color: #BDAD90;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	background-color: #9F8E6E !important;
	border-color: #BDAD90 !important;
}
.swal-text {
	text-align: center;
}
.swal-footer {
	text-align: center !important;
}
.swal-button{
	min-width: 160px;
	min-height: 40px;
	font-size: 18px !important;
	border-radius: 0 !important;
}
div#carta div#alertnavegadorold
#alertnavegadorold, div#carta div#alertnavegadorold{
	/* position: absolute; */
	top: 36px;
	position: relative;
	text-align: center;
	background-color:rgba(255, 0, 0, 0.7);
	color: #FFF;
	padding: 15px;
	margin-top: 30px !important;
	border-radius: 5px;
	display: none;
}
#alertnavegadorold .icon_alert{
	float: left;
	font-size: 24px;
}
#alertnavegadorold a{
	color: inherit;
	font-weight: 600;
}
#alertnavegadorold a:hover{
	text-decoration: underline;
}
@media (max-width: 1023px) {
	#alertnavegadorold{
		width: calc(100% - 30px) !important;
	}
}
@supports (-ms-ime-align:auto) {	
	#alertnavegadorold, div#carta div#alertnavegadorold{
		display: inline-block;
	}
}
.text_center{
	text-align: center;
}
.text_line{
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings: "lnum";
	-webkit-font-feature-settings: "lnum";
	font-feature-settings: "lnum";
}
.btn-primary{}