body{
	background-color:#fff;
	margin:0px;
	padding:0px;
    font-family:Verdana,Arial;
    font-size:14px;
    font-style: normal;
    line-height:22px;
	color:#000000;}

* {
    box-sizing: border-box;
}

/*INIZIO barra topnav responsive ---------------------------------------*/

/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#fff;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    font-family:'Oswald';
    color: Forestgreen;
    text-align: center;
    padding: 20px 10px 4px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

.logo{max-width:300px;}

/* Change background color of links on hover */
ul.topnav li a:hover {color: #273911;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

/* When the screen is less than 900 pixels wide, hide all list items, except for the second one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:900px) {
  ul.topnav li:not(:nth-child(9)) {display: none;} /* porre a 8 per visualizzare bandiere */
  ul.topnav li:first-child {display:block}  
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
  
  .logo{max-width:200px;} /* to have smaller logo */
}


@media screen and (min-width:900px) 
{ul.topnav li:not(:nth-child(1)) { padding-top:15px;}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:900px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  ul.topnav li a:hover {background-color: #f5f5f5;}
  
  ul.topnav.responsive li:first-child {display:none}    /* non fa vedere il primo elemento (logo) */
  ul.topnav li:nth-child(6) { display: none;}   /* non fa vedere le bandiere */
}
/*FINE barra topnav responsive */


/* slider ---------------------------*/
* {
	margin: 0;
	border: 0;
	padding: 0;
}
.blueberry { max-width: 1920px;}

.noslider { max-width: 1920px;
    width:100%;
    margin:22px 0px 8px 0px;
    }

/*GESTIONE posizioni-------------------------------*/

.row {clear: both;}

.row::after {
    content: "";
    clear: both;
    display: table;
}


/* COLONNE For mobile phones: */
[class*="col-"] {width: 100%;}
    
@media only screen and (min-width: 900px) 
{
    .col-1 {width: 10%;}
    .col-2 {width: 20%;}
    .col-3 {width: 30%;}
    .col-4 {width: 40%;}
    .col-5 {width: 50%;}
    .col-6 {width: 60%;}
    .col-7 {width: 70%;}
    .col-8 {width: 80%;}
}

[class*="col-"] {
    float:left;
} 


.floatresp
{   float:left;
    padding:0 15px 15px 0;}


/* 33% lap 50% mob */
.quadratoresp
{width: 50%;
    float:left;}

@media screen and (min-width: 900px) 
{   .quadratoresp {width: 33%;float:left;}
    }



.cvuota-05
{
    width: 0%;
    float:left;}

@media screen and (min-width: 900px) 
{   .cvuota-05 {width: 5%;}
    }


    

/* CENTRO ---------------------------*/
.container
{
    background-image:url(util/container-bg.png);
    background-repeat:repeat-x;
    width:100%;
    }
    
.menuquadrati
{   width:98%;
    max-width:200px;
    padding:30px 1% 0 1%;
    margin:auto;
    clear:both;
    display:block;
        }

.menuquadrati:hover
{   opacity:0.5;}


.menuquadtxt
{   clear:both;
    font-family: 'Oswald', Arial, sans-serif;
    font-size:20px;
    color:Forestgreen;
    text-decoration:none;
    }
    
.menuquadtxt:hover
{   color:Red;
    font-size:24px;
    }    


.grigiobkg
{  
    background-color:#F3F2F2;
    margin-top:40px;
    padding:20px;
    border-bottom:solid 2px #273911;
}

.grigiobkgafter
{     content: '';
    display: inline-block;
    background-image:url("util/shadow.png");
    background-repeat:repeat-x;
    background-position:center top;
    width:100%;
    height:53px;
    display:table;
    }
    
.homemid    
{   width:100%;
    clear:both;
    }
    
.homemidbanner    
{   width:100%;
    max-width:1920px;
    }  


.menustaid{
    display:block;
    float:left;
    padding:15px;
    width:320px;
    color:Black;
}

.bordoverde
{  
    margin-top:40px;
    border-bottom:solid 2px #273911;
}

.evidenza
{   background-color:lightyellow;}

.parallax {
    background-image: url("util/parallax.jpg");
    min-height: 200px; 
    background-attachment: fixed; /* parallax scrolling effect */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fancydiv
{   margin:0 1% 0 1%;
    width:98%;
    max-width:450px;
    height:300px;
    border:solid 10px #fff;
    background-repeat:no-repeat;
    background-position:center center;
    background-size: cover;
}

.fancyimg
{   opacity:0;}

.fancyimg:hover
{   opacity:0.5;}


.fancyfoto
{   margin:0 1% 0 1%;
    width:98%;
    max-width:450px;
    border:solid 10px #fff;
}


.fancytitolo
{
    font-family:'Raleway';
    font-size:37px;
    text-transform:uppercase;
    clear:both;
    line-height:44px;
    color:#000;
    text-decoration:none;
        }

/* FOOTER--------------------------  */
.footer
{
    background-color:#eee;
    width:100%;
    padding:20px;
    padding-top:35px;
    color:#222;
    line-height:26px;
}

.sottologo
{   width:250px;
    margin:15px auto 15px auto;
    clear:both;}

.footerlogo
{
    background-color:#fff;
    min-height:60px;
    clear:both;
    text-align:center;
    padding:20px;
    line-height:26px;
}

.logoico
{   border:none;
    float:left;
    margin:25px;
}
    
/* IMMAGINI RESPONSIVE--------------------------  */    
.max
 {   width:100%;
    padding:10px;
    margin:auto;
    display:block;
}    

.max272
{   max-width:400px;} 

.max400
{   max-width:400px;}    

.max700
{   max-width:700px;}   
    
.max1000
{   max-width:1000px;}  


/* ALTRE PAGINE--------------------------  */
.TextBox
{
	border-right: #3d7439 1px solid;
	border-top: #3d7439 1px solid;
	margin: 2px;
	border-left: #3d7439 1px solid;
	border-bottom: #3d7439 1px solid;
	background-color: #d1dce7;
}

    
/* GENERICI ------------------------  */
.flottatol{float:left;}

.flottator{float:right;}

.centrato{margin:auto; text-align:center;}

.blocco{display:inline-block;}

.padded{padding:15px;}

.marginebtm{margin-bottom:40px;}

.testosx{text-align:left}

.vuoto{color:#fff; content:" "; min-height:5px;}

/* TITOLI ------------------------  */

.section-title {
    text-align: center;
}

.h1div {
    background: url(util/section-title.png) no-repeat bottom center;
    padding: 0 20px 20px;
    min-height:10px;
    display: inline-block;
}


h1
{
    font-weight: normal;
    font-family: 'Oswald', Arial, sans-serif;
    margin:20px;
    margin-bottom:40px;
    font-size: 40px;
    line-height: 56px;
    word-spacing: 8px;
    text-align:center;
    }
    
@media screen and (max-width:900px) 
{   h1{font-size:24px;}
}
/* LINK E TESTO ------------------------  */
a {
	color:ForestGreen;  /*link generico, serve per testi dinamici */
	}



.bianco {   color:#F1EEE9;}
.nero    { color:#000;}

.hoverchiaro {color:#222; text-decoration:none}
.hoverchiaro:hover {   color:Forestgreen;}

.news 
{
    font-size:13px;
    font-weight:bold;
}
    
.titoletto
{   font-family:'Raleway';
    font-size:28px;
    color:#343399;
    text-decoration:none;
}    

.titoletto:hover{font-size:29px;}

.testopiccolo    
 {
    font-size:11px;
    }
    
hr.riga
{  border:dashed 1px ForestGreen;
    margin:20px 0px 35px 0px;
}