html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}




#wrapper {
    max-width: 666px;
    min-width: 666px;
    min-height: 10px;
    width: 666px;
}
#menu {
    width: 100%;
    margin: 8;
    padding: 4px 0 0 0;
    list-style: none;
    background: #05407A;
    background: -moz-linear-gradient(#444, #05407A);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #05407A),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #05407A);
    background: -o-linear-gradient(#444, #05407A);
    background: -ms-linear-gradient(#444, #05407A);
    background: linear-gradient(#444, #05407A);
    -moz-border-radius: 50px;
    border-radius: 50px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
    box-shadow: 0 2px 1px #9c9c9c;
}
#menu li {
    float: left;
    padding: 0 0 6px 0;
    position: relative;
    line-height: 0;
}
#menu a {
    float: left;
    height: 25px;
    padding: 0 25px;
    color: #999;
    text-transform: uppercase;
    font: bold 12px/25px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}
#menu li:hover > a {
    color: #fafafa;
}
#menu li:hover > ul {
    display: block;
}
/* Sub-menu */
#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 31px;
    left: 0;
    z-index: 99999;
    background: #444;
    background: -moz-linear-gradient(#444, #05407A);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #05407A),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #05407A);
    background: -o-linear-gradient(#444, #05407A);
    background: -ms-linear-gradient(#444, #05407A);
    background: linear-gradient(#444, #05407A);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#menu ul ul {
    top: 0;
    left: 150px;
}
#menu ul li {
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}
#menu ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#menu ul a {
    padding: 10px;
    height: 10px;
    width: 130px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}
*html #menu ul a /* IE6 */ {
    height: 10px;
}
*:first-child+html #menu ul a /* IE7 */ { 
    height: 10px;
}
#menu ul a:hover {
    background: #0186ba;
    background: -moz-linear-gradient(#04acec,  #0186ba);
    background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background: -webkit-linear-gradient(#04acec,  #0186ba);
    background: -o-linear-gradient(#04acec,  #0186ba);
    background: -ms-linear-gradient(#04acec,  #0186ba);
    background: linear-gradient(#04acec,  #0186ba);
}
#menu ul li:first-child > a {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}
#menu ul ul li:first-child a:after {
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}
#menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after {
    border-right-color: #04acec;
    border-bottom-color: transparent;
}
#menu ul li:last-child > a {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
/* Clear floated elements */
#menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


ul#menu8, ul#menu8 ul{
       margin:0;
       background: #08B303;
       list-style:none;
       padding:0;
       background-repeat:repeat;
       border-width:0px;
       border-style:solid;
       border-color:#999999;
       -moz-border-radius:4px;
       -webkit-border-radius:4px;
       border-radius:4px;}

ul#menu8 ul{
	display:none;
        position:absolute;
        left:100%;top:0;
        background-color:#333;
        background-image:none;
        color: #999;
        -moz-box-shadow:0.7px 0.7px 1px #777777;
        -webkit-box-shadow:0.7px 0.7px 1px #777777;
        box-shadow:0.7px 0.7px 1px #777777;
        border-width:1px;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-color:#5A5E60;
        border-style:solid;
        padding:0 9px 9px;}

ul#menu8 li:hover>*{
	display:block;
        color: #999;}
ul#menu8 li{
	position:relative;
        display:block;
        white-space:nowrap;
        font-size:10;
        color: #999;}
ul#menu8 li:hover{
	z-index:1;
        color: #999;}
ul#menu8 ul ul{
	position:absolute;
        left:100%;top:0;
        color: #999;}
ul#menu8{
	font-size:10;
        z-index:999;
        position:relative;
        display:block;
        float:left;
        padding:0 1px 1px;}
ul#menu8>li{
	margin:1px 0 0;
        color: #999;}
ul#menu8 a:active, ul#menu8 a:focus{
	outline-style:none;}
ul#menu8 ul li{
	float:none;
        color: #999;}
ul#menu8 a{
	display:block;
        vertical-align:middle;
        text-align:left;
        text-decoration:none;
        font:bold 12px Arial;
        color:#cccccc;
        color: #999;
        cursor:default;
        padding:10px;
        background-color:#131b33;
        background-repeat:repeat;
        background-position:0 200px;
        border-width:0px;
        border-style:none;
        border-color:;}
ul#menu8 li:hover>a,ul#menu8 li a.pressed{
	background-color:#00c4ff;
        border-style:none;
        background-position:0 100px;
        color:#ffffff;
        text-decoration:none;}
ul#menu8 ul a{
	text-align:left;
        padding:8px 0 0 0;
        padding:10px;
        background-color:#131b33;
        background-image:none;
        border-width:1px 0 0 0;
        border-style:solid;
        border-color:#262626;
        border-radius:0px;
        color: #45A1AB;
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
        text-decoration:none;}
ul#menu8 span{
	display:block;
        overflow:visible;
        background-position:right center;
        background-repeat:no-repeat;
        padding-right:0px;}
ul#menu8 ul span{
	padding-right:15px;}
ul#menu8 ul li:hover>a,ul#menu8 ul li a.pressed{
	background-color:#00c4ff;
        border-style:none;
        color:#ffffff;
        background-position:0 100px;
        text-decoration:none;}

ul#menu8 li.topfirst>a{
    color: #45A1AB;
	border-radius:4px 4px 0 0;
        -moz-border-radius:4px 4px 0 0;
        -webkit-border-radius:4px;
        -webkit-border-bottom-right-radius:0;
        -webkit-border-bottom-left-radius:0;
        text-shadow:#000000 0px -1px 1px;}
ul#menu8 li.topfirst:hover>a,ul#menu8 li.topfirst a.pressed{
        color:#ffffff;
	text-shadow:#3d3d3d 0px -1px 1px;}

ul#menu8 li.topmenu>a{
    color: #45A1AB;
	text-shadow:#000000 0px -1px 1px;}
ul#menu8 li.topmenu:hover>a,ul#menu8 li.topmenu a.pressed{
        color:#ffffff;
	text-shadow:#3d3d3d 0px -1px 1px;}

ul#menu8 li.topmenu1>a{
	background-color:#00c4ff;
        background-color:#E8F53B;
	text-shadow:#000000 0px 0px 0x;}
ul#menu8 li.topmenu1:hover>a,ul#menu8 li.topmenu a.pressed{
	background-color:#00c4ff;
	text-shadow:#3d3d3d 0px -1px 1px;}
//ul#menu8 li.topmenu1:hover>a,ul#menu8 li.topmenu a.pressed{
//        background-color:#484D12;
//	text-shadow:#3d3d3d 0px -1px 1px;}


ul#menu8 li.toplast>a{
	border-radius:0 0 4px 4px;
        -moz-border-radius:0 0 4px 4px;
        -webkit-border-radius:0;
        -webkit-border-bottom-right-radius:4px;
        -webkit-border-bottom-left-radius:4px;
        text-shadow:#000000 0px -1px 1px;}
ul#menu8 li.toplast:hover>a,ul#menu8 li.toplast a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;}
ul#menu8 _>li>a{
	border-width:0;
        border-style:none;
	padding:0;
        color: #999;}
ul#menu8 label{
        background-color:#131b33;
        font-size:10;
        color: #999;}
ul#menu8 li.subfirst>a{
	border-width:0;
        border-style:none;
        padding:10px;
        text-shadow:#000000 0px -1px 1px;}
ul#menu8 li.subfirst:hover>a,ul#menu8 li.subfirst a.pressed{
	border-width:0;
        border-style:none;
	text-shadow:#3d3d3d 0px -1px 1px;}

	
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: 98%;
  margin-left: 1%;
//  width: auto;
  font-family: 'Open Sans', Helvetica, sans-serif;
  background: #08B303;
  z-index : 9999;
  background: -o-linear-gradient(top, #07BA02, #034F01);
  background: -ms-linear-gradient(top, #07BA02, #034F01);
  background: -webkit-linear-gradient(top, #07BA02, #034F01);
  background: -moz-linear-gradient(top, #07BA02, #034F01);
  background: linear-gradient(to bottom, #07BA02, #034F01);
  box-shadow: inset 0 -3px 0 #09E303 inset 0 -3px 3px #09E803, inset 0 2px 2px #069C02, inset 1px 0 2px #069C02, inset -1px 0 2px #069C02, 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li > a {
  padding: 10px 20px;
  font-size: 12px;
  color: #ffffff;
//  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover{
  color: #cae5fd;
}
#cssmenu > ul > li.active > a {
  color: #E1ED2F;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 40px;
}
#cssmenu ul > li.has-sub > a:after {
  content: '';
  position: absolute;
  right: 5px;
  top: 8px;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: #08B303;
  background: -webkit-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -ms-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -moz-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -o-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: linear-gradient(to bottom, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  box-shadow: inset 0 -1px 1px #237ea3, inset 0 2px 1px #09D903;
  background-size: 36px 36px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub:hover > a:after {
  background-position: 0 -18px;
}
#cssmenu ul > li.has-sub > a:before {
  content: '';
  position: absolute;
  right: 11px;
  top: 15.5px;
  display: block;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-top-color: #ffffff;
  z-index: 99;
}
#cssmenu ul > li.has-sub:hover > a:before {
  border-top-color: #09D903;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  opacity: 0;
  -webkit-transition: top .2s ease, opacity .2s ease;
  -moz-transition: top .2s ease, opacity .2s ease;
  -ms-transition: top .2s ease, opacity .2s ease;
  -o-transition: top .2s ease, opacity .2s ease;
  transition: top .2s ease, opacity .2s ease;
}
#cssmenu > ul > li > ul {
  top: 91px;
  padding-top: 8px;
  border-radius: 5px;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 30px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  top: 40px;
}
#cssmenu ul ul > li:hover > ul {
  top: 0;
  left: 178px;
  padding-left: 10px;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 178px;
  padding-left: 0;
  padding-right: 10px;
  opacity: 1;
}
#cssmenu ul ul li a {
  width: 180px;
  padding: 12px 25px;
  font-size: 12px;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
  text-decoration: none;
  background: #08B303;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li > a:hover {
  color: #cae5fd;
}
#cssmenu ul ul li.active > a {
  color: #E1ED2F;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: inset 0 2px 2px #09D903;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: inset 0 -3px 0 #09D903, inset 0 -3px 3px #09E803, 0 1px 1px rgba(0, 0, 0, 0.03), 0 2px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.13);
}
#cssmenu ul ul > li.has-sub > a:after {
  right: 12px;
  top: 9px;
  background: #08B303;
  background: -webkit-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -ms-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -moz-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -o-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: linear-gradient(to bottom, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  box-shadow: inset 0 -1px 1px #237ea3, inset 0 2px 1px #09D903;
  background-size: 36px 36px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#cssmenu.align-right ul ul > li.has-sub > a:after {
  right: auto;
  left: 12px;
}
#cssmenu ul ul > li.has-sub:hover > a:after {
  background-position: 0 -18px;
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 15.5px;
  right: 16px;
  border-top-color: transparent;
  border-left-color: #ffffff;
}
#cssmenu.align-right ul ul > li.has-sub > a:before {
  top: 15.5px;
  right: auto;
  left: 16px;
  border-top-color: transparent;
  border-right-color: #ffffff;
  border-left-color: transparent;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  border-top-color: transparent;
  border-left-color: #1e6a8a;
}
#cssmenu.align-right ul ul > li.has-sub:hover > a:before {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: #1e6a8a;
}
#cssmenu.small-screen {
  width: 98%;
}
#cssmenu.small-screen ul,
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul,
#cssmenu.small-screen > ul > li > ul,
#cssmenu.small-screen > ul > li:hover > ul,
#cssmenu.small-screen ul ul li:hover > ul,
#cssmenu.small-screen ul ul ul li:hover > ul,
#cssmenu.small-screen.align-right ul ul,
#cssmenu.small-screen.align-right ul ul li:hover > ul,
#cssmenu.small-screen.align-right ul ul ul li:hover > ul {
  position: relative;
  left: 0;
  right: auto;
  top: 0;
  width: 100%;
  display: none;
  padding: 0;
  opacity: 1;
  text-align: left;
}
#cssmenu.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu.small-screen > ul > li > a,
#cssmenu.small-screen ul ul li a,
#cssmenu.small-screen ul ul li:first-child > a,
#cssmenu.small-screen ul ul li:last-child > a {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
#cssmenu.small-screen ul li a {
  padding-left: 12.5px;
}
#cssmenu.small-screen ul ul li a {
  padding: 14px 25px 14px 27.5px;
}
#cssmenu.small-screen ul ul ul li a {
  padding-left: 42.5px;
}
#cssmenu.small-screen ul ul ul ul li a {
  padding-left: 57.5px;
}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul li.has-sub > a:after,
#cssmenu.small-screen ul ul li.has-sub > a:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  position: relative;
  display: block;
  padding: 20px;
  padding-left: 12.5px;
  cursor: pointer;
  font-size: 13px;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  font-weight: 700;
  letter-spacing: 1px;
//  text-transform: uppercase;
}
#cssmenu.small-screen .submenu-button {
  position: absolute;
  right: 0;
  display: block;
  width: 53px;
  height: 53px;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  z-index: 10;
  cursor: pointer;
}
#cssmenu.small-screen ul ul .submenu-button {
  height: 40px;
}
#cssmenu.small-screen ul .submenu-button:after,
#cssmenu.small-screen #menu-button:after {
  content: '';
  position: absolute;
  right: 12.5px;
  top: 12.5px;
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 15px;
  background: #08B303;
  background: -webkit-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -ms-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -moz-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -o-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: linear-gradient(to bottom, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  box-shadow: inset 0 -1px 1px #237ea3, inset 0 2px 1px #63bade;
  background-size: 56px 56px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu.small-screen ul .submenu-button.submenu-opened:after,
#cssmenu.small-screen #menu-button.menu-opened:after {
  background-position: 0 -28px;
}
#cssmenu.small-screen ul ul .submenu-button:after {
  top: 6px;
}
#cssmenu.small-screen #menu-button:before,
#cssmenu.small-screen .submenu-button:before {
  content: '';
  position: absolute;
  right: 22.5px;
  top: 25.5px;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #ffffff;
  z-index: 99;
}
#cssmenu.small-screen ul ul .submenu-button:before {
  top: 19px;
}
#cssmenu.small-screen #menu-button.menu-opened:before,
#cssmenu.small-screen .submenu-button.submenu-opened:before {
  border-top-color: #195a75;
}
#cssmenu.small-screen.select-list {
  padding: 5px;
}



	
#cssmenu1,
#cssmenu1 ul,
#cssmenu1 ul li,
#cssmenu1 ul li a,
#cssmenu1 #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu1:after,
#cssmenu1 > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu1 #menu-button {
  display: none;
}
#cssmenu1 {
  width: 98%;
  margin-left: 1%;
//  width: auto;
  font-family: 'Open Sans', Helvetica, sans-serif;
  background: #08B303;
  z-index : 8888;
  background: -o-linear-gradient(top, #07BA02, #034F01);
  background: -ms-linear-gradient(top, #07BA02, #034F01);
  background: -webkit-linear-gradient(top, #07BA02, #034F01);
  background: -moz-linear-gradient(top, #07BA02, #034F01);
  background: linear-gradient(to bottom, #07BA02, #034F01);
  box-shadow: inset 0 -3px 0 #09E303 inset 0 -3px 3px #09E803, inset 0 2px 2px #069C02, inset 1px 0 2px #069C02, inset -1px 0 2px #069C02, 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);
}
#cssmenu1.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu1.align-center ul ul {
  text-align: left;
}
#cssmenu1.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu1.align-right > ul > li {
  float: right;
}
#cssmenu1.align-right ul ul {
  text-align: right;
}
#cssmenu1 > ul > li {
  float: left;
}
#cssmenu1 > ul > li > a {
  padding: 10px 20px;
  font-size: 12px;
  color: #ffffff;
//  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu1 > ul > li:hover > a,
#cssmenu1 > ul > li > a:hover{
  color: #cae5fd;
}
#cssmenu1 > ul > li.active > a {
  color: #E1ED2F;
}
#cssmenu1 > ul > li.has-sub > a {
  padding-right: 40px;
}
#cssmenu1 ul > li.has-sub > a:after {
  content: '';
  position: absolute;
  right: 5px;
  top: 8px;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: #08B303;
  background: -webkit-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -ms-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -moz-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -o-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: linear-gradient(to bottom, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  box-shadow: inset 0 -1px 1px #237ea3, inset 0 2px 1px #09D903;
  background-size: 36px 36px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu1 ul > li.has-sub:hover > a:after {
  background-position: 0 -18px;
}
#cssmenu1 ul > li.has-sub > a:before {
  content: '';
  position: absolute;
  right: 11px;
  top: 15.5px;
  display: block;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-top-color: #ffffff;
  z-index: 88;
}
#cssmenu1 ul > li.has-sub:hover > a:before {
  border-top-color: #09D903;
}
#cssmenu1 ul ul {
  position: absolute;
  left: -9999px;
  opacity: 0;
  -webkit-transition: top .2s ease, opacity .2s ease;
  -moz-transition: top .2s ease, opacity .2s ease;
  -ms-transition: top .2s ease, opacity .2s ease;
  -o-transition: top .2s ease, opacity .2s ease;
  transition: top .2s ease, opacity .2s ease;
}
#cssmenu1 > ul > li > ul {
  top: 91px;
  padding-top: 8px;
  border-radius: 5px;
}
#cssmenu1 > ul > li:hover > ul {
  left: auto;
  top: 30px;
  opacity: 1;
}
#cssmenu1.align-right > ul > li:hover > ul {
  right: 0;
}
#cssmenu1 ul ul ul {
  top: 40px;
}
#cssmenu1 ul ul > li:hover > ul {
  top: 0;
  left: 178px;
  padding-left: 10px;
  opacity: 1;
}
#cssmenu1.align-right ul ul > li:hover > ul {
  left: auto;
  right: 178px;
  padding-left: 0;
  padding-right: 10px;
  opacity: 1;
}
#cssmenu1 ul ul li a {
  width: 180px;
  padding: 12px 25px;
  font-size: 12px;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
  text-decoration: none;
  background: #08B303;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu1 ul ul li:hover > a,
#cssmenu1 ul ul li > a:hover {
  color: #cae5fd;
}
#cssmenu1 ul ul li.active > a {
  color: #E1ED2F;
}
#cssmenu1 ul ul li:first-child > a {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: inset 0 2px 2px #09D903;
}
#cssmenu1 ul ul li:last-child > a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: inset 0 -3px 0 #09D903, inset 0 -3px 3px #09E803, 0 1px 1px rgba(0, 0, 0, 0.03), 0 2px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.13);
}
#cssmenu1 ul ul > li.has-sub > a:after {
  right: 12px;
  top: 9px;
  background: #08B303;
  background: -webkit-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -ms-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -moz-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -o-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: linear-gradient(to bottom, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  box-shadow: inset 0 -1px 1px #237ea3, inset 0 2px 1px #09D903;
  background-size: 36px 36px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#cssmenu1.align-right ul ul > li.has-sub > a:after {
  right: auto;
  left: 12px;
}
#cssmenu1 ul ul > li.has-sub:hover > a:after {
  background-position: 0 -18px;
}
#cssmenu1 ul ul > li.has-sub > a:before {
  top: 15.5px;
  right: 16px;
  border-top-color: transparent;
  border-left-color: #ffffff;
}
#cssmenu1.align-right ul ul > li.has-sub > a:before {
  top: 15.5px;
  right: auto;
  left: 16px;
  border-top-color: transparent;
  border-right-color: #ffffff;
  border-left-color: transparent;
}
#cssmenu1 ul ul > li.has-sub:hover > a:before {
  border-top-color: transparent;
  border-left-color: #1e6a8a;
}
#cssmenu1.align-right ul ul > li.has-sub:hover > a:before {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: #1e6a8a;
}
#cssmenu1.small-screen {
  width: 98%;
}
#cssmenu1.small-screen ul,
#cssmenu1.small-screen ul ul,
#cssmenu1.small-screen ul ul ul,
#cssmenu1.small-screen > ul,
#cssmenu1.small-screen.align-center > ul,
#cssmenu1.small-screen > ul > li > ul,
#cssmenu1.small-screen > ul > li:hover > ul,
#cssmenu1.small-screen ul ul li:hover > ul,
#cssmenu1.small-screen ul ul ul li:hover > ul,
#cssmenu1.small-screen.align-right ul ul,
#cssmenu1.small-screen.align-right ul ul li:hover > ul,
#cssmenu1.small-screen.align-right ul ul ul li:hover > ul {
  position: relative;
  left: 0;
  right: auto;
  top: 0;
  width: 100%;
  display: none;
  padding: 0;
  opacity: 1;
  text-align: left;
}
#cssmenu1.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu1.small-screen > ul > li > a,
#cssmenu1.small-screen ul ul li a,
#cssmenu1.small-screen ul ul li:first-child > a,
#cssmenu1.small-screen ul ul li:last-child > a {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
#cssmenu1.small-screen ul li a {
  padding-left: 12.5px;
}
#cssmenu1.small-screen ul ul li a {
  padding: 14px 25px 14px 27.5px;
}
#cssmenu1.small-screen ul ul ul li a {
  padding-left: 42.5px;
}
#cssmenu1.small-screen ul ul ul ul li a {
  padding-left: 57.5px;
}
#cssmenu1.small-screen > ul > li.has-sub > a:after,
#cssmenu1.small-screen > ul > li.has-sub > a:before,
#cssmenu1.small-screen ul ul li.has-sub > a:after,
#cssmenu1.small-screen ul ul li.has-sub > a:before {
  display: none;
}
#cssmenu1.small-screen #menu-button {
  position: relative;
  display: block;
  padding: 20px;
  padding-left: 12.5px;
  cursor: pointer;
  font-size: 13px;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  font-weight: 700;
  letter-spacing: 1px;
//  text-transform: uppercase;
}
#cssmenu1.small-screen .submenu-button {
  position: absolute;
  right: 0;
  display: block;
  width: 53px;
  height: 53px;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  z-index: 10;
  cursor: pointer;
}
#cssmenu1.small-screen ul ul .submenu-button {
  height: 40px;
}
#cssmenu1.small-screen ul .submenu-button:after,
#cssmenu1.small-screen #menu-button:after {
  content: '';
  position: absolute;
  right: 12.5px;
  top: 12.5px;
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 15px;
  background: #08B303;
  background: -webkit-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -ms-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -moz-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: -o-linear-gradient(top, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  background: linear-gradient(to bottom, #069C02 0%, #034F01 25%, #278eb8 50%, #069C02 75%, #034F01 100%);
  box-shadow: inset 0 -1px 1px #237ea3, inset 0 2px 1px #63bade;
  background-size: 56px 56px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu1.small-screen ul .submenu-button.submenu-opened:after,
#cssmenu1.small-screen #menu-button.menu-opened:after {
  background-position: 0 -28px;
}
#cssmenu1.small-screen ul ul .submenu-button:after {
  top: 6px;
}
#cssmenu1.small-screen #menu-button:before,
#cssmenu1.small-screen .submenu-button:before {
  content: '';
  position: absolute;
  right: 22.5px;
  top: 25.5px;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #ffffff;
  z-index: 88;
}
#cssmenu1.small-screen ul ul .submenu-button:before {
  top: 19px;
}
#cssmenu1.small-screen #menu-button.menu-opened:before,
#cssmenu1.small-screen .submenu-button.submenu-opened:before {
  border-top-color: #195a75;
}
#cssmenu1.small-screen.select-list {
  padding: 5px;
}




h2#box1 {
  background-image: url('immagini/fascetta_grigia.png');
  background-repeat: no-repeat;
  background-size: 620px 52px;
  background-position: center center;
  color: rgb(21,67,144);
  height:52px;
  line-height: 36px;
  text-align: center; 
}

  

h2#box2 {
  background-image: url('immagini/fascetta_grigia.png');
  background-repeat: no-repeat;
  background-size: 620px 52px;
  background-position: center center;
  color: rgb(21,67,144);
  height:52px;
  line-height: 36px;
  text-align: center; 
}
h2#box3 {
  background-image: url('immagini/fascetta_grigia.png');
  background-repeat: no-repeat;
  background-size: 620px 52px;
  background-position: center center;
  color: rgb(21,67,144);
  height:52px;
  line-height: 36px;
  text-align: center; 
}
h2#box4 {
  background-image: url('immagini/fascetta_grigia.png');
  background-repeat: no-repeat;
  background-size: 620px 52px;
  background-position: center center;
  color: rgb(21,67,144);
  height:52px;
  line-height: 36px;
  text-align: center; 
}
h2#box5 {
  background-image: url('immagini/fascetta_grigia.png');
  background-repeat: no-repeat;
  background-size: 620px 52px;
  background-position: center center;
  color: rgb(21,67,144);
  height:52px;
  line-height: 36px;
  text-align: center; 
}
	

div#hormenu {
width: 100%;
float: left;
margin: 0;
padding: 0;
border-top: 1px solid black;
background: red;
}

div#hormenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div#hormenu li {
width:100px;
float:left;
margin: 0;
padding: 0;
border-right: 1px solid black;
color:black;
} 

div#hormenu a {
display: block;
padding: 5px;
color: #000;
text-decoration: none;
}

div#hormenu a:hover {
background-color: #000033;
color: #FFFFFF;
text-decoration: none;
}

div#hormenu li ul {display: none}

div#hormenu li:hover ul {
display: block;
position: absolute;
z-index:1;
width:150px;
padding: 0;
margin: 0 0 0 -1px;
border:1px solid black;
background: white;
}

div#hormenu li li {border: none; width: 150px;}
div#hormenu li li a {padding: 2px 2px 2px 10px;}

form#cerca input{
    margin-top: -50px;
}


form#imput {
background: #9cbc2c;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 20px;
width: 400px;
margin: 0 auto;
}

form#imput fieldset {
border: none;
margin-bottom: 10px;
}
form#imput fieldset:last-of-type {
margin-bottom: 0;
}

form#imput legend {
color: #05407A;
font-size: 24px;
font-weight: bold;
padding-bottom: 10px;
text-shadow: 0 1px 1px #c0d576;
}

form#imput > fieldset > legend:before {
font-size: 16px;
//content: "Step " counter(fieldsets) ": ";
//counter-increment: fieldsets;
}

form#imput fieldset fieldset legend {
color: #05407A;
font-size: 13px;
font-weight: normal;
padding-bottom: 0;
}

form#imput ol li {
background: #b9cf6a;
background: rgba(255,255,255,.3);
border-color: #e3ebc3;
border-color: rgba(255,255,255,.6);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
}
form#imput ol ol li {
background: none;
border: none;
float: left;
}

form#imput label {
color: #05407A;
float: left;
font-size: 16px;
width: 110px;
}
form#imput fieldset fieldset label {
background:none no-repeat left 50%;
line-height: 20px;
padding: 0 0 0 30px;
width: auto;
}

form#imput fieldset fieldset label:hover {
cursor: pointer;
}

form#imput input:not([type=radio]),
form#imput textarea {
background: #ffffff;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: italic 13px Georgia, "Times New Roman", Times, serif;
outline: none;
padding: 5px;
width: 200px;
}
form#imput input:not([type=submit]):focus,
form#imput textarea:focus {
background: #eaeaea;
}
form#imput input[type=radio] {
float: left;
margin-right: 5px;
}
form#imput button {
background: #384313;
border: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
display: block;
font: 18px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
margin: auto;
padding: 7px 25px;
text-shadow: 0 1px 1px #000000;
text-transform: uppercase;
}
form#imput button:hover {
background: #1e2506;
cursor: pointer;
}
form#imput select {
background: #ffffff;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: italic 13px Georgia, "Times New Roman", Times, serif;
outline: none;
padding: 5px;
width: 200px;
}

form#imput select:not([type=submit]):focus,
form#imput textarea:focus {
background: #eaeaea;
}

form#dati {
background: #9cbc2c;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 20px;
width: 600px;
margin: 10% auto;
}

form#dati fieldset {
border: none;
margin-bottom: 10px;
}
form#dati fieldset:last-of-type {
margin-bottom: 0;
}

form#dati legend {
color: #05407A;
font-size: 24px;
font-weight: bold;
padding-bottom: 10px;
text-shadow: 0 1px 1px #c0d576;
}

form#dati legend1 {
color: #05407A;
font-size: 16px;
padding-bottom: 10px;
text-shadow: 0 1px 1px #c0d576;
}

form#dati > fieldset > legend:before {
font-size: 16px;
}

form#dati fieldset fieldset legend {
color: #05407A;
font-size: 13px;
font-weight: normal;
padding-bottom: 0;
}

form#dati ol li {
background: #b9cf6a;
background: rgba(255,255,255,.3);
border-color: #e3ebc3;
border-color: rgba(255,255,255,.6);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
}
form#dati ol ol li {
background: none;
border: none;
float: left;
}

form#dati label {
color: #05407A;
float: left;
font-size: 16px;
width: 110px;
}
form#dati label1 {
color: #05407A;
float: left;
font-size: 12px;
width: 110px;
}
form#dati label2 {
color: #05407A;
float: left;
font-size: 16px;
//width: 400px;
}
form#dati fieldset fieldset label {
background:none no-repeat left 50%;
line-height: 20px;
padding: 0 0 0 30px;
width: auto;
}

form#dati fieldset fieldset label:hover {
cursor: pointer;
}

form#dati input:not([type=checkbox]),
form#dati input:not([type=radio]),
form#dati textarea {
background: #ffffff;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: 13px Georgia, "Times New Roman", Times, serif;
outline: none;
padding: 5px;
width: 400px;
}
form#dati input:not([type=submit]):focus,
form#dati textarea:focus {
background: #eaeaea;
}
form#dati input[type=radio] {
float: left;
margin-left: 5px;
margin-top: 7px;
width: 0px;
margin-right: 5px;
}
form#dati input[type=checkbox] {
float: left;
margin-left: 0px;
margin-top: 6px;
width: 13px;

}

form#dati input[type=button] {
background: #05407A;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
color: #999;
font: 12px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
margin: 4;
padding: 4px 20px;
text-shadow: 0 1px 1px #000000;
//text-transform: uppercase;
}
form#dati  input[type=button]:hover {
background: #1e2506;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}

form#dati button {
background: #384313;
border: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
display: block;
font: 18px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
margin: auto;
padding: 7px 25px;
text-shadow: 0 1px 1px #000000;
text-transform: uppercase;
}
form#dati button:hover {
background: #1e2506;
cursor: pointer;
}

form#dati select {
background: #ffffff;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: 13px Georgia, "Times New Roman", Times, serif;
outline: none;
padding: 5px;
width: 400px;
}

form#dati select:not([type=submit]):focus,
form#dati textarea:focus {
background: #eaeaea;
}



form#posta input[type=button] {
background: #05407A;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
color: #999;
font: 17px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
margin: 4;
padding: 4px 20px;
text-shadow: 0 1px 1px #000000;
//text-transform: uppercase;
}
form#posta  input[type=button]:hover {
background: #1e2506;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}


form#posta ol ol li {
background: none;
border: none;
float: left;
}

form#posta label {
color: #F0F0F2;
float: left;
font-size: 12px;
width: 110px;
padding: 4px;
//letter-spacing: 1px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
font-weight: 700;
text-decoration: none;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;


}

form#posta button {
  width: auto;
  border-radius: 5px;
  font-family: 'Open Sans', Helvetica, sans-serif;
  background: #08B303;
  z-index : 1;
  color: #ffffff;
  background: -o-linear-gradient(top, #07BA02, #034F01);
  background: -ms-linear-gradient(top, #07BA02, #034F01);
  background: -webkit-linear-gradient(top, #07BA02, #034F01);
  background: -moz-linear-gradient(top, #07BA02, #034F01);
  background: linear-gradient(to bottom, #07BA02, #034F01);
  box-shadow: inset 0 -3px 0 #09E303 inset 0 -3px 3px #09E803, inset 0 2px 2px #069C02, inset 1px 0 2px #069C02, inset -1px 0 2px #069C02, 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);
  display: block;
//  font: 12px Georgia;
  letter-spacing: 1px;
  margin: 6;
  padding: 4px 20px;
  text-shadow: 0 1px 1px #000000;
}
form#posta button:hover {
background: #1e2506;
background-color:#08C203;
//color: #1e6a8a;
cursor: pointer;
 text-shadow: 0 0 0 0;
}
form#posta input:not([type=radio]),
form#posta textarea {
background: #ffffff;
border: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
font: italic 10px Georgia, "Times New Roman", Times, serif;
outline: none;
padding: 1px 0px;
width: 100px;
}
form#posta input:not([type=submit]):focus,
form#posta textarea:focus {
background: #eaeaea;
}

/*il div che contiene lo scroll*/
.article {
 height: 355px;
 width: 600px;
 overflow-y:auto;
 overflow-x:hidden;
}
/*la tabella*/
.article table {
 border-collapse:collapse;
}
/*tutte le righe*/
.article table tr {
 height:30px;
}
/*tutte le celle*/
.article table tr td {
 border:1px solid #EBD13F;
 color: #C60;
 background: #F3F4D0;
 text-align:center;
}
/*la colonna di sinistra*/
.article table tr th {
 border: 1px solid #039;
 color:#069;
 background: #D7EBEE;
}
/*la testata riga fissa*/
.article table .testata {
 position: fixed;
}
/*le celle della riga fissa*/
.article table .colonna {
 background-color: green;
 color: white;
 border:1px solid #0C0;
}
/*correggo la prima riga della tabella*/
.article table .primariga {
 padding-top:30px;
}
</style>


form#Allenatori ol ol li {
background: none;
border: none;
}
form#Allenatori input[type=button] {
background: #05407A;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
color: #999;
font: 17px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
margin: 4;
padding: 4px 20px;
text-shadow: 0 1px 1px #000000;
//text-transform: uppercase;
}
form#Allenatori  input[type=button]:hover {
background: #1e2506;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}
form#Allenatori  input[type=button][disabled] {
background: #D0D6C1;
background-color:#D0D6C1;
color: #ffffff;
}
form#Allenatori  input[type=button][disabled]:hover {
background: #D0D6C1;
background-color:#D0D6C1;
color: #ffffff;
cursor: default;
}
form#Allenatori  input[type=button]:active {
background: #BAE625;
background-color:#83FF75;
color: #ffffff;
cursor: pointer;
}


form#Allenatori button {
background: #05407A;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
color: #999;
font: 12px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
margin: 4;
padding: 4px 20px;
text-shadow: 0 1px 1px #000000;
//text-transform: uppercase;
}
form#Allenatori button:hover {
background: #1e2506;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}

form#Allenatori button.Red {
background: #C92006;
padding: 2px 10px;
font: 12px Verdana, sans-serif;
margin: 2;
color: #ffffff;
}

form#Allenatori button.Blu {
padding: 2px 10px;
font: 12px Verdana, sans-serif;
margin: 2;
color: #ffffff;
}

form#Allenatori button.Green {
background: #157815;
padding: 2px 10px;
font: 12px Verdana, sans-serif;
margin: 2;
color: #ffffff;
}

form#Allenatori button.Red:hover {
background: #751304;
}

form#Allenatori button.Green:hover {
background: #0A380A;
}

form#Allenatori button.Grey {
background: #7B969C;
border: none;
display: block;
color: #ffffff;
padding: 2px 10px;
font: 12px Arial, Helvetica;
margin: 2;
letter-spacing: 1px;
/* text-shadow: 0 1px 1px #000000; */
}
form#Allenatori button.Grey:hover {
background: #1e2506;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}




ol, ul {
//    list-style: none;
    margin: 5%;
    list-style-position: outside;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
/* remember to define focus styles! */
:focus {
    outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:link, a:visited {
    text-decoration: underline;
    color: #0F5491;
    background-color: transparent;
}

a:hover, a:active {
    text-decoration: underline;
    color: #1578CF;
}

a#nov:hover, a:active {
    text-decoration: underline;
    color: #1578CF;
}

.testo1:hover, .testo1:active {
    text-decoration: none;
    color: 0;
}

.testo2 {
    color: #FFF;
    background-color:#666;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;    
}

* { margin: 0; padding: 0; }
 

body {
//    background: #F6F9FE;
    color: 0;
    font-family: Verdana, sans-serif;
//    font-family: "Times New Roman", Times, Georgia, serif;
    font-size: 62,5%; /* = 10px = 0.625em */ 
}

 
form { margin: 20px; }

form#tempi {
margin: 0px;
background: none;
border: none;
}


fieldset { border: none; }
legend { font-size: 16px; font-weight: bold; }
fieldset fieldset legend {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0;
}
 
 
#submit {
    background: #69B1D9;
    color: #fff;
    font-weight: bold;
    padding: 2px 10px;
}


.footer {
    min-height: 50%;
    height: auto !important;
    height: 50%;
    
    padding: 10px 0;
//    background-color: #8DBEC5;
//    position:absolute;bottom: 0
}

img {
  border: none;
  //max-width: 100%
}

.imagepp {
  max-width: 100%
}

.imageborder0 {
  border: 1px solid #000;
  padding: 3px;
  margin: 5px;
  opacity: 0.8;
  max-width: 100%
}
.imageborder {
  border: 1px solid #000;
  padding: 3px;
  margin: 20 auto;
  opacity: 0.8;
  max-width: 100%
}
.imageborder1 {
  border: 1px solid #000;
  padding: 3px;
  margin: 3 auto;
  opacity: 0.8;
}

h1 {
  text-shadow:   2px  2px 4px #777;
  color: #4f6b72;
}

h3 {
  color: #4f6b72;
}

p {
  color: #4f6b72;
}

p2 {
  color: #4f6b72;
}

p3 {
  color: #4f6b72;
}
p4 {
  color: #4f6b72;
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h4 { font-size: 1em; }
p  { font-size: 12 px; }
p { padding-left: 1.5em; }
p2 { padding-left: 1.5em; }
p3 { padding-left: 1.5em; }
p4  { font-size: 0.8em; }

table {
}
 
tr {
/*    background-color: #ddd; */
}

td {
/*    background-color: #eee; */
/*    border-color: 1px solid #fff; */
}


.sceltatable {
	width: auto;
	padding: 0;
	margin: -10;
        opacity: 0.8
}

.sceltatable th {
        font-family: Verdana, Arial, Helvetica, sans-serif;
//        font-weight: bold;
        font-size: 1em;
//	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
//	border-right: 1px solid #C1DAD7;
//	border-bottom: 1px solid #C1DAD7;
//	background: #fff;
	text-align: left;
	padding: 2px 2px 2px 4px;
	color: #4f6b72;
}

.datatable {
	width: 600px;
	padding: 0;
	margin: 0;
        margin-left:auto; 
        margin-right:auto;
        background-color: trasparent;
//        opacity: 0.8;
}

.datatable caption {
	padding: 0 0 5px 0;
	width: 700px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
//	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
	text-align: left;
}

.datatable a.SLrisultati{text-decoration: none}

.datatable a.SLrisultati:hover{text-decoration: none}

.datatable a.gare{color:#369; text-decoration: underline}

.datatable a.gare:hover{color: #033;text-decoration: underline}


.datatable th {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
	color: white;
	border-right: 1px solid #C8DA8E;
	border-bottom: 1px solid #C8DA8E;
	border-top: 1px solid #C8DA8E;
	text-align: left;
	padding: 2px 2px 2px 4px;
	background-color: #0000FF;
}

.datatable th.giovani {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
	color: white;
	border-right: 1px solid #C8DA8E;
	border-bottom: 1px solid #C8DA8E;
	border-top: 1px solid #C8DA8E;
	text-align: left;
	padding: 2px 2px 2px 4px;
	background-color: #0000FF;
}
.datatable th.master {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
	color: white;
	border-right: 1px solid #17E3E3;
	border-bottom: 1px solid #17E3E3;
	border-top: 1px solid #17E3E3;
	text-align: left;
	padding: 2px 2px 2px 4px;
	background-color: rgb(0,158,226);
}
.datatable th.gare {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	border-right: 1px solid #C8DA8E;
	border-bottom: 1px solid #C8DA8E;
	border-top: 1px solid #C8DA8E;
	text-align: left;
	padding: 2px 2px 2px 4px;
	background-color: rgb(0,158,226);
}
.datatable th.garei {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	border-right: 1px solid #C8DA8E;
	border-bottom: 1px solid #C8DA8E;
	border-top: 1px solid #C8DA8E;
	text-align: left;
	padding: 2px 2px 2px 4px;
	background-color: #0000FF;
}

.datatable th.femmine {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
	color: #FF1493;
	border-right: 1px solid #C8DA8E;
	border-bottom: 1px solid #C8DA8E;
	border-top: 1px solid #C8DA8E;
	text-align: left;
	padding: 2px 2px 2px 4px;
	background: #F5E5D7;
}
.datatable th.maschi {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
	color: #233621;
	border-right: 1px solid #C8DA8E;
	border-bottom: 1px solid #C8DA8E;
	border-top: 1px solid #C8DA8E;
	text-align: left;
	padding: 2px 2px 2px 4px;
	background: #ADFFF7;
}


.datatable td {
        font-family: Verdana, Arial, Helvetica, sans-serif;
//	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
//	background: #fff;
	padding: 2px 2px 2px 4px;
	color: #4f6b72;
}

.datatable td.gare {
     font-family: Verdana, Arial, Helvetica, sans-serif;
/*    font: 9px Verdana, Arial, Helvetica, sans-serif;*/
/*    font: 8px arial,sans-serif;*/
/*        font-size: font: normal 8px arial,sans-serif;*/
        font-size: 1em;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
 /*background: #fff;*/
	padding: 2px 2px 2px 4px;
	color: #4f6b72;
}

.datatable td.word {
        font-family: Arial, Helvetica, sans-serif;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
        font-weight: normal;
        font-size: 13px;
	color: #000000;
}
.datatable td.wordT1 {
        font-family: Arial, Helvetica, sans-serif;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
        font-size: 18.5px;
	color: #000000;
}
.datatable td.wordT2 {
        font-family: Arial, Helvetica, sans-serif;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
        font-size: 16px;
	color: #000000;
}

.datatable td.alt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    padding: 2px 2px 2px 4px;
    color: #4f6b72;
    background: #F5FAFA;
    opacity: 1.8;
}

.datatable td.altTemp {
	background: #E3E1B3;
        opacity: 0.8;
}


.datatable td.altBest {
	background: #D5DB14;
        opacity: 0.8;
}

.datatable td.altSoc {
	background: #D6F3FF;
}

// .datatable td:hover {
//     background-color: #dedede;
// }

.datatable tfoot.tfooter{
	text-align: center;
}

.datatable img.gare{
  vertical-align: middle;
  border: none;
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.datatable img{
  vertical-align: middle;
}

.datatable a img{
	border: none;
}

/* da qua si potra togliere TIPPPPPPPSSSS  */
a.splitOn { 
	font: 12px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
//	font-weight: bold; 
	color: #1E90FF; 
}
a.splitOn:HOVER { 
    text-decoration: none;
    color: #0E1D7D;
//	color: Red; 
}
td.tooltipDis {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 2px;
	padding-left: 6px;
	padding-right: 2px;
	text-align: right;
	color: #4f6b72;
//	color: Olive;
}
td.tooltipSplit {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 2px;
	padding-left: 6px;
	padding-right: 2px;
	font-weight: bold; 
	text-align: right;
}
td.tooltipLap {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 2px;
	padding-left: 6px;
	padding-right: 2px;
	text-align: right;
	color: #436B32;
//	color: Red;
}
td.tooltipRelay {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 2px;
	padding-left: 6px;
	padding-right: 2px;
	text-align: right;
	color: #153E59;
//	color: #9932CC;
}


.cycle-slideshow {
      margin-left: 5%; 
//      margin-right: auto;
//      margin: 0 auto;
//      text-align: center;
 }
.cycle-slideshow img { 
    text-align: center;
    display: block;
}

div#cycle-slideshow{
   text-align: center;
}

a#butt{
    text-decoration: none
}
a#butt:hover {
    text-decoration: none
}



H5 {
     font-size: 16px;
     margin: 6;
     font-weight: normal;
     Color: #000000;
}
H5.right {
     font-size: 16px;
     margin: 3;
     float: right;
     font-weight: normal;
     Color: #000000;
}

H5.Blu1 {
max-width: 600px;
background: #05407A;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
color: #ffffff;
padding: 2px 10px;
font: 12px Arial, Helvetica;
margin: 2;
letter-spacing: 1px;
/* text-shadow: 0 1px 1px #000000; */
}
H5.Blu1:hover {
background: #1e2506;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}

H5.Grey1 {
background: #7B969C;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
color: #ffffff;
padding: 2px 10px;
font: 12px Arial, Helvetica;
margin: 2;
letter-spacing: 1px;
/* text-shadow: 0 1px 1px #000000; */
}
H5.Grey1:hover {
background: #1e2506;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}


H5.Green1 {
background: #157815;
padding: 2px 10px;
font: 12px Arial, Helvetica;
margin: 2;
color: #ffffff;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
letter-spacing: 1px;
/* text-shadow: 0 1px 1px #000000; */
}
H5.Green1:hover {
background: #0A380A;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}
H5.Green2 {
background: #157815;
padding: 2px 10px;
font: 12px Arial, Helvetica;
margin: 2;
color: #ffffff;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
letter-spacing: 1px;
/* text-shadow: 0 1px 1px #000000; */
}
H5.Red1 {
background: #C92006;
padding: 2px 10px;
font: 12px Arial, Helvetica;
margin: 2;
color: #ffffff;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
letter-spacing: 1px;
/* text-shadow: 0 1px 1px #000000; */
}
H5.Red1:hover {
background: #751304;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}
H5.Red2 {
background: #C92006;
padding: 2px 10px;
font: 12px Arial, Helvetica;
margin: 2;
color: #ffffff;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
letter-spacing: 1px;
/* text-shadow: 0 1px 1px #000000; */
}

input:focus, textarea:focus {
  border: 1px solid #80AEFF; /* bordo degli elementi */
  color: #4E6A9C;            /* colore del testo     */
}



/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%}
div#container{
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  padding-left: 0em;
  background-color: white}

/*stili generici, su header e footer*/
div#header{ 
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  background-color:white;color: #ff0}
h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color: #69f;font-size: 1.5em}
h4{color: #69f;font-size: 1.2em}
h4.right{float: right;}
p{color: #4f6b72;font-size: 1.7em;text-align:justify;}
p2{color: #4f6b72;font-size: 1.2em;padding-left: 1.5em;text-align:justify;}
p3{color: #4f6b72;font-size: 1em;padding-left: 0;text-align:justify;}
b#Att{color: #4f6b72;font-size: 1em;}
i#Att{color: #4f6b72;font-size: 1em;font-weight: bold}



p#mtop {
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  padding-top: 7px;
  text-decoration: none;
}
a#m1 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  line-height: 32px;
  text-align: center; 
  text-decoration: none;
/*  text-shadow: 0 2px 0 #000;*/
  width: 153px;
  height: 31px; 
  position:absolute;top:106px
}

a#m1:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_tasto_1_chiaro.png');
    background-repeat: no-repeat;
    background-size: 153px 31px;
}
a#m1s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  line-height: 32px;
  text-align: center; 
  text-decoration: none;
/*  text-shadow: 0 2px 0 #000;*/
  width: 153px;
  height: 31px; 
  position:absolute;top:106px
}

a#m1s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_tasto_1_chiaro.png');
    background-repeat: no-repeat;
    background-size: 153px 31px;
}
a#m2 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  line-height: 32px;
  text-align: center; 
  padding-left:136;
  text-decoration: none;
/*  text-shadow: 0 2px 0 #000;*/
  width: 153px;
  height: 31px; 
  position:absolute;top:106px;
}

a#m2:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_tasto_2_chiaro.png');
    background-repeat: no-repeat;
    background-position:136px 0px;
    background-size: 153px 31px;
}
a#m2s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  line-height: 32px;
  text-align: center; 
  padding-left:136;
  text-decoration: none;
  width: 153px;
  height: 31px; 
  position:absolute;top:106px
}

a#m2s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_tasto_2_chiaro.png');
    background-repeat: no-repeat;
    background-position:136px 0px;
    background-size: 153px 31px;
}
a#m3 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  line-height: 32px;
  text-align: center; 
  padding-left:272;
  text-decoration: none;
  width: 153px;
  height: 31px; 
  position:absolute;top:106px;
}

a#m3:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_tasto_3_chiaro.png');
    background-repeat: no-repeat;
    background-position:272px 0px;
    background-size: 153px 31px;
}
a#m3s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  line-height: 32px;
  text-align: center; 
  padding-left:272;
  text-decoration: none;
/*  text-shadow: 0 2px 0 #000;*/
  width: 153px;
  height: 31px; 
  position:absolute;top:106px
}

a#m3s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_tasto_3_chiaro.png');
    background-repeat: no-repeat;
    background-position:272px 0px;
    background-size: 153px 31px;
}
a#m4 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  line-height: 32px;
  text-align: center; 
  padding-left:408px;
  text-decoration: none;
  width: 153px;
  height: 31px; 
  position:absolute;top:106px;
}

a#m4:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_tasto_4_chiaro.png');
    background-repeat: no-repeat;
    background-position:408px 0px;
    background-size: 153px 31px;
}
a#m4s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  line-height: 32px;
  text-align: center; 
  padding-left:408px;
  text-decoration: none;
/*  text-shadow: 0 2px 0 #000;*/
  width: 153px;
  height: 31px; 
  position:absolute;top:106px
}

a#m4s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_tasto_4_chiaro.png');
    background-repeat: no-repeat;
    background-position:408px 0px;
    background-size: 153px 31px;
}
a#m7 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  padding-top: 26px;
  padding-left:850px;
  text-decoration: none;
/*  text-shadow: 0 2px 0 #000;*/
  width: 86px;
  height: 64px; 
  position:absolute;top:88px;
}

a#m7:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_account_chiaro.png');
    background-repeat: no-repeat;
    background-position:850px 0px;
    background-size: 86px 64px;
}
a#m7s {
  background-image: url('immagini/csi/CSI_account_attivo.png');
  background-repeat: no-repeat;
  background-position:850px 0px;
  background-size: 86px 64px;
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  padding-top: 26px;
  padding-left:850px;
  text-decoration: none;
/*  text-shadow: 0 2px 0 #000;*/
  width: 86px;
  height: 64px; 
  position:absolute;top:88px
}

a#m7s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_account_chiaro.png');
    background-repeat: no-repeat;
    background-position:850px 0px;
    background-size: 86px 64px;
}
p4#m7 {
  background-image: url('immagini/csi/CSI_account.png');
  background-repeat: no-repeat;
  background-position:850px 0px;
  background-size: 86px 64px;
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  padding-top: 26px;
  padding-left:850px;
  text-decoration: none;
/*  text-shadow: 0 2px 0 #000;*/
  width: 86px;
  height: 64px; 
  position:absolute;top:88px;
}

p4#m7:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_account_chiaro.png');
    background-repeat: no-repeat;
    background-position:850px 0px;
    background-size: 86px 64px;
    cursor: pointer;
}
p4#m7s {
  background-image: url('immagini/csi/CSI_account_attivo.png');
  background-repeat: no-repeat;
  background-position:850px 0px;
  background-size: 86px 64px;
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  padding-top: 26px;
  padding-left:850px;
  text-decoration: none;
/*  text-shadow: 0 2px 0 #000;*/
  width: 86px;
  height: 64px; 
  position:absolute;top:88px
}

p4#m7s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_account_chiaro.png');
    background-repeat: no-repeat;
    background-position:850px 0px;
    background-size: 86px 64px;
    cursor: pointer;
}

a#m5 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  line-height: 32px;
  text-align: center; 
  padding-left:544px;
  text-decoration: none;
  width: 153px;
  height: 31px; 
  position:absolute;top:106px;
}

a#m5:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_tasto_4_chiaro.png');
    background-repeat: no-repeat;
    background-position:544px 0px;
    background-size: 153px 31px;
}
a#m5s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  line-height: 32px;
  text-align: center; 
  padding-left:544px;
  text-decoration: none;
  width: 153px;
  height: 31px; 
  position:absolute;top:106px
}

a#m5s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_tasto_4_chiaro.png');
    background-repeat: no-repeat;
    background-position:544px 0px;
    background-size: 153px 31px;
}

a#m6 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  line-height: 32px;
  text-align: center; 
  padding-left:680px;
  text-decoration: none;
  width: 153px;
  height: 31px; 
  position:absolute;top:106px;
}

a#m6:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_tasto_4_chiaro.png');
    background-repeat: no-repeat;
    background-position:680px 0px;
    background-size: 153px 31px;
}
a#m6s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 13px Arial, Helvetica;
  font-weight: 900;
  line-height: 32px;
  text-align: center; 
  padding-left:680px;
  text-decoration: none;
  width: 153px;
  height: 31px; 
  position:absolute;top:106px
}

a#m6s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_tasto_4_chiaro.png');
    background-repeat: no-repeat;
    background-position:680px 0px;
    background-size: 153px 31px;
}


p#msub {
  color: black;
  text-align: right;
  font: bold 13px Arial, Helvetica;
  padding-top: 9px;
  padding-left: 10px;
  text-decoration: none;
  position:absolute;top:80px
}
a#mb1 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  text-decoration: none;
/*  text-shadow: 0 2px 0 #000;*/
  width: 188px;
  height: 40px; 
  position:absolute;top:600px
}

a#mb1:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_1_tasto_basso_chiaro.png');
    background-repeat: no-repeat;
    background-position:0px 0px;
    background-size: 188px 40px;
}

a#mb1s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  text-decoration: none;
/*  text-shadow: 0 2px 0 #000;*/
  width: 188px;
  height: 40px; 
  position:absolute;top:600px
}

a#mb1s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_1_tasto_basso_chiaro.png');
    background-repeat: no-repeat;
    background-position:0px 0px;
    background-size: 188px 40px;
}
a#mb2 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  padding-left:173px;
  text-decoration: none;
/*  text-shadow: 0 2px 0 #000;*/
  width: 188px;
  height: 40px; 
  position:absolute;top:600px
}

a#mb2:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_2_tasto_basso_chiaro.png');
    background-repeat: no-repeat;
    background-position:168px 0px;
    background-size: 188px 40px;
}

a#mb2s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  padding-left:173px;
  text-decoration: none;
  width: 188px;
  height: 40px; 
  position:absolute;top:600px
}

a#mb2s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_2_tasto_basso_chiaro.png');
    background-repeat: no-repeat;
    background-position:168px 0px;
    background-size: 188px 40px;
}
a#mb3 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  padding-left:341px;
  text-decoration: none;
  width: 188px;
  height: 40px; 
  position:absolute;top:600px
}

a#mb3:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_3_tasto_basso_chiaro.png');
    background-repeat: no-repeat;
    background-position:336px 0px;
    background-size: 188px 40px;
}

a#mb3s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  padding-left:341px;
  text-decoration: none;
  width: 188px;
  height: 40px; 
  position:absolute;top:600px
}

a#mb3s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_3_tasto_basso_chiaro.png');
    background-repeat: no-repeat;
    background-position:336px 0px;
    background-size: 188px 40px;
}

a#mb4 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  padding-left:514px;
  text-decoration: none;
  width: 188px;
  height: 40px; 
  position:absolute;top:600px
}

a#mb4:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_4_tasto_basso_chiaro.png');
    background-repeat: no-repeat;
    background-position:504px 0px;
    background-size: 188px 40px;
}

a#mb4s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  padding-left:514px;
  text-decoration: none;
  width: 188px;
  height: 40px; 
  position:absolute;top:600px
}

a#mb4s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_4_tasto_basso_chiaro.png');
    background-repeat: no-repeat;
    background-position:504px 0px;
    background-size: 188px 40px;
}
a#mb5 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  padding-left:677px;
  text-decoration: none;
  width: 188px;
  height: 40px; 
  position:absolute;top:600px
}

a#mb5:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_5_tasto_basso_chiaro.png');
    background-repeat: no-repeat;
    background-position:672px 0px;
    background-size: 188px 40px;
}

a#mb5s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  padding-left:677px;
  text-decoration: none;
  width: 188px;
  height: 40px; 
  position:absolute;top:600px
}

a#mb5s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_5_tasto_basso_chiaro.png');
    background-repeat: no-repeat;
    background-position:672px 0px;
    background-size: 188px 40px;
}


a#mb9 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  padding-left:845px;
  text-decoration: none;
  width: 188px;
  height: 40px; 
  position:absolute;top:600px
}

a#mb9:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_3_tasto_basso_chiaro.png');
    background-repeat: no-repeat;
    background-position:840px 0px;
    background-size: 188px 40px;
}

a#mb9s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  padding-left:845px;
  text-decoration: none;
  width: 188px;
  height: 40px; 
  position:absolute;top:600px
}

a#mb9s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_3_tasto_basso_chiaro.png');
    background-repeat: no-repeat;
    background-position:840px 0px;
    background-size: 188px 40px;
}




a#mb6 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  padding-left:388px;
  text-decoration: none;
  width: 124px;
  height: 42px; 
  position:absolute;top:638px
}

a#mb6:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_gestione_chiaro.png');
    background-repeat: no-repeat;
    background-position:388px 0px;
    background-size: 124px 42px;
}

a#mb6s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 40px;
  text-align: center; 
  padding-left:388px;
  text-decoration: none;
  width: 124px;
  height: 42px; 
  position:absolute;top:638px
}

a#mb6s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_gestione_chiaro.png');
    background-repeat: no-repeat;
    background-position:388px 0px;
    background-size: 124px 42px;
}
a#mb7{
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 42px;
  text-align: center; 
  padding-left:388px;
  text-decoration: none;
  width: 124px;
  height: 42px; 
  position:absolute;top:638px
}

a#mb7:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_gestione_chiaro.png');
    background-repeat: no-repeat;
    background-position:388px 0px;
    background-size: 124px 42px;
}

a#mb7s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 42px;
  text-align: center; 
  padding-left:388px;
  text-decoration: none;
  width: 124px;
  height: 42px; 
  position:absolute;top:638px
}

a#mb7s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_gestione_chiaro.png');
    background-repeat: no-repeat;
    background-position:388px 0px;
    background-size: 124px 42px;
}

a#mb8 {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 42px;
  text-align: center; 
  padding-left:512px;
  text-decoration: none;
  width: 124px;
  height: 42px; 
  position:absolute;top:638px
}

a#mb8:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_gestione_chiaro.png');
    background-repeat: no-repeat;
    background-position:512px 0px;
    background-size: 124px 42px;
}

a#mb8s {
  margin: 0px;
  color: #fafafa;
  text-align: center;
  font: bold 16px Arial, Helvetica;
  font-weight: 900;
  line-height: 42px;
  text-align: center; 
  padding-left:512px;
  text-decoration: none;
  width: 124px;
  height: 42px; 
  position:absolute;top:638px
}

a#mb8s:hover  {
    color: yellow;
    background-image: url('immagini/csi/CSI_gestione_chiaro.png');
    background-repeat: no-repeat;
    background-position:512px 0px;
    background-size: 124px 42px;
}









a#md1 {
  width: 56px;
  height: 67px; 
  position:absolute;top:690px;padding-left:176px;
  background-image: url('immagini/csi/UISP_icona_tempi.png');
  background-repeat: no-repeat;
  background-position:176px 0px;
  background-size: 56px 67px;
}

a#md1:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_tempi_chiara.png');
    background-repeat: no-repeat;
    background-position:176px 0px;
    background-size: 56px 67px;
}
a#md1s {
  width: 56px;
  height: 67px; 
  position:absolute;top:690px;padding-left:176px;
  background-image: url('immagini/csi/UISP_icona_tempi_attiva.png');
  background-repeat: no-repeat;
  background-position:176px 0px;
  background-size: 56px 67px;
}

a#md1s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_tempi_chiara.png');
    background-repeat: no-repeat;
    background-position:176px 0px;
    background-size: 56px 67px;
}
a#md2 {
  width: 95px;
  height: 67px; 
  position:absolute;top:690px;padding-left:360px;
  background-image: url('immagini/csi/UISP_icona_live.png');
  background-repeat: no-repeat;
  background-position:360px 0px;
  background-size: 95px 67px;
}

a#md2:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_live_chiara.png');
    background-repeat: no-repeat;
    background-position:360px 0px;
    background-size: 95px 67px;
}
a#md2s {
  width: 95px;
  height: 67px; 
  position:absolute;top:690px;padding-left:360px;
  background-image: url('immagini/csi/UISP_icona_live_attiva.png');
  background-repeat: no-repeat;
  background-position:360px 0px;
  background-size: 95px 67px;
}
a#md2s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_live_chiara.png');
    background-repeat: no-repeat;
    background-position:360px 0px;
    background-size: 95px 67px;
}
a#md3 {
  width: 86px;
  height: 67px; 
  position:absolute;top:690px;padding-left:569px;
  background-image: url('immagini/csi/UISP_icona_records.png');
  background-repeat: no-repeat;
  background-position:569px 0px;
  background-size: 86px 67px;
}

a#md3:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_records_chiara.png');
    background-repeat: no-repeat;
    background-position:569px 0px;
    background-size: 86px 67px;
}
a#md3s {
  width: 86px;
  height: 67px; 
  position:absolute;top:690px;padding-left:569px;
  background-image: url('immagini/csi/UISP_icona_records_attiva.png');
  background-repeat: no-repeat;
  background-position:569px 0px;
  background-size: 86px 67px;
}
a#md3s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_records_chiara.png');
    background-repeat: no-repeat;
    background-position:569px 0px;
    background-size: 86px 67px;
}
a#md4 {
  width: 53px;
  height: 67px; 
  position:absolute;top:690px;padding-left:789px;
  background-image: url('immagini/csi/UISP_icona_news.png');
  background-repeat: no-repeat;
  background-position:789px 0px;
  background-size: 53px 67px;
}

a#md4:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_news_chiara.png');
    background-repeat: no-repeat;
    background-position:789px 0px;
    background-size: 53px 67px;
}
a#md4s {
  width: 53px;
  height: 67px; 
  position:absolute;top:690px;padding-left:789px;
  background-image: url('immagini/csi/UISP_icona_news_attiva.png');
  background-repeat: no-repeat;
  background-position:789px 0px;
  background-size: 53px 67px;
}

a#md4s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_news_chiara.png');
    background-repeat: no-repeat;
    background-position:789px 0px;
    background-size: 53px 67px;
}

a#mdal2 {
  width: 95px;
  height: 67px; 
  position:absolute;top:690px;padding-left:360px;
  background-image: url('immagini/csi/UISP_icona_live.png');
  background-repeat: no-repeat;
  background-position:360px 0px;
  background-size: 95px 67px;
}

a#mdal2:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_live_chiara.png');
    background-repeat: no-repeat;
    background-position:360px 0px;
    background-size: 95px 67px;
}
a#mdal2s {
  width: 95px;
  height: 67px; 
  position:absolute;top:690px;padding-left:360px;
  background-image: url('immagini/csi/UISP_icona_live_attiva.png');
  background-repeat: no-repeat;
  background-position:360px 0px;
  background-size: 95px 67px;
}
a#mdal2s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_live_chiara.png');
    background-repeat: no-repeat;
    background-position:360px 0px;
    background-size: 95px 67px;
}
a#mdal3 {
  width: 53px;
  height: 67px; 
  position:absolute;top:690px;padding-left:569px;
  background-image: url('immagini/csi/UISP_icona_news.png');
  background-repeat: no-repeat;
  background-position:569px 0px;
  background-size: 53px 67px;
}

a#mdal3:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_news_chiara.png');
    background-repeat: no-repeat;
    background-position:569px 0px;
    background-size: 53px 67px;
}
a#mdal3s {
  width: 53px;
  height: 67px; 
  position:absolute;top:690px;padding-left:569px;
  background-image: url('immagini/csi/UISP_icona_news_attiva.png');
  background-repeat: no-repeat;
  background-position:569px 0px;
  background-size: 53px 67px;
}
a#mdal3s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_news_chiara.png');
    background-repeat: no-repeat;
    background-position:569px 0px;
    background-size: 53px 67px;
}

a#mds3 {
  width: 53px;
  height: 67px; 
  position:absolute;top:690px;padding-left:484px;
  background-image: url('immagini/csi/UISP_icona_news.png');
  background-repeat: no-repeat;
  background-position:484px 0px;
  background-size: 53px 67px;
}

a#mds3:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_news_chiara.png');
    background-repeat: no-repeat;
    background-position:484px 0px;
    background-size: 53px 67px;
}
a#mds3s {
  width: 53px;
  height: 67px; 
  position:absolute;top:690px;padding-left:484px;
  background-image: url('immagini/csi/UISP_icona_news_attiva.png');
  background-repeat: no-repeat;
  background-position:484px 0px;
  background-size: 53px 67px;
}
a#mds3s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_news_chiara.png');
    background-repeat: no-repeat;
    background-position:484px 0px;
    background-size: 53px 67px;
}



a#mdp2 {
  width: 95px;
  height: 67px; 
  position:absolute;top:690px;padding-left:360px;
  background-image: url('immagini/csi/UISP_icona_live.png');
  background-repeat: no-repeat;
  background-position:360px 0px;
  background-size: 95px 67px;
}

a#mdp2:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_live_chiara.png');
    background-repeat: no-repeat;
    background-position:360px 0px;
    background-size: 95px 67px;
}
a#mdp2s {
  width: 95px;
  height: 67px; 
  position:absolute;top:690px;padding-left:360px;
  background-image: url('immagini/csi/UISP_icona_live_attiva.png');
  background-repeat: no-repeat;
  background-position:360px 0px;
  background-size: 95px 67px;
}
a#mdp2s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_live_chiara.png');
    background-repeat: no-repeat;
    background-position:360px 0px;
    background-size: 95px 67px;
}
a#mdp3 {
  width: 53px;
  height: 67px; 
  position:absolute;top:690px;padding-left:569px;
  background-image: url('immagini/csi/UISP_icona_news.png');
  background-repeat: no-repeat;
  background-position:569px 0px;
  background-size: 53px 67px;
}

a#mdp3:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_news_chiara.png');
    background-repeat: no-repeat;
    background-position:569px 0px;
    background-size: 53px 67px;
}
a#mdp3s {
  width: 53px;
  height: 67px; 
  position:absolute;top:690px;padding-left:569px;
  background-image: url('immagini/csi/UISP_icona_news_attiva.png');
  background-repeat: no-repeat;
  background-position:569px 0px;
  background-size: 53px 67px;
}
a#mdp3s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_news_chiara.png');
    background-repeat: no-repeat;
    background-position:569px 0px;
    background-size: 53px 67px;
}













a#md5{
  width: 127px;
  height: 95px; 
  position:absolute;top:690px;padding-left:142px;
  background-image: url('immagini/csi/UISP_icona_iscr_nuoto.png');
  background-repeat: no-repeat;
  background-position:142px 0px;
  background-size: 127px 95px;
}

a#md5:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_iscr_nuoto_chiara.png');
    background-repeat: no-repeat;
    background-position:142px 0px;
    background-size: 127px 95px;
}
a#md5s {
  width: 127px;
  height: 95px; 
  position:absolute;top:690px;padding-left:142px;
  background-image: url('immagini/csi/UISP_icona_iscr_nuoto_attiva.png');
  background-repeat: no-repeat;
  background-position:142px 0px;
  background-size: 127px 95px;
}

a#md5s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_iscr_nuoto_chiara.png');
    background-repeat: no-repeat;
    background-position:142px 0px;
    background-size: 127px 95px;
}
a#mds6 {
  width: 187px;
  height: 95px; 
  position:absolute;top:690px;padding-left:522px;
  background-image: url('immagini/csi/UISP_icona_iscr_syncro.png');
  background-repeat: no-repeat;
  background-position:522px 0px;
  background-size: 187px 95px;
}

a#mds6:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_iscr_syncro_chiara.png');
    background-repeat: no-repeat;
    background-position:522px 0px;
    background-size: 187px 95px;
}
a#mds6s {
  width: 187px;
  height: 95px; 
  position:absolute;top:690px;padding-left:522px;
  background-image: url('immagini/csi/UISP_icona_iscr_syncro_attiva.png');
  background-repeat: no-repeat;
  background-position:522px 0px;
  background-size: 187px 95px;
}
a#mds6s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_iscr_syncro_chiara.png');
    background-repeat: no-repeat;
    background-position:522px 0px;
    background-size: 187px 95px;
}




a#md6 {
  width: 187px;
  height: 95px; 
  position:absolute;top:690px;padding-left:317px;
  background-image: url('immagini/csi/UISP_icona_iscr_pallanuoto.png');
  background-repeat: no-repeat;
  background-position:317px 0px;
  background-size: 187px 95px;
}

a#md6:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_iscr_pallanuoto_chiara.png');
    background-repeat: no-repeat;
    background-position:317px 0px;
    background-size: 187px 95px;
}
a#md6s {
  width: 187px;
  height: 95px; 
  position:absolute;top:690px;padding-left:317px;
  background-image: url('immagini/csi/UISP_icona_iscr_pallanuoto_attiva.png');
  background-repeat: no-repeat;
  background-position:317px 0px;
  background-size: 187px 95px;
}
a#md6s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_iscr_pallanuoto_chiara.png');
    background-repeat: no-repeat;
    background-position:317px 0px;
    background-size: 187px 95px;
}
a#md7 {
  width: 146px;
  height: 90px; 
  position:absolute;top:690px;padding-left:747px;
  background-image: url('immagini/csi/UISP_icona_tess_atleti.png');
  background-repeat: no-repeat;
  background-position:747px 0px;
  background-size: 146px 90px;
}

a#md7:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_tess_atleti_chiara.png');
    background-repeat: no-repeat;
    background-position:747px 0px;
    background-size: 146px 90px;
}
a#md7s {
  width: 146px;
  height: 90px; 
  position:absolute;top:690px;padding-left:747px;
  background-image: url('immagini/csi/UISP_icona_tess_atleti_attiva.png');
  background-repeat: no-repeat;
  background-position:747px 0px;
  background-size: 146px 90px;
}
a#md7s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_tess_atleti_chiara.png');
    background-repeat: no-repeat;
    background-position:747px 0px;
    background-size: 146px 90px;
}









a#mdg7 {
  width: 154px;
  height: 69px; 
  position:absolute;top:690px;padding-left:264px;
  background-image: url('immagini/csi/UISP_dati_personali.png');
  background-repeat: no-repeat;
  background-position:264px 0px;
  background-size: 154px 69px;
}

a#mdg7:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_dati_personali_chiaro.png');
    background-repeat: no-repeat;
    background-position:264px 0px;
    background-size: 154px 69px;
}
a#mdg7s {
  width: 154px;
  height: 69px; 
  position:absolute;top:690px;padding-left:264px;
  background-image: url('immagini/csi/UISP_dati_personali_attivo.png');
  background-repeat: no-repeat;
  background-position:264px 0px;
  background-size: 154px 69px;
}
a#mdg7s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_dati_personali_chiaro.png');
    background-repeat: no-repeat;
    background-position:264px 0px;
    background-size: 154px 69px;
}


a#md8 {
  width: 204px;
  height: 68px; 
  position:absolute;top:690px;padding-left:410px;
  background-image: url('immagini/csi/UISP_icona_password2.png');
  background-repeat: no-repeat;
  background-position:410px 0px;
  background-size: 204px 68px;
}

a#md8:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_password2_chiara.png');
    background-repeat: no-repeat;
    background-position:410px 0px;
    background-size: 204px 68px;
}
a#md8s {
  width: 204px;
  height: 68px; 
  position:absolute;top:690px;padding-left:410px;
  background-image: url('immagini/csi/UISP_icona_password2_attiva.png');
  background-repeat: no-repeat;
  background-position:410px 0px;
  background-size: 204px 68px;
}
a#md8s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_password2_chiara.png');
    background-repeat: no-repeat;
    background-position:410px 0px;
    background-size: 204px 68px;
}

a#mdg8 {
  width: 204px;
  height: 68px; 
  position:absolute;top:690px;padding-left:580px;
  background-image: url('immagini/csi/UISP_icona_password2.png');
  background-repeat: no-repeat;
  background-position:580px 0px;
  background-size: 204px 68px;
}

a#mdg8:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_password2_chiara.png');
    background-repeat: no-repeat;
    background-position:580px 0px;
    background-size: 204px 68px;
}
a#mdg8s {
  width: 204px;
  height: 68px; 
  position:absolute;top:690px;padding-left:580px;
  background-image: url('immagini/csi/UISP_icona_password2_attiva.png');
  background-repeat: no-repeat;
  background-position:580px 0px;
  background-size: 204px 68px;
}
a#mdg8s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_password2_chiara.png');
    background-repeat: no-repeat;
    background-position:580px 0px;
    background-size: 204px 68px;
}

a#md8b {
  width: 101px;
  height: 90px; 
  position:absolute;top:690px;padding-left:825px;
  background-image: url('immagini/csi/UISP_icona_password.png');
  background-repeat: no-repeat;
  background-position:825px 0px;
  background-size: 101px 90px;
}

a#md8b:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_password_chiara.png');
    background-repeat: no-repeat;
    background-position:825px 0px;
    background-size: 101px 90px;
}
a#md8bs {
  width: 101px;
  height: 90px; 
  position:absolute;top:690px;padding-left:825px;
  background-image: url('immagini/csi/UISP_icona_password_attiva.png');
  background-repeat: no-repeat;
  background-position:825px 0px;
  background-size: 101px 90px;
}
a#md8bs:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_password_chiara.png');
    background-repeat: no-repeat;
    background-position:825px 0px;
    background-size: 101px 90px;
}

a#md9 {
  width: 53px;
  height: 67px; 
  position:absolute;top:690px;padding-left:119px;
  background-image: url('immagini/csi/UISP_icona_news.png');
  background-repeat: no-repeat;
  background-position:119px 0px;
  background-size: 53px 67px;
}

a#md9:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_news_chiara.png');
    background-repeat: no-repeat;
    background-position:119px 0px;
    background-size: 53px 67px;
}
a#md9s {
  width: 53px;
  height: 67px; 
  position:absolute;top:690px;padding-left:119px;
  background-image: url('immagini/csi/UISP_icona_news_attiva.png');
  background-repeat: no-repeat;
  background-position:119px 0px;
  background-size: 53px 67px;
}
a#md9s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_news_chiara.png');
    background-repeat: no-repeat;
    background-position:119px 0px;
    background-size: 53px 67px;
}

a#md10 {
  width: 114px;
  height: 69px; 
  position:absolute;top:690px;padding-left:235px;
  background-image: url('immagini/csi/UISP_icona_documenti.png');
  background-repeat: no-repeat;
  background-position:235px 0px;
  background-size: 114px 69px;
}

a#md10:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_documenti_chiara.png');
    background-repeat: no-repeat;
    background-position:235px 0px;
    background-size: 114px 69px;
}
a#md10s {
  width: 114px;
  height: 69px; 
  position:absolute;top:690px;padding-left:235px;
  background-image: url('immagini/csi/UISP_icona_documenti_attiva.png');
  background-repeat: no-repeat;
  background-position:235px 0px;
  background-size: 114px 69px;
}
a#md10s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_documenti_chiara.png');
    background-repeat: no-repeat;
    background-position:235px 0px;
    background-size: 114px 69px;
}

a#md11 {
  width: 90px;
  height: 69px; 
  position:absolute;top:690px;padding-left:383px;
  background-image: url('immagini/csi/UISP_icona_sponsor.png');
  background-repeat: no-repeat;
  background-position:383px 0px;
  background-size: 90px 69px;
}

a#md11:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_sponsor_chiara.png');
    background-repeat: no-repeat;
    background-position:383px 0px;
    background-size: 90px 69px;
}
a#md11s {
  width: 90px;
  height: 69px; 
  position:absolute;top:690px;padding-left:383px;
  background-image: url('immagini/csi/UISP_icona_sponsor_attiva.png');
  background-repeat: no-repeat;
  background-position:383px 0px;
  background-size: 90px 69px;
}
a#md11s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_sponsor_chiara.png');
    background-repeat: no-repeat;
    background-position:383px 0px;
    background-size: 90px 69px;
}


a#md12 {
  width: 136px;
  height: 69px; 
  position:absolute;top:690px;padding-left:516px;
  background-image: url('immagini/csi/UISP_icona_gallery.png');
  background-repeat: no-repeat;
  background-position:516px 0px;
  background-size: 136px 69px;
}

a#md12:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_gallery_chiara.png');
    background-repeat: no-repeat;
    background-position:516px 0px;
    background-size: 136px 69px;
}
a#md12s {
  width: 136px;
  height: 69px; 
  position:absolute;top:690px;padding-left:516px;
  background-image: url('immagini/csi/UISP_icona_gallery_attiva.png');
  background-repeat: no-repeat;
  background-position:516px 0px;
  background-size: 136px 69px;
}
a#md12s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_gallery_chiara.png');
    background-repeat: no-repeat;
    background-position:516px 0px;
    background-size: 136px 69px;
}

a#md13 {
  width: 90px;
  height: 69px; 
  position:absolute;top:690px;padding-left:685px;
  background-image: url('immagini/csi/UISP_icona_contatti.png');
  background-repeat: no-repeat;
  background-position:685px 0px;
  background-size: 90px 69px;
}

a#md13:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_contatti_chiara.png');
    background-repeat: no-repeat;
    background-position:685px 0px;
    background-size: 90px 69px;
}
a#md13s {
  width: 90px;
  height: 69px; 
  position:absolute;top:690px;padding-left:685px;
  background-image: url('immagini/csi/UISP_icona_contatti_attiva.png');
  background-repeat: no-repeat;
  background-position:685px 0px;
  background-size: 90px 69px;
}
a#md13s:hover  {
    color: yellow;
    background-image: url('immagini/csi/UISP_icona_contatti_chiara.png');
    background-repeat: no-repeat;
    background-position:685px 0px;
    background-size: 90px 69px;
}































div#blog {
  padding-left:5%;
  font: 14px Arial, Helvetica;
/*   margin:1em 1em 1em;*/
}
div#blog1 {
 margin: 0px 1px 1px;
/*   margin:1em 1em 1em;*/
}

div#blog li{font: 14px Arial, Helvetica;margin:0;padding:0}
div#blog a:link, div#blog a:visited {
  font: 14px Arial, Helvetica;
   text-decoration: underline;
    color: #0F5491;
    background-color: transparent;
}

div#blog a:hover, div#blog a:active {
    text-decoration: underline;
    color: #1578CF;
}

div#blog 1li {
}


//.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
//.cycle-slideshow {
//      margin-left: 5%; 
//      margin-right: auto;
//      margin: 0 auto;
//      text-align: center;
// }
//.cycle-slideshow img { 
//    text-align: center;
//    display: block;
//}
//.cycle-slideshow img:first-child {
//    position: static; z-index: 100;
//}

//.cycle-pager { 
//    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
//}
//.cycle-pager span { 
//    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
//    display: inline-block; color: #ddd; cursor: pointer; 
//}
//.cycle-pager span.cycle-pager-active { color: #D69746;}
//.cycle-pager > * { cursor: pointer;}
//.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }
//.cycle-overlay { 
//    font-family: tahoma, arial; 
//   position: absolute; bottom: 0; width: 100%; z-index: 600;
//    background: black; color: white; padding: 15px; opacity: .5;
//}
//.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
//.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
//.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
//.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }
//.disabled { opacity: .5; filter:alpha(opacity=50); }
//.cycle-paused:after {
 
//   content: 'Paused'; color: white; background: black; padding: 10px; 
//   z-index: 500; position: absolute; top: 10px; right: 10px;
//   border-radius: 10px;
//   opacity: .5; filter: alpha(opacity=50);
//}
//@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
//    .cycle-slideshow { width: 200px;}
//   .cycle-overlay { padding: 4px }
//   .cycle-caption { bottom: 4px; right: 4px }
//}




p2#Titoli{
   color: #4f6b72;
   font-size: 1.6em;
   padding-left: 0;
   text-align:justify;
}

p2#Elenco{
   color: #4f6b72;
   font-size: 1.0em;
   padding-left: 0;
   text-align:justify;
}


div#footer a{
   color:#8DBEC5;
   font-weight: bold;
   text-decoration: underline
}


/*stili specifici per il layout*/
div#tutto{
  position:absolute; 
  top:650px;
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  padding-left: 0em;
  background-color: red;}

div#tutto{
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  padding-left: 0em;
  background-color: white;}

  div#navigation{
    float:left; display:block;
    background-color:white;
    width:177px;
   }

  div#navigationf{
    display:block;
    background-color:white;
    width:400px;
    height:200px;
   }
   
div#extra{
    float:left; display:block;
    background-color: white;
    width:177;
   }
div#content{
   float:left; display:block;
   width:668px;
   min-height:600px;
   height;600px;
   border-right: 1px solid #C1DAD7;
   border-left: 1px solid #C1DAD7;
   background-color: white;
}

.contentTab {
width: 50%;
float: left;
margin-top: 10px;
margin-bottom: 30px;

//margin-left: 30px;
}
.contentBox {
width: 100%;
float: none;
}
.box {
height: 300px;
/*width: 180px;*/
width: 29%;
float: left;
margin-top: 30px;
/*margin-left: 30px;*/
margin-left: 2%;*
display: inline-block;
background: #FEFEFE;
border: 2px solid #FAFAFA;
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
margin: 0 1% 15px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
/*padding: 15px;*/
padding-bottom: 5px;
background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
opacity: 1;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}


.box  img {
/*	width: 100%;*/
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

.box  h2 {
    color: #69f;
    font-size: 1.5em;
    padding-left: 2%;
    margin: 0;
}


.box  p2 {
    font: 10px/12px;
    padding-left: 2%;
    margin: 0;
}
.box  pn {
    font-size: 1em;
	font: sans-serif;
/*    font: 10px/12px; */
    padding-left: 2%;
    margin: 0;
}
.box  p {
	font: 10px/12px Arial, sans-serif;
	color: #333;
	margin: 0;
}

.box  a:link, a:visited {
    text-decoration: none;
    color: #0F5491;
    background-color: transparent;
}

.box  a:hover, a:active {
    text-decoration: none;
    color: #1578CF;
}





/*div#footer{clear:both; text-align:center; padding: 5px 0;
    background-color: #8DBEC5; color: #000}*/
div#footer{
 padding: 5px 0;
 color: #000;
 
 float:bottom;
 border-top: 1px solid #C1DAD7;
 position:absolute;
 bottom: 0;
 clear: both
}


/*stili per la navigazione*/
div#navigation ul{
   margin: 0;
   padding: 0; 
   list-style-type: none
}

div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 90%}

div#navigation a.gare{color:#369;font: normal 10px arial,sans-serif;text-decoration: underline}

div#navigation a.gare:hover{color: #033;text-decoration: underline}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}

div#navigation li {
	border-bottom: 1px solid #666; /* Crea la separazione tra i pulsanti */
}


div#footer {
    margin: 0;
    padding: 5px 0 0 0;
    position: relative;
    left:0; 
    bottom:0; 
    width: 100%; 
    text-align:center;
    clear: both
}

.mycss {
    margin: 5px auto;
    font-weight:normal;
    color:#090963;
    width: 96%;
    background-color:#D5E3B6;
    letter-spacing:1pt;
    word-spacing:2pt;
    font-size:10px;
    text-align:center;
    font-family:tahoma, verdana, arial, sans-serif;l
    line-height:1;
    box-shadow: 0 2px 1px #9c9c9c;
}

form#postada {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin-bottom: 10px;

}

form#postada button {
background: #4282B3;
border: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
display: block;
font: 10px Georgia, "Times New Roman", Times, serif;
letter-spacing: 0px;
margin: 1;
float: right;
padding: 1px 3px;
//text-shadow: 0 1px 1px #000000;
text-shadow: 0;
text-transform: none;
margin-bottom: 10px;
}
form#postada button:hover {
background: #27276E;
cursor: pointer;
}
input#upload {
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
}
#contenitore{width:660px;margin:0 auto;}
#photos{background-color:#fff;width:670px;height:155px;}
#photos img{width:640px;height:103px;margin:10px;padding:0;}

#contenitore1{width:100%;margin:0 auto;border: 1px solid #000; z-index : 0}
#photos1{background-color:#fff;width:100%; z-index : 0}
#photos1 img{width:95%;margin:0px;padding:0; z-index : 0}

#contenitore2{width:100%;margin:0 auto;border: 1px solid #000; z-index : 0}
#photos2{background-color:#fff;width:100%; z-index : 0}
#photos2 img{width:95%;margin:0px;padding:0; z-index : 0}

#contenitore3{width:100%;margin:0 auto;border: 1px solid #000; z-index : 0}
#photos3{background-color:#fff;width:100%; z-index : 0}
#photos3 img{width:95%;margin:0px;padding:0; z-index : 0}

#contenitore4{width:100%;margin:0 auto;border: 1px solid #000; z-index : 0}
#photos4{background-color:#fff;width:100%; z-index : 0}
#photos4 img{width:95%;margin:0px;padding:0; z-index : 0}

#contenitore5{width:100%;margin:0 auto;border: 1px solid #000; z-index : 0}
#photos5{background-color:#fff;width:100%; z-index : 0}
#photos5 img{width:95%;margin:0px;padding:0; z-index : 0}

#contenitore6{width:100%;margin:0 auto;border: 1px solid #000; z-index : 0}
#photos6{background-color:#fff;width:100%; z-index : 0}
#photos6 img{width:95%;margin:0px;padding:0; z-index : 0}

#contenitore7{width:100%;margin:0 auto;border: 1px solid #000; z-index : 0}
#photos7{background-color:#fff;width:100%; z-index : 0}
#photos7 img{width:95%;margin:0px;padding:0; z-index : 0}

#contenitore8{width:100%;margin:0 auto;border: 1px solid #000; z-index : 0}
#photos8{background-color:#fff;width:100%; z-index : 0}
#photos8 img{width:95%;margin:0px;padding:0; z-index : 0}

#contenitore9{width:100%;margin:0 auto;border: 1px solid #000; z-index : 0}
#photos9{background-color:#fff;width:100%; z-index : 0}
#photos9 img{width:95%;margin:0px;padding:0; z-index : 0}

#contenitore10{width:100%;margin:0 auto;border: 1px solid #000; z-index : 0}
#photos10{background-color:#fff;width:100%; z-index : 0}
#photos10 img{width:95%;margin:0px;padding:0; z-index : 0}


div#multi ul,div#multi li{margin:0;padding:0;list-style:none}

div#multi{width: 100%;overflow: hidden;  /*  simple clearing of floats */
    padding: 1em 0;margin:4em 0;
    line-height: 1.8;
    background: #424252}

div#multi h3{font:180% "Trebuchet MS",Arial,sans-serif;
    margin: 0.1em 0;color:#208BE1;
    border-bottom:1px dotted #777}
div#multi ul,div#multi li{margin:0;padding:0;list-style:none}

div#multi div{float:left;width:32%;
    margin-left: 1%;display:inline; /* per evitare il float double margin bug di IE*/
    }

div#multi li{border-bottom:1px dotted #777}

div#multi p2{
   color: #4f6b72;
   font-size: 1.4em;
   padding-left: 0;
   text-align:justify;
}


div#multi a{display:block;color: #E6F5FC;
    height: auto !important;height: 1%; /*holly hack semplificato per IE*/
    text-decoration:none;padding-left:12px;
    }

div#multi a:hover{background-color: #393947;color:#FFF}

//.treColonne{
//    padding: 10px;
//    background: #f7f7f7;
//    border: 1px solid #ececec;
 
//    column-count: 3;
//    column-gap: 30px;
//    column-rule: 1px solid #d2d2d2;
//    column-fill:auto;
 
//    -moz-column-count: 3;
//    -moz-column-gap: 30px;
//    -moz-column-rule: 1px solid #d2d2d2;
// 
//    -webkit-column-count: 3;
//    -webkit-column-gap: 30px;
//    -webkit-column-rule: 1px solid #d2d2d2;
// 
//  }




body {
}

#wrapper {
    width: 660px;
/   max-width: 660px;
 /*   min-width: 100px;*/
/*    margin: 50px auto; */
/*    min-width: 50px;*/
/*    min-width: 100%;*/
/*    margin: 5px auto;*/
}

#columns {
      column-width:20px;
      -moz-rule-width:20px; 
      -webkit-rule-width:20px;

/*	-webkit-column-count: 1;*/
	-webkit-column-gap: 0px;
/*	-webkit-column-fill: auto;*/
/*	-moz-column-count: 1;*/
	-moz-column-gap: 0px;
/*	-moz-column-fill: auto;*/
/*	column-count: 1;*/
	column-gap: 0px;
/*	column-fill: auto;*/
}

.pin {
	width: 616px;
	max-width: 616px;
	display: inline-block;
	background: #FEFEFE;
	border: 2px solid #FAFAFA;
	margin-left: 0px;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0 2px 10px;
/*	margin: 0 0px 0px;*/
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 15px;
	padding-bottom: 5px;
	margin-left: 8px;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.pin2 {
	width: 160px;
	display: inline-block;
	background: #FEFEFE;
	border: 2px solid #FAFAFA;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0px 2px 10px;
/*	margin: 0 0px 0px;*/
	margin-left: 8px;
	margin-right: 0px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 10px;
	padding-bottom: 5px;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}




.pin img {
/*	width: 100%;*/
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 5px;
}
.pin img.gare {
/*	width: 100%;*/
	border-bottom: none;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

.pin p2 {
        padding-left: 0;
	margin: 0;
}
.pin p {
	font: 12px/18px Arial, sans-serif;
	color: #333;
	margin: 0;
}

.pin a:link, a:visited {
    text-decoration: none;
    color: #0F5491;
    background-color: transparent;
}

.pin a:hover, a:active {
    text-decoration: nove;
    color: #1578CF;
}


@media (min-width: 960px) {
	#columns {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
}

@media (min-width: 1100px) {
	#columns {
		-webkit-column-count: 5;
		-moz-column-count: 5;
		column-count: 5;
	}
}

//#columns:hover .pin:not(:hover) {
//	opacity: 0.4;
//}

a:active {
#columns:hover, #columns:active {
	background: -webkit-linear-gradient(45deg, #FFF, #78F989);
}

div.pic{float:left;margin: 20px;padding:0 0 12px 0;
}

div.pic img{display: block;border: 1px solid;
    border-color: #CCC #CCC #AAA #CCC;
    padding: 5px;background: #f6f6f6}

	
button.Green1 {
background: #157815;
padding: 2px 10px;
font: 12px Verdana, sans-serif;
margin: 2;
color: #ffffff;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
color: #999;
letter-spacing: 1px;
text-shadow: 0 1px 1px #000000;
}
button.Green1:hover {
background: #0A380A;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}
button.Red1 {
background: #C92006;
padding: 2px 10px;
font: 12px Verdana, sans-serif;
margin: 2;
color: #ffffff;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
color: #999;
letter-spacing: 1px;
text-shadow: 0 1px 1px #000000;
}
button.Red1:hover {
background: #751304;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}
button.Grey1 {
background: #7B969C;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
color: #ffffff;
padding: 2px 10px;
font: 12px Arial, Helvetica;
margin: 2;
letter-spacing: 1px;
/* text-shadow: 0 1px 1px #000000; */
}
button.Grey1:hover {
background: #1e2506;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}

button.Blu1 {
background: #05407A;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
display: block;
border-radius: 10px;
color: #999;
padding: 2px 10px;
font: 12px Verdana, sans-serif;
margin: 2;
letter-spacing: 1px;
text-shadow: 0 1px 1px #000000;
}
button.Blu1:hover {
background: #1e2506;
background-color:#00c4ff;
color: #ffffff;
cursor: pointer;
}