/* Minification failed. Returning unminified contents.
(979,14): run-time error CSS1035: Expected colon, found 'bolder'
(1873,80): run-time error CSS1035: Expected colon, found 'bolder'
 */

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, 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: inherit;
    font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
    content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */


body{margin:0; padding: 0; font-size:16px; font-family: Arial, sans-serif; color:#333;}
.ui-loader{display: none}

/* COLOR PLACEHOLDER EN IE */
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #999999 !important;
}


@font-face {
	font-family: 'Gibson-Bold';
	src: url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.eot');
	src: url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.woff') format('woff'),
		 url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.ttf') format('truetype'),
		 url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.svg#GibsonBold') format('svg');
	font-weight: normal;
	font-style: normal;

}


@font-face {
	font-family: 'Gibson-Regular';
	src: url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.eot');
	src: url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.woff') format('woff'),
		 url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.ttf') format('truetype'),
		 url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.svg#GibsonRegular') format('svg');
	font-weight: normal;
	font-style: normal;

}


@font-face {
	font-family: 'Gibson-SemiBold';
	src: url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.eot');
	src: url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.woff') format('woff'),
		 url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.ttf') format('truetype'),
		 url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.svg#GibsonLightBold') format('svg');
	font-weight: normal;
	font-style: normal;

}


h1,h2,h3,h4,h5{font-weight: normal}
h1,h2,h3{margin: 10px 0;}
img {height: auto;max-width: 100%;}

ul{list-style-type: none; margin: 0; padding: 0;}
ul li{float: left; padding: 15px; cursor: pointer}
/*ul li{float: left; padding: 15px; cursor: default}*/
nav{display: block}

.only-mobile{visibility: hidden; width: 0;}
.fl{float: left !important;}
.fr{float: right !important;}
.verwidget{float: right;}
.tr{text-align: right;}
.tc{text-align: center;}
.w50{width: 50%}
.w40{width: 40%}
.w60{width: 60%}
.w45{width: 45%}
.w70{width: 70%}
.w80{width: 80%}
.w33{width: 33%}
.w25{width: 25%}
.w95{width: 95%}
.w100{width: 100%}
.nm{margin: 0;padding:0;}
.bold{font-weight: bold;}
.tachado{text-decoration: line-through; }
.color-white{color:#FFF;}
.color-red{color: #df1e3c;}
.color-green{color:#8bb429;}
.color-light-blue{color:#a2d5ff;}
.border-top-gray{border-top: 1px solid #c4c7c7;}
.bgblue {background-color: #0062b7; }
.bglightblue {background-color: #1376c5; }
.bg-light-grey {background-color: #e8e8eb;}
.bg-medium-grey {background-color: #d1d1d5;}
.bg-grey {background-color: #efefef;}
.bg-orange{background-color: #ffae00}
.disable-scroll{overflow: hidden!important;}

.separator{width: 100%; height: 1px; border-top: 1px solid #0055a4}

/*CAJA QUE CONTIENE DENTRO (.Absolute-Center) LO QUE QUERAMOS CENTRAR VERTICAL Y HORIZONTALMENTE*/
.Center-Container {
  display: table;
  width: 100%;
  height: 100%;
}
/*CONTENIDO QUE QUERAMOS CENTRAR VERTICAL Y HORIZONTALMENTE DENTRO DE .Center-Container */
.Absolute-Center {
  display: table-cell;
  vertical-align: middle;
}

.border-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.left-section {width: 65.23%;margin-right: 2.04%; }
.right-section {width: 32.71%}

/*Tachado diagonla*/
.diagonal {
  position: relative;
}
.diagonal:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;

  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}

.m-top-10 {margin-top: 10px; }
.m-top-15 {margin-top: 15px; }
.m-top-20 {margin-top: 20px; }
.m-bot-10 {margin-bottom: 10px; }
.m-bot-15 {margin-bottom: 15px; }
.m-bot-20 {margin-bottom: 20px; }
.m-bot-30 {margin-bottom: 30px; }
.m-bot-40 {margin-bottom: 40px; }
.m-bot-60 {margin-bottom: 60px; }
.m-left-20 {margin-left: 20px !important; }
.p-bot-20 {padding-bottom: 20px; margin-bottom: 20px; }
.p-bot-0 {padding-bottom: 0px !important;}
.light-grey {color: #888888; }

/* Botones */ 
button {
    text-align: center;
    padding: 0 30px;
    margin: 0;
    min-height: 50px; 
    border:0; 
    border-radius: 2px;
	font-family: Arial, sans-serif; 
	font-size: 19px;
    cursor: pointer;
}
button.small {min-height: 40px;}

button.red{background-color: #df1e3c; color:#FFF; }
	button.red:hover {background-color: #ff0042; }
button.red.border{border-bottom: 4px solid #bb0d27}
	button.red:disabled{background-color: #ec788a;pointer-events: none;cursor: inherit;}
button.green{background-color: #8bb429 ;color: #FFF;}
	button.green:hover{background-color: #89c200}
	button.green:disabled{background-color: #629c53;pointer-events: none;cursor: inherit; }
button.black{background-color: #333333; color:#FFF; }
	button.black:hover{background-color: #000000}
	button.black:disabled{background-color: #666;pointer-events: none;cursor: inherit;}

/* Check box */
input[type=checkbox]{height: 25px; width: 25px}

.squaredFour {
  width: 25px; height: 25px;
  position: relative;
  margin: 5px 10px 15px 0;
  background-color: #fff; 

}
section#menu-login .squaredFour label {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	background: #fcfff4;
}
.squaredFour label:after {
	  content: '';
	  width: 18px;
	  height: 15px;
	  position: absolute;
	  top: 5px;
	  left: 4px;
	  opacity: 0;
}

.squaredFour label:hover:after {opacity: 0.5;}
.squaredFour input[type=checkbox] {opacity: 0; padding: 0 !important; margin: 0 !important; cursor: pointer; z-index: 50;}
.squaredFour input[type="checkbox"]:checked + label:after {
	opacity: 1;
	background: url('../img/sprite-iconos_es-ES.svg'); 
	background-position: -249px -325px ; 
}
.no-svg .squaredFour input[type="checkbox"]:checked + label:after {background-image: url('../img/sprite-iconos_es-ES.png');}
.label-checkbox{display: block; font-size: 14px }

/* Enlaces */
a{text-decoration: none; margin : 0 5px; padding-bottom: 2px; border-bottom: 1px solid; cursor: pointer}
a:hover{border-bottom: 0; padding-bottom: 4px;}

a.no-line{text-decoration: none; border-bottom: 0}
a.no-line:hover{border-bottom: 1px solid; padding-bottom: 2px;}
a.no-line-no-hover{text-decoration: none; border-bottom: 0; margin:0; padding: 0}

/* Select */
.custom-select {
   width: 100px;
   height: 50px;
   overflow: hidden;
   margin: 0 0 1em 0; 
   padding: 0;
   display: block;
   float: left;
   border-radius: 3px;
   background: #fff url('../img/select-icon.svg') no-repeat scroll -20px -20px;
   background-position-x: right;
   background-position-y: center;
}
.no-svg .custom-select {background-image: url('../img/select-icon.png');}
.custom-select.disabled,
.no-svg .custom-select{background-image:none;}
.custom-select select:disabled{opacity: .4; background-image:none;}

.custom-select select {
   background: transparent;
   /*width: 125px;*/
   padding: 12px 32px 12px 20px; /* para que no se solape la flecha que se pinta con el texto */
   font-size: 16px;
   line-height: 1.2;
   border-radius: 0;
   height: 50px;
   -webkit-appearance: none;
   border: 0;
   color:#252525;
}
/*HACK PARA IE*/
.custom-select select::-ms-expand {
	display: none;
}

.styled-select {
   width: auto;
   overflow: hidden;
   background: #F8F8F8;
   /*border: 1px solid #DDDDDD;*/
   height: auto;
   border-radius:2px;
 }
 
.styled-select select {
  width: 100%;
  border: 0;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  appearance: none;
  background: #fff url('../img/select-icon.svg') no-repeat scroll -20px -20px;
  background-position-x: right;
  background-position-y: center;
}
	.no-svg .styled-select select {background-image: url('../img/select-icon.png'); }
/*HACK PARA IE*/
.styled-select select::-ms-expand {
  display: none;
}

/* Tooltips */
.tooltip {
    padding: 10px 10px 8px;
  background: #FFF; color:#333; border-radius: 5px; border:1px solid #ccc;
  position: absolute; 
  bottom: -80px;
  top: 55px;
  left: -15px;
  display: none;
  font-size: 12px;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.tooltip-container .ico {margin-top: 0 !important;}
.tooltip.favourite {bottom: -45px; padding: 10px; height: 10px;}
 #ficha-pizza-container .tooltip.favourite {top: 45px;}
.tooltip.share {
    border-bottom: 5px solid #ccc; 
    width: 76px;
    left: -30px; 
    top: 40px;
    bottom: auto;
    padding: 10px;
}
.tooltip:after, 
.tooltip:before{
  position: absolute;
  content: ''; 
  left: 50%;
  margin-left: -28px; bottom: 99%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFF;
}
.tooltip.favourite:after,
.tooltip.favourite:before {margin-left: -8px;}
.tooltip:before{
  position: absolute;
  content: ''; 
  left: 50%;
  margin-left: -29px; bottom: 100%;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #ccc;
}
.tooltip.favourite:before {margin-left: -9px;}
.tooltip.share .ico {margin: 0 5px !important;}
.tooltip-container{position: relative; width: 42px; height: 52px; display:block; text-align: center; cursor: pointer;}
.tooltip-container .tooltip {z-index: 50;}
.tooltip-container:hover .tooltip {display: block}

/* ERRORES EN FORMULARIOS */
input.error,textarea.error{border:2px solid #df1e3c !important; background-color: #ff7b90 !important; color:#FFF !important;}
.loginRegistroModal input.error, loginRegistroModal textarea.error{background-color: transparent !important; color: inherit !important;}
span.error{display: none; color:#df1e3c; font-family: Arial, sans-serif; font-weight: bold; font-size: 14px;margin:8px 0; }
label.error span.field-title{color:#df1e3c;font-weight: bold;}
label.error span.error,
div.inner.error span.error {display: block}
select.tipoMasa.error,
select.selectMasaPromociones.error{background-color: #fff !important;	color: #252525 !important;	border: 2px solid #df1e3c !important;	border-radius: 3px;} 

/*Errores en los campos de fecha */
#fecha.error select,
#fecha.error input{border:2px solid #df1e3c;background-color: #ff7b90 !important; color:#FFF !important;}
#fecha.error input::placeholder{color:#FFF !important;}
#fecha.error input:-ms-input-placeholder{color:#FFF !important;}
#fecha.error input::-ms-input-placeholder{color:#FFF !important;}
.dateErrorMsg{display: inline-block; width: 100%; margin-top: 10px;color:#df1e3c;font-family: Arial, sans-serif; font-weight: bold; font-size: 14px;}



#main-wrapper{min-width: 1006px; max-width: 1600px; margin: 0 auto; background: #FFF; font-family:Arial, sans-serif;position: relative;}
#wrapper{position: relative;}
/*Para cuando abro el lightbox y quiero que la capa de atras no tenga scroll */
#main-wrapper.no-scroll{position: absolute; height: 100%; overflow-y: hidden; display: none; }



/* ALERT y CONFIRM PERSONALIZADOS*/

#alert, #alertActivo, #confirm, #capa-pedir-datos{
    position: fixed;
    width: 320px;
    top: 50%; 
    margin-left: -195px; 
    left: 50%; 
    margin-top: -150px;
    padding: 35px 70px; 
    display: none; 
    z-index: 99999; 
    background: #FFF; 
    text-align: center; 
    border: 1px solid #d7d7d7; 
    box-shadow: 0px 7px 0px 0px rgba(0, 0, 0, 0.23); 
    border-radius: 5px;
}
#alert, #alertActivo, #confirm{
    border: 3px solid #0a678f;
    border-radius: 10px;
    padding-top: 35px;
    box-shadow: unset;
}
#alert span, #confirm span, #alertActivo span {display: block; width: 100%; margin: 15px 0 20px 0; font-family: Arial, sans-serif; font-size: 16px; line-height: 19px; color:#333333;}
#alert button {
    width: 45%;
    padding: 13px 5px 11px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    background-color: #d00138;
    border: 1px solid #d00138;
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    text-decoration: none;
}
#confirm button{width: 49%; margin: 0; font-weight: 600; font-family: Arial, sans-serif; font-size: 16px;}

#capa-pedir-datos {color:#333;}
#capa-pedir-datos h3{font-size: 1.2em; font-family: Arial, sans-serif}
#capa-pedir-datos p{margin: 15px 0;}
#capa-pedir-datos .ico-close{position: absolute; right: 25px; top: 25px}
#capa-pedir-datos .error-pass{display: flex; justify-content: center; align-items: center; background: #ff7b90; margin-bottom: 10px; line-height: 25px; padding: 5px 10px; min-height: 50px; color: #df1e3c; font-weight: bold; font-size: 14px;}

/* Alertas en la web*/
.alert{ padding: 13px 40px 13px 13px; text-align: center;position: relative; z-index: 9;}
.alert span{font-size: 14px; font-family: Arial, sans-serif; font-weight: bold}
	.alert span.ico-close-white {position: absolute;right: 10px;top: 13px;}
.alert.left{padding: 13px 0 0;text-align: left; height: 15px}
.alert.left span{font-size: 1em}
#wrapper > div > .alert{position: relative;top: -4px;}

.ico{display: inline-block; height: 35px; width: 35px; background: url('../img/sprite-iconos_es-ES.svg'); background-size: 742px; cursor: pointer;}
	.no-svg .ico {background-image: url('../img/sprite-iconos_es-ES.png');}

.ico-user{background-position: -4px -8px}
.ico-user.show{background-position: -78px -8px}
.ico-facebook{background-position: -1px -45px;height: 45px;width: 45px;}
.ico-twitter{background-position: -62px -45px;height: 45px;width: 45px; }
.ico-tiktok {background-position: -120px -45px;height: 45px;width: 45px; }
/*.ico-google{background-position: -120px -45px;height: 45px;width: 45px; }*/
/*.ico-tuenti{background-position: -177px -45px;height: 45px;width: 45px; }*/
.ico-instagram{background-position: -295px -45px;height: 45px;width: 45px; }
.ico-youtube{background-position: -237px -45px;height: 45px;width: 45px; }

.ico-facebook.small{background-size: 550px;background-position: -5px -36px; height:28px;width: 28px; margin:5px;}
.ico-twitter.small {background-size: 550px;background-position: -48px -36px; height: 28px;width: 28px; margin:5px;}
/*.ico-google.small  {background-size: 550px;background-position: -92px -36px;height: 28px;width: 28px; margin:5px;}*/

.ico-facebook.big{background-position: -586px -229px;height: 53px;width: 53px;}
.ico-twitter.big{background-position: -650px -229px;height: 53px;width: 53px; }
/*.ico-google.big{background-position: -640px -324px;height: 53px;width: 53px; }*/

.ico-facebook-logo{background-position: -120px 0px;}
.ico-arrow-left-blue{background-position: -290px -12px;float: left; height: 20px;width: 20px;}
.ico-arrow-left-black{background-position: -320px 0px; width: 25px; float: left;}

.ico-share{background-position: -353px -4px; height: 30px; width: 40px;}
.ico-share:hover, .ico-share-blue:hover {cursor: pointer !important;}
.ico-share-blue{background-position: -40px -154px; height: 30px; width: 40px;}
.ico-favourite{background-position: -405px -49px;height: 30px; width: 40px;}
.ico-favourite.selected{background-position: -404px -3px;}
.ico-confirmation {background-position: 0 -95px; width: 80px; height: 60px; }
.ico-confirmation-medium {background-position: -448px -806px; width: 40px; height: 32px; }
.ico-confirmation-small {background-position: -448px -662px; width: 40px; height: 32px; }
.ico-ocultar-mitad-uno{background-position:-355px -109px; height: 45px; margin-left: -57px;}
.ico-ocultar-mitad-dos{background-position:-355px -109px; height: 45px; margin-left: -32px;}
.ico-tarjeta {background-position: -466px -410px;height: 23px;width: 27px;cursor: inherit;vertical-align: middle;vertical-align: text-top;margin-top: -2px; }
.ico-efectivo {background-position: -338px -410px;height: 25px;width: 27px;cursor: inherit;margin-top: -2px!important;position: absolute; }
.ico-iupay{ background-position: -708px -65px;height: 30px;cursor: inherit;vertical-align: middle;vertical-align: text-top;margin-top: -2px; }
.ico-close{background-position:-255px -204px; height: 20px; width: 20px}
.ico-close-gray{background-position:-209px -203px; height: 20px; width: 20px}
.ico-close-blue{background-position:-166px -202px; height: 20px; width: 20px}
.ico-close-white{background-position:-166px -164px; height: 20px; width: 20px; cursor: pointer;}
.ico-trash-red{background-position: -252px -163px;height: 20px; width: 20px;}
.ico-trash-black{background-position: -208px -162px;height: 20px; width: 20px}
.ico-trash-blue{background-position: -128px -162px;height: 20px; width: 20px}
.ico-edit-blue{background-position: -97px -162px;height: 20px; width: 20px}
.ico-location{background-position: -261px -8px; height: 22px; width: 22px}
.ico-arrow-down{background-position: -422px -130px;height: 20px; width: 10px; margin-right: 5px}
.ico-arrow-down.selected{background-position: -422px -100px;}
.ico-arrow-up{ background-position: -422px -100px;height: 20px; width: 10px}
.ico-arrow-left-carrousel{background-position: -6px -252px; height: 100px; width: 60px;}
.ico-arrow-right-carrousel{background-position: -93px -252px; height: 100px; width: 60px;}
.ico-info{background-position:-417px -185px; height: 23px; width: 23px}
	.blue .ico-info{background-position:-459px -185px; height: 23px; width: 23px}
.ico-info-close{background-position: -374px -185px; height: 23px; width: 23px}
.ico-scroll-left{background-position: -173px -237px;height: 53px; width: 53px;z-index: 10;}
.ico-scroll-right{background-position: -173px -308px;height: 53px; width: 53px;z-index: 10;}
.ico-tick {background-position: -263px -310px; height: 20px; width: 20px}
	.ico-tick.green {background-position: -263px -365px; }
	.ico-tick.gray {background-position: -284px -315px; }
.ico-subir{background-position: -308px -303px; height: 80px; width: 80px}
.ico-bajar {background-position: -584px -53px; height: 82px; width: 82px}

body[data-language="ca-ES"] .ico-subir{background: url('../img/sprite-iconos_ca-ES.svg'); background-position: -235px 0px}
.no-svg body[data-language="ca-ES"] .ico-subir{background: url('../img/sprite-iconos_ca-ES.png'); background-position: -235px 0px}

body[data-language="ca-ES"] .ico-bajar{background: url('../img/sprite-iconos_ca-ES.svg.svg'); background-position: -145px 0px}
.no-svg body[data-language="ca-ES"] .ico-bajar{background: url('../img/sprite-iconos_ca-ES.png'); background-position: -145px 0px}

.ico-mastercard{background-position: -446px -4px; height: 36px; width: 70px; cursor: default;}
.ico-iupay-abajo{background-position: -12px -201px; height: 35px; width: 70px; cursor: default;}
.ico-visa{background-position: -522px -4px; height: 36px; width: 70px; cursor: default;}
.ico-visa-electron{background-position: -590px -4px;height: 36px; width: 70px; cursor: default;}
.ico-circle-blue{background-position:-311px -242px;}
.ico-circle-blue.disabled{background-position: -354px -242px}
.ico-circle-grey {background-position:-394px -284px; width: 45px;height: 45px; background-size: 650px}
	.ico-circle-grey.enable {background-position:-502px -284px}
.ico-circle-white {background-position:-448px -284px;width: 45px;height: 45px; background-size: 650px}
.ico-circle-green {background-position:-542px -235px;width: 38px;height: 38px;}

.ico_CodePromo {background-position: -595px -138px;height: 37px; width: 111px;} /* Era el rojo, pero desaparece y siempre es el azul*/
	.ico_CodePromo.Azul {background-position: -595px -138px;height: 37px; width: 111px;}
	.ico_CodePromo.Exclusiva {background-position: -595px -178px;height: 37px; width: 111px;}
body[data-language="ca-ES"] .ico_CodePromo:not(.Exclusiva){background: url('../img/sprite-iconos_ca-ES.svg'); background-position: 0 -11px; width: 130px;left: -18px !important; }
.no-svg body[data-language="ca-ES"] .ico_CodePromo:not(.Exclusiva){background: url('../img/sprite-iconos_ca-ES.png'); background-position: 0 -4px;  width: 130px;left: -18px !important;  }

.ico-pizza-complete {background-position: -490px -183px;height: 47px; width: 47px;}
.ico-pizza-half {background-position: -542px -183px;height: 47px; width: 47px;}
.ico-heart {background-position: -1402px -7px;height: 20px; width: 22px;}


/* Segundo sprite de iconos */
.ico-second{display: inline-block; height: 35px; width: 35px; background: url('../img/sprite-iconos-second.svg'); background-size: 1000px; cursor: pointer}
  .no-svg .ico-second {background-image: url('../img/sprite-iconos-second.png');}

.ico-pizza-entera-small{background-position: 0 0; height: 45px; width: 45px; background-size: 530px}
.ico-pizza-entera-small.disabled{ background-position:-45px 0; }
.ico-postre{background-position:-162px 0;height: 45px; width: 45px;}
.ico-postre.disabled{background-position:-161px -53px;}
.ico-entrante-small{background-position:  0 -69px; height: 45px; width: 45px;background-size: 795px;}
.ico-entrante-small.disabled{background-position: -53px -69px; }
.ico-bebida{background-position:-392px -305px; height: 50px; width: 45px; float: left; margin-top: 5px}
.ico-bebida.disabled{background-position:-392px -236px;}
.ico-arrow-black{background-position: -206px -9px; width:15px; height: 15px }
.ico-arrow-black.up{background-position: -206px 3px;}
.ico-time{ background-position: 0 -149px; height: 25px; width: 20px;}
.ico-instagram-small{background-position: -29px -152px; height: 25px;width: 25px; margin-right: 5px; position: relative; top: 7px;}
.ico-logo-small{background-position: -60px -152px; height: 25px;width: 25px;position: relative; top: 7px;}


.icoapp{display: inline-block; height: 54px; width: 178px; background: url('../img/sprite-apps.svg') no-repeat; float: left; margin: 13px;}
	.no-svg .icoapp{background-image: url('../img/sprite-apps.png');}
.ico-ios{background-position: 0 0; margin-left:0;}
.ico-android{background-position: 0 -77px; margin-right: 0}


.ico-shape{display: inline-block; height: 40px; width: 330px; background: url('../img/sprite-banner.svg'); float: left}
	.no-svg .ico-shape{background-image: url('../img/sprite-banner.png');}
.ico-shape-up{ background-position: 0 0 }
.ico-shape-down{ background-position: 0 -70px}

.ico-promo{display: inline-block; height: 140px; width: 130px; background: url('../img/sprite-promos.png'); float: left}
.ico-promo-1{background-position: 0 0 }
.ico-promo-2{background-position: -169px 0 }
.ico-promo-3{background-position: -341px 0 }

.icowtf{display: inline-block; height: 98px; width: 98px; background: url('../img/wtf/sprite-wtf.png'); margin: 13px;}
  .no-svg .icowtf{background-image: url('../img/wtf/sprite-wft.png');}
.ico-wtf-facebook{background-position: 0 0;}
.ico-wtf-twitter{background-position: -110px 0; }


/* Iconos de compartir con cursor:pointer */
/*.share .ico-facebook, .share .ico-twitter, .share .ico-google{cursor: pointer !important}*/
.share .ico-facebook, .share .ico-twitter {cursor: pointer !important}

/* Inicialmente el icono de subir está oculto */
span.ico.ico-subir{display: none}


#print {position: relative;margin-right: 40px; }
#print:after {display: block;content: ' '; height: 28px; width: 30px; background: transparent url('../img/sprite-iconos.svg') -472px -625px; position: absolute;top: 50%;right: -40px;margin-top: -14px; }
	.no-svg #print {background-image: url('../img/sprite-iconos_es-ES.png');}


/*recaptcha*/
button#registrarme {margin-top:13px;}
#recaptcha {float:left;}

/* Bizum */
.ico-bizum {
	display: inline-block;
	height: 32px;
	width: 25px;
    background: url('../img/sprite-iconos_es-ES.svg');
    background-size: 742px;
	cursor: pointer;
	position: absolute;
    background-position: -528px -408px;
}

.label-bizum {
    display: flex !important;
    align-items: center;
}

.ico-bizum-white {
    background-position: 4px -242px;
    height: 66px;
    width: 45px;
    cursor: default;
    background-size: 500px;
}
header{height: 95px; position: relative; max-width: 1600px; margin: 0 auto 13px auto;}
header.no-mobile .all-header{
    width: 100%;
    height: 100%;
    /*20170119 Cabecera con mismo ancho que el resto de la web para res > 1600*/
    max-width: 1600px;
    margin: 0 auto;
}
header.no-mobile .all-header.fixed{
    position: fixed;
    top: 0;
    /*20170119 Cabecera con mismo ancho que el resto de la web para res > 1600*/
    /*left: 0;*/
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
    height: 95px;
    z-index: 70;
    background-color: #FFF;
    padding-bottom: 13px;
    /*20170119 Eliminar la sombra en el header */
    /*-webkit-box-shadow: 0px 5px 5px 0px rgba(136,136,136,0.8);
    -moz-box-shadow: 0px 5px 5px 0px rgba(136,136,136,0.8);
    box-shadow: 0px 5px 5px 0px rgba(136,136,136,0.8);*/
}
header.no-mobile .all-header.menu-login{
    z-index: 75;
}
header.mobile .all-header{
    width: 100%;
    height: 55px;
    z-index: 70;
}
header.mobile .all-header.fixed{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #0E4978;
}
div.cookies {
    background-color: #000; color: #FFF; padding: 35px 25px 30px; font-family: arial, sans-serif;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; overflow: hidden;
    position:relative;
}
#cookiesDisabled { display:none }
    #cookiesDisabled div.cookies {
        background-color: #fffcb4;
        color: #000;
        background-image: url('../img/bg-cookies-blocked.gif');
    }
div.cookies h3{font-size: 14px;text-transform:uppercase;}
div.cookies span.fr{font-family: arial, sans-serif; cursor: pointer; font-size: 22px}
div.cookies div{margin: 0 auto; max-width: 850px; text-align: center; font-size: 12px; line-height: 18px;}
div.cookies div a, div.cookies div a:visited{color:#FFF;}
div.cookies .ico {position: absolute;right: 20px;top: 20px; }

.marketing-bar {
    overflow:hidden;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0.5%;
    background-color: #000;
}
    .marketing-bar label.label {
        color:#fff;
        line-height:50px;
        margin:0 0.5% 0 0;
    }
    .marketing-bar label.custom-select {
        width:auto;
    }

div.logo{width: 225px; float: left; height: 86px;  background: url('../img/dominos-logo.svg') no-repeat bottom left;}
	.no-svg div.logo {background-image: url('../img/dominos-logo.png');}

header div.logo{margin-left:10px; cursor:pointer;}
header div.logo.no-link {cursor:default;}
header div.phone {float: right; font-size: 18px; position: absolute; bottom: 10px; right: 15px;}

header section{float: right; width: 75%; height: 100%; z-index: 5; position: relative;}
header section nav{display: inline-block; width: 100%; text-align: center}
header section nav.first{height:25px;font-family: arial, sans-serif; color:#333333; margin-bottom: 5px; font-size: 14px;}
header section nav.first ul{display: inline-block; float: right; margin-top: 15px}
header section nav.first ul li{border-right: 1px solid #d6d6d6; padding: 0 9px}
header section nav.first ul li#short {display:none;}
header section nav.first ul li#short span,
header section nav.first ul li#large span {text-align: right;}
header section nav.first a,
header section nav.first a:visited{color:#333333;}
header section nav.first .carrito-content{
    position:relative;
    top: 0;
    right: 0;
}
header section nav.first div.mini-carrito{
    position: relative;
    margin-top: -5px;
    float: right;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 9;
    width: 70px;
    height: 60px;
    background: url('../img/sprite-iconos_es-ES.svg') no-repeat transparent;
    background-position: -640px 9px;
    opacity: 0;
}
header section nav.first div.mini-carrito img{
    display: none;
}
header section nav.first div.mini-carrito span{
    color: #FFF;
    left: 22px;
    position: absolute;
    top: 14px;
}
header section nav.first .user-menu{position:relative; padding-top:17px; border-right: 0; color:#0062b7;font-weight: bold; padding-right: 10px;float: right; cursor: pointer; padding-left: 10px;}
header section nav.first.disabled .user-menu {cursor: default; pointer-events: none;}
header section nav.first .ico.ico-user{margin-top: -5px;margin-left: 2px}
header section nav.first .user-menu.show{background-color: #1376c5; color: #FFF}
header section nav.first .user-menu.show span.name:after{
	border-bottom: 1px solid #0055a4;
	bottom: 6px;
	content: "";
	display: block;
	height: 5px;
	left: 10px;
	position: absolute;
	width: 126px;}
header .custom-select {
    width: 100px;
    height: 20px; 
    margin: 0; 
    background: url('../img/select-icon-small.svg') right center no-repeat;
    margin-top: -1px;
}
.no-svg header .custom-select {background-image: url('../img/select-icon-small.png');}
header .custom-select select{padding:0; width: 118px; height: 20px; margin-top: -2px;}

header section nav.second{height: 60px;font-family: arial, sans-serif; font-weight:bolder; font-size: 19px;margin-top: 15px}
header section nav.second ul{float:right;}
header section nav.second ul li{padding: 15px 10px; color:#333; position: relative; cursor: default;}
header section nav.second ul li.disabled {color: #bdc3c7;}
header section nav.second ul li:last-child{margin-right: 15px}
header section nav.second ul li a{color:#333; margin:0;}
header section nav.second ul li:hover a,
header section nav.second ul li.active a{color:#bdc3c7}
header section nav.second ul li.disabled a{color:#bdc3c7}
header section nav.second ul li.active:after {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 12px 12px 12px;
	border-color: transparent transparent #0062b7 transparent;
	-webkit-transform:rotate(360deg);
	content: '';
	position: absolute;
	left: 50%;margin-left: -12px;
	bottom: -12px;
}
header section nav.second ul li.active.hide:after{
    display: none;
}
header section nav.second ul li.active.gray:after{border-color: transparent transparent #EBEFEF transparent;}
header.header-checkout section nav.second ul li{font-size: 19px;}

header section nav.second button{float: right; margin-top: -2px; text-transform: uppercase;}
header section nav.second.disabled button {cursor: default; pointer-events: none;}
header section nav.second #carrito{position: relative; height: 60px; width: 190px}
header section nav.second.init button{display: block; margin-right: 10px; border-radius: 5px}
header section nav.second.init #carrito{display: none;}
header section nav.second.carrito button{display: none;  margin-right: 10px;}
header section nav.second.carrito #carrito{display: block}

/*Pestaña captcha*/
.grecaptcha-badge {opacity: 0; z-index: -100;}

/*Textos terminos y condiciones CaptchaV3*/
#condiciones-captchav3-login {padding: 10px; text-align: justify; margin-top:65px;}
#condiciones-captchav3-login p {color: #FFF; display: block;}
#condiciones-captchav3-login a {color: #A2D5FF;}

#condiciones-captchav3-registro {padding: 10px; text-align: justify; margin-top:65px}
#condiciones-captchav3-registro p {color: #888; display: block;}

div#condiciones-captchav3 {padding: 10px; text-align: justify; line-height:20px;}
section#menu-login p#condiciones-captchav3-text {line-height:20px;}
#condiciones-captchav3 p {color: #888; display: block;}
#condiciones-captchav3 a {color: #A2D5FF;}

/* Cabecera movil */
header.mobile{
    height: 55px;
    position: relative;
    background-color: #0E4978;
    padding:0; 
    display: none;
    border-bottom: 1px solid #0E4978;
}
header.mobile .square{
    height: 55px;
    width: 60px; 
    cursor: pointer;
}
header.mobile .square.logo, 
header.mobile .square.menu-icon, 
header.mobile .user-icon,
header.mobile .tienda-icon {background: url('../img/cabecera_responsive.svg') no-repeat;}
.no-svg header.mobile .square.logo, 
.no-svg header.mobile .square.menu, 
.no-svg header.mobile .user-icon{background-image: url('../img/sprite-iconos_es-ES.png');}
header.mobile .square.logo{
    width: 43px;
    background-position: -32px 7px;
    margin-left: 3%;
}
header.mobile .square.menu-icon{
    transition: 0.5s ease-in-out;
    position:relative;
    width:35px;
    height:35px;
    margin-left: 25%;
    margin-top: 4px;
    background-position: 0 0;
}
header.mobile .square.menu-icon.expand {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: 0.5s ease-in-out;
    color: #fff;
    background: #1376c5 url('../img/cabecera_responsive.svg') no-repeat 0px 4px;
    margin-left: 30%;
}
header.mobile .square.menu{
    float:left !important;
    overflow: hidden;
}
header.mobile .tienda-icon{
    float: right;
    width: 28px;
    height: 32px;
    margin: 3px 16px 0 0;
    background-position: -73px 0;
}
header.mobile .square.user{
    padding: 0 3% 0 2px;
}
header.mobile .square.listTiendas{
    padding: 0 2px;
}
header.mobile .square.listTiendas.active{
    background-color: #1376C5;
    background-position: -54px -50px;
    background-size: 160px;
}
header.mobile .square.listTiendas p {
    color: #FFF;
    font-size: 9px;
    text-transform:uppercase;
    font-family: arial, sans-serif;
	font-weight: bolder;
    margin-top: 40px;
    text-align: center;
}
header.mobile .square.listTiendas.active p {
    color:#fff;
}
header.mobile .square.tracker{
    background: url('../img/ic_menu_mobile_azul_blanco.svg') no-repeat;
    background-position: -100px -5px;
    background-size: 160px;
}

header.mobile .square.tracker p {
    text-align: center;
    margin-top: 40px;
    color: #1376c5;
    font-family: arial, sans-serif;
	font-weight: bolder;
    font-size: 9px;
    text-transform:uppercase;
}
.mobile.square.pedir{
    display: none;
    width: calc(100% - 30px);
    padding: 10px 15px;
    background-color: rgba(255,255,255,0.8);
    z-index: 90;
}
.mobile.square.pedir a:not(#title){display: none;}
.mobile.square.pedir a#title{
    display: inline-block;
    width: calc(100% - 10px);
    text-decoration: none;
    border: none;
    color: #FFF;
    background-color: #e31837;
    margin: 0;
    padding: 10px 5px 9px;
    font-family: arial, sans-serif;
	font-weight: bolder;
    font-size: 19px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
}
header.mobile .user-icon{
    float: right;
    width: 37px;
    height: 33px;
    margin: 3px 10px 0 0;
    background-position: -99px 0;
}
header.mobile .square.user p {
    text-align: center;
    margin-top: 40px;
    color: #FFF;
    font-family: arial, sans-serif;
	font-weight bolder;
    font-size: 9px;
    text-transform: uppercase;
}
header.mobile .square.user.show{
    background-color: #1376C5;
    background-position: -14px -63px;
    background-size: 190px;
}
header.mobile .square.user.show p {
    text-align: center;
    margin-top: 40px;
    color: #fff;
    font-family: arial, sans-serif;
	font-weight: bolder;
    font-size: 9px;
}

/*25/05/2016 - menú flotante */

header.mobile .menu-mobile.shadow-gray{
    -webkit-transition: opacity 0.1s ease-in;
    -moz-transition: opacity 0.1s ease-in;
    -o-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
}

header.mobile > nav, header.mobile .all-header > nav {
	height: 0; 
    opacity: 0;
    top: 61px;
    width:80%;
    position: absolute;
    right:0;
	background: none repeat scroll 0 0 rgba(243,243,243,0.92);
    pointer-events:none;
}
header.mobile > nav.show, header.mobile .all-header > nav.show{
    height: calc(100vh - 55px);
    opacity: 1;
    left: 0;
    width: 100%;
    background: none repeat scroll 0 0 rgba(0,0,0,0.3);
    position: absolute;
    top: 55px;
    z-index: 100;
    pointer-events: auto;
}

header.mobile .menu-mobile .menu-cupon #codigoPromocionalMenu {
    background-color: white;
    color: #333;
    height: 50px;
    border-radius: 3px;
    border: 3px solid #d9d9d9;
    font-size: 1em;
    font-family: arial, sans-serif;
    padding: 16px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:70%;
    float:left;
    margin-bottom: 10px;
    box-shadow: 0px 1px 0px 0px rgba(191, 191, 191, 0.92);
}

header.mobile .menu-mobile .menu-cupon{
    margin-bottom: 4px;
    margin-top: 4px;
    width: 100%;
    height: 55px;
}

header.mobile .menu-mobile .menu-cupon,
header.mobile .menu-mobile .divCambiarIdiomaMenu{
    margin-left: 5%;
}

header.mobile .menu-mobile .divCambiarIdiomaMenu{
    padding-bottom: 5px;
}

header.mobile .menu-mobile .menu-fathers{
    height:calc(100vh - 55px);
    padding: 5% 5% 0 0;
}

header.mobile .menu-mobile .menu-fathers .icon-promociones {
    background: url('../img/icon-menu-promociones.png') no-repeat;
}
header.mobile .menu-mobile .menu-fathers .icon-nuestra-carta {
    background: url('../img/icon-menu-nuestra-carta.png') no-repeat;
}
header.mobile .menu-mobile .menu-fathers .icon-crea-tu-pizza {
    background: url('../img/icon-menu-crea-tu-pizza.png') no-repeat;
}
header.mobile .menu-mobile .menu-fathers .icon-pizza-tracker {
    background: url('../img/icon-menu-pizza-tracker.png') no-repeat;
}
header.mobile .menu-mobile .menu-fathers .icon-informacion-legal {
    background: url('../img/icon-menu-informacion-legal.png') no-repeat;
}
header.mobile .menu-mobile .menu-fathers .icon-promociones,
header.mobile .menu-mobile .menu-fathers .icon-nuestra-carta,
header.mobile .menu-mobile .menu-fathers .icon-crea-tu-pizza,
header.mobile .menu-mobile .menu-fathers .icon-pizza-tracker,
header.mobile .menu-mobile .menu-fathers .icon-informacion-legal {
    background-size: 25px;
    padding-left: 20%;
    background-position: 10px bottom;
}


header.mobile .menu-mobile .menu-fathers .elementWithoutChildren {
    margin-bottom:20px;
}

a.border-bottomMenuMobile {
    border-bottom: 1px solid #b6bcc1;
    margin-right: 5%;
}

header.mobile .menu-mobile .menu-fathers .menu-children li{
    cursor:pointer;
}

header.mobile .menu-mobile .menu-fathers .menu-children li a{
    font-size:15px;
    padding: 3px 3px 0 0;
}
header.mobile .menu-mobile .menu-cupon #btn-codigo-menu{
    margin-left: 7px;
    float:left;
    padding: 14px 18px;
}
/*END 25/05/2016 - menú flotante JMER Paradigma*/
/*20170123 - Switch idiomas*/
.switch {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

.switch input {display:none;}

.sliderMenu {
    position: absolute;
    cursor: pointer;
    top: 4px;
    left: 0;
    right: 0;
    bottom: -4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border: 2px solid #b6bcc1;
}

.sliderMenu:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    left: -3px;
    bottom: -5px;
    background-color: #77b500;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .sliderMenu {
  background-color: #fff;
}

input:focus + .sliderMenu {
  box-shadow: 0 0 1px #fff;
}

input:checked + .sliderMenu:before {
  -webkit-transform: translateX(53px);
  -ms-transform: translateX(53px);
  transform: translateX(53px);
}

/* Rounded sliders */
.sliderMenu.round {
  border-radius: 34px;
}

.sliderMenu.round:before {
  border-radius: 50%;
}

.MenuMobileIdiomaSwitchNOSeleccionado {
    color: #fff;
    opacity: 0.5;
    font-size: 17px;
}
.MenuMobileIdiomaSwitchSeleccionado {
    color: #fff;
    opacity: 1;
    font-weight: bold;
    font-size: 17px;
}
/*20170123 */
/*20170124 Desplegables del menu Mi Dominos */
.miDominosDesplegables {
    width: 100%;
    height: 0px;
    overflow: hidden;
    border-bottom: 1px solid #fff;
    margin-bottom: 25px;
}
header.mobile > nav.lang.show, header.mobile .all-header > nav.lang.show{height: 103px;}
header.mobile > nav ul, header.mobile .all-header > nav ul{height: 88%;max-height: calc(100vh - 55px); width: 75%;background-color: #1376c5;padding-left: 5%;border-top: 1px solid #b6bcc1;}
header.mobile > nav ul, header.mobile .all-header > nav ul .menu-children{width: 90%;}
header.mobile > nav ul li, header.mobile .all-header > nav ul li{float: none; text-align: left; padding: 0;}
header.mobile > nav ul li a, header.mobile .all-header > nav ul li a, 
header.mobile > nav ul li a:active, header.mobile .all-header > nav ul li a:active{
    color:#fff; 
    font-family: arial, sans-serif; 
    font-size: 16px; 
    font-weight: bold; 
    padding: 3px 3px 0 6px;
    display: block;
    line-height:30px;
}
header.mobile .menu-mobile .menu-fathers .menu-children {
    margin-bottom: 5%;
    margin-left: 20%;
    width: auto;
}
header.mobile > nav.lang ul li a, header.mobile .all-header > nav.lang ul li a{
    border: 0;
}
header.mobile > nav ul li.active a, header.mobile .all-header > nav ul li.active a{color:#bdc3c7;}

#main-wrapper.mobileScrollBGFixed {
    overflow:hidden;
    max-height:calc(100vh - 55px);
    position: relative;
    height: calc(100vh - 55px);
    overflow-y: hidden;
}

/* menu login */
section#menu-login, section#menu-login-register {
  position: absolute;
  right: 0;
  display: none;
  top: 45px;
  z-index: 0;
  height: 605px; width: 420px;
  color: #FFF;
    -ms-opacity: 0;
  opacity: 0; 
    -webkit-transition: opacity .2s ease 0;
    -moz-transition: opacity .2s ease 0;
    -ms-transition: opacity .2s ease 0;
    -o-transition: opacity .2s ease 0;
    transition: opacity .2s ease 0;
}

section#menu-login.show, section#menu-login-register.show{opacity: 1; z-index: 90; display: inline-block;
    -webkit-transition: opacity 0.1s ease-in;
    -moz-transition: opacity 0.1s ease-in;
    -o-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
}

section#menu-login .content, section#menu-login-register .content{background-color: #1376c5;
  padding: 40px 50px 70px 50px; display: inline-block;}
section#menu-login h4, section#menu-login-register h4 {font-family: arial, sans-serif; font-weight: bolder; font-size: 22px; margin: 0 0 10px;}
section#menu-login h4:first-of-type, section#menu-login-register h4:first-of-type {margin-bottom:10px;}
section#menu-login label{height: 50px; margin: 0 0 20px; position: relative;}
section#menu-login label#label-checkbox{margin-bottom: 10px;}
section#menu-login input,
.squaredFour input {
  background-color: #FFF; 
  padding: 0 15px; 
  border: 1px solid #FFF; 
  border-radius: 3px; 
  font-family: arial, sans-serif; 
  font-size: 1em; color: #252525; 
  width: 100% !important; 
  height: 100%;
}
section#menu-login a{color: #A2D5FF;}
section#menu-login a.bottom{position: absolute; right: 50px; bottom:30px; }
section#menu-login button{/*height: 53px;*/ padding: 14px 23px; margin: 0;} /* quito el alto  */
section#menu-login p, section#menu-login-register p{line-height: 30px}

section#menu-login label.error{margin-bottom: 30px} /* para que entre el mensaje de error*/
section#menu-login label.error input{background-color: #FFF !important; color: #252525 !important; /*border: 2px solid #ffc600 !important;*/ border: 2px solid #df1e3c !important; border-radius: 3px;}
section#menu-login label.error span.error{/*color: #ffc600;*/color: #df1e3c;}

section#menu-login.login{height: 275px; width: 210px;}
section#menu-login.login .content{padding: 0; width: 100%; box-shadow: -1px 1px 7px #1368ac; /*border-left: 1px solid #1368ac; border-bottom: 1px solid #1368ac*/}
section#menu-login.login nav li {float: none; cursor: inherit;padding: 0; text-align:left ; width: 100%}
section#menu-login.login nav a {margin: 0;border: none;color: #FFF;font: 1em Arial, Helvetica, Geneva, sans-serif; font-weight: bold; padding: 14px 30px;display: block;}
section#menu-login.login nav li.active a {background-color: #0466ba;border-bottom: none;border-left: 4px solid #70a446;padding-left: 12%; }

footer { background-color: #000;height: auto; padding:30px; position: relative;}
footer .logo{height: 58px; width:25%;background: url('../img/dominos-logo-footer.svg') no-repeat left bottom;}
	.no-svg footer .logo {background-image: url('../img/dominos-logo-footer.png');}
footer section {width: 75%; display: inline-block; float:right; }
footer section.pago {float: right;width: 370px;margin-top: -25px;margin-top: -25px;}

footer .tlf {
    float: right; 
    font-family: arial, sans-serif; 
	font-weight: bolder;
    font-size: 28px; 
    color: #FFF !important;
    margin: 0 0 15px 0;
    border-bottom: 0;
    text-decoration: none;
}
footer .tlf.no-active {cursor: default; pointer-events: none;}

footer nav{color: #888888; display: inline-block; width: 92%;margin-top: 20px; }
footer nav ul {display: inline-block; float:right;}
footer nav ul li{ padding: 0 15px;margin-bottom: 8px;text-align: center; font-family: arial, sans-serif; font-size: 15px; border-right: 1px solid; }
footer nav ul li a{color: #888888; margin:0;}
footer nav ul li:last-child{border: none; padding-right: 0; min-width: 0}

.ico-subir{position: fixed; right: 20px; bottom:20px; cursor: pointer;z-index: 98; }
/* HOME */
#home-page, #carta-page, #promociones-page, #inspirame-page{position: relative;}

#promos{width: 100%; margin-bottom: -6px; position: relative; height: 402px;display: inline-block; overflow: hidden;} /* no se porque esta añadiendo esos 6px de mas*/
#promos div.carrousel-img {
    display: inline-block; position:absolute;width: 100%; background-color: red;
    -webkit-transition: left .4s ease;
    -moz-transition: left .4s ease;
    -ms-transition: left .4s ease;
    -o-transition: left .4s ease;
    transition: left .4s ease;
}

#promos img{ position: relative; /*max-width: 100%; max-height: 100% */ width: 100%}

.banner{
	overflow: hidden;
	width: 100%;
	position: relative;
}
    .banner img {
        cursor:pointer;
        width:100%;
    }
    .banner img.noclicable {
        cursor:default;
    }
    .banner img.play {
        position:absolute;
        max-width:33%;
        left:33%;
        top:20%;
        cursor:pointer;
        width:auto;
    }
/*.banner ul{position: relative;width:100%; left: 0; height: 100%;}
.banner ul li {
	box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1) inset;
	display: block;
	float: left;
	height: 400px; padding: 0;
	position: relative;
}

.banner ul li#img1{
  background-image: url('../img/promo_01.jpg');
  background-position: right top; 
  background-size: cover;
}
.banner ul li#img2{
  background-image: url('../img/promo_02b.jpg');
  background-position: center top; 
  background-size: cover;
}
.banner ul li#img3{
  background-image: url('../img/promo_03.jpg');
  background-position: center top; 
  background-size: cover;
  text-align: center;
}
.banner ul li#img4{
  background-image: url('../img/promo_03.jpg');
  background-position: center top; 
  background-size: cover;
  text-align: center;
}
.banner ul li#img5{
  background-image: url('../img/promo_03.jpg');
  background-position: center top; 
  background-size: cover;
  text-align: center;
}
.banner ul li#img3 img{left: 50%; margin: -100px auto 0 -251px; position: absolute;top: 50%;}
.banner ul li#img3 iframe{opacity: 0}*/
.banner .ico{position: absolute;  z-index: 6; top: 50%; margin-top: -50px; cursor: pointer}
.banner .ico-arrow-left-carrousel{left: 13px;}
.banner .ico-arrow-right-carrousel{right: 13px;}

.banner div.texto{width: 330px; max-width: 330px;text-align: center; display: inline-block; color:#FFF; position: absolute;top:5%; left: 10%}
.banner div.texto .ico-shape{margin:0 0 15px 0;width: 100%; height:40px; background-size: 100%;}
.banner div.texto .ico-shape-down {margin: 15px 0 0 0;}
.banner div.texto h1{font-size: 5.7em; font-family: arial, sans-serif; font-weight: bolder; text-transform: uppercase; margin:0;}
.banner div.texto h2{font-size: 3.3em; font-family: arial, sans-serif; font-weight: bolder; text-transform: uppercase;margin:0;}
.banner div.texto h3{font-size: 2em; font-family: arial, sans-serif; font-weight: 800; text-transform: uppercase;margin:0;}
.banner div.texto p{font-size: 1.1em; font-family: arial, sans-serif}
.banner div.owl-item small{position: absolute; display: block;text-align: center; font-size: 10px; color: #FFF; bottom: 15px;left: 0;right: 0;margin: 0 auto;padding: 0 20px; }

#second-promos{width: 100%; display: inline-block;position: relative; margin-top: -3px}
#second-promos .ico-bajar {position: absolute;left: 50%;margin-left: -41px;bottom: -20px;}
#second-promos div{width: 50%; float:left; margin-bottom: -6px; position: relative;background-color: #0062b7;}
#second-promos div img{max-width: 100%;}
/*#second-promos div a{width: 100%; height: 155px; display: block}
#second-promos div a#mini-promo1{
  background-image: url('../img/mini-promo1.jpg');
  background-image: url('');
  background-position: left top; 
  background-size: cover;
}
#second-promos div a#mini-promo2{
  background-image: url('../img/mini-promo2.jpg');
  background-image: url('');
  background-position: right top; 
  background-size: cover;
}
*/
#menu{background-color: #0062b7; display: inline-block; width: 100%; text-align: center; height: 75px}
#menu.menu-pc.fixed{position: fixed; width: 100%; max-width: 1600px; top: 108px; z-index: 5;}
#menu ul{max-width: 450px; margin: 0 auto; display: inline-block;  color: #a2d5ff; height: 100%; font-family: arial, sans-serif; font-weight: bold; font-size: 1.12em}
#menu ul li{padding: 31px 5px 18px; margin: 0 15px;}
#menu ul li a{color: #a2d5ff; }
#menu ul li.selected,
#menu ul li.selected a,
#menu ul li:hover,
#menu ul li a:hover{color:#FFF;}


.pizza-title {
    font-family: arial, sans-serif !important;
	font-weight: bolder !important;
    font-size: 1.4em; 
    margin: 0 0 15px 0;
}
img.lazy {
    -webkit-transition: opacity .1s ease;
    -moz-transition: opacity .1s ease;
    -ms-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
    transition: opacity .1s ease;height: auto;max-width: 100%;transform: translateZ(0px);-webkit-transform: translateZ(0);
}

#pizzas-container{background-color: #FFF;width: 100%;padding: 30px 20px 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-family: arial, sans-serif; display: inline-block;}
#frame-local {overflow: hidden; width: 100%; margin-top: -3px;}
#pizzas-container #title{ display: inline-block; position: relative; width: 100%}
#pizzas-container #title h1{font-family: arial, sans-serif; font-weight: bolder; font-size: 4.7em; color: #333;  width: auto; margin:0; margin-right: 15px; float: left; }
#pizzas-container #title > span:first-of-type{cursor: pointer; top: 44px; border-left: 1px solid #e3e5e7; padding: 2px 10px; position: relative; display: block; float: left}
#pizzas-container #title > span.ico{position: relative; top: 38px}
#pizzas-container #title > span.ico.up{background-position: -422px -100px;}

#pizzas-container #title .masas {position:absolute;width:360px;height:50px;right:0;bottom:0;cursor:pointer;}
    #pizzas-container #title .masas .mini-pizza {
        position:absolute;
        z-index:10;
        top:0;
        left:0;
        width:112px;
        height:43px;
        background-image:url(../img/mini-pizza.png);
        background-repeat:no-repeat;
        background-position:left top;
    }
        #pizzas-container #title .masas .tab {
            position:absolute;
            overflow:hidden;
            top:0;
            right:0;
            width:296px;
            height:50px;
            background-color:#f0f0f0;
        }

        #pizzas-container #title .masas .tab.on {
            background-color:#f0f0f0;
        }

        #pizzas-container #title .masas .tab .text {
            float:left;
            font-size:16px;
            margin: 12px 0 0 54px;
        }

        #pizzas-container #title .masas .tab .ico-arrow-down {
            float:left;
            margin:4px 0 0 10px;
        }

        #pizzas-container #title .masas .tab .ico-close {
            float:left;
            margin: 9px 0 0 10px;
            display:none;
        }
#pizzas-container #title #masa-container {
    position: absolute; width: 100%; height: 0px; background-color: #efefef;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; z-index: 101; margin-top: 75px; overflow: hidden
}

#pizzas-container #title #masa-container.show{height: 300px}
#pizzas-container #title #masa-container > .close{ display: block; height: 30px; text-align: right; width: 100%; margin-top: 10px;}
#pizzas-container #title #masa-container > .close span.ico-close{cursor: pointer;width: 25px; height: 25px; display: block; margin-right: 30px;}
#pizzas-container #title #masa-container ul {
    height: auto;
}
#pizzas-container #title #masa-container ul li{
    width: 100%;
    height: auto;
    cursor: default;
    margin:37px 0 0;
    -webkit-transition: margin .3s ease;
    -moz-transition: margin .3s ease;
    -ms-transition: margin .3s ease;
    -o-transition: margin .3s ease;
    transition: margin .3s ease;
}
#pizzas-container #title #masa-container ul li:hover, #pizzas-container #title #masa-container .up{
    margin:0;
}
#pizzas-container #title #masa-container ul li:hover img, #pizzas-container #title #masa-container .up img{
    opacity: 1!important;
}
#pizzas-container #title #masa-container ul li p.title{font-family: arial, sans-serif; font-weight: bold; font-size: 1em;margin: 10px 0;}
#pizzas-container #title #masa-container ul li span{display: block; padding: 0 25px; color:#333333; line-height: 22px; max-height: 0; overflow: hidden; opacity: 0; transition: all .3s ease;}
#pizzas-container #title #masa-container ul li:hover span {max-height: 300px; opacity: 1;}
#pizzas-container #title #masa-container ul li .img{width: 175px; height: 75px; margin: 0 auto;}
#pizzas-container #title #masa-container > p {
    font-size:16px;
    font-weight:bold;
    text-align:center;
    position:absolute;
    bottom:40px;
    width: 100%;
}

#pizzas-container #title #masa-container ul .owl-controls{position: absolute; top: 75px; width: 100%;}
#pizzas-container #title #masa-container ul .owl-controls .owl-buttons {position: relative;}
#pizzas-container #title #masa-container ul .owl-controls .owl-buttons div {
    text-indent: -9999px;
    position: absolute;
    top: 0;
    width: 23px;
    height: 32px;
    background: none;
    opacity: 1;
    margin:0;
    padding:0;
}
#pizzas-container #title #masa-container ul .owl-controls .owl-buttons div:after {height: 32px!important; width: 23px!important;}
#pizzas-container #title #masa-container ul .owl-controls .owl-buttons .owl-prev{left: 10px;}
#pizzas-container #title #masa-container ul .owl-controls .owl-buttons .owl-next{right: 10px;}
#pizzas-container #title #masa-container ul .owl-controls .owl-buttons .owl-prev:after {
    position: absolute;
    top: 0;
    left: 0;
    background-position: -280px -408px;
}
#pizzas-container #title #masa-container ul .owl-controls .owl-buttons .owl-next:after {
    position: absolute;
    top: 0;
    left: 0;
    background-position: -256px -408px;
}

#pizzas-container #title.NuestraCarta {margin-top: 45px;}
#pizzas-container #title.NuestraCarta .PromoCupons {width: 320px;margin-top: -18px;}

#pizzas-container p.desc {margin-bottom: 15px; line-height: 20px}
#pizzas-container ul {width: 100%;}
#pizzas-container ul li {
    width: 33.2%; padding: 15px 0; text-align: center; position: relative;
    -webkit-transition: all .6s ease .4s;
    -moz-transition: all .6s ease .4s;
    -ms-transition: all .6s ease .4s;
    -o-transition: all .6s ease .4s;
    transition: all .6s ease .4s; height: 360px;
}

#pizzas-container ul li img.lazy{max-width: 100%; height: auto;transform: translateZ(0px);-webkit-transform: translateZ(0); }
#pizzas-container ul li.productoBorrador img{background-color: rgba(255,0,0,0.2);}
#pizzas-container ul li.productoBorrador p.pizza-title{color: red;}
#pizzas-container ul li .pizza-detail,
#MiDominos #Pizzas ul li .pizza-info .pizza-detail, 
.wtf_container .pizza .pizza-detail {
    position: absolute; 
    height: 208px; 
    width: 259px; 
    left: 50%; 
    margin-left: -133px; 
    top: 55px;
    display: none; 
    z-index:50;
}
#MiDominos #Pizzas ul li .pizza-info .pizza-detail #ingredientes{
    display: inline-block;
    min-height: 80px;
}
#pizzas-container ul li .pizza-detail{
    width: 280px;
    margin-left: -142px;
}
#pizzas-container ul li .pizza-detail button,
.wtf_container .pizza .pizza-detail button{margin-top: 15px;}
#pizzas-container ul li .pizza-detail span,
.wtf_container .pizza .pizza-detail span{
    font-size: 1em; 
    display: block; 
    line-height: 18px;
    min-height: 72px;
    overflow: hidden;
    text-overflow:ellipsis;
    width: 90%;
}
#pizzas-container ul li .pizza-detail button{pointer-events: none;}
#pizzas-container ul li:hover .pizza-detail button{pointer-events: auto;}
#pizzas-container ul li .pizza-detail.pedido-iniciado button.pedido-no-iniciado,
#pizzas-container ul li .pizza-detail button.pedido-iniciado{
    display: none;
}
#pizzas-container ul li .pizza-detail.pedido-iniciado button.pedido-iniciado{
    display: inline-block;
}

/* Rollover de la pizza */
#pizzas-container ul li:hover .pizza-detail,
#MiDominos #Pizzas ul li .pizza-info:hover .pizza-detail,
.wtf_container .pizza:hover .pizza-detail {display: block}
#pizzas-container ul li:hover img,
#MiDominos #Pizzas ul li .pizza-info:hover img,
.wtf_container .pizza:hover img {opacity: .15 !important}
#pizzas-container ul li.no-opacity{cursor: auto;}
/*#pizzas-container ul li.no-opacity .pizza-title{display: none;}*/
#pizzas-container ul li.no-opacity:hover img,
#pizzas-container ul li.no-opacity:hover p.pizza-title{opacity: 1!important}
#pizzas-container ul li:hover p.pizza-title,
#MiDominos #Pizzas ul li .pizza-info:hover p.pizza-title,
.wtf_container .pizza:hover p.pizza-title {opacity: .1}
#pizzas-container ul li.disabled{ pointer-events: none; opacity: .3 !important}
#pizzas-container ul li.currentDisabled{ pointer-events: none;}
#pizzas-container ul li.margin{margin-bottom: 500px;}
#pizzas-container ul.ContentPromos li {border: 1px solid #e3e5e7;padding: 0;overflow: inherit; margin-left: 2%;width: 32%;height: auto;border-radius: 2px;text-align: left; cursor: default; } /* le quito el cursor pointer a toda la caja de promoción porque no hace nada */
#pizzas-container ul.ContentPromos li .inner {overflow: hidden;padding: 15px;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#pizzas-container ul.ContentPromos li:nth-child(3n+1) {margin-left: 0; }
#pizzas-container ul.ContentPromos li.promo .desc {margin: 20px 0 0 0;}
#pizzas-container ul.ContentPromos li.promo .desc p {
    font-size: 26px !important; /* estaba en 36 pero lo bajé porque no cabe casi texto */
    line-height: 90% !important; 
    color: #333 !important; 
    font-family: arial, sans-serif !important; 
	font-weight: 800; 
    background-color: transparent !important;
    white-space: normal !important;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    overflow: hidden;
}
#pizzas-container ul.ContentPromos li.promo .desc .info {
    color: #888;
    font-size: 16px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#pizzas-container ul.ContentPromos li.promo .img {margin-left: -15px; background-repeat: no-repeat; opacity: 0; visibility: hidden;}
#pizzas-container ul.ContentPromos li.promo button {position: inherit;bottom: inherit;right: inherit;margin-top: 10px; }
#pizzas-container ul.ContentPromos li.promo .info-detail.show {margin-left: -15px; }
#pizzas-container ul.ContentPromos li .ico_CodePromo {right: inherit;left: -13px;z-index: 10; }
#pizzas-container ul.ContentPromos li.promo.blue .desc p,
#pizzas-container ul.ContentPromos li.promo.blue .desc .info,
#pizzas-container ul.ContentPromos li.promo.blue .desc h1 span {color: #FFF !important;}
#pizzas-container ul.ContentPromos li.not-available {cursor: inherit;pointer-events: none;}
#pizzas-container ul.ContentPromos li.not-available .info-detail {display: block;width: 100%;margin-left: -15px; }
#pizzas-container ul.ContentPromos li.not-available .info-detail .ico {display: none;}

#pizzas-container ul.ContentPromos li img {float: left;height: 195px;width: auto;margin: -5px 0 0 -40px;}
#pizzas-container ul.ContentPromos li:hover img {opacity: inherit !important;}

#pizzas-container .ico_new {position: absolute;top: 6px;right: 55%;z-index: 5; color: #96B330; font-size: 115px;}
#pizzas-container .ico-favourite.selected {position: absolute;top: 35px;left: 75%;z-index: 5; }
#pizzas-container ul.bebidas .ico_new,
#pizzas-container ul.bebidas .ico-favourite.selected,
#pizzas-container ul.entrantes .ico_new,
#pizzas-container ul.entrantes .ico-favourite.selected {top: 0; }

#pizzas-container #title.NuestraCarta h2 {font-size: 16px;font-weight: bold; color: #333;  width: auto; margin:0; margin-right: 20px; float: left; }
#pizzas-container #title.NuestraCarta > span:first-of-type {position: inherit;top: inherit;left: inherit;padding: 0;border: none; }
#pizzas-container #title.NuestraCarta > span.ico {top: -8px;margin-left: 10px; }
#pizzas-container #title.NuestraCarta span.ico-arrow-down {position: absolute;right: -30px;top: 5px;height: 10px;background-position: -423px -141px;}
#pizzas-container #title.NuestraCarta #masa-container {margin-top: 25px; }
#pizzas-container #title.NuestraCarta .custom-select {
    background: none;
    height: auto;
}
#pizzas-container #title.NuestraCarta .custom-select select {
    background: url("../img/select-icon-small.svg") no-repeat scroll 84% center #fff;
    padding: 0;
    width: 170px;
    height: auto;
    font: inherit;
}
#pizzas-container #title.NuestraCarta .form-datos #contenedor_formulario div {width: 150px !important;padding-right: 10px;margin: -1px 10px 0 0 !important;border-right: 1px solid #e3e5e7; }
#pizzas-container #title.NuestraCarta .form-datos #contenedor_formulario {width: auto;margin: 0; }

/* BACKGROUND EN ROJO PARA LAS PROMOCIONES BORRADOR */
#promos-container ul.ContentidoPromos li.promocionBorrador{background-color: rgba(255,0,0,0.2);}
#promos-container ul.ContentidoPromos li.promocionBorrador .inner .desc p{color: red !important;}

#promo-bebidas{width: 100%}
#promo-bebidas img{width: 100%;  margin-bottom: -6px}

#home-tiendas{
  background-color: #FFF; 
  padding: 50px 30px 30px;
  display: inline-block;
  width: 100%;
  color: #333;
}
#home-tiendas.bg-gray{background-color: #E8E8EB}
#home-tiendas h2{font-family: arial, sans-serif; font-weight: bolder; font-size:22px; }
#listado-tiendas{width: 100%; display: inline-block; margin-bottom: 15px;}
#listado-tiendas ul{float: left; width: 25%}
#listado-tiendas ul li{float: none;padding: 9px 0; font-size: .9em;}
#listado-tiendas ul li a{margin: 0; color: #9f9f9f;}
#home-tiendas .ico{ height: 45px; width: 45px; margin-right: 11px}
#home-tiendas .copyright {float: left; width: 100%; text-align: center; color: #333; display: none;}

/* CARRITO */
.carrito-content{position: absolute; right: 10px; top:10px; z-index: 70;}
.carrito-content div.icon{position: absolute; top: -62px; right: 0; cursor: pointer; z-index:9;}
.carrito-content div.icon span{color: #FFF; left: 32px; position: absolute;top: 11px;}
.carrito-content > .layer {
    max-width: 415px; width: 100%; background-color: #FFF; border-radius: 5px; overflow: hidden;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s; height: 0;
}

.carrito-content > .layer header {height: auto; background-color: #0062b7; padding: 15px 25px; color:#FFF; border-bottom: 1px solid #e3e5e7;}

.carrito-content > .layer header h3 {font-size: 22px; font-family: arial, sans-serif; font-weight: bolder; margin-bottom: 0;margin-top: 10px;}
.carrito-content > .layer header > div {float: left; margin-top: 15px;}
.carrito-content > .layer header span {font-size: 14px; width: auto; display: block}
.carrito-content > .layer header span.tienda-title {font-weight: bold; height: 20px;}
.carrito-content > .layer header button {margin-top: 10px;}
.carrito-content > .layer header.white {background: #FFF;color: #333333;border-bottom: 1px solid #e3e5e7;padding-bottom: 25px;height: auto; }
.carrito-content > .layer header.white span.title {font-weight: bold;display: block;margin-bottom: 7px;}

.carrito-content > .layer header span.title {font-weight: bold;display: block;margin-bottom: 7px;}
.carrito-content > .layer section {color:#333333;background-color:#F3F3F3;}
.carrito-content > .layer section .producto, .carrito-content > .layer section .producto.no-promos-pedido.ultimo-producto {background: #FFF;margin-bottom: 10px;}
.carrito-content > .layer section .producto.no-promos-pedido{margin-bottom: 0;}
.carrito-content > .layer section .producto ul {display: inline-block;color:#333333;padding: 9px 30px 10px; font-size: 14px; border-bottom: 0; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .producto ul li{padding: 8px 0 0; width: 100%; cursor:default;}
  .producto.promos-pedido ul li, .producto.no-promos-pedido ul li {border-bottom:1px solid #e3e5e7;}
  .producto.promos-pedido ul li:last-child, .producto.ultimo-producto ul li:last-child, .producto.totalPrecio ul li:last-child{border-bottom:0;}
  .producto ul li .title{display: inline-block; width: 100%;margin-bottom: 8px}
  .producto ul li .title span{margin-top: 3px;}
  .producto ul li .title span.precio{margin-top: 7px; font-weight: bold}
	.producto ul li .title span.precio.tachado{text-decoration: line-through; color:#9f9f9f;}
  .producto ul li .title .title-content{max-width: 70%; float:left;}
  .producto ul li .title h5{font-weight: bold; font-size: 1.1em;line-height: 24px; padding-bottom: 1px; width: auto; padding-top: 5px; display: inline}
  .producto ul li .title h5 a, .producto ul li .title h5 a:hover, .producto ul li .title h5 a:active { border: 0;color: #000;margin: 0;}
  .producto ul li .title.red{color: #df1e3c;}
	.producto ul li .title.red h5{font-size: 1em; border-bottom: 0;display: inline-block; line-height: 18px; }
  .producto ul li p{margin-bottom: 7px}
  .producto ul li .tab{cursor:pointer; font-weight: bold; margin-top: -7px;}
  .producto ul li .toggle,
  div#pedido-detail.WithPromo div.toggle.detalles{height: 0; overflow: hidden; color:#888888;margin-bottom: 10px;}
  .producto ul li .toggle.no-border{border-bottom: 0;}
  .producto ul li .toggle.show,
  div#pedido-detail.WithPromo div.toggle.detalles.show{height: auto; padding: 5px 0}
  .producto ul li .ico-trash-red, 
  .producto ul li .ico-trash-black{margin-left: 10px;}
.carrito-content > .layer section .producto.totalPrecio ul{border-bottom: 0}
.carrito-content > .layer section .producto.totalPrecio ul li{padding-top: 0}
.carrito-content > .layer section .producto.totalPrecio ul li .delivery-fee{margin-top: 8px}
.carrito-content > .layer section .producto.totalPrecio ul li .delivery-fee h5{font-size: 0.95em}
.carrito-content > .layer section .producto.totalPrecio ul li .delivery-fee span{font-size: 1.1em; color: #9f9f9f}
.carrito-content > .layer .totalPrecio h5{color:#9f9f9f; font-size: 14px; border-bottom: 0; font-family: arial, sans-serif; margin-top: 5px; width: 70%; display: inline-block;}
.carrito-content > .layer .totalPrecio h5.subtotal{color:#333333; font-weight:bold}
.carrito-content > .layer .totalPrecio h5.small{font-size: 12px; color:#888888; font-weight: normal}
.carrito-content > .layer .totalPrecio .red{color:#df1e3c; border-bottom: 1px solid #e3e5e7; padding-bottom: 10px; }
.carrito-content > .layer .totalPrecio li:last-child .red{border-bottom: 0;}
.carrito-content > .layer .totalPrecio .red h5{color:#df1e3c;}
.carrito-content > .layer .totalPrecio .iva{font-size: 12px; color:#888888; margin-top: 10px; margin-bottom: 10px}
.carrito-content > .layer .totalPrecio small{font-size: 14px; color:#0062B7;margin-bottom: 8px;}
.carrito-content > .layer .totalPrecio small:last-child{margin-bottom:0;}
.carrito-content > .layer .totalPrecio .ver-promociones{display:block;margin:6px 0 0 0;border:0;color:#0062B7!important;text-decoration:underline;text-transform:uppercase;}
.carrito-content > .layer .totalPrecio small.bold14 {font-size: 14px; font-weight: bold;}
.carrito-content > .layer .totalPrecio .no-precio{font-size:14px; color:#888888; margin-right: 30px; margin-bottom: 15px}
.carrito-content > .layer .totalPrecio .precio{font-size: 22px; font-weight: normal}
.carrito-content > .layer .totalPrecio .precio.small{font-size: 1em;color:#888888;  }
.carrito-content > .layer .totalPrecio .precio.subtotal{font-size: 18px;color:#333333}
.carrito-content > .layer section .dto-final {background-color:#F3F3F3;margin-bottom:0;}
.carrito-content > .layer section .iva-gastos {background-color:#F3F3F3;margin-bottom:60px;}
.carrito-content > .layer section .dto-final .title, #checkout-page .carrito-content .discount{margin-bottom:0;}
.carrito-content > .layer section .totalPrecio.dto-final ul {background-color:#FFF;}
.carrito-content > .layer .dto-final .img-promo {background: url('../img/icon-discount.png') no-repeat;padding-left:45px; width:calc(100% - 45px);margin:5px 0 5px 0;}
.carrito-content > .layer .totalPrecio .discount{color:#8BB423;}
.carrito-content > .layer section .dto-final .porcentaje-dto{overflow: hidden;margin:10px 0 5px 0;}
#checkout-page div.dto-final{display:none !important}
.carrito-content span.producto-a-modificar{float: right; padding-bottom: 1px; color: #888888; border-bottom: 1px solid #888888;}

.carrito-content > .layer footer{background-color: #0062b7; padding: 30px 35px; color:#FFF;}

/*Carrito vacio */
.carrito-content > .layer .empty{padding: 25px 30px 10px;background-color:#FFF;}
.carrito-content > .layer .empty .red{color: #df1e3c; font-size: 14px; font-weight: bold; font-family: arial, sans-serif}
.carrito-content > .layer .empty p{line-height: 17px}
.carrito-content > .layer .empty .links{display: inline-block; width: 100%;}
.carrito-content > .layer .empty ul li{color:#333333; margin: 20px -3px; float: none; padding:0; }
.carrito-content > .layer .empty ul li a{color:#333333;}

.carrito-content.show{z-index: 70;}
.carrito-content.show > .layer{height: auto;box-shadow: 0px 1px 2px #c4bfbf}

.carrito-content.tienda-info.show span {color: #888 !important;}
.carrito-content.tienda-info.show div {margin-bottom: 3px;}
.carrito-content.tienda-info.show .clearfix {margin-bottom: 0;}

/* PANTALLAS */
#capa-flotante {
  position: absolute; width: 100%; height: 0; 
    -webkit-transition: height .4s ease .3s;
    -moz-transition: height .4s ease .3s;
    -ms-transition: height .4s ease .3s;
    -o-transition: height .4s ease .3s;
  transition: height .4s ease .3s;
  display: inline-block; left: 0;overflow: hidden;
}

#capa-flotante.show{height: 565px;z-index:60;}
#capa-flotante.height0{height: 0 !important }
#capa-flotante .page{height: 100%}
#capa-flotante > .ico{position: absolute; top: 32px; right: 20px; z-index:9; cursor: pointer}

#capa-flotante .w60{height: 100%}
#capa-flotante .w40{ height: 100%}
#capa-flotante .padding{ width: 85%; margin: 40px auto 20px;}
#capa-flotante .w100 .padding{width: 90%}

#capa-flotante .arrow-container{height: 14px; width: 100%;} /*para poner la flecha apuntando a la pizza*/
#capa-flotante .arrow-container span{
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #0062b7;
  content: ''; 
  position: relative; top: -15px;
  display: block;
  height: 15px; width: 0
}
.lightbox #capa-flotante .arrow-container,
.lightbox #capa-flotante .arrow-container span {display: none !important;}
#capa-flotante .arrow-container span.blue{border-bottom: 15px solid #0062b7;}
#capa-flotante .arrow-container span.lightblue{border-bottom: 15px solid #1376c5;}
#capa-flotante .arrow-container span.gray{border-bottom: 15px solid #e8e8eb;}

#capa-flotante > div.page {
    width: 100%; position: absolute;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#capa-flotante .w100.gray{background-color: #e8e8eb; color:#333333; height: 100%; overflow: hidden; position: relative;}

#capa-flotante h1{font-size: 3.25em; font-family: arial, sans-serif; font-weight: bolder; margin: 0 0 5px 0;}
#capa-flotante h4{font-size: 22px; font-family: arial, sans-serif; font-weight bolder; margin: 0 0 15px;}
#capa-flotante p{margin: 10px 0 20px; line-height: 20px;}
#capa-flotante .pedido-info{color:#888888; position: absolute; right: 0; bottom: 30px; padding: 0 20px;}
#capa-flotante .ico-arrow-left-black{position: absolute; left: 50px; bottom: 20px; }
#capa-flotante a#back{position: absolute; left: 70px; bottom: 20px; color: #333;}
/* transiciones entre páginas */
#capa-flotante.address #address-page{left: 0;}
#capa-flotante.address #shops-page{left: 100%;}
#capa-flotante.address #pizza-page{left: 200%;}
#capa-flotante.address #promo-page{left: 300%;}
#capa-flotante.address #promo2x1-page{left: 400%;}
#capa-flotante.address #promo-add-page{left: 500%}
#capa-flotante.address #promo-otros-page{left: 400%}
#capa-flotante.address #promo-bebidas-page{left: 400%}

#capa-flotante.shop #address-page{left: -100%;}
#capa-flotante.shop #shops-page{left: 0%;}
#capa-flotante.shop #pizza-page{left: 100%;}
#capa-flotante.shop #promo-page{left: 200%;}
#capa-flotante.shop #promo2x1-page{left: 300%;}
#capa-flotante.shop #promo-add-page{left: 400%}
#capa-flotante.shop #promo-otros-page{left: 300%;}
#capa-flotante.shop #promo-bebidas-page{left: 300%;}

#capa-flotante.pizza #address-page{left: -200%;}
#capa-flotante.pizza #shops-page{left: -100%;}
#capa-flotante.pizza #pizza-page{left: 0%;}
#capa-flotante.pizza #promo-page{left: 100%;}
#capa-flotante.pizza #promo2x1-page{left: 200%;}
#capa-flotante.pizza #promo-add-page{left: 300%}
#capa-flotante.pizza #promo-otros-page{left: 400%;}
#capa-flotante.pizza #promo-bebidas-page{left: 500%;}

#capa-flotante.promo #address-page{left: -300%;}
#capa-flotante.promo #shops-page{left: -200%;}
#capa-flotante.promo #pizza-page{left: -100%;}
#capa-flotante.promo #promo-page{left: 0%;}
#capa-flotante.promo #promo2x1-page{left: 100%;}
#capa-flotante.promo #promo-add-page{left: 200%}
#capa-flotante.promo #promo-otros-page{left: 100%;}
#capa-flotante.promo #promo-bebidas-page{left: 100%;}

/*#capa-flotante.promo #elegir-promo > ul {height: 325px; overflow: scroll;}*/
#capa-flotante.promo #elegir-promo .promo .left-section {width: 72%;}

#capa-flotante.promo2x1 #address-page{left: -400%;}
#capa-flotante.promo2x1 #shops-page{left: -300%;}
#capa-flotante.promo2x1 #pizza-page{left: -200%;}
#capa-flotante.promo2x1 #promo-page{left: -100%;}
#capa-flotante.promo2x1 #promo2x1-page{left: 0%;}
#capa-flotante.promo2x1 #promo-add-page{left: 100%}
#capa-flotante.promo2x1 #promo-otros-page{left: 100%;}
#capa-flotante.promo2x1 #promo-bebidas-page{left: 100%;}

#capa-flotante.promoAdd #address-page{left: -500%;}
#capa-flotante.promoAdd #shops-page{left: -400%;}
#capa-flotante.promoAdd #pizza-page{left: -300%;}
#capa-flotante.promoAdd #promo-page{left: -200%;}
#capa-flotante.promoAdd #promo2x1-page{left: -100%;}
#capa-flotante.promoAdd #promo-add-page{left: 0%}
#capa-flotante.promoAdd #promo-otros-page{left: -100%;}
#capa-flotante.promoAdd #promo-bebidas-page{left: -100%;}

#capa-flotante.promoOtros #address-page{left: -600%;}
#capa-flotante.promoOtros #shops-page{left: -500%;}
#capa-flotante.promoOtros #pizza-page{left: -400%;}
#capa-flotante.promoOtros #promo-page{left: -300%;}
#capa-flotante.promoOtros #promo2x1-page{left: 100%;}
#capa-flotante.promoOtros #promo-add-page{left: 200%}
#capa-flotante.promoOtros #promo-otros-page{left: 0%;}
#capa-flotante.promoOtros #promo-bebidas-page{left: 100%;}

#capa-flotante.promoBebidas #address-page{left: -700%;}
#capa-flotante.promoBebidas #shops-page{left: -600%;}
#capa-flotante.promoBebidas #pizza-page{left: -500%;}
#capa-flotante.promoBebidas #promo-page{left: -400%;}
#capa-flotante.promoBebidas #promo2x1-page{left: 100%;}
#capa-flotante.promoBebidas #promo-add-page{left: 200%}
#capa-flotante.promoBebidas #promo-otros-page{left: 100%;}
#capa-flotante.promoBebidas #promo-bebidas-page{left: 0%;}

/***** Pantalla de DIRECCION *******/
#capa-flotante #address-page{color:#FFF;}

#capa-flotante #address-page.third:after{color: #1376c5}

#capa-flotante #address-page > .w60{background-color: #0062b7; position: relative;}
#capa-flotante #address-page > .w40{background-color: #1376c5; position: relative;}
#capa-flotante #address-page > .w100{background-color: #0062b7; position: relative;}
#capa-flotante #address-page .w60.sin-direccion {width: 100%; height: 100%;}
#capa-flotante #address-page > .w60 .padding{border: 1px solid #0062b7; margin-bottom: 58px;}
#capa-flotante #address-page > .w40 .padding{border: 1px solid #1376c5; width: 80%}

#capa-flotante #address-page h2{font-family: arial, sans-serif; font-weight: bolder; font-size: 2.4em; margin: 0 0 18px 0;}
#capa-flotante #address-page a{color: #a2d5ff; }
#capa-flotante #address-page #register-form label,
#capa-flotante #address-page #address-form label, #capa-flotante #address-page .tracker label {
    height: 50px; 
    margin: 0 0 30px; 
    position: relative;
}
#capa-flotante #address-page #address-form .squaredFour label{
    height: unset; 
    margin: 0;
    position: unset;
}
#capa-flotante #address-page #address-form label.icon {
    left: 0;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    width: auto;
}

#capa-flotante #address-page label.error{margin-bottom: 30px} /* para que entre el mensaje de error*/
#capa-flotante #address-page label.error input{background-color: #FFF !important; color: #252525 !important; /*border: 2px solid #ffc600 !important;*/ border: 2px solid #df1e3c !important; border-radius: 3px;}
#capa-flotante #address-page label.error span.error{/*color: #ffc600;*/ color: #df1e3c;}

/* autocomplete */
#autoCompleteContainer {width: 96.7% !important;}
#autoCompleteContainer ul {border: #D7EBFC solid 2px; margin: 0; padding: 0; height: 160px !important;overflow-y: scroll;}
#autoCompleteContainer ul li {border: none !important; width: 100% !important;}
#autoCompleteContainer a, 
#autoCompleteContainer a:hover {color: #666 !important; display: block !important;}
#autoCompleteContainer a:hover,
#autoCompleteContainer a:active,
#autoCompleteContainer a:focus {background-color: #D7EBFC;}


#capa-flotante #address-page input/*, 
#capa-flotante #address-page select*/ {
  background-color: #FFF; 
  padding: 12px 35px 12px 12px;
  border: 1px solid #FFF; 
  border-radius: 3px; 
  color: #252525; 
  height: 50px;
  width: 100%;
}

.label-input{background-color: #FFF; border-radius: 2px;font-family: arial, sans-serif; font-size: 1em; color: #252525; height: 48px }
.label-input input{background: transparent; border:0; font-family: arial, sans-serif; font-size: 1em; color: #252525;height: 100%;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-overflow: ellipsis; }

#capa-flotante #address-page input{ padding: 0 20px;}
#capa-flotante #address-page input#Direccion_NumeroPortal {padding: 0 0 0 20px;}
#capa-flotante #address-page input#Direccion_NumeroCalle {margin-bottom: 10px;}
#capa-flotante #address-page label.w45{width: 48% !important;}
#capa-flotante #address-page label.w65{width: 65% !important;}
#capa-flotante #address-page label.custom-select {width: 530px; margin: 0;}
#capa-flotante #address-page #address-form label.custom-select {margin: 0 0 20px;}
#capa-flotante #address-page h1 {margin-bottom: 20px;}
#capa-flotante #address-page ul {overflow-y: scroll; -webkit-overflow-scrolling: touch; height: 55%; width: 100%; display: inline-block; margin-top: 15px; position: relative; margin-bottom: 10px;}

#capa-flotante #address-page ul li:first-child {padding-top: 0;}
#capa-flotante #address-page ul li {float: none; width: 95%; border-bottom: 1px solid #00417a; padding-left: 0; padding-bottom: 16px; display: inline-block; cursor: auto;}
#capa-flotante #address-page .w50 p {margin: 3px 0;}
#capa-flotante #address-page a#otra-direccion {color: #FFFFFF; margin: 0 5px 0 20px; position: relative; top: 15px;}
#capa-flotante #address-page .ico-location {position: relative; top: 10px;}
#capa-flotante #address-page section.info-tienda {width: 100%; margin-bottom: 10px; padding-top: 5px; text-align: right;}
#capa-flotante #address-page button {margin-left: 10px;}


/*@-moz-document url-prefix() {
	#capa-flotante #address-page .squaredFour label:after{top:15px;}
}

.l-predictivo{
  margin-top: 1px;
  width: 100%; background-color: #FFF; 
  position: absolute;
  display: none; 
  border-radius: 3px;
  z-index: 10;
}
.l-predictivo a{display: block; border-bottom: 0; line-height: 1.5em;  }
#capa-flotante #address-page .l-predictivo a{color: #252525;}
#capa-flotante #address-page #address-form button{margin-top: 5px; /*padding: 0 35px;*/

#register-form{display: inline-block; margin-top: 10px}
#register-form input[type=text] {width: 100%}
#address-page #register-form input[type=password] {width: 100% !important;}

#address-page.mi-dominos #address-form div.w50 {width: 66%;}
#address-page.mi-dominos .form-datos #contenedor_formulario {width: 100%;}
#address-page.mi-dominos .form-datos .three_space {width: 73% !important;}

#label-checkbox{background-color: #FFF;display: inline-block; width: 30px; height: 30px !important; margin-right: 15px; margin-bottom: 10px !important}
#label-checkbox input{border: 0;}

div.rememberme {display: inline-block;width: 100%;margin-top: -8px;}
/*div.rememberme label{margin-bottom: 15px !important}*/
div.rememberme a{margin-top: 10px;}
div.rememberme span{display: block; margin-top: 8px;}
#capa-flotante #address-page a.button {
    color:#fff;
}
a.button
{
  color:#fff;
  display:inline-block;
  text-align: center;
  padding: 0 30px;
  margin: 0;
  line-height:50px;
  min-height: 50px;
  border: 0;
  border-radius: 2px;
  font-family: arial, sans-serif;
  font-weight: bolder;
  font-size: 19px;
  cursor: pointer;
}
a.button.green {
  background-color: #8bb429;
  color: #FFF;
}

.register-login-box {display:inline-block;margin:15px 0 32px;}
.register-login-box h3 {font-family:arial, sans-serif; font-weight: bolder; font-size:1.4em;margin: 0 0 15px 0; }
.register-login-box button {margin:0;}
#capa-flotante #address-page .register-login-box button {margin-left:0;}
.login-fb-box { overflow:hidden;}
.login-fb-box>span{ line-height:40px; float:left; }
.login-fb-box #connect-fb { float:left; margin: 0 0 0 10px;}

#connect-fb{ background-color: #00529e; color: #FFF; height: 50px; border-radius: 3px;margin-bottom: 1.2em;display: table; }
#connect-fb:hover{background-color: #0060b9}
#connect-fb span.ico {background-position: -132px -4px;display: block;width: 16px;height: 30px;margin: 10px 17px; }
#connect-fb span.text {display: table-cell;vertical-align: middle;padding-right: 30px;font-size: 16px; }

#capa-flotante #connect-fb{height: 40px}
#capa-flotante #connect-fb span.ico {height: 30px; margin: 5px 17px;}

/***** Pantalla de TIENDAS *******/ 

#capa-flotante h5{font-size: 19px; font-family: arial, sans-serif; font-weight: bolder; margin: 10px 0;}
#capa-flotante #shops-page p{margin: 3px 0;}
#capa-flotante #shops-page a#back{position: relative;bottom: 0; left: 0}
#capa-flotante #shops-page > .w100{background-color: #0062b7; color:#FFF; height: 100%; overflow: hidden}
#capa-flotante #shops-page > .w100 > .padding {height: 100%}
#capa-flotante #shops-page ul {
  overflow-y: scroll; 
  height: 60%; 
  width: 100%; 
  display: inline-block;
  margin-top: 15px; 
  position: relative;
  margin-bottom: 10px;
}

#capa-flotante #shops-page ul::-webkit-scrollbar{
 width:6px;
 background-color:#61a7e2; 
 } 
#capa-flotante #shops-page ul::-webkit-scrollbar-thumb{
 background-color:#a2d5ff;
 border-radius:10px; width: 8px; 
}
#capa-flotante #shops-page ul li{float: none; width: 95%; border-bottom: 1px solid #00417a; padding-left: 0; padding-bottom: 16px;display: inline-block; cursor: auto; }
#capa-flotante #shops-page ul li:first-child{padding-top: 0;}
#capa-flotante #shops-page a{color: #a2d5ff;}
#capa-flotante #shops-page button {margin-left: 20px; }
#capa-flotante #shops-page section.info-tienda{height: 60px; width: 100%; margin-bottom: 10px; padding-top: 5px; text-align: right;}
#capa-flotante #shops-page .ico.ico-scroll-up, 
#capa-flotante #shops-page .ico.ico-scroll-down{position: absolute; cursor: pointer; right: 30px;}
#capa-flotante #shops-page .ico.ico-scroll-up{top: 125px}
#capa-flotante #shops-page .ico.ico-scroll-down{top: 405px}
#capa-flotante #shops-page .alert.minHeight{min-height: 330px}

.orange{color: #ffc600; font-family: arial, sans-serif; font-weight: bold;}

/***** Pantalla de PIZZAS *******/ 
#capa-flotante #pizza-page > .w100 > .padding {width: 98%; padding: 0 50px; position: relative; z-index: 2;display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
#capa-flotante #pizza-page h1{float: left; width: 80%;}
#capa-flotante #pizza-page h4{margin-bottom: 35px}
#capa-flotante #pizza-page .ico-favourite.no-border{border-left:0}
#capa-flotante #pizza-page p{display: inline-block; margin-bottom: 35px; width: 100%; color:#333; font-size: 1.12em}
#capa-flotante #pizza-page .ico{margin-top: 10px; cursor: pointer;}
#capa-flotante #pizza-page #configurar-pizza{width: 100%;  height: 200px; position: relative;}
#capa-flotante #pizza-page #configurar-pizza div, 
#capa-flotante #pizza-page #configurar-pizza button{float: left; margin: 0 10px;}
#capa-flotante #pizza-page #configurar-pizza div{height: 50px; display: inline-block;}
#capa-flotante #pizza-page #configurar-pizza label{height: 50px; width: 100%;}
#capa-flotante #pizza-page #configurar-pizza div.numero{margin-left: 0; width: 135px}
#capa-flotante #pizza-page #configurar-pizza div.numero select{width: 170px}
#capa-flotante #pizza-page #configurar-pizza div.tamanio{ width: 170px}
#capa-flotante #pizza-page #configurar-pizza div.tamanio select{ width: 100%; } /* width: 205px */
#capa-flotante #pizza-page #configurar-pizza div.masa{ width: 195px}
#capa-flotante #pizza-page #configurar-pizza div.masa select{ width: 100%; } /* width: 230px */
#capa-flotante #pizza-page #configurar-pizza div small{color: #707070; font-size: 14px}
#capa-flotante #pizza-page #configurar-pizza button.red{ width: 204px; padding: 13px 23px; margin:0;}
#capa-flotante #pizza-page #configurar-pizza button.black{ width: 140px; margin-right: 0}
#capa-flotante #pizza-page a{border: 0 none; display: inline-block; margin-top: 12px; position: relative; color:#333; margin-left: 0}


#PedidoContenedor,
#PedidoContenedor .group-buttons { width:100%; }
#PedidoContenedor div {height: auto;width: 16.6%;margin-right: 1.93%; float:left; } 
#PedidoContenedor.ingredients div {margin-right: 10px;}   
#PedidoContenedor div span { width:100%; }
.PizzaBuild #PedidoContenedor div.jump_row span{ background:none; }
#PedidoContenedor div span label,input,select { display:block; width:100%; }
#PedidoContenedor select {
	background: #fff url("../img/select-icon.svg") no-repeat scroll right center;
	border: 0 none;
	line-height: 1.5;
	width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    appearance: none;
}
#PedidoContenedor select:disabled{background-image:none;}

#PedidoContenedor button {float: left;margin-right: 8px; margin-bottom: 16px;}
#PedidoContenedor .small-info {color: #707070;font: 14px/16px Arial, Helvetica, Geneva, sans-serif; }
#PedidoContenedor.ingredients div {width: 31.4%;display: table;margin-bottom: 1em; }
#PedidoContenedor.ingredients div .custom-select.w50 {width: 50% !important;}
#PedidoContenedor.ingredients div .custom-select {margin-bottom: 0; }
#PedidoContenedor.ingredients div label {padding-left: 10px;display: table-cell;vertical-align: middle;color: #9f9f9f; }
#PedidoContenedor.ingredients div.last {margin-right: 0;}
#PedidoContenedor.ingredients .jump_row {  clear:left; }
#PedidoContenedor.ingredients .small-info {color: #888888;font-size: 12px;line-height: 16px; }

.message-confirmation,
.message-composition {
    color: #000;
    z-index: 1000;
    height: auto;
    padding: 30px 40px 30px;
    width: 480px; 
    position: fixed;
    background-color: #FFF;
    margin: 0 auto; 
    margin-top: -90px;
    margin-left:-240px;
    left: 50%;
    top: 50%; 
    border-radius: 5px;
    text-align: center; 
    display: none;
    -webkit-box-shadow: 0 7px 0 0 rgba(00,00,00,.25);
    box-shadow: 0 7px 0 0 rgba(00,00,00,.25);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
}

.message-confirmation.activo, .message-composition.activo {display: block;}
.message-confirmation span.ico{ margin: 0 auto; display: block; margin-bottom: 20px; cursor: default;}
.message-confirmation span.text, .message-composition span.text{position: relative;display: block}
.message-confirmation a, .message-composition a{margin-top: 30px !important; border-bottom: 1px solid !important;}

/* Pizza por mitades */
#capa-flotante #pizza-page h2{font-size: 2em; margin-bottom: 20px; font-family: arial, sans-serif; font-weight: bolder;}
#capa-flotante #pizza-page .mitades div.tamanio{margin-left: 0}
#capa-flotante #pizza-page .mitades small{margin: 0 5px; display: block; float: left; width: 190px; color: #707070; font-size: 14px; padding: 10px 0; line-height: 15px}
#capa-flotante #pizza-page .mitades div.tamanio{margin-left: 0 !important}
#capa-flotante #pizza-page .mitades p{ width: 100% }
#capa-flotante #pizza-page .mitades #configurar-mitades{height: 190px; background: #FFF; border-radius: 3px; margin-top: 15px;  padding: 0;margin-left: 0; width: 100%;}
#capa-flotante #pizza-page .mitades #configurar-mitades .padding15{padding: 0 15px; margin:0; width: 97%}
#capa-flotante .mitades #configurar-mitades .custom-select {
    background: #ededed url("../img/select-icon-gray.svg") no-repeat scroll -20px -20px;
    background-position-x: right;
    background-position-y: center;
}
.no-svg #capa-flotante .mitades #configurar-mitades .custom-select {background-image: url("../img/select-icon-gray.png");}


#capa-flotante #pizza-page .mitades #configurar-mitades .mitad{ border-bottom: 1px solid #e9e9e9; margin: 0 ; width: 100%; padding: 5px 0 13px;}
#capa-flotante #pizza-page .mitades #configurar-mitades .mitad:last-child{border-bottom: 0;}
#capa-flotante .mitades #configurar-mitades button, 
#capa-flotante .mitades #configurar-mitades select{height: 50px;}
#capa-flotante .mitades #configurar-mitades button{width: 130px;}
#capa-flotante .mitades #configurar-mitades .pizza-description{max-width: 55%;}
#capa-flotante #pizza-page .mitades #configurar-mitades .pizza-description span{margin-top: 15px;}
#capa-flotante .mitades #configurar-mitades .pizza-description p {color:#888888; font-size: 12px; font-family: arial, sans-serif; margin:0; line-height: 16px}
#capa-flotante .mitades #configurar-mitades .pizza-description h5{color:#333333; font-size: 1em; font-weight: bold;font-family: arial, sans-serif; }
#capa-flotante #pizza-page .mitades #configurar-mitades div{height: auto; display: inline-block;float: none; }
#capa-flotante #pizza-page .mitades #configurar-mitades div.masa{height: 50px; }
#capa-flotante .mitades #configurar-mitades .pizza-description > div{max-width: 85%; height: 75px;}
#capa-flotante #pizza-page .mitades #configurar-mitades label {height: 50px;}
#capa-flotante #pizza-page .mitades #configurar-mitades .mitad div.masa,
#capa-flotante #pizza-page .mitades #configurar-mitades .mitad button{margin-top: 25px; padding: 0}

#capa-flotante .mitades #configurar-mitades .mitad.disabled{padding-top: 5px;}
#capa-flotante .mitades #configurar-mitades .mitad.disabled h5{color:#888888; padding-top: 25px}
#capa-flotante .mitades #configurar-mitades .mitad.disabled p{display: none}
#capa-flotante #pizza-page .mitades #configurar-mitades .mitad.disabled button{background-color:#e1e1e1;}
#capa-flotante .mitades .add-block {margin: 15px 0 25px !important; width: 100%; display: inline-block;}
#capa-flotante #promo2x1-page .add-block {overflow:hidden;width:100%; position:relative;margin-top:2px;}
#capa-flotante #promo2x1-page .add-block #add-promo {margin-right: 5%;}

#capa-flotante #pizza-page .precio {padding-top: 10px;}
#capa-flotante #pizza-page .precio span{font-size: 42px; font-family: arial, sans-serif; font-weight: 800;}
#capa-flotante #pizza-page .precio span.decimals{font-size: 22px; vertical-align: top;}
#home-page #capa-flotante.pizza.show.show-mitades-promos {z-index: 1000;}

/***** Pantalla de PROMOS *******/ 
#capa-flotante #promo-page h2{float: left; width: 80%;font-size: 1.35em; margin-bottom: 10px; font-family: arial, sans-serif; font-weight: bolder;}
#capa-flotante #promo-page a#back{margin-top: 2px}
#capa-flotante #promo-page a#saltar{margin-top: 15px; color:#333;}
#capa-flotante #promo-page #elegir-promo{width: 100%;display: inline-block;margin-bottom: 35px;}
.promo{width: 49%; height: 140px; background: #FFF; color:#333; padding: 0; margin: 10px 0; position: relative;overflow: hidden;}
#capa-flotante .promo:nth-child(odd) {float: left; }
#capa-flotante .promo:nth-child(even) {float:right;}
.promo .desc{width: auto; margin-top: 15px; position: relative; height: auto; }
#capa-flotante .promo h1 {font-size: 2em; font-family: arial, sans-serif; font-weight: 800;}

#capa-flotante .upSelling .promo p.title {
    width: 55%;
    height: 20px;
    display: inline-block;
    overflow: hidden;
}
#capa-flotante .upSelling .promo h1 {
    width: 55%;
    height: 65px;
    display: inline-block;
    overflow: hidden;
}

.promo h1 span.decimals,
.promo p span.decimals{font-size: .6em; vertical-align: top;line-height: 100%; }
#capa-flotante .promo p.title {font-family: arial, sans-serif; font-weight: bold; margin:0 0 5px 0; width: 100%;}
.promo span.info{color: #888888; font-size: 12px;line-height: 15px;display: block;}
.promo button{padding: 0 30px; position: absolute; bottom: 20px; right: 20px;}
.promo span.ico{position: absolute; top: 10px; right: 10px;}
.promo .img{display: inline-block; height: 140px; width: 130px; background: url('../img/sprite-promos.png'); float: left;margin-right: 8px;margin-top: 25px;}
.promo .img#promo1{background-position: 0 0 }
.promo .img#promo2{background-position: -169px 0 }
.promo .img#promo3{background-position: -341px 0 }
.promo .img#promo4{background-position: -530px 0 }
.promo .img#promoPostres{background-position: -795px 0 }
#capa-flotante #promo-page .pedido-info{ margin-top: 0}

.info-detail{ height: 100%; text-align: center; background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
	background: rgba(255, 255, 255, 0.9); position: absolute;top: 0; padding:0 5%; display: none}
.info-detail.show{display: table-cell; width: 100%; margin:0 auto;}
.info-detail p{display: table-cell; vertical-align: middle;}
.info-detail p span{display: inline-block; color:#333; width: 100%}

/**** Pantalla de configurar PROMO 2x1 ******/
#capa-flotante #promo2x1-page h2{float: left; width: 90%;font-size: 2em; font-family: arial, sans-serif; font-weight: bolder;}
#capa-flotante #promo2x1-page h4{margin-bottom: 15px}
#capa-flotante #promo2x1-page p{display: inline-block; margin-bottom: 15px;margin-top: 10px; width: 100%; }
#capa-flotante #promo2x1-page .ico{margin-top: 10px; cursor: block;}
#capa-flotante #promo2x1-page .mitades #configurar-mitades .pizza-description > div {margin-left: 20px}

#capa-flotante #promo2x1-page .mitades #configurar-mitades{height: auto; border-radius: 3px; margin-top: 15px; margin-left: 0; width:100%; line-height: 0;}
#capa-flotante #promo2x1-page .mitades #configurar-mitades .mitad{background: #FFF; border-bottom: 1px solid #e9e9e9; margin: 0; width:100%; padding: 5px 15px 13px; line-height: 1; box-sizing: border-box;}
#capa-flotante #promo2x1-page .mitades #configurar-mitades .mitad:last-child{border-bottom: 0;}
#capa-flotante #promo2x1-page .mitades #configurar-mitades .aniadirMinMax {float: right !important; display: none; width: 130px; height: 50px; text-align: center; align-items: center; text-decoration: none; padding-bottom: 0; margin: 10px 0 30px 10px; line-height: 1; background: #FFF; border-bottom: none; color: #df1e3c;}
#capa-flotante #promo2x1-page .mitades #configurar-mitades .aniadirMinMax:hover{color:#ff0042;}
#capa-flotante #promo2x1-page .mitades #configurar-mitades .labelMinMax{display: inline-block; margin: 0; padding: 5px; line-height: 1; box-sizing: border-box;}
#capa-flotante #promo2x1-page .mitades #configurar-mitades div{height: auto; display: inline-block;}
#capa-flotante #promo2x1-page .mitades #configurar-mitades p{width: 100%}
#capa-flotante #promo2x1-page .mitades #configurar-mitades button{padding: 0; margin-top: 15px; font-size: 1.1em; position: relative; z-index: 2;}
#capa-flotante #promo2x1-page .mitades #configurar-mitades .mitad.disabled h5{color:#888888; padding-top: 0}
#capa-flotante #promo2x1-page .mitades #configurar-mitades .mitad.disabled p{display: block; color:#888888;}

/**** Pantalla de configurar PROMO 2x1 Añadir pizza ******/
#capa-flotante #promo-add-page h2{float: left; width: 80%;font-size: 2em; font-family: arial, sans-serif; font-weight: bolder;}
#capa-flotante #promo-add-page #lista-pizzas{display: inline-block; position: relative; overflow: hidden; height: 360px; width: 100%;}
#capa-flotante #promo-add-page #lista-pizzas span.ico{position: absolute; top: 130px}
#capa-flotante #promo-add-page #lista-pizzas span.ico-scroll-left{left: 0}
#capa-flotante #promo-add-page #lista-pizzas span.ico-scroll-right{right: 0}
#capa-flotante #promo-add-page #lista-pizzas .w95{margin: 0 auto; overflow: hidden; width: 94%; height: 100%;}
#capa-flotante #promo-add-page #lista-pizzas ul {
    display: inline-block;position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; width: 3280px;
}

#capa-flotante #promo-add-page #lista-pizzas ul li{float: left; width: 200px; text-align: center; position: relative;margin-top: 70px;}
#capa-flotante #promo-add-page #lista-pizzas ul li h3,

#capa-flotante #promo-add-page .pizza-detail{display:none; position: absolute; width: 160px; top: 0px;  left: 50%; margin-left: -80px; z-index: 70;}
#capa-flotante #promo-add-page .pizza-detail.up{margin-top:-40px;}
#capa-flotante #promo-add-page .pizza-detail .custom-select{width: 150px; height: 40px; margin: 5px;}
#capa-flotante #promo-add-page .pizza-detail .custom-select select {width: 100%; height: 40px; padding: 6px 8px;}

#capa-flotante #promo-add-page .pizza-detail button{height: 40px; width: 150px; padding:0; margin:5px 0;}
#capa-flotante #promo-add-page .pizza-detail h3{margin:10px 0 0 0; font-size: 19px}
#capa-flotante #promo-add-page .pizza-detail span{color:#333333; font-size: 14px; font-family: arial, sans-serif}
#capa-flotante #promo-add-page #lista-pizzas ul li:hover .pizza-detail {display: block;}
#capa-flotante #promo-add-page #lista-pizzas ul li:hover > h3 {display: none;}
#capa-flotante #promo-add-page #lista-pizzas ul li:hover > img {opacity: .15;}


/**** Carrusel horizontal pizzas PROMOCIONES ******/
#capa-flotante #promo-add-page #owl-example .owl-item {display: block; height: 400px; margin-top: 0; position: relative; float: left;}

#capa-flotante #promo-add-page #owl-example .PizzaContent {text-align: center; position: relative; width: 100%; display: block; height: 320px;}
#capa-flotante #promo-add-page #owl-example .PizzaContent .pizza-detail {top: 80px;}
#capa-flotante #promo-add-page #owl-example .PizzaContent > h3 {font-size: 1.3em; font-family: arial, sans-serif; font-weight: bolder;}
#capa-flotante #promo-add-page #owl-example .PizzaContent img {transform: translateZ(0px);-webkit-transform: translateZ(0);}

#capa-flotante #promo-add-page #owl-example .PizzaContent img.lazyOwl {margin-top: 50px;}
#capa-flotante #promo-add-page #owl-example .PizzaContent.separador {margin-left: 1px; height:400px; position: absolute;}
#capa-flotante #promo-add-page #owl-example .PizzaContent.separador .borde {position: absolute;height: 400px;border-left: 1px solid lightgrey;}
#capa-flotante #promo-add-page #owl-example .PizzaContent.separador .GrupoPizzasImg {position:absolute; width: 100%; top:0px; left:15px; text-align:left;}
#capa-flotante #promo-add-page #owl-example .PizzaContent.separador .GrupoPizzasImg img {float:left; width: 100px;}
#capa-flotante #promo-add-page #owl-example .PizzaContent.separador .GrupoPizzasImg .SuplGrupoPizza {font-family: arial, sans-serif !important; font-weight: bolder; font-size: 12px;float: left;margin-left: 10px;margin-top: 14px;}

/**** hago visible la capa .pizza-detail en estado :hover y con la clase para el touch ******/
.no-touch #capa-flotante #promo-add-page #owl-example .PizzaContent:hover,
.no-touch #capa-flotante #promo-add-page #owl-example .PizzaContent.hovered{cursor: pointer;}
.no-touch #capa-flotante #promo-add-page #owl-example .PizzaContent:hover > h3,
.no-touch #capa-flotante #promo-add-page #owl-example .PizzaContent.hovered > h3,
#capa-flotante #promo-add-page #owl-example .PizzaContent.visible > h3 {display: none;}
.no-touch #capa-flotante #promo-add-page #owl-example .PizzaContent:hover > img,
.no-touch #capa-flotante #promo-add-page #owl-example .PizzaContent.hovered > img,
#capa-flotante #promo-add-page #owl-example .PizzaContent.visible > img {opacity: .15;}
.no-touch #capa-flotante #promo-add-page #owl-example .PizzaContent:hover .pizza-detail,
#capa-flotante #promo-add-page #owl-example .PizzaContent.visible .pizza-detail, 
.no-touch #capa-flotante #promo-add-page #owl-example .PizzaContent.hovered .pizza-detail{display: block;}

#capa-flotante #promo-add-page #owl-example.owl-theme .owl-controls{margin: -70px 0 0 0;position: absolute;top: 50%;width: 100%;}
#pizzas-container .pizzas-carrusel .owl-controls{margin-top:0;}
#pizzas-container .pizzas-carrusel .owl-controls .owl-pagination{display: none;}
#pizzas-container .pizzas-carrusel .owl-controls .owl-buttons {position:absolute;width: 100%;top: calc(50% - 34px);}
#capa-flotante #promo-add-page #owl-example.owl-theme .owl-controls .owl-buttons div,
#pizzas-container .pizzas-carrusel .owl-controls .owl-buttons div{text-indent: -9999px;position: absolute;top: 0;background: none;opacity: 1;margin: 0;padding: 0;}
#capa-flotante #promo-add-page #owl-example.owl-theme .owl-controls .owl-buttons div.owl-prev{left: -40px;}
#pizzas-container .pizzas-carrusel .owl-controls .owl-buttons div.owl-prev{left: -15px;}
#capa-flotante #promo-add-page #owl-example.owl-theme .owl-controls .owl-buttons div.owl-next{right: -40px;}
#pizzas-container .pizzas-carrusel .owl-controls .owl-buttons div.owl-next{right: -15px;}
#capa-flotante #promo-add-page #owl-example.owl-theme .owl-controls .owl-buttons div:after,
#pizzas-container .pizzas-carrusel .owl-controls .owl-buttons div:after,
#pizzas-container #title #masa-container ul .owl-controls .owl-buttons div:after{display: block; height: 53px; width: 53px; background: url('../img/sprite-iconos_es-ES.svg'); background-size: 742px; cursor: pointer;content: ''; }
#pizzas-container .pizzas-carrusel .owl-controls .owl-buttons div:after{ height: 32px; width: 23px; }
#capa-flotante #promo-add-page #owl-example.owl-theme .owl-controls .owl-buttons div.owl-prev:after{background-position: -173px -237px; }
#capa-flotante #promo-add-page #owl-example.owl-theme .owl-controls .owl-buttons div.owl-next:after{background-position: -173px -308px; }
#pizzas-container .pizzas-carrusel .owl-controls .owl-buttons div.owl-prev:after{position:absolute; top:0; left: 0; background-position: -280px -408px; }
#pizzas-container .pizzas-carrusel .owl-controls .owl-buttons div.owl-next:after{position:absolute; top:0; right:0; background-position: -256px -408px; }

#capa-flotante #promo-add-page button.por-mitades { margin-top: 100px !important; }
#capa-flotante #promo-add-page .pizza-title.por-mitades { margin-top: 75px !important; }

/**** Carusel Pizzas ****/
#pizzas-container .cabecera-carrusel { overflow:hidden; padding: 0 10px; width: calc(100% - 20px); }
#pizzas-container .cabecera-carrusel img { max-width: initial; }
#pizzas-container .cabecera-carrusel .titulo-carrusel { color: #333; font-family: arial, sans-serif; font-weight: bolder; font-size: 2.7em; margin: 0 0 5px 0; }
#pizzas-container .cabecera-carrusel .descripcion-carusel {font-size: 18px; }

/**** Tier Menú Promos ****/
#tier-container .cabecera-carrusel { overflow:hidden; padding: 0 10px; width: calc(100% - 20px); }
#tier-container .cabecera-carrusel img { max-width: initial; }
#tier-container .cabecera-carrusel .titulo-carrusel { color: #333; font-family: arial, sans-serif; font-weight: bolder; font-size: 2.7em; margin: 0 0 5px 0; }
#tier-container .cabecera-carrusel .descripcion-carusel {font-size: 18px; }

/**** Pantalla de PROMO OTROS ******/
#capa-flotante #promo-otros-page > .w100 > .padding {width: auto; padding: 0 50px; position: relative; z-index: 2 }
#capa-flotante #promo-otros-page h2{float: left; width: 80%;font-size: 2em; font-family: arial, sans-serif; font-weight: bolder; margin:0;}
#capa-flotante #promo-otros-page h4{margin-bottom: 15px}
#capa-flotante #promo-otros-page p{display: inline-block; margin-bottom: 20px;margin-top: 15px; width: 63% }
#capa-flotante #promo-otros-page .ico{cursor: pointer;}
#capa-flotante #promo-otros-page .mitades#configurar-pizza{margin-bottom: 80px;}
#capa-flotante #promo-otros-page.mitades #configurar-mitades .pizza-description > div {margin-left: 20px}
#capa-flotante #promo-otros-page .mitades #configurar-mitades {background: #FFF; border-radius: 3px; margin-top: 15px;  padding: 0 15px;margin-left: 0}
#capa-flotante #promo-otros-page .mitades #configurar-mitades .mitad{ border-bottom: 1px solid #e9e9e9; margin: 0 ; width: 100%; padding: 5px 0 13px;}
#capa-flotante #promo-otros-page .mitades #configurar-mitades .mitad:last-child{border-bottom: 0;}
#capa-flotante #promo-otros-page .mitades #configurar-mitades div{height: auto; display: inline-block;}
#capa-flotante #promo-otros-page .mitades #configurar-mitades .pizza-description{width: 79%; max-width:100%}
#capa-flotante #promo-otros-page .mitades #configurar-mitades .pizza-description > div{width: 80%; max-width: 100%;  margin-left: 20px;}
#capa-flotante #promo-otros-page .mitades #configurar-mitades p{width: 100%}
#capa-flotante #promo-otros-page .mitades #configurar-mitades button{padding: 0; margin-top: 15px; font-size: 1.1em}
#capa-flotante #promo-otros-page .mitades #configurar-mitades .mitad.disabled h5{color:#888888; padding-top: 0}
#capa-flotante #promo-otros-page .mitades #configurar-mitades .mitad.disabled p{display: block; color:#888888;}

/**** Pantalla de configurar PROMO BEBIDAS ******/
#capa-flotante #promo-bebidas-page > .w100 > .padding {width: auto; padding: 0 50px; position: relative; z-index: 2 }
#capa-flotante #promo-bebidas-page h2{float: left; width: 80%;font-size: 2em; font-family: arial, sans-serif; font-weight: bolder; margin:0;}
#capa-flotante #promo-bebidas-page h4{margin-bottom: 15px}
#capa-flotante #promo-bebidas-page .ico-arrow-left-black{margin-top: 10px; cursor: pointer;}
#capa-flotante #promo-bebidas-page h5{padding-top: 15px !important}
#capa-flotante #promo-bebidas-page p{display: inline-block; margin-bottom: 20px;margin-top: 15px; width: 63% }
#capa-flotante #promo-bebidas-page .custom-select{width: 180px;  margin-bottom: 0; margin-top: 5px;}
#capa-flotante #promo-bebidas-page .custom-select select{width: 210px; height: 50px}
#capa-flotante #promo-bebidas-page .mitades #configurar-mitades .pizza-description > div {margin-left: 20px}
#capa-flotante #promo-bebidas-page .mitades #configurar-mitades{ background: #FFF; border-radius: 3px; margin-top: 15px;  padding: 0 15px;margin-left: 0; position: relative;}
#capa-flotante #promo-bebidas-page .mitades #configurar-mitades .mitad{ border-bottom: 1px solid #e9e9e9; margin: 0 ; width: 100%; padding: 5px 0 13px;}
#capa-flotante #promo-bebidas-page .mitades #configurar-mitades .mitad:last-child{border-bottom: 0;}
#capa-flotante #promo-bebidas-page .mitades #configurar-mitades div{height: auto; display: inline-block;}
#capa-flotante #promo-bebidas-page .mitades #configurar-mitades p{width: 100%}
#capa-flotante #promo-bebidas-page .mitades #configurar-mitades button{padding: 0; margin-top: 15px; font-size: 1.1em}
#capa-flotante #promo-bebidas-page .mitades #configurar-mitades .mitad.disabled h5{color:#888888;}
#capa-flotante #promo-bebidas-page .mitades #configurar-mitades .mitad.disabled p{display: block; color:#888888;}

#capa-flotante #promo2x1-page .tooltip-container{right: 40px; z-index: 70;}
#capa-flotante #promo-otros-page .tooltip-container,
#capa-flotante #promo-bebidas-page .tooltip-container{right: 25px; z-index: 70;}

/* CAPA  de LOGIN */
.login-content {
  position: relative; width: 100%; height:0; z-index:60;
  background: #1376c5;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease; overflow: hidden; 
  color:#FFF;
  font-family: arial, sans-serif;
}

.login-content.show{height: 553px;}
.login-content.plegado{height: 30px;}

.login-content .header{background: #0062b7;  padding:25px 0 20px 0; display: inline-block; width: 100%}
  .login-content .header h2 {
      font-family: arial, sans-serif; font-weight: bolder; font-size: 1.38em; margin: 0 0 0 30px;
      -webkit-transition:height .2s ease;
      -moz-transition:height .2s ease;
      -ms-transition:height .2s ease;
      -o-transition:height .2s ease;
      transition:height .2s ease;
  }

  .login-content .header span.ico{margin-left: 15px;background-position: -190px -12px; margin-top: 3px; float: left;}

.login-content.plegado .header{padding:8px 0;}
.login-content.plegado .header h2{font-size: 13px; font-family: arial, sans-serif; font-weight: bold;}
.login-content.plegado .header span.ico{background-position: -166px -12px;margin-top: -2px;}/*sobreesscribo el icono de cerrar para que no tengan q cambiar el html*/


.login-content > section{margin:30px 0; width: 100%; display: inline-block;}
.login-content > section > .w40{width: 39%; border-right: 1px solid #0062b7}
.login-content > section .w40 .margin{margin:0 25px 0 35px; padding-bottom: 70px}
.login-content > section .w60 .margin{margin:0 30px 0 25px;}
.login-content > section h1{font-size: 2em; font-family: arial, sans-serif; font-weight: bolder; margin-bottom: 25px;}
.login-content > section h3{font-size: 1em; font-family: arial, sans-serif; font-weight: bold; margin-bottom: 15px;}
.login-content > section p{margin:15px 0;}
.login-content > section .w40 .margin p {font-size: 14px; margin:0; line-height: 22px}
.login-content > section .w40 .margin a {color:#a2d5ff;}
.login-content > section label.custom-select{width: 400px;}
.login-content > section .w60 a{color:#FFF;}

.login-content > section .w60 .ico-location{margin: -3px 0 0 0;}
.login-content > section .tienda-content{display: inline-block; margin: 8px 0; width: 100%}
.login-content > section .tienda-content > div {font-size: 14px}
.login-content > section .tienda-content > div p{margin:0; line-height: 20px}
.login-content > section .tienda-content .w40 p{font-family: arial, sans-serif; font-weight: bold;}
.login-content > section .tienda-content .w60{text-align: right;}
.login-content > section .tienda-content .info-tienda{width: 80%; margin-bottom: 25px;}
.login-content > section button:first-of-type{margin-left: 20px; }
input[type="radio"]{width: 20px; height: 20px; margin-left: -5px;margin-right: 8px;margin-top: 6px;}
.login-content > section div.radioOption{width: 100%; display: inline-block;}
.login-content > section div.radioOption.second{margin:15px 0;}

.login-content #address-page-container{left: 0; top: 0; position: absolute; width: 100%;}

#containerOtraDir {position: relative; float: left; padding: 14px;}

/*lightbox*/

#SeccionBlack {z-index: 999;}

.lightbox{position: absolute; width: 100%; height: 100%; 
	background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
	background: rgba(0, 0, 0, 0.75);
	color:#FFF;
	z-index: 100; 
	top: 0;
	display: none;
}
.lightbox.mobile {
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
	background: rgba(255, 255, 255, 1);
}

.lightboxVideo{
    position: absolute; 
    width: 100%; height: 100%; 
	background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
	background: rgba(0, 0, 0, 0.75);
	color:#FFF;
	z-index: 100; 
	top: 0;
	display: none;
 }



  .lightbox.white {
      background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
      background: rgba(255, 255, 255, 0.75);
      z-index: 9999;
  }
   .lightbox.white2 {
      background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
      background: rgba(255, 255, 255, 0.75);
      z-index: 101;
  }
.lightbox.changePizza {background: rgba(255, 255, 255, 1); height: auto !important;}
.lightbox #main-wrapper{background: none; top: 130px; position: relative;}
.lightbox.changePizza #main-wrapper{top:0;}
.lightbox #main-wrapper .ico-close-white,
.lightbox #main-wrapper .ico-close-gray {position: absolute; right: 25px;top: 40px;z-index: 120; }

#SeccionBlack .lightbox #main-wrapper .ico-close-white {top: 50px;} /* cuando el lightbox tiene flecha ajustar el icono de cierre */

.lightbox.changePizza #main-wrapper .ico-close-white{display: none}
.lightbox #main-wrapper #capa-flotante{top:25px}
.lightbox #main-wrapper #capa-flotante #shops-page h1{margin-bottom: 20px}

 #main-wrapper #capa-flotante #shops-page.logado h1{margin-bottom: 13px}
 #main-wrapper #capa-flotante #shops-page.logado .custom-select{ width: 530px; margin:0;}
 #main-wrapper #capa-flotante #shops-page.logado .custom-select select { width: 100%; font-family: arial, sans-serif} /* width: 560px; */
 #main-wrapper #capa-flotante #shops-page.logado a#otra-direccion {color: #FFFFFF; margin: 0 5px 0 0;}
 /*#main-wrapper #capa-flotante #shops-page.logado .ico-location{position: relative; top: 10px;}*/
 #main-wrapper #capa-flotante #shops-page ul {height: 260px}

 /* duplico el bloque anterior porque no tenemos clase logado sobre #shops-page */ 
 #main-wrapper #capa-flotante #shops-page h1{margin-bottom: 13px}
 #main-wrapper #capa-flotante #shops-page .custom-select{ width: 530px !important;}
 #main-wrapper #capa-flotante #shops-page .custom-select select { width: 100%; font-family: arial, sans-serif} /* width: 560px; */
 #main-wrapper #capa-flotante #shops-page a#otra-direccion {color: #FFFFFF; margin: 0 5px 0 0;}
 /*#main-wrapper #capa-flotante #shops-page .ico-location{position: relative; top: 10px;}*/


/*lightbox video*/
#SeccionBlackVideo.lightboxVideo {top: -110px; padding-top: 150px;}
#SeccionBlackVideo.lightboxVideo section.video{display: none}
#SeccionBlackVideo.lightboxVideo section.video{display: block}
#SeccionBlackVideo.lightboxVideo #main-wrapper .ico-close-white {
    position: absolute;
    top: -25px;
    right: 0;
    z-index: 1001;
}
#SeccionBlackVideo.lightboxVideo #maxWidthContainer {
    width: 90%;
    max-width: 711px; 
    margin: 0 auto; 
    position: relative;
    display: block;
}



/* PAGINAS DE CHECKOUT */
footer span.ico-mastercard,
footer span.ico-iupay-abajo, 
footer span.ico-visa, 
footer span.ico-visa-electron,
footer span.ico-americanexpress,
.ico-bizum-white{margin: 0; vertical-align:middle;}
footer span.ico-americanexpress {
    background-position: 0px -460px;
    height: 50px;
    width: 70px;
    cursor: default;
}
.ico-circle-blue{margin-right: 5px; margin-top: -8px;display: table; cursor: auto;}
.circle-text{color: #FFF;vertical-align: middle;display: table-cell; }

#checkout-page{position: relative; background-color: #e8e8eb; color:#333; padding: 30px 25px 100px 20px;margin-top: 10px; display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
#checkout-page.conf{display: block;}
#checkout-page > h1{font-size: 2.62em; font-family: arial, sans-serif; font-weight: bolder; margin: 15px 0;}
#checkout-page p{font-family: arial, sans-serif; font-size: 1em; line-height: 20px}
#checkout-page p.Sugerencia {padding: 0;margin: 0;color: #333;font-size: 32px;font-weight: bold; }
#checkout-page .skip {background-color: #FFF;clear: both;padding: 30px;text-align: right; }
#checkout-page a{color:#333;}
.div-container{display: inline-block; width: 100%; position: relative;}
#checkout-page .div-container a {position: absolute;bottom: 0; right: 0 }
#checkout-page > .div-container {margin-bottom: 10px}
#checkout-page .carrito-content{position: relative; right: 0; }
#checkout-page .carrito-content .layer {opacity: 1; position: static;}
#checkout-page .carrito-content .layer.fr{height: 100%;}
#checkout-page .promo {width: 100%;height: auto;overflow: inherit; }
#checkout-page .promo.codigo-promocional {padding: 30px;}
#checkout-page #sugerencias .promo.codigo-promocional {background-color: #0062b7;}
#checkout-page #sugerencias .promo.codigo-promocional p.Sugerencia{color: #FFF;}
#checkout-page .promo .innerOverflow {overflow: hidden;padding: 30px;width: 100%;}
#checkout-page .promo button {position: inherit;left: inherit;top: inherit;right: inherit;bottom: inherit;margin: 0; }
#checkout-page .promo.codigo-promocional .div-container input {margin-right: 10px; }
#checkout-page .promo .btn-aplica-promo {position: absolute;right: 30px;bottom: 30px;}
#checkout-page .promo .right-section .custom-select{
    position: absolute;
    right: 175px;
    bottom: 30px; 
    margin-bottom: 0;
    background: #EDEDED url("../img/select-icon-small.svg") no-repeat scroll -20px -20px;
    background-position-x: 80%;
    background-position-y: center;
}
#checkout-page .promo .right-section .custom-select select{width: 130px;}
#checkout-page .promo .img {margin-left: -20px; margin-top: 0; margin-right: 15px; float: left; width: 100px; height: 100px;}
#checkout-page .promo.item-promo .img {background-size: cover; background-position: center center; background-repeat: no-repeat; width: 35%; height: 100px;}
#checkout-page .promo.item-promo .desc {width: 65%;}
#checkout-page .info-detail.show {display: table-cell; width: 100%; margin: 0 0 0 -30px; }
#checkout-page .promo h1{
    font-family: arial, sans-serif;
	font-weight: 800;
    font-size: 34px; /* estaba en 2.85em pero lo bajé porque no cabe casi texto */
    white-space: normal !important;
}
#checkout-page .promo p.title{font-family: arial, sans-serif; font-weight: bold; margin:0;width: 100%;}
#checkout-page .promo span.info{font-size: .8em; width: 100%;}
#checkout-page .precio-final {border-bottom: 1px solid #e3e5e7;padding-bottom: 15px; }
#checkout-page .precio-final:not(.red) h5 {color: #333;}
#checkout-page .precio-final .precio {font-weight: bold; }
#checkout-page .iva {display: block;width: 100%;text-align: right; }
#checkout-page .iva.left {display: block;width: 100%;text-align: left; }
#checkout-page .discount {display: block;width: 70%;float: left;font-size: 12px;color: #888888;}
#checkout-page .discount.bold14 {font-size: 14px; font-weight: bold;}
#checkout-page .cancel {display: block;text-align: right;margin: 0;color: #707070;border-color: #707070; }
#checkout-page li.promo {margin: 0 0 20px 0; }
#checkout-page li.promo:first-child {margin-top: 0;}
#checkout-page .promo .left-section{width: 75%;}
#checkout-page .carrito-content {top: 0; }
#checkout-page .promo .desc {margin-top: 0; float: left;}
#checkout-page .promo.blue h1 span.decimals .diagonal,
#checkout-page .promo.blue p span.decimals .diagonal {color: #a2d5ff; }
#checkout-page .promo.blue span.info {color: #FFF; }
#checkout-page .promo.blue .btn-aplica-promo {background: #8bb429;bottom: inherit;top: 50%;margin-top: -25px; }
	#checkout-page .promo.blue .btn-aplica-promo:hover {background-color: #89c200;}
#checkout-page .promo .ico_CodePromo {display: none; cursor: default;}
#checkout-page .promo.blue .ico_CodePromo {display: inline;right: inherit;top: 10px;left: -13px;z-index: 100; }
#checkout-page.register-page #menu-login-Create #register-form > label {width: 85%;}
.right-section .layer {width: 100%;max-width: inherit;}

.promo h1 span.decimals .diagonal,
.promo p span.decimals .diagonal {color: #9f9f9f;font-size: 22px;line-height: 100%;margin-left: 5px;vertical-align: top;position: absolute; }
.promo h1 span.decimals .diagonal sup,
.promo p span.decimals .diagonal sup {vertical-align: top;font-size: 12px;line-height: 100%;display: inline-block;margin-bottom: 10px; }
.promo.codigo-promocional{height: 110px; display: table}
.promo.codigo-promocional .div-container {display: table-cell; vertical-align: middle}
.promo.codigo-promocional .div-container p{padding-top: 12px}
.promo.codigo-promocional .div-container button{position: relative;bottom: 0; margin-left: 10px;}
.promo.codigo-promocional .div-container input{display: block; height: 50px; width: 180px; text-align: center; border: 0; background-color:#ededed; color:#252525; font-family: arial, sans-serif; font-size: 16px; margin-right: 25px;padding: 5px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.promo.blue{background-color: #0062b7; color:#FFF;}

#lightbox-alert {
    position: fixed; left: 50%;top: 30%; margin: 0 0 0 -300px;width: 600px;background-color: #FFF; border-radius: 5px;box-shadow: 1px 1px #CCCCCC;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/* añadida transición y cambio top: era 40% y a fixed */

#lightbox-alert .ico-close{position: absolute; top: 30px; right: 30px}
#lightbox-alert .ico-close{position: absolute; top: 30px; right: 30px}
#lightbox-alert .skip {margin-top: 40px;text-align: right; }
#lightbox-alert .skip:after {content: ";)"; }
#lightbox-alert a {color:#333;}
#lightbox-alert .content{display: table-cell; vertical-align: middle; color:#333; text-align: center; width: 100%;padding: 50px 30px 30px; }
#lightbox-alert .content h1{font-size: 3.25em; font-family: arial, sans-serif; font-weight: bolder; margin-bottom: 25px}
#lightbox-alert .content p{font-size: 14px; font-family: arial, sans-serif; margin-bottom: 35px}

.white-box{background-color: #FFF; padding: 40px 30px 50px 30px; margin: 10px 0; display: block;}
.white-box:first-child {margin-top: 0;}
.white-box .header{border-bottom: 1px solid #e3e5e7; position: relative; padding-bottom: 20px}
.white-box.no-print .div-container{margin-top:15px;}
/* Visualización edición de la página de pago */
.white-box#resumen-info .info{margin-bottom: 20px;}
.white-box#resumen-info .info:first-child{margin-top: 0;}
.white-box#resumen-info .header{border: 0; padding-bottom: 10px; margin-bottom: 0;}
.white-box#resumen-info .info .header h2, #formulario-edicion .white-box .header h2{display: inline-block; margin-bottom: 5px;}
#checkout-page .white-box#resumen-info .info .header a, #formulario-edicion .white-box .header a{display: inline-block; margin-left: 10px;}
.white-box#resumen-info .content p{color: #888; margin-bottom: 5px;}
/* Fin Visualización edición de la página de pago */
.white-box .address-detail{border-bottom: 1px solid #e3e5e7; position: relative; padding: 5px 0; margin-bottom: 20px}
.white-box .address-detail p{margin:10px 0;}
.white-box .address-detail span.value{color:#888; margin: 0 50px 0 5px;}

.white-box .header h2{font-size: 2em; font-family: arial, sans-serif; font-weight: bolder; margin: 0 0 0 10px;}
.white-box .header h2 small {display: inline;font-size: 16px;color: #333;margin: 0; }
.white-box .header > span:not(.fr){position: relative; display: block; margin-top: 15px; color:#888;}
.white-box .header > span.fr {position: absolute; right: 0; top: 50%;margin-top: -17px; color:#888;}
.white-box.social .header >  span.fr{bottom: 13px; top: 5px;}
.form-datos form .header {margin-bottom: 20px;}
.form-datos form label{display: inline-block; width: 100%; /*position: relative;*/}
.form-datos #reset-password label{position: relative;}
  .form-datos form label.w70{width: 70%}
  .form-datos form label.w25{width: 25%}
  .form-datos form label.w20{width: 22%}
  .form-datos form label.mr5{margin-right: 4% !important;}

.form-datos form input {background-color: #ededed; color:#333; height: 50px; border-radius: 3px; border:0; font-size: 1em; font-family: arial, sans-serif;padding: 0 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	.form-datos form input.error,.form-datos form textarea.error {font-weight: bold;}
.form-datos form textarea{width: 50%; background-color: #ededed; height: 80px; border-radius: 3px; border:0; font-size: 1em; font-family: arial, sans-serif;padding: 15px; resize:none;}
.form-datos form .ico-info{position: absolute;top: 50%;margin-top: -12px; left: -23px;}
.form-datos form label.cambioEfectivo > span{margin-top: 17px}
.form-datos form label.custom-select{
    width: 100px;
    margin:0 0 0 20px;
    background: #ededed url("../img/select-icon-gray.svg") no-repeat -20px -20px; 
    background-position-x: right;
    background-position-y: center;
}
/*.form-datos form label.custom-select select{width: 140px;}*/

.form-datos form input[type="radio"].css-checkbox {
	display:none;
}


.form-datos form input[type="radio"].css-checkbox + label.css-label {
	padding-left:26px;
	height:21px; 
	display:inline-block;
	line-height:21px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;
}
.form-datos form input[type="radio"].css-checkbox + label.css-label .ico{margin-top: -4px}
.form-datos form input[type="radio"].css-checkbox:checked + label.css-label {
	background-position: 0 -22px;
}
.form-datos form label.css-label {
	width: auto;
	margin-left: 20px;
	background-image: url('../img/sprite-radio.svg');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.no-svg .form-datos form label.css-label {
	background-image: url('../img/sprite-radio.png');
}

/* TOKENIZACION*/
#misTarjetas .titulo { overflow: hidden; border-bottom: 1px solid #0466ba; }
#misTarjetas .permitePagoTarjeta { padding: 10px; }
#MiDominos #misTarjetas .titulo h2 { float: left; width: auto; border: none; }
#misTarjetas .titulo button { float: right; margin: 25px 0 20px 0; }
#MiDominos #misTarjetas .CenterButton { overflow: hidden; }
#misTarjetas .datosTarjeta { float: left; }
#misTarjetas .accionesTarjeta { float: right; overflow: hidden; }
#MiDominos #misTarjetas .accionesTarjeta button { position: static; }
.form-datos .formas-pago { overflow: hidden; margin: 15px 0; }
.form-datos .forma-pago { float: left; width: 50%; }
.form-datos .formas-pago .terms { border: 0; margin: 10px 0 0 20px; display: none; }
.form-datos .pago-mis-tarjetas { display: none; }
.form-datos .mis-tarjetas { margin: 10px 0 10px 25px; }
/* TOKENIZACION */

/*RADIO BUTTON BLANCO*/
.form-datos form.white label.css-label {
	background-image: url('../img/sprite-radio-white.svg');
	margin: 0 20px 20px 0;
}
.no-svg .form-datos form.white label.css-label {
	background-image: url('../img/sprite-radio-white.png');
}

		.form-datos form.white input[type="radio"]:checked + label.RadioLabel > span {font-weight: bold;color: #252525;}
.form-datos form input[type="checkbox"]{height: 25px; width: 25px; margin: 0 ;}
.form-datos select {
    width: 100%;
    border: 0;
    line-height: 1.5;
    background: #fff url('../img/select-icon.svg') no-repeat scroll right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    appearance: none;
}
	.no-svg .form-datos select {background-image: url('../img/select-icon.png'); }
.form-datos .bg-grey select {background: #ededed url('../img/select-icon-small.svg') no-repeat scroll 90% center; }
	.no-svg .form-datos .bg-grey select {background-image: url('../img/select-icon.png'); }

.form-datos #contenedor_formulario { width: 80%;margin: 0 auto; }
.form-datos #contenedor_formulario div { width:22.47%;margin-right: 10px; float:left;margin-bottom: 20px;position: relative; }
.form-datos #contenedor_formulario div.label {text-align: right;position: relative;clear: left; }
.form-datos #contenedor_formulario div div.inner { width:100%;margin: 0; }
	.form-datos #contenedor_formulario div div.inner.WithIcon {position: relative;}
.form-datos #contenedor_formulario div div.inner label,
.form-datos #contenedor_formulario div div.inner input, 
.form-datos #contenedor_formulario div div.inner select,
.form-datos #contenedor_formulario div div.inner textarea { display:block; width: 100%;margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	.form-datos #contenedor_formulario div div.inner label.icon {width: auto;position: absolute;left: 0;top: 50%;margin-top: -18px; }
    .form-datos #contenedor_formulario div div.inner.error label.icon{margin-top: -40px}
	.form-datos #contenedor_formulario div div.inner.WithIcon input {padding-left: 40px !important;}
	.form-datos #contenedor_formulario div span.ico-info {width: 23px; }
.form-datos .one_space {width: 20.75% !important;}

#MiDominos .form-datos #contenedor_formulario #fecha > .one_space {width: 90px !important;}
#MiDominos .form-datos #contenedor_formulario #fecha > .one_space:nth-of-type(2) {width: 144px !important;}

/*Mejoras UX 06/06/2016 Mismo ancho Dia/Mes/Annyo*/
/*#checkout-page .form-datos #contenedor_formulario #fecha > .one_space:nth-of-type(2) {width: 110px !important;}*/

.form-datos .one_space.no-margin {margin-right: 0 !important;  }
.form-datos .two_space { width: 44.94% !important;  }
/*.form-datos .three_space { width: 265px !important;  }*/ /* width: 67.41% !important; */
.form-datos .three_space {width: 65% !important;}
/*.form-datos button {width: 30%;}*/

	.form-datos .three_space.no-margin { width: 71.90% !important; margin-right: 0 !important; }
.form-datos .four_space { width: 100% !important;margin-right: 0 !important;  }
	.form-datos .four_space.no-margin {margin-bottom: 0 !important; }
.form-datos .jump_row {  clear:left; }
.form-datos #contenedor_formulario select {background: #ededed url("../img/select-icon-small.svg") 88% center no-repeat;}
.form-datos #contenedor_formulario .custom-select {margin: 0; width: 100%;}
.form-datos #contenedor_formulario .no-bottom-margin {margin-bottom: 0 !important; }
.form-datos #contenedor_formulario .no-bottom-margin2 {display:none !important; }
.form-datos #contenedor_formulario label {display: table-cell;height: 50px; width: 22.47%; position: relative;text-align: right;vertical-align: middle; }
.form-datos #contenedor_formulario .WithArrow {position: relative;width: 110px; }
.form-datos #contenedor_formulario .WithArrow .arrowUp,
.form-datos #contenedor_formulario .WithArrow .arrowDown {display: block;background: transparent url("../img/select-icon-small.svg") center 30% no-repeat;width: 40px;height: 25px;position: absolute;border: none;margin: 0;padding: 0;}
	.form-datos #contenedor_formulario .WithArrow .arrowUp {top: 0;right: 0;
		-moz-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-o-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-ms-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	 }
	.form-datos #contenedor_formulario .WithArrow .arrowDown {bottom: 0;right: 0;}
.form-datos #contenedor_formulario .WithArrow .arrowUp.disabled,
.form-datos #contenedor_formulario .WithArrow .arrowDown.disabled {opacity: .4;cursor: inherit;pointer-events: none; }

.form-datos #contenedor_formulario.Pago {width: 100%;}
.form-datos #contenedor_formulario.Pago div.label {text-align: left; }
.form-datos #contenedor_formulario label .lbl-comentario {height: 80px;}
.form-datos #contenedor_formulario label .lbl-comentario span {display:block;}
.form-datos #contenedor_formulario label .num-caracteres {font-size:0.8em;margin-top:5px;}

.white-box .terms{width: 100%; display: inline-block;border-top: 1px solid #e3e5e7;border-bottom: 1px solid #e3e5e7; margin:20px 0; padding:10px 0; position: relative;}
.white-box .squaredFour{background-color: #ededed; margin: 0 10px 0 0;}
/*.white-box .squaredFour label:after {top: -10px;}*/
.white-box small{color:#888; font-size: 12px; font-family: arial, sans-serif; display: block; margin-top: 5px; line-height: 18px;}
.white-box .precio{margin-top: 10px;}
.white-box .precio span{font-size: 4em; font-family: arial, sans-serif; font-weight: 800;}
.white-box .precio span.decimals{font-size: 2.5em; vertical-align: top;}

/* Checkout: página de confirmación */
.white-box .pedido-precio{position: absolute;right: 0; top: 0}
.white-box .border-top-bottom{width: 100%; border-top: 1px solid #e3e5e7;border-bottom: 1px solid #e3e5e7; padding:10px 0; position: relative;}
.white-box .border-top-bottom .pedido-precio{top:10px;}
.white-box .pedido-total-precio{display: inline-block; width: 100%; text-align: right; margin-top: 30px}
.white-box .pedido-total-precio > div:not(.fl){ width: 260px; display: block}
.white-box .pedido-total-precio > div.w50 .form-datos #contenedor_formulario{width: 100%}
#checkout-page .form-datos h2 {margin: 0; }
#checkout-page .type-pizza {font-size: 16px;line-height: 19px;font-weight: bold;margin-bottom: 15px; }
#checkout-page .type-pizza:not(.color-red){color: #333;}
#checkout-page.conf .white-box ul li{float: none; padding: 0; border-top: 1px solid #e3e5e7; border-bottom: 1px solid #e3e5e7; cursor: auto;}
#checkout-page.conf .white-box ul li:first-child{border-top: none; padding-top: 10px}
#checkout-page .white-box #pedido-detail {display: block; position: relative; margin: 10px 0 20px; color: #888888;font-size: 14px;line-height: 19px;}
	#checkout-page .white-box #pedido-detail.delivery {border: none;padding-bottom: 0;margin-bottom: 0; }
	#checkout-page .white-box #pedido-detail.no-border {border: none; }
	#checkout-page .white-box #pedido-detail.WithPromo {color: #DF1E3C;padding-bottom: 0; margin-top: 20px }
	#checkout-page .white-box #pedido-detail .text {font-size: 16px;line-height: 22px;color: #333;}
#checkout-page .white-box .pedido-precio {position: absolute;right: 0; top: 0;font-size: 16px;font-weight: bold;color: #9f9f9f; }
	#checkout-page .white-box #pedido-detail.WithPromo .pedido-precio {color: #DF1E3C; }
#checkout-page .white-box #pedido-detail hr {border: none;border-bottom: 1px solid #e3e5e7;margin: 15px 0;padding: 0; }
	#checkout-page .white-box #pedido-detail hr.last {margin-bottom: 0; }
#checkout-page .pedido-total-precio .title.precio-descuentos span.precio {margin: 0;font-size: 22px; }
#checkout-page .pedido-total-precio .title span.precio {margin: 0;font-size: 21px; }
#checkout-page .pedido-total-precio .title.border-bottom {border-bottom: 1px solid #e3e5e7;padding-bottom: 15px; }
#checkout-page .content-input-password {position: relative; }
#checkout-page #show-password {position: absolute;top: 0;right: 0;color: #9f9f9f;font-size: 12px;line-height: 16px;height: 50px;padding: 8px 10px 0; }
#checkout-page .error #show-password {color: #FFF;}
#checkout-page p.mensajePassword { margin-top: 10px; }
#checkout-page #show-password .ico {display: block;margin: 0 auto; }

.pedido-total-precio .title{display: inline-block; width: 100%;margin-bottom: 8px}
.pedido-total-precio .title.gray{color:#9f9f9f;}
.pedido-total-precio .title .desc{font-size: 14px; width: auto; float:left;padding-top: 5px; cursor: pointer}

.checkout-share{width: 100%; background-color: #ededed; position: relative; margin-top: -1px}
.checkout-share textarea {padding: 25px 180px 25px 20px; width: 100%; height: 100px; overflow-y: auto; border: 0; background-color: transparent; color: #888; font-size: 1em; font-family: arial, sans-serif;text-overflow: ellipsis;resize: none; }
.checkout-share button{position: absolute; right: 25px; top: 50%;margin-top: -25px;}
.checkout-share .arrow-container{height: 14px; width: 100%; position: absolute; top: -14px} 
.checkout-share .arrow-container span{
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ededed;
  content: ''; 
  position: absolute; top: -15px;
  display: block;
  height: 15px; width: 0
}
.checkout-share .arrow-container span.facebook{right: 57px}
.checkout-share .arrow-container span.twitter{right: 5px}
/*.checkout-share .arrow-container span.google{right: 56px}*/
/*.checkout-share .arrow-container span.tuenti{right: 5px}*/

/* FICHA PIZZAS */

#ficha-pizza-container{background-color: #ebefef;padding: 2px 40px 10px; font-family: arial, sans-serif; display: block; color: #333333}
#ficha-pizza-container h1{font-size: 4.7em; font-family: arial, sans-serif; font-weight: bolder;}
#ficha-pizza-container p.desc{margin-bottom: 50px; line-height: 20px; font-size: 18px}
#ficha-pizza-container .message-composition span.text{font-weight:bold;}
#ficha-pizza-container h4{margin-bottom: 25px; font-size: 1.4em; font-family: arial, sans-serif; font-weight: bolder;}
#ficha-pizza-container .left-section{top:0; margin-bottom: 35px; position: relative }
#ficha-pizza-container.ficha-pizza-mitad .left-section{margin-bottom: 15px;}
#ficha-pizza-container .right-section {
    position: absolute; right: 0; top: 0;
    -webkit-transition: top 1s ease;
    -moz-transition: top 1s ease;
    -ms-transition: top 1s ease;
    -o-transition: top 1s ease;
    transition: top 1s ease;
}

#ficha-pizza-container .right-section .componerIngredientes{
    position: relative;
    margin: 0 auto;
    width: 335px;
}

#ficha-pizza-container .right-section .ocultar-capa{
    display: none!important;
}

#ficha-pizza-container .border-top-gray{padding: 20px 0 0;}
#ficha-pizza-container #configurar-pizza label{height: 50px; width: 100%;}
#ficha-pizza-container #configurar-pizza div.numero{margin-left: 0; width: 135px}
#ficha-pizza-container #configurar-pizza div.numero select{width: 170px}
#ficha-pizza-container #configurar-pizza div.tamanio{ width: 170px}
#ficha-pizza-container #configurar-pizza div.tamanio select{ width: 205px}
#ficha-pizza-container #configurar-pizza div.masa{ width: 195px}
#ficha-pizza-container #configurar-pizza div.masa select{ width: 230px}
#ficha-pizza-container #configurar-pizza div small{color: #707070; font-size: 14px}
#ficha-pizza-container button{margin-left: 20px;}
	#ficha-pizza-container button.no-margin {margin: 0;}

#ficha-pizza-container .left-section #pizza-change{display: none}
#ficha-pizza-container .left-section.change #pizza-info{display: none}
#ficha-pizza-container .left-section.change #pizza-change{display: block}
#ficha-pizza-container ul.salsas{display: inline-block;width: 100%; margin-bottom: 55px;}
#ficha-pizza-container ul.salsas li{padding:0; max-width: 220px; margin-right: 20px}
#ficha-pizza-container ul.salsas li span{ margin-right: 10px; color:#9f9f9f;}
/*#ficha-pizza-container ul.ingredients{ display: inline-block;width: 100%; margin-bottom: 50px}
#ficha-pizza-container ul.ingredients li{width: 33.3%; padding:0;}
#ficha-pizza-container ul.ingredients li label.custom-select{width: 73px; margin-right: 10px; margin-bottom: 7px}
#ficha-pizza-container ul.ingredients li span{color:#9f9f9f; font-size: 1em; max-width: 100px}*/
#ficha-pizza-container .ingredients label.selected{color:#252525; font-weight: bold}
#ficha-pizza-container #slider {margin-bottom: 55px; background-color:#7F8C8D;}
#ficha-pizza-container #buttons-container #btnCancel{ display: none}
#ficha-pizza-container #buttons-container.change #btnCancel{ display: block}
#ficha-pizza-container #buttons-container.change #btnChange{ display: none}
#ficha-pizza-container #configurar-pizza {margin-bottom: 40px;}
#ficha-pizza-container #pizza-info {margin-bottom: 35px;}
#ficha-pizza-container #pizza-info p {margin-bottom: 15px;}
#ficha-pizza-container .price {font: 62px/100% Arial, Helvetica, Geneva, sans-serif; font-weight: 800;}
#ficha-pizza-container .price sup,
#ficha-pizza-container .price .decimals {font-size: 35px;line-height: 100%;vertical-align: top; }
#ficha-pizza-container #buttons-container div.info-price { float:left;width:50%;}
#ficha-pizza-container #buttons-container span.info-price { float:left; margin: 37px 0 0;}
#ficha-pizza-container #buttons-container small {color:#707070;float:left;text-align:left;margin:5px 0;clear:both;}
#ficha-pizza-container #buttons-container .small-info1 {font-size:14px;}
#ficha-pizza-container #buttons-container .small-info2 {font-size:16px;}
#ficha-pizza-container #buttons-container .buttons { float:right;width:50%;}
#ficha-pizza-container #buttons-container .buttons .small-info2 {width:290px; margin:8px 5%;text-align:center;}


/* recalcular precio */
#ficha-pizza-container #recalcularPrecio {display: none; position: absolute; margin-top: -42px; margin-left: 153px; font-weight: bold;}
#ficha-pizza-container.PizzaBuild #recalcularPrecio{margin-left: 17px; margin-top: 20px;}
#ficha-pizza-container .recalcular #price{opacity: .1}
#ficha-pizza-container .recalcular #recalcularPrecio{display: block;}


#ficha-pizza-container #configurar-pizza #PedidoContenedor div {width:25%; max-width: 200px; margin-right: 20px;}
#ficha-pizza-container.PizzaBuild #configurar-pizza #PedidoContenedor div {width:25%; max-width: 200px; margin-right: 20px}
.cambio-masa { margin-top: 5px; font: 14px/16px Arial, Helvetica, Geneva, sans-serif; }
#ficha-pizza-container .TopSlider {width: 100%;margin-bottom: 15px;}
#ficha-pizza-container .TopSlider li {width: 15%;padding: 0;color: #000;font-size: 16px; }
	#ficha-pizza-container .TopSlider li.middle {width: 70%;}
	#ficha-pizza-container .TopSlider li.middle span {width: 50%;text-align: center;}
#ficha-pizza-container .TopSlider .select {color: #252525;font-weight: bold; }
/*#ficha-pizza-container .message-confirmation{top:50%; margin-top: -240px}*/

/* Estilos para el slider */
.ui-slider-horizontal{height: 5px;}
.ui-widget-content{background: #fff; border: 0} /* era #7F8C8D - ahora fondo blanco para el select desplegado - este fondo lo pongo en #ficha-pizza-container #slider (línea 1217)  */
.ui-slider-range{background: #fec40d;border: 1px solid #fee619 !important;border-bottom: none !important; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {padding: 0;width: 18px;height: 18px;background: #fcbf07;border-radius: 9px;border: none;}

.ui-widget.ui-menu {font-family: arial, sans-serif; font-size: 14px; border-radius: 0;}
.ui-menu .ui-menu-item {list-style-image: none; padding: 4px 0 !important;}
.ui-menu .ui-menu-item a, 
.ui-menu .ui-menu-item a:hover {background: #fff ; box-shadow: 0 0 0 rgba(0,0,0,0); border-radius: 0; border: 0; padding: 4px !important; margin: 0 !important;}


@media print {
   #main-wrapper > header,
   #main-wrapper > footer, 
   .no-print {
	   display: none;
	}

}

/* CREA TU PIZZA */
#ficha-pizza-container.PizzaBuild .left-section {width: 60%;margin-right: 0;}
#ficha-pizza-container.PizzaBuild .right-section {width: 34%;}
#PizzaCreate li {width:25%; padding:0; margin-bottom: 30px}

.PizzaContentTable {
    position: relative;
    margin: 0 auto;
    width: 335px;
}
table#creapizza {
    display: table;
    z-index: 20;
    /*position: relative;
    margin: -320px auto 20px;*/
}
table#creapizza td {
    display: table-cell;
    height: 26px;
    width: 26px;
    position: relative;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
table#creapizza td img {
    position: absolute; 
    width: 50px;
    margin-left: -30px;
    margin-top: -20px;
    max-width: none;
}

#ficha-pizza-container table#creapizza {
    width: 80%;
    margin: 0 0 0 10% !important;
    position: absolute;
    top: 35px;
}

#ficha-pizza-container table#creapizza.masa-artisans {
    margin: 0 0 0 12% !important;
}

/*@-moz-document url-prefix() {
	table#creapizza td img  {
		max-width: auto;
	}
}*/

#MiDominos #pizzas li table {
    position: relative;
    margin: -88% auto 30px;
    display: table;
    z-index: 20;
    width: 75%;
    max-width: 220px;
    text-align: left;
}
#MiDominos #pizzas li table td {
    width: 17px !important; 
    height: 17px !important;
}
#MiDominos #pizzas li table td img {
    position: absolute;
    width: 36px;
    margin-left: -30px;
    margin-top: -20px;
    max-width: none;
}

.hide-half{background-color: #ebefef; opacity: .95; position: absolute;margin: -320px auto 0; width: 50%; height: 335px; }
.hide-half.left{left: 0}
.hide-half.right{right: 0}


.bgblue #ficha-pizza-container {background-color: #0062B7;color: #FFF;}
.bgblue #ficha-pizza-container p.desc {margin-bottom: 0;}

.bgblue.pedidoCurso #ficha-pizza-container{position: relative;}
.bgblue.pedidoCurso #ficha-pizza-container a.fr{position: absolute; right: 40px; bottom: 35px; cursor: pointer;}

#PizzaType {margin-bottom: 35px;}
#PizzaType a {margin:0;}
#PizzaType div {width: 68px;height: 68px;float: left;display: table;padding-top: 11px;}
#PizzaType div .ico {margin: 0 auto;display: block;}
#PizzaCreate {width: 100%;}
#PizzaCreate ul {width: 100%;}
#PizzaCreate li {width: 25%;height: 230px;float: left;text-align: center;color: #000;font-size: 16px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor: inherit;position: relative; }
#PizzaCreate li .ico-circle-green {position: absolute;top: 15px;left: 60%;display: table;font-family: arial, sans-serif; font-weight: bolder;}
#PizzaCreate li img {display: block;margin: 0 auto 12px;}

#PizzaCreate li .incrementor {width: 100%; display: block; position: absolute; bottom: 0;}
#PizzaFollow .PizzaName {background: white;border-radius: 2px;margin: 40px 0 10px 0;padding: 15px;position: relative;}
	#PizzaFollow .PizzaName:before {border-bottom: 15px solid #FFFFFF;border-left: 12px solid rgba(0, 0, 0, 0);border-right: 12px solid rgba(0, 0, 0, 0);top: -15px;content: '';left: 50%;margin-left: -12px;position: absolute;}
#PizzaFollow .PizzaName input {width: 85%;height: 30px;border: none;text-shadow: none;padding: 3px 0 0;font-size: 16px;color: #4a4a4a;}
#PizzaFollow h1 {font-size: 42px;line-height: 100%;color: #333;font-family: arial, sans-serif; font-weight: 800;}
#PizzaFollow p .decimals {font-size: 28px;line-height: 100%;vertical-align: top;}
#PizzaFollow p#price {font-size: 42px;line-height: 100%;color: #333;font-family: arial, sans-serif; font-weight: 800;}
#PizzaFollow p#price .decimals {font-size: 28px;line-height: 100%;vertical-align: top;}
#PizzaFollow .precio#price {font-size: 42px;line-height: 100%;color: #333;font-family: arial, sans-serif; font-weight: 800;}
#PizzaFollow .precio#price .decimals {font-size: 28px;line-height: 100%;vertical-align: top;}
#PizzaFollow .tooltip.share {left: -80px;top: 43px; }
#PizzaFollow .tooltip:after, #PizzaFollow .tooltip:before {margin-left: 23px;}
#PizzaFollow .tooltip:before {margin-left: 22px;}
#PizzaFollow .custom-select {width: 70px;}
#PizzaFollow button {padding: 0 15px; z-index: 50; position: relative;}
#PizzaFollow .tooltip{z-index: 80; bottom: -70px;}
#PizzaFollow  .tooltip-container:hover .tooltip{z-index: 80}
#PizzaFollow small {color:#707070;float:left;text-align:left;margin:5px 0;clear:both;}
#PizzaFollow .small-info1 {font-size:14px;}
#PizzaFollow .small-info2 {font-size:16px;}

#ficha-pizza-container .mitad{position: relative; display: inline-block;}
#ficha-pizza-container #mitad2{display: none}

#ficha-pizza-container.mitad2 #mitad1{display: none;}
#ficha-pizza-container.mitad2 #mitad2{display: inline-block;}
#ficha-pizza-container .mitad #help {
  background-color: #FFF; color:#333; padding:35px 30px; position: absolute; top:50%; margin-top: -65px;width: 240px; left: 50%; margin-left: -150px; 
    -webkit-transition: visibility 0s 1s, opacity 1s ease;
    -moz-transition: visibility 0s 1s, opacity 1s ease;
    -ms-transition: visibility 0s 1s, opacity 1s ease;
    -o-transition: visibility 0s 1s, opacity 1s ease;
  transition: visibility 0s 1s, opacity 1s ease;
  z-index: 5;
  border-radius: 3px;
}

#ficha-pizza-container .mitad #help span{font-family: arial, sans-serif; font-weight: bolder; font-size: 22px; display: block; margin-bottom: 20px}
#ficha-pizza-container .mitad #help.hide{visibility: hidden; opacity: 0;}
#ficha-pizza-container .form-datos form input.css-checkbox[type="radio"] + label.css-label{color: #000;font-size: 1em;}
#ficha-pizza-container .form-datos form input.css-checkbox[type="radio"] + label.css-label.select{color:#252525; font-weight: bold}
#ficha-pizza-container h2{font-size: 2em; font-family:arial, sans-serif; font-weight: 800; margin-bottom: 20px}

.pizza-create-warning{color: #888; font-size: 14px}


/* Mi Dominos */
#MiDominos #ficha-pizza-container h1 {font-size: 3.25em;}
#MiDominos .pedidoCurso h1{border-bottom: 1px solid #00539B; padding-bottom: 30px; margin-bottom: 30px}
#MiDominos .bglightblue {padding: 30px 2.92% 70px;color: #FFF; }
#MiDominos .left-section {width: 22.61%;margin-right: 5.49%;}
#MiDominos .right-section {position: relative; width: 71.88%;}
#MiDominos .left-section nav li {float: none; cursor: inherit;padding: 0;}
#MiDominos .left-section nav a {margin: 0;border: none;color: #a2d5ff;font: 1.2em Arial, Helvetica, Geneva, sans-serif; font-weight: bolder; padding: 23px 2% 21px 13.76%;display: block;border-bottom: 1px solid #0466ba; }
#MiDominos .left-section nav a.active {background-color: #0466ba;color: #FFF;border-bottom: none;border-left: 4px solid #70a446;padding-left: 12%; }
#MiDominos .bglightblue h2 {font: 2em Arial, Helvetica, Geneva, sans-serif; font-weight: 800; margin: 25px 0 20px 0;padding-bottom: 15px;border-bottom: 1px solid #0466ba;width: 100%; }
#MiDominos h4 {font: 18px/22px Arial, Helvetica, Geneva, sans-serif;}
#MiDominos .ico-heart {vertical-align: text-top; }
#MiDominos .separator {border-left: 1px solid #FFF;margin: 0 10px;}
#MiDominos p {font-size: 14px;line-height: 22px;}
#MiDominos p.f16 {font-size: 16px;line-height: 25px;}
#MiDominos p.estimate {border-top: 1px solid #00539b;border-bottom: 1px solid #00539b;padding: 10px 0; }
#MiDominos a {color: #a2d5ff;font-size: 16px;line-height: 100%;margin: 0;position: relative;z-index: 5; margin-top: 5px}
#MiDominos a#desvincularFB {margin-left: 5px;}
#MiDominos a#pedidoRecibido {margin-top: 20px;}
#MiDominos a.delete {margin-top: 0;}
#MiDominos a.delete .ico {text-decoration: none; vertical-align: middle; margin-left: 2px; margin-top: -18px;}
#MiDominos span.ico-close-blue,
#MiDominos span.ico-trash-blue{ position: relative;z-index: 5; margin-left: 5px; margin-top: -2px}
#MiDominos .CenterButton {position: relative; margin-top: 20px; }
#MiDominos .CenterButton button {position: absolute;right: 0;top: 30%;margin-left: 10px;}
#MiDominos .border{border-bottom: 1px solid #0460af;}
#MiDominos #creapizza .border{border-bottom: 0;}

#MiDominos #Pizzas ul {width: 100%; margin-bottom: 0;}
#MiDominos #Pizzas li {
    width: 33%; max-width: 282px;
    padding: 0 15px 20px;
    -webkit-transition: all .4s ease .2s;
    -moz-transition: all .4s ease .2s;
    -ms-transition: all .4s ease .2s;
    -o-transition: all .4s ease .2s;
    transition: all .4s ease .2s;position: relative;transform: translateZ(0px);-webkit-transform: translateZ(0); margin-bottom: 0;
    text-align: center;
}

#MiDominos #Pizzas ul li .pizza-detail {top: 20%; z-index: 50}
#MiDominos #Pizzas .pizza-info{position: relative;display: block; }
#MiDominos #Pizzas p.pizza-title {font: bold 1em/100% Arial, Helvetica, Geneva, sans-serif; }
#MiDominos #Pizzas .pizza-title.border{padding-bottom: 15px; }
#MiDominos #Pizzas ul li .pizza-info .pizza-detail{height: 170px; z-index: 50; top: 35px;}
#MiDominos #Pizzas .pizza-detail button {margin: 15px 20% 0 20%;}
#MiDominos #Pizzas .pizza-controls{padding: 10px 0; border-top: 1px solid #0460AF; margin-top: 15px}
#MiDominos #Pizzas .pizza-controls.margin-top{margin-top: 40px;position: absolute; width: 85%;}
#MiDominos #Pizzas .pizza-controls .ico{margin: 0 10px;}
#MiDominos #Pizzas .pizza-controls .tooltip-container{display: inline-block;}
#MiDominos #Pizzas .pizza-controls .tooltip-container .tooltip{left: -20px; /*bottom: -65px;top: 45px;*/}
#MiDominos #Pizzas .pizza-controls .tooltip-container .ico{margin: 0 5px;}
#MiDominos #Promociones li {
    width: 49%;height: 205px;float: left;margin: 0 2% 20px 0;padding: 15px;border-radius: 2px;
    -webkit-transition: all .4s ease .2s;
    -moz-transition: all .4s ease .2s;
    -ms-transition: all .4s ease .2s;
    -o-transition: all .4s ease .2s;
    transition: all .4s ease .2s;
}

#MiDominos #Promociones li:nth-child(even) {margin-right: 0;}
#MiDominos #Promociones .left-section {width: 32.71%;margin-right: 2.04%;margin-left: -15px; margin-top:10%;}
#MiDominos #Promociones .right-section {width: 65.23%;}
#MiDominos #Promociones h1 {color: #333333;font: normal 24px/100% Arial, Helvetica, Geneva, sans-serif; font-weight: 800; display: inline-block; margin-top: 0}
#MiDominos #Promociones .promo span.info {font-size: 16px;line-height: 18px;}
#MiDominos #Promociones .promo button {position: inherit;bottom: inherit;right: inherit;margin-top: 15px; min-height: 40px}
#MiDominos #Promociones .promo h4{font-size: 1em; font-weight: bold}
#MiDominos #Promociones .promo .desc:not(.hasAlert) {margin-top: 30px; }
#MiDominos #Promociones .promo .img{position: absolute;bottom: 20px}
#MiDominos #Promociones .info-detail {width: 100%;margin-left: -15px; }
#MiDominos #Pizzas .ico_new {position: absolute;top: 6px;right: 55%;z-index: 100; }
#MiDominos #Pizzas .ico-favourite.selected {left: 75%;position: absolute;top: 10px;z-index: 100; }
#MiDominos #ficha-pizza-container #contenedor_formulario {width: 100%;}
#MiDominos .margin-top-20{margin-top: 20px}
#MiDominos .form-datos #contenedor_formulario{margin: 0;}
#MiDominos .form-datos #contenedor_formulario.medium{ width:55%;}
#MiDominos .form-datos #contenedor_formulario .ico-heart{margin-left: 11px; margin-top: 7px}
#MiDominos .form-datos #contenedor_formulario div{margin-right: 10px}
#MiDominos .form-datos button{position: relative;}
#MiDominos .form-datos form input.css-checkbox[type="radio"] + label.css-label{font-size: 14px; font-family: arial, sans-serif; font-weight: bold}
#MiDominos .link-red-social{position: relative;top: 15px; margin-left: 7%;}
#MiDominos .link-red-social .ico-confirmation-small{vertical-align: middle;}
#MiDominos .link-red-social #ocultarDatosFB{display:none}
/*WIDGET FACEBOOK*/
#fb-wrapper #xc-menu li
{background-color: #1376c5;
 color: #a2d5ff; 
 border-top: 1px solid #1376c5; 
 border-left: 1px solid #1376c5; 
 border-right: 1px solid #1376c5; 
 border-bottom: 1px solid #0466ba; 
 font: 0.8em Arial,Helvetica,Geneva,sans-serif;
 font-weight: 800;
}
#fb-wrapper #xc-menu li:hover, #xc-menu li.active{
    background-color: #0466ba !important;
    color: #FFF !important; 
    border-bottom: 4px solid #70a446 !important;
}
/*Loading Formulario*/
#fb-wrapper #xc-loading{color: #FFF;width:20%;text-align: right;}

/*Inputs Formulario*/
#fb-wrapper #xc-section-basic table{width: 100%;}
#fb-wrapper #xc-section-basic table th{width:22.47%;}
#fb-wrapper #xc-section-basic table td{width:80.9%;display:block;}
#fb-wrapper #xc-section-basic .xc-input,
#fb-wrapper #xc-section-basic select
{    
    background-color: #ededed;
    color: #333;
    height: 50px;
    border-radius: 3px;
    border: 0;
    font-size: 1em;
    font-family: arial, sans-serif;
    padding: 0 15px;
}
#fb-wrapper #xc-section-basic .xc-input {width:100%!important;}
#fb-wrapper #xc-section-basic select {width:75%!important;}

/*Labels Inputs*/
#fb-wrapper #xc-section-basic .xc-label{font-size: 1em;font-family: arial, sans-serif; text-align: right;}
/*Errores Formulario*/
#fb-wrapper #xc-section-basic .xc-err{color: #df1e3c;font-family: arial, sans-serif;font-weight: bold;font-size: 14px;margin: 8px 0;}

/*Tabla de MeGusta*/
/*#fb-wrapper #xc-section-likes #facebook #u_0_0 ._2p3a{width: 84%!important;}*/
#fb-wrapper #xc-section-likes {font-size: 14px;line-height: 22px;}
#fb-wrapper #xc-content #xc-section-likes ._1drm{background:#1376c5;}
#fb-wrapper #xc-content #xc-section-likes ._1dro{background:#1376c5;}

/*Localizaciones*/
#fb-wrapper #xc-section-places{width: 100%;margin-left: 2%;padding: 3% 0 3%;}
#fb-wrapper #xc-content .xc-places-title {margin-top: 30px;font-size: 15px;}
#fb-wrapper #xc-section-places ul li{color:#ededed}
/*END WIDGET FACEBOOK*/

#MiDominos #TuPerfil #editData,
#MiDominos #TuPerfil a#cancelarDatos{display: none}

#MiDominos #TuPerfil.edit #personalData,
#MiDominos #TuPerfil.edit a#editarDatos{display: none}
#MiDominos #TuPerfil.edit #editData,
#MiDominos #TuPerfil.edit a#cancelarDatos{display: block}
/*#MiDominos #TuPerfil.edit .squaredFour label:after{top: -10px; left: 2px}*/

#MiDominos #PedidosFavoritos > div {padding: 20px 0 0 0;}
#MiDominos #PedidosFavoritos > div:nth-child(2) {padding: 0;}


/* MI DOMINOS */

table#creapizza.medium{margin-top: -275px}
table#creapizza.medium td{height: 28px; width: 28px; }
table#creapizza.absolute{margin:0;position: absolute;top:15px;left:16%;}


/* REGISTRO */
#checkout-page.register-page {width: 100%; padding-bottom: 30px;}
#checkout-page.register-page > div{position: relative; margin: 20px auto;}
#checkout-page.register-page > #home-tiendas {margin: 0; padding: 130px 30px 0 30px;}
#checkout-page.register-page > h1 {font-size: 3.25em}
#checkout-page.register-page .white-box .header > span.subtitle{font-size: 14px; color: #888 }
.register-page #menu-login-register{width: 100%}
.register-page #menu-login .content, .register-page #menu-login-register .content{padding: 30px}

/* GDPR */
.contenedorPoliticasBorde, #checkout-page .form-datos #contenedor_formulario div.contenedorPoliticasBorde {
    border-style: solid;
    border-width: 1px;
    border-color: #ededed;
}

#checkout-page .form-datos #contenedor_formulario div.contenedorPoliticasBorde {
    float: left;
    position: static;
    margin-bottom: 10px;
    margin-right: 0;
}

.contenedorTextoPoliticas p {
    font-size: 12px !important;
}

.contenedorTextoPoliticas, #checkout-page .form-datos #contenedor_formulario div.contenedorTextoPoliticas {
    margin: 10px;
    height:80%;
}

#checkout-page .form-datos #contenedor_formulario div.contenedorTextoPoliticas {
    float: none;
    position: static;
    width: 95% !important;
}

#checkout-page .form-datos #contenedor_formulario .contenedorTextoPoliticas div {
    float: none;
    position: static;
    width: 100%;
    margin: 0;
}

#checkout-page .form-datos #contenedor_formulario div.squaredFour {
    width: 25px !important;
}

#TextoComunicaciones {
    width: 80%;
}

#checkout-page .form-datos #contenedor_formulario div #TextoComunicaciones {
    float: left;    
    margin-left: 5px;
    color: #888;
    font-size: 12px;
    font-family: arial, sans-serif;
    display: block;
    margin-top: 0;
    line-height: 15px;
}

.contenedorPoliticasBorde.miDominos {
    position: fixed;
    bottom: 10px;
    background: #1376c5;
    width: 100%;
    height: 150px;
    overflow-y: scroll;
    z-index: 10
}

.contenedorPoliticasBorde.miDominos.absolute {
    position: absolute;
}

#GDPRFondo {
    width: 100%;
    background-color: #1376c5;
}

/* FIN GDPR */

#IBPDTitulo {
    font-weight: bold;
}

/*PAGINAS CORPORATIVAS*/
#corporate-page {position: relative; background-color: #e8e8eb; color:#333; width: 100%;display: inline-block;padding: 0 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
#corporate-page > div.clearfix{ position: relative; margin: 50px auto ;}
#corporate-page .left-section {width: 27%;margin-right: 2%; background: #FFF; border-radius: 3px}
#corporate-page .right-section {width: 71%;}
#corporate-page .left-section nav  ul{margin: 30px 0;}
#corporate-page .left-section nav li {float: none; cursor: inherit;padding: 0;}
#corporate-page .left-section nav a {
  margin: 0 auto; padding:15px 0; width: 80%;
  color: #d0d0d0;font: 1.2em Arial, Helvetica, Geneva, sans-serif;
  font-weight: bolder;
  display: block;border-bottom: 1px solid #f3f3f3; 
}
#corporate-page .left-section nav li:first-of-type a {border-top: 1px solid #f3f3f3 }
#corporate-page .left-section nav li.active {border-left: 4px solid #3381c5;}
#corporate-page .left-section nav li.active a{color: #0062b7;}
#corporate-page h1{font-family: arial, sans-serif; font-weight: bolder; font-size: 2.62em; margin: 25px 0;}

#corporate-page .white-box {
    border-radius: 3px; color: #333;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#corporate-page .white-box .header {padding-right: 20px;}
#corporate-page .white-box h2{cursor: pointer}
#corporate-page .white-box p{margin: 20px 0 10px; font-size: 14px; line-height: 21px}
#corporate-page .white-box .content {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    overflow: hidden;
}
#corporate-page .white-box .content.show{height: auto;}
#corporate-page .white-box.MapaWeb a {color: #333;border: none;margin-left: 0; }
#corporate-page .white-box.MapaWeb a:hover {border-bottom: 1px solid; }
#corporate-page .white-box.MapaWeb h4 {font-size: 1.4em;font-family: arial, sans-serif; font-weight: bolder; }
#corporate-page .white-box.MapaWeb p {font-size: 1.1em; }
#corporate-page .white-box.MapaWeb ul {width: 33%;}
#corporate-page .white-box.MapaWeb li {width: 100%;padding: 0 10px 15px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

/* LOCALIZA TU TIENDA */
#localizador-page{position: relative; background-color: #fff; color:#333; width: 100%;display: inline-block}
#localizador-page p {line-height: 22px;}
#localizador-page div.w95{ width: 95%; position: relative; margin: 30px auto;}
#localizador-page a{color:#333;}
#localizador-page .options{margin-top: 20px; display: inline-block; width: 100%; position: relative;}
#localizador-page .options a{position: absolute;right: 30px; bottom: 0;}
#localizador-page .options .ico{position: absolute;right: 0px; bottom: 0;}
#localizador-page h1{font-family: arial, sans-serif; font-weight: bolder; font-size: 3.25em; margin: 25px 0 15px;}
#localizador-page .custom-select{width: 250px; margin-right: 20px; margin-bottom: 0; border: 1px solid #c5c5c5;}
#localizador-page .custom-select select{width: 100%;}
#localizador-page h2{font: 2em Arial, Helvetica, Geneva, sans-serif; font-weight: bolder; margin-top: 40px ; text-transform: lowercase;}
#localizador-page h2:first-letter {text-transform: capitalize;}
#localizador-page h2:first-of-type{margin-top: 0}

#localizador-page .seleccionTiendas{overflow: hidden;}
#localizador-page .seleccionTiendas .opcionesTienda{float: left; text-align: center; padding: 10px 0 0 0; border-left:1px solid #eeeff0; cursor: pointer;}
#localizador-page .seleccionTiendas .opcionesTienda.w50 {border:0;}
#localizador-page #opcionTiendasUsuario {color:#697075;}
#localizador-page #opcionTiendasUsuario.activo {background-color:#df1e3c; color:#FFF;}
#localizador-page #opcionTiendasCercanas.activo {background-color:#2681bd; color:#FFF;}
#localizador-page #opcionLocalizaTienda.activo {background-color:#add34f; color:#FFF;}
#localizador-page .seleccionTiendas .numeroTiendas {margin: 0 auto 3px auto; height: 18px; }
#localizador-page #opcionLocalizaTienda .numeroTiendas{background: #FFF url(../img/ic_menu_mobile_azul_blanco.svg) no-repeat; background-position: -37px -63px; background-size: 90px; width: 18px; }
#localizador-page #opcionLocalizaTienda.activo .numeroTiendas {background: #add34f url(../img/ic_menu_mobile_azul_blanco.svg) no-repeat; background-position: -39px -31px; background-size: 90px;}
#localizador-page .seleccionTiendas .descripcion{width: 99.5%; margin: 0 auto; padding-bottom: 10px;}
#localizador-page #opcionTiendasUsuario .descripcion{border-bottom: 4px solid #df1e3c;}
#localizador-page #opcionTiendasCercanas .descripcion{border-bottom: 4px solid #2681bd;}
#localizador-page #opcionLocalizaTienda .descripcion{border-bottom: 4px solid #add34f;}
#localizador-page .listadosTienda ul li{padding: 20px 0 20px 24px; width: calc(100% - 24px); margin-bottom: 10px; box-shadow: 1px 1px 10px 5px #F0F4F6;}
#localizador-page #tiendasUsuario ul li{border-left: 4px solid #df1e3c;}
#localizador-page #tiendasCercanas ul li{border-left: 4px solid #2681bd;}
#localizador-page #listaTiendas ul li{border-left: 4px solid #add34f;}
#localizador-page .listadosTienda.desactivo{display:none;}
#localizador-page #mapTiendas{margin: 20px auto 0 auto;}
#localizador-page #listaTiendas{margin-top: 0;}

#localizador-page ul {display: inline-block; width: 100%}
#localizador-page ul li{position: relative; padding:20px 0; display: inline-block; width: 100%;}
#localizador-page ul li h3{font: bold 1.18em Arial, Helvetica, Geneva, sans-serif; color: #888888; margin-top: 0; text-transform: lowercase;}
#localizador-page ul li h2, #listaTiendas h2.nombreTiendaWeb{font: bold 1.5em Arial, Helvetica, Geneva, sans-serif; color: #888888; margin-top: 0;}
#localizador-page ul li h3:first-letter{text-transform: capitalize;}
#localizador-page h2.nombreTiendaWeb, #listaTiendas h2.nombreTiendaWeb{text-transform: none !important; display: block !important}
#localizador-page ul li p{color: #888888; line-height: 22px}
#localizador-page p.red{color:#df1e3c; font-weight: bold}
#localizador-page button{ margin-left: 20px}
#localizador-page .right-section{position: absolute; right: 24px; bottom: 20px; width: 50%}
#localizador-page section.info-tienda{margin: 10px 0; width: 100%; text-align: right;}
#localizador-page .ico-arrow-black{position: absolute; bottom: 6px; right: 13px}
#localizador-page #map, #localizador-page .map-google{width: 100%; height:400px; position: relative;background: url("../img/loading.gif") no-repeat scroll center center / 60px auto rgba(0, 0, 0, 0)}
#localizador-page #map img, #localizador-page .map-google img{max-width: none;}
#localizador-page #map.detail, #localizador-page .map-google.detail{height: 225px}
#localizador-page #map .location-info, #localizador-page .map-google .location-info {font-family: arial, sans-serif; font-size: 12px; line-height: 15px;position: relative; margin-bottom: 10px}
#localizador-page #map .location-info h3, #localizador-page .map-google .location-info h3{font-weight: bold;  color:#333;}
#localizador-page #map .location-info p, #localizador-page .map-google .location-info p{color: #888; line-height: 13px}

#localizador-page.detalle-tienda .w95 h2{display: inline-block; margin-top: 20px;}
#localizador-page.detalle-tienda h4{font-size: 1.18em; font-family: arial, sans-serif; margin: 8px 0;}
#localizador-page.detalle-tienda h4 .strong{font-family: arial, sans-serif; font-weight: bolder;}
#localizador-page.detalle-tienda h4,
#localizador-page.detalle-tienda p:not(.red){color: #888;}
#localizador-page.detalle-tienda p{line-height: 22px}
#localizador-page.detalle-tienda .right-section{bottom: 0 }
#localizador-page.detalle-tienda .ico-arrow-left-black{margin-top: -13px}

#localizador-page .mapLinkContainer {display: inline-block; position: relative; width: 140px; float: right; margin: 35px 0 0 0;}

/*JMER PARADIGMA LINKS DEL LOCALIZADOR*/
#localizador-page .mapLinkContainer .mobile {display:none;}
#localizador-page .mapLinkContainer .no-mobile {display:block;}

/* INSPIRAME */
#inspirame-page #ficha-pizza-container h1{margin-top: 0}

/*20170120*/
#localizador-page #mapTiendas div.w95 {margin:0 auto 20px;}
#localizador-page #mapTiendas div.w95 h1 {font-size:2.25em;margin:0;}
#localizador-page #map.viewMapMobile, #localizador-page .map-google.viewMapMobile {top:0; height: 300px;}
#localizador-page #map button, #localizador-page .map-google button {min-height: initial;}

.wtf_container {
  position: relative;
  width: 100%;
  color:#333;
  text-align: center;
  margin-top: 40px;
  padding-bottom: 120px;
}

/* bloques propios */ 
.wtf_container .bloque h2{font-size: 3.2em; font-family: arial, sans-serif; font-weight: bolder; margin-top: 0}
.wtf_container .bloque h4{font-size: 1.2em; font-family: arial, sans-serif; font-weight: boder;}
.wtf_container .bloque p{font-size: 1.2em; font-family: arial, sans-serif; line-height: 22px;margin: 3px 0 10px;}


/* Masonry*/
.wtf_item { width: 25%; }
.wtf_item.w2 { width: 50%; background: #9f9f9f}

/*shapeshit*/
.wtf_container > div {
  position: absolute; 
  width: 280px;
  opacity: 0;
  margin-bottom: 20px;
}
.wtf_container div.redsocial {min-height: 460px; z-index: 7}
.wtf_container div.redsocial.twitter {padding-top: 10px;}
.wtf_container div.redsocial .twMsg {height: 75px; overflow: hidden;}
/*.wtf_container div.instagram {min-height: 440px;}*/
/*.wtf_container div.facebook {min-height: 440px;}*/
.wtf_container div.bloque {min-height: 270px;} 
.wtf_container div.bloque.img {height: 320px;}
.wtf_container div.bloque.img > a {border: 0;}
.wtf_container div.bloque button {margin: 0 0 20px 0;}
.wtf_container div.pizza {min-height:380px;}
.wtf_container div.pizza table#creapizza {
    width: 80%;
    margin: 0 0 0 10% !important;
    position: absolute;
    top: 25px;
}
.wtf_container div.pizza table#creapizza td img {
    width: 45px !important;
    margin-left: -25px !important;
    margin-top: -20px !important;
}
.wtf_container div.pizza table#creapizza td {
    width: 22px !important;
    height: 22px !important;
}
.wtf_container .wtf-controls {padding: 5px 0 10px 0; border-bottom: 1px solid #bdc3c7; height: 36px;}
.wtf_container .wtf-controls .tooltip-container {height: 105px; margin: 0 auto; display:inline-block;}
.wtf_container .wtf-controls .tooltip-container .tooltip.share {top: 46px;}
.wtf_container .wtf-controls > span{margin: 0 7px; }
.wtf_container .wtf-controls .ico,
.wtf_container .wtf-controls .ico-second{margin-right: 5px; position: relative; top: 4px;}
.wtf_container .author{color: #888; margin: 10px 0; font-size: 14px; height: 35px;}
.wtf_container .redsocial .author{margin-top: 0}
.wtf_container .author a{color: #888 !important; font-weight: bold; margin:0;}
.wtf_container .redsocial{color: #888; font-family: arial, sans-serif; font-size: 1em; line-height: 25px; cursor: pointer}
.wtf_container .redsocial a, .wtf_container .redsocial span.hashtag{color: #00aced;}
.wtf_container .redsocial a{z-index: 30}
.wtf_container .icowtf{ margin: 0 auto; margin-bottom: 20px}
.wtf_container .instagram img{height: 260px; width: 280px;} 

.vermas{width: 90%; margin: 30px auto; display: table; height: 40px; padding-top: 10px;   border-top: 1px solid #bdc3c7; text-align: center }
.vermas div{display: table-cell; vertical-align: middle;}
.vermas p{color: #333; font-family: arial, sans-serif; font-size: 1.2em; cursor: pointer; padding-top: 5px}
/* INSPIRATE VIDEO */
#video-inspirate{position:relative;width:100%;background-color:#000;}
#video-inspirate .ico-bajar{position: absolute;top: -30px;left: 50%;margin-left: -41px;bottom: -44px;z-index:1;}
#video-inspirate video{width:100%;max-height: 460px;}
.video-button{display: block;position: absolute;right: 8%;bottom: 15%;width: 36px;height: 36px;padding:0;border: 2px solid #fff;border-radius: 22px;color: #fff;text-indent: -999em;}
.video-button:hover{border: 2px solid #fff;padding-bottom:0;}
.video-button.play, .video-button.pause{display: none;}
.video-button.play:after{content: '';position: absolute;top: 11px;left: 12px;width: 0;height: 0;border: 14px solid transparent;border-width: 7px 14px;border-left-color: #fff;overflow: hidden;}
.video-button.pause:before{content: '';position: absolute;top: 11px;left: 13px;width: 4px;height: 14px;border: 3px solid #fff;border-top: none;border-bottom: none;}
/* INSPIRATE VIDEO */

/* ERROR y LOADING */
#error-page{position: relative; color:#FFF; }
#error-page .bgblue{width: 100%; }
#error-page .w90{ margin:70px; display: inline-block; width: 75%;}
#error-page .left-section{width: 30%; margin-right: 2%; text-align: center }
#error-page .right-section{width: 66%}
#error-page h1{font-size: 2.7em; font-family: arial, sans-serif; font-weight: bolder;}
#error-page p{font-family: arial, sans-serif; font-size: 1.12em; line-height: 25px}

#loading-page{position: relative}
.lightbox #loading-page {position: fixed; top: 50%;margin-top: -250px; left: 50%; margin-left: -150px;}
#loading-page .bg-grey{height: 485px; display: table; width: 100%}
#loading-page .bg-grey .w90{display: table-cell; vertical-align: middle; text-align: center;  }
#loading-page .bg-grey .w90 img{width: 80px}
#loading-page .bg-grey .w90 h2{font-family: arial, sans-serif; font-weight: bolder; font-size: 1.2em; padding: 0 20px }

#loading-page .bg-grey.transparent{background-color: rgba(0, 0, 0, 0);color: #333333}

.ui-helper-hidden-accessible { display:none; }

.fl.label-input.w70 { z-index: 1; }

.autocomplete-highlight-element {
    font-weight:bold;
    color:#00297A;
}
.autocomplete-highlight-element-flag {
    float: right;
    font-size: 25px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* PIZZA TRACKER */
.ocultar-capa {display:none !important;}
#MiDominos .errorRueda {color:#c72d43 !important;}
#capa-flotante .w100 .padding.tracker{width: 50%; margin-top:80px;}
#capa-flotante #address-page > .w100.tracker {background-color: #1376c5; height:100%; min-height: 800px;}
#capa-flotante #address-page .tracker h2 { font-size: 1.8em;}
#capa-flotante #address-page .tracker label { margin-top: 20px; }
#capa-flotante #address-page .tracker .div-container { margin-top: 0; margin-bottom: 20px; width :80% }
#capa-flotante #address-page .tracker .contenedorPoliticasBorde { height: 100px; overflow-y: scroll; }
#MiDominos .tracker.listado { padding: 40px 70px; background-color: #1376c5;}
#MiDominos .tracker.detail h1 { margin-bottom: 0}
#MiDominos .tracker .pedido { border-bottom: 1px solid #12609b; padding-top: 35px; position:relative;}
#MiDominos .tracker .pedido:first-of-type { border-top: 1px solid #12609b; margin-top: 30px}
#MiDominos .tracker .pedido .div-container { position: absolute; bottom: 10px; }
#MiDominos .pizza-tracker { background: #edeff2; padding: 15px 3% 50px 3%; overflow:hidden; }
#MiDominos .pizza-tracker .left { float:left; width:60% }
#MiDominos .pizza-tracker .right { float: right; width:27.5%; background: #fff; padding:0 36px 15px 36px; box-shadow: 10px 10px 5px #9ea8be;position: relative; z-index: 11;}
#MiDominos .pizza-tracker .right .img-container { height:130px;  width:100%; display:table;}
#MiDominos .pizza-tracker .right .imagen { display:table-cell; text-align: center; vertical-align:middle;}
#MiDominos .pizza-tracker .velo-tracker {   
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10;
    display: none;

}

#MiDominos .pizza-tracker .velo-tracker-error {   
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10;
}


#MiDominos .pizza-tracker h3 {
    background-image: url(../img/tracker-sprite.png);
    background-position: top left;
    color: #fff;
    font-family: arial, sans-serif;
	font-weight: bolder;
    padding-left: 47px;
    margin: 20px 0 10px -53px;
    font-size:18px;
    height:53px;
    line-height:53px;
    width:378px;
}
#MiDominos .pizza-tracker h4 {
    font-family: arial, sans-serif;
	font-weight: bolder;
    font-size: 20px;
    color: #c21834;
    font-style: italic;
    text-align: center;
    line-height: 24px;
}
#MiDominos .pizza-tracker .cancel h4 { font-style: normal; color: #c72d43; }
#MiDominos .pizza-tracker .right p { 
    font-size: 16px;
    color: #303e7f;
    font-family: arial, sans-serif
}
#MiDominos .pizza-tracker .right p.precio-final
{
    text-align: right;
}
#MiDominos .pizza-tracker .intermediate {
    margin: auto;
    width: 65%; 
    text-align: center; 
    display: table; 
}
#MiDominos .pizza-tracker .rueda {
    background-image: url(../img/tracker-sprite.png);
    background-position: -18px -217px;
    width: 682px;
    height: 480px;
    margin-top: -65px;
    position: relative;
}

#MiDominos .pizza-tracker .rueda label { position: absolute; 
        -webkit-transition: all ease .2s;
        -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
        -o-transition: all ease .2s;
        transition: all ease .2s; }
#MiDominos .pizza-tracker .rueda .state0 {
    background-position: top left;
    width: 190px;
    height: 188px;
    top: 272px;
    left: 131.5px;

}
#MiDominos .pizza-tracker .rueda .state1 { 
    background-position: -192px 0;
    width: 190px;
    height: 186px;
    top: 117.5px;
    left: 130.5px;

}
#MiDominos .pizza-tracker .rueda .state2 {
    background-position: -383px 1.5px;
    width: 218px;
    height: 190px;
    top: 84px;
    left: 215.5px;

    } 
#MiDominos .pizza-tracker .rueda .state3 {
    background-position: -3px 203px;
    width: 192px;
    height: 182px;
    top: 111.3px;
    left: 330.5px;
} 
#MiDominos .pizza-tracker .rueda .state4 { 
    background-position: -192px 215px;
    width: 225px;
    height: 215px;
    top: 252.2px;
    left: 320.3px;
    }
#MiDominos .pizza-tracker .rueda .refresh { 
   background: url(../img/tracker-sprite-select.png) -1047px -192px;
    width: 129px;
    height: 69px;
    position: absolute;
    top: 405px;
    left: 260.5px;
    color: #fff;
    line-height: 67px;
    font-family: arial, sans-serif;
    font-size: 22px;
    padding: 3px;
}

#MiDominos .pizza-tracker .rueda .ruleta { 
     background-image: url(../img/tracker-sprite-finnish.png); 
     background-position: 198px 197px;
     width: 183px;
    height: 195px;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    top: 180px;
    left: 229px;
}

#MiDominos .pizza-tracker .rueda .zerocontacto
{
    position: absolute;
    top: calc(50% + 54px);
    left: calc(50% - 71px);
    width: 100px;
}

#MiDominos .pizza-tracker .rueda p {
    position: absolute;
    width: 148px;
    height: 167px;
    display: table;
    padding: 0 10px;
    top: 192px;
    left: 237px;
    /*-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;*/
}
#MiDominos .pizza-tracker .rueda p span {
    color: #31487b;
    font-family: arial, sans-serif;
	font-weight: bolder;
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    line-height: 32px;
    text-transform: uppercase;
}
#MiDominos .pizza-tracker .rueda .state0 { background-image: url(../img/tracker-sprite-finnish.png)}
#MiDominos .pizza-tracker .rueda.status0 .state0 { background-image: url(../img/tracker-sprite-select.png)}

#MiDominos .pizza-tracker .rueda.status2 .state1,
#MiDominos .pizza-tracker .rueda.status3 .state1,
#MiDominos .pizza-tracker .rueda.status4 .state1 { background-image: url(../img/tracker-sprite-finnish.png)}
#MiDominos .pizza-tracker .rueda.status1 .state1 { background-image: url(../img/tracker-sprite-select.png)}

#MiDominos .pizza-tracker .rueda.status2 .state2 { background-image: url(../img/tracker-sprite-select.png)}
#MiDominos .pizza-tracker .rueda.status4 .state2,
#MiDominos .pizza-tracker .rueda.status3 .state2 { background-image: url(../img/tracker-sprite-finnish.png)}

#MiDominos .pizza-tracker .rueda.status3 .state3 { background-image: url(../img/tracker-sprite-select.png)}
#MiDominos .pizza-tracker .rueda.status4 .state3 { background-image: url(../img/tracker-sprite-finnish.png)}

#MiDominos .pizza-tracker .rueda.status4 .state4 { background-image: url(../img/tracker-sprite-select.png)}

#MiDominos .pizza-tracker .rueda.status5 .state1,
#MiDominos .pizza-tracker .rueda.status5 .state2,
#MiDominos .pizza-tracker .rueda.status5 .state3, 
#MiDominos .pizza-tracker .rueda.status5 .state4 { background-image: url(../img/tracker-sprite-finnish.png)}
#MiDominos .pizza-tracker .rueda.status0 .ruleta {  
    transform: rotate(-123deg);
    -webkit-transform: rotate(-123deg);
    -moz-transform: rotate(-123deg);
    -o-transform: rotate(-123deg);
    -ms-transform: rotate(-123deg); }
#MiDominos .pizza-tracker .rueda.status1 .ruleta {  
    transform: rotate(-66deg);
    -webkit-transform: rotate(-66deg);
    -moz-transform: rotate(-66deg);
    -o-transform: rotate(-66deg);
    -ms-transform: rotate(-66deg); }
#MiDominos .pizza-tracker .rueda.status2 .ruleta {  
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0); }
#MiDominos .pizza-tracker .rueda.status3 .ruleta { 
    transform: rotate(64deg);
    -webkit-transform: rotate(64deg);
    -moz-transform: rotate(64deg);
    -o-transform: rotate(64deg);
    -ms-transform: rotate(64deg); }
#MiDominos .pizza-tracker .rueda.status5 .ruleta,
#MiDominos .pizza-tracker .rueda.status4 .ruleta { 
    transform: rotate(129deg);
    -webkit-transform: rotate(129deg);
    -moz-transform: rotate(129deg);
    -o-transform: rotate(129deg);
    -ms-transform: rotate(129deg); }  
#MiDominos .pizza-tracker .rueda.status9 .ruleta { 
    transform: rotate(178deg);
    -webkit-transform: rotate(178deg);
    -moz-transform: rotate(178deg);
    -o-transform: rotate(178deg);
    -ms-transform: rotate(178deg); }  


/*#MiDominos .pizza-tracker .rueda.status0 p { top: 223px; left: 261px;}
#MiDominos .pizza-tracker .rueda.status1 p { top: 230px; left: 258px;}
#MiDominos .pizza-tracker .rueda.status2 p { top: 233px; left: 250px; }
#MiDominos .pizza-tracker .rueda.status3 p { top: 224px; left: 246px; }
#MiDominos .pizza-tracker .rueda.status4 p { top: 217px; left: 250px; }*/
#MiDominos .pizza-tracker .left .title { 
    font-family: arial, sans-serif;
	font-weight: bolder;
    font-size:40px;
    color: #fff;
    width: 472px;
    margin:auto;
}
#MiDominos .pizza-tracker .left h2 {
    background: url(../img/tracker-sprite.png) 0 -60px;
    width: 433px;
    height: 82px;
    line-height:67px;
    text-align:center;
    margin: 0
}
.white-box .pedido-total-precio .estado-pedido
{
    display: block;
    text-align: left;
}
button#estadopedido
{
    margin-top: 10px;
    background-color: #0062b7;
    color: #FFF;
}

/* FIN PIZZA TRACKER */

.form-datos form input[type="radio"].css-checkhora {
	display:none;
}


/* PLAN SIN ESPERAS */

.form-datos #contenedor_formulario .ocultar-hora .combo_horas {
    width: 60%;
}

.form-datos #contenedor_formulario .forma {
    text-align:left;
    
}
.form-datos  #contenedor_formulario .forma input[type="radio"].css-checkhora:checked + label.css-label {
        background-position: 0 -22px;
}
.form-datos #contenedor_formulario .forma  input[type="radio"].css-checkhora + label.css-label {
	padding-left: 7%;
    height: 21px;
    display: -webkit-inline-box;
    line-height: 21px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 0px;
    width: auto;
  
}

.form-datos #contenedor_formulario div.horarios-disponibles{
    width: 120%!important;
    display: block;
}

/* FIN PLAN SIN ESPERAS */

/*18/07/2016 Nuevo ancho botón continuar Carrito*/
#btn-continuar{
    width:100%;
}

/* Mostrar mapa en listado de tiendas mobile */
.mapaListaTiendasDetalleMostrar {
    height:199px;
    width:100%;
}

/*20170130 Boton ver mapa en lista tiendas mobile */
#localizador-page ul li p.tiendaMapaUbicacionMostrarMapa {
    color: #0077c9;
    margin-top: -20px;
    text-decoration: underline;
    text-transform: lowercase;
}

/*Inicio pedido responsive 2017*/
.soloMobile {
    display:none !important;
}

.soloWeb {
    display: block !important;
}

/*lista tiendas responsive*/
.mostrarDetallesTiendaLista {
    display:block;
}
.mostrarUbicacionEnLista {
    display: none;
}
.showHidePass { position: absolute; right: 9px; width: 25px; top: 17px; }

/* SUGERENCIA DESCARGAR APP */

.descargarAPP { 
    overflow: hidden;
    font-family: arial, sans-serif;
	font-weight: bolder;
    background: linear-gradient(#ffffff, #e9e9e9);
    background-color: #f4f4f4;
    margin-bottom: 3px;
    -webkit-box-shadow: 0 10px #dddddd;
    -moz-box-shadow: 0 10px #dddddd;
    box-shadow: 0 10px #dddddd;
}
.descargarAPP .content { overflow: hidden; padding: 9px 0 9px 12px; }
.descargarAPP .left, .descargarAPP .center { float: left; }
.descargarAPP .closeSugerirAPP {
    float: left;
    margin-top: 20px;
    font-size: 20px;
    color: #a6a6a6;
}
.descargarAPP .logoSugerirAPP {
    float: left;
    background: #FFF url('../img/sprite-iconos.svg') no-repeat;
    width: 62px;
    height: 62px;
    margin-left: 8px;
    border-radius: 10px;
    background-size: 900px 642px;
    background-position: -144px -123px;
    -webkit-box-shadow: inset -10px 10px 5px 0 #ededed;
    -moz-box-shadow: inset -5px 5px 5px 0 #ededed;
    box-shadow: inset -5px 5px 5px 0 #ededed;
}
.descargarAPP .center { padding: 5px 10px 0 10px; }
.descargarAPP .center h1 {
    font-size: 14px;
    color: #595959;
    margin-bottom: 5px;
}
.descargarAPP .center p {
    font-family: arial, sans-serif;
	font-weight: bolder;
    font-size: 13px;
    color: #595959;
}
.descargarAPP .right {
    float: right;
    padding: 15px 23px 0 0;
}
.descargarAPP .right button {
    min-height: unset;
    height: auto;
    border-radius: 5px;

    background-color: #92d050;
    color: #fffefe;
    font-size: 16px;
    padding: 8px 24px;
}

/* FIN SUGERENCIA DESCARGAR APP */
/* BOTON CIERRE #menu-login-no-auth Y #menu-login */
#menu-login-no-auth span.ico.ico-close-blue,
#menu-login span.ico.ico-close-blue{
    position: relative;
    top: -30px;
    float: right;
}
/* FIN BOTON CIERRE #menu-login-no-auth Y #menu-login */
/* DESPLEGABLE DE DETALLES EN PEDIDO */
.producto ul li .title.red p.black,
.producto ul li .title.red div.toggle.detalles,
.producto ul li .title.red div.toggle.detalles span,
#checkout-page .white-box #pedido-detail.WithPromo,
div#pedido-detail.WithPromo div.toggle.detalles,
div#pedido-detail.WithPromo div.toggle.detalles span{color:#888888;}
.producto ul li div.title.red p.tab.black,
div#pedido-detail.WithPromo div.title.red p.tab.black{color:#333333;}
.producto ul li .title.red div.toggle.detalles span.fl{width:59%;}
.producto ul li .title.red div.toggle.detalles span.fr{width:30%; text-align:right; margin-right:30px;}
.producto ul li .title.red div.toggle.detalles div,
div#pedido-detail.WithPromo div.toggle.detalles div{display:inline-block; width:100%;}
#checkout-page .white-box #pedido-detail.WithPromo .tab{cursor: pointer; font-weight: bold; margin-top: -7px}
/* FIN DESPLEGABLE DE DETALLES EN PEDIDO */
/* INICIO CAMBIOS UPSELLING THOR */
.promo.upselling{height: auto; background-color: transparent; margin: 0; padding-bottom: 90px;}
.promo.upselling .left-section{width: 100%;}
#capa-flotante.promo #elegir-promo .promo.upselling .left-section{width:100%;}
.promo.upselling .img{display: inline-block; height: 100%; width: auto; float: none; margin: 0; max-height: 300px; padding-right: 20px; background: none;}
.promo.upselling .left-section button.red {right: unset; left: 0; float: none;}
/* INICIO CAMBIOS UPSELLING THOR */

/* ENQUESATE */

#PedidoContenedor .sel-productos, #capa-flotante #pizza-page #configurar-pizza .sel-productos{
    width: auto;
}
.sel-productos .buttons{
    float: right;
}
.producto-relacionado.desktop{
    overflow: hidden;
    width: calc(100% - 6px);
    margin-bottom: 20px;
    background: #FFF;
    border: 3px solid #fbe160;
    border-radius: 10px;
}
.producto-relacionado.desktop .titulo {
    display: none;
    text-align: center;
}
.producto-relacionado.desktop .titulo h3{
    font-size: 1.2em;
    margin: 6px 0 6px 0;
}
#capa-flotante #promo-add-page .producto-relacionado.desktop .custom-select, 
#PedidoContenedor .producto-relacionado.desktop .custom-select, 
#capa-flotante #pizza-page #configurar-pizza .producto-relacionado.desktop .custom-select{
    float: right;
    width: 65px;
    height: 44px;
    margin: 4px 10px 3px 0;
    border-radius: 7px;
}
#capa-flotante #promo-add-page .pizza-detail .producto-relacionado.desktop .custom-select select{
    height: 50px;
    padding: 12px 32px 12px 20px;
}
.producto-relacionado.desktop .custom-select #selectCantidad-relacionado{
    background: #ededed url('../img/select-icon-small.svg') 80% center no-repeat;
}
.producto-relacionado.desktop .imagen, #PedidoContenedor .producto-relacionado.desktop .imagen {
    float: left;
    width: auto!important;
    display: block;
    margin: 0 5px 0 10px;
}
.producto-relacionado.desktop .imagen label{
    width: auto!important;
}
.producto-relacionado.desktop .imagen img {
    width: 50px!important;
}
/*.producto-relacionado.desktop .imagen label {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}*/
.producto-relacionado.desktop .contenido{
    float: left;
}
#PedidoContenedor .producto-relacionado.desktop .contenido .label, #ficha-pizza-container #configurar-pizza #PedidoContenedor .producto-relacionado.desktop .contenido .label, #capa-flotante #pizza-page #configurar-pizza .producto-relacionado.desktop .contenido .label{
    float: left;
    width: auto;
    text-align: left;
    margin: 0 10px;
}
#PedidoContenedor .producto-relacionado.desktop .contenido .label .clearfix, 
#capa-flotante #pizza-page #configurar-pizza .producto-relacionado.desktop .label .clearfix,
#capa-flotante #promo-add-page .producto-relacionado.desktop .label .clearfix{
    width: auto!important;
    height: 50px;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    font-size: 1em;
}
#configurar-pizza .producto-relacionado.desktop{
    display: none;
}
.producto-relacionado.desktop.promocion-carrusel{
    margin-bottom: 0;
}
.producto-relacionado.desktop.promocion-carrusel .titulo {
    display: block;
    margin-bottom: 5px;
}
#capa-flotante #promo-add-page .producto-relacionado.desktop.promocion-carrusel .titulo h3{
    font-size: 1.0em;
}
#capa-flotante #promo-add-page .producto-relacionado.desktop .custom-select {
    margin: 4px 5px 0 0;
}
.producto-relacionado.desktop.promocion-carrusel .imagen {
    margin: 0!important;
}
.producto-relacionado.desktop.promocion-carrusel .contenido .label{
    margin: 0;
}
.producto-relacionado.desktop.promocion-carrusel .contenido .long {
    display: none;
}
.producto-relacionado.desktop.promocion-carrusel .contenido .short{
    display: block;
}

#ficha-pizza-container .producto-relacionado.desktop{
    display: block;
}
#ficha-pizza-container .producto-relacionado.desktop .titulo {
    display: block;
}
#ficha-pizza-container .producto-relacionado.desktop .custom-select {
    margin-top:0;
}
#ficha-pizza-container .producto-relacionado.desktop .contenido .long {
    display: none;
}
.producto-relacionado.desktop .contenido .short{
    display: none;
}
#ficha-pizza-container .producto-relacionado.desktop .contenido .short {
    display: block;
}

/* FIN ENQUESATE */
/* INICIO PAGINA DE TIENDAS CON MAPAS ESTATICOS */
@media only screen and (min-width: 1080px)
{
    .contenedor-list-tiendas-maps{ width: 50%; float: left; overflow: hidden; }
    .contenedor-list-tiendas-list{ width: 49%; float: right; }
    #localizador-page .contenedor-list-tiendas-list .right-section{ bottom: unset; top: 20px; }
    #localizador-page .contenedor-list-tiendas-maps.absolute{ position: fixed; top: 108px; }
    #localizador-page .contenedor-list-tiendas-maps .custom-select, #localizador-page .contenedor-list-tiendas-maps .custom-select.max{ width: 45%; }
    #localizador-page .contenedor-list-tiendas-list button{display: block;margin-bottom: 10px;float: right !important;clear:both;width: 137px;}
    #localizador-page .right-section{text-align: right;}

    /* SECCION DETALLE DE TIENDA */
    #localizador-page.detalle-tienda .contenedor-list-tiendas-maps{ width: 49%; float: left; overflow: hidden; }
    #localizador-page.detalle-tienda .contenedor-list-tiendas-list{ width: 49%; float: right; }
    #localizador-page.detalle-tienda .contenedor-list-tiendas-list .right-section{bottom: -48px;top: unset;}
}
@media only screen and (max-width: 1079px)
{
    #localizador-page .contenedor-list-tiendas-maps{ overflow: hidden; }
    #localizador-page .contenedor-list-tiendas-maps img.map-static{height:100%; margin-left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
    #localizador-page #map img, #localizador-page .map-google img.map-static{max-height: 100%;}
    #localizador-page .right-section{text-align: right;}
}
div.show-advise-map-click{ cursor: pointer; position:absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.45); opacity: 0; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
div.show-advise-map-click.show{ opacity: 1; -webkit-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; background-color:rgba(0,0,0,0.45); text-align: center; }
div.show-advise-map-click p{ position: relative; top: 50%; font-size: 22px; font-family: arial, sans-serif; color: white !important;  text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
/* FIN PAGINA DE TIENDAS CON MAPAS ESTATICOS */

/* CUSTOM SELECT JS */
#FiltroPromociones {
    float: left;
    width: 180px;
    margin-top: -8px;
    text-align: left;
}
.custom-select-js {
	position: relative;
	font-family: Arial, sans-serif;
}

.custom-select-js select {
	display: none; /*hide original SELECT element: */
}

.select-selected {
	background-color: #FFF;
}

/* Style the arrow inside the select element: */
.select-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #8f8f8f  transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
	border-color: transparent transparent #8f8f8f transparent;
	top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
	color: #333333;
	padding: 10px 16px;
	border: 1px solid #ededed;
    border-radius: 6px;
	cursor: pointer;
}

.select-items div {
    border: 0;
    border-bottom: 1px solid #ededed;
    border-radius: 0;
}

.select-items div:last-of-type {
    border-bottom: 0;
}

/* Style items (options): */
.select-items {
	position: absolute;
	background-color: #FFF;
	top: 140%;
	left: 0;
	right: 0;
	z-index: 99;
    border: 1px solid #ededed;
    border-radius: 6px;
}

/* Hide the items when the select box is closed: */
.select-hide {
	display: none;
}

.select-items div:hover, .same-as-selected {
	background-color: #ededed;
}
/* FIN CUSTOM SELECT JS */

/* CAMBIOS VISUALIZACIÓN CARTA DE PIZZAS */
#pizzas-container .pizzas-carrusel-responsive .filas-productos {
    overflow: hidden;
}
#pizzas-container .pizzas-carrusel-responsive {
    width: 100%;
    overflow: hidden;
}
#pizzas-container .pizzas-carrusel-responsive .PizzaContent {
    float: left;
    width: 50%;
    padding: 10px 0;
    text-align: center;
    position: relative;
}
#pizzas-container .pizzas-carrusel-responsive .ico_new {
    left: 0;
    font-size: 66px;
}
#pizzas-container .pizzas-carrusel-responsive .PizzaContent img.lazy {
    max-width: 100%;
    height: auto;
    transform: translateZ(0px);
    -webkit-transform: translateZ(0);
}
#pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza .PizzaContent img.lazy {
    margin-top: -10px;
}
#pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza {
    clear: both;
    position: relative;
    width: 100%;
    display: none;
    height: auto;
    padding: 15px 0;
    text-align: center;
}
#pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza .PizzaContent {
    float: none;
    width: calc(100% - 6px);
    padding: 15px 0 15px 0;
    border: 3px solid #1376C5;
    border-radius: 10px;
}
#pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza .close {
    position: absolute;
    right: 10px;
    top: 32px;
    width: 30px;
    height: 30px;
    font-size: 28px;
    color: #1376C5;
    z-index: 1;
}
#pizzas-container .pizzas-carrusel-responsive .pizza-detail {
    width: 280px;
    margin-left: -142px;
    position: absolute;
    height: 208px;
    left: 50%;
    top: 85px;
    z-index: 50;
}
#pizzas-container .pizzas-carrusel-responsive .pizza-detail.hide {
    display: none;
}
#pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza .pizza-detail {
    position: relative;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    height: auto;
    margin: -20px 0 0 0;
    padding: 0 10px;
    overflow: hidden;
    display: block;
}
#pizzas-container .pizzas-carrusel-responsive .pizza-detail span {
    font-size: 1em;
    display: block;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: 10px;
}
#pizzas-container .pizzas-carrusel-responsive .pizza-detail button {
    margin-top: 0;
}
#pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza .pizza-detail button, #pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza:hover .pizza-detail button {
    pointer-events: auto;
}
#pizzas-container ul li .pizza-detail.pedido-iniciado button.pedido-no-iniciado, #pizzas-container ul li .pizza-detail button.pedido-iniciado
#pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza .pizza-detail.pedido-iniciado button.pedido-no-iniciado, #pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza .pizza-detail button.pedido-iniciado,
#pizzas-container .pizzas-carrusel-responsive .pizza-detail.pedido-iniciado button.pedido-no-iniciado {
    display: none;
}
#pizzas-container .pizzas-carrusel-responsive .pizza-detail.pedido-iniciado button.pedido-iniciado {
    display: inline-block;
}
#pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza h3.pizza-title {
    display: block;
    margin: 0;
}
#pizzas-container .pizzas-carrusel-responsive .pizza-title {
    margin: 0 0 5px 0;
}
#pizzas-container .pizzas-carrusel-responsive h3,
#pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza p.pizza-title,
#pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza:hover p.pizza-title,
#pizzas-container .pizzas-carrusel-responsive .mostrar-detalle-pizza .PizzaContent .ico_new {
    display: none;
}
/* FIN CAMBIOS VISUALIZACIÓN CARTA DE PIZZAS */

#configurar-promocion .dp-content {padding-bottom: 0;}
#configurar-promocion .texto-guia {
    margin: 0;
    text-align: center;
    font-size: 20px;
    font-family: arial,sans-serif;
	font-weight: bolder;
}
#configurar-promocion p.pizza-title, #pizzas-container .pizzas-carrusel-responsive .pizza-title {font-size: 15px; line-height: 17px; color:#000}

/* 20200330: CGCarrasco - Cambio datafono */
.ico.ico-datafono {
    /*background: url('../img/datafono.svg');*/
    background-position: -404px -412px;
    height: 25px;
    width: 23px;
    margin-right: 5px;
    cursor: inherit;
    margin-top: -2px!important;
    position: absolute;
}
/* FIN 20200330: CGCarrasco - Cambio datafono */

/* 202204: ACARRETERO - Promo carrito */
.titulo--promo {
    font-family: arial;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #000000;
    margin: 3px auto 12px auto;
}

.container--promo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.img--container {
    max-width: 70px;
    height: 60px;
}
.img-promocarrito {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 4px 0 0 4px;
}
.text-promocarrito {
    font-family: arial;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #00283A;
    flex-grow: 2;
    padding-left: 8px;
}
.text-promocarrito span {
    margin: 0 !important;
}
.btn-promocarrito {
    width: 104px;
    padding: 13px 8px 14px;
    border-radius: 4px;
    margin: 8px 8px 8px 0;
    font-family: arial;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #FFF !important;
    min-height: 44px;
}

.container--linkpromos {
    display: flex;
    align-items: center;
    margin-top: 12px;
    cursor: pointer;
}
.img--iconopromos {
    margin-right: 10px;
}
.text-linkpromos {
    font-family: arial;
	font-weight: bolder;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    color: #00628F;
}
/* FIN 202204: ACARRETERO - Promo carrito */

/* 20221004:CGCarrasco - Mostrar combos de tamaño y de salsa en el carrusel para productos en promo de Venta Sugerida */
#promo-add-page .PizzaContent .pizza-detail select.selectpicker {
    display: block !important;
}

[id^=promo-titulo-] {
    scroll-margin-top: 7rem;
}
/********** MOBILE **********/

/* ESPECIAL responsive Mis pizzas creadas en Mi Dominos */

@media only screen and (max-width: 1200px) {
    #MiDominos .funcionesmispedidos {
        width:100%;
        margin-bottom:10px;
    }
}

@media only screen and (max-width: 600px) {
    #MiDominos #pizzas li table td img {
        width: 34px;
        margin-left: -14px;
        margin-top: -14px;
    }
    #MiDominos #pizzas li table td {
        width: 20px !important;
        height: 20px !important;
    }
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
    #MiDominos #pizzas li table td img {
        width: 22px;
        margin-left: -10px;
        margin-top: -14px;
    }
    #MiDominos #pizzas li table td {
        width: 15px !important;
        height: 15px !important;
    }

    section#menu-login {width: 420px !important;}
}

@media only screen and (min-width: 768px) and (max-width: 899px) {
    #MiDominos #pizzas li table td img {
        width: 28px;
        margin-left: -14px;
        margin-top: -14px;
    }
    #MiDominos #pizzas li table td {
        width: 18px !important;
        height: 18px !important;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1023px) {
    #MiDominos #pizzas li table td img {
        width: 20px;
        margin-left: -14px;
        margin-top: -14px;
    }
    #MiDominos #pizzas li table td {
        width: 15px !important;
        height: 15px !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1119px) {
    #MiDominos #pizzas li table td img {
        width: 24px;
        margin-left: -14px;
        margin-top: -14px;
    }
    #MiDominos #pizzas li table td {
        width: 15px !important;
        height: 15px !important;
    }



    .form-datos #contenedor_formulario .three_space.no-margin { width: 71.90% !important; margin-right: 0 !important; }

    .form-datos #contenedor_formulario .no-bottom-margin {margin-bottom: 0 !important; }

    .form-datos #contenedor_formulario .forma {
    text-align:left;
    
    }
    .form-datos  #contenedor_formulario .forma input[type="radio"].css-checkhora:checked + label.css-label {
            background-position: 0 -22px;
    }
    .form-datos #contenedor_formulario .forma  input[type="radio"].css-checkhora + label.css-label {
	    padding-left: 10%;
    }
}

@media only screen and (min-width: 1120px) and (max-width: 1279px) {
    #MiDominos #pizzas li table td img {
        width: 28px;
        margin-left: -14px;
        margin-top: -14px;
    }
    #MiDominos #pizzas li table td {
        width: 18px !important;
        height: 18px !important;
    }
}

@media only screen and (min-width: 1280px) {
    #MiDominos #pizzas li table td img {
        width: 34px;
        margin-left: -20px;
        margin-top: -12px;
    }
    #MiDominos #pizzas li table td {
        width: 19px !important;
        height: 19px !important;
    }
}

/* FIN ESPECIAL rersponsive Mis pizzas creadas en Mi Dominos */


/* ESPECIAL MÓVIL HORIZONTAL 320PX ALTO */
@media only screen and (max-height: 320px) {

    #capa-flotante #shops-page > .w100 > .padding {height: 75% !important;}
    #capa-flotante #shops-page ul {height: 68% !important;} /* capa del Vienes o vamos */
    .lightbox #main-wrapper #capa-flotante #shops-page ul.listTiendas {height: 70% !important;} /* capa de Tiendas más cercanas */
    #capa-flotante #pizza-page > .w100 > .padding {height: 230px;}
    #capa-flotante #promo2x1-page > .w100 > .padding {height: 240px;}
    #SeccionBlackVideo.lightboxVideo {top: -61px !important; padding-top: 0 !important;}
    #SeccionBlackVideo.lightboxVideo section.video iframe {width: auto !important; height: 285px; top: 20px;}
    #SeccionBlackVideo.lightboxVideo #main-wrapper .ico-close-white {top: 10px;}
    #lightbox-alert .content h1 {font-size: 2em !important; margin-bottom: 10px;}
    #lightbox-alert .content p {margin-bottom: 20px;}
    #lightbox-alert .skip {margin-top: 20px;}
    #lightbox-alert .content {padding: 20px 30px;}
    #lightbox-alert .ico-close {position: absolute; top: 17px; right: 20px;}
    footer > section {width: 100%;}
    #capa-flotante #promo-page a#saltar {margin: 2px 0 10px 0;}
    #capa-flotante .upSelling > ul {height: 175px !important;}
    #capa-flotante .upSelling .promo {margin-top: 0;}
}
/* FIN ESPECIAL MÓVIL HORIZONTAL 320PX ALTO */

@media only screen and (min-width: 21px) and (max-width: 384px) {
    #connect-fb,
    section#menu-login #btnRegistrar,
    #capa-flotante #address-page #address-form button.green,
    #repetirPedido,
    #pedirCreaTuPizza,
    #pedirPizzaFavorita,
    #eliminarCuenta {width: 100%;}
    #localizador-page .map-google button.mapgoogle {float:none!important;margin-left:0;}
    #localizador-page ul li p.tiendaMapaUbicacionMostrarMapa { margin-top: 0; }
    .mapaListaTiendasDetalleMostrar { clear: both; }
}

@media only screen and (min-width: 21px) and (max-width: 600px) {
	body{font-size: 14px;min-width: 300px; }
	#main-wrapper{min-width: inherit; }
	.no-mobile {display: none !important}
	.only-mobile{visibility: visible}
	button{padding: 14px 24px;}
	button.mobile-no-style {background: none;text-decoration: underline;font-family: arial, sans-serif;padding: 0;}
	button.mobile-no-style:hover {background: none;}
	button.mobile-no-style.green {color: #8BB429;}
	button.mobile-no-style.green:hover {color: #89C200;}
    div.logo.all{width: 225px; float: left; height: 86px;  background: url('../img/dominos-logo.svg') no-repeat bottom left; margin: -20px 0 0 0;}
    header div.phone {bottom: 0;}
    /*header.mobile .square.logo {margin-left: 0;}
	header.mobile{display: block;margin-bottom: 0; }
    header.mobile #pasosCheckout {float: right; min-width: 240px; width: 65%; margin: 19px 0 0 0;}
    header.mobile #pasosCheckout li {cursor: default; padding: 2px; font-size: 12px; line-height: 22px; font-weight: bold;}
    header.mobile #pasosCheckout li .ico-circle-blue {
        height: 25px; 
        width: 25px; 
        background-size: 570px; 
        background-position: -240px -187px; 
        margin-top: 0; 
        text-align: center;
        font-weight: bold;
    }
    header.mobile #pasosCheckout li .ico-circle-blue.disabled {background-position: -273px -187px;}
    header.mobile #pasosCheckout li .circle-text {padding-top: 2px;}*/

	.banner{margin-top: 0;} /*height: 250px !important;*/
	.banner .ico{margin-top: -30px;}
	.ico-arrow-left-carrousel{background-position: -300px -165px; width: 30px; height: 60px;}
	.ico-arrow-right-carrousel{background-position: -330px -165px; width: 30px; height: 60px;}
	/*.banner ul li {height: 255px; }
	.banner ul li#img1 {background-image: url('../img/promo_01_small.jpg'); }
	.banner ul li#img2 {background-image: url('../img/promo_02b_small.jpg'); }
	.banner ul li#img3 {background-image: url('../img/promo_03_small.jpg'); }
    .banner ul li#img3 img {left: 0; margin: 0; top: 25%; width: 100%;}*/ /* añadido */
	#second-promos div a#mini-promo1,
	#second-promos div a#mini-promo2 {display: none; }
	#second-promos .ico-bajar {display: none;}
    #second-promos-movil{ margin-top: 10px; }
    #second-promos-movil div:first-child{ margin-bottom: 10px; }
	/*.banner ul li > div{font-size: 10px; left: 50%; margin-left:-95px; width: 200px}
	.banner ul li > div .ico-shape{margin:0;}
	.banner ul li > div .ico-shape-down { background-position: 0 -30px;}
	.banner ul li > div p {font-size: 1.4em}
	.banner ul li > small{display: none;}*/
    #home-tiendas {padding-left: 6px; padding-right: 6px;}
    #home-tiendas .ico {margin-right: 0;}
    #SeccionBlackVideo.lightboxVideo {top: -62px; padding-top: 70px;}
    #SeccionBlackVideo.lightboxVideo section.video iframe {width: 90%;}

    /*Botón añadir promos 2x1 27/07/2016*/
    #capa-flotante #promo2x1-page .add-block {margin-bottom: 15px;}
    #capa-flotante .add-block #add-promo {margin-right: 5%; margin-left: 5%;width: 90%;}

	/*capa de logado*/
	.login-content.show{height: auto}
    .login-content > section button:first-of-type {margin-left: 10px;} /* poner en línea los botones */
	.login-content .w40, .login-content .w60{width: 100% !important}
	.login-content .header h2{font-size: 1.1em}
	.login-content .header span.ico{margin-top: 0;float: none !important;}
	.login-content > section h1{font-size: 1.8em }
	.login-content > section .margin{padding-bottom: 35px; margin: 0 25px;}
	.login-content > section .w40 .margin{padding-bottom: 35px;}
	.login-content > section label.custom-select{width: 100%; margin-bottom: 0} /* era 300px, se iba */
	.login-content > section label.custom-select select{width: 100%} /* era 330px, se iba */
	.login-content > section .w60 a{margin-left: 0}
	.login-content > section .tienda-content{margin-top: 40px; margin-bottom: 10px;}
	.login-content > section .tienda-content .info-tienda{width: 100%; margin-top: 20px; text-align: left}

	#wrapper > div:not(#checkout-page) .carrito-content.show .layer:after{

	  	border-bottom: 13px solid #0062b7;
	    border-left: 10px solid rgba(0, 0, 0, 0);
	    border-right: 10px solid rgba(0, 0, 0, 0);
	    right: 10px;
	    top: -12px;
	    content: "";
	    position: absolute;
	}

	#pizzas-container{padding-top: 10px}
	#pizzas-container #title {width: 100%;	text-align: center; margin-bottom: 20px}
	#pizzas-container #title h1 {
        font-size: 48px; 
        float: none; 
        margin: 0;
        text-align: left;
	}
	/*#pizzas-container ul li .pizza-detail{top:60px;}*/
	#pizzas-container ul li {float: none; width: 100%; height:auto; padding: 0 0 10px 0;}
	#pizzas-container ul li img.lazy {max-width: 100%;height: auto;}
	/*#pizzas-container .ico_new {top: 5px;}*/
	#pizzas-container .ico-favourite.selected {top: 15px;}
	#pizzas-container #title.NuestraCarta{margin-top: 5px}
	#pizzas-container #title.NuestraCarta h2 {margin-bottom: 10px;}
	#pizzas-container #title.NuestraCarta .PromoCupons {width: 100%;margin-top: 20px; }    
    #pizzas-container ul.ContentPromos li.promo button {margin-top: 10px;}
	#pizzas-container ul.ContentPromos li img {height: 195px;width: auto;margin-left: -100px;}
    #pizzas-container #title.NuestraCarta .form-datos #contenedor_formulario div {width: 280px !important; padding-right: 0; margin-right: 0 !important;}
    #pizzas-container #title.NuestraCarta .custom-select select {
        width: 106%;
        background: url("../img/select-icon-small.svg") no-repeat scroll 92% center #fff;
    }
    #checkout-page .promo h1 {
        font-size: 22px !important;
    }

    /* BACKGROUND EN ROJO PARA LAS PROMOCIONES BORRADOR */
    #promos-container ul.ContentidoPromos li.promocionBorrador{background-color: rgba(255,0,0,0.2);}
    #promos-container ul.ContentidoPromos li.promocionBorrador .inner .desc p{color: red !important;}

    #ficha-pizza-container .form-datos form input.css-checkbox[type="radio"] + label.css-label {margin-right: 0; width: 100%;}
    #checkout-page.register-page button#registrarme{width:100%}

    #capa-flotante #pizza-page .mitades #configurar-mitades .padding15{width: 90%}
	#capa-flotante .mitades #configurar-mitades .pizza-description{width: 70%}
	#capa-flotante .padding {margin-top: 0;}
	#capa-flotante .tooltip-container{display: none}
	#capa-flotante .pedido-info{position:relative; left: 0; bottom:10px;}

	/* CAPA FLOTANTE EN VERSION MOVIL */
	#capa-flotante {position: fixed; top: 0px !important; transition: height .1s;}
    #capa-flotante.promo {top: -10px !important;}
	#capa-flotante.show {min-height: calc(100% - 56px); height: auto; width: 100%; overflow-y:scroll; overflow-x:hidden; z-index: 99;}
    #capa-flotante .w100.gray {height:auto; min-height:100%;}
	#capa-flotante .arrow-container {display: none}
    #capa-flotante > .ico {top: 10px;}
    .lightbox #main-wrapper .ico-close-white, .lightbox #main-wrapper .ico-close-gray {position: fixed; top: 70px; z-index: 1001}
	#home-tiendas {
        background-color: #efefef; 
        text-align: center;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 20px;
        padding-bottom: 20px;
	}
	#home-tiendas .fl,
	#home-tiendas .fr {float: none !important;margin: 0 auto;}
	#home-tiendas .w50 {width: auto;}

	.icoapp {float: none; margin:13px 0;}

	footer{height: auto;text-align: center; }
    footer section {width: 100%; float: left;}
    footer nav ul {float: none; display: block;}
	footer nav ul li {float: none; border: 0; padding: 10px 0;}
	footer nav {float: none; width: 100%; margin: 0;}
    footer .tlf {float: none; display: block; margin: 0 0 15px 0; width: 100%;}

	/*pantalla de direccion : el móvil cambia el orden! */
    #capa-flotante.address #address-page {background: #0077c9;height: 100%;}
	#capa-flotante h1 {font-size: 1.6em; margin-top: 10px;}
    #capa-flotante p {line-height: 18px; margin-bottom: 10px;}
    #capa-flotante #address-page h2 {margin: 18px 0 8px 0; font-size: 2em;}
    #capa-flotante #address-page > .w60 .padding {border: none; width: 80%;}
    #capa-flotante #address-page > .w60 {width: 100%; height: 550px; float: none !important; display: inline-block; position: absolute; top: 0;}
    #capa-flotante #address-page > .w40 {width: 100%; height: auto; float: none !important; display: inline-block; position: absolute;top: 530px;}
	#capa-flotante #address-page > .w40 .padding {width: 85%; padding: 20px 0; height: 565px;}
    #capa-flotante #address-page > .w40 .padding.register {height: auto; border:none;}
    .mobileScrollBGFixed #capa-flotante #address-page > .w40 .padding {height: auto;}
    #capa-flotante #address-page > .w50 {width: 100%;}
    #capa-flotante #address-page > .w100 {height: 715px;}
	#capa-flotante #address-page label{margin-bottom: 10px;}
    #btnLoginDialogo {width: 100%; margin: 0 0 20px 0 !important;}
    .desplegableInicioPedidoRegistradoDiv #btnLoginDialogo.w25 {
        width:25%;
    }
    .desplegableInicioPedidoAunNoRegistradoDiv .button.green {width: 100%;padding: 0;margin-bottom:15px;}
    #login-fb-box.modalInicioPedido #connect-fb{
        height: 50px;
        width: 100%;
        margin: 0;
    }
    #capa-flotante #address-page label:not(.icon){width: 100%;}
    #capa-flotante #address-page .fl.label-input.w70{width: 70%;}
    #capa-flotante #address-page .rememberme a {margin-bottom: 10px;}
	#capa-flotante #address-page form#address-form{display: inline-block;}
	#capa-flotante #address-page #address-form label.w45{width: 100% !important; margin: 0 0 20px;}
	#capa-flotante #address-page #address-form label.w65{width: 85% !important}
	#capa-flotante #address-page #address-form label.w70{width: 100%; margin-bottom: 30px}
	#capa-flotante #address-page #address-form label.w25{float: left !important;  width: 100%} /* añadido el ancho para móvil */
	#capa-flotante #address-page #address-form label.w25 input{float: left !important; width: 100%;} /* Antes: width: 68px; */
	#capa-flotante #address-page #address-form label.w25 input[type=number]{padding: 0 15px; margin: 0 0 2px 0;}
	#capa-flotante #address-page #address-form button.green{padding: 0 25px; margin-top: 0; margin-bottom: 15px;} /* añadido margin-bottom */
	/*#capa-flotante #address-page button.green{height: 53px !important;}*/
    #btnLoginDialogo {margin: 0; padding: 14px;}
	#capa-flotante #address-page > .w60 a#show-register-page{position: relative;top: 15px; display: inline-block; margin-bottom: 10px;}
	#capa-flotante #address-page > .w40 .ico-close-blue.only-mobile{top: 20px; right: 20px; position: relative;}
    #capa-flotante #address-page a#otra-direccion {margin-left: 0;}
	.lightbox #capa-flotante #address-page #address-form label.w25{margin: 0 0 20px 0; width: 100%} /* Antes: margin-right: 3%; width: 30% */
	.lightbox #capa-flotante #address-page #address-form label.w20{margin-right: 3% !important; width: 30%}

	/*pantalla de tiendas*/
	#capa-flotante #shops-page .alert.left {height: auto; padding: 0 0 10px 0;}
	#capa-flotante #shops-page > .w100 > .padding {height: 92%; margin-top: 20px;}
	#capa-flotante #shops-page .w50 {width: 100%}
    #containerDireccion {height: 90%;}
	#main-wrapper #capa-flotante #shops-page ul {overflow: scroll; margin: -10px 0 0 0; /*height: 380px;*/ height: 80%;}
	#capa-flotante #shops-page .ico.ico-scroll-up,
	#capa-flotante #shops-page .ico.ico-scroll-down{display: none}
    #capa-flotante #shops-page ul li {width: 94%;} /* añadido para que no salga el scroll horizontal */
	#capa-flotante #shops-page ul li .w50 button.green{margin-left: 0; padding: 14px 20px;} /* botones en 1 línea*/
	#capa-flotante #shops-page ul li .w50 button.green:first-of-type{margin-left: 12px; margin-bottom: 12px;}
	#capa-flotante #shops-page section.info-tienda{height: auto; max-height: 60px; text-align: left}
	#capa-flotante #shops-page section.info-tienda p{line-height: 15px;}


    #main-wrapper #capa-flotante #shops-page .custom-select select,
    #main-wrapper #capa-flotante #shops-page .custom-select {width: 100% !important; margin: 0;}

	/* tiendas logado (se abre en lightbox */
    /*.lightbox #main-wrapper #capa-flotante #shops-page h1 {margin-bottom: 0;}*/
	.lightbox #main-wrapper #capa-flotante #shops-page .custom-select{width: 330px}
	.lightbox #main-wrapper #capa-flotante #shops-page .custom-select select{width: 360px}
    
	.lightbox #main-wrapper #capa-flotante #shops-page ul.listTiendas {/*height: 360px;*/ height: 78%; margin: 0 0 6px 0;}
    .lightbox #main-wrapper #capa-flotante #shops-page ul.listTiendas h5 {font-size: 14px;}
	.lightbox #main-wrapper #capa-flotante #shops-page a#otra-direccion{margin-left: 0}

    .lightbox #main-wrapper #capa-flotante #shops-page h1 {margin: 15px 0 10px 0;}

	/*pantalla de configurar pizza */
	#capa-flotante #pizza-page .w100.gray {padding-top: 10px; overflow-y: scroll;}
	#capa-flotante #pizza-page > .w100 > .padding{padding: 0 20px; margin-bottom: 60px;}
	#capa-flotante #pizza-page .ico-favourite,
	#capa-flotante #pizza-page .ico-share,
	#capa-flotante #pizza-page  h4,
	#capa-flotante #pizza-page .padding > p, 
	#capa-flotante #pizza-page #PedidoContenedor > div > small{display: none}
    
	#capa-flotante #pizza-page #PedidoContenedor:not(.mitades) > div{margin: 5px 0; width: 100% !important;}
	#capa-flotante #pizza-page #PedidoContenedor > div label{width: 285px}
	/*#capa-flotante #pizza-page #PedidoContenedor > div select{width: 315px !important}*/
	#capa-flotante #pizza-page h1{margin-bottom: 15px;} /* estaba 25px, se iba demasiado abajo */
	#capa-flotante #pizza-page #PedidoContenedor {height: 390px;}
	#capa-flotante #pizza-page #PedidoContenedor .custom-select {margin-bottom: 5px;}
	#capa-flotante #pizza-page #PedidoContenedor button{margin-top: 10px; margin-bottom: 5px; width: 100%; } /* era width 135px, lo ajustoi al 100% */
	#capa-flotante #pizza-page .pedido-info{margin-top: 0;}
	/*#capa-flotante #pizza-page #PedidoContenedor button.red{margin-right: 10px}*/
	#capa-flotante #pizza-page #PedidoContenedor button.black{float: right; margin-right: 0;}
	
	.message-confirmation{width:260px;padding: 20px 40px 35px; font-size:1em; top: 145px;margin: 0 auto 0 -130px; position: absolute;}

	/* pizza mitades */
	#capa-flotante #pizza-page .mitades p{display: none}
	#capa-flotante #pizza-page .mitades #configurar-mitades{height: 440px; margin: 15px 0 0 0;}
	#capa-flotante #pizza-page .mitades #configurar-mitades div{max-width: 100%}
    #capa-flotante #pizza-page .mitades #configurar-mitades .pizza-description {
        width: 100%;
        display: block;
        max-width: 100%;
        margin: 0;
    }

	#capa-flotante #pizza-page #configurar-pizza.mitades div.tamanio{width: 100%; float: left; margin: 0 0 15px 0;}
	#capa-flotante #pizza-page #configurar-pizza.mitades div.masa{width: 100%; float: left; margin: 0;}
    #capa-flotante #pizza-page #configurar-pizza div.tamanio select,
    #capa-flotante #pizza-page #configurar-pizza div.masa select {width: 100%;}
	/*#capa-flotante #pizza-page #configurar-pizza.mitades > div label{width: 130px;}*/
	#capa-flotante #pizza-page #configurar-pizza.mitades #configurar-mitades .mitad {height: 200px; position: relative;}
	#capa-flotante #pizza-page #configurar-pizza.mitades #configurar-mitades .mitad button{position: absolute;bottom:20px; right: 0; width: 100%; margin: 0; padding: 0;}
    #capa-flotante #pizza-page #configurar-pizza button.red {width: 100%;}
	#capa-flotante #pizza-page #configurar-pizza.mitades #configurar-mitades .mitad div.masa{width: 100%; margin: 15px 0 0 0;}
	/*#capa-flotante #pizza-page #configurar-pizza.mitades #configurar-mitades .mitad div.masa label{width: 230px}*/
	#capa-flotante .mitades #configurar-mitades .pizza-description h5{padding-top: 25px;}

	/*pantalla de promos*/
	#capa-flotante #promo-page > .w100 > .padding, 
	#capa-flotante #promo-otros-page > .w100 > .padding,
	#capa-flotante #promo-bebidas-page > .w100 > .padding,
	#capa-flotante #promo2x1-page > .w100 > .padding,
	#capa-flotante #promo-add-page > .w100 > .padding{padding: 0; margin-top: 30px;}

	#capa-flotante #promo-page > .w100 > .padding > p, 
	#capa-flotante #promo-otros-page > .w100 > .padding > p,
	#capa-flotante #promo-bebidas-page > .w100 > .padding > p,
	#capa-flotante #promo2x1-page > .w100 > .padding > p,
	#capa-flotante #promo-add-page > .w100 > .padding > p,
    #checkout-page .promo p.title{display: none}

	#capa-flotante #promo2x1-page h2,
	#capa-flotante #promo-bebidas-page h2,
	#capa-flotante #promo-otros-page h2, 
	#capa-flotante #promo-add-page h2{width: 100%; float: none}

	#capa-flotante #promo-otros-page > .w100 > .padding > h4,
	#capa-flotante #promo-bebidas-page > .w100 > .padding > h4,
	#capa-flotante #promo2x1-page > .w100 > .padding > h4{display: none}

	#capa-flotante #promo-otros-page .mitades #configurar-mitades .pizza-description{width: 100%}
	#capa-flotante #promo-otros-page .mitades #configurar-mitades .pizza-description > div {margin-left: 0; width: 100%;}
	#capa-flotante #promo-otros-page #configurar-pizza.mitades {margin-bottom: 0}

	#capa-flotante #promo-bebidas-page > .w100 > .padding {height: 86%; overflow-y: scroll;}
	#capa-flotante #promo-bebidas-page .mitades #configurar-mitades{height: auto;}
	#capa-flotante #promo-bebidas-page .mitades #configurar-mitades .pizza-description{width: 100%;max-width: 100%;}

	#capa-flotante #promo2x1-page .mitades #configurar-mitades .pizza-description{width: 100%; max-width: 100%;}
	#capa-flotante #promo2x1-page .mitades #configurar-mitades .pizza-description > div {width: auto; max-width: auto; margin-left: 0; float: left;}
    #capa-flotante #promo2x1-page .mitades #configurar-mitades .pizza-description > div h5 {margin: 10px 0 0 0;}
    #capa-flotante #promo2x1-page .mitades #configurar-mitades .pizza-description span {float: left;}
    
	#capa-flotante .promo{width: 98%}
    #capa-flotante .upSelling .promo {width: 100%;}
    #capa-flotante .upSelling > ul {height: 325px; overflow: scroll;}

    #capa-flotante .promo h1 {font-size: 1.6em;}
	#capa-flotante .promo .img{display: none}
	#capa-flotante .promo .desc{margin-left: 10px;}
	#capa-flotante .promo button,
	#capa-flotante .promo span.ico {right: 10px;}
	#capa-flotante .promo span.info {width: 60%}
	#capa-flotante #promo-page h2 {width: 100%; margin-bottom: 10px;}

    #capa-flotante.promo #elegir-promo .promo .left-section {width: 100%;}
    #capa-flotante.promo #elegir-promo .promo button {bottom: 10px; padding: 0 20px;}

    #capa-flotante #promo-add-page #owl-example.owl-theme .owl-controls .owl-buttons div.owl-prev {left: -10px;}
    #capa-flotante #promo-add-page #owl-example.owl-theme .owl-controls .owl-buttons div.owl-next {right: -10px;}

	#checkout-page .left-section, #checkout-page .promo .left-section {width: 100%;margin: 0 0 15px 0; }
	#checkout-page .right-section {width: 100%; }
	#checkout-page .div-container a {position: inherit;bottom: inherit;top: inherit;	}
	.codigo-promocional p {float: none !important;margin-bottom: 10px;padding: 0 !important;text-align: center; }
	.codigo-promocional input {width: 75% !important;margin-right: 0 !important;float: left !important; }
	.codigo-promocional button {width: 20% !important;padding-left: 2.5%;padding-right: 2.5%;	}
	#checkout-page .promo span.info {display: none; }
    #checkout-page p.Sugerencia {font-size: 28px;}
	#checkout-page .promo .img {
        margin-left: -10px;
        margin-right: 10px;
        width: 80px;
        height: 80px;
	}
    #checkout-page .promo .desc {width: 62%;}
    #checkout-page .promo .btn-aplica-promo {
        position: absolute;
        right: 12px;
        bottom: 12px;
    }
    #checkout-page .promo .innerOverflow {padding: 20px; min-height: 160px;}
	#checkout-page .promo.blue .btn-aplica-promo {top: inherit;bottom: 30px;}
	#checkout-page .promo p.title {padding-right: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	#lightbox-alert {width: 80%;left: 0; top: 5%; right: 0;margin-left: auto;margin-right: auto; }
	#lightbox-alert .content h1 {font-size: 2.4em;}
    #confirm,	#capa-pedir-datos, #alert {width: 80%;left: 0;right: 0;margin-left: 10px;margin-right: auto;padding: 45px 20px 20px 20px; }
    #alert {padding-top: 35px;}

    #checkout-page > h1 {font-size: 2em;}
    #checkout-page .white-box {padding: 25px 20px 25px 20px;}
    .white-box .header h2 {font-size: 1.6em;}
	#checkout-page .white-box .header > span.subtitle {float: none !important;position: inherit;bottom: inherit;right: inherit;margin: 10px 0 0 10px;display: block; }
	#checkout-page .form-datos #contenedor_formulario {width: 100%; }
	#checkout-page .form-datos #contenedor_formulario div {width: 100% !important;margin-right: 0;margin-bottom: 10px; }
    #checkout-page .form-datos #contenedor_formulario div button {width: 100%;}
	#checkout-page .form-datos #contenedor_formulario label {height: auto;text-align: left; }
    #checkout-page .form-datos #contenedor_formulario label .lbl-comentario span {display:inline;}
    #checkout-page .form-datos #contenedor_formulario label .num-caracteres {margin-top:0;}
	#checkout-page .form-datos .three_space {width: 100% !important;	}
	#checkout-page .form-datos #contenedor_formulario .three_space .one_space {width: 100% !important; margin-left: 0;}
	#checkout-page .form-datos #contenedor_formulario .three_space .one_space:first-child {margin-left: 0;	}
	#checkout-page .form-datos form .ico-info {left: inherit;right: 0; }
	#checkout-page .form-datos #contenedor_formulario .three_space .one_space.no-bottom-margin {margin-bottom: inherit !important; }
    #checkout-page .form-datos #contenedor_formulario.address-detail-inputs .three_space .one_space {width: 47% !important; }
	#checkout-page .form-datos #contenedor_formulario.address-detail-inputs .three_space .one_space:nth-of-type(odd) {margin-left: 0; margin-right: 10px;}
	#checkout-page .form-datos form label.RadioLabel {margin: 15px 0 0;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	#checkout-page .form-datos form .cambioEfectivo .custom-select {margin: 15px 0 0 !important;width: 100%; }
	#checkout-page .form-datos form .white-box .precio button {margin-top: 15px; width:100%;}
	#checkout-page .form-datos form label.css-label {margin: 10px 0 0 0;display: block; }
	#checkout-page .form-datos .white-box small {float: left;width: 80%;margin-top: 0;}
	#checkout-page.conf h1 {margin-top: 0; }
	#checkout-page.conf .white-box .header h2 {font-size: 1.57em;}
	#checkout-page.conf h2 small {display: block;margin-top: 15px;}
	#checkout-page.conf .PrintIcon {display: none}
	#checkout-page.conf .type-pizza {padding-right: 80px;}
	#checkout-page.conf .white-box .pedido-total-precio > div {width: 100%;}
	#checkout-page.conf .white-box .w50 {width: 100%;margin-bottom: 15px;}
    #checkout-page.conf .checkout-share {margin: 0; padding: 0 0 10px 0; width: 100%; text-align: center;}
	#checkout-page.conf .checkout-share textarea {padding: 20px;min-height: 170px; }
	#checkout-page.conf .checkout-share button {
        margin: 0;
        top: auto;
        bottom: auto;
        width: 95%;
        right: auto;
        position: relative;
	}
	#checkout-page.conf .social .header {margin-bottom: 75px; }
	#checkout-page.conf .white-box.social .header > span {position: relative; top: 50px;}
    .checkout-share {width: 90%;}

    /* 20190509: CGCarrasco - Ajuste campo fecha */
    #checkout-page .form-datos #contenedor_formulario #fecha.three_space .one_space{ width:30% !important; }
    #checkout-page .form-datos #contenedor_formulario #fecha.three_space .one_space:last-of-type{ width:40% !important; }
    #checkout-page .form-datos #contenedor_formulario #fecha.three_space .one_space input{ border-radius:0; border-right: 1px solid #999; text-align: center; }
    #checkout-page .form-datos #contenedor_formulario #fecha.three_space .one_space input#dia{ border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
    #checkout-page .form-datos #contenedor_formulario #fecha.three_space .one_space input#year{ border-right: none; border-bottom-right-radius: 3px; border-top-right-radius: 3px; }


	#PedidoContenedor div {width: 100%;} 
	#pizzas-container ul.ContentPromos li {width: 100%;margin-left: 0; }

	/* Mi Dominos*/
    #MiDominos .left-section {width: 100%; margin-right: 0;} /* para que cubra todo el ancho */
	#MiDominos .right-section {width: 100%; padding-bottom: 10px;}
	#MiDominos .bglightblue {padding-left: 20px; padding-right: 20px; padding-bottom: 0;}
    #MiDominos .bglightblue h2 {padding-bottom: 8px;}
	#MiDominos .CenterButton button {position: inherit;display: block;margin-bottom: 20px; margin-top: 0;}
    #MiDominos #eliminarCuenta {margin-top: 10px;}
    #MiDominos #Pizzas ul {margin-bottom: 0;}
    #MiDominos #Pizzas ul {display: flex; flex-wrap: wrap; justify-content: center; }
    #MiDominos #Pizzas li {margin-bottom: 0; padding: 0 15px;}
	#MiDominos #Pizzas li,
	#MiDominos #Promociones li {width: 100%;}
	#MiDominos #Pizzas .pizza-detail span{display: block}
	#MiDominos #Pizzas .pizza-detail button {margin: 15px auto 0;}
	#MiDominos #Promociones .promo .img {margin-left: -30px;}
    #MiDominos #TuPerfil #editData #personal-data-form {margin-top: 55px;}
    #MiDominos #TuPerfil #editData #personal-data-form #contenedor_formulario {width: 100%;}
	#MiDominos .form-datos #contenedor_formulario.medium {width: 100%;}
    #MiDominos #TuPerfil #editData #personal-data-form .label-checkbox {font-size: 12px;}
    #MiDominos .form-datos a.delete {margin-top: -10px;}
    #MiDominos .form-datos span.ico-trash-blue {top: -12px;}

	#MiDominos .pedidoCurso .w50 {width: 100%; }
	#MiDominos .pedidoCurso .w50 .form-datos #contenedor_formulario div {width: 100% !important; }
	#MiDominos .pedidoCurso #ficha-pizza-container a.fr {bottom: 10px}
	#MiDominos .pedidoCurso #ficha-pizza-container  h1{font-size: 2em}
	#MiDominos .pedidoCurso #ficha-pizza-container  h2{font-size: 1.5em}
    /*#MiDominos a.editar {display: block;}*/
    #MiDominos #ficha-pizza-container h1 {font-size: 2em;}
    #MiDominos #editarPerfil {margin-top: -54px;}
    #MiDominos .border {padding: 20px 0;}

    #MiDominos .bgblue #ficha-pizza-container #ocultar .w50 {width: 100%;}
    #MiDominos #ficha-pizza-container #contenedor_formulario div {width: 100% !important; margin-right: 0;}
    #MiDominos #ficha-pizza-container #contenedor_formulario div button.no-margin {width: 100% !important;}
    #MiDominos #ficha-pizza-container #ocultar #pedidoRecibido {margin-top: 5px; position: relative; display: inline-block; right: auto;}
    #MiDominos #pizzas li table {margin-top: -90%;}

    /* fecha formularios */
    #MiDominos .form-datos #contenedor_formulario #fecha > .one_space {width: 100% !important; margin: 0 0 20px 0 !important;}
    #MiDominos .form-datos #contenedor_formulario #fecha > .one_space:last-of-type {margin-bottom: 0 !important;}
    #MiDominos .form-datos #personal-data-form #contenedor_formulario .label {font-size: 13px;}
    #MiDominos .form-datos #contenedor_formulario #fecha > .one_space:nth-of-type(2) {width: 100% !important;}

    #address-page.mi-dominos .form-datos .three_space {width: 95% !important;}

	/*Paginas corporativas*/
	#corporate-page .right-section{width: 100%}
	#corporate-page > div.clearfix{margin: 0 auto;}
	#corporate-page h1{font-size: 2em; }
	#corporate-page h2{font-size: 1.2em; margin-left: 0 }

	#corporate-page .white-box.MapaWeb ul {width: 100%;}
	#corporate-page .white-box.MapaWeb li,
	#corporate-page .white-box.MapaWeb p.w33 {width: 100%;}

	/* Localizador de tiendas */
	#localizador-page ul li div.fl{float: none; width: 96%}
	#localizador-page .right-section{position: relative; width: 96%; bottom: 0; right:0; display: inline-block;}
	#localizador-page .custom-select{margin-bottom: 10px; margin-right: 0; width: 100%;}
    #localizador-page .custom-select select {width: 100%;}
	#localizador-page div.w95 {width: 100%;padding: 0 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	#localizador-page div.w95 button {margin: 10px 0 0 0;}
	#localizador-page div.w95 button:first-child{float: left!important;}
    #localizador-page div.w95 button.tipo-entrega-recoger{float: right!important;}
	
	#localizador-page.detalle-tienda .div-container .fl{float: none;width: 100%; margin-bottom: 0;}
	#localizador-page.detalle-tienda #home-tiendas{background-color: #FFF}
    #localizador-page .mapLinkContainer {height: 0;}

    #localizador-page .listadosTienda ul li{padding: 20px 0 20px 10px; width: calc(100% - 10px);}

	#error-page .left-section{width: 100%; }
	#error-page .left-section img{width: 50%}
	#error-page .right-section{width:100%}
	#error-page .w90{margin: 50px 30px; width: 82%;}
	#error-page button{margin-top: 20px; width: 100%; margin-left: 0 !important;}

	#loading-page #home-tiendas{background-color: #FFF}
	#loading-page .bg-grey{height: 280px}
	.lightbox #loading-page{margin-top: -140px;}
	
	/*Ficha pizza*/
    .bgblue #ficha-pizza-container .w70 {width: 100%;}
    #ficha-pizza-container h1 {font-size: 3.2em;}
    #ficha-pizza-container #buttons-container span.info-price { margin: 14px 0 0;}
    #ficha-pizza-container .price {font-size: 32px;}
	#ficha-pizza-container .right-section, #ficha-pizza-container.personalizar-pizza.no-margarita .right-section {display: none;}
    #ficha-pizza-container .mitad {width: 100%;}
	#ficha-pizza-container .left-section {margin-right: 0; width: 100%;}
	#ficha-pizza-container #configurar-pizza #PedidoContenedor div, #PedidoContenedor.ingredients div {width: 100%; max-width: 100%; margin-right: 0;}
	#ficha-pizza-container #configurar-pizza #PedidoContenedor .small-info {display: none;	}
    #ficha-pizza-container.personalizar-pizza #configurar-pizza #PedidoContenedor div {width: 100%; max-width: 100%; margin-right: 0;}
    #ficha-pizza-container.personalizar-pizza .left-section {margin-bottom: 0;}
    #ficha-pizza-container.personalizar-pizza .right-section {display: block; width: 100%; position: relative; top: auto !important; left: auto;}
    #ficha-pizza-container.personalizar-pizza .right-section .componerIngredientes > img {margin-left: -20px;}

	/*crea tu pizza*/
    #ficha-pizza-container.PizzaBuild #configurar-pizza #PedidoContenedor div {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    #ficha-pizza-container.PizzaBuild .left-section {width: 100%; margin-bottom: 0;}
    #ficha-pizza-container.PizzaBuild .right-section {width: 100%; display: block; position: relative; top: auto !important; left: auto;}
    /*#ficha-pizza-container.PizzaBuild .right-section .PizzaContentTable table#creapizza {margin: -295px auto 0;}*/
    #ficha-pizza-container.PizzaBuild .right-section .PizzaContentTable > img {margin-left: -20px;}
	#ficha-pizza-container.PizzaBuild #configurar-pizza #PedidoContenedor div .small-info{display: none}
    #ficha-pizza-container #recalcularPrecio {margin-top: -20px; margin-left: 115px;}
    #ficha-pizza-container .TopSlider li {font-size: 12px;}
    .PizzaContentTable {width: 320px;}
    #ficha-pizza-container table#creapizza {top: 25px;}
    #ficha-pizza-container #buttons-container div.info-price { float:left; width:100%;}
    #ficha-pizza-container #buttons-container div.info-price .price { float:left;}
    #ficha-pizza-container #buttons-container div.buttons { float:left; width:100%;margin:8px 0;}
    #ficha-pizza-container #buttons-container div.buttons .small-info2{ width:90%;}

    #PizzaCreate li {font-size: 14px;}
    #PizzaCreate li .incrementor {position: absolute; bottom: 0;}

	#inspirame-page #ficha-pizza-container h1{font-size: 3em}
	#checkout-page.register-page > h1,
	#ficha-pizza-container h1 {font-size: 3em; }
	
	#buttons-container button {margin-bottom: 10px; margin-top: 10px; width: 100%;}

	/* oculto las descripciones que acompañan a los títulos */
	#pizzas-container p.desc,
	#ficha-pizza-container p.desc, 
	#checkout-page > .div-container > .left-section, 
	.register-page .desc{display: none; }

	section#menu-login .content{padding: 40px 15px;}
    section#menu-login {top: 60px !important; width: 100% !important; left:0 !important;}
    section#menu-login nav li {padding: 0 30px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
	section#menu-login nav li.active {border-left: 4px solid #73a848 !important; background-color: #0466BA !important;}
    section#menu-login nav a {text-align: center !important;padding: 22px 0 14px !important;border-top: 1px solid #0466ba !important; font-size: 19px !important; margin: 9px !important;  }
	section#menu-login nav a.first {border: none !important;}
    section#menu-login nav li.active a {padding: 14px 0 !important; border-left: 0 !important;}

    .form-datos #contenedor_formulario .forma {
        text-align:left;
    
    }
    .form-datos  #contenedor_formulario .forma input[type="radio"].css-checkhora:checked + label.css-label {
            background-position: 0 -22px;
    }
    .form-datos #contenedor_formulario .forma  input[type="radio"].css-checkhora + label.css-label {
	    padding-left: 10%;
        height: 21px;
        display: -webkit-inline-box;
        line-height: 21px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 16px;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 0px;
        margin-bottom: 5%;
        width: 100%;
    }

    /*END 24/05/2016 Menú flotante Mobile Responsive*/

    /* 30/05/2016 Ajustar Separación Pizzas en Catálogo*/
    .pizza-title{
        height:auto;
    }

    /* 02/06/2016 Mapa Versión Dispositivos Oculto por defecto.*/
    #localizador-page.detalle-tienda #map{
        display:none;
    }
    #localizador-page .mapLinkContainer .mobile {display:block;}
    #localizador-page .mapLinkContainer .no-mobile {display:none;}

    #localizador-page button.mapgoogle{min-height: 20px;font-size: 15px; margin-left: 6px;padding: 9px 23px;}

     /*Widget Facebook*/
    #MisRedesSociales .link-red-social .verwidget{float: none!important;margin-left:10%;}
    #fb-wrapper #xc-menu li{padding: 12px!important;}
    #fb-wrapper #xc-menu{margin-top:60px;}
    #fb-wrapper #xc-section-places{padding: 10% 0 3%;}
    /*End Widget Facebook*/


    /*inicioPedido Mobile 2017*/
    .soloMobile {
        display: block !important;
    }
    .soloWeb {
        display: none !important;
    }

        /*20170126 - Inicio pedido ocultable */
    .inicioPedidoAunNoRegistrado {
        /*margin-top: 40px;*/
        border-bottom: 1px solid #fff;
        padding-bottom: 15px;
    }

    .inicioPedidoRegistrado {
        margin-top: 40px;
        padding-bottom: 15px;
    }

    .inicioPedidoSinRegistrarte {
        margin-top: 40px;
        border-bottom: 1px solid #fff;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    /*Colocar menuInicioPedido en el orden solicitado*/
    #capa-flotante #address-page > .w40 {
        position: static;
        background-color: #0077c9;
        border:none;
    }
    #capa-flotante #address-page > .w60 {
        position: static;
        background-color: #0077c9;
        height:auto;
    }

    /*Ocultar elementos desplegables*/
    .mostrarDesplegable {
        display:block !important;
    }
    .ocultarDesplegable {
        display:none !important;
    }

    /* Dar espacio en mobiles Android para el teclado sin ocultar el campo */
    .desplegableInicioPedidoSinRegistrarteDiv { margin-bottom: 135px; }

    /*Que los elementos aprovechen todo el ancho*/
    #capa-flotante #address-page > .w60 .padding {
        width:85%;
        padding-bottom:30px;
    }
    #register-form {
        width:100%;
    }
    #capa-flotante #address-page #address-form button.green {
        width:100%;
    }
    #capa-flotante #connect-fb {
        width:100%;
        margin: 0px;
    }
    #connect-fb span.text {
        padding-left: 18%;
    }

    .desplegableInicioPedidoAunNoRegistradoDiv.soloMobile.mostrarDesplegable{
        min-height: 100px;
    }

    .mostrarDetallesTiendaLista {
        display:none;
    }
    .mostrarUbicacionEnLista {
        display: block;
    }

    #MiDominos .tracker .pedido .div-container {
        position: relative;
        width: auto;
    }

    #ficha-pizza-container button {
        margin-left: 0;
    }

    /* GDPR */
    #checkout-page .form-datos #contenedor_formulario div.contenedorTextoPoliticas {
        width: 92% !important;
    }
    .contenedorPoliticasBorde.miDominos {
        height: 120px;
        overflow-y: scroll;
    }
    /* FIN GDPR */

    /* ENQUESATE */
    #capa-flotante #pizza-page #configurar-pizza.mitades div.sel-productos{width: 100%; height:auto; margin: 10px 0 0 0;}
    #capa-flotante #pizza-page #configurar-pizza.mitades .sel-productos .producto-relacionado.desktop {margin-bottom: 0;}
    .sel-productos .buttons {
        width: 100%;
    }
    .producto-relacionado.desktop {margin-bottom: 0;}

    /* CREA TU PIZZA */
    #ficha-pizza-container .sel-productos{
        width: 100%;
    }
    #ficha-pizza-container .producto-relacionado.desktop .titulo {
        display: none;
    }
    #ficha-pizza-container .producto-relacionado.desktop .contenido .long {
        display: block;
    }
    #ficha-pizza-container .producto-relacionado.desktop .contenido .short {
        display: none;
    }
    #ficha-pizza-container .producto-relacionado.desktop .custom-select {
        margin-top:4px;
    }
    /* FIN CREA TU PIZZA */

    /* FIN ENQUESATE */
}

/********** TABLETS (vertical)**********/
/*MOBILES VERTICAL*/
@media only screen and (min-width: 601px) and (max-width: 899px) {
	#main-wrapper {min-width: inherit;}
    .lightbox #main-wrapper {top: 100px;}
    .mobileScrollBGFixed .lightbox #main-wrapper {
        top:0px;
    }
    .mobileScrollBGFixed #wrapper #capa-flotante {
        top:0px !important;
    }

	.tablet {display: block !important;}
	.no-tablet {display: none !important;}
	header section{width: 85%;}
	header div.logo{background: url('../img/dominos-logo-responsive.svg') no-repeat; background-size: cover; height: 70px; width: 70px;margin-top: 10px}
		.no-svg header div.logo {background-image: url('../img/dominos-logo-responsive.png');}
    div.logo.all{width: 225px; float: left; height: 86px;  background: url('../img/dominos-logo.svg') no-repeat bottom left; margin: 0;}
	header section nav.first {/*font-size: 12px;*/ height: 38px;}
	header section nav.first a {padding-bottom: 2px;}
	header section nav.first ul li {padding: 0 4px;}
    /*header section nav.first ul li#extra-short {display: block !important;}*/
    header section nav.first ul li#short {display: block !important; font-size: 12px;}
    header section nav.first ul li#short span {display:inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    header section nav.first ul li#large {display: none !important;}
	header section nav.first .custom-select{
        width: 30px; 
        background-position: right 9px;
        padding: 0 10px 0 0;
	}
	header section nav.first .custom-select select{font-size: 14px; margin-top: 2px;width: 100%; }
	/*header section nav.second{font-size: 18px;}*/
	header section nav.first .name {display: none;}
	header .custom-select{margin-top:-5px; }
    header section nav.second {margin-top: 5px;}
    header section nav.second.init button {
        font-size: 14px;
        padding: 0 8px;
        min-height: 40px;
        margin: 2px 10px 0 0;
    }
	header section nav.second ul li {padding: 15px 4px 12px 4px; font-size: 14px; height: 20px;}
	/*section#menu-login{top: 40px}*/

    .carrito-content div.icon {top: -78px;}
    .carrito-content div.icon.mobile {top: 0px;}
    .carrito-content > .layer header h3 {margin-top: 10px;}
    #checkout-page .promo.codigo-promocional {padding: 18px;}
    .white-box .address-detail span.value {margin: 0 30px 0 5px;}

    #capa-flotante .padding {margin-top: 30px;}
    #capa-flotante .w60 {width: 55%;}
    #address-page.mi-dominos .w60 {width: 100%;}
    #capa-flotante .w40 {width: 45%;}
    #capa-flotante #pizza-page h1 {width: 85%;}
    #capa-flotante h1 {font-size: 2.75em;}

	/*.banner ul {height: 400px; }
	.banner ul li#img1 {background-image: url('../img/promo_01_medium.jpg'); }
	.banner ul li#img2 {background-image: url('../img/promo_02b_medium.jpg'); }
	.banner ul li#img3 {background-image: url('../img/promo_03_medium.jpg'); }*/
	/*#second-promos div a#mini-promo1 {background-image: url("../img/mini-promo1b.jpg");}
	#second-promos div a#mini-promo2 {background-image: url("../img/mini-promo2b.jpg");}*/
	
	#pizzas-container #title #masa-container.show{height: 350px}
	#pizzas-container ul li {width: 50%; height:auto; padding: 0 0 10px 0;}
    #pizzas-container .pizzas-carrusel li { width:100%; }
	#pizzas-container #title.NuestraCarta .PromoCupons {margin-top: 10px; }

	footer{padding-bottom:40px;}
	footer .logo{width:45%; height: 40px;}
	footer section{width: 100%;}
	footer .tlf{margin: 0;position: absolute;right: 15px;top: 40px;}
    footer nav{width: 88%;}
	header section nav.second #carrito{width: 120px}
	.carrito-content{top:5px;}
    #register-form {/*margin-top: 0;*/width:100%;}
    #capa-flotante.show {height: 650px;}
    #capa-flotante #address-page .padding {margin-top: 20px;}
    #capa-flotante #address-page > .w40 .padding {width: 85%;}
	#capa-flotante #address-page label.w65{width: 59%}
    #capa-flotante #address-page h2 {margin: 10px 0; font-size: 1.6em;}
    #capa-flotante #address-page p {margin-bottom: 10px;}
    #capa-flotante #address-page #register-form label,
    #capa-flotante #address-page #address-form label {margin: 0 0 20px;}
	#capa-flotante #address-page .rememberme a {float: none !important;margin-top: 5px;margin-bottom: 10px;display: inline-block; font-size: 14px;}
    #capa-flotante #address-page a#otra-direccion {margin-left: 0;}

	/* pizza */
	#capa-flotante #pizza-page #configurar-pizza:not(.mitades) button{position: absolute; top: 120px;}
	#capa-flotante #pizza-page #configurar-pizza:not(.mitades) button.black{right: 0}
	#capa-flotante #pizza-page #configurar-pizza:not(.mitades) button.red{right: 160px}

    /* lightbox vienes o vamos */
    .lightbox #main-wrapper #capa-flotante #shops-page a#otra-direccion{margin-left: 0}
    .lightbox #main-wrapper #capa-flotante #shops-page ul {margin-top: 30px;}

    #capa-flotante #shops-page p {font-size: 14px;}

	/* pizza mitades */
    #capa-flotante #pizza-page > .w100 > .padding {padding: 0 20px;}
    #capa-flotante #pizza-page .mitades #configurar-mitades .padding15 {width: 95%;}
	#capa-flotante #pizza-page .mitades small{width: 128px; margin: 0 5px 0 0; font-size: 12px;}
	#capa-flotante #pizza-page .mitades p{display: none}
	#capa-flotante .mitades #configurar-mitades .pizza-description {max-width: 70%;}
	#capa-flotante .mitades #configurar-mitades .mitad h5 {margin-top: 10px; margin-bottom: 5px; font-size: 14px;}
	#capa-flotante .mitades #configurar-mitades .mitad:not(.disabled) h5 {margin-top: 10px; margin-bottom: 5px; font-size: 14px;}
	/*#capa-flotante #pizza-page .mitades #configurar-mitades{margin-top: 0}*/
	#capa-flotante .mitades #configurar-mitades .pizza-description h5 { }
	#capa-flotante #promo2x1-page .mitades #configurar-mitades .pizza-description > div {margin-left: 0;}

	#capa-flotante .promo {height: 190px; }
	#capa-flotante #promo-bebidas-page .custom-select{width: 150px; margin-left: 10px !important;}
	/*#capa-flotante .promo h1{font-size: 2.6em}*/
	#capa-flotante .promo p.title{font-size:1em;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	#capa-flotante .promo .img{margin-left: -55px;}
	#capa-flotante #elegir-promo .promo .left-section {width: 80%; }
	/*#capa-flotante #elegir-promo .promo button {background: none;color: #DF1E3C;font-family: Helvetica;font-size: 16px;font-weight: bold;padding: 0;right: inherit;border-bottom: 1px solid #DF1E3C;min-height: inherit;border-radius: 0;bottom: 30px; }*/
	/*#capa-flotante #elegir-promo .promo h1 {margin-top: 10px;	}*/
	#capa-flotante .promo .desc span.info {display: none}
	#capa-flotante .info-detail.show {display: table-cell;}
	#capa-flotante .info-detail p {display: block;margin: 50px 0 0 0; }
	#capa-flotante #promo-add-page #lista-pizzas{margin-top: 45px}
    #capa-flotante .upSelling .promo p.title {
        width: 75%;
        position: absolute;
        top: 0;
        left: 80px;
    }
    #capa-flotante .upSelling .promo h1 {
        width: 85%;
        height: 65px;
        position: absolute;
        left: 80px;
        top: 25px;
    }

	/* Promo bebidas */
	#capa-flotante #promo-bebidas-page .mitades #configurar-mitades .pizza-description {width: 60%}
	#capa-flotante #promo-bebidas-page p,
	#capa-flotante #promo2x1-page p, 
	#capa-flotante #promo-otros-page p {width: 100%; margin: 0 0 10px 0; font-size: 14px; line-height: 18px;}
	
	#connect-fb {width: auto; margin-bottom: 10px;}
	#capa-flotante #address-page a {display: inline-block; }
	
	#capa-flotante #shops-page button {padding-left: 15px;padding-right: 15px;font-size: 17px;	}
    #capa-flotante #pizza-page #configurar-pizza div.tamanio,
    #capa-flotante #pizza-page #configurar-pizza div.masa {width: 128px; margin-right: 10px; margin-left: 0;}
	/*#capa-flotante .pedido-info {width: 50%; }*/
    #capa-flotante #promo2x1-page h2{font-size: 1.8em;}
	
    #capa-flotante #promo-add-page #owl-example.owl-theme .owl-controls .owl-buttons div.owl-prev {left: -20px;}
    #capa-flotante #promo-add-page #owl-example.owl-theme .owl-controls .owl-buttons div.owl-next {right: -20px;}

	#home-tiendas .fl{width: 50%;}
	#home-tiendas .fr a {margin: 13px 13px 0 0; }
	#home-tiendas .fr a span {margin: 0;}
    #home-tiendas .ico {margin-right: 5px;}

    #capa-flotante #address-page #Ponle_nombre {width: 372px;}

	/* pantalla de home logado */
	.login-content > section .tienda-content > div {font-size: 13px}
	.login-content.show{height: 515px;}
	.login-content > section h1{font-size: 1.4em}
	.login-content > section .w40 .margin {padding-bottom:40px; margin: 0 25px 0 25px;}
    .login-content > section .w60 .margin {margin: 0 20px;}
    #containerOtraDir {padding: 0; width: 300px;}
    .login-content > section .tienda-content .info-tienda {margin-bottom: 15px;}
    .login-content > section label.custom-select {width: 300px;}
	
	/*#capa-flotante.show {height: 550px; }*/
    #capa-flotante.pizza.show {height: 520px; }
    /*#capa-flotante.address.show {height: 600px; }*/
	#pizzas-container ul li.margin {margin-bottom: 520px;	} /* margin-bottom: 610px; */
	#pizzas-container ul.ContentPromos li img {margin-left: -100px;}
    /*#register-form button {padding-left: 15px; padding-right: 15px; margin: 0 0 20px 0 !important; width: 100%;}*/
	.codigo-promocional p {float: none !important;margin-bottom: 10px;padding: 0 !important;text-align: center; }
	.codigo-promocional input {width: 60% !important; margin-right: 0 !important; float: left !important; }
	.codigo-promocional button {width: 35% !important;padding-left: 2.5%;padding-right: 2.5%;	}
	#checkout-page .left-section {width: 49%;margin-right: 2%; }
	#checkout-page .right-section {width: 49%; }
	#checkout-page > .div-container > .left-section{width: 75%} /* descripción que acompaña al título*/
	#checkout-page .promo.blue .btn-aplica-promo {top: inherit;margin-top: 0;bottom: 30px; }
	#checkout-page .promo .right-section {width: auto; }
	#checkout-page .promo .left-section {width: 100%; margin: 0; }
	#checkout-page .promo span.info, #checkout-page .promo p.title {display: none; }
	#checkout-page .promo .img {width: 60px; height: 60px; margin-right: 5px; margin-left: -10px;}
	#checkout-page .promo h1 {
        font-size: 24px;
        width: 155px;
        overflow: hidden;
        display: inline-block;
        height: 50px;
        margin-top: 0;
	}
    #checkout-page .promo {min-height: 160px;}
	#checkout-page .promo h1 span.decimals .diagonal {font-size: 15px; }
	#checkout-page .promo h1 span.decimals .diagonal sup {font-size: 10px;}
    #checkout-page .promo .innerOverflow {padding: 20px;}
	#checkout-page .promo .btn-aplica-promo {right: 8px; bottom: 8px;}
    #checkout-page .white-box {padding: 25px 20px 25px 20px;}
	#checkout-page .white-box .header > span.subtitle {float: none !important;position: inherit;bottom: inherit;right: inherit;margin: 10px 0 0 10px;display: block; }
	#checkout-page .form-datos #contenedor_formulario {width: 100%; }
	#checkout-page .form-datos #contenedor_formulario div {width: 100% !important;margin-right: 0;margin-bottom: 10px; }
	#checkout-page .form-datos #contenedor_formulario label {height: auto;text-align: left; }
    #checkout-page .form-datos #contenedor_formulario label .lbl-comentario span {display:inline;}
    #checkout-page .form-datos #contenedor_formulario label .num-caracteres {margin-top:0;}
	#checkout-page .form-datos .three_space {width: 100% !important;	}
	#checkout-page .form-datos #contenedor_formulario .three_space .one_space {width: 100%; margin: 0;}
	#checkout-page .form-datos #contenedor_formulario .three_space .one_space:first-child {margin-left: 0;	}
	#checkout-page .form-datos form .ico-info {left: inherit;right: 0; }
	#checkout-page .form-datos #contenedor_formulario .three_space .one_space.no-bottom-margin {margin-bottom: inherit !important; }
	#checkout-page .form-datos #contenedor_formulario.address-detail-inputs .three_space .one_space {width: 47% !important; }
	#checkout-page .form-datos #contenedor_formulario.address-detail-inputs .three_space .one_space:nth-of-type(odd) {margin-left: 0; margin-right: 10px;}
	#checkout-page .form-datos form label.RadioLabel {margin: 15px 0 0;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	#checkout-page .form-datos form label.css-label {margin: 10px 0 0 0;display: block; }
	#checkout-page .form-datos form .cambioEfectivo .custom-select {margin: 15px 0 0 !important;width: 100%; }
	#checkout-page .form-datos form .white-box .precio button {margin-top: 15px; width: 100%;}

	#checkout-page.conf h2 small {display: block;margin-top: 15px;	}
	#checkout-page.conf p {padding-right: 10px; }
	#checkout-page.conf .social h2 {padding-right: 200px;}
	#PedidoContenedor{text-align: right;	}
	#PedidoContenedor.ingredients{text-align: left;	}
	#PedidoContenedor div {width: 29%; margin: 0 20px 20px 0;}
    /*#PedidoContenedor div.last {margin: 0;}*/
	#PedidoContenedor .small-info {display: none; } 
	#buttons-container > span {float: left;width: 100%;}
	#PedidoContenedor.ingredients div {width: 43%; margin-right: 5px;}
    #PedidoContenedor .custom-select select {padding: 10px 28px 10px 8px;}
    #PedidoContenedor.ingredients div label {font-size: 12px;}

    #checkout-page.register-page {padding: 20px 20px 30px 20px;}
    #checkout-page.register-page > div.w95 {width: 100%;}
    #checkout-page.register-page .white-box {padding: 25px 15px 25px 15px;}
    #checkout-page.register-page #menu-login .content {padding: 30px 20px;}
    #checkout-page.register-page #menu-login-Create #register-form > label {width: 80%;}

    #pizzas-container ul.ContentPromos li.promo .desc {margin: 20px 0 0 0;}
    #pizzas-container ul.ContentPromos li.promo .desc .info {font-size: 14px; line-height: 16px;}
    #pizzas-container ul.ContentPromos li.promo button {margin-top: 5px;}
	#pizzas-container ul.ContentPromos li {width: 49%;}
	#pizzas-container ul.ContentPromos li:nth-child(3n+1) {margin-left: 2%;}
	#pizzas-container ul.ContentPromos li:nth-child(2n+1) {margin-left: 0; }
	/*#pizzas-container ul.ContentPromos li.promo button {padding: 0;background: none;color: #DF1E3C;min-height: inherit;font-family: 'Gibson-Regular';margin-top: 10px;border-radius: 0;border-bottom: 1px solid #DF1E3C;}*/
	#pizzas-container ul.ContentPromos li.promo.blue button {color: #ffffff;border-color: #8BB429;}
    .promo button {padding: 0 24px;}


    #ficha-pizza-container {padding: 30px 20px 50px;}
    #ficha-pizza-container.PizzaBuild .right-section, #ficha-pizza-container.personalizar-pizza .right-section {width: 48%;}
    #ficha-pizza-container.PizzaBuild .left-section, #ficha-pizza-container.personalizar-pizza .left-section {width: 50%;}
    #ficha-pizza-container.personalizar-pizza #configurar-pizza #PedidoContenedor div{max-width: 100%; margin: 0;}
    
    /*#ficha-pizza-container.PizzaBuild .right-section .PizzaContentTable table#creapizza {margin: -305px auto 0; margin-left: 20px;}*/
    #ficha-pizza-container .TopSlider li,
    #PizzaCreate li {font-size: 14px;}
    #PizzaCreate li {width:25%;}
    #ficha-pizza-container #recalcularPrecio{margin-top:35px; margin-left: 25px;}
	.bgblue #ficha-pizza-container .w70 {width: 100%;}
	#ficha-pizza-container.PizzaBuild #configurar-pizza #PedidoContenedor div {
        width: 100%;
        max-width: 265px;
        margin: 0;
	}
    #ficha-pizza-container #configurar-pizza #PedidoContenedor div {width: 100%;}

    #ficha-pizza-container .PizzaBuild table#creapizza {margin: 0 0 0 14% !important; top: 25px;}
    #ficha-pizza-container .PizzaBuild table#creapizza td {height: 23px; width: 23px;}
    #ficha-pizza-container .PizzaBuild table#creapizza td img {width: 35px;}
    .PizzaContentTable {width: 100%; max-width: 335px;}
    .PizzaContentTable > img {max-width: 280px;}

    #ficha-pizza-container #buttons-container div.info-price { float:left; width:100%;}
    #ficha-pizza-container #buttons-container div.info-price .price { float:left;}
    #ficha-pizza-container #buttons-container div.buttons { float:left; width:100%;margin:8px 0;}
    
    #MiDominos .left-section nav a {padding: 20px 10px 20px 10px;}
    #MiDominos .left-section {margin-right: 20px;}

    #MiDominos .form-datos #contenedor_formulario #fecha > .one_space {width: 100% !important; margin: 0 0 20px 0 !important;}
    #MiDominos .form-datos #contenedor_formulario #fecha > .one_space:nth-of-type(2) {width: 100% !important;}
    #MiDominos .form-datos #contenedor_formulario .label {font-size: 13px;}
    #MiDominos #eliminarCuenta {margin-top: 10px;}
    #MiDominos .CenterButton button {position: inherit;right: inherit;top: inherit;margin-top: 0;display: block;margin-bottom: 15px;}
	#MiDominos #Pizzas li {width: 50%;}
	#MiDominos #Promociones li {width: 100%;margin-right: 0;float: none; }
    #address-page.mi-dominos .form-datos .three_space {width: 95% !important;}

	table#creapizza.medium{margin-top:-230px;}
	table#creapizza.medium td{height: 24px; width: 24px; }
	table#creapizza.medium td img{width: 35px}

	#checkout-page.register-page .left-section {width: 58%;margin-right: 2%; }
	#checkout-page.register-page .right-section {width: 40%; }

	#corporate-page .white-box.MapaWeb ul {width: 100%;}
	#corporate-page .white-box.MapaWeb li {width: 50%;}

	/* Localizador de tiendas */
	#localizador-page ul li div.fl{float: none; width: 100%}
	#localizador-page .right-section{position: relative; width: 100%; bottom: 0;}
	#localizador-page.detalle-tienda .div-container .fl{float: none;width: 100%; margin-bottom: 20px}
    #localizador-page .mapLinkContainer {display: block; width: 100%;}

	#error-page .left-section{text-align: left}
	#error-page button{margin-top: 20px}

    /* vídeo Home */
    #SeccionBlackVideo.lightboxVideo {top: -110px; padding-top: 110px;}
    #SeccionBlackVideo.lightboxVideo section.video iframe {width: 90%; max-width: 711px;}

    .form-datos #contenedor_formulario .forma {
    text-align:left;
    
    }
    .form-datos  #contenedor_formulario .forma input[type="radio"].css-checkhora:checked + label.css-label {
            background-position: 0 -22px;
    }
    .form-datos #contenedor_formulario .forma  input[type="radio"].css-checkhora + label.css-label {
	    padding-left: 10%;
        height: 21px;
        display: -webkit-inline-box;
        line-height: 21px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 16px;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 0px;
        margin-bottom: 5%;
        width: 100%;
    }

    .form-datos #contenedor_formulario .ocultar-hora .combo_horas{
        width: 100%;
    }

    /*30/05/2016 Ajustar Separación Pizzas en Catálogo*/
    .pizza-title{
        height:auto;
        margin-top:-20px;
    }

    /*19/01/2017 Mapa Versión Dispositivos Mostrado por defecto.*/
    /*#localizador-page #map{display:none;}*/
    #localizador-page .mapLinkContainer .mobile {display:block;}
    #localizador-page .mapLinkContainer .no-mobile {display:none;}
    #localizador-page .mapLinkMobile {display: inline-block;}
    #localizador-page button.mapgoogle{min-height: 20px;font-size: 14px; margin-left: 6px;padding: 9px 24px;}

    /*MOVILES VERTICAL - CARRUSEL POPUP*/

    /*Mejoras UX Banner Carrusel Popup Mobile Horizontal 16/06/2016*/

    .bannerMobile{
        top:0;
        position:fixed;
        height: 100%;
        width: 100%;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.75);
        display: table;
        text-align: center;
    }

    .bannerMobile .fr {
        position: absolute;
        top: 15px;
        z-index: 1002;
        right: 15px;
    }

    .bannerMobile #creative-img{
        z-index: 1001;
        display: table-cell;
        vertical-align: middle;
    }

    .bannerMobile #creative-img #popupMobileHorizontal{
        width: 100%;
        top: 0;
    }

    .bannerMobile #creative-img .popupclickVertical{display:none;}
    .bannerMobile #creative-img .popupCenter {position:relative;}

    .bannerMobile .popupclickHorizontal div.texto h1 {font-size: 4.2em;}
    .bannerMobile .popupclickHorizontal div.texto h2 {font-size: 2.7em;}
    .bannerMobile .popupclickHorizontal div.texto h3 {font-size: 1.6em;}
    .bannerMobile .popupclickHorizontal div.texto p {font-size: 1.1em;}
    .bannerMobile .popupclickHorizontal div.popupclick {width: 100%;height: 100%;}
    .bannerMobile .popupclickHorizontal div.texto{
        width: 268px; 
        max-width: 268px;
        text-align: center;
        display: inline-block;
        color: #FFF;
        position: absolute;
        top: 10%;
        left: 20%;
    }
    .bannerMobile .popupclickHorizontal div.texto h2 {
        font-size: 2.7em;
        font-family: arial, sans-serif;
		font-weight: 800;
        text-transform: uppercase;
        margin: 0;
    }

    .bannerMobile .popupclickHorizontal div.texto h3 {
        font-size: 2em;
        font-family: arial, sans-serif;
		font-weight: 800;
        text-transform: uppercase;
        margin: 0;
    }

    .bannerMobile .popupclickHorizontal div.texto h1 {
        font-size: 5.7em;
        font-family: arial, sans-serif;
		font-weight: 800;
        text-transform: uppercase;
        margin: 0;
    }

    .bannerMobile .popupclickHorizontal div.texto p {
        font-size: 1.1em;
        font-family: Arial, sans-serif;
    }
    .bannerMobile .popupclickHorizontal div.texto span.ico-shape {
        max-width: 268px;
        width: 268px;
        height: 40px;
        background-size: 100%;
        margin: 0 0 15px 0;
    }

    .bannerMobile .popupclickHorizontal div.texto span.ico-shape-down{
        background-position: 0px -50px;
    }
    .bannerMobile .popupclickHorizontal small {
        position: absolute;
        display: block;
        text-align: right;
        font-size: 12px;
        color: #fff;
        bottom: 2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 15px 10px;
    }
}

@media only screen and (min-width: 601px) and (max-width: 899px), (max-width: 480px){
    #pizzas-container ul.ContentPromos li.promo .desc p {
        font-size: 19px !important;
    }
}

@media only screen and (min-width: 757px) {
    header section nav.second ul li {font-size: 19px;}
    header section nav.first {font-size: 14px;}
}


/********** TABLETS (horizontal)**********/
@media only screen and (min-width: 900px) and (max-width: 1024px) {
	#main-wrapper {min-width: inherit;}
	.tablet {display: block !important;}
	.no-tablet {display: none !important;}
	header section{width: 85%;}
	header div.logo{background: url('../img/dominos-logo-responsive.svg') no-repeat; height: 90px; width: 90px;margin-top: 10px}
		.no-svg header div.logo {background-image: url('../img/dominos-logo-responsive.png');}
    div.logo.all{width: 225px; float: left; height: 86px;  background: url('../img/dominos-logo.svg') no-repeat bottom left; margin: 0;}
	header section nav.first a {padding-bottom: 2px;}
    /*header section nav.first ul li#extra-short {display: none !important;}*/
    header section nav.first ul li#short {display: block !important; font-size: 12px;}
    header section nav.first ul li#short span {display:inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    header section nav.first ul li#large {display: none !important;}
	
	#pizzas-container ul li {width: 33.2%;}
    #pizzas-container .pizzas-carrusel li { width:100%; }

	footer .logo{width: 35%; height: 40px;}
	footer section{width: 100%;}
	footer .tlf {
        margin: 0;
        position: absolute;
        right: 15px;
        top: 40px;
	}

	header section nav.second #carrito{width: 120px}
	.carrito-content{top:5px;}

    /* ficha pizza */
    #PedidoContenedor .custom-select select {padding: 10px 28px 10px 8px;}

	#capa-flotante #address-page label.w65{width: 59%}
    #capa-flotante #register-form button.w25 {width: 30%;}
    #capa-flotante #register-form .label-input.w70 {width: 65%;}
    #capa-flotante #shops-page p {font-size: 14px;}
    .lightbox #main-wrapper #capa-flotante #shops-page ul {margin-top: 30px;}

	/* pizza */
	#capa-flotante #pizza-page #configurar-pizza:not(.mitades) button{position: absolute; top: 120px;}
	#capa-flotante #pizza-page #configurar-pizza:not(.mitades) button.black{right: 0}
	#capa-flotante #pizza-page #configurar-pizza:not(.mitades) button.red{right: 160px}

	/* pizza mitades */
	#capa-flotante #pizza-page .mitades small{width: 168px;}
	#capa-flotante #pizza-page .mitades p{display: none}
	#capa-flotante .mitades #configurar-mitades .mitad h5{padding-top: 25px}
	#capa-flotante #promo2x1-page .mitades #configurar-mitades .pizza-description > div {margin-left: 0;	}

	/*#capa-flotante .promo h1{font-size: 2.6em}*/
	#capa-flotante .promo p.title{font-size:1em}
	#capa-flotante .promo .img{margin-left: -30px;}

	#capa-flotante #promo-add-page #lista-pizzas{margin-top: 45px}

	/* Promo bebidas */
	#capa-flotante #promo-bebidas-page .mitades #configurar-mitades .pizza-description {width: 60%}
	#capa-flotante #promo-bebidas-page p,
	#capa-flotante #promo2x1-page p, 
	#capa-flotante #promo-otros-page p{width: 100%}
	
	#home-tiendas .fl {width: 50%;}
	#home-tiendas .fr a {margin: 13px 13px 0 0; }
	#home-tiendas .fr a span {margin: 0;}

	/* pantalla de home logado */
	.login-content > section .w60 a,
	.login-content > section .w60 span.ico-location{top: 0}
	.login-content > section .tienda-content > div{font-size: 13px}
	.login-content.show{height: 515px;}
	.login-content > section h1{font-size: 1.5em}
	.login-content > section .w40 .margin{padding-bottom:40px }
	
	#capa-flotante.show {height: 650px; }
	#pizzas-container ul li.margin {margin-bottom: 520px;	}
	.promo.codigo-promocional .div-container input {width: 150px;	}
	#checkout-page .white-box .header > span.subtitle {float: none !important;position: inherit;bottom: inherit;right: inherit;margin: 10px 0 0 10px;display: block; }
	#pizzas-container ul.ContentPromos li img {margin-left: -80px;}
	
	#ficha-pizza-container.PizzaBuild .left-section {width: 60%;margin-right: 0;}
	#ficha-pizza-container.PizzaBuild .right-section {width: 38%;}
	#PizzaCreate li {width:25%;}

	#MiDominos #Promociones li.promo .img {margin-left: -15px;}
    #MiDominos .form-datos #contenedor_formulario #fecha > .one_space {width: 90px !important;}
    #MiDominos .form-datos #contenedor_formulario #fecha > .one_space:nth-of-type(2) {width: 142px !important;}
    #MiDominos .form-datos #contenedor_formulario #fecha > .one_space:last-of-type {margin-right: 0;}

	table#creapizza.medium{margin-top:-200px;}
	table#creapizza.medium td{height: 20px; width: 20px; }
	table#creapizza.medium td img{width: 30px}

    /* fecha formularios */
    #checkout-page .form-datos #contenedor_formulario #fecha > .one_space {width: 72px !important;} /* width: 20.75% !important; */
    #checkout-page .form-datos #contenedor_formulario #fecha > .one_space select {font-size: 13px !important; padding: 12px 22px 12px 12px;}
    #checkout-page .form-datos #contenedor_formulario #fecha > .one_space:nth-of-type(2) {width: 110px !important;}
    #checkout-page .form-datos #contenedor_formulario #fecha > .one_space:last-of-type { margin-right: 0 !important;}

    /* video Home */
    #SeccionBlackVideo.lightboxVideo {top: -110px; padding-top: 110px;}
    #SeccionBlackVideo section.video iframe {width: 90%; max-width: 711px;}


    .form-datos #contenedor_formulario .forma {
    text-align:left;
    
    }
    .form-datos  #contenedor_formulario .forma input[type="radio"].css-checkhora:checked + label.css-label {
            background-position: 0 -22px;
    }
    .form-datos #contenedor_formulario .forma  input[type="radio"].css-checkhora + label.css-label {
	    padding-left: 10%;
        height: 21px;
        display: -webkit-inline-box;
        line-height: 21px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 16px;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 0px;
        margin-bottom: 5%;
        width: 100%;
  
    }

}

/********** MAX **********/
@media only screen and (min-width: 1025px) {
	/*header section nav.first ul li#extra-short {display: none !important;}*/
    header section nav.first ul li#short {display: none !important;}
    header section nav.first ul li#large {display: block !important;}
    #pizzas-container ul li { width:25%;}
    #pizzas-container .pizzas-carrusel li { width:100%; }
	#capa-flotante #pizza-page #configurar-pizza button.red{margin-right: 0}
    header section{width: 76%;}
    header section nav.first ul li#large span {display:inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

    /* chechout */
    #checkout-page .form-datos #contenedor_formulario #fecha > .one_space {width: 80px !important;}
    #checkout-page .form-datos #contenedor_formulario #fecha > .one_space #year { padding: 12px; }
    #checkout-page .form-datos #contenedor_formulario #fecha > .one_space:nth-of-type(3) {width: 90px !important;}
    #checkout-page .form-datos #contenedor_formulario #fecha > .one_space select {font-size: 15px;}
    #checkout-page .form-datos #contenedor_formulario #fecha > .one_space:last-of-type {margin-right: 0 !important;}

}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {
    .banner div.texto span.ico-shape-down {background-position: 0 -65px;}

    /* ESTILOS ANGEL */
    .banner div.owl-item small {font-size:12px;}
    .banner div.texto span.ico-shape {max-width: 340px;width: 340px;}
    .banner div.texto {width: 340px;max-width: 340px;}
    .banner div.texto h1 {font-size: 5.5em;}
    .banner div.texto h2 {font-size: 3.5em;}
    .banner div.texto h3 {font-size: 2.2em;}
    .banner div.texto p {font-size: 1.2em;}
	.banner div.owl-item small {position: absolute;display: block;text-align: right;font-size: 12px;color: #fff;bottom: 2px;left: 0;right: 0;margin: 0 auto;padding: 0 3px;}
	
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    .banner div.texto h1 {font-size: 4.2em;}
    .banner div.texto h2 {font-size: 2.7em;}
    .banner div.texto h3 {font-size: 1.6em;}
    .banner div.texto p {font-size: 1.1em;}
    .banner div.texto span.ico-shape {max-width:268px;width:268px;height:40px;}
    .banner div.texto span.ico-shape-down {background-position: 0 -56px;}
    .banner div.texto{width: 268px; max-width: 268px;}
	.banner div.owl-item small {position: absolute;display: block;text-align: right;font-size: 12px;color: #fff;bottom: 2px;left: 0;right: 0;margin: 0 auto;padding: 0 3px;}
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
    .banner div.texto h1 {font-size: 3.5em;}
    .banner div.texto h2 {font-size: 2.2em;}
    .banner div.texto h3 {font-size: 1.4em;}
    .banner div.texto p {font-size:  1.0em;}
    .banner div.texto span.ico-shape {max-width:260px;width:260px;height:35px;}
    .banner div.texto span.ico-shape-down{background-position: 0 -56px;}
    .banner div.texto{width: 260px; max-width: 260px;}
	.banner div.owl-item small {position: absolute;display: block;text-align: right;font-size: 11px;color: #fff;bottom: 2px;left: 0;right: 0;margin: 0 auto;padding: 0 3px;}
}

@media only screen and (min-width: 801px) and (max-width: 1000px) {
    /* ESTILOS ANGEL */
    .banner div.texto {width: 250px;max-width: 250px;}
    .banner div.texto span.ico-shape {max-width: 250px;width: 250px;height: 30px;}
    .banner div.texto span.ico-shape-down {background-position: 0 -55px;}
    .banner div.texto h1 {font-size: 2.4em;}
    .banner div.texto h2 {font-size: 1.9em;}
    .banner div.texto h3 {font-size: 1.0em;}
    .banner div.texto p {font-size: 0.9em;}
	.banner div.owl-item small {position: absolute;display: block;text-align: right;font-size: 10px;color: #fff;bottom: 2px;left: 0;right: 0;margin: 0 auto;padding: 0 3px;}
}

@media only screen and (min-width: 601px) and (max-width: 800px) {
    .banner div.texto h1 {font-size: 2.0em;}
    .banner div.texto h2 {font-size: 1.2em;}
    .banner div.texto h3 {font-size: 0.8em;}
    .banner div.texto p {font-size: 0.7em;}
    .banner div.texto span.ico-shape {max-width:200px;width:200px;height:20px;}
    .banner div.texto span.ico-shape-down{background-position: 0 -50px;}
    .banner div.texto{width: 200px; max-width: 200px;}
	.banner div.owl-item small {position: absolute;display: block;text-align: right;font-size: 8px;color: #fff;bottom: 2px;left: 0;right: 0;margin: 0 auto;padding: 0 3px;}
}

@media only screen and (min-width: 401px) and (max-width: 600px) {
     
    /* ESTILOS ANGEL */
    .banner div.texto {width: 145px;max-width: 145px;}
    .banner div.texto span.ico-shape {max-width: 145px;width: 145px;height: 12px;}
    .banner div.texto h1 {font-size: 1.9em;}
    .banner div.texto h2 {font-size: 1.5em;}
    .banner div.texto h3 {font-size: 1.2em;}
    .banner div.texto p {font-size: .8em;}
    .banner div.texto span.ico-shape-down{background-position: 0 -65px;}
	.banner div.owl-item small {position: absolute;display: block;text-align: center;font-size: 9px;color: #fff;bottom: 2px;left: 0;right: 0;margin: 0 auto;padding: 0 3px;}
}

/*Boton añadir de promociones 2x1 Iphone 5/4/4S/3G/3GS Horizontal*/
@media only screen and (min-width: 479px) and (max-width: 568px) {
    
    #capa-flotante #promo2x1-page .add-block {width: 100%;position: relative;bottom:10px;}
    #capa-flotante #promo2x1-page .w100 .padding {width: 90%;height: 200px;}
    #capa-flotante #promo2x1-page .pedido-info {left: 20px;bottom: 9px;position: relative;padding: 0px 38px;}
   
}
 
@media only screen and (min-width: 201px) and (max-width: 400px) {
	.banner div.texto h1 {font-size: 1.2em;}
    .banner div.texto h2 {font-size: 1em;padding-top:-10px;}
    .banner div.texto h3 {font-size: .7em;}
    .banner div.texto p {font-size: .5em;}
    .banner div.texto span.ico-shape {max-width:130px;width:130px;height:12px;}
    .banner div.texto span.ico-shape-down{background-position: 0 -75px;}
    .banner div.texto{width: 130px; max-width: 130px;}
	.banner div.owl-item small {position: absolute;display: block;text-align: center;font-size: 8px;color: #fff;bottom: 2px;left: 0;right: 0;margin: 0 auto;padding: 0 3px;}
}

/*Menú Flotante Iphone 4/4S/3G/3GS* Vertical 27/05/2016*/
/*Visualización Especifica de Promociones en Móviles 26/08/2016*/
@media only screen and (min-height:479px) and (max-height:480px){
    header.mobile > nav ul li a, header.mobile .all-header > nav ul li a, header.mobile > nav ul li a:active, header.mobile .all-header > nav ul li a:active
    {
        font-size: 17px; 
        padding: 2px;
    }
}

@media only screen and (min-height:569px) and (max-height:667px) and (min-width: 375px) and (max-width: 600px) {
}

@media only screen and (min-height:668px) and (max-height:736px) and (min-width: 375px) and (max-width: 600px){
}
/*Visualización Especifica de Promociones en Móviles 26/08/2016*/

/*Menú Horizontal Moviles 27/05/2016*/
@media only screen and (max-height:479px){
     header.mobile > nav.show, header.mobile .all-header > nav.show{
        height:280px;
        overflow:scroll;
    }
}

/* ESTILOS ANGEL */
@media only screen and (max-width: 200px)
{
    .banner div.texto {width: 81px;max-width: 81px;}
    .banner div.texto span.ico-shape {max-width: 81px;width: 81px;height: 7px;}
    .banner div.texto h1 {font-size: .7em;}
	.banner div.texto h2 {font-size: .6em;}
    .banner div.texto h3 {font-size: .4em;}
    .banner div.texto p {font-size: .3em;}
	.banner div.texto span.ico-shape-down{background-position: 0 -25px;}
    .banner div.owl-item small {position: absolute;display: block;text-align: right;font-size: 7px;color: #fff;bottom: 2px;left: 0;right: 0;margin: 0 auto;padding: 0 3px;}
}

/********** OTROS **********/
/*@media only screen and (max-width: 480px) and (orientation:portrait){
	.carrito-content{right: 0}
	.carrito-content > .layer header{height: 145px}
	.carrito-content > .layer footer{height: 50px;}
}*/

/* MENU ARRIBA CON PEDIDO INICIADO */
@media only screen and (min-width: 1280px){
    header section nav.first ul li#large span {width: 375px;}
}
@media only screen and (min-width: 1165px) and (max-width: 1279px){
    header section nav.first ul li#large span {width: 300px;}
}
@media only screen and (min-width: 1075px) and (max-width: 1164px){
    header section nav.first ul li#large span {width: 230px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1074px){
    header section nav.first ul li#large span {width: 195px;}
}
@media only screen and (min-width: 750px) and (max-width: 1024px) {
    header section nav.first ul li#short span {width: 195px;}
}
@media only screen and (max-width: 749px){
    header section nav.first ul li#short span {width: 175px;}
}
@media only screen and (max-width: 680px){
    header section nav.first ul li#short span {width: 105px;}
}
/* MENU ARRIBA CON PEDIDO INICIADO */

/* PIZZA TRACKER */
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
    #MiDominos .pizza-tracker { padding-left: 0; margin-left: -3%}
}

@media only screen and (max-width: 1024px) {
    #MiDominos .pizza-tracker .left {
        float: none;
        width: 100%;
    }
    #MiDominos .pizza-tracker .right {
        float:none;
        width:80%;
        margin: 10px auto;
    }
    #listado-tiendas ul li{width: 70%;line-height: 1.2em;}
    #home-tiendas {display: block; overflow:hidden;}
}
@media only screen and (max-width: 695px) {
     #MiDominos .pizza-tracker .left .intermediate { margin-left: -4%}
}
@media only screen and (max-width: 620px) {
     #MiDominos .pizza-tracker .left .intermediate { margin-left: -12%}
}
@media only screen and (max-width: 575px) {
     #MiDominos .pizza-tracker .left .intermediate { margin-left: -8%}
}
@media only screen and (max-width: 570px) {
    #MiDominos .pizza-tracker .left .intermediate { margin-left: auto;}
}
@media only screen and (max-width: 405px) {
    #MiDominos .pizza-tracker .left .intermediate { margin-left: -5%;}
}
@media only screen and (max-width: 345px) {
    #MiDominos .pizza-tracker .left .intermediate { margin-left: -12%;}
    #localizador-page .map-google button.mapgoogle{padding: 9px 10px;}
    #wrapper .carrito-content div.block-shopping a.btn { width: 170px; }
}

@media only screen and (max-width: 570px) {
    #MiDominos .tracker.detail { background: #edeff2; color: #333333; padding:20px 0 0 0; }
    #MiDominos .tracker.detail h1 { font-size: 30px; text-align: center;}
    #MiDominos .tracker.detail p { display: none;}
    #MiDominos .pizza-tracker{padding: 60px 3%;}
    #MiDominos .pizza-tracker .left { margin-top: -70px;}


    #MiDominos .pizza-tracker .rueda {
        background-position: right top;
        width: 385px;
        height: 368px;
        margin-top: -15px;
        position: relative;
    }
    #MiDominos .pizza-tracker .rueda .state0 { background-position: top left; width: 137px; height: 127px; top: 191.5px; left: 58.5px; }
    #MiDominos .pizza-tracker .rueda .state1 { background-position: -136px 0; width: 137px; height: 120px; top: 79px; left:57.2px; }
    #MiDominos .pizza-tracker .rueda .state2 { background-position: -714px 0; width: 149px; height: 134px; top: 55.9px; left:119.3px; } 
    #MiDominos .pizza-tracker .rueda .state3 { background-position: left bottom; width: 132px; height: 118px; top: 80.5px; left:197.3px; } 
    #MiDominos .pizza-tracker .rueda .state4 { background-position: -135px 403px; width: 134px; height: 125px; top: 191.4px; left:197.7px; }
    
    #MiDominos .pizza-tracker .rueda .state0 { background-image: url(../img/tracker-sprite-finnish-responsive.png)}
    #MiDominos .pizza-tracker .rueda.status0 .state0 { background-image: url(../img/tracker-sprite-select-responsive.png)}

    #MiDominos .pizza-tracker .rueda.status2 .state1,
    #MiDominos .pizza-tracker .rueda.status3 .state1,
    #MiDominos .pizza-tracker .rueda.status4 .state1 { background-image: url(../img/tracker-sprite-finnish-responsive.png)}
    #MiDominos .pizza-tracker .rueda.status1 .state1 { background-image: url(../img/tracker-sprite-select-responsive.png)}

    #MiDominos .pizza-tracker .rueda.status2 .state2 { background-image: url(../img/tracker-sprite-select-responsive.png)}
    #MiDominos .pizza-tracker .rueda.status4 .state2,
    #MiDominos .pizza-tracker .rueda.status3 .state2 { background-image: url(../img/tracker-sprite-finnish-responsive.png)}

    #MiDominos .pizza-tracker .rueda.status3 .state3 { background-image: url(../img/tracker-sprite-select-responsive.png)}
    #MiDominos .pizza-tracker .rueda.status4 .state3 { background-image: url(../img/tracker-sprite-finnish-responsive.png)}

    #MiDominos .pizza-tracker .rueda.status4 .state4 { background-image: url(../img/tracker-sprite-select-responsive.png)}

    #MiDominos .pizza-tracker .rueda.status5 .state1,
    #MiDominos .pizza-tracker .rueda.status5 .state2,
    #MiDominos .pizza-tracker .rueda.status5 .state3, 
    #MiDominos .pizza-tracker .rueda.status5 .state4 { background-image: url(../img/tracker-sprite-finnish-responsive.png)}

    #MiDominos .pizza-tracker .rueda .ruleta {
        background-image: url(../img/tracker-sprite-finnish-responsive.png);
        background-position: 142px 142px;
        width: 138px;
        height: 138px;
        top: 124px;
        left: 124px;
    }

    #MiDominos .pizza-tracker .rueda .zerocontacto {
        width: 75px;        
        top: calc(50% + 21px);
        left: calc(50% - 39px);
    }

    #MiDominos .pizza-tracker .rueda p {
        width:100px;
        height: 100px;
        display: table;
        padding: 0 10px;
        top: 144px; left: 133px;
    }
    #MiDominos .pizza-tracker .rueda p span {
        font-size:15px;
        line-height: 20px;
    }
    #MiDominos .pizza-tracker .rueda .refresh {
        background-image: url(../img/tracker-sprite-select-responsive.png);
        background-position: -307px 105px;
        width: 91px;
        height: 30px;
        font-size: 13px;
        line-height:13px;
        top: 282px;
        left: 150px;
    }
    #MiDominos .pizza-tracker .left .title { width: 100%; margin-top: -15px;}
    #MiDominos .pizza-tracker .left .title h2 {
         background-position: -753px -407px;
         font-size:31px;
         width:300px;
         height:53px;
         margin: auto;
         line-height:53px;
    }
    #MiDominos .pizza-tracker .right {
        background: none;
        box-shadow: none;
    }
    #MiDominos .pizza-tracker .right .img-container {
        display:none;
    }
}

@media only screen and (max-width: 1270px) {
    header section nav.second.init button{
        font-size: 14px;
        padding: 0 8px;
        min-height: 40px;
        margin: 2px 10px 0 0;
    }
    #capa-flotante .w100 .padding.tracker{
        width: 75%;
    }
}

@media only screen and (max-width: 1285px) {
    header section nav.second ul li { padding: 15px 5px; font-size: 19px; }
}


@media only screen and (max-width: 1111px) {
    header section nav.second ul li {font-size: 17px;}
}

@media only screen and (max-width: 917px) {
    header section nav.second ul li { font-size: 15px; }
}

@media only screen and (max-width: 839px) {
    header section nav.second ul li { font-size: 13px; }
}

@media only screen and (max-width: 900px) {
    /* PROMOCIONES CUSTOM SELECT JS */
    #FiltroPromociones { width: 100%; margin-top: 10px; }
    /* PROMOCIONES FIN CUSTOM SELECT JS */
}

@media only screen and (max-width: 880px) {
    header section nav.second ul li {padding: 15px 5px 12px 5px;}
}

@media only screen and (max-width: 830px) {
    #PizzaCreate li .incrementor {
        -ms-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
    }
}

/*@media only screen and (max-width: 815px) {
    header section nav.second ul li {padding: 15px 5px 12px 5px; font-size: 16px;}
}
@media only screen and (max-width: 780px) {
    header section nav.second ul li {padding: 15px 5px 12px 5px; font-size: 15.5px;}
}*/

@media only screen and (min-width: 21px) and (max-width: 767px) {
    .no-mobile {display: none !important;}
    header.mobile .square.logo {margin-top:0;}
	header.mobile{ display: block;margin-bottom: 0;	}
    header.mobile #pasosCheckout {float: right; min-width: 240px; margin: 19px 4px 0 0;}
    header.mobile #pasosCheckout li {cursor: default; padding: 2px; font-size: 12px; line-height: 22px; font-weight: bold; color: #FFF; margin-right: 4px;}
    header.mobile #pasosCheckout li .ico-circle-blue {
        height: 25px; 
        width: 25px;
        background: #1376C5;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        margin-top: -2px;
        text-align: center;
        font-weight: bold;
    }
    header.mobile #pasosCheckout li .ico-circle-blue.disabled {background: #BCBCBC;}
    header.mobile #pasosCheckout li .circle-text {padding-top: 2px;}
    #checkout-page {margin-top: 0; padding-top: 20px; width: 100%;}

     /*Mejoras UX Banner Carrusel Popup Mobile Vertical 16/06/2016*/

    .bannerMobile{
        top:0;
        position:fixed;
        height: 100%;
        width: 100%;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.75);
        display: table;
        text-align: center;
    }
    .bannerMobile .fr {
        position: absolute;
        top: 15px;
        z-index: 1002;
        right: 15px;
    }

    .bannerMobile #creative-img{
        z-index: 1001;
        display: table-cell;
        vertical-align: middle;
    }

    .bannerMobile #creative-img #popupMobileVertical{
        width: 100%;
        top: 0;
    }

    .bannerMobile #creative-img .popupclickHorizontal{display:none;}
    .bannerMobile #creative-img .popupCenter {position:relative;}

    .bannerMobile .popupclickVertical div.texto h1 {font-size: 4.2em;}
    .bannerMobile .popupclickVertical div.texto h2 {font-size: 2.7em;}
    .bannerMobile .popupclickVertical div.texto h3 {font-size: 1.6em;}
    .bannerMobile .popupclickVertical div.texto p {font-size: 1.1em;}
    .bannerMobile .popupclickVertical div.popupclick {width: 100%;height: 100%;}
    .bannerMobile .popupclickVertical div.texto{
        width: 268px; 
        max-width: 268px;
        text-align: center;
        display: inline-block;
        color: #FFF;
        position: absolute;
        top: 10%;
        left: 20%;
    }
    .bannerMobile .popupclickVertical div.texto h2 {
        font-size: 2.7em;
        font-family: arial, sans-serif;
		font-weight: 800;
        text-transform: uppercase;
        margin: 0;
    }

    .bannerMobile .popupclickVertical div.texto h3 {
        font-size: 2em;
        font-family: arial, sans-serif;
		font-weight: 800;
        text-transform: uppercase;
        margin: 0;
    }

    .bannerMobile .popupclickVertical div.texto h1 {
        font-size: 5.7em;
        font-family: arial, sans-serif;
		font-weight: 800;
        text-transform: uppercase;
        margin: 0;
    }

    .bannerMobile .popupclickVertical div.texto p {
        font-size: 1.1em;
        font-family: Arial, sans-serif;
    }
    .bannerMobile .popupclickVertical div.texto span.ico-shape {
        max-width: 268px;
        width: 268px;
        height: 40px;
        background-size: 100%;
        margin: 0 0 15px 0;
    }

    .bannerMobile .popupclickVertical div.texto span.ico-shape-down{
        background-position: 0px -50px;
    }
    .bannerMobile .popupclickVertical small {
        position: absolute;
        display: block;
        text-align: right;
        font-size: 12px;
        color: #fff;
        bottom: 2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 15px 10px;
    }

    /*header.mobile > nav, header.mobile .all-header > nav {
	height: 0;
	overflow: hidden;
    }*/


    header.mobile .menu-mobile .menu-cupon{
    overflow:hidden;
    }

    header.mobile .menu-mobile .menu-fathers{
    overflow:scroll;
    }

    /*carrito 22/06/2016 */
	.carrito-content {right: 0px; top: 0; height:0; width:0;}
    .carrito-content.show {
        height: 100%;
        width: 100%;
    }
    .fr.right-section .carrito-content {width: 100%;}
	.producto ul li .title h5 {max-width: 62%}

    .carrito-content div.icon {
        display: none;
    }
    .carrito-content div.icon span {
        display: none;
    }
    #wrapper .carrito-content div.block-shopping {
        overflow: hidden;
        position: fixed; 
        top: unset; 
        right: unset;
        bottom: 0;
        left: 0;
        cursor: pointer; 
        z-index:11;
        width: calc(100% - 30px);
        height: auto;
        display: inline-block;
        padding: 5px 15px;
        background: rgba(255,255,255,.8);
        -webkit-box-shadow: 0 -6px 15px -1px rgba(0,0,0,.25);
        -moz-box-shadow: 0 -6px 15px -1px rgba(0,0,0,.25);
        box-shadow: 0 -6px 15px -1px rgba(0,0,0,.25);
    }
    #wrapper .carrito-content div.block-shopping p {
        vertical-align: middle;
        text-transform: capitalize;
        font-size: 11px;
        line-height: 17px;
    }
    #wrapper .carrito-content div.block-shopping span {
        color: #006491;  
        position: static;
        left: unset;
        top: unset;
    }
    #wrapper .carrito-content div.block-shopping a {
        float: right;
        vertical-align: top;
        width: 100%;
        text-decoration: none;
        border: none;
        color: #FFF;
        background-color: #8BB429;
        margin: 0;
        padding: 5px 0px 5px;
        font-family: arial, sans-serif;
		font-weight: bolder;
        font-size: 17px;
        line-height: 21px;
        -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.25);
        -moz-box-shadow: 0 4px 10px 0 rgba(0,0,0,.25);
        box-shadow: 0 4px 10px 0 rgba(0,0,0,.25);
    }
    #wrapper .carrito-content div.block-shopping #btn-continuar,
    #wrapper .carrito-content.show div.block-shopping #btn-micesta,
    #wrapper .carrito-content.show .carrito-vacio {
        display: none;
    }
    #wrapper .carrito-content div.block-shopping #btn-micesta,
    #wrapper .carrito-content.show div.block-shopping #btn-continuar {
        display: block;
    }
    #home-tiendas{
        padding-bottom: 65px;
    }
    .carrito-content > .layer header {
        padding: 15px 15px 25px 15px;
    }
    .carrito-content > .layer section .producto ul {
        padding: 10px 15px;
    }

    .carrito-content.show > .layer {
        /*position: relative;*/
        z-index: 10;
        border-radius: 0;
        /*height: 100%;
        background-color: rgba(255, 255, 255, 0.8)*/;
        max-width: none;
        overflow: visible;
        position: fixed;
        top: 54px;
        height: calc(100vh - 54px);
        background: #f3f3f3;
        overflow-y: scroll;
        /*margin-bottom: 115px;*/
    }

    .carrito-content.tienda-info.show > .layer {
        background: #fff;
    }

    .carrito-content.tienda-info.show span {
        color: #888 !important;
    }

    .carrito-content.tienda-info.show div {
        margin-bottom: 3px;
    }

    /*mostrar icono de cerrar en capa de pedido mobile*/
    .carrito-content.show > .layer header .ico-close-white {
        position: absolute;
        top: 13px;
        right: 13px;
        z-index: 1001;
        width: 30px;
        height: 30px;
    }

    #checkout-page .carrito-content.show > .layer header .ico-close-white {
        display: none;
    }

    #main-wrapper.mobile div#home-page #wrapper div#carta-page{min-height:calc(100%); width: 100%; z-index:99 !important; position:absolute}

    .detallePedidoResponsive {
        margin-top: -13px;
    }

    /*Ocultamos el menu de pc 26/05/2016*/
    #menu {
        height: 60px;
        display: none;
    }
    /* PARADIGMA: 20190532 - Nuevo submenu para la version responsive*/
        #menu.menu-responsive {
            overflow: auto;
            white-space: nowrap;
            height: auto;
            display: block;
            background-color: #FFF;
            margin-bottom: 5px;
            -webkit-box-shadow: 0 3px 10px -2px rgba(0,0,0,0.18);
            -moz-box-shadow: 0 3px 10px -2px rgba(0,0,0,0.18);
            box-shadow: 0 3px 10px -2px rgba(0,0,0,0.18);
        }
    #menu.menu-responsive ul {
        width: 100%;
        max-width: unset;
        display: block;
    }
    #menu.menu-responsive ul li {
        position: relative;
        float: none;
        display: inline-block;
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
    #menu.menu-responsive ul li.selected {
        background-color: #1376C5;
    }
    #menu.menu-responsive ul li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 32%;
        height: 20px;
        border: 1px solid #006491;
        padding-left: 0;
        opacity: 0.5;
        filter: alpha(opacity=50)
    }
    #menu.menu-responsive ul li:first-child:before {
        border: none;
    }
    #menu.menu-responsive ul li.selected + li:before{
        border: none;
    }
	#menu.menu-responsive ul li a {
        margin: 0 6px 0 12px;
        font-size: 14px;
        color: #006491;
        text-transform: uppercase;
        padding: 15px 0;
        display: inline-block;
	}
    #menu.menu-responsive ul li:hover, #menu.menu-responsive ul li a:hover {
        color: #006491;
    }
    #menu.menu-responsive ul li.selected, #menu.menu-responsive ul li.selected a{
        color: #FFF;
    }
    /* PARADIGMA: 20190532 - FIN Nuevo submenu para la version responsive*/
    /*Menu Usuario Movil Horizontal 21/07/2016*/
    section#menu-login {top: 55px !important; right:0 !important;}
    .mobile.square.pedir{display: inline-block;}
    .mobile.square.pedir.fixed {position: fixed;}

    /* BOTONES PIE DE PÁGINA 04/06/2019*/
    .text-uppercase {
        text-transform: uppercase;
    }
    .text-center{
        text-align: center;
    }
    /* BOTONES PIE DE PÁGINA */
    #MiDominos .bgblue #ficha-pizza-container {
        padding: 0;
    }
    #MiDominos .bgblue #ficha-pizza-container .saludo {
        background: #FFF;
        padding: 10px 20px;
        -webkit-box-shadow: inset 0 10px 12px -8px rgba(0,0,0,0.18);
		-moz-box-shadow: inset 0 10px 12px -8px rgba(0,0,0,0.18);
        box-shadow: inset 0 10px 12px -8px rgba(0,0,0,0.18);
    }
    #MiDominos .bgblue #ficha-pizza-container .saludo h1 {
        color: #0062b7;
        padding: 0;
        margin-bottom: 10px;
        border: none;
    }
    #MiDominos .bgblue #ficha-pizza-container #ocultar {
        padding: 10px 20px;
    }
    .login-content .header {
        background-color: #FFF;
        color: #0062b7;
    }
    #MiDominos .bglightblue{
        padding-top: 0;
    }
    #MiDominos .miDominosSection {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #MiDominos .miDominosSection #TuPerfil {
        -webkit-order: 2;
        -webkit-flex-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    #MiDominos .miDominosSection #UltimoPedido {
        -webkit-order: 1;
        -webkit-flex-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    #MiDominos .miDominosSection #Pizzas {
        -webkit-order: 3;
        -webkit-flex-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    #MiDominos .miDominosSection #Promociones {
        -webkit-order: 4;
        -webkit-flex-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    .login-content .header span.ico {
        position: relative;
        background: none;
    }
    .login-content .header span.ico:before {
        content: '';
        position: absolute;
        top: 7px;
        right: 5px;
        background-color: #0062b7;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 10px;
        height: 1px;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }
    .login-content .header span.ico:after {
        content: '';
        position: absolute;
        top: 7px;
        right: 12px;
        background-color: #0062b7;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 10px;
        height: 1px;
        border: none;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;        
    }
    .login-content.plegado {
        -webkit-box-shadow: 0 3px 10px -2px rgba(0,0,0,0.18);
        -moz-box-shadow: 0 3px 10px -2px rgba(0,0,0,0.18);
        box-shadow: 0 3px 10px -2px rgba(0,0,0,0.18);
    }
    .login-content.plegado .header span.ico:before {
        top: 9px;
        right: 14px;
    }
    .login-content.plegado .header span.ico:after {
        top: 9px;
        right: 7px;
    }
    section#menu-login nav li.active {border-left: 20px solid #73a848 !important; padding-right: 50px!important;}
}

@media only screen and (min-width: 899px) {
    .form-datos #contenedor_formulario div.horarios-disponibles.cerrada {
        margin-top: 17px;
    }
    /*Boton de Listado de Tiendas 22/07/2016*/
    #localizador-page button.mapgoogle{min-height: 20px;font-size: 15px; margin-left: 10px;padding: 9px 24px;}
}

/*Combo Localidad Máx Amplio Listado de Tiendas 22/07/2016*/
@media only screen and (min-width: 601px){
    #localizador-page .custom-select.max {width:45%;}
}

/* MOVILES (horizontal) */
@media only screen and (max-height: 450px) and (min-height: 300px) {
    .desplegableInicioPedidoAunNoRegistradoDiv .button.green {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }

    #login-fb-box.modalInicioPedido #connect-fb {
        height: 50px;
        width: 100%;
        margin: 0;
    }

    #capa-flotante #address-page #address-form button.green {
        padding: 0 25px;
        margin-top: 0;
        margin-bottom: 15px;
        width:100%;
    }

    #capa-flotante #connect-fb span.ico {
        height: 30px;
        margin: 15px 17px;
    }
    #connect-fb span.text {
        display: table-cell;
        vertical-align: middle;
        padding-right: 100px;
        font-size: 16px;
    }

    header.mobile > nav.show, header.mobile .all-header > nav.show {
        height:100vh;
    }

}

@media only screen and (max-height: 450px) and (min-height: 300px) and (min-width: 480px) and (max-width: 600px) {
    #capa-flotante.show {
        height:auto;
    }
}

.mobileMenuTitle {
    margin-top: 2px;
    text-align: center;
    font-size: 9px;
    font-family: arial, sans-serif;
	font-weight: bolder;
    color: #FFF;
}

.menuExpand .mobileMenuTitle {
    color:#fff;
}

.square.fl.menu.menuExpand {
    background-color: #1376c5;
}

.ic_menos_pedir {
    background-image: url(../img/ic_menos_pedir.png);
    width: 15px;
    height: 15px;
    background-size: 15px;
    background-position: center;
    margin-top: 5px;
}

.ic_mas_pedir {
    background-image: url('../img/ic_mas_pedir.png');
    width: 15px;
    height: 15px;
    background-size: 15px;
    background-position: center;
    margin-top: 5px;
}

/* TOKENIZACION*/
@media only screen and (max-width: 900px) {
    #misTarjetas .datosTarjeta, #misTarjetas .accionesTarjeta, #MiDominos #misTarjetas .accionesTarjeta button {
        width:100%;
    }
    #MiDominos #misTarjetas .titulo h2 { margin-bottom: 0; }
    #misTarjetas .titulo button { width: 100%; margin-top: 0; }
    .form-datos .formas-pago { margin: 0; }
    .form-datos .forma-pago { width: 100%; }
}
/* TOKENIZACION*/

/* MOVILES */
@media only screen and (max-width: 768px) {
    #capa-flotante .mostrarTecladoAndroid {
        height: calc(100% + 260px);
    }
}

/* SUGERENCIA DESCARGAR APP */
@media only screen and (max-width: 370px) {
    .descargarAPP .content {
        overflow: hidden;
        padding: 9px 0 9px 5px;
    }

    .descargarAPP .center {
        padding: 5px 8px 0 8px;
    }

    .descargarAPP .right {
        padding: 15px 10px 0 0;
    }

    .descargarAPP .right button {
        padding: 8px 10px;
    }

    #localizador-page button.mapgoogle {padding: 9px 18px;}
}
/* FIN SUGERENCIA DESCARGAR APP */

/* Portrait */
@media screen and (orientation:portrait) {
    .bannerMobile #creative-img #popupMobileVertical{display:block;}
    .bannerMobile #creative-img #popupMobileHorizontal{display:none;}
}
/* Landscape */
@media screen and (orientation:landscape) {
    .bannerMobile #creative-img #popupMobileVertical{display:none;}
    .bannerMobile #creative-img #popupMobileHorizontal{display:block;}
}
/* MANTENER CABECERA EN RESPONSIVE */
@media only screen and (min-width: 21px) and (max-width: 600px) {
    #capa-flotante.with-header,
    #SeccionBlack.with-header,
    #SeccionBlack.with-header #capa-flotante{top:56px !important;}
    section#menu-login.show, section#menu-login-register.show{z-index:1001;}
    header.mobile .all-header{z-index:1002;}
    #capa-flotante.promo.with-header{top:46px !important;} /* No se porqué lleva un margen de 10 que hay que restar aquí */
    #SeccionBlack.lightbox.with-header #main-wrapper{top:0;}
    #SeccionBlack.lightbox.with-header #capa-flotante.show{height:621px;} /*565px + 56 (header)*/
    .with-x{padding-top: 10px;}
    #SeccionBlack.with-header #capa-flotante #address-page > .w60 .padding{margin-bottom:114px; } /* 58px + 56 (header) */
}
/* FIN MANTENER CABECERA EN RESPONSIVE */
/* INICIO MENU INFERIOR APP */
.botonera-menu-pie{
    display: none;
}
@media only screen and (min-width: 21px) and (max-width: 600px) {
    .botonera-menu-pie {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #0e6ca7;
        height: 65px;
        z-index: 100;
    }

    .botonera-menu-pie .col-lg-4 {
        float: left;
        width: 25%;
        text-align: center;
        padding: 8px 0;
    }

    .botonera-menu-pie .col-lg-4 a,
    .botonera-menu-pie .col-lg-4 span {
        display: block;
    }

    .botonera-menu-pie .col-lg-4 a {
        border: none;
        border-right: 1px solid #0b5583;
        margin-right: 0;
    }

        .botonera-menu-pie .col-lg-4 a.last {
            border-right: none;
        }

    .botonera-menu-pie .col-lg-4 span {
        font-weight: 700;
        color: #FFF;
        font-size: 11px;
        font-family: arial, sans-serif;
		font-weight: bolder;
    }

    .botonera-menu-pie .col-lg-4 img {
        height: 40px;
    }
}
/* FIN MENU INFERIOR APP */
/* INICIO CAMBIOS UPSELLING THOR */
@media only screen and (max-width: 600px) and (min-width: 21px) {
    #elegir-promo.upselling ul{height: 390px;}
    #capa-flotante.promo #elegir-promo .promo.upselling .left-section{text-align: center;}
    #capa-flotante.promo #elegir-promo .promo.upselling .left-section img{display: block; max-height: 250px; float: none; padding: 0; margin: auto;}
    #capa-flotante.promo #elegir-promo .promo.upselling .left-section button{position: static; margin-top: 10px;}
    .promo.upselling{margin-top: 10px;}
}
/* INICIO CAMBIOS UPSELLING THOR */
/* INICIO ESCONDER PIE EN RESPONSIVE */
@media only screen and (max-width: 1024px) and (min-width: 21px) {
    footer.clearfix{
        display:none;
    }

    #wrapper .clearfix{
        display:block;
    }
    /* INICIO INFORMACION LEGAL */
    #informacion-legal{
        padding: 0 20px;
    }
    #informacion-legal ul li{
        display: block;
        width: 100%;
        height: 10px;
        font-family: arial, sans-serif;
		font-weight: bolder;
        border-bottom: 1px solid #005088;
        padding: 30px 0;
        vertical-align: middle;
    }
    #informacion-legal ul li:last-child{
        border-bottom: none;
    }
    #informacion-legal ul li a{
        border: none;
        color: #005088;
    }
    header.mobile .header-section.mobile.informacion-legal {
        background-color: #005088;
        font-family: arial, sans-serif;
		font-weight: bolder;
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
        padding: 17px 0;
        top: 56px;
        height:auto;
        width: 100%;
        z-index: 100;
    }
    header.mobile .header-section.mobile.informacion-legal img{
        height: 30px;
        vertical-align: middle;
    }
    header.mobile .header-section.mobile.informacion-legal:after{
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 20px 0 20px;
        border-color: #005088 transparent transparent transparent;
        content: '';
        position: absolute;
        left: 50%;
        margin-left: -12px;
        bottom: -14px;
    }
    #wrapper #home-page header.mobile.informacion-legal{ height: 65px; border-bottom: none; }
    /* FIN INFORMACION LEGAL */
    .icoapp {margin: 13px 13px 0 0;}
    #home-tiendas .copyright {display: block; margin-top: 15px;}
}
/* FIN ESCONDER PIE EN RESPONSIVE */

@media only screen and (min-width: 21px) and (max-width: 480px) {
    /* PUNTOS BAJO CARRUSEL HOME*/
    #pizzas-container .pizzas-carrusel .owl-controls{margin-top:10px;}
    #pizzas-container .pizzas-carrusel .owl-controls .owl-pagination{
        display: block;
    }
    /* FIN PUNTOS BAJO CARRUSEL HOME*/
}

/* RESPONSIVE */
@media only screen and (min-width: 619px) and (max-width: 800px){
    /* 20221003: CGCarrasco - Ajuste para nuevas descipciones AL en responsive */
    #pizzas-container ul li .pizza-detail{ top: 20px;}
}    
/* 20221004:CGCarrasco - Mostrar combos de tamaño y de salsa en el carrusel para productos en promo de Venta Sugerida */
#promo-add-page .PizzaContent .pizza-detail select.selectpicker {
    display: block;
    padding: 8px 15px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    min-height: 40px;
    height: 40px;
    margin: 5px 0 2px;
    border-color: #FFF;
    overflow: hidden;
    float: left;
    background: #fff url(../img/select-icon.svg) no-repeat scroll -20px -20px !important;
    background-position-x: right;
    background-position-y: center;
    border: 0 none;
    text-indent: 0.01px;
    background: transparent;
    border-radius: 0;
    color: #252525;
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.2
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
    background: url('../img/loading.gif')no-repeat center center; 
}
@charset "UTF-8";

@font-face {
  font-family: "Dominos-webfont";
  src:url("../fonts/dominos/Dominos-webfont.eot");
  src:url("../fonts/dominos/Dominos-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/dominos/Dominos-webfont.woff") format("woff"),
    url("../fonts/dominos/Dominos-webfont.ttf") format("truetype"),
    url("../fonts/dominos/Dominos-webfont.svg#Dominos-webfont") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "Dominos-webfont" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "Dominos-webfont" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-nueva-ca:before {
  content: "\61";
}
.icon-nueva-es:before {
  content: "\62";
}
.icon-cancel:before {
  content: "\64";
}
.icon-times:before {
  content: "\63";
}