@charset "utf-8";

.store {
	width:100%;
	margin:50px 0 20px 0;
	font-family: robo, sans-serif;
	}
.store h3 {
	font-size:1.5em;
	color:#777;
	}
.store h4 {
	font-size:1.9em;
	color:#999;
	margin-top:10px;
	}
.store form{
	position:relative;
	}
.store form > div {
	display:inline-block;
	}
.store label {
	display:inline-block;
	position:relative;
	height:75px;
	font-size:24px;
	color:#777;
	margin-right:4px;
	}
.store label.log {
	margin-right:10px;
	}
.store label.qt {
	position:relative;
	top:3px;
	padding-right:35px;
	}
.store label.cal {
	}
.store label.tot {
	top:12px;
	}
.store label.butt {
	margin-right:0;
	}

.store button {
	background:none;
	border:none;
	padding:0 2px;
	}
.store input.euro {
	font-size:26px;
	font-weight:300;
	font-family:robo,sans-serif;
	border:none;
	}

.store input {
 	position:relative;
	top:3px;
	color:#777;
	background:none;
	border:1px solid #ddd;
	transition:.3s;
	}
.store input:hover {
	border-color:#777;
	}
.store input[readonly]:hover {
	border-color:#ddd;
	}
.store img{
	margin:0;
	padding:4px;
	vertical-align:middle;
	border:1px solid #ddd;
	transition:.3s;
	background:#fff;
	}
.store img:hover{
	border-color:#777;
	}
.store button img{
*	padding:10px;
	}
.store input[name="qt"] {
	width:70px;
	height:55px;
	text-align:center;
	font-size:36px;
	line-height:20px;
	background:#fff;
	}
.store .minus, .store .plus {
	position:absolute;
	left:75px;
	top:3px;
	width:28px;
	height:28px;
	line-height:.8em;
	background:#eee;
	}
.store .minus {
	top:34px;
	}
.store input[name="tot"] {
	width:140px;
	border: none;
	text-align:right;
	font-size:36px;
	}



/*** opt ***/

div.box {
	position:absolute;
	display:none;
	border:1px solid #ddd;
	background:#fff;
	z-index:999;
	}
div.box.on {
	display:block;
	}
/*div.box:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
	}
*/


label.lis {
	top:8px;
	height:47px;
	padding: 10px 50px 0px 10px;
	border:1px solid #ddd;
	transition:.3s;
	background:#fff;
	}
label.lis:hover {
	border-color:#777;
	}
label.lis:after {
	content: url("lis.png");
	position:absolute;
	right:2px;
	top:2px;
	}

label.lis a {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	color:#888;
	
	}

a.lisx {
	width:162px;
	}
a.lisx:after {
	position:absolute;
	top:0;
	left:0;
	content:" ";
	height:100%;
	width:100%;
	z-index:199;
}


div.liss {
	left:-1px;
	top:58px;
	width:206px;
	padding:8px;
	border-top:none;
	}
div.liss a {
	width:190px;
	padding:4px;
	cursor:default;
	color:#aaa;
	transition:.3s;
	}
div.liss a:hover {
	color:#777;
	}


a.colx {
	position:absolute;
	left:11px;
	top:6px;
	width:48px;
	height:48px;
	border-radius:24px;
	background:none;
	}
div.cols {
	left:70px;
	top:0px;
	width:235px;
	min-height:58px;
	}
div.cols a {
	float:left;
	width:48px;
	height:48px;
	margin:5px;
	border-radius:24px;
	}






.store label.cal input {
	position:relative;
	top:2px;
	left:-5px;
	margin-right:-5px;
	width:125px;
	height:56px;
	text-align:center;
	font-size:24px;
	background:#fff;
	border-left:none;
	}


#calendario{
	position:absolute;
	z-index:999;
	background:#fff;
	border:1px solid #ddd;
	padding:5px;
	height:290px;
	overflow-y:scroll;
	display:none;
	}
div#calendario.on{
	display:block;
	}
#calendario td{
	width:50px;
	text-align:center;
	padding:0;
	border:2px solid #fff;
	position:relative;
	}
#calendario th.mese {
	font-size: 26px;
	}
#calendario th{
	height:20px;
	font-size:16px;
	font-weight:normal;
	color: #999;
	background:none;
	border:none;
	}

#calendario a, #calendario p{
	display:block;
	height:40px;
	margin:0;
	text-decoration:none;
	font-size:18px;
	line-height:40px;
	color:#fff;
	text-align:center;
	transition:0.2s;
	cursor:default;
	border:2px solid transparent;
	}
#calendario a:hover{
	transition:0.1s;
	border:2px solid #111;
	}

#calendario td p{
	background: #ccc;
	}
#calendario td.verde a{
	background: #5F9E69;
	}
#calendario td.giallo a{
	background: #ADA13B;
	}
#calendario td.rosso a{
	background: #C87C32;
	}
#calendario td.gray:after {
	content:"•";
	font-size:24px;
	position:absolute;
	bottom:-10px;
	right:1px;
	color:#fff;
	}
#calendario td.dark:after {
	content:"••";
	font-size:24px;
	position:absolute;
	bottom:-10px;
	right:1px;
	color:#fff;
	}
#calendario hr{
	border:1px solid #ddd !important;
	}









#drop a.bsk{
	position:absolute;
	top:40px;
	right:60px;
	}
.pay p {
	margin:1em 0 1em .2em;
	}
.pay h5 {
	font-size:36px;
	margin:.2em 0 .5em 0;
	}
.pay button {
	background:none;
	border:none;
	cursor:pointer;
	}

.basket>div {
	position:relative;
	border-top:2px solid #ddd;
	}
.basket>a {
	display:inline-block;
	display:block;
	width:100%;
	text-align:center;
	color:#aaa;
	}
.basket>a.btn {
	width:260px;
	margin:auto;
	}
.basket hr {
	margin:0;
	border:1px solid #ddd !important;
	}
.basket h3 {
	margin:10px 0 10px 0;
	padding-right:250px;
	}
.basket h4 {
	margin:10px 0 12px 0;
	}
.basket h5 {
	position:absolute;
	left:46px;
	top:18px;
	font-size:40px;
	}
.basket form.butt {
*	width:190px;
	position:absolute;
	right:0;
	top:27px;
	}
.basket button {
	background:none;
	border:none;
	cursor:pointer;
	}
.basket textarea {
	width:755px;
	height:55px;
	padding:10px;
	border:none;
	background:#eee;
	margin:8px 2px 8px 3px;
	}
.basket button[name="bt"] img {
	margin:0;
	padding:6px;
	border:1px solid #ddd;
	}
.basket h2.pp {
	width:340px;
	display:inline-block;
	vertical-align:top;
	}
.basket form.pp {
	width:240px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	}
.basket form.pp.res {
	margin-left:180px;
	}
.basket form.pp p{
	text-align:center;
	}
.basket form.pp img{
	margin:0;
	}

form.note table{
	margin:30px 0 20px 0;
	vertical-align:bottom
	}
form.note table td {
	vertical-align:bottom !important;
}
form.note textarea {
	width:400px;
	height:80px;
	padding:10px;
	border:1px solid #eee;
	}
form.note input {
	background:none;
	border:none;
	border-bottom:2px solid #999;
	text-align:right;
	width:130px;
	font-size:26px;
	font-weight:300;
	font-family:robo,sans-serif;
	color:#999;
	}
form.note button {
	padding:6px;
	border:1px solid #ddd;
	}
form.note img {
	margin:0;
	padding:0 4px;
	}
.pay form.pp {
	width:240px;
	position:relative;
	left:130px;
	}


button.command {
	width:165px;
	height:56px;
	background:#1C42A8;
	color:#fff;
	font-size:20px;
	}
.buono button.command {
	height:48px;
	background:#aaa;
	}
.buono input {
	position:relative;
	top:2px;
	padding:0 10px;
	width:360px;
	height:48px;
	background:#eee;
	color:#888;
	border:none;
	font-size:26px;
	margin:6px 0 10px 3px;
	}


form.pp button {
	margin:10px 0;
	padding:0;
	}
form.pp>img {
	width:165px;
	height:auto;
	}

.payed h5 {
	margin:3em 0 0 0;
	color:#384CAB;
	}
.payed h4 {
	margin:.5em 0;
	}

.tkt {
	position:relative;
	}
.tkt h3 {
	position:absolute;
	top:0px;
	right:30px;
	color:#fff;
	font-size:48px;
	}
.tkt h4 {
	position:absolute;
	top:25px;
	left:260px;
	color:#000;
	font-size:36px;
	}
.tkt h5 {
	position:absolute;
	top:60px;
	left:570px;
	color:#000;
	font-size:30px;
	}
.tkt h6 {
	position:absolute;
	top:245px;
	left:570px;
	color:#aaa;
	font-size:18px;
	font-weight:normal;
	}
.tkt h7 {
	position:absolute;
	top:333px;
	left:585px;
	color:#fff;
	font-size:24px;
	}
.tkt h8 {
	position:absolute;
	top:285px;
	right:30px;
	color:#888;
	font-size:22px;
	font-weight:normal;
	}

div.ini {
	margin:40px 0;
	}
.ordini h4 {
	font-size:24px;
	margin:0 !important;
	font-weight:normal;
	}
div.ordini {
	border-bottom:1px solid #999;
	padding-bottom:16px;
	}
.ordini h5 {
	margin:15px 0 0 0;
	color:#0031A6 !important;
	}
.ordini h6 {
	font-size:30px;
	color:#666 !important;
	}
.ordini h9 {
	display:block;
	font-size:25px;
	color:#c00;
	}
.ordini input {
	margin-left:20px;
	}
.ordini form {
	position:absolute;
	right:250px;
	}
.ordini button {
	margin-left:40px;
	background:#2D3C96 !important; 
	}