body {
   padding: 0;
   margin: 0;
   width: 100%;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
}
p,h1,h2,h3,h4,ul,ol,li,div {margin:0; padding:0; font-weight: normal;}
li {list-style-type: none;}

body {
   background-color: #fff !important;
   color: #666 !important;
}
.k-preview body {background-color: #ff7200;}

#k-loader {
   position: fixed; 
   top: 0; 
   right: 0; 
   bottom: 0; 
   left: 0; 
   background: url('/image/317/1') center center no-repeat rgba(0,150,174,.1);
   display: none;
   z-index: 10000;
}

.quantity input {border: 0; border-radius: 4px; text-align: center; width: 30px;}
.quantity a {
   background-color: #eee;
   border-radius: 4px;
   color: #0096ae;
   display: inline-block;
   font-weight: bold;
   padding: 6px;
   text-align: center;
   width: 20px;
}
.quantity a:hover {background-color:  #0096ae; color: #fff;}

.container {
   overflow: hidden; 
   min-width: 300px; 
   background-color: #fff;
   font-family: Arial, Helvetica, sans serif;
   font-size: 15px;
}
.container img {border: 0; display: block; outline: none;}
.container a {text-decoration: none;}

.wrapper {margin: 0 auto; max-width: 1200px; overflow: hidden; position: relative;}

.header {border-bottom: 1px solid #cae4f1;}
.header select,
.header input {border: 0;}
.header .wrapper > div {
   border-left: 1px solid #eee;
   float: left;
   height: 50px;
   min-width: 250px;
   padding: 0 20px;
   position: relative;
   width: 15%;
}
.header .wrapper > .user {display: none;}
.header .wrapper > div.menu {
   border: 0;
   color:  #0096ae;
   float: none;
   height: auto;
   min-width: unset;
   position: absolute;
   padding: 0;
   right: 50px;
   text-align: right;
   top: 15px;
   width: auto;
}
.header .wrapper > div:first-child {border-left: 1px solid #fff;}
.header .wrapper > div.basket {border: 0; width: 54px; min-width: 54px; padding: 0;}
.header .wrapper > div select,
.header .wrapper > div input {margin: 15px 0; width: 100%}
.header .logo  {overflow: hidden; }
.header .logo a {
   color:  #0096ae;
   display: inline-block;
   font-weight: bold;
   margin: 0 0 0 4%;
   padding: 8px 20px;
}
.header .menu a {color:  #0096ae; margin: 0 0 0 10px;padding: 0 0 0 10px;}
.header .menu a:hover {color:  #000;}

.header .user {overflow: hidden; width: 150px !important;}
.header .user ul {display: none;}
.header .user:hover ul {
   display: block;
   position: fixed;
   z-index: 100;
   background-color: #efefef; 
   margin: -7px 0 0 0;
   border: 1px solid #0096ae;
   border-radius: 4px;
}
.header .user ul li a {color: #0096ae; display: block; padding : 10px 20px;}
.header .user ul li a:hover {background-color:  #0096ae; color: #fff;}
.shop .button,
.header .user > a {
   background-color:  #0096ae;
   color: #fff;
   border-radius: 4px;
   display: inline-block;
   margin: 7px 0;
   padding: 8px 20px;
}
.header .user > a:hover {background-color: #eee; color: #0096ae;}

.header .user .logout {
	background-color: #fff;
	padding: 0;
	border: 0;
	display: block;
	float: right;
}

.header .basket a {
   background: url('/image/130/1') center center no-repeat #eee;
   display: block;
   height: 50px;
   width: 100%;
}
.header .basket span {
   background-color: #fe5534;
   border-radius: 10px;
   bottom: 5px;
   color: #fff;
   display: block;
   font-size: 12px;
   height: 18px;
   padding: 2px 0 0 0;
   position: absolute;
   right: 5px;
   text-align: center;
   width: 20px;
}

.filter {background-color: #0096ae; overflow: hidden; min-width: 480px;}
.filter a {color: #0096ae; }
.filter a:hover {color: #000; }
.filter .left {
   background-color: #e9f3fc;
   color: #000;

   display: inline-block;
   float: left;
   height: 50px;
   line-height: 50px;
   padding: 0 20px;
   width: 251px;
}
.filter .left h2 {display: inline-block; width: 50%;}
.filter .left a {display: inline-block; text-align: right; width: 48%;}
.filter .right {
   color: #fff;
   display: inline-block;
   min-width: 480px;
   overflow: hidden;
   padding: 0 10px;
}
.filter .right select {
   background-color: #0096ae;
   border: 1px solid #fff;
   border-radius: 4px;
   color: #fff;
   float: left;
   font-weight: bold;
   margin: 9px 10px 0 0;
   width: 180px;
}
.filter .right select option {color: #fff; padding: 5px 10px;}
.filter .right a {
   background-color: #fff;
   border: 1px solid #fff;
   border-radius: 4px;
   display: block;
   float: left;
   font-size: 12px;
   margin: 9px 10px 5px 0;
   padding: 7px 30px 7px 10px;
   position: relative;
}
.filter .right a:after {content: 'x'; font-weight: bold;position: absolute; right: 10px;}

.navigation {
   border-left: 1px solid #eee;
   color: #000;
   float: left;
   overflow: hidden;
   width: 290px;
}
.navigation h3 {
   border-bottom: 1px solid #eee;
   color: #0096ae;
   font-size: 15px;
   font-weight: bold;
   padding: 10px 20px;
}
.navigation .widget > div,
.navigation ul {
   border-bottom: 1px solid #eee;
   padding: 10px 20px;
}
.navigation > div select {
   background-color: #eee;
   border: 0;
   border-radius: 4px;
   margin: 0 0 0 1%;
   width: 42%;
}
.navigation > div select option {padding: 5px 10px;}
.navigation > div a {
   background-color: #0096ae;
   border: 0;
   border-radius: 4px;
   color: #fff;
   display: block;
   float: right;
   margin: 0 0 0 1%;
   padding: 5px 0;
   text-align: center;
   width: 11%;
}
.navigation > div a:hover {background-color:  #eee; color: #0096ae;}
.navigation ul li span {
   color: #ccc;
   margin: 0 0 0 10px;
}
.navigation ul li span:before {
   content: '-';
   margin: 0 10px 0 0;
}

.main{
   overflow: hidden;
   padding: 50px 0;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#add9e4+0,d9edf2+60,f7fbfc+100 */
   background: #add9e4; /* Old browsers */
   background: -moz-linear-gradient(top,  #add9e4 0%, #d9edf2 60%, #f7fbfc 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #add9e4 0%,#d9edf2 60%,#f7fbfc 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #add9e4 0%,#d9edf2 60%,#f7fbfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add9e4', endColorstr='#f7fbfc',GradientType=0 ); /* IE6-9 */
}

.products a,
.article a {color: #0096ae;}
.products a:hover,
.article a:hover {color: #000;}

.article h1 {color: #000; font-size: 25px; text-align: center;}
.article h2 {font-size: 20px; text-align: center;}
.elenco-negozi .article > div > div h2 {margin: 0 0 20px 0;}
.article p {text-align: center;}
.article .category-type p {margin: 0 10px;}

.products {
   border-left: 1px solid #eee;
   border-right: 1px solid #eee;
   min-height: 480px;
   min-width: 440px;
   padding: 20px;
   overflow: hidden;
}
.products .results {
   margin: 0 0 20px 0;
   overflow: hidden;
}
.products .results p:first-child {float: left; overflow: hidden; margin: 5px 0 0 0;}
.products .results p:last-child {float: right;}
.products .results p .total {font-weight: bold; margin: 0 10px 0 0;}
.products .results p select {
   background-color: #eee;
   border: 0;
   border-radius: 4px;
   margin: 0 0 0 10px;
}
.products .results p select option {padding: 5px 10px;}
.product-list ul {
   display: table;
   width: 100%;
}
.product-list ul li {
   display: table-row;
   overflow: hidden;
}
.product-list ul li span {
   border-top: 1px solid #eee;
   display: table-cell; 
   overflow: hidden; 
   padding: 10px 0 10px 0;
   vertical-align: middle;
}
.product-list ul li .shop img,
.product-list ul li .image img {max-height: 80px; max-width: 100px;}
.product-list ul li .price {font-weight: bold; white-space: nowrap;}
.product-list ul li .quantity {width: 1%; white-space: nowrap;}
.product-list ul li .quantity input {border: 0; border-radius: 4px; text-align: center; width: 30px;}
.product-list ul li .quantity a {
   background-color: #eee;
   border-radius: 4px;
   color: #0096ae;
   display: inline-block;
   font-weight: bold;
   padding: 6px;
   text-align: center;
   width: 20px;
}
.product-list ul li .quantity a:hover {background-color:  #0096ae; color: #fff;}
.product-list ul li .basket {padding: 0;}
.product-list ul li .basket a {
   background: url('/image/136/1') center center no-repeat #fe5534;
   border-radius: 4px;
   color: #fff;
   display: inline-block;
   float: right;
   height: 30px;
   width: 30px;
}

.footer {background: url('/image/304/1') center center repeat #0096ae; clear: both; color: #83c8d7; font-size: 12px;}
.footer .wrapper  {
   margin: 0 auto;
   text-align: center;
}
.footer .wrapper > div {
   display: inline-block;
   padding: 20px 4%;
   min-height: 100px;
   min-width: 150px;
   text-align: left;
   width: 17%;
   vertical-align: top;
}
.footer h3 {text-transform: uppercase; margin: 0 0 5px 0;}
.footer a {color: #fff;}
.footer a:hover {color: #000;}
.footer select,
.footer input {width: 75%; padding: 3px 5px; border: 0; border-radius: 4px; display: inline-block;}
.footer ul {overflow: hidden;}
.footer .logo {
   background-color: #fff;
   border-radius: 4px;
   color: #0096ae;
   display: inline-block;
   font-weight: bold;
   margin: 10px 0 0 0;
   padding: 4px 0;
}

.footer .col3 .button {
   background-color: #fff;
   border-radius: 4px;
   color: #0096ae;
   display: block;
   float: right;
   font-weight: bold;
   padding: 4px 8px;
}
.footer .col3 .button:hover {background-color:  #eee;}
.footer .col4 ul {margin: 10px 0 0 0; text-align: right; }
.footer .col4 ul li {display: inline;}
.footer .col4 ul li a {
   color: #0096ae;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}
.footer .col4 p {clear: both; margin: 10px 0 0 0; text-align: right;}

.category,
.category-type {
   margin: 0 auto;
   overflow: hidden; 
   text-align: center;
}
.category li,
.category-type li {
   background-color: #fff;
   border: 1px solid #ddd;
   display: inline-block;
   margin: 50px 9px 0 9px;
   padding: 0 0 20px 0;
   text-align: center;
   width: 300px;
}
.category li {height: 265px; width: 277px;}
.category li h2 {display: table-cell; height: 55px; padding: 0 20px; text-align: center; vertical-align: center; width: 237px;}
.category li img,
.category-type li img {width: 100%; margin: 0 0 20px 0;}

.window {
   background-color: rgba(0, 0, 0, 0.5);
   bottom: 0;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 1000;
}
.window .frame {
   height: 50%;
   width: 40%;
   top: 20%;
   left: 50%;
   margin: 0 0 0 -20%;
   overflow: hidden;
   position: fixed;
   min-width: 440px;
}
.products .window .frame {height: 70%;}
.window.login .frame {width: 20%; margin: 0 0 0 -10%;}
.window .frame > a {
   color: #fff;
   display: block;
   font-weight: bold;
   text-align: right;
   margin: 0 3px 0 0;
   height: 5%;
}
.window .frame .article {
   height: 95%;
   background-color: #fff;
   position: relative;
   overflow: auto;
}
#addition-window .frame .article {padding: 20px;}
.cart .frame .empty-basket,
.window .frame .article .confirm-addition,
.window .frame .article .detail {text-align: center;}
.cart .frame .empty-basket a,
.window .frame .article .confirm-addition a,
.window .frame .article .detail .basket a {
   background-color: #fe5534;
   border-radius: 4px;
   color: #fff;
   display: inline-block;
   margin: 0 0 0 10px;
   padding: 5px 10px;
}
.window .frame .article .description {border-top: 1px solid #eee;}
.window .frame .article .contents {padding: 20px;}
.window .frame .article h1 {
   font-size: 18px;
   font-weight: bold;
   margin: 0 0 20px 0;
}
.window .frame .article h2 {
   color: #000;
   font-size: 15px;
   text-align: left;
   text-transform: uppercase;
}
.window .frame .article p {
   margin: 10px 0 0 0;
   text-align: left;
}
.window .frame .article img {
   margin: 0 auto 20px auto;
   max-width: 400px;
   text-align: center;
}
#addition-window .frame .article ul ul{padding: 10px 20px;}

.cart {
   background-color: rgba(0, 0, 0, 0.5);
   bottom: 0;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
}
.cart .frame, .cart-order {
   background-color: #fff;
   border-right: 1px solid #eee;
   height: 100%;
   left: auto;
   position: absolute;
   overflow: auto;
   right: 0;
   width: 50%;
}
.cart .frame .checkout{
   background-color: #eee;
   display: block;
   padding: 11px;
   text-align: center;
}
.cart .frame .checkout a{
   background-color: #fe5534;
   border-radius: 4px;
   color: #fff;
   display: block;
   padding: 5px 0;
}

.cart .frame .summary ul,
.cart-order .summary ul,
.cart .frame .list ul,
.cart-order .list ul {display: table; width: 100%;}
.cart .frame .summary ul li,
.cart-order .summary ul li,
.cart .frame .list ul li,
.cart-order .list ul li {display: table-row;}
.cart .frame .summary ul li > span,
.cart-order .summary ul li > span,
.cart .frame .list ul li > span,
.cart-order .list ul li > span {
   border-bottom: 1px solid #eee;
   display: table-cell;
   padding: 10px;
}
.cart .frame .list ul li span,
.cart-order .list ul li span {vertical-align: middle;}
.cart .frame .summary ul li > span.price,
.cart-order .summary ul li > span.price,
.cart .frame .list ul li > span.price,
.cart-order .list ul li > span.price {white-space: nowrap; text-align: right;}
.cart .frame .summary ul li > span,
.cart-order .summary ul li > span {border: 0; padding: 5px 10px 0 10px;}
.cart .frame .summary ul li.total > span,
.cart-order .summary ul li.total > span {font-weight: bold;}
.cart .frame .empty-basket,
.cart-order .continue-shopping {padding: 10px;}
.cart-order .continue-shopping a {color: #0096ae;}
.cart .frame .prompt {
	background-color: rgba(0, 0, 0, .9);
	height: 100%;
	left: auto;
	position: absolute;
	overflow: auto;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
	display: table;
}
.cart .frame .prompt aside {
   position: fixed;
   top: 200px;
   left: 50%;
   margin: 0 0 0 10%;
}
.cart .frame .prompt aside .message {
	color: #fff;
	font-weight: bold;
}
.cart .frame .prompt aside .buttons a {
	margin: 20px 10px 0px 10px;
	padding: 8px 20px;
	width: 80px;
	display: inline-block;
	border-radius: 4px;
	color: #fff;
   text-align: center;
}
.cart .frame .prompt aside .buttons .button-yes {background-color: #0096ae;}
.cart .frame .prompt aside .buttons .button-no {border: 3px solid #0096ae;}

.order {
	border-left: 1px solid #eee;
	float: left;
	min-height: 480px;
	padding: 20px;
}
.order form {width: 100%;}
.order form .k-row select,
.order form .k-row input{width: 148px;}
.order form .k-row input#k-field-address {width: 487px;}

.cart-order {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 50%;
	padding: 20px;
}

form .k-row {margin: 0 0 20px 0; overflow: hidden; text-align: center;}
form .k-row .k-field-link {display: block; text-align: right; }
form .k-row .k-error {color: red; margin: 0 0 10px 0;}
form textarea,
form select,
form input {padding: 2% 3%; border-radius: 4px; border: 1px solid #ccc; width: 93%; font-family: Arial, Helvetica; font-size: 15px;}
form button {padding: 5px 0; background-color: #0096ae; border-radius: 4px; border: 0; color: #fff; width: 100%; font-weight: bold;}
form button:hover {background-color: #eee; color: #0096ae; }

.article > div  {
   max-width: 1140px;
   margin: 0 auto;
}
.article > div > div {
   margin: 20px 20px 0 20px;
   text-align: left;
   overflow: hidden;
}
.home .article > div > div {
   background-color: #fff;
   border: 1px solid #ddd;   
   margin: 30px auto 0 auto;
   max-width: 460px;
   padding: 10px;
}

.article > div > div p {
   margin: 10px 0;
   text-align: left;
}
.home .article > div > div p{
   text-align: center;
}

.article > div > div ul {
   padding: 10px 0 10px 20px;
}
.article > div > div ul li {
   list-style-type: disc;
   margin: 5px 0;
}

.shop-list .contenitore {
   margin: 10px auto 0 auto;
   text-align: center;
}
.shop-list .contenitore select,
.shop-list .contenitore input {
   border: 1px solid #666;
   padding: 5px 10px;
}
.shop-list .contenitore select {width: 280px;}
.shop-list .contenitore input {width: 258px;}
.shop-list .contenitore input[type=button] {
   margin: 0 10px;
   width: 130px;
}
.shop-list ul {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto;
   justify-items: center;
   overflow: hidden;
   margin: 30px auto 0 auto;
}
.shop-list ul li {
   margin: 20px 0;
   overflow: hidden;
   width: 90%;
}
.shop-list ul li .image {
   background-color: #fff;
   border-radius: 4px;
   float: left;
   height: 80px;
   overflow: hidden;
   width: 80px;
   display: none;
}
.shop-list ul li .image.empty a {
   display: block;
   height: 80px;
   width: 80px;
}
.shop-list ul li .info {
   background-color: #fff;
   border-radius: 4px;
   overflow: hidden;
   padding: 10px;
   position: relative;
}
.shop-list ul li .shop-name h2 {
   display: inline-block;
   font-size: 15px;
   font-weight: bold;
   padding: 0 30px 5px 0;
   text-align: left;
   text-transform: uppercase;
}
.shop-list ul li .info.prenotazione-true h2{
   background: url("/image/536/1") right 0 no-repeat #fff;
}
.shop-list ul li .tipologia {
   font-weight: bold;
   margin: 0 0 5px 0;
}
.shop-list ul li .altro {display: none;}

.shop {
   margin: 20px 20px 0 20px;
   text-align: left;
   overflow: hidden;
}
.shop .image {
   float: left;
   margin: 0 20px 20px 0;
   max-width: 300px;
   overflow: hidden;
   text-align: center;
}
.shop .info {
   background-color: #fff;
   border-radius: 4px;
   margin: 0 20px;
   overflow: hidden;
   padding: 20px;
}
.shop .info h2 {
   margin: 0 0 10px 0;
   text-align: left;
}
.shop .info h3 {
   margin: 30px 0 10px 0;
   text-align: left;
}
.shop .info .tipologia {
   font-weight: bold;
   margin: 10px 0 0 0;
}
.shop .info .descrizione {
   margin: 10px 0 20px 0;
   text-align: left;
}
.shop .info .altro,
.shop .info .note,
.shop .info .orari {
   margin: 10px 0;
}
.shop .info .altro p,
.shop .info .note p,
.shop .info .orari p {
   margin: 0;
}
.shop .info .altro p:first-of-type,
.shop .info .note p:first-of-type,
.shop .info .orari p:first-of-type {
   font-weight: bold;
}

.shop .info .descrizione p {
   margin: 10px 0;
   text-align: left;
}
.shop .info .label {
   display: inline-block;
   margin: 5px 0;
   width: 100px;
}
.shop .info .label:after {
   content: ':';
}
.shop .info .value {
  font-weight: bold;
  display: inline-block;
}
.shop .actions {
   float: right;
   margin: 0 20px 10px 20px;
   width: 300px;
}
.shop .wrapper {
   min-width: 300px;
}
.shop .button {
   display: block;
   font-weight: bold;
   margin: 0 0 20px 0;
   text-align: center;
}
.shop .altro {display: none;}

.article .shop form ol,
.article .shop form ul {
   list-style-type: none;
   padding: 0;
}
.article .shop form ol li,
.article .shop form ul li {
   list-style-type: none;
   margin: 0 0 20px 0;
}
.article .shop form ol li:last-child,
.article .shop form ul li:last-child {margin: 0;}
.article .shop form ul li label {display: block; margin: 0 0 5px 0;}
.article .shop form ul li select {width: auto;}
.article .shop form ul li.commands{text-align: center;}
.article .shop form ul li .button{
   border: 0;
   cursor: pointer;
   display: inline-block;
   text-transform: uppercase;
   width: auto;
}

#cookie-disclaimer {
    background-color: #0096ae;
    bottom: 0;
    color: #fff;
   display: none;
    font-family: Arial, Helvetica, sans serif;
    font-size: 15px;
    left: 0;
    right: 0;
    line-height: normal;
    padding: 50px 80px;
    position: fixed;
    text-align: center;
    word-spacing: normal;
    z-index: 99999;
}
#cookie-disclaimer a {color: #83c8d7; text-decoration: none;}
#cookie-disclaimer a:hover {background-color: transparent !important; color: #fff !important;}
#cookie-disclaimer a:first-child {
    position: absolute;
    right: 10px;
    top: 10px;   
    bottom: 25px;
    right: 10px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #83c8d7;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;    
}
#cookie-disclaimer a:hover{
    background: #fff;
    color: #83c8d7;
}
#cookie-disclaimer > a:first-child:before {
    content: 'X';
}

@media all and (max-width: 1060px) {
   .footer .col4 p,
   .footer .col4 ul {text-align: left;}
}
@media all and (max-width: 1020px) {
}
@media all and (max-width: 980px) {
   .window.login .frame {width: 20%; margin: 0; top: 0; left: 20px; }
   .shop .actions {float: none; margin: 0 auto;}
}
@media all and (max-width: 680px) {
   .header .wrapper > div {min-width: 120px; width: auto !important;}   
   .header .wrapper {height: 100px;}   
   .header .wrapper > div.menu {top: 0;}   
   .header .wrapper > div.menu a {
      display: block;
      margin: 5px 0;
   }   
   .shop-list ul {grid-template-columns: 1fr;}
   .shop .image {
      float: none;
      margin: 0 auto 20px auto;
   }
   .shop .image img {
      float: none;
      margin: 0 auto;
      text-align: center;
   }
   .shop .actions {width: 260px;}
   .footer .wrapper > div {min-height: unset;}

   .shop .button {
      font-size: 13px;
   }
}