html {
  overflow-y: scroll;
}

body {
margin:0px;
float:center;
background:url(../img/1.jpg)no-repeat center top fixed, url(../img/sky.jpg);
text-align:center;
font-family: 'Armata', sans-serif;
font-size:18px;
}

@font-face {
    font-family: 'santarpia_leanfabold';
    src: url('leanfa-webfont.eot');
    src: url('leanfa-webfont.eot?#iefix') format('embedded-opentype'),
         url('leanfa-webfont.woff2') format('woff2'),
         url('leanfa-webfont.woff') format('woff'),
         url('leanfa-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.maxwidth{width:100%;max-width:1050px;padding:0px 25px 0px 25px;}

.colsoc1{color:#5da526;}
.colsoc2{color:#008131;}

.contr{border:1px solid red;}

img{display:block;margin:0px;}
a{text-decoration:none;}

.fontA{font-family: 'Khand', sans-serif;}
.fontA1{font-family: 'Khand', sans-serif;font-weight:600;}
.fontB{font-family: 'Armata', sans-serif;}
.fontC{font-family: 'santarpia_leanfabold';}

.sz10{font-size:10px;}
.sz11{font-size:11px;}
.sz12{font-size:12px;}
.sz13{font-size:13px;}
.sz14{font-size:14px;}
.sz15{font-size:15px;}
.sz16{font-size:16px;}
.sz18{font-size:17px;}
.sz20{font-size:20px;}
.sz22{font-size:22px;}
.sz24{font-size:24px;}
.sz27{font-size:25px;}
.sz30{font-size:30px;}
.sz30{font-size:30px;}
.sz35{font-size:35px;}
.sz40{font-size:40px;}
.sz50{font-size:50px;}
.sz60{font-size:60px;}

/*link hover */
.linkH:hover{box-shadow:inset 0 -100px 0 0 rgba(0, 0, 0, 0.3);}
.overH:hover{box-shadow:0px 1px 2px #777;}
.linkbord:hover{box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1);}
.linkshadow:hover{box-shadow: inset 0px 0px 0px 100px rgba(0,0,0,0.5);}
.linkshadow2:hover{box-shadow: inset 0px 0px 0px 100px rgba(0,127,255,0.1);}

/*testo*/
.primalett:first-letter {text-transform:uppercase;}
.upper{text-transform:uppercase;}
.capit{text-transform:capitalize;}
.text-l{text-align:left;}
.text-c{text-align:center;}
.text-r{text-align:right;}
.text-g{text-align:justify;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nowrap{white-space:nowrap;}

/* margin */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.mr5{margin-top:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}

/*display*/
.none{display:none;}
.block{display:block;}	

/*float*/
.left{float:left;}
.right{float:right;}

.cursor{cursor:pointer;}

.table {display:table;width:100%;}
.row {display:table-row;}
.cell {display:table-cell;}

.table2 {display:table;width:100%;}
.row2{display:table-row;}
.cell2{display:table-cell;}

.puf, div{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.pif{display:inline-block;}
.paf{display:block;}
.pof{height:100%;overflow:hidden;}

.sect {
width:100%;
 box-shadow:0px 0px 15px #333333;
}

 .circle{
   border-radius:999em;    
-moz-border-radius:999em;  
-webkit-border-radius:999em; 
  -o-border-radius: 999em;   
}

.round4 {
 border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px; 
}

.round6 {
 border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px; 
}

.move{
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
 }
 
.movefast{
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
 } 

#work {
background:#ffffff;
}
#contact {
  background:#ffffff;
}
#header {
    background-color: #ffffff;
    color:000000;
    height: 80px;
    position:fixed;
    width:100%;
    top:0;
    z-index:100;
    float:center;
	z-index:999;
}

#menulong{
float:right;display:block;height:90px;line-height:90px;float:right;margin-right:10px;
}
.menubott{margin-top:7px;margin-left:20px;display:none;}

.boxmenu{display:none;position:fixed; left:0px; top:80px;width:100%;background:#fff;z-index:998;padding:25px;}

#newbox{float:right;margin-top:30px;background:#ffffff;height:30px;}

#titolosez{width:280px;height:280px;float:right;text-align:center;background:#000000;opacity:0.6;padding-top:200px;font-size:40px;color:#ffffff;letter-spacing:1px;animation: 1s ease-out 0s 1 slideInFromTop;}

.elenco{
display:block;
line-height:40px;
width:100%;
}

a.menu{
padding:10px 13px 21px 13px;
font-size:16px;
 font-family: 'Khand', sans-serif;
 font-weight:500;
 color:#808080;
 text-decoration:none;
 position:relative;
}  
.menu:hover{color:#5da526;}
.menu-border{position:absolute; bottom: 0; left: 0; width: 0px; height: 5px; background-color: #5da526; transition: 0.4s;}
.menu:hover  .menu-border{width: 100%; transition: 0.4s;}
a.menusub{
padding-left:5px;
display:block;
height:40px;
line-height:40px;
 color:#666666;
 text-decoration:none;
 border-bottom:1px solid #cccccc;
  text-align:left;
}
a.menusub:hover{
background: #f3f3f3;
 color:#fff;
 padding-left:20px;
}
/*cover*/
.cover{width:100%;height:100%;background:#000;opacity:0.4;position:fixed;top:0px;left:0px;display:none;z-index:995;}
.boxdiv1{
position:absolute;
width:180px;
height:320px;
border:4px solid #cccccc;
background:#ffffff;
box-shadow:0px 0px 7px #000;
padding:10px;
top:70px;
right:0px;
z-index:9999999;
}
 
 a.button {
	display:block;
	margin:20px 0;
	padding:10px 20px;
	background:#009900;
	/*border:#526E00 1px solid;*/
	color:#fff;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	/*border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	box-shadow:0 0 2px #000, inset 0 1px 1px #99CC00; -webkit-box-shadow:0 0 2px #000, inset 0 1px 1px #99CC00; -moz-box-shadow:0 0 2px #000, inset 0 1px 1px #99CC00;*/
	cursor:pointer;
	text-decoration:none;
}
a.button:hover {
	background:#78A000;
	border-color:#658700;
	text-decoration:none !important;
	cursor:pointer
}

.tag{background:#ebebeb;padding:4px;border:1px solid #ccc;text-decoration:none;color:#666;margin:3px;white-space:nowrap;display:inline-block;}
.tag:hover{background:#666;color:#fff;}

a.footer{font-size:14px;color:#ffffff;text-decoration:none;padding-top:10px;margin:0px 10px 0px 10px;}
a.footer:hover{border-bottom:2px solid #ffffff;}

#titsez{animation: 2s ease 0s normal forwards 1 slideInFromLeft;}
#colsx{float:left;width:70%;background:#ffffff;padding-right:20px;}
#coldx{float:right;width:290px;padding-left:20px;}

a.menucol{
background:#000000; 
opacity:0.5; 
display:block; 
height:40px;
line-height:40px;
font-size:24px;
text-align:left;
padding-left:15px;
text-decoration:none;
font-family: 'Khand', sans-serif;
margin-bottom:3px;
}
a.menucol:hover{background:#009900;opacity:1.0;}


a.x101{color:#666666;text-decoration:none;}
a.x101:hover{color:#009900;}
a.x101news{color:#666666;text-decoration:none;padding:5px 0px 5px 5px}
a.x101news:hover{color:#fff;padding:5px 0px 5px 10px}

.news-data{
width:50%;
text-align:left;
background:url(../img/appbar.jpg)no-repeat left center;
height:40px;line-height:40px;
padding-left:40px;
float:left;
}

.news-autoreleano{margin-left:0px;padding-top:0px;float:left;width:100%;}
.buba{padding-right:170px;}

.news-dataleano{
width:100%;
text-align:left;
height:40px;line-height:40px;
padding-left:0px;
margin-bottom:10px;
}

.news-textleano{width:80%;float:left;padding:0px 10px 10px 20px;border-left:1px solid #000000;border-top:1px solid #ffffff;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;cursor:pointer;}
.news-textleano:hover{border:1px solid #000000;background:#ffffff;box-shadow:0px 0px 8px #666;}

.news-datadett{
width:50%;
text-align:right;
background:url(../img/appbar.jpg)no-repeat right center;
height:40px;line-height:40px;
padding-right:40px;
float:right;

}
.news-autore{
width:50%;
text-align:right;
height:40px;line-height:40px;
float:right;
}
.news-autoredett{
width:50%;
text-align:left;
background:url(../img/appbarautore.png)no-repeat left center;
height:40px;line-height:40px;
padding-left:40px;
float:left;
}
.news-img{
float:left;margin:15px 20px 20px 0px;
}
.news-box{padding:7px;}
.news-box:hover{
box-shadow:0px 0px 8px #666;
margin-right:5px;
-webkit-transform: scale(1.05);
-mz-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
.news-data2{
width:100%;
text-align:left;
border-bottom:1px solid #000000;
/*background:url(../img/appbar2.jpg)no-repeat left center;*/
height:40px;line-height:40px;
padding-left:0px;
margin-bottom:20px;
margin-top:10px;
float:left;
}

.news-img2{
margin:20px 0px 10px 0px;width:100%;height:170px;background-repeat:no-repeat;background-size:cover;background-position:center center;
}

.pag1{
width:37px; height:37px; text-align:center; padding:7px; float:left;line-height:22px;margin-right:10px;
color:#ffffff;
background:#009900;
font-size:20px;
}
a.pag{
width:20px; height:20px; text-align:center; padding:7px; float:left;line-height:20px;margin-right:10px;
font-family: 'BenchNine', sans-serif;
color:#666666;
background:#ffffff;
border:2px solid #666666;
font-size:20px;
text-decoration:none;
}
a.pag:hover{background:#cccccc;}

a.post{background:#009900;padding:7px 12px 7px 12px;color:#ffffff;box-shadow:0px 0px 0px #fff;text-decoration:none;}
a.post:hover{background:#006600;box-shadow:0px 1px 4px #666;}

.triangolo
{
width: 		0;
height: 	0;
border-top:	10px solid #cccccc;
border-left: 	10px solid transparent;
border-right: 	10px solid transparent;
}

.sx{
background:url(../img/sx1.jpg)no-repeat left center;
height:80px;
float:left;
color:#000000;
padding-left:35px;
width:45%;
}
.sx:hover{
color:#009900;
background:url(../img/sx2.jpg)no-repeat left center;
}
.dx{
background:url(../img/dx1.jpg)no-repeat right center;
height:80px;
float:right;
color:#000000;
padding-right:35px;
width:45%;
margin-right:10px;
text-align:right;
}
.dx:hover{
color:#009900;
background:url(../img/dx2.jpg)no-repeat right center;
}
 
.boxref{
padding:10px;
box-shadow:0px 0px 4px #666;
margin:15px 7px;
text-align:center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.bordo1{
border: 1px solid #cccccc;
border-radius: 4px; 
-moz-border-radius: 4px; /* firefox */  
-webkit-border-radius: 4px; /* safari, chrome */
padding: 10px 7px 10px 7px;
width:95%;
}
.bordo1:focus{border-color:#00AAE7;box-shadow:0 0 10px #00BDFF; -webkit-box-shadow:0 0 10px #00BDFF; -moz-box-shadow:0 0 10px #00BDFF;}

a.dwn{background:url(../img/ico-8.png)no-repeat center left;background-size:40px 40px;padding:10px 0px 10px 50px; border-bottom:1px solid #ccc;display:block;text-align:left;text-decoration:none;color:#666;}
a.dwn:hover{background:url(../img/ico-8a.png)no-repeat center left;background-size:40px 40px;color:#000;padding:10px 0px 10px 60px;}

.ingr:hover{
-webkit-transform: scale(1.2);
-mz-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
transform:scale(1.2);
}

#tophead{width:100%;height:280px;overflow:hidden;background-image:url(../img/ondaint1.png),linear-gradient(90deg, #5da526, #008131);background-repeat:no-repeat;background-position:left bottom;position:relative;padding:0 20px;}
#titolosez1{font-size:200px;opacity:0.1;line-height:390px;font-weight:bold;}
#icopag{position:absolute;top:0px;right:0px;z-index:2;width:400px;height:400px;z-index:9;background-repeat:no-repeat;background-size:100%;background-position:center center;}

.boxjl1{}
.boxjl2{width:20%;padding-left:20px;}
.boxjl3{width:80%;font-size:14px;}

.os-animation{opacity:0;}  
.os-animation.animated{opacity:1;}  

/*effetti  animation: 1s ease-out 0s 1 slideInFromLeft; */
@keyframes slideInFromLeft {
  0%{transform: translateX(100%);opacity:0;}
  100%{transform: translateX(0);opacity:1;}
}
/*effetti  animation: 1s ease-out 0s 1 slideInFromTop; */
@keyframes slideInFromTop {
  0%{transform: translateY(-100%);}
  100%{transform: translateY(0);}
}

#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  background-color: #000;     /* Lo fondo è di colore nero (#000) */
	line-height:30px;			 
  font-size: 16px;            /* i caratteri devono essere grandi 16 pixel */
  color: #DDD;                /* il colore dei caratteri è grigio chiaro (#DDD) */
  padding: 30px 25px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
  opacity: .8;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
}
#cookieInfoLink {                      
  color: cyan;                /* il testo del link che aprire la pagina della cookie policy è rosso (#E00)  */
  text-decoration: underline; /* questa proprietà indica che il testo del link è sottolineato  */
}
#cookieInfoLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
                              /* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra  */
  color: #Fff;                /* il testo del link in questo caso diventa di un rosso più chiaro al passaggio del mouse...  */
  test-decoration:none;       /*   .... e allo stesso tempo il testo non sarà più sottolineato            */
}
#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
			      /* ...visivamente come un pulsante */
  background-color: #3366ff;     /* lo sfondo è verde (#0A0) */
  color: #FFF;                /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 16px;
  padding: 7px 15px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  3px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}
#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
  background-color: #0099ff;
}

@media screen and (max-width:1084px)
{
.menubott{display:block!important;}
#menulong{display:none!important;}
#menucort{display:block!important;}
.slideshow1{display:inherit!important;}
#trip{background-size:100%!important;}
.boxcat{width:24.1%!important;}
#titolosez1{font-size:150px;opacity:0.1;line-height:380px;}
}

@media screen and (max-width:975px)
{
#colsx{width:67%;}
#coldx{width:290px;}
}
@media screen and (max-width:900px)
{
#colsx{width:63%;}
#coldx{width:290px;}
#titolosez1{font-size:120px;opacity:0.1;line-height:380px;}
#icopag{width:300px;height:300px;}
}
@media screen and (max-width:870px)
{
#menucort{display:inherit!important;}
.slideshow1{display:none!important;}
.boxcat{width:31.8!important;}
.cell{width:50%!important;}
}

@media screen and (max-width:850px)
{
#colsx{width:60%;}
#coldx{width:290px;}
#footer1{width:100%!important;}
}

@media screen and (max-width:800px)
{
#colsx{width:100%!important;border-right:0px solid #000000!important;}
#coldx{width:100%!important;padding-left:0px!important;}
.rsz{width:100%!important;margin:0!important;padding:0!important;}
.rsz-no{width:100%!important;}
.textslide{display:none;}
.cell{width:100%!important;display:block;padding-bottom:20px;text-align:center!important;border:none!important;}
#tophead{width:100%;height:200px;}
#titolosez1{font-size:120px;opacity:0.1;line-height:300px;}
#icopag{width:250px;height:250px;background-position:right -170px center;}
}


@media screen and (max-width:670px)
{
#trip{background-size:170%!important;}
#aboutcont{background:#ffffff!important;}
#newbox{margin-top:20px!important;margin-bottom:7px!important;padding:7px;}
#header{height:70px!important;}
.boxcat{width:97%!important;}
.alldiv{width:97%!important;}
.textrid{font-size:15px;}
.news-autoreleano{margin-left:10px!important;padding-top:10px!important;}
.table{width:100%!important;display:inline-block!important;}
.cell{width:100%!important;display:block!important;padding-bottom:20px;text-align:center!important;margin-right:0px!important;}
.sx{width:100%!important;margin-bottom:30px;}
.dx{width:100%!important;margin-bottom:30px;}
.buba{padding-right:0px;}
.copy{display:block;width:100%;}
.sz24a20{font-size:20px!important;}
.sz16a14{font-size:14px!important;}
#titsez{font-size:40px!important;}
.titdett{font-size:30px!important;line-height:40px!important;}
#titolosez1{font-size:80px;opacity:0.1;line-height:270px;}
#icopag{background-position:right -180px center;}
}

@media screen and (max-width:500px)
{
.logo{width:150px!important;}
#header{height:70px!important;}
#newbox{margin-top:10px!important;}
#top{margin-top:-50px!important;}
}