/*_//! INFO
****************************************************************
* Omniaweb Italia - {development lab}
* http://www.omniaweb.it/
*
* Copyright 2013 Omniaweb Italia S.r.l.
* All rights reserved
****************************************************************
*
* Short description about this resource
*
* @copyright     Copyright 2013 Omniaweb Italia S.r.l.
* @link          http://www.omniaweb.it/
* @package       PIZZISSIMA
* @subpackage    CSS
* @authors		 Omniaweb Italia - {development lab} 
*
****************************************************************
*/

/***************************************************************
*
*_//! GENERAL
*
***************************************************************/

/*body{background: #fff; font-family: 'Open Sans', sans-serif;text-align:left;}*/
* {
	font-family: 'Nunito', sans-serif;
}
*:focus {
	outline-width: 0;
}

i { font-family: 'FontAwesome' !important; }

body{ 
	background: #fff; text-align:left;
}

.clearfix {
	clear: both;
}

.button, button {
    background-color: #bd0c0c;
    border-color: #a20808;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #9c0808;
}

#servizioTXT{text-align:justify;}
.spazia{display:none}
@media only screen and (max-width: 760px) {
    #servizioTXT{text-align:left;}
	.label_av{ display:none;}
	.spazia{display:block; height:30px;float:left;width:100%;}	
	.imaIco img{max-width:none !important; width:20px !important;margin-top:8px;}
}
h1,h2,h3,h4,h5,h6{ 
	color: #470827;
	font-family: 'Nunito', sans-serif;
}
h4{font-size:18px; color:#761500; font-weight: 600;}
h1,h2{font-size: 25px; font-weight: 400;}
h3{font-size: 20px; font-weight: 400; text-transform: uppercase;}
h5{font-size: 18px; font-weight: 400; display: block; padding-bottom: 5px; margin-bottom: 10px;}
strong,b{color: #761500;}
.center{text-align: center;}
.txtAlignRight{text-align: right;}
.txtAlignCenter{text-align: center;}
.txtAlignCenter input{margin:0;}
.txtAlignLeft{text-align: left;}
.vAlignMiddle{vertical-align: middle;}
.cl{clear:both;}
.ui-state-highlight,.ui-state-error{padding:10px; margin:0 0 20px 0; }
.ui-state-highlight p,.ui-state-error p{margin: 0; padding: 0; }
.ui-icon{margin-top: 3px;}

.ui-datepicker-today .ui-state-highlight{margin-bottom: 0px; padding-bottom: 0;}

.vac{color:#FFF}
.vac:hover{ text-decoration:underline;color:#FFF;}

/* cambia città */
.mmDC{color:#470927; }
div.tt{display:table-cell;vertical-align:middle;height:35px; font-size:16px;color:#470927;}
.tt i{margin-right:10px;font-size:20px;}
.customSelect{position:relative;}
.mmDC select{border:0px solid #232323;color:#232323; height:30px; font-size:14px; width:100%;
outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer; padding-left:10px;}
.customSelectEffect{position:absolute; top:1px; right:1px; height:30px;background:transparent; width:25px; pointer-events: none;}
.customSelectEffect i{ color:#232323; font-size:18px; line-height: 30px; }


/***************************************************************
*
*_//! HEADER
*
***************************************************************/
#superHeadImage{ overflow:hidden; height: 800px; width: 100%; line-height:800px; position:  absolute; top:0; left: 0; z-index: -1;}
#superHeadImage img{vertical-align: middle; position: absolute; display: none; }
#header{padding-top: 10px; padding-bottom: 0px; margin-bottom:0px; position: relative;}
#header .columns{margin-left: 0; margin-right: 0; padding-left:0; padding-right: 0; }
.nav-bar{background: #f7f7f7; margin-top: -10px;  border: 1px solid #fff; border-bottom:1px solid #EEE;}
.nav-bar ul{ display:inline-block; text-align:center;}
.nav-bar li{text-transform: uppercase; line-height:42px;}
.nav-bar li{border-left:1px solid #EEE;padding:0 10px; padding-top:3px;}
.nav-bar li.active a,.nav-bar li a:hover{text-decoration: underline; color: #bd0c0c;}
#headerData{
	position: absolute;
    top: -15px;
    right: 15px;
    height: 40px;
    overflow: hidden;
}
/*#headerData{width: 348px;}*/
#headerData{width: 45px;}
#cart_counter{background: url(../images/cart.png) center bottom no-repeat; width: 39px; height: 33px; position: absolute; top: 3px; left: 10px;}
#cart_counter span{top: 7px; left: 12px; font-size: 12px; color: #bd0c0c; font-weight: bold; font-family: arial, sans-serif; position: absolute; line-height: 16px; width: 20px; text-align: center;}
#infoClienti{position: absolute; top:0; left: 60px; padding: 6px 0 5px 10px; border-left: 2px solid #fff;}

#slogan{position: absolute; top:30px; left: 10px; display: block; background: rgba(255,255,255,0.4); padding: 10px 20px;}
#slogan h2{font-size: 31px; font-weight: 400; font-style: italic; margin: 0; padding: 0;}
.bb{background-color:#FFF}
/*_//! MOBILE */
@media only screen and (max-width: 800px) {
	.nav-bar li a{font-size: 12px;}
	 
}

@media only screen and (max-width: 800px) {
	#slogan h2{font-size: 25px;}
}
@media only screen and (max-width: 760px) {
    /* #logo{max-height: 160px; margin-bottom:0px;}  
    #superHeadImage{height: 180px; line-height: 180px; overflow: hidden;}  
    .nav-bar{margin: 20px; font-size: 12px; text-align: center; padding-left: 10px; clear: both;}
    .nav-bar li{margin: 0; padding: 0 7px 0 0;}
    .nav-bar li a{font-size:12px;} */
    /* #headerData{position: relative; background: #fff; border: 2px solid #fff; margin: 20px; padding: 10px; left: auto; top: auto; right: auto; width: auto;} 
    #cart_counter{left: 32px;}*/
    .nav-bar {
	    text-align: right;
    }
    #infoClienti{left: 80px;}
    #header{padding-bottom: 0px;}
    #slogan{position: relative; top: auto; left: auto; padding: 0; background: #470827; }
    #slogan h2{font-size: 18px; text-align: center; color: #fff; padding: 10px 0; border-bottom: 1px solid #fff; letter-spacing: -1px;}
    
}

@media only screen and (max-width: 800px) {
	#slogan h2{font-size: 25px;}
}

#addrResponse,#addrResponse_1, #addrResponseModal{
	font-size:13px; border:1px solid #CCC; position:absolute; z-index:999; max-height:200px; overflow:auto; padding:5px; display:none;
	margin-top: -15px;
    background: #eeeeee;
    padding: 10px 7.5px;
    line-height: 1.46;
    margin-right: 10px;
}
#addrResponse a,#addrResponse_1 a, #addrResponseModal a{display:block;border-bottom:1px solid #CCC;list-style:none;margin:0;padding:5px 0;}
 #addrResponseModal{ z-index:99999999999; left:9px; right:9px; top:31px; width:auto; background-color:#DDD;}
/***************************************************************
*
*_//! LOGIN
*
***************************************************************/

#profiloMessaggio{background: rgba(255,255,255,0.8); font-size: 13px; padding: 5px; width: 300px; height: 30px; position: absolute; right: 0; bottom: 49px;}
#profiloMessaggio p{width: 165px; display: inline-block; overflow: hidden; float: left; }
#profiloMessaggio a{padding: 5px 9px; background: #bd0c0c; color: #fff; margin-top:-2px; float:right;display:block;}
#btnEsci,#btnModifica{padding:5px 0;}
#btnModifica{margin-right:5px;}
#btnEsci{margin-right:13px;}
#btnIscriviti{margin-right:5px;}
@media only screen and (max-width: 760px) {
	#profiloMessaggio a{padding: 5px 3px;}
	#profiloMessaggio p{width:130px !important;}
	}

#loginFormWrapper{background: transparent; border: 0;}
#loginFormWrapper tr, #loginFormWrapper td{background: transparent; border: 0; font-size: 14px; margin: 0; padding: 3px; height: 14px; overflow: hidden;}
#loginFormWrapper td input{margin-bottom: 0;}
#loginBtn{padding: 7px; font-size: 12px;}

#loginFormWrapper a{font-size: 11px; text-decoration: underline;}

#numberSc{
background: rgba(255,255,255,0.8) ;
/*background:#EEE;*/
font-size: 14px; 
padding: 5px; 
width: 220px; 

position: absolute; 
left: 10px; 
bottom: -60px;
z-index:9999; 
border:1px solid #DDD;
}
#numberSc span{display:block;}
#numberSc .ns_tel a{color:#bd0c0c; font-size:34px;}
#numberSc .ns_opt{color:#761500; font-size:16px;letter-spacing:1px; font-weight:bold;}
#numberSc .ns_ora{ margin-top:10px; text-align:left;}
/*IPAD PORTRAIT*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
	#numberSc{
	width: auto; 
	font-size: 13px; 
	}
	#numberSc .ns_tel a{ font-size:24px;}
	#numberSc .ns_opt{font-size:13px;}
	#headerData{width:65px;}
}
/*IPAD LAND*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape){
	#numberSc{
	/*width: 100%; */
	display:block;
	}	
}
/*_//! MOBILE */
@media only screen and (max-width: 760px) {
	#profiloMessaggio{position: relative; top: auto; left: auto; bottom: auto; width: auto; margin: 20px 20px 0 20px; background: #f7f7f7; clear: both;   }
	/* #profiloLogin{position: relative; top: auto; left: auto; bottom: auto; width: auto; margin: 20px 20px 0 20px;  background: #f7f7f7; clear: both; } */
	#profiloMessaggio p{width: 200px;}
    #loginFormWrapper{position: relative; clear: both; }
	
	#headerData{border:none;padding:0;margin:0;}
	#numberSc{position: relative; width:auto; bottom:auto; left:auto; margin:0 15px;}
}


/***************************************************************
*
*_//! NEWS
*
***************************************************************/

article{padding: 0 0 20px 0; margin: 0; font-size: 12px; line-height: 20px;}
article h6{font-weight: 400; font-size: 18px; margin: 0; padding: 0 0 3px 0; }
article h6 a:hover{text-decoration: underline;}
article .large-2.right{text-transform: uppercase; text-decoration: underline;}
.pageBrowserContainer{clear: both;display: block;background: trasparent;padding: 0;}
.pageBrowserContainer ul{margin: 0;padding: 0;float:right;list-style: none;}
.pageBrowserContainer ul li{float: left;}
.pageBrowserContainer ul li a{padding: 7px;display: inline-block;margin: 0 0 0 2px;background:#DDD;color: #333;font-size: 13px;line-height: 10px;}
.pageBrowserContainer ul li.selected a,.pageBrowserContainer ul li a:hover{font-weight: bold;background: #470827;color: #FFF;}
.pageBrowserContainer ul li a:hover{font-weight:normal;}
/***************************************************************
*
*_//! PAGE
*
***************************************************************/

#pageCenter{background:#fff !important; /*overflow: hidden; */ padding-bottom: 20px; margin-bottom:0px; z-index: 5;}
#cercaCucina{background: #f7f7f7 url(../images/tipo_cucina.png) 10px center no-repeat; padding: 10px 5px 10px 45px; border: 1px solid #e6e6e6; text-transform: uppercase;  margin-top:10px;}
#cercaCucina a span{display: block;}
#cercaCucina a span:after{ content: ""; border-color: transparent transparent transparent #ccc; border-style:solid; border-width:6px; display: inline-block; float: right; margin-top: 2px;}
#cercaCucina a:hover span:after{border-color: transparent transparent transparent #bd0c0c;}
#cercaCucina a:hover {color: #bd0c0c; text-decoration: underline;}
#cercaCucina a span.hOnCercaCucina:after{border-color: #bd0c0c transparent transparent transparent;}
#leftCol { }
#leftCol h4{display: block; text-align: left; margin: 20px 0 20px 10px;}

.side-nav{border-right: 1px solid #ccc; padding: 0 0 90000px 0; margin: 10px 0 -90000px 0; text-transform: uppercase; }
.side-nav li a{padding: 0px 0px 2px 0px; border-bottom: 1px solid #F7F7F7; display: block; margin-right: 5px; color: #5d1000; font-size: 15px;}
.side-nav li a:after{content: ""; border-color: transparent transparent transparent #ccc; border-style:solid; border-width:6px; display: inline-block; float: right; margin-top: 7px; }
.side-nav li a:hover:after{border-color: transparent transparent transparent #bd0c0c;}
.side-nav li a:hover{color: #bd0c0c; text-decoration: underline;}

#orderNowWrapper{padding:0 0 10px 0;text-align: center;}
#orderNow{font-weight: 400; text-decoration: none; text-shadow: #000 0px 1px 1px; background-image:url(/images/arrowRightHome.png); background-position: center right; background-repeat:no-repeat;}

/*_//! STEP AND HOME TITLES */
h6.stepTitle{font-weight: 600; text-transform: uppercase; color:#761500; font-size:14px;}
h6.stepTitle b{font-weight: bold;font-size:24px; display:block;}

.stepTitle span{float: left;}
.stepTitle div{float: left; margin: 6px 0 0 30px; color: #470926; line-height: 25px; vertical-align:middle;}
.stepTitle span {position: relative; background: #470926; height: 36px; width: 36px; padding-right: 20px; display: inline-block;}
.stepTitle span:after {left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; margin-left: 0px; border-color: rgba(255, 255, 255, 0); border-left-color: #470926; border-width: 18px; top: 50%; margin-top: -18px;}
.stepTitle span span{ position: absolute;top:2px; left: 2px; background: #fff; height: 32px; width: 33px;}
.stepTitle span span:after {z-index: 2; border-left-color: #fff; border-width: 16px; top: 50%; margin-top: -16px;}
.stepTitle span span span{position: absolute; top:1px; left: 1px; background: #470926; height: 30px; width: 32px;}
.stepTitle span span span:after {z-index: 3; border-left-color: #470926; border-width: 14px; top: 50%; margin-top: -14px;}
.stepTitle span span span span{position: absolute; left: 10px; color: #fff; background: transparent; border: 0;}
.stepTitle span span span span:after{display: none;}


.stepHome{border:3px solid #4c0b2b; margin-bottom:40px;padding:5px 40px; height:106px; overflow:hidden;}
.stepHome.uno{background:url(../images/uno.png) no-repeat right center;}
.stepHome.due{ background:url(../images/due.png) no-repeat left center;}
.stepHome.tre{ background:url(../images/tre.png) no-repeat right center;}
.stepHome.quattro{ background:url(../images/quattro.png) no-repeat left center;}

h6.stepTitle{margin: 0;}
.stepTitle.breadCrumbStep div{ font-size: 11px; margin-top: 4px;}
h6.stepTitle.breadCrumbStep.selected div, #stepFullBar h6.stepTitle.breadCrumbStep.selected div a{color: #fff;}
#stepFullBar h6.stepTitle.breadCrumbStep.selected div a:hover{text-decoration: underline;}
h6.stepTitle.breadCrumbStep.selected{background: #470926; height: 36px; font-weight: 400; text-transform: uppercase; filter:none; }
#stepFullBar .stepTitle div{line-height: 15px;; vertical-align:middle;}


#stepFullBar{margin-left: 0px; margin-right: 0px; margin-top:10px;}
#stepFullBar .columns{padding: 0; margin: 0;}

/*_//! TIPOLOGIE DI CUCINA */
#tipiDiCucina{display: none; position: absolute; top: 10px; left: 229px; width: 420px; padding: 0 0 20px 0; background: #f7f7f7; z-index: 5; border: 1px solid #e6e6e6; border-left: 0; text-transform: capitalize;}
#tipiDiCucina ul{list-style: none;}
#tipiDiCucina ul li{float: left; margin: 0 5px; padding: 10px 0 0 0; width: 190px; border-bottom: 1px solid #e6e6e6;}
#tipiDiCucina ul li a{padding: 5px 10px;}

/*_//! MOBILE */
@media only screen and (max-width: 800px) {
	.side-nav li a{padding: 0;font-size: 14px;}
	#leftCol h4{margin: 0; font-size: 14px; margin-top: 20px;}
	#cercaCucina{font-size: 14px; padding-right: 0;}
	#tipiDiCucina{left:181px;}
}
@media only screen and (max-width: 760px) {
	.side-nav{border: 0;}
    .side-nav li a{padding: 7px 14px 7px 0px; font-size: 18px;}
    #leftCol h4{font-size: 18px;}
    #orderNowWrapper{line-height: 50px; height: auto;} 
    #cercaCucina{font-size: 18px; padding-right: 20px;}
    #tipiDiCucina{position: absolute; left: 10px; top:56px; width: auto; margin-right: 10px; border: 1px solid #e6e6e6; border-top:0;}  
    #tipiDiCucina ul li{width: 45%}
    #tipiDiCucina ul li a{padding: 5px 0px; font-size: 13px;} 
    
    /*_//! STEP PER MOBILE */
    #stepFullBar{margin-left: -10px; margin-right: -10px;}
    #stepFullBar .stepTitle.breadCrumbStep div{ font-size: 9px; margin-top: 3px; line-height: 16px;}
    #stepFullBar .stepTitle span{float: left;}
	#stepFullBar .stepTitle div{float: left; margin: 0px 0 0 12px; color: #761500;}
	#stepFullBar .stepTitle span {position: relative; background: #761500; top:0px; height: 36px; width: 14px; padding-right: 10px; display: inline-block; border-top: 2px solid #711e01; }
	#stepFullBar .stepTitle span:after {left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; margin-left: 0px; border-color: rgba(255, 255, 255, 0); border-left-color: #761500; border-width: 16px; top: 50%; margin-top: -17px;}
	#stepFullBar .stepTitle span span{ position: absolute;top:2px; left: 2px; background: #fff; height: 28px; width: 11px;border-top:0;}
	#stepFullBar .stepTitle span span:after {z-index: 2; border-left-color: #fff; border-width: 14px; top: 50%; margin-top: -14px;}
	#stepFullBar .stepTitle span span span{position: absolute; top:1px; left: 1px; background: #761500; height: 26px; width: 9px;}
	#stepFullBar .stepTitle span span span:after {z-index: 3; border-left-color: #761500; border-width: 12px; top: 50%; margin-top: -12px;}
	#stepFullBar .stepTitle span span span span{position: absolute; top:4px; left: 3px; color: #fff; background: transparent; border: 0; font-size: 14px; z-index: 4;}
	#stepFullBar h6.stepTitle.breadCrumbStep.selected div, #stepFullBar h6.stepTitle.breadCrumbStep.selected div a{color: #fff;}
}


/***************************************************************
*
*_//! SCHEDA DEL RISTORANTE
*
***************************************************************/

.row #photoRisto .columns{position: relative; overflow: hidden; text-align: center; max-height: 140px; margin: 0 7px 0 0; padding: 0 0 0 0; max-width: 150px; }
.row #photoRisto .columns img{max-width: 200%;}
#ristoDescription{margin-top: 20px;}
#ristoDopo{margin-bottom: 20px;}
#ristoStep1,#ristoStep2,#ristoStep3{background:#470827;color:#fff;margin-bottom: 20px; padding:10px;}
#ristoStep2,#ristoStep3{margin-top:20px;}
#ristoButton{margin-top:20px;}
.confermaOrario{background:#841B05; border:0;}
#infoRistorante{background: transparent; padding: 30px 0; clear: both; }
#infoRistorante .row{min-height:20px;margin-bottom:5px}
.infoDataRistorante{font-size:14px}
#infoRistorante img{ width: 24px; min-width: 15px; }
.infoDataRistorante span, .infoDataRistorante a { color: #080808;  font-weight: 600; }
.infoDataRistorante span { padding-right: 10px; }
.infoDataRistorante p {display: inline;}
.infoDataRistorante a:hover { text-decoration: underline; }

/*_//! SOMMARIO ORDINE */

#summaryWrapper{margin-bottom: 10px;}

#summaryWrapper.fixed-cart {
	position: fixed;
	top:0;
	left: 50%;
	margin-left: -230px;
	width: 700px;
	z-index: 99999;
	box-shadow: 0px 0px 60px rgba( 0, 0, 0, 0.5) ;
}

#summaryHeader{background: #D85550; padding: 0; overflow: hidden; cursor: pointer;}
/*#summaryHeader:after{content:"Dettagli"; float: right; padding: 22px 40px 22px 15px; background:#920D0E url(../images/dwn.png) no-repeat center right; color: #fff; } */
/* div#summaryHeader.up:after{background:#761500 url(../images/up.png) no-repeat center right;} */


.summary-header-container {
	display: table;
	width: 100%;
	color: #ffffff;
}

.summary-header-link, .summary-header-text {
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	padding: 15px;
	line-height: 1.4;
}

.summary-header-text span {
	font-weight: bold;
	text-decoration: underline;
}

.summary-header-link {
	white-space: nowrap;
	background: #c14440;
	text-transform: uppercase;
}

.summary-header-text {
	width: 100%;
}

#summaryHeader .summary-header-link span:after {
	font-family: FontAwesome;
	content: '\f107';
	padding-left: 4px;
}

#summaryHeader.up .summary-header-link span:after {
	content: '\f106';
}


/* #summaryHeader div{padding: 20px; float: left; color: #fff;} 
#summaryHeader div span{font-size: 20px; font-weight: 600;} */

#summaryBody{background:#EEEEEE; padding: 10px; display: none; overflow: auto; }
/*#summaryBody{opacity: 0.9;}*/
#summaryBody table thead td, #summaryBody table thead, #summaryBody table{ background: transparent; border: 0; padding: 10px;}
#summaryBody table thead td{font-size: 18px; font-weight: 600; padding-bottom: 20px;}
#summaryBody table td a{ display: inline-block; line-height: 20px; font-size: 13px; font-weight: bold; width: 20px; height: 20px; text-align: center;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-family: monospace; background: #841b05; color: #ffffff; }
#summaryBody table td input{max-width: 63px; display: inline-block; font-size: 20px; font-weight: 600; padding: 5px 10px; font-family: monospace; text-align: center;}
#summaryBody table td {padding: 0 0 10px 0; position: relative; margin: 0; vertical-align: top; font-size: 16px; padding: 10px;}

/*#summaryBody table tr:nth-child(even) {background: #761500;}
#summaryBody table thead tr td {background: #761500;}
#summaryBody table tr:nth-child(odd) {background: #841b05;} */

#summaryBody table tr td.totalCell{font-size: 22px;}
#summaryBody table tr td i{font-size: 16px; color: #470827; font-weight: 400; cursor: pointer; }
#summaryBody table tr td i.foundicon-trash:before{ font-size: 14px; padding-right: 5px; }

#summaryBody h2{font-size: 18px; font-weight: 300; margin: 5px 0 10px 0; padding: 0; clear: both;}

div.completa_ordine, input.completa_ordine{background-color:#761500;float:left;padding:5px 10px 5px 10px;border:1px solid #FFF; color:#FFFFFF;}
div.completa_ordine a.cor{color:#FFF;font-size:18px;}
.noragg{font-size:12px; font-weight:bold;margin-left:10px;}
.add_piatti a{float:right;font-size:12px; font-weight:300;margin-top:-5px; background-color:transparent;padding:5px;text-decoration: underline;}
.add_piatti a:hover{text-decoration: none;}



.cart-single-item {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 5px;
}

@media only screen and (max-width: 760px) {
	.cart-single-item {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}

.cart-single-item table {
	background: #ffffff;
	border: 1px solid #dddddd !important;
	width: 100%;
	margin-bottom: 0;
}

.cart-single-item table td {
	background: #ffffff;
}


.cart-single-item-name, .cart-single-item-qta, .cart-single-item-price {
	vertical-align: middle !important;
}

.cart-single-item-name {
	text-align: left;
	font-size: 12px !important;
	color: #222222;
	width: 100%;
}

.cart-single-item-name .varSpan {
	padding-top: 7px;
	font-size: 12px;
}

.cart-single-item-qta {
	white-space: nowrap;
	text-align: right;
}

.cart-single-item-qta div {
	display: inline-block !important;
	float: none !important;
}

.cart-single-item-price {
	white-space: nowrap;
	width: 90px;
}

.cart-single-item-price, .cart-single-item-price b {
	font-size: 14px;
	color: #222222;
	font-weight: 400;
}

.addmod_piatti a{
	float:right;
	font-size:12px;
	font-weight:400;
	background-color: #f7f7f7;
    border-color: #dedede;
    color: #333; 
    padding:5px 10px;
    border:1px solid #dedede;
    line-height: 1;
    margin-bottom: 10px;
}
.addmod_piatti a:hover{background-color:#dedede;}


.cart-totals {
	width: 100%;
	padding-top: 10px;
}

.cart-totals-header, .cart-totals-value {
	text-align: center;
	width: 33.33%;
}

.cart-totals-header {
	background: #9e9e9e;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 13px !important;
}

.cart-totals-value {
	background: #ffffff;
	color: #222222;
	font-weight: 400;
	font-size: 14px !important;
	white-space: nowrap;
}

.cart-totals-total {
	font-weight: bold;
}

.cart-checkout-button {
	background: #841b05;
	padding: 10px 15px;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	margin-right: 0 !important;
}

.cart-checkout-button img {
	height: 25px;
}

div.totale_ordine{background-color:#841b05;float:right; color:#FFF;padding:5px;line-height:21px;font-size:21px;}
/*_//! PIATTI */

h2.showMyBox{
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;
	cursor: pointer;
	color: #333333;
	margin-bottom: 12px;
}
h2.showMyBox:after{
	content: "\f107";
    float: right;
    height: 0px;
    background: #761500;
    font-family: 'FontAwesome';
    line-height: 0;
    margin-left: 15px;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 19px;
    line-height: 31px;
    text-align: center;
    color: #ffffff;
    border-radius: 50%;
    overflow: hidden;
}

h2.showMyBox.toClose:after{
	content: "\f106";
	background: #666666;
	line-height: 29px;
}

/*_//! MOBILE */
@media only screen and (max-width: 800px) {
    
}
@media only screen and (max-width: 760px) {
    h2.showMyBox{font-size: 20px; padding-bottom: 15px;}
}

.menuWrapper{display: none;}
.menuWrapper table thead td, .menuWrapper table thead, .menuWrapper table{color: #470827; background: transparent; border: 0 ; padding: 10px;}
.menuWrapper table thead td{font-size: 18px; font-weight: 600;}
.menuWrapper table td.eatery-page-menu--dish-quantity a {color: #fff; display: inline-block; margin: 7px 5px 0 5px; background: #761500; /* padding-top:8px; line-height: 4px; */ font-size: 16px; font-weight: bold; width: 20px; height: 20px; text-align: center;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-weight: 900; }
.menuWrapper table td a.reduceMe,.menuWrapper table td a.reduceMex{ /* line-height: 1px */ }
.menuWrapper table td input{max-width: 63px; display: inline-block; font-size: 20px; font-weight: 600; padding: 5px 10px; font-family: monospace; text-align: center;}
.menuWrapper table td {vertical-align:middle !important;padding: 0 0 10px 0; position: relative; margin: 0; vertical-align: top; font-size: 16px; padding: 10px;}
.menuWrapper table td.vAlignMiddle{vertical-align: middle; font-size: 20px;}
.menuWrapper table td a.infoData{margin-top: 0; font-size: 15px;}
.menuWrapper table{border: 0;}

.menuWrapper table tr:nth-child(even) {background: #fff;}
.menuWrapper table thead tr td {background: #a2a2a2; color: #fff;}
.menuWrapper table tr:nth-child(odd) {background: #f3f3f3;}


/*_//! MOBILE */
@media only screen and (max-width: 950px) {
	#summaryWrapper{ /*display:none; */ }
	#summaryWrapper.fixed-cart { 
		position: fixed;
		left: 0;
		right: 0;
		margin: 0 !important;
		top: 0;
		width: auto;
	}
    .row #photoRisto .columns{max-height: 110px; margin: 0 10px 0 0; padding: 0 0 0 0; max-width: 118px; }
    #summaryBody table td input{font-size: 18px; padding: 3px 5px; max-width: 50px;}
}
@media only screen and (max-width: 760px) {
	/* 
    .row #photoRisto .columns{max-height: 55px; margin: 0 10px 0 0; padding: 0 0 0 0; max-width: 61px; }
    #summaryHeader:after{padding-bottom: 60px;}
    #summaryBody {padding: 10px 0;}
    #summaryBody table td a{position: absolute; top: 55px; left: 5px;}
    #summaryBody table td a.increaseMe,#summaryBody table td a.increaseMex{position: absolute; left:37px;}
    #summaryBody table td input{position: absolute;top: 10px; left: 10px;}
    #summaryBody table tr td.totalCell{font-size: 16px;}
    #summaryBody table tr td i{font-size: 12px;}
    
    .menuWrapper table thead td{font-size: 12px; padding: 10px 3px 10px 2px; height: 30px;}
    .menuWrapper table td {padding: 10px 3px 10px 2px; font-size: 12px;   }
    
    .menuWrapper table td a{position: absolute; top: 45px; right: 30px;}
    .menuWrapper table td a.increaseMe,.menuWrapper table td a.increaseMex{position: absolute; right:5px;}
    .menuWrapper table td a.infoData{top: 24px;}
    .menuWrapper table td input{position: absolute;top: 10px; right: 10px; max-height: 35px;}
    .menuWrapper table td.vAlignMiddle{font-size: 12px; vertical-align: middle;}
    .menuWrapper table tr td i{font-size: 12px; }

    */
    
    
    
    h2.showMyBox:after{padding-bottom: 18px;}
}

/***************************************************************
*
*_//! FOOTER
*
***************************************************************/

footer{ margin:0;  padding-top: 20px; padding-bottom: 20px; border-top:1px solid #CCC; margin-top: 20px; clear:both; }
footer hr{border-color: #38031d; display: none;}
footer ul{list-style: none;}
footer ul li a{color: #470827;}
footer ul li a:hover{color: #470827; text-decoration: underline;}
footer h6{color: #d5554f; font-weight: 400; text-transform: uppercase;}
footer p, footer a{color: #470827; font-size: 14px;}
.menu_footer ul li{display:block;clear:both;}
footer h6 a{color: #d5554f; font-weight: 400; text-transform: uppercase; text-decoration:underline; font-size:16px; }

/***************************************************************
*
*_//! VIE
*
***************************************************************/

.ui-autocomplete-loading {background: white url('/images/load.gif') right center no-repeat;}
#vieCheck{display:block;width:100%;padding:10px; border:1px solid #ccc; font-size: 20px;}
#dialog-info{display:none;}




/***************************************************************
*
*_//! SCEGLI LA DATA
*
***************************************************************/

#partOfTheDay,#dateOfTheOrder,#indirizzoConsegna {
	display: block; 
	border: 1px solid #ccc; 
	padding: 5px 20px 5px 10px; 
	font-size: 14px;
	background:#fff url(/images/pzs17/select-handle.png) center right no-repeat; 
	-webkit-appearance:none; 
	-moz-appearance:none; 
	appearance:none; 
	position: relative;
}
.l1{font-weight:bold; display:block;}
.l2{font-size:11px;}
@media only screen and (max-width: 760px) {
	#partOfTheDay,#dateOfTheOrder,#indirizzoConsegna {
	margin-bottom: 10px;	
	}
}


/***************************************************************
*
*_//! CARRELLO
*
***************************************************************/

.slotWrapper table td{background: #f7f7f7; padding:10px; border:1px solid #ccc; height:46px;}
.inactiveSlot table td{color: #ccc;}
.formLine .large-2, .inline-me-text-form{line-height: 35px;}
.formLine{line-height: 35px;}

.paymentWrapper td{background: #f7f7f7; padding:10px; border:1px solid #ccc; height:46px;}

#note,#messaggio{resize: none; width: 100%; height: 140px;}
#fattura{resize: none; height: 85px; /* font-family: monospace; */ font-size: 14px; line-height: 17px; }
.ui-state-error ul{display: block; margin-left: 37px;}

#mostraFormLoginShipping{cursor: pointer;}

.localeNomeLista{text-align: center;}


#superHeadImage .actImageFadeTop{display:block;}

.pdf{display:block; padding: 15px 40px; background: url(/images/pdf.png) no-repeat left center;}



.RistologoWrapper{height: 140px; overflow: hidden; margin-bottom: 10px;}
.RistoNomeWrapper{padding-bottom: 10px; margin-bottom:5px;}
.RistoDataWrapper{ text-align:left;margin-bottom:5px;font-size:14px;}
.RistoLnkWrapper{margin-bottom:20px;background-color:#761500;padding:5px 10px 5px 10px;color:#FFFFFF;border:1px solid #FFF; font-size:12px;}
.classFreeZone{background-color:#090;}
.closedRisto{background-color:#000;}
.RistoLnkWrapper a{color:#FFFFFF;}

#share{padding: 20px; background:#f7f7f7; margin-top:20px; border: 1px dashed #ccc;}


/***************************************************************
*
*_//! FINESTRA MODALE SONDAGGIO
*
***************************************************************/
.ui-dialog .ui-dialog-content 
    { 
        position: relative; 
        border: 0; 
        padding: 5px 10px; 
		padding-left:15px;
        background: none; 
        overflow: auto; 
        zoom: 1;
        background-color: #FFF;
    }

.ui-dialog .ui-dialog-titlebar,ui-dialog-buttonpane{display:none;}
.customIscrizione,.customIscrizione .ui-dialog-content {overflow:initial !important;}
.customIscrizione .ui-dialog-titlebar{display:block;}
.customIscrizione .ui-dialog-titlebar-close span{margin:-8px !important;}
.customIscrizione .ui-dialog-content{padding:20px 0 20px 0 !important;}
.ui-widget-content{
	/* border:5px solid #470827; */
	outline-width: 0px !important; 
	background-color:#FFF; 
	z-index:999999;
}
.customPoll #poll_msg, #ap_msg{background-color:#470827!important;color:#FFF!important;margin-left:1px!important;}
#ap_msg{ text-align:center!important; padding-top:30px!important; height:40px !important;}

/* ALTRE FINESTRE MODALI */
.messaggio_modal img.logom{width:100px;float:left;margin-right:10px;}
.messaggio_modal_pag{display: none; text-align:center; font-size:16px;color:#470827;}

/*
#bg_modal,#bg_modal_pag{background-color:#470827;cursor:pointer;height:100%;width:100%;left:0;top:0;position:fixed;opacity: 0.65;-moz-opacity: 0.65;filter:alpha(opacity=65);z-index:1000;display:none;}
#bg_modal_pag{cursor:none;}
.messaggio_modal,.messaggio_modal_pag{
background-color:#FFFFFF;border:0px;
color:#470827;
padding:5px;
position:fixed;
z-index:1001;
display: none;
width: 500px;
height: 166px; 
left: 50%;
top: 50%;
margin-left: -250px;
margin-top: -88px;
}

.messaggio_modal_pag{ text-align:center;width: 300px;height: 150px; margin-left: -150px;}
#chiudi_modal{cursor:pointer;position:absolute;right:0;top:0;width:34px;}*/

/*_//! MOBILE */
@media only screen and (max-width: 800px) {
    
}
@media only screen and (max-width: 760px) {
    #inpu_coupon{width: 70px;}
}


.stepTxtHome{min-height: 90px;}
@media only screen and (max-width: 1050px) {
    .stepTxtHome{min-height: 110px;}
}

a.zoomImageList{
	position: relative;
	height:80px !important;
	line-height: 80px !important;
	padding: 32px 0;
}
.zoomImageList span{
	position: absolute;
	height:30px;
	width:30px;
	display:block;   
	background:#fff url(../images/zoom_in.png) no-repeat center center;
	bottom:0;
	right:0;
}


/* FEEDBACK */
/*VOTO*/
.risto,.service{}
.feed-data{margin-top:20px}
.feed-data h3{ font-size:14px; font-weight:bold}
.one_feed{border-bottom:dashed 1px #CCC;padding:10px 0;}
.lbl_risto,.lbl_feed{}
.lbl_feed{}
.strs{}
/*VISUALIZZAZIONE*/
.one_feed_view{ font-size:13px; border-bottom:dashed 1px #CCC;padding:15px 0;}
.one_feed_view i { font-family: 'Nunito' !important; }
.one_feed_view .fb_name{ font-weight:bold; color:#470827;}
.one_feed_view .fb_note{margin-bottom:10px;}
.one_feed_view .fb_voti{}

.one_feed_view .lbl_feed, .one_feed_view .strs {
	margin-bottom: 5px;
	height: 18px;
	line-height: 18px;
}

/* Tendine menu ristorante*/
.ristoTend{display: block; border: 1px solid #ccc; padding: 5px; margin-bottom: 5px; background:#fff url(/images/pzs17/select-handle.png) center right no-repeat;  -webkit-appearance:none; -moz-appearance:none; appearance:none; position: relative;}
.td_varianti{ background-color:#EEE;}
.td_varianti h3{ font-size:16px; font-weight:bold;}
.td_varianti h5 {
	font-size: 14px !important;
	margin: 0 !important;
}
.td_varianti .columns{padding:0;margin:0;padding:0 1px;}
.variante select{font-size:11px;}
.varSpan{ font-size:10px; display:block;}
/* Media risto */
.average{ float:right; margin-top:15px; margin-right:5px;}
.label_av{float:right; margin-top:20px; margin-right:5px; font-size:12px;}

/**/
.menuWrapper table tr:nth-child(odd){ background:#FFF;}

/*OFFERTE HOME */
#wrap_off{border: 3px solid #f27437; padding:3px !important;position:absolute;top:0; left:0; right:0; bottom:117px;z-index:1000; overflow: hidden; line-height: 12px;}

#offerta{background-color:#FFF; padding:10px; font-size:16px; color:#f27437; float:left;width:100%; position:relative; float:left;}
#offerta p{ margin:0 !important; padding:0 !important; border:0 !important; color:#000;}
#offerta .btn{ background-color: #f27437; float:right; color:#FFF;padding:10px; display:block; position:absolute; bottom:10px; right:10px;}
#offerta .btn:hover{background-color: #761500;color:#FFF;}
#offerta h2{ color:#f27437; font-size:24px; line-height:normal;margin:0;padding:0 0 10px 0; line-height:inherit; text-align:center;}	
@media only screen and (max-width: 1050px) {
    #offerta h2{ padding: 0;}
}
#offerta h3{font-size:15px; line-height:normal;margin:0;padding:0;line-height:16px; margin-top:20px; padding-right:10px; text-align:justify;}	
/*#offerta div{ float:left;}*/
#offerta img{max-height:100px;}
@media only screen and (max-width: 760px) {
	#wrap_off{background-color:#FFF; margin: 0 10px 10px 10px; position:relative;}
	#wrap_off img{ margin-right:10px;}
	#wrap_off #testo_off{ padding-left:10px; text-align:center;}
	/*#offerta .btn{padding:5px;bottom:0px; right:5px;}	*/
	#offerta h2{font-size:14px; font-weight:bold;}	
	#offerta h3{font-size:10px;}	
	#offerta p{font-size:12px;}				
}	

/* OFFERTA CARRELLO */
.offerte_wrapper .owr{ background-color:#FFF; float:left;padding:10px; width:100%;}
.offerte_wrapper{ border:1px solid #DDD; padding:0px; padding-bottom:0;float:left;margin-bottom:20px;}



#paginationList{margin: 20px 0 0 -10px;}
#paginationList{list-style: none;}
#paginationList li{float: left;}
#paginationList li{border: 1px solid #ccc; padding:5px 10px;}
#paginationList li + li{border-left: 0;}
#paginationList li.active{background: #470827;}
#paginationList li.active a{color: #fff;}


/*.back-top{border:1px solid #470827; padding:5px 0; cursor:pointer; background-color:#090; color:#FFF;}*/

@media only screen and (max-width: 640px) {
.show-for-small-only{ display:block !important;}
.hide-for-small-only{ display:none !important;}
}

.changeAddr{ float:right; font-size:12px;padding:0 10px; background-color:#470827; color:#FFF;}
.changeAddr:hover{background-color:#DDD;}

.closeD{margin-bottom:20px; font-weight:bold; color:#F00}

.ui-widget-overlay.ui-front{z-index:999999;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons{z-index:999999;}

#ctrAddr,#addr2cons{width:100% !important;}
#ctrAddr{padding:7px 3px;margin:15px 0 0 0;}

.riepilogoConsegna{ line-height:20px; margin-bottom:20px; padding:10px; background: #EEEEEE; }
.riepilogoConsegna hr{margin:10px 0;}


.isc15sec{ float:right; font-size:11px; margin-top: 10px; color: #777777; }
.isc15sec:hover { color: #555555; text-decoration: underline; }
.ui-autocomplete{z-index:9999999 !important; background-color:#FFF !important;}

.cambiaPars,.altriRisto{ color: #888888; float: right; font-size: 13px; text-transform: uppercase; }
.cambiaPars:hover,.altriRisto:hover {
	color: #555555;
}

.customFill .ui-dialog-titlebar-close{display:none;}
.ui-widget-content{ background:#FFF !important;}

hr.separaPiatto{
    border: 0 !important;
    height: 1px !important;
    /* background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(71,8,39,0.75), rgba(0,0,0,0)) !important;
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(71,8,39,0.75), rgba(0,0,0,0)) !important;
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(71,8,39,0.75), rgba(0,0,0,0)) !important;
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(71,8,39,0.75), rgba(0,0,0,0)) !important;
    */
    background-color: #cccccc;
	margin:0;
	}
hr.separaMargin{
	margin:1.25em 0 1.1875em;
	}
/*
.step1{background:#DDD}
.step2{background:#EEE}
.step3{background:#CCC}
*/

/* FOUNDATION UPDATE*/
select {
/*-webkit-appearance: none !important;*/
-webkit-border-radius: 0px;
background-color: #FFF;
/*background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…J2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
background-position: 100% center;
background-repeat: no-repeat;*/
border-style: solid;
border-width: 1px;
border-color: #cccccc;
/*padding: 0.44444rem;*/
/*
font-size: 0.77778rem;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
*/
margin:0 0 1em 0;
color: rgba(0, 0, 0, 0.75);
line-height: normal;
border-radius: 0;
height: 2.05556rem;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{color:#FFFFFF;
background:#bd0c0c;
border:1px solid #ccc;
}
.ui-state-highlight b, .ui-widget-content .ui-state-highlight b, .ui-widget-header .ui-state-highlight b{color:#FFFFFF}
.prezzoVD{ display:block; font-size:26px; margin-bottom:15px; color:#430C00;}

.step_home img{width:60px;}
.step_home{margin-bottom:20px; padding-bottom:10px;float:left;}
.step_home h6{margin-bottom:5px;}
.step_home div{font-size:14px;}

.newz{padding:10px;} 
.newz img{ border:1px solid #CCC;} 

.customHB{
			width:400px!important;
			border:0!important;
			background: transparent !important;
	}
#popupHome	{padding:0; overflow:hidden;background: transparent !important;}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	 .customHB{
			width:94%!important;
	}
	}
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;z-index:101; background: #999;}
#toTopHover {width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0); background: #000;}
#toTop:active, #toTop:focus {outline:none;}
#toTop:before {position:absolute;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1px;top:23px;left:0;content: "\f106";font-size: 30px;color: #fff;width: 51px;height: 51px;display: block !important;margin: 0;padding:0;text-align: center;text-indent: 0;z-index: 99;}



footer .rigasottofooter p { text-align: center;  padding-top: 20px; margin-bottom: 0;}
footer .rigasottofooter p, footer .rigasottofooter p a { color: #777777 !important; font-size: 12px; }
footer .rigasottofooter p a:hover { text-decoration: underline; }

footer .footerCucina{ text-align: center;}
footer .footerCucina h3{font-size: 14px;}
footer .footerCucina ul{list-style: none !important; width: 100%; display: block; text-align: center;}
footer .footerCucina ul li{display: inline-block; padding: 0 3px; font-size: 12px;}
footer .footerCucina ul li a{font-size: 12px;}




/* moved here from header.php */
div.logo {
	position:absolute;
	top: -80px; /*-40px;*/
	max-width: 190px;
	margin:auto;
	left: 15px;
	right: 15px;
	z-index: 80;
	padding: 0px;
}
div.logo img{
	width: 100%;
}		
.orbit-container{
	height:auto;
}
.headerRisto{
	height:200px;
}
.orbit-container, .headerRisto {
	margin-bottom: 30px;
}

.orbit-slide-number,.orbit-timer span,.orbit-next,.orbit-prev{display:none !important;}
.orbit-container .orbit-timer .orbit-progress{ background-color:rgba(255,255,255,0.6)}
.orbit-bullets{text-align:center;margin:auto;top:10px;left:50px;position:absolute;}
.orbit-bullets li{display:inline-block; height:11px; width:11px; background:#DDD; border:none; cursor:pointer;}
.orbit-bullets li.active{background:#470827;}  
.orbit-caption{ background-color: rgba(136, 89, 89, 0.5) !important; text-align:center; padding: 100px 15px !important; color:#FFF; margin:auto; width: 100%; position: relative !important;}
.orbit-caption h2{font-size: 40px; font-weight: 600; margin: 0 auto 5px auto; max-width: 900px; line-height: 1; }
.orbirt-slides-single-slide, .orbirt-slides-single-slide li { width: 100%; height: 100%; }

.orbit-container .orbit-slides-container>*, .orbirt-slides-single-slide, .orbirt-slides-single-slide li {
	height: auto;
}

@media only screen and (max-width: 760px) {
	
	div.logo { width: 170px; top: -55px; }
	div.logo img { width: 150px; }
	.first-header { margin-top: 0 !important; }
	
	
	.orbit-container{height:auto;}
	.headerRisto{height:200px;}
	.orbit-slide-number,.orbit-timer span,.orbit-next,.orbit-prev{display:none !important;}
	.orbit-bullets{text-align:center;margin:auto;top:280px;right:20px;position:absolute;}
	.orbit-caption{text-align:center; padding:0; color:#FFF;margin:auto;}
	.orbit-caption h2{font-size:25px; font-weight:bold;}
}


#variazioniPiatto{display: none;}

#variazioniPiatto .innerContent{max-height: 600px;}



/* first line header */

.first-header {
	margin-top: 20px;
}

.first-header--personal-links {
	padding-top: 1px;
	font-size: 13px;
	display: block !important; /* to avoid being hidden by jquery */
	position: relative;
}

.first-header--personal-links > a {
	margin-left: 10px;
}

.first-header--personal-links > a:hover {
	text-decoration: underline;
}

.first-header--login-form {
	display:none;
	font-size: 12px;
	width: 300px; 
	position: absolute; 
	right: 0; 
	top: 100%;
	margin-top: 20px;
	z-index: 999999;
	margin-right: 
}

.first-header--personal-links, .first-header--login-form {
	margin-right: 55px; 
}


.first-header--login-form form, .first-header--login-form table {
	margin: 0;
	text-align: left;
}

.first-header--login-form form {
	background: #ffffff; 
	padding: 15px;
}

.first-header--login-form form label {
	margin-bottom: 0;
}

.first-header--login-form form label, .first-header--login-form form td {
	font-size: 12px !important;
}

.first-header--login-form--arrow-container {
	height: 10px;
	text-align: right;
	padding-right: 15px;
}

.first-header--login-form--arrow {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ffffff transparent;
	float: right;
}

.first-header--login-form--extra {
	background: #eeeeee;
	padding: 10px 15px;
	border-top: 1px solid #dddddd;
	text-align: center;
}

.first-header--login-form--extra a {
	color: #555555;
	margin: 0 5px;
}

.first-header--login-form form input[type="text"], .first-header--login-form form input[type="password"], .first-header--login-form form input[type="submit"] {
	height: 26px;
} 


.main-navigation {
	background: #eeeeee;
	border-bottom: 1px solid #dddddd;
}

.main-navigation .nav-bar {
	background: transparent;
	border-width: 0;
}

.change-city-select {
	background: #eeeeee;
	padding: 15px 15px;
	text-align: center;
}

.change-city-select label {
	font-size: 13px;
	padding-bottom: 7px;
	color: #777777;	
}

.change-city-select-empty.change-city-select {
	background: #D5554F;
}

.change-city-select select, .change-city-select form {
	margin-bottom: 0;
}

.change-city-select-empty.change-city-select label {
	color: #ffffff;	
	line-height: 1.26;
	font-size: 14px;
}

.sidebar-promo-link {
	display: block;
	text-decoration: none;
	margin-top: 15px;
	text-align: center;
}

.sidebar-promo-link img {
	width: 100%;
	height: auto;
	max-width: 450px;
	margin-left: 0;
	margin-right: 0;
}


.homepage-block-hiw {
	clear: both;
	padding: 15px 0;
}

.homepage-block-hiw:first-of-type {
	padding-top: 0;
}

.homepage-block-hiw h3 {
	color: #bd0c0c;
	font-weight: 700;
	margin: 0;
	padding: 45px 0 5px 0;
}

.homepage-block-hiw img {
	margin-top: -45px;
	width: 150px !important;
	height: auto !important;
}

@media only screen and (max-width: 640px) {
	.homepage-block-hiw img {
		margin-top: -30px;
		width: 110px !important;
	}
}

.text-paragraph {
	line-height: 1.46;
}


@media only screen and (max-width: 760px) {
	.subscription-form {
		padding-bottom: 50px;
		margin-bottom: 50px;
		border-bottom: 1px solid #dddddd;
	}
}

.subscription-form hr {
	margin-top: 0.50em;
}

.subscription-form .text-paragraph {
	margin-bottom: 0.75em;
}

.subscription-form .label-informative {
	color: #999999;
	font-size: 12px;
}

.subscribe-privacy-links {
	font-size: 14px;
}

.subscribe-privacy-links a {
	text-decoration: underline;
}
.subscribe-privacy-links a:hover {
	text-decoration: none;
}

.subscription-form-submit {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto !important;
	min-width: 40%;
}

@media only screen and (max-width: 760px) {
	.menu-mobile-container {
		display: none;
	}
	.menu-mobile-container .button-group {
		clear: both;
		display: block;
		padding-bottom: 10px;
	}
	.nav-bar li {
		clear: both;
		display: block;
		float: none;
		text-align: right;
		line-height: 1.4 !important;
	}
}

@media only screen and (min-width: 761px) {
	.menu-mobile-toggle {
		display: none;
	}
	.menu-mobile-container {
		display: block !important;	
	}
}

.menu-mobile-toggle {
	font-size: 20px;
}

.eatery-page-container { }

.eatery-page-img {
	width: 90px;
	float: left;
	margin-right: 15px;
	margin-top: -20px;
}

@media only screen and (max-width: 760px) {
	.eatery-page-img {
		position: absolute;
		margin-top: -90px;
	}
}

.eatery-page-img img {
	width: 100%;
}

.eatery-page-title {
	font-size: 27px;
	font-weight: 700;
	margin: 0;
	line-height: 1;
	padding-bottom: 5px;
}

.eatery-page-address {
	font-size: 16px;
	font-weight: 400;
}

.eatery-page-address p {
	margin: 0;
	padding: 0;
}

.eatery-page-address, .eatery-page-address p {
	font-size: 15px;
	text-align: left !important;
}

.eatery-page-stars {
	float: right;
}

.eatery-page-message {
	font-size: 14px;
	line-height: 1.46;
}

.eatery-page-changeblock {
	background: #eeeeee;
    padding: 15px;
}

.eatery-page-changeblock select {
	margin-bottom: 0;
}

.eatery-page-changeblock  hr.separaPiatto {
	margin-left: -15px;
	margin-right: -15px;
	background-color: #d8d8d8;
}

.eatery-page-changeblock .l1 {
	font-weight: normal;
	font-size: 15px;
}

.eatery-page-changeblock .eatery-page-chanceblock-radio-container {
	margin-top: -2px;
}

.eatery-delivery-method-notavailable {
	color: #920D0E;
	line-height: 1.46;
}

.eatery-page-changeblock .addr2cons {
	height: 32px;
}

.eatery-page-changeblock h3 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 600;
	text-align: center;
}

.eatery-page-changeblock p {
	font-size: 14px;
	line-height: 1.46;
	margin-bottom: 15px;
}

.eatery-page-changeblock label {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 400;
}

.eatery-page-changeblock .confermaOrario {
	text-align: center;
	margin: 10px auto 0 auto;
	display: block;
	font-weight: 400;
}

#infoRistorante .infoDataRistorante {
	padding-top: 6px;
}


.eatery-page-menu thead td {
	font-size: 14px !important;
}

.eatery-page-menu table, .eatery-page-menu table td {
	background: #eeeeee;
	border-width: 0;
	
}

.eatery-page-menu table thead td, .eatery-page-menu table td {
	padding-left: 15px;
	padding-right: 15px;
}

.eatery-page-menu table td hr.separaPiatto {
	margin-left: -15px;
	margin-right: -15px;
}


.eatery-page-menu--dishes-intro {
	font-size: 14px;
	color: #555555;
	line-height: 1.46;
	margin-bottom: 15px;
	padding-top: 5px;
}

.eatery-page-menu--dish-desc {
	font-size: 14px;
	color: #575757;
	padding-top: 0 !important;
	font-size: 14px !important;
	color: #999999;
	line-height: 1.46;
	border-width: 0 !important;
}

.eatery-page-menu--dish-name {
	font-weight: 600;
}

.eatery-page-menu--dish-img a.zoomImageList {
	height: auto !important;
	line-height: 1 !important;
	padding: 0;
} 

.eatery-page-menu--dish-img {
	width: 60px !important;
	min-width: 50px !important;
	padding-right: 0 !important;
}

.eatery-page-menu--dish-name a.zoomImageList {
	vertical-align: middle;
}

.eatery-page-menu--dish-name .eatery-page-menu--dish-name--span {
	text-transform: uppercase;
	vertical-align: middle;
}

.eatery-page-menu--dish-price {
	font-weiht: 400;
	font-size: 16px !important;
}

.eatery-page-menu--dish-quantity {
	text-align: right;
	white-space: nowrap;
}

.eatery-page-menu--dish-quantity--select-address {
	color: #bd4a4a;
	text-transform: uppercase;
	white-space: normal;
	font-size: 12px;
	cursor: pointer;
}

.eatery-page-menu--dish-quantity--select-address span {
	display: block;
}

@media only screen and (max-width: 760px) {
	.eatery-page-menu--dish-quantity--select-address {
		font-size: 10px;
		line-height: 1.2;
	}
	.eatery-page-menu--dish-quantity--select-address span {
		display: inline;
	}
}

.numeroPorzioniPiatto {
	max-width: 47px !important;
	margin-top: 0 !important;
	line-height: 20px;
	font-size: 14px;
	padding-left: 2px;
	padding-right: 2px;
}

.eatery-page-menu--dish-name img {
	height: 17px;
    width: auto;
    vertical-align: -2px;
    margin: 0 0 0 5px!important;
}

.eatery-page-menu--dish-separator {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}


@media only screen and (max-width: 760px) {
	.eatery-page-menu--dish-quantity .numeroPorzioniPiatto {
		padding-left: 2px;
		padding-right: 2px;
		max-width: 35px !important;
		font-size: 15px !important;
		height: 33px !important;
	}
	.menuWrapper table td a {
		margin: 0 !important;
	}
	.menuWrapper table td a.customizeDish {
		margin-left: 10px !important;
	}
	.eatery-page-menu--dish-name {
		font-size: 13px !important;
	}
	.eatery-page-menu--dish-price {
		font-size: 13px !important;
	}
}

.customizeDish {
	background: #BE0C0C !important;
}

.customizeDish span {
	font-size: 12px;
	font-weight: 700;
}

/* VARIATIONS POPUP */

.dish-variations-popup--title {
	color: #761500;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: left;
	text-transform: uppercase;
}

.dish-variations-popup--table {
	margin-bottom: 20px;
	width: 100%;
	border-width: 0;
}

.dish-variations-popup--radio, .dish-variations-popup--checkbox, .dish-variations-popup--price, .dish-variations-popup--name, .dish-variations-popup--price {
	vertical-align: top;
}

.dish-variations-popup--price {
	color: #888888;
	text-align: right;
	white-space: nowrap;
}

.dish-variations-popup--radio, .dish-variations-popup--checkbox {
	padding-right: 0;
}

.dish-variations-popup--name {
	width: 100%;
}

.dish-variations-popup--save-button, .dish-variations-popup--save-button:hover {
	background: #470827 !important;
	border-color: #470827 !important; 
	color: #ffffff !important;
}

.dish-variations-popup--cancel-button, .dish-variations-popup--cancel-button:hover {
	background: #FFFFFF !important;
	border-color: #cccccc !important;
	color: #9c9c9c !important;
	font-weight: 400 !important;
}

/* COMPLETA ORDINE */

.complete-order-button {
	text-align: right;
}

.complete-order-button--link {
	background: #BE0C0C;
	color: #ffffff;
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	padding: 12px 30px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.complete-order-button--link:hover {
	color: #ffffff;
	background: #960707;
}

@media only screen and (max-width: 760px) {
	.complete-order-button--link.button-fixed {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10000;
	}
}

/* CHECKOUT */

.coupon-apply-form {
	margin: 0;
}

.coupon-apply-button {
	background: #666666;
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	color: #ffffff;
}

.coupon-apply-button:hover {
	background: #555555;
	color: #ffffff;
}

.cart-delete-img {
	min-width: 15px;
}


/* EATERIES LIST */

.eateries-list--containter {
	display: table;
	margin-bottom: 15px;
	width: 100%; 
	float: left;
	height: 130px;
}

.eateries-list--img, .eateries-list--info {
	display: table-cell;
	vertical-align: middle;
}

.eateries-list--img {
	text-align: center;
	width: 150px;
}

.eateries-list--img img {
	max-width: 100%;
	max-height: 130px;
}

.eateries-list--info {
	text-align: left;
	padding: 10px;
	padding-right: 20px;
}

.eateries-list--info .star-rating-control {
	display: inline-block;
	margin-top: 3px;
}


@media only screen and (max-width: 760px) {
	
	.eateries-list--containter, .eateries-list--img, .eateries-list--info {
		display: block;
	}
	
	.eateries-list--containter {
		height: auto;
	}
	
	.eateries-list--img {
		width: 100%;
		height: 130px;
		line-height: 130px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.eateries-list--img img {
		display: inline;
		vertical-align: middle;
	}
	
	.eateries-list--info {
		text-align: center !important;
		clear: both;
	}
	
	.eateries-list--info {
		padding: 5px 10px 20px 10px;
	}
	
}



/* geolocation */

.geolocation-container {
	background: #d5554f;
	color: #ffffff;
	padding: 15px;
	text-align: center;
	font-size: 14px;
	display: none !important;
}

.geolocation-container-after, .geolocation-container-outside, .geolocation-container-error {
	display: none;
	line-height: 1.46;
}

.geolocation-container-after img, .geolocation-container-outside img, .geolocation-container-error img {
	display: block;
	margin: 0 auto 7px auto;
}

.geolocation-unsuccess-nowwhat {
	padding-top: 7px;
	font-size: 12px;
	font-style: italic;
}

.geolocation-container-outside, .geolocation-container-error {
	font-size: 14px;
}

.geolocation-after-location {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
}

.js-geolocation-button, .geolocation-after-link {
	display: block;
	padding: 7.5px 5px;
	margin-top: 10px;
	background: #ffffff;
	color: #BD0C0C;
}

.js-geolocation-button:after {
	font-family: 'FontAwesome';
	content: '\f124';
	float: right;
	padding-right: 4px;
}

.geolocation-after-link:after {
	font-family: 'FontAwesome';
	content: '\f054';
	float: right;
	padding-right: 4px;
	font-size: 14px;
}


.geolocation-or {
	display: table;
	width: 100%;
	height: 15px;
	margin-bottom: 15px;
	margin-top: -15px;
}

.geolocation-or--empty, .geolocation-or--text {
	display: table-cell;
	color: #ffffff;
	font-size: 15px;
	line-height: 15px;
}

.geolocation-or--empty {
	width: 50%;
	position: relative;
}

.geolocation-or--text {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 11px;
	font-weight: 100;
	text-transform: uppercase;
}

.geolocation-or--empty:before {
	display: block;
	width: 100%;
	height: 1px;
	background: #ffffff;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
}

.social-networks-header {
	display: inline-block;
	float: right;
	margin-top: 8px;
}

.social-header-link {
	margin-left: 15px;
	color: #999999;
}

.social-header-facebook:hover {
	color: #425A96;
}

.social-header-twitter:hover {
	color: #4FA4D9;
}


@media only screen and (max-width: 760px) { 
	.social-networks-header {
		display: block;
		float: none;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-right: 15px;
	}
}

.cart-overlay-error {
	color: #B81900;
	font-weight: 400;
	margin-bottom: 15px;
}