@charset "UTF-8";
* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

/* Display block per gli elementi HTML5 su IE */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display: block;
}

/* Immagini responsive */
img { 
 border:0; 
	vertical-align:middle; 
	-ms-interpolation-mode:bicubic;
}
 
img.scala { 
 max-width:99%; 
	height:auto; 
}

/* Stili di base e tipografia */
html {
  font-size: 100%;
}


body {
 margin: 0;
 padding: 0;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
 font-size: 18px;
 line-height: 30px;
 color:#000; 
 background: #e0e0e0;
 -webkit-text-size-adjust:100%;
}


nav {float:right; width: 550px;}



.logo img{float:left; }

nav ul li{
width: 24%; height:50px; text-align: center;
  font-size:11px;  padding-top:30px; 
	display: inline;
float: left; text-transform: uppercase; 
}
nav ul li a{ text-decoration: none; border-bottom: 2px solid #e0e0e0;
}
nav ul {
 padding: 0px 10px; margin: 0px;
}
hr { 
  border: 1px solid #e0e0e0;
 
}


a {
 color: #000;
 text-decoration: underline;
}

a:hover {
 color: #000;
 text-decoration: none;
}



h1, h2, h3, h4, h5, h6 { 
	font-family:"Georgia", "Times New Roman", serif; 
} 

h1 { 
 font-size:33px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; 
 color:#333333; font-weight: lighter; line-height:33px; margin-bottom: 1px; text-align: center; text-transform: uppercase
}

h2 { 
  font-size:18px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; 
background: #666666; color: #fff; font-weight: lighter;text-align: center; text-transform: uppercase; margin: 20px; 
}


h3 { 
  font-size:14px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; 
 color:#913030; font-weight: lighter;text-align: center; text-transform: uppercase; margin: 0px; padding: 0px; border-bottom: 2px solid #f0f0f0}
h4 { 
 font-size:14px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; 
 color:#323232; font-weight: lighter; line-height:28px; text-align: left; text-transform: uppercase; margin: 0px;
}


.pulsante{
 background-color:#388040 ; /* Green */;
    
    color: #ffffff;
    padding: 8px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 8px;
	line-height: 19px
}
.pulsante a {
   color: #ffffff;
}
.pulsante b {
   color: #ffffff; text-transform: uppercase
}

.pulsanteverde{
      background-color: #4CAF50; /* Green */
    border: 1px solid #b6e871;
    color: white;
    padding: 8px 32px;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 12px;
}



.prezzo { 
 font-size: 20px; color: green
}



/* Griglia */

.riga {
 width: 100%; 
 max-width: 1000px; 
 min-width: 720px; 
 margin: 0 auto;
 background: #fff;
}
.colonna-riga {
 width: 45%; 
 background: #fff; color: #333333; font-size: 15px; text-align: left;  line-height: 22px; padding: 30px; margin: 20px;
}





[class*='colonna-'] {
 float: left; 
 min-height: 1px; 
 padding: 0 15px; 
 position: relative;

}


hr{
 width: 80%; margin-left: 10%; height: 50%; color: #e0e0e0;
}
.colonna-product  {
 width: 32%; text-align: center; margin: 10px 2px;
}

.colonna-product p {
 color:#333333; text-transform: uppercase; font-size: 12px; padding: 0px; margin: 0px; line-height: 18px
}
.colonna-product span {
 text-transform: none; color: #666666;
}


.home  {
 width: 32%; text-align: center; margin: 10px 2px;  display: block; float: left
}

.home p {
 color:#333333; text-transform: uppercase; font-size: 14px; padding: 0px; margin: 0px; line-height: 18px
}
.home span {
 text-transform: none; color: #666666;
}



.colonna-toscana  {
 width: 49%; text-align: center; margin: 10px 2px;
}

.colonna-centro  {
 width: 49%; text-align: left; margin: 10px 2px;
}
.colonna-promozione  {
padding: 5px;  margin: 5px;  color: #333333; font-size: 18px; text-align: left; border: 1px solid #f3f1f2; line-height: 28px}


.colonna-push  {
 width: 23%; text-align: center; border: 3px solid #f8f8f8; margin: 8px; color: #333333;
}
.colonna-prenotare  {
 width: 31%; text-align: center; border: 3px solid #f8f8f8; margin: 8px; color: #333333; background: #ffffff;
}
.colonna-recensioni  {
 width: 48%; border: 3px solid #f8f8f8; margin: 8px; color: #333333; text-align: left;
}

.colonna-push p, .colonna-recensioni p, .colonna-prenotare p  {
color: #333333; font-size: 14px; line-height: 18px
}


.colonna-footer  { width: 100%; margin-top: 30px;
background: #666666; color: #fff;
}
.colonna-footertesto { width: 33%; font-size: 14px; 
}
.colonna-footertesto p { line-height: 20px
}
.colonna-footertesto a { color:#ffffff; 
}
blockquote {
 color:#913030; text-align: center; padding: 0px; margin: 0px; line-height: 24px
}








#prezzo, #euro {
color:#913030; font-size: 18px
}
#sconto {
color:#000; text-decoration: line-through
}




ol li { 
    list-style-image: url('/img/li.jpg'); padding-bottom: 8px;line-height: 30px;
}


[class*="colonna-"] + [class*="colonna-"]:last-child {float: right;}

/* Micro-clearfix */
.contenitore:before,
.contenitore:after,
.riga:before,
.riga:after {
 content: " "; 
 display: table;
}

.contenitore:after,
.riga:after {
 clear: both;
}

.contenitore, 
.riga {
 *zoom: 1;
}

/* Stili  per le varie sezioni */
header {
 height: 70px;
 border-bottom: 1px solid #333;
 position: relative;
}

header #logo {
 float: left;
}

#logo a {display: block;}




.video {
 width: 100%; height:290px
}





@media only screen and (max-width:600px) {
	
	
	.ciao {
 width: 90%; 

}
	
	.incluso{display: none}
	.colonna-product p {
 font-size: 14px; 
}

	.video {
 width: 100%; height:185px
}
	
.riga { 
 width: auto; 
 min-width: 0; 
 margin-left: 0; 
 margin-right: 0;
}


 
[class*="colonna-"] { 
 width: auto !important; 
 float: none;  
}
	


[class*="colonna"] + [class*="colonna"]:last-child { float: none; }
 
[class*="colonna-"]:before, [class*="colonna-"]:after { 
 content:""; 
 display:table; 
}

[class*="colonna-"]:after {clear: both;}
	
	h1 { 
 font-size:15px; padding: 2px !important; margin: 0px !important; line-height: 8px; background:#fff;}
	
		h2 { 
 font-size:14px !important;   padding-bottom: 0px; margin: 0px;
}
	h3 {  margin: 0px; padding: 0px;
}
	p {
    line-height: 20px;
}

	

		nav{float:right; width: 100% }



nav ul li{
width: 24%; height:22px; text-align: center;
  font-size:11px;  padding-top:0px; 
	display: inline;
float: left; text-transform: uppercase; 
}
.pulsante a{
    color: white;
   
}

.home  {
 display: block; float: left;width: 47%; text-align: center; margin: 10px 2px;
}
	.home p {
 font-size: 14px; 
}
		.home span {
color: #666666;
}

}