z/* SLIDESHOW A SCORRIMENTO AUTOMATICO - http://ffmagazine.forumfree.it/?t=65226584 */
#slideshow {width: 480px; height=210px; padding: 0px; margin: 10px auto} #slideshow input {display: none}
#mask {width: 100%; overflow:hidden}
#slides {padding: 5px; border: 0px}
/* Consente di personalizzare lo stile del riquadro che contiene i vari pannelli */

.slide_content {position: relative; width: 600%; -webkit-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); 
-o-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000)}
/*
Permette di regolare il tipo e la durata della transizione tra un pannello e l'altro
 (il mio consiglio è di utilizzare sempre animazioni cubic-bezier(), in quanto rendono meglio l'effetto).
 La larghezza (width: 500%) deve essere sempre pari al numero di pannelli più uno, tutto moltiplicato per 100 
 (in questo caso: n° pannelli (4) + 1 * 100 = 500%)
*/

#pan1:checked ~ #slides .slide_content {margin-left: 0}
#pan2:checked ~ #slides .slide_content {margin-left: -100%}
#pan3:checked ~ #slides .slide_content {margin-left: -200%}
#pan4:checked ~ #slides .slide_content {margin-left: -300%}
#pan5:checked ~ #slides .slide_content {margin-left: -400%}
.pannello {width: 16.7%; float: left}
/* Regola la dimensione dei vari pannelli. Il valore della larghezza deve essere pari a 100 diviso il numero di pannelli + 1. In questo caso: 100 / (4+1) = 20
*/

#active {margin-top: 5px}
#active label {display: inline-block; width: 8px; height: 8px; border-radius: 9px; background: #CCC; border: 2px solid #FFF;
 box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); margin: 5px}
#active label:hover {background: #AAA}
#pan1:checked ~ #active label:nth-child(1),
#pan2:checked ~ #active label:nth-child(2),
#pan3:checked ~ #active label:nth-child(3),
#pan4:checked ~ #active label:nth-child(4),
#pan5:checked ~ #active label:nth-child(5) {background: #5690AD}

/* Consente di personalizzare lo stile dei label (i pallini alla base della galleria)
. background: #5690AD identifica il colore del pallino corrispondente al pannello attualmente visualizzato.
*/


body {
	margin-top: 0px;
	padding: 0;
	background: #787878;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #616161;
}

iframe{
    border-width: 0px;
}





h1, h2, h3 {
	margin-top: 0;
	color: #8C0209;
}


h1 {
	font-size: 1.6em;
	font-weight: normal;
}



h2 {
	font-size: 1.6em;
}


h3 {
	font-size: 1em;
}


ul {
}


a {
	text-decoration: none;
	color: #8C0209;
}


a:hover {
	border-bottom: none;
}


a img {
	border: none;
}


img.left {
	float: left;
	margin: 0 20px 0 0;
}


img.right {
	float: right;
	margin: 0 0 0 20px;
}


#header {
	width: 1000px;
	margin: 0 auto;
	height: 152px;
/*	background: url(../images/img02.jpg) repeat-x left top;  */
}


/* Header */


#logo {
	width: 1000px;
	height: 87px;
	margin: 0 auto;
	padding: 0 10px 0 0px;
background: url(../images/img01new.jpg) no-repeat left top;
}


#logo h1, #logo p {
	margin: 0;
	color: blue;  /* #8C0209 */
    
}


#logo span {
	color: #000000;
}


#logo h1 {
	padding: 25px 0 0 0;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 3em;
}


#logo p {
	text-transform: uppercase;
	padding: 47px 0 0 3px;
	font-size: 10px;
	color: #110E0F;
}


#logo a {
	border: none;
	text-decoration: none;
	color: #8C0209;
}


/* Menu */


#menu {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
    height: 50px;
	background: url(../images/img02.jpg) no-repeat left top;
}


#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


#menu li {
	display: inline;
}


#menu a {
	display: block;
	float: left;
	height: 32px;
	margin: 0;
	padding: 18px 29px 0 30px;
	text-decoration: none;
	text-transform: capitalize;
	background: url(../images/img03.jpg) no-repeat right top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
}


#menu a:hover {
	color: #FFFFFF;
}


#menu .current_page_item a {
	color: #FFFFFF;
}



#windows-fixed-left {
overflow: hidden;
height:540px; 
width:155px;
position: fixed !important;
right:50%;
margin-right: 510px;
}

#windows-fixed {
overflow: hidden;
height:220px; 
width:155px;
position: fixed !important;
margin: 15px 0 0 0;
border-radius: 20px 20px 20px 20px;
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

 /* Old browsers */
background: rgb(0,0,128);
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #000000 0%, #00A3EF 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #000000 0%, #00A3EF 100%);
/* Opera */ 
background-image: -o-linear-gradient(top left, #000000 0%, #00A3EF 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000000), color-stop(1, #00A3EF));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #000000 0%, #00A3EF 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #000000 0%, #00A3EF 100%);
}

#windows-fixed2 {
border: 2px solid;
overflow:hidden;
height:280px; 
width:155px;
position: fixed !important;
top: 230px;
border-radius: 20px 20px 20px 20px;
margin: 18px 0 0 0;
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top right, #FFFFFF 0%, #E0245C 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top right, #FFFFFF 0%, #E0245C 100%);
/* Opera */ 
background-image: -o-linear-gradient(top right, #FFFFFF 0%, #E0245C 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E0245C));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top right, #FFFFFF 0%, #E0245C 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom left, #FFFFFF 0%, #E0245C 100%);
}

#windows-fixed-right-all {
overflow: visible;
height:610px; 
width:155px;
right: 9px;
top: 0px;
position: fixed !important;
left:50%;
margin-left: 510px;
}

@media screen and (min-width: 200px) and (max-width: 1200px) {
#windows-fixed-left {
overflow: hidden;
height:230px; 
width:155px;
position: relative !important;
top: 0px;
right: 9px;
left: 0px; 
}

#windows-fixed {
overflow: hidden;
height:220px; 
width:155px;
position: relative !important;
margin: 15px 0 0 0;
border-radius: 20px 20px 20px 20px;
right: 0px;
top: 15px;
left: 0px; 
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #000000 0%, #00A3EF 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #000000 0%, #00A3EF 100%);
/* Opera */ 
background-image: -o-linear-gradient(top left, #000000 0%, #00A3EF 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000000), color-stop(1, #00A3EF));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #000000 0%, #00A3EF 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #000000 0%, #00A3EF 100%);
}

#windows-fixed2 {
border: 2px solid;
overflow:hidden;
height:280px; 
width:155px;
position: fixed !important;
top: 230px;
border-radius: 20px 20px 20px 20px;
margin: 18px 0 0 0;
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top right, #FFFFFF 0%, #E0245C 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top right, #FFFFFF 0%, #E0245C 100%);
/* Opera */ 
background-image: -o-linear-gradient(top right, #FFFFFF 0%, #E0245C 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E0245C));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top right, #FFFFFF 0%, #E0245C 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom left, #FFFFFF 0%, #E0245C 100%);
}

#windows-fixed-right-all {
overflow: hidden;
height:610px; 
width:155px;
top: 0px;
position: initial !important;
margin: auto;
}

#windows-fixed-right {
overflow: hidden;
height:280px; 
width:155px;
position: initial !important;
border-radius: 20px 20px 20px 20px;
right: 0px;
top: 0px;
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top right, #E6F0A3 0%, #E6F043 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top right, #E6F0A3 0%, #E6F043 100%);
/* Opera */ 
background-image: -o-linear-gradient(top right, #E6F0A3 0%, #E6F043 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #E6F0A3), color-stop(1, #E6F043));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top right, #E6F0A3 0%, #E6F043 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom left, #E6F0A3 0%, #E6F043 100%);
 
 
}

#windows-fixed2-right {
overflow:hidden;
height:280px; 
width:155px;
position: fixed !important;
top: 290px;
right: 0px;
border-radius: 20px 20px 20px 20px;
margin: 18px 0px 0 0;
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top right, #FFFFFF 0%, #E0245C 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top right, #FFFFFF 0%, #E0245C 100%);
/* Opera */ 
background-image: -o-linear-gradient(top right, #FFFFFF 0%, #E0245C 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E0245C));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top right, #FFFFFF 0%, #E0245C 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom left, #FFFFFF 0%, #E0245C 100%);
}



 }

/* Page */

#page {
	width: 990px;
	margin: 0 auto;
	padding: 20px 5px;          /* determina la distanza dei menu laterali  */

	background: #FFFFFF;
}


#page-bg {
}


/* Latest Post */


#latest-post {
	padding: 20px;
	border: 1px solid #E7E7E7;
}


/* Content */


#content {
	float: center;
	width: 950px;
}

#content-clear {
	float: center;
	width: 950px;
	height: 500px;
	background: #FFFFFF;
}



.post {
	padding-bottom: 15px;
	line-height: 200%;
}


.post h1 {
	font-weight: normal;
}


.title {
	margin: 0;
	padding: 10px 0 4px 20px;
	font-weight: normal;
}


.title a {
	border-bottom: none;
	color: #8C0209;
}


.title a:hover {
	border-bottom: 1px dotted #000000;
}


.byline {
	border-bottom: 1px #BBBBBB dashed;
	margin: -10px 20px 20px 20px;
}


.tag {
	padding: 0 15px;
}


.entry {
	padding: 0 20px;
	text-align: justify;
	font-family: Arial;
	font-size: 12px;
	line-height: 150%;
}

.entry_scroll {
	padding: 0 20px;
	text-align: justify;
	font-family: Arial;
	font-size: 12px;
	line-height: 150%;
    overflow: auto;
    height: 1350px;
    margin: 5px;
    padding: 5px;
 scrollbar-base-color: #C0C0C0; 
 scrollbar-3dlight-color: #C0C0C0; 
 scrollbar-highlight-color: #CCCCCC; 
 scrollbar-track-color: #EBEBEB; 
 scrollbar-arrow-color: Blue; 
 scrollbar-shadow-color: #C0C0C0; 
 scrollbar-dark-shadow-color: #C0C0C0 
}

table.border {
 border-collapse: collapse;
 border: solid 1px #C0C0C0; 
 }

 table.border td {
 border-collapse: collapse;
 border: solid 1px #C0C0C0; 
 }

 
 
 table, th, td {
 line-height: 110%;
 }

table.noborder{
  border: 0px; 
 }

 
 p.titolo_elenco {
	font-size: 1.1em;
	font-weight: bold;
        padding: 4px;
        margin: 0;
        color: #ffffff;
/*        background-color: #339933; */
/*        background-color: #cc3300; */
        background-color: #2d4067;
        text-align: center;
}

.links {
	padding: 4px 0px;
	text-align: right;
	font-weight: bold;
}


.links a {
	border: none;
}


.links a:hover {
}


/* Sidebars */


#sidebar1 {
	float: left;
    background: #FFFFFF;
	height: 1350px;
	width: 220px;
}

	

#sidebar2 {
	float: right;
    background: #FFFFFF;
	height: 1350px;
	width: 220px;
}


.sidebar {
	float: left;
	width: 220px;
	padding: 0;
	font-size: 12px;
}


.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


.sidebar li {
	padding: 0 0 20px 0;
}


.sidebar li ul {
}


.sidebar li li {
	margin: 0 20px 0 15px;
	padding: 8px 0px;
	border-bottom: 1px #BBBBBB dashed;
}


.sidebar li h2 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: #890208 url(../images/img05.jpg) no-repeat left top;
	letter-spacing: -1px;
	font-size: 16px;
	color: #FFFFFF;
}

.sidebar li h3 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: #890208 url(../images/sidebar_blue.jpg) no-repeat left top;
	letter-spacing: -1px;
	font-size: 16px;
	color: #FFFFFF;
}

.sidebar li h4 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: #890208 url(../images/sidebar_red.gif) no-repeat left top;
	letter-spacing: -1px;
	font-size: 16px;
	color: #FFFFFF;
}

.sidebar li h5 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: #890208 url(../images/sidebar_green.jpg) no-repeat left top;
	letter-spacing: -1px;
	font-size: 16px;
	color: #FFFFFF;
}

.sidebar li h6 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: #890208 url(../images/sidebar_violet.gif) no-repeat left top;
	letter-spacing: -1px;
	font-size: 16px;
	color: #FFFFFF;
}


.sidebar li #gruppo2 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: url(../images/sidebar_gray2.gif) no-repeat left top;
	letter-spacing: -1px;
	font-size: 15.7px;
	color: yellow;
	font-weight: bold;
}


.sidebar li #gruppo3 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: url(../images/sidebar_virtual.png) no-repeat left top;
	letter-spacing: -1px;
	font-size: 15.7px;
	color: yellow;
	font-weight: bold;
}


.sidebar li #gruppo3en {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: url(../en/images/sidebar_virtual_en.png) no-repeat left top;
	letter-spacing: -1px;
	font-size: 15.7px;
	color: yellow;
	font-weight: bold;
}



.sidebar li #gruppo {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: #890208 url(../images/sidebar_gray.gif) no-repeat left top;
	letter-spacing: -1px;
	font-size: 15.7px;
	color: yellow;
	font-weight: bold;
}



ul#menu_orizz {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}
  
ul#menu_orizz li {
    background-color: #770002;         /* #FF831C      arancio */
    border-bottom: 5px solid #00C000;
    display: block;
    width: 98px;
    height: 30px;
    margin: 2px;
    float: left; /* elementi su singola riga */
}
  
ul#menu_orizz li a {
    color: #fff;                   /* blu  scuro */
    display: block;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none;
    width: 98px;
    height: 30px;
    text-align: center;
}
  
ul#menu_orizz li.active, ul#menu_orizz li:hover {
    background-color: #00C000;          /* #54BAE2 celeste chiaro */
    border-bottom: 5px solid #770002;   /* #FF831C    arancio */
}


ul#menu_orizz4 {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
  
ul#menu_orizz4 li {
    background-color: #770002;         /* #FF831C      arancio */
    border-bottom: 5px solid #00C000;
    display: block;
    width: 81px;
    height: 30px;
    margin: 1px;
    float: left; /* elementi su singola riga */
}
  
ul#menu_orizz4 li a {
    color: #fff;                   /* blu  scuro */
    display: block;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none;
    width: 81px;
    height: 30px;
    text-align: center;
}

ul#menu_orizz4 li.active, ul#menu_orizz4 li:hover {
    background-color: #00C000;          /* #54BAE2 celeste chiaro */
    border-bottom: 5px solid #770002;   /* #FF831C    arancio */
}


ul#menu_orizz2 {
    font-family: Verdana, sans-serif;
    font-size: 11px;
	margin: 0;
    padding: 0;
    list-style: none;
	}
  
ul#menu_orizz2 li {
    background-color: #808080;         /* #FF831C      arancio */
    border-bottom: 5px solid #0000C0;
    border-radius: 10px; 
	display: block;
    width: 98px;
    height: 30px;
    margin: 2px;
    float: left; /* elementi su singola riga */
	}
  
ul#menu_orizz2 li a {
    color: #fff;                   /* blu  scuro */
    display: block;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none;
    width: 98px;
    height: 30px;
    text-align: center;
}
  
ul#menu_orizz2 li.active, ul#menu_orizz2 li:hover {
    background-color: #0000C0;          /* #54BAE2 celeste chiaro */
    border-bottom: 5px solid #808080;   /* #FF831C    arancio */
}


ul#menu_orizz3 {
    font-family: Verdana, sans-serif;
    font-size: 11px;
	margin: 0;
    padding: 0;
    list-style: none;
	}
  
ul#menu_orizz3 li {
/*     background-color: #C000C0;         /* #FF831C      viola chiaro */
	background: linear-gradient(to right, #E306E6 ,#FF40FF);
    border-bottom: 5px solid #92D050;
    border-radius: 10px; 
	display: block;
    width: 98px;
    height: 30px;
    margin: 2px;
	float: left; /* elementi su singola riga */
	}
  
ul#menu_orizz3 li a {
    color: #fff;                   /* blu  scuro */
    display: block;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none;
    width: 98px;
    height: 30px;
    text-align: center;
}
  
ul#menu_orizz3 li.active, ul#menu_orizz3 li:hover {
    background-color: #808080;    /* #54BAE2 viola chiaro */
    border-bottom: 5px solid  #C000C0;   /* ##FFFF00   giallo */
}


/* Search */


/* Footer */


#footer {
	width: 960px;
	height: 56px;
	margin: 0 auto;
	padding: 0 20px;
	color: white;
	background: url(../images/img04.jpg) no-repeat left top;
}


#footer p {
	margin: 0;
	padding: 19px 0 0 0;
	text-align: center;
	font-family: "Tahoma", "Arial";
	font-size: 12px;
	color: "white";
}


#footer a {
}


#footer .link {
	float: right;
}


.flower {
  padding-left: 20px;
  	
}
.flower  img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}