body{
	background-color:#ffffff;
	margin:0px;
	padding:0px;
    font-family:Verdana;
    font-size:14px;
    font-style: normal;
    line-height:18px;
    color: #000000;
	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-image:url("util/menu-bg.jpg");
}

/* 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;
    color: #f2f2f2;
    text-align: center;
    padding: 8px 16px 10px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

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

/* 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 680 pixels wide, hide all list items, except for the first 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(2)) {display: none;}
  ul.topnav li:first-child {display:block}  /*visualizza anche primo elemento (bandiere) */
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* 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;
    background-color:#4A5D1D;   /*non visualizza bkg in menù aperto */
  }
  ul.topnav li a:hover {background-color: #1A2306;}
}
/*FINE barra topnav responsive */


/*SLIDER ---------------------------------*/

.slideshow-container {
  max-width: 1700px;
  position: relative;
  margin: auto;
}

.slideimg {width:100%;}

/*GESTIONE ROW-------------------------------*/

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

 
/*DIV 12 COLONNE RESPONSIVE-------------------------------*/    
    

/* For mobile phones: */
[class*="col-"] {width: 100%;}

@media only screen and (min-width: 900px) {
    /* For desktop: */
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

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

/*HOME PAGE fascia 1-------------------------------*/

.outer-center {
    float: right;
    right: 50%;
    position: relative;
}
.inner-center {
    float: right;
    right: -50%;
    position: relative;
}

.articolo
{   float:left;
    border:solid 2px #394712;
    width:320px;
    height:280px;
    margin:10px;
    padding:5px;
}
    
   
.articolo:hover
{   background:#eceacc;
    border-color:#CCCC00;
    -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
    transition: background 1s,border-color 1s;}    


.articoloimg
{ float:left;
    width:150px;
    margin-right:10px;
      margin-bottom:25px;}

.articolotit
{ float:left;
    width:140px;
    margin-top:10px;}

.articolotxt
{ clear:both;
  width:300px;}

.articolo-icon
{float:left;
 margin:12px 42px 0px 42px;   }

.articolocont:after{clear:both;}

.verdescurodrop
{   background-color:#394712;
    padding:10px;
    margin-top:15px;
    text-align:center;
    background-image:url("util/latobg-3drop.jpg");
    background-position:left top;
    background-repeat:no-repeat;    
    }

/*ELEMENTI FANCY con label------------*/
.fancyfoto
{   width:300px;
    height:190px;
    margin-bottom:15px;
    }    
    
.fancyfotohigh
{   margin:7px;
    display: inline-block; 
    background-color:DarkGreen; 
    opacity: 0.8; 
    color:White;    }

.fancyfototxt  
{   margin:7px; 
    margin-top:110px; 
    font-size:25px; 
    line-height:30px; 
    font-family:Allan; 
    letter-spacing:1px; 
    text-transform: uppercase;
    text-shadow: 2px 2px #000  
}

.fancythumb
{   width:150px;
    height:118px;
    }  

.fancylink
{   color:White; 
    text-decoration:none;    
    font-size:13px;
    font-weight:bold;}

/*HOME PAGE parte 2-------------------*/


.trivia
{   width:98%;
    margin:1%;
    padding:10px 10px 10px 55px;
    min-height:44px;
    clear:both;
    background-color:#ECDD6C;
    background-image:url("util/trivia.png");
    background-position:left top;
    background-repeat:no-repeat;    
    }

.strisciagallery
{   float:left;
    width:280px;
    border:solid 2px #394712;
    margin:10px;
    padding:5px;
}

/*FOOTER -----------------------------*/    
.footer
{   width:100%;
    clear:both;
    margin-top:15px;
    background-color:#4b5e1e;
    background-image:url("util/footer.png");
    background-position:left bottom;
    background-repeat:no-repeat;
    }    

.back-to-top {
    background: none;
    margin: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
    display: none;
    text-decoration: none;
    color: #cccc00;
}
 
.back-to-top i {font-size: 50px;}

/* ALTRE PAGINE -------------------------------*/    
.biancoflor
{   padding:10px;
    background-color:#fff;
    clear:both;
    margin:15px;
    background-image:url(util/biancoflor.jpg);
    background-repeat:repeat-y;
    background-position:top right;
    text-align:justify;
    line-height:18px;
    font-size:13px;
}

.tags
{
    background-color:#eee; 
    padding:10px;
    padding-top:4px;
    margin-top:10px;
    clear:both;
}

.commentomio
{
	background-color:#394712;
	padding:10px;
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
}

.commentogen
{
	padding:10px;
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
}

.indice
 {
	width:98%;
	margin:1%;
	border:solid 2px #394712;
	clear:both;
    }
 
.headermese
{  width:100%;
    min-height:70px;
    font-family: 'Alex Brush';
    font-weight:bold;
    margin-top:3px;
}
 
.meseup
{   min-height:45px;
    clear:both;
    text-align:center;
    color:White;
    font-size:46px;
    text-shadow: 2px 2px #000; 
    padding-top:17px;
    }
    
.mesedo
{   min-height:25px;
    clear:both;
    padding-top:7px;
    padding-left:5px;
    background-color:#fff;
    opacity:0.8;
    font-size:28px;
    color:#336633;
}

.tboxcomm{  width:210px;}

.tboxcomm:focus{border-color:#cccc00;
    box-shadow: 0 2px 3px 0 #999;
}

/*PANNELLI VARI -----------------------------*/

.verdescuro
{   background-color:#394712;
    color:White;
}

.verdechiaro
{   background-color:#4b5e1e;
    color:White;
}

.avvento
{   background-color:#AD181E;
    background-image:url("util/avvento.png");
    background-position:center center;
    background-repeat:repeat-x;
}

.resp500
{   width:100%;
    max-width:500px;
    margin-top:15px;
    border:none;}
    
.margineresp  {margin:15px;}   
@media screen and (max-width:478px) 
{ .margineresp  {margin:0;}   }

/*GENERICI -------------------------------*/
.padded {padding:10px;}

.centrato {margin:auto;}

.margine {margin:15px;}

.marginetop {margin-top:15px;}

.nobordo {border:none;}

.flottatol {float:left;}

.flottator {float:right;}

.testocentro{text-align:center;}

/* TITOLI E LINK  */
h1  
{   color:#336633;
    font-size:22px;
    font-variant:small-caps;
    font-weight:normal;
    padding-bottom:5px;
    margin:0px;
    margin-bottom:10px;
    border-bottom:dashed 1px #336633; }

h2 {
    color:#336633;
    font-size:18px;
    font-weight:normal;
    margin: 10px 0px 10px 2px;
    /*width: 100%;*/
    overflow: hidden;
}

h2:before
{   content: "\25A3  ";
    color:#ccaa00;
    }

h2:after {
  content: '';
  display: inline-block;
  vertical-align:middle;
  width:50px;
  height:3px;
  border-top:dashed 1px #ccaa00;
  border-bottom:solid 1px #ccaa00;
  width:100%;
  margin-right: -100%;
  margin-left:15px;
}

/*	Mobile */
@media screen and (max-width:478px) 
{  h2 {clear:both;}}
   
a.abold
{   font-size:15px;
    font-weight:bold;
    }
    
a.enbold
{
    color:#336633;
    font-size:13px;
    font-weight:bold;}   
    
a.en
{
    color:#336633;}   

 
.titolo
{   font-size:18px;}     

.sottotitolo
{   color:#336633;
    font-size:16px;
    font-variant:small-caps;
    font-weight:normal;}
    
.giallo
{   color:#CCCC00;}    


.nero
{   color:#000;}

.giallonatale
{   color:#ECDD6C;}

.bianco
{   color:#fff;}



/* oggetti dei post */
hr.hid
 {
	clear:both;
	visibility:hidden;
	margin:0px;
 }        

 hr
 {
	border-style:none;
	border-top-style:dashed;
	margin:0px;
	color:#336633;
	height:1px;
	line-height:1px;
	clear:both;
 }
 
img.postimg
  { display: block;
    margin: 15px auto 15px auto;
    max-width: 700px;
    width:100%;
	text-align:center;
 }    

 img.foto
 {  display: block;
 	width:100%;
 	max-width: 300px;
 	padding:2px;
 	float:left;
    border:dashed 1px grey;
	margin: 0px 10px 5px 0px;
 }
 
 img.foto:before{clear:both;	margin:0px; content:"";
}
 
/*	Mobile */
@media screen and (max-width:478px) 
{   img.foto
    {max-width:180px;
        clear:both;}
     
     img.foto:after {clear:both;}
}

 img.thumb
{   margin-right:10px;
    margin-bottom:10px;
}


@media screen and (max-width:478px) 
{ 
html #recaptcha_area, html #recaptcha_table 
{   transform:scale(0.85)}
}


/* schede di coltivazione */

table.coltivare
{   width:100%;
    border-collapse: collapse;
    background-color:#FFFFE8;  }

td.coltivare
{   border: solid 1px #336633;
    padding:5px;
    color:Black;   }
    
h3
{   color:#336633;
    font-size:14px;
    font-weight:bold;
    margin:0px;
}