html,body{margin:0;padding:0;font-family: "Arapey";text-align:center;}
p, ul, li{margin:0; padding:0;}
li{ list-style: none;}
a{ border:0; text-decoration: none; color: #666;}
img{border:0}
div#container{ float: left; width: 100%; }


/* home*/
div#galleria{ background: url(../img/bg_oblique.gif) repeat; padding-top: 10px; padding-bottom: 10px; float: left; width: 100%; text-align: center; }
div#galleria div#content{ width: 98%; margin-left: auto; margin-right: auto; }
div#galleria ul#scroller-home img {  }
div#galleria ul#scroller-home li p.testo { position: absolute; font-family: 'Playfair Display', serif; font-weight: 400; bottom:20px; color:#fff;padding: 18px; font-size:44px; right:0; font-style: italic; width:100%; background-color:rgba(23, 47, 21, 0.7);}
div#galleria ul#scroller-home li p.testo span {background: #000; text-align: left; line-height: 28px; padding: 10px;}
/* fine home */

/* contenuto*/
div#contenuto-pagina div#sx div.full{ width: 95%;margin-left: 2.5%; margin-right:2.5%; float: left; border-bottom: 1px solid #666;  }
div#contenuto-pagina div#sx div.full div.foto{ width: 100%; float: left; padding-top: 10px; padding-bottom: 10px; text-align: center; border-top: 1px solid #666; border-bottom: 1px solid #666; }
div#contenuto-pagina div#sx div.full div.foto a{ padding: 10px; border: 2px solid #fff; float: left; background: #fff;   }
div#contenuto-pagina div#sx div.full p.titolo { font-family: "Arapey"; width: 100%;  text-align: left; font-weight: 200; font-size: 38px; margin-top: 40px; padding-top: 20px; padding-bottom: 20px; background: #f0f0f0; text-align: center; float: left; }
div#contenuto-pagina div#sx div.full p.testo { width: 60%; padding-left: 5%; padding-right:5%;  text-align: left; font-size: 20px; font-family: 'Ek Mukta', sans-serif; font-weight: 200; float: left; padding-top: 30px; padding-bottom: 30px;   }
div#contenuto-pagina div#sx div.full p.bottone-info { width: 20%; padding-left: 5%; padding-right:5%;  text-align: left; font-size: 20px; font-family: "Arapey"; font-weight: 200; float: right; padding-top: 20px; padding-bottom: 20px;}
div#contenuto-pagina div#sx div.full p.bottone-info a { background: #172f15; padding: 10px; padding-left: 30px; padding-right: 30px; color: #fff; float: right; border-radius: 4px; border:1px solid #fff;}
div#contenuto-pagina div#sx div.full p.bottone-info a:hover { border:1px solid #172f15; background: #fff; color:#172f15;}

div#contenuto-pagina div#sx div.testo-foto ul li div.foto{ width: 100%; float: left; padding-top: 10px; padding-bottom: 10px; text-align: center; border-top: 1px solid #666; }
div#contenuto-pagina div#sx div.testo-foto ul li div.foto a img{ padding: 10px; border: 2px solid #fff; float: left; background: #fff; width: 20%; height: 120px;}

div#contenuto-pagina div#sx div.contatti{ width: 95%; margin-left: 2.5%; margin-right:2.5%; float: left; border-bottom: 1px solid #666;  }
div#contenuto-pagina div#sx div.contatti p { text-align: center;   }
div#contenuto-pagina div#sx div.contatti p.recapiti{ font-size: 32px; padding: 20%; padding-top: 50px; padding-bottom: 50px; font-family: "Arapey";  }
div#contenuto-pagina div#sx div.contatti p a{ padding: 10px; border: 1px solid #f0f0f0; display: block; font-size: 28px; padding-left: 30px; padding-right: 30px;  font-family: 'Ek Mukta', sans-serif; margin-bottom: 20px; color: #666; } 
div#contenuto-pagina div#sx div.contatti p.recapiti span.big{ font-size: 58px;  }

div#contenuto-pagina div#sx div.offerte{ width: 95%;margin-left: 2.5%; margin-right:2.5%; float: left; border-bottom: 1px solid #666; margin-top: 40px; }
div#contenuto-pagina div#sx div.offerte p{ font-size: 42px; padding: 20%; padding-top: 50px; padding-bottom: 50px; font-family: "Arapey"; font-style: italic; }
div#contenuto-pagina div#sx div.offerte p a{ padding: 10px; border: 1px solid #f0f0f0; display: block; font-size: 28px; padding-left: 30px; padding-right: 0px;  font-family: 'Ek Mukta', sans-serif; margin-bottom: 20px; color: #666; background: #172f15; color: #fff;}

div.messaggio_modulo_successo{ float: left; border-bottom: 1px dotted #fff; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; border-top: 1px dotted #fff; margin-right: 5px;}
div.messaggio_modulo_successo p.testo{ font-size: 22px; padding: 10px; color: #fff; text-align: left;  font-weight: bold;}
 
/* footer */ 

div#footer div#content{ width: 100%; margin-left: auto; margin-right: auto; }
div#footer div#content div.left{ width: 50%; float: left; }
div#footer div#content div.right{ width: 50%; float: right; }
div#footer div#content p{ text-align: left; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; font-size: 18px; color: #fff;}
div#footer div#content p.testo{ padding-left: 30px;}
div#footer div#content div#facebook{ padding-top: 10px;}

/* footer */

.banner { position: relative; overflow: auto; width: 100%; }
    .banner li { list-style: none; }
        .banner ul li { float: left; width: 100%; }
        

        

 
@media only screen and (min-width: 600px) {
  
    /* head */
div#barra-top{width: 100%; float: left; margin: 0; padding: 0; background: #fff url(../img/sfondo_head.png) no-repeat 30px center; position: fixed; top: 0; z-index: 1000; border-bottom: 10px solid #172f15; -webkit-box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.75);}
div#barra-top div#content{width: 100%; margin-left: auto; margin-right: auto; height: auto;}
div#barra-top div#content ul li{ display: inline; float: left;}
div#barra-top div#content ul li.sx{ float: left; width: 70%;}
div#barra-top div#content ul li.sx p{ padding-top: 9px; padding-bottom: 9px;}
div#barra-top div#content ul li.dx{ float: right; width: 30%;}
div#barra-top div#content ul li.dx p.logo{ width: 95%; text-align: right; float: left; margin-top:8px; margin-right: 5%}
div#barra-top div#content ul li.dx p.logo img{ max-height: 120px; margin: 0 auto; display: block; margin-bottom: 5px;}
/* fine head */
/* menu */
div#selettore-lingue{ position: relative; top: 0; left: 0; width: 100%; float: left;}
div#selettore-lingue ul li{ float: left; display: inline;}
div#selettore-lingue ul li a{ font-size: 18px; padding: 10px; padding-left: 40px; padding-right: 40px; float: left; color: #fff; background: #000; font-style: italic;}
div.menu ul{ margin: 0; padding: 0; float: left; width: 100%; position:absolute; bottom:10px; left:0%;}
div.menu ul li{ float: left; display: inline; color: #fff;margin-left: 1%; margin-right: 1%; }
div.menu ul li a{  }
div.menu ul li a:hover{ color: #172f15; text-decoration: underline;}
div.menu ul li a.active {background: url(../img/menu-active.png) center bottom no-repeat; color: #999;  }
div.menu ul li.home a{ padding-top: 12px; padding-bottom: 11px; }
div.menu ul li.home a:hover{ background: none; }
/* fine menu */
/* home */
div#contenuto-home{ width: 100%; margin-top: 104px; padding-bottom: 80px; float: left; }
div#finestre-home{ background: #fff; width: 100%; float: left; position: relative; z-index: 1; padding: 0; margin: 0;}
div#finestre-home div#sx{ width: 100%; float: left; padding: 0; margin: 0;}
div#finestre-home div#sx ul { padding: 0; padding: 0; margin: 0;}
div#finestre-home div#sx ul li{ float: left; padding: 0; margin: 0; height: 560px; border-bottom: 2px solid #172f15; width: 32%; margin: 1%; margin-right: 0; background: #fff;}
div#finestre-home div#sx ul li:hover{ background: #172f15; color: #fff;}
div#finestre-home div#sx ul li img{ padding: 0; margin: 0; width: 100%}
div#finestre-home div#sx ul li p.titolo{ text-align: left; font-size: 30px; font-style: italic; padding:20px; padding-bottom: 0px; border-left: 4px solid #172f15;}
div#finestre-home div#sx ul li p.contenuto{ text-align: left; font-size: 25px;padding:20px; font-family: 'Ek Mukta', sans-serif; font-weight: 200; padding-bottom: 40px; float: left;}
div#finestre-home div#sx ul li.foto{ float: left; padding: 0; margin: 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; width: 32%; margin: 1%; margin-right: 0; background: #fff; }
div#finestre-home div#sx ul li.foto p{ height: 400px; line-height: 400px;}
div#finestre-home div#sx ul li.foto p img{ vertical-align: middle;}
div#finestre-home div#sx ul li.last { height: auto; width: 32%; padding: 0; background: #fff; border: 0; }
div#finestre-home div#sx ul li.last div{ border: 1px solid #ccc; float: left; width: 96%; padding-left: 2%; padding-right: 2%; height: 400px; }
div#finestre-home div#sx ul li.last p{ text-align: center;}
div#finestre-home div#sx ul li.last p.testo{ font-size: 22px; text-align: center; color: #666;  padding: 10px;}
div#finestre-home div#sx ul li.last a{ background: #d50707; padding-left: 20px; padding-right: 20px; color: #fff; padding-top: 10px; padding-bottom: 10px; border-radius: 5px; margin-top: 10px; margin-bottom: 10px; display: block; font-size: 22px; font-weight: bold;}


/* fine home */
/* contenuto*/
div#contenuto{ width: 100%; margin-top: 104px; padding-bottom: 80px; float: left; }
div#contenuto p.titolo-pagina{ width: 100%; font-size: 60px; padding-top: 70px; padding-bottom: 70px; font-style: italic; background: #172f15; color: #fff;}

div#content div.icone { background: #f0f0f0; float: left;}
div#content div.icone ul li { display: inline; float: left; width: 33%; padding-top: 10px; padding-bottom: 10px;}
div#content div.icone ul li p { float: left; text-align: center; }
div#content div.icone ul li p.icona { width: 50%; text-align: center; float: left;  }
div#content div.icone ul li p.didascalia { width: 40%; font-size: 29px; font-style: italic; border-right: 1px solid #172f15; height: 80px; line-height: 46px; float: left; padding-right: 20px;}
div#content div.icone ul li p.icona img { width: 30%;  padding-left: 10px; text-align: center;}

div#contenuto-pagina{ background: #fff; width: 100%; float: left; position: relative; z-index: 1; padding: 0; margin: 0;border-bottom: 2px solid #666;}
div#contenuto-pagina div#sx{ width: 100%; float: left; padding: 0; margin: 0; border-bottom: 2px solid #666; }
div#contenuto-pagina div#sx ul { padding: 0; padding: 0; margin: 0;}
div#contenuto-pagina div#sx ul li{ float: left; padding: 0; margin: 0; border-bottom: 2px solid #666; width: 48%; margin: 1%; border:0;}
div#contenuto-pagina div#sx ul li img{ padding: 0; margin: 0; width: 100%}
div#contenuto-pagina div#sx ul li p.titolo{ text-align: left; font-size: 30px; font-style: italic; padding:10px;}
div#contenuto-pagina div#sx ul li p.contenuto{ text-align: left; font-size: 20px;padding:10px; font-family: 'Ek Mukta', sans-serif; font-weight: 200; }
div#contenuto-pagina div#sx div.testo-foto{ width: 100%; float: left; border-bottom: 1px solid #666; margin-bottom: 50px;  }
div#contenuto-pagina div#sx div.testo-foto ul li.testo{ width: 50%; margin: 0; padding: 0;   }
div#contenuto-pagina div#sx div.testo-foto ul li.testo p { width: 90%; padding-left: 5%; padding-right:5%;  font-family: 'Ek Mukta', sans-serif; text-align: left; font-weight: 200; font-size: 20px; margin-top: 40px; }
div#contenuto-pagina div#sx div.testo-foto ul li.foto{ width: 50%; margin: 0; padding: 0; margin-top:20px;height: auto;  }
div#contenuto-pagina div#sx div.testo-foto ul li.foto p img{ width: 80%; border: 8px solid #fff; margin: 0; padding: 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);  }

div#contenuto-pagina div#sx div.dintorni{ width: 95%;margin-left: 2.5%; margin-right:2.5%; float: left; border-bottom: 1px solid #666;  }
div#contenuto-pagina div#sx div.dintorni ul li{ border-top: 3px solid #eee; width: 47%; margin-bottom: 10px; }
div#contenuto-pagina div#sx div.dintorni p.titolo { font-family: "Arapey"; width: 100%;  text-align: left; font-weight: 200; font-size: 38px; margin-top: 40px; padding-top: 20px; padding-bottom: 20px; background: #f0f0f0; text-align: center; }
div#contenuto-pagina div#sx div.dintorni p.testo { width: 50%; padding-left: 5%; padding-right:5%;  text-align: left; font-size: 20px;padding:10px; font-family: 'Ek Mukta', sans-serif; font-weight: 200; }
div#contenuto-pagina div#sx div.dintorni p.citta { font-size: 38px; padding-bottom: 10px; margin-bottom: 20px; margin-top: 20px;}
div#contenuto-pagina div#sx div.dintorni p.km { font-size: 23px; padding-bottom: 10px; color:#cc0000; font-style: italic;}
div#contenuto-pagina div#sx div.dintorni p.testo-dintorni { text-align: center; font-family: 'Ek Mukta', sans-serif; font-weight:bold; font-size:18px; padding-top: 20px; padding-left: 20px; padding-right: 20px;}
div#contenuto-pagina div#sx div.dintorni p.foto img { width: 90%; height: 300px; }

div#sx div#finestre { width: 100%; float: left;  }
div#sx div#finestre div.vedi { width: 100%; border-bottom: 3px solid #172f15; float: left; }
div#sx div#finestre div.vedi p { padding: 10px; font-size: 38px; color: #172f15;}
div#sx div#finestre ul li { width: 31%; margin-right: 1%; height: auto;  margin-bottom: 10px; }
div#sx div#finestre a { color: #666;}
div#sx div#finestre ul li:hover { background: #f0f0f0; }
div#sx div#finestre ul li div { border: 1px solid #eee; }
div#sx div#finestre ul li div p { padding: 2%; }
div#sx div#finestre ul li p.titolo { text-align: center; }

div#footer{ width: 100%; float: left; font-size: 18px; margin: 0; padding: 0;background: #172f15; margin-top: 0px; position: fixed; bottom: 0; z-index: 1000; height: auto;}
    
}

@media only screen and (max-width: 599px) {
  
    /* head */
div#barra-top{width: 100%; float: left; margin: 0; padding: 0; background: #fff url(../img/sfondo_head.png) no-repeat 30px center; position: relative; top: 0; z-index: 1000; border-bottom: 10px solid #172f15; -webkit-box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.75);}
div#barra-top div#content{width: 100%; margin-left: auto; margin-right: auto; height: auto;}
div#barra-top div#content ul li{ display: inline; float: left;}
div#barra-top div#content ul li.sx{ float: left; width: 100%;}
div#barra-top div#content ul li.sx p{ padding-top: 9px; padding-bottom: 9px;}
div#barra-top div#content ul li.dx{ width: 100%;}
div#barra-top div#content ul li.dx p.logo{ width: 100%; text-align: center; float: left; margin-top:8px; margin-bottom: 20px;}
div#barra-top div#content ul li.dx p.logo img{ max-height: 120px}
/* fine head */
/* menu */
div#selettore-lingue{ position: relative; top: 0; left: 0; width: 100%}
div#selettore-lingue ul li{ float: left; display: inline; width: 50%;}
div#selettore-lingue ul li a{ font-size: 18px; padding: 10px; padding-left: 40px; padding-right: 40px; float: left; color: #fff; background: #000; font-style: italic; }

/* fine menu */
/* home */
div#contenuto-home{ width: 100%; padding-bottom: 80px; float: left; }
div#finestre-home{ background: #fff; width: 100%; float: left; position: relative; z-index: 1; padding: 0; margin: 0;}
div#finestre-home div#sx{ width: 100%; float: left; padding: 0; margin: 0;}
div#finestre-home div#sx ul { padding: 0; padding: 0; margin: 0;}
div#finestre-home div#sx ul li{ float: left; padding: 0; margin: 0; border-bottom: 2px solid #172f15; width: 98%; margin: 1%; background: #fff;}
div#finestre-home div#sx ul li:hover{ background: #172f15; color: #fff;}
div#finestre-home div#sx ul li img{ padding: 0; margin: 0; width: 100%}
div#finestre-home div#sx ul li p.titolo{ text-align: left; font-size: 30px; font-style: italic; padding:20px; padding-bottom: 0px; border-left: 4px solid #172f15;}
div#finestre-home div#sx ul li p.contenuto{ text-align: left; font-size: 25px;padding:20px; font-family: 'Ek Mukta', sans-serif; font-weight: 200; padding-bottom: 40px; float: left;}
div#finestre-home div#dx{ width: 20%; float: right; padding: 0; margin: 0; }
div#finestre-home div#dx div.tripadvisor{ border: 3px solid #f0f0f0; padding: 10px; padding-bottom: 70px; margin-top: 12px; }
div#finestre-home div#dx div.tripadvisor img{ width: 100%; }
div#finestre-home div#sx ul li.last { height: auto; width: 98%; padding: 0; background: #fff; border: 0; }
div#finestre-home div#sx ul li.last div{ border: 1px solid #ccc; float: left; width: 96%; padding-left: 2%; padding-right: 2%; height: 400px; }
div#finestre-home div#sx ul li.last p{ text-align: center;}
div#finestre-home div#sx ul li.last p.testo{ font-size: 22px; text-align: center; color: #666;  padding: 10px;}
div#finestre-home div#sx ul li.last a{ background: #d50707; padding-left: 20px; padding-right: 20px; color: #fff; padding-top: 10px; padding-bottom: 10px; border-radius: 5px; margin-top: 10px; margin-bottom: 10px; display: block; font-size: 22px; font-weight: bold;}

/* fine home */
/* contenuto*/
div#contenuto{ width: 100%; padding-bottom: 80px; float: left; }
div#contenuto p.titolo-pagina{ width: 100%; font-size: 60px; padding-top: 30px; padding-bottom: 30px; font-style: italic; background: #172f15; color: #fff;}

div#content div.icone { background: #f0f0f0; float: left;}
div#content div.icone ul li { display: inline; float: left; width: 33%; padding-top: 10px; padding-bottom: 10px;}
div#content div.icone ul li p { float: left; text-align: center; }
div#content div.icone ul li p.icona { width: 50%}
div#content div.icone ul li p.didascalia { width: 50%; font-size: 100%; font-style: italic; }
div#content div.icone ul li p.icona img { width: 30%}

div#contenuto-pagina{ background: #fff; width: 100%; float: left; position: relative; z-index: 1; padding: 0; margin: 0;border-bottom: 2px solid #666;}
div#contenuto-pagina div#sx{ width: 100%; float: left; padding: 0; margin: 0; border-bottom: 2px solid #666; }
div#contenuto-pagina div#sx ul { padding: 0; padding: 0; margin: 0;}
div#contenuto-pagina div#sx ul li{ float: left; padding: 0; margin: 0; border-bottom: 2px solid #666; width: 98%; margin: 1%; border:0;}
div#contenuto-pagina div#sx ul li img{ padding: 0; margin: 0; width: 94% !important; height: auto !important;}
div#contenuto-pagina div#sx ul li p.titolo{ text-align: left; font-size: 30px; font-style: italic; padding:10px;}
div#contenuto-pagina div#sx ul li p.contenuto{ text-align: left; font-size: 20px;padding:10px; font-family: 'Ek Mukta', sans-serif; font-weight: 200; }
div#contenuto-pagina div#sx div.testo-foto{ width: 100%; float: left; border-bottom: 1px solid #666;  }
div#contenuto-pagina div#sx div.testo-foto ul li.testo{ width: 100%; margin: 0; padding: 0;  }
div#contenuto-pagina div#sx div.testo-foto ul li.testo p { width: 90%; padding-left: 5%; padding-right:5%;  font-family: 'Ek Mukta', sans-serif; text-align: left; font-weight: 200; font-size: 20px; margin-top: 40px; }
div#contenuto-pagina div#sx div.testo-foto ul li.foto{ width: 100%; margin: 0; padding: 0; margin-top:50px; height: auto;  }
div#contenuto-pagina div#sx div.testo-foto ul li.foto p img{ width: 100%; margin: 0; padding: 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);  }

div#contenuto-pagina div#sx div.full div.foto img{ width: 100%; height: auto !important; }

div#contenuto-pagina div#sx div.dintorni{ width: 95%;margin-left: 2.5%; margin-right:2.5%; float: left; border-bottom: 1px solid #666;  }
div#contenuto-pagina div#sx div.dintorni ul li{ border-top: 3px solid #eee; width: 100%; margin-bottom: 10px; }
div#contenuto-pagina div#sx div.dintorni p.titolo { font-family: "Arapey"; width: 100%;  text-align: left; font-weight: 200; font-size: 38px; margin-top: 40px; padding-top: 20px; padding-bottom: 20px; background: #f0f0f0; text-align: center; }
div#contenuto-pagina div#sx div.dintorni p.testo { width: 90%; padding-left: 5%; padding-right:5%;  text-align: left; font-size: 20px;padding:10px; font-family: 'Ek Mukta', sans-serif; font-weight: 200; }
div#contenuto-pagina div#sx div.dintorni p.citta { font-size: 38px; padding-bottom: 10px; margin-bottom: 20px; margin-top: 20px;}
div#contenuto-pagina div#sx div.dintorni p.km { font-size: 23px; padding-bottom: 10px; color:#cc0000; font-style: italic;}
div#contenuto-pagina div#sx div.dintorni p.testo-dintorni { text-align: center; font-family: 'Ek Mukta', sans-serif; font-weight:bold; font-size:18px; padding-top: 20px; padding-left: 20px; padding-right: 20px;}
div#contenuto-pagina div#sx div.dintorni p.foto img { width: 90%; height: 300px; }

div#sx div#finestre { width: 100%; float: left; }
div#sx div#finestre div.vedi { width: 100%; border-bottom: 3px solid #172f15; }
div#sx div#finestre div.vedi p { padding: 10px; font-size: 38px; color: #172f15;}
div#sx div#finestre a { color: #666;}
div#sx div#finestre ul li { width: 98%; margin-right: 1%; margin-right: 1%; height: auto;  margin-bottom: 10px; }
div#sx div#finestre ul li:hover { background: #f0f0f0; }
div#sx div#finestre ul li div { border: 1px solid #eee; }
div#sx div#finestre ul li div p { padding: 2%; }
div#sx div#finestre ul li p.titolo { text-align: center; }

/* fine contenuto*/

div#footer{ width: 100%; float: left; font-size: 18px; margin: 0; padding: 0;background: #172f15; margin-top: 0px; height: auto;}

    
}