body {  
    background:#fff url('images/background.gif') repeat-y top center; 
    color:#404040; 
    line-height:1.3em; 
    margin:0 auto; 
    padding:0; 
    font-style:normal; font-variant:normal; font-weight:normal; font-size:76%; font-family:Verdana, Tahoma, Arial, sans-serif;
}

a {color:#4088b8; font-weight:700; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0px none;}
p {margin:0 0 18px 10px;}
ul, ol, dl {list-style-type:none; font-size:0.9em; margin:2px 0 16px 35px;}
ul ul, ol ol {margin:4px 0 4px 35px;}
ul#answers li {margin-top:1.8em}
.question {font-weight:bold; color:#900000}

label {margin:-10px 10px 12px 0; text-align:right; color:#505050; font-size:1.0em;}

/* Headers */
h1 {color:#4088b8; font-size:3.6em; letter-spacing:-3px; margin:0 0 20px 5px;}
h1 a {color:#4088b8; text-transform:none;}
h2 {border-bottom:4px solid #dadada; color:#4088b8; font-size:1.4em; letter-spacing:-1px; margin:0 0 10px; padding:0 2px 2px 5px;}
h3 {border-bottom:1px solid #dadada; color:#4088b8; font-size:1.2em; font-weight:700; margin:10px 0 8px; padding:1px 2px 2px 3px;}
h4 {border-bottom:6px solid #dadada; color:#EE5555; font-size:1.6em; letter-spacing:-1px; margin:0 0 10px; padding:0 2px 2px 5px;}
h5 {border-top:5px solid #4088b8; border-bottom:1px solid #dadada; color:#4088b8; font-size:1.4em; letter-spacing:-1px; margin:0 0 10px; padding:0 2px 2px 5px;}
        

#risultato {color:#FF6633; text-align:center; margin-left:auto; margin-right:auto; width:90%; font-size:1.4em; letter-spacing:-1px;}

/* Main wrap */
#wrap {color:#404040; margin:0px auto; padding:0; width:970px;}
/*#header {margin:0; background:#fff url('images/cell-blue.jpg') repeat-x top left;}*/
/*#header {margin:0; background:#fcfcfc; border-top:0px solid #fcfcfc; border-bottom:1px solid #4088b8;} */ 
#header {margin:0px; padding: 0; background:#fcfcfc; border-top:0px solid #fcfcfc; border-bottom:1px solid #084B8A; width:970px; height:92px; position:fixed;   z-index: 20000;} 

#calendario {margin:0px; padding: 0; background:#fcfcfc; border-top:0px solid #fcfcfc; border-bottom:1px solid #084B8A; width:200px; height:200px; position:fixed;   z-index: 20000;} 

/* #header {margin:0; background:#fcfcfc; border-top:0px solid #fcfcfc; border-bottom:1px solid #4088b8; overflow:auto; position: absolute; top: 0; left: 0;} */

#toplinks {font-size:0.9em; padding:5px 2px 2px 3px; text-align:right; float:right;}
#toplinks a {color:gray;}
#slogan {color:gray; font-size:1.4em; font-weight:700; letter-spacing:-1px; line-height:1.2em; margin:0px 0px 15px 20px;}

#headright {font-size:0.9em; padding:5px 2px 2px 3px; text-align:right; float:right;}

/* Sidebar and menu */
/* #sidebar {float:left; line-height:1.4em; margin:0 0 5px; padding:1px 0 0; width:200px;} */
#sidebar {float:left; line-height:1.4em; margin:105px 0 5px; padding:1px 0 0; width:200px; text-align: justify;}
#sidebar ul {font-size:0.9em; list-style:none; margin:0; padding:0 0 15px 10px;}
#sidebar li {list-style:none; margin:0 0 4px; padding:0;}
#sidebar li a {font-size:1.2em; font-weight:700; padding:2px;}
#sidebar ul ul {line-height:1.2em; margin:4px 0 3px 15px; padding:0;}
#sidebar ul ul li a {font-weight:400;}
#sidebar h2 {margin:3px 0 8px;}

#sidebar2 {float:left; line-height:1.4em; margin:220px 0 5px; padding:1px 0 0; width:200px; text-align: justify;}

/* Main content */
#content {float:right; line-height:1.5em; margin:0; padding:0; text-align:left; width:750px;}
#contenthp {float:left; line-height:1.5em; margin:140px 20px 20px 0; padding:0; text-align:justify; width:960px;}
/* #contentalt {float:left; line-height:1.5em; margin-right:20px; padding:0; text-align:left; width:750px;} */
#contentalt {float:left; line-height:1.5em; margin:140px 20px 20px 0; padding:0; text-align:left; width:750px; text-align: justify;}
#contentalbero {background-image: url('images/albero.gif'); background-repeat:no-repeat; float:left; line-height:1.5em; margin-right:20px; padding:0; text-align:left; width:750px;}
#content h3, #contentalt h3 {margin:10px 0 8px;}

/* Footer */
/* #footer {border-top:4px solid #dadada; clear:both; color:gray; font-size:0.9em; line-height:1.6em; margin:0 auto; padding:8px 0; text-align:right;} */
#footer {border-top:4px solid #dadada; clear:both; color:gray; background:#FFFFFF; font-size:0.9em; line-height:1.6em; margin:0 0 0 0; padding:8px 0; text-align:right; position:fixed; width:970px; height:18px; bottom:0px; z-index: 100;}
#footer p {margin:0; padding:0;}
#footer a {color:#808080;}

/* Additional classes */
.box {background:#4088b8; border:1px solid #c8c8c8; color:#fff; font-size:0.9em; line-height:1.4em; padding:10px 10px 10px 13px;}
.box a {color:#f0f0f0;}
.boxr {background:#4088b8; border:1px solid #c8c8c8; float:right; color:#fff; font-size:0.9em; line-height:1.4em; padding:10px 10px 10px 13px;}
.boxr a {color:#f0f0f0;}
.boxrb {background:#FFF; border:0px solid #c8c8c8; float:right; color:gray; font-size:0.9em; line-height:1.4em; padding:10px 10px 10px 13px;}
.boxrb a {color:#f0f0f0;}
.left {float:left; margin:0 15px 4px 0;}
.right {float:right; margin:0 0 4px 15px;}
.readmore {margin:-10px 10px 12px 0; text-align:right; color:#777777;}
.readmore a {margin:-10px 10px 12px 0; text-align:right; color:#777777;}
.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
.timestamp a {font-weight:normal;}
.timestamplow {font-size:1.0em; margin:-5px 0 15px 10px;}
.timestamplow a {font-weight:normal;}
.blue {color:#4088b8;}
.clear {clear:both;}
.fade {color:#c8c8c8;}
.gray {color:gray;}
.photo {background:#fff; border:1px solid #bababa; margin:6px 18px 2px 5px; padding:2px;}
.photonb {background:#fff; border:0px solid #bababa; margin:6px 18px 2px 5px; padding:2px;}
.photogr {background:#fff; border:5px solid #AA2222; margin:6px 18px 2px 5px; padding:2px;}
.photonbpuls {background:#fff; border:0px solid #bababa; margin:6px 18px 2px 5px; padding:2px; width:90px; height:60px;float:right;}
.photonbpuls2 {background:#fff; border:0px solid #bababa; margin:6px 18px 2px 5px; padding:2px; width:135px; height:90px;}
.photonbind {background:#fff; border:0px solid #bababa; margin:6px 18px 2px 5px; padding:2px; width:250px; height:140px;float:left;}
.photonbindr {background:#fff; border:0px solid #bababa; margin:6px 18px 2px 5px; padding:2px; width:300px; height:140px;float:right;}
.photohp {background:#fff; border:0px solid #bababa; margin:6px 18px 2px 5px; padding:2px; width:460px; height:260px;float:left;}
.photohp2 {background:#fff; border:0px solid #bababa; margin:6px 18px 2px 5px; padding:2px; width:275px; height:313px;float:right;}
.sottolineato {text-decoration: underline;}
.welcome {margin:-10px 6px 14px 0; text-align:left; color:#777777; font-weight:bold;}
.welcomer {margin:-10px 6px 14px 0; float:right; color:#777777; font-weight:bold; font-size:1.2em;}

.radioon {font-family: Verdana, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; color: #4088b8;} 
.radioof {font-family: Verdana, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; color: #999999;}
.center {margin:auto; width:50%; background-color:#FFFFFF; }

iframe {z-index: -10000;}

/** Selectors **/
/********************************************   MENU   *************************************************/
/* Reset */
#menu * {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  z-index: 100000;
}
div#menu {
  width:756px;
  margin-top: 92px;
  position:fixed;}
#menu ul.menu {
  white-space: nowrap;
}

/* Geometrical arrangement */
#menu ul.menu li {
  display: inline-block;
  height: 46px;
  position: relative;
}

#menu ul.menu li div {
  position: absolute;
  top: 46px;
  left: 0px;
}

#menu ul.menu li div div {
  position: absolute;
  top: -6px;
  left: 188px;
}

/* Escaping style for lower levels */
#menu ul.menu li div ul li {
  display: block;
  float: none;
  width: auto;
  height: auto;
}

/** Graphics **/

/* Horizontal sliding doors */
#menu ul.menu li a {
  padding-left: 13px;
  background-image: url('images/item1.png');
  background-repeat: no-repeat;
  background-position: left -1000px;
  display: inline-block;
  margin: 10px 2px
}

#menu ul.menu li a span {
  padding-right: 13px;
  padding-left: 0px;
  background-image: url('images/item1.png'); 
  background-repeat: no-repeat;
  background-position: right -1000px;
  display: inline-block;
  height: 27px;
  line-height: 27px;
  cursor: pointer
}

li.selezionato{
  padding-right: 13px;
  padding-left: 0px;
  background-image: url('images/item1.png');
  background-repeat: no-repeat;
  background-position: center 15px;
  display: inline-block;
  height: 27px;
  line-height: 27px;
  cursor: pointer
}

#menu ul.menu li:hover a {
  background-position: left -54px;
}

#menu ul.menu li:hover a span {

  background-position: right -81px;
  
}

#menu ul.menu li.active a {

  background-position: left 0px;
}

#menu ul.menu li.active a span {

		color: #E8F3F7; 
  background-position: right -27px;
}

/* Escape Horizontal doors */
#menu ul.menu li div ul li a {
  display: block;
  padding: 0px;
  margin: 0px;
  background: none;
}

#menu ul.menu li div ul li a span {
  display: block;
  padding: 0px;
  background: none;
  height: auto;
  width: 165px;
  line-height: 20px;
  padding: 7px 0 7px 9px;
  white-space: normal;  
}

/* Vertical sliding doors */
#menu ul.menu li div { 
  width: 200px;
  padding-top: 6px;
  background-image: url('images/submenu-top.png');
  background-repeat: no-repeat;
  background-position: 0px top
}

#menu ul.menu li div ul { 
  padding-top: 0;
  background-image: url('images/submenu-bottom.png');
  background-repeat: no-repeat;
  background-position: 0px bottom; padding-left:6px; padding-right:6px; padding-bottom:9px
}

/* Hover Effect on Submenus */
#menu ul.menu ul li:hover
{

}
#menu ul.menu li.active ul li a span {
	color: #5E5E5E;
	width: 165px;}
#menu ul.menu li.active ul li a span:hover {
	color:#FF6633;}
	
#menu ul.menu ul li a span:hover
{
	color:#FF6633; 
}


/* Main header line */
#menu {
  height: 46px;
  padding-left: 14px;
  background:url('images/bg.png') repeat-x;
}

/* Text shadow */
#menu span
{
  color: #FF6633;
}

#menu li:hover>a>span 
{
  color: #E8F3F7;
}

/* Fonts */
#menu ul.menu li a span
{ 
  font-family: Arial;
  font-size: 13px;
  font-weight: 600;
}

#menu ul.menu li div ul li a span
{ color:#5E5E5E;
  font-family: Trebuchet MS;
  font-size: 12px;
  font-weight: 400;
}

/* Lines between li */
#menu ul.menu li div ul
{
  padding-bottom: 8px;
}

#menu ul.menu li div ul li:first-child
{
  border-top-width: 0px;
}

/* Menu logic */
#menu li>div { visibility: hidden; }
#menu li:hover>div { visibility: visible; }
/* */

/* Hover Effect on Submenus */
#menu ul.menu ul li:hover
{
  background-color: #e8e8e8;
}

/* Lines between li */
#menu ul.menu li div ul li
{
  background-image:url('images/hr.gif');
  background-repeat: repeat-x;
  background-position: left bottom
}
#menu ul.menu ul a.parent {
  background: url('images/arrow.gif') no-repeat right center;
  margin-right: -1px
}


/* ie7 */
#menu ul.menu li {
  *zoom: 1;
  *display: inline;
}

#menu ul.menu li a {
  *zoom: 1;
  *display: inline;
}

#menu ul.menu li a span {
  *zoom: 1;
  *display: inline;
}

/* IE6 */
#menu ul.menu li a {
  _background-image: url("images/item.gif");
}

#menu ul.menu li a span {
  _background-image: url("images/item.gif");
}

#menu ul.menu li div { 
  _background-image: url("images/submenu-top.gif");
}

#menu ul.menu li div ul { 
  _background-image: url("images/submenu-bottom.gif");
}

#menu ul.menu li a:hover {
  _background-position: left -54px;
}

#menu ul.menu li a:hover span {
  _background-position: right -81px;
  _color: #E8F3F7;
}
#menu ul.menu li li a:hover span {
  _color:#FF6633; 
}

/* Menu logic for IE6 */
#menu div { _display: none; }
#menu div li:hover div { _visibility: visible;_display: block; }
#menu div li:hover li:hover div { _display: block; }
#menu div li:hover li:hover li:hover div { _display: block; }

/********************************************   MENUDX   ***********************************************/
#menudx {
  width: 190px;
  height: 46px;
  margin-top: 92px;
  margin-left: 756px;
  position: fixed;
  padding-left: 24px;
  background:url('images/bg.png') repeat-x;
  z-index: 10000;
}
table.menudx {
  margin-top: 10px;
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#FF6010;
	border-width: 0px;
	border-style: solid;
	border-color: #FFFFFF;
/*	border-collapse: collapse;*/
  border-spacing: 10px 0px;  
  float: right;
}
table.viscol td {
  vertical-align: middle;
	border-width: 0px;
	padding: 8px;
	border-color: #FFFFFF;
	text-align: right;
	color:#4088B8;
}
/********************************************   FINE MENU   *************************************************/

.visselred {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #FF1111;}
.visbol {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #f87431;}
.viserr {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #FF3333;}
.vistop {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #FF3300;}
.visrin {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: line-through; color: #BBBBBB;}
.vistold {  font-family: Verdana, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; vertical-align: middle; color: #888888;}
.vist {  font-family: Verdana, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; vertical-align: middle; color: #4088b8;}
.vist2 {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #555555;}
.visok {  font-family: Verdana, Arial; font-size: 18px; font-style: normal; font-weight: bold; text-decoration: none; color: #338833;}
.visnok {  font-family: Verdana, Arial; font-size: 18px; font-style: normal; font-weight: bold; text-decoration: none; color: #FF3333;}
.oper {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #33AA33;}
.error {  font-family: Verdana, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; color: #FF3333;}
.messag {  font-family: Verdana, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; color: #22AA22;}
.legen {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #FF3300;}
.legen2 {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #222200;}
.legen3 {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: underline; color: #0000BB;}
.total {  font-family: Verdana, Arial; font-size: 18px; font-style: normal; font-weight: bold; text-decoration: none; color: #333388;}
.aster {  font-family: Verdana, Arial; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none; color: #FF0000;}
.head1 {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: underline; color: #ff883d;}
.head2 {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: underline; color: #ff6600;}

.vist {  font-family: Verdana, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; vertical-align: middle; color: #4088b8;}
.vissel {  font-family: Verdana, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; color: #333388;}
.etichetta {  font-family: Verdana, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; vertical-align: middle; color: #FFF;}
.viscoord {  font-family: Verdana, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: underline; vertical-align: middle; color: #666666;}
.rispostamini {  font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; vertical-align: middle; color: #008000;}
.risposta {  font-family: Verdana, Arial; font-size: 18px; font-style: normal; font-weight: bold; text-decoration: none; vertical-align: middle; color: #008000;}

/************* input pure css ************/

input {
	border: solid 1px #E5E5E5;
}

input.grafico, input.grafico-c, input.grafico-d { 
  text-align: left;
	padding: 18px;
  min-height: 18px; 
	border: solid 1px #E5E5E5;
	outline: 0;
  z-index: 0;
  margin: 0 0;
	font: normal 12px/90% Verdana, Tahoma, sans-serif;
/*	width: 200px; */
	background: #FFFFFF url('images/tabgrigioi.jpg') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
input.grafico-c {
  text-align: center;
  }
input.grafico-d {
  text-align: right;
  }

  /*------------------------------- STILE PULSANTI ---------------------------*/

input.puls, input.puls1, input.puls3{ 
  padding: .5em;
  text-shadow: 1px 1px 1px #000;
	outline: 0;
	font: normal 14px/100% Verdana, Tahoma, sans-serif;
	width: 300px;
  height: 40px; 
	background: #FFFFFF url('images/tabgrigio.jpg') left top repeat-x;
  border: solid 2px #4088b8;
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;	
  -webkit-box-shadow: 2px 2px 3px #999;
  box-shadow: 2px 2px 2px #bbb;  	
}

input.puls1{
	width: 600px;
}

input.puls3{
	width: 200px;
}

input[type = "image"] {
	border: 0px;
}

input[type = "submit"] {
	background: #FFFFFF url('images/tabgrigio.jpg') left top repeat-x;
}

input[type = "reset"] {
	background: #FFFFFF url('images/tabgrigio.jpg') left top repeat-x;
}

input[type = "submit"]:hover {
  color: #FF2211;
	background: #FFFFFF url('images/cellblu.jpg') left top repeat-x;
}

input[type = "reset"]:hover {
  color: #FF2211;
	background: #FFFFFF url('images/cellblu.jpg') left top repeat-x;
}

table.pulsante {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#000000;
	border-width: 0px;
	border-color: #FFFFFF;
	border-collapse: collapse;
	padding: 0px;
	width: 100%;
	height: 40px;
  margin-left: auto;
  margin-right: auto;
}

table.pulsante th {
	background:#FFFFFF;
	padding: 0px;
	border-style: solid;
	border-color: #FFFFFF;
	color:#000000;
  text-align: center;
}
/*------------------------------------------------------------------*/

textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('images/tabgrigioi.jpg') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
/**	line-height: 150%;   **/
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}
/*
.submit input {
	width: auto;
	background: #617798;
  border: 0px none;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; padding-left:15px; padding-right:15px; padding-top:9px; padding-bottom:9px
	}
*/	
	
/************ TABELLA VISUALIZZAZIONE COLOMBI GARE **************/	
table.viscol {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#FF6010;
	border-width: 0px;
	border-color: #999999;
	border-collapse: collapse;
	width: 70%;
  float: right;
}
table.viscol th {
	background:#b5cfd2 url('images/cellblu.jpg'); 
	border-width: 0px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
	text-align: left;
  color: #000000;
}
table.viscol th.d {
	text-align: right;
}
table.viscol td {
	background:#dcddc0 url('images/tabgrigio.jpg'); 
	border-width: 0px;
	padding: 4px;
	border-style: solid;
	border-color: #999999;
	text-align: left;
	color:#4088B8;
}

table.viscol td.d {
	text-align: right;
}

/************ TABELLA VISUALIZZAZIONE PARAMETRI GARE **************/	
table.vispar {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#FF6010;
	border-width: 0px;
	border-color: #999999;
	border-collapse: collapse;
	width: 100%;

}
table.vispar th {
	background:#b5cfd2 url('images/cellblu.jpg'); 
	border-width: 0px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
	text-align: left;
	color:#000000; 
}
table.vispar td {
	background:#dcddc0 url('images/tabgrigio.jpg'); 
	border-width: 0px;
	padding: 4px;
	border-style: solid;
	border-color: #999999;
	text-align: left;
	color:#4088B8;	
}

/************ TABELLA DISTANZE **************/	
table.dist {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#FFFFFF;
	border-width: 0px;
	border-color: #FFFFFF;
	border-collapse: collapse;
	width: 100%;
/*  float: right; */
}
table.dist td {
	background:#FFFFFF;  /* url('images/tabgrigio.jpg'); */ 
	border-width: 0px;
	padding: 2px;
	border-style: solid;
	border-color: #FFFFFF;
	color:#4088B8;
	text-align: right;	
}

table.dist td.l {
	text-align: left;
}

table.dist td.lg {
	text-align: left;
	font-size: 12px;
  font-weight: bold;  	
}

table.dist td.lgerr {
	text-align: left;
	font-size: 12px;
  font-weight: bold;
  color: #FF3333;    	
}

table.dist td.lk {
	text-align: left;
	font-size: 12px;
  font-weight: bold;  	
	color:#555555;
}


table.dist td.rg {
	text-align: right;
	font-size: 12px;
  font-weight: bold;  	
}

table.dist td.c {
	text-align: center;
}

/************ TABELLA STATISTICHE **************/	
table.stat {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	color:#FFFFFF;
	border-width: 0px;
	border-color: #FFFFFF;
	border-collapse: collapse;
	width: 90%;
  margin-left:auto; 
  margin-right:auto;
/*  float: right; */
}
table.stat td {
	background:#FFFFFF;  /* url('images/tabgrigio.jpg'); */ 
	border-width: 0px;
	padding: 4px;
	border-style: solid;
	border-color: #FFFFFF;
	color:#4088B8;
	text-align: left;	
}

table.stat td.r {
	text-align: right;
}

table.stat td.c {
	text-align: center;
}


/************ TABELLA INPUT FILE DA CARICARE **************/	
table.carica {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
  font-weight: bold;
  color: #4088b8;
	border-width: 0px;
	border-color: #FFFFFF;
	border-collapse: collapse;
	width: 60%;
  margin-left:auto; 
  margin-right:auto;

/*  float: right; */
}
table.carica td {
	background:#FFFFFF;  /* url('images/tabgrigio.jpg'); */ 
	border-width: 0px;
	padding: 4px;
	border-style: solid;
	border-color: #FFFFFF;
	text-align: left;
	color:#4088B8;	
}

table.carica td.r {
	text-align: right;
}

table.carica td.c {
	text-align: center;
}

/********************* tables for ordering ***********************/
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesortersx {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 45%;
	text-align: left;
	float: left;
}
table.tablesorterdx {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 45%;
	text-align: left;
	float: right;
} 
   
table.tablesorter thead tr th, table.tablesorter tfoot tr th, table.tablesortersx thead tr th, table.tablesortersx tfoot tr th, table.tablesorterdx thead tr th, table.tablesorterdx tfoot tr th{
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;		
}
table.tablesorter thead tr .header, table.tablesortersx thead tr .header, table.tablesorterdx thead tr .header{
/*	background-image: url('images/bg.gif'); */
	background-image: url('images/cell-grey.jpg');
	background-repeat: no-repeat;
	background-position:  right center;
	cursor: pointer;
	text-align: center;
}
table.tablesorter tbody td, table.tablesortersx tbody td, table.tablesorterdx tbody td{
	color: #3D3D3D;
	padding: 4px;
/*	background-color: #FFF; */
	vertical-align: top;
	background:#dcddc0 url('images/cell-blue.jpg');	
}
table.tablesorter tbody td.dx, table.tablesortersx tbody td.dx, table.tablesorterdx tbody td.dx{
	text-align: right;
}
table.tablesorter tbody td.dxred, table.tablesortersx tbody td.dxred, table.tablesorterdx tbody td.dxred{
	text-align: right;
	color:#FF3010;  
}
table.tablesorter tbody td.cx, table.tablesortersx tbody td.cx, table.tablesorterdx tbody td.cx{
	text-align: center;
}
table.tablesorter tbody td.mini, table.tablesortersx tbody td.mini, table.tablesorterdx tbody td.mini{
	font-size: 7pt;
}
table.tablesorter tbody tr.odd td, table.tablesortersx tbody tr.odd td, table.tablesorterdx tbody tr.odd td{
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp, table.tablesortersx thead tr .headerSortUp, table.tablesorterdx thead tr .headerSortUp{
	background-image: url('images/asc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesortersx thead tr .headerSortDown, table.tablesorterdx thead tr .headerSortDown{
	background-image: url('images/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp, table.tablesortersx thead tr .headerSortDown, table.tablesortersx thead tr .headerSortUp, table.tablesorterdx thead tr .headerSortDown, table.tablesorterdx thead tr .headerSortUp{
 background-color: #8dbdd8;
}

table.tablesorter tbody tr.sel td, table.tablesortersx tbody tr.sel td, table.tablesorterdx tbody tr.sel td{
	background:#dcddc0 url('images/cell-blue2.jpg');	
	background-color:#F0F0F6;
}
/* modifica per evidenziare righe al passaggio del mouse */
table.tablesorter tbody tr.pari td, table.tablesortersx tbody tr.pari td, table.tablesorterdx tbody tr.pari td, table.tablesorter tbody tr.clickrow td {
	background:#dcddc0 url('images/cell-blue2.jpg');	
	background-color:#0F0F0F;
  cursor: pointer;
}

table.tablesorter tbody tr.dispari td, table.tablesortersx tbody tr.dispari td, table.tablesorterdx tbody tr.dispari td, table.tablesorter tbody tr.clickrow td {
	background:#dcddc0 url('images/cellgiallo.jpg');	
	background-color:#F0F0F0;
  cursor: pointer;
}

table.tablesorter tbody tr.pari:hover { 
	background:#dcddc0 url('images/cellgiallo.jpg');	
	background-color:#0F0F0F;
  cursor: pointer;
}
table.tablesorter tbody tr.pari:hover td { 
	background:#dcddc0 url('images/cellgiallo.jpg');	
	background:transparent;;
  cursor: pointer;
}

/*****************************************************/
table.tablesort td a {           
  display: block;
  height: 100%;
  width: 100%;
}

table.tablesort td a:hover {          
  color: #FF6633;
	padding: 0px;
  background-color: #FFFFFF; 
/*	background-image: url('images/tabgrigio.jpg');       
	background-repeat: no-repeat;
	background-position:  right center;*/	
}
  
/*******************************************************************************/    
input, textarea, select {
    font-family: inherit;
    font-size: 110%;
}
input[type="text"], input[type="password"], textarea, select {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #EDEDED;
    border-color: -moz-use-text-color -moz-use-text-color #AAAAAA;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #333388;
    padding: 6px 2%;
	  background: #FFFFFF url('images/tabgrigioi.jpg') left top repeat-x;    
}
input[type="text"] {
    border: 1px solid #AAAAAA;
    max-width: 96%;
/*    width: 120px; */
}

input select {
    border: 1px solid #AAAAAA;
    max-width: 80%;
}



/*  //////////////////////////////////// */
.ToolText{position:relative; } 
.ToolTextHover{position:relative;} 
.ToolText span{display: none;} 

.ToolTextHover span{ 
  display:block; 
  position:absolute; 
  border:1px solid black; 
  top:1.3em; 
  left:5px; 
  background-color:gray; color:white; 
  text-align: center; 
}

/*  VISUALIZZA BARRA AVANZAMENTO CARICAMENTO FILE IN UPLOADING */ 
#progressbox {
	border: 1px solid #0099CC;
	padding: 1px;
	position:relative;
	width:400px;
	border-radius: 3px;
	margin: 10px;
  margin-left: auto;
  margin-right: auto;
	display:none;
	text-align:left;
}
#progressbar {
	height:20px;
	border-radius: 3px;
	background-color: #0000AA;
	width:1%;
}
#statustxt {
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #000000;
}                                 


#acquibox {                        /* visualizza  gif animata attesa tempo caricamento*/
	position:relative;
	width: 240px;
  height: 20px;
	margin: 10px;
	display:none;
	background-image: url('images/loading.gif');
  background-size:240px 20px;  
  background-repeat: no-repeat;
}




/************ TABELLA VISUALIZZAZIONE MINI CALENDARIO **************/
 table.tabcal{
margin:auto;
width:200px;
text-align: center;
font-size:12px;
background-color: #FFFFFF;
/*color:#000;*/
letter-spacing: 0;
border:0px solid #4088b8;
border-radius: 6px;
}

table.tabcal td, td.day {
padding: 3px 4px 3px 4px;
background-color: #E9E9E9;
color: #222222;
}

table.tabcal td.daynow a, td.daygara a, td.daynowgara a{
text-decoration: none;
font-weight: bold;
color:#000000;
}

table.tabcal td.dayfestagara a, td.dayfestanowgara a{
text-decoration: none;
font-weight: bold;
color:#FF2222;
}

table.tabcal td.dayfesta {
color:#FF2222;
}

table.tabcal td.daynow {
font-weight: bold;
border:2px solid #4088b8;
border-radius: 6px;
background-color: #FFFFFF;
}

table.tabcal td.dayfestanow {
background-color: #FFFFFF;
font-weight: bold;
border:2px solid #4088b8;
border-radius: 6px;
color:#FF2222;
}

table.tabcal td.daygara {
background-color: #AAAAAA;
color: #000000;
}

table.tabcal td.dayfestagara {
background-color: #AAAAAA;
color: #FF2222;
}

table.tabcal td.daynowgara {
font-weight: bold;
border:2px solid #4088b8;
border-radius: 6px;
background-color: #AAAAAA;
color: #000000;
}

table.tabcal td.dayfestanowgara {
font-weight: bold;
border:2px solid #4088b8;
border-radius: 6px;
background-color: #AAAAAA;
color: #FF2222;
}

table.tabcal td.empty {
background-color: #fff;
}

table.tabcal tr.bold {
font-weight: bold;
}

table.tabcal td.red {
background-color: #4088b8;
color:#FFFFFF;
}

table.tabcal td.red a {
background-color: #4088b8;
color:#FFFFFF;
}

table.tabcal td.red a:hover {
background-color: #4088b8;
color:#FF6633;
}

table.tabcal td.redmini, td.redmini a {
background-color: #4088b8;
font-size:11px;
color:#FFF;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*For tooltip box*/
/************ TABELLA VISUALIZZAZIONE DOSSIER ***********/	
table.tool {
	font-family: verdana,arial,sans-serif;
	font-size:10px;
	color:#FF6010;
	border-width: 0px;
	border-color: #999999;
	border-collapse: collapse;
  margin-left:auto; 
  margin-right:auto;
	width: 280px;
}

table.tool td {
	background:#FFFFFF; /* url('images/cellblu.jpg');*/ 
	border-width: 0px;
	padding: 2px;
	border-style: solid;
	border-color: #999999;
	text-align: left;
	color:#222222;
  height: 10px; 
}

table.tool td.r {
	text-align: right;
}

table.tool td.c {
	text-align: center;
}

table.tool td.red {
	color:#BB3333;
}

table.tool th {
	background:#FFFFFF; /* url('images/cellgialloh.jpg');*/ 
	text-align: center;
  font-size:10px;
	color:#222222;
  height: 10px;  	
}

table.tool th.r {
	text-align: right;
}

/*---popup styles starts here ----- */
 .popupGrayBg {
  position:absolute;
  width:0%;
  height:0%;
  background:black;
  z-index:1001;
  left:100%;
  top:100%;
  opacity:.5;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  }
 .QTPopupCntnr {
  width:320px;
  position:absolute;
  z-index:0;
  background:gray;
  left:10%;
  top:60%;
  margin-right: 0px;
  margin-top: -85px;
  }
 .gpBdrLeftTop {
  width:6px;
  height:6px;
  background:url('./images/greenPopupBdr.png') left top no-repeat;
  float:left;
  }
 .gpBdrRightTop {
  width:6px;
  height:6px;
  background:url('./images/greenPopupBdr.png') right top no-repeat;
  float:right;
  }
 .gpBdrTop {
  height:3px;
  background:#a9b6e1;
  border-top:3px solid #3b4f91;
  margin-left:6px;
  margin-right:6px;
  }
 .gpBdrLeft {
  border-left:3px solid #3b4f91;
  background:#fff;
  }
 .gpBdrRight {
  border-right:3px solid #3b4f91;
  background:#fff;
  min-height:180px;
  position:relative;
 }
 .gpBdrLeftBottom {
  width:6px;
  height:6px;
  background:url('./images/greenPopupBdr.png') left bottom no-repeat;
  float:left;
  }
 .gpBdrRightBottom {
  width:6px;
  height:6px;
  background:url('./images/greenPopupBdr.png') right bottom no-repeat;
  float:right;
  }
 .gpBdrBottom {
  height:3px;
  background:#fff;
  border-bottom:3px solid #3b4f91;
  margin-left:6px;
  margin-right:6px;
  }
 .gpBdrRight .caption {
  background:#a9b6e1;
  line-height:38px;
  padding-left:10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  font-weight:bold;
  color:#3b4f91;
  }
 .gpBdrRight .closeBtn {
  background:red;
  width:31px;
  height:31px;
  position:absolute;
  right:-15px;
  top:-15px;
  background:url('./images/grn_pp_cls_btn_normal.png') no-repeat;
  }
 .gpBdrRight .closeBtn:hover {
  background:url('./images/grn_pp_cls_btn_over.png') no-repeat;
  }
 .gpBdrRight .content {
  padding:5px;
  font-weight:normal;
  }
  
/*                  CSS PER BOX OVERLAY          */  

.titolo_box{ margin-left:20px;}
.testo-box{ margin:15px;}

.apri{ font-size:18px; font-family:Verdana, Geneva, sans-serif; float:right; margin-right:50px;}
.apri:hover{ font-size:22px; font-family:Verdana, Geneva, sans-serif; cursor:pointer;}
.chiudi{ font-size:18px; color:#000; font-weight:bold; position:absolute; right:2%; top:0%;  cursor:pointer;}

.overlay{
    background:#000;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:10005;
	cursor:pointer;
/*Trasperenza cross browser*/
opacity: .7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	
}

#box{ width:600px; height:400px; background-color:#FFF; display:none; z-index:+10006; position:absolute; left:30%; top:20%;
      -moz-border-radius: 15px;  -webkit-border-radius: 15px; border-radius: 15px;}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC;
    border-right: 0 solid #CCCCCC;
    border-style: solid;
    border-width: 1px 0 0; 
	width:60%}
  
/* ------------------------------------- Stile del cerchio puntatore cartina Italia --------------------*/  
#cerchio {
   position:absolute;
   z-index:150;
   width:50px;
   height:50px;
   background:url(images/cerchio.png) no-repeat; 
   background-size: contain; 
   cursor: crosshair;
}   


/*---popup styles ends here ----- */


/* main menu styles */
#nav {
    display:inline-block;
    width:100%;
    margin:0px auto;
    padding:0;
    background:#335599 url('./images/bgr.png') repeat-x 0 -110px;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
    margin:10px;
    float:left;
    position:relative;
    list-style:none;
}
#nav a {
    font-weight:bold;
    color:#e7e5e5;
    text-decoration:none;
    display:block;
    padding:8px 20px;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, .7);
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#7788aa url('./images/bgr.png') repeat-x 0 -20px;
    color:#000;
    border-top:1px solid #f8f8f8;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
}
#nav ul li a:hover {
    background:#335599 url('./images/bgr.png') repeat-x 0 -100px;
    color:#fff;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:175px;
    position:absolute;
    background:#aabbcc url('./images/bgr.png') repeat-x 0 0;
    border:1px solid #7788aa;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:160px;
    top:0px;
}


/************ TABELLA IMPOSTAZIONE TIPO CLUB ***********/	
table.check {
  font-family: Verdana, Arial; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: bold; 
  text-decoration: none; 
  vertical-align: middle; 
	border-width: 0px;
	border-color: #FFFFFF;
	border-collapse: collapse;
  margin-left:auto; 
  margin-right:auto;
	width: 80%;
}

table.check td {
	padding: 2px;
	text-align: left; 
  color: #bbbbbb;
}

table.check td.c {
	width: 3%;
}

table.check td.t {
	width: 25%;
}

table.check td.te {
	width: 25%;
  color: #4088b8;
}

/* ------------------  POP UP OVERLAY   ---------------------*/

    .black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: absolute;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
        border: 16px solid orange;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }
    
/*

<body>
    <p>This is the main content. To display a lightbox click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a></p>
    <div id="light" class="white_content">This is the lightbox content. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
    <div id="fade" class="black_overlay"></div>
</body>

*/ 

/* BOX PER MODIFICA NOME GARA */
.show_box {border:0px none;}

#boxform
{
   position:fixed; 
/*   left:20%;      */
/*   top:30%;       */
   width:400px;
   height:200px;
   margin-top:0px;
   margin-left:200px;
/*   margin-right:70px;     */
   background-color:#4088B8;
   border-radius:3px;
   box-shadow:0px 0px 10px 0px #424242;
   padding:10px;
   box-sizing:border-box;
   font-family:helvetica;
   text-align: justify;
   visibility:hidden;
   display:none;
}
#boxform #close_box
{
   position:absolute; 
   left:94%; 
   top:5%;
   width:12px;
   height:12px;
   border:0;
}
#boxform p
{
   margin-top:20px;
   font-size:16px;
   color:#E8F3F7;
}
#boxform h1
{
   margin-top:40px;
   font-size:30px;
   font-weight:bold;
   text-align: center;
   color:#FFFFFF;
}
#boxform a
{
   color:#FF8800;
}
#boxform #box
{
   width:350px;
   height:40px;
   border:2px solid silver;
   border-radius:3px;
   padding:5px;
}
#boxform #testo
{
   margin-top:5px;
   width:350px;
   height:20px;
   border:2px solid silver;
   border-radius:3px;
   padding:5px;
}
#boxform #dobox
{
   margin-left:-5px;
   margin-top:10px;
   width:250px;
   height:40px;
   border:none;
   border-radius:3px;
   color:#acacac;
   background-color:grey;
   font-size:20px;
}   

.clickhp a {
  display: block;
  width: 100%;
  height: 100%;  
}

.show_canc {border:0px none;}


/* BOX PER ACCESSO PASSWORD */
.show_access {border:0px none;}

#accessform, #retryform, #profileform
{
   position:fixed; 
   top:26px;       
   width:200px;
   height:300px;
   margin-top:0px;
   margin-left:700px;
   background-color:#4088B8;
   border-radius:3px;
   box-shadow:0px 0px 10px 0px #424242;
   padding:10px;
   box-sizing:border-box;
   font-family:helvetica;
   visibility:hidden;
   display:none;
   z-index: 1000001;
}
#accessform #close_box, #retryform #close_box, #profileform #close_box
{
   position:absolute; 
   right:10px; 
   top:10px;
   width:12px;
   height:12px;
   border:0;
}
#accessform p, #retryform p, #profileform p
{
   margin-top:20px;
   font-size:14px;
   color:#222222;
}
#accessform a, #retryform a, #profileform a
{
   font-size:12px;
   color:#FF6633;
}
#accessform #access, #retryform #access, #profileform #access
{
   width:350px;
   height:40px;
   border:2px solid silver;
   border-radius:3px;
   padding:5px;
}
#accessform #testo, #retryform #testo, #profileform testo
{
   margin-top:5px;
   width:350px;
   height:20px;
   border:2px solid silver;
   border-radius:3px;
   padding:5px;
}
#accessform #dobox, #retryform #dobox, #profileform #dobox
{
   margin-left:-5px;
   margin-top:10px;
   width:250px;
   height:40px;
   border:none;
   border-radius:3px;
   color:#acacac;
   background-color:grey;
   font-size:20px;
}

textarea#styled {
  resize:both;
	height: 400px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

/*	width: 100%;*/
  min-width:100%; 

}
/************ TABELLA IMPOSTAZIONE ACCESSFORM ***********/	
table.access {
  font-family: Verdana, Arial; 
  font-size: 10px; 
  font-style: normal; 
  font-weight: bold; 
  color: #FFFFFF;
  text-decoration: none; 
  vertical-align: middle; 
	border-width: 0px;
	border-color: #FFFFFF;
	border-collapse: collapse;
  margin-left:auto; 
  margin-right:auto;
	width: 100%;
}

table.access tr td a {
  display:block;
  height: 25px;
  width:100%;
}

table.access a:hover {
  text-decoration: none;
}

table.access td {
	padding: 0px;
	text-align: left;
}

table.access td.c1 {
	text-align: center;
	width: 30%;  
}

table.access td.c2 {
	text-align: left;
	width: 70%;  
}

table.access td.inp {
  height: 50px;  
}

table.access td.inpc {
  height: 50px;
	text-align: center;
}

table.access td.captch {
  height: 25px;
	text-align: center;
}

/************ TABELLA VISUALIZZAZIONE RICHIESTE ISCRIZIONI **************/	
table.visisc {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#FF6010;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
	width: 98%;
}
table.visisc th {
	background:#b5cfd2 url('images/cellblu.jpg'); 
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
	text-align: center;
  color: #000000;
}

table.visisc tr {
	color: #ff5555;
}

table.visisc tr.pay {
	color:#4088B8;
}

table.visisc td {
/*	background:#dcddc0 url('images/tabgrigio.jpg'); */ 
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #999999;
	text-align: left;
/*	color:#4088B8; */
}

table.visisc td.d {
	text-align: right;
}

table.visisc td.c {
	text-align: center;
}

/************ TABELLA VISUALIZZAZIONE Score ***********/	
table.score {
	font-family: verdana,arial,sans-serif;
	font-size:10px;
	color:#FF6010;
	border-width: 0px;
	border-color: #999999;
	border-collapse: collapse;
  margin-left:auto; 
  margin-right:auto;
	width: 300px;
}

table.score td {
	background:#FFFFFF; /* url('images/cellblu.jpg');*/ 
	padding: 2px;
	text-align: left;
	color:#08088A;
  height: 10px; 
}

table.score td.r {
	text-align: right;
}

table.score td.c {
	text-align: center;
}

table.score td.red {
	color:#BB3333;
}

table.score th {
	background:#FFFFFF; /* url('images/cellgialloh.jpg');*/ 
	text-align: center;
  font-size:10px;
  font-weight: bold;
	color:#222222;
  height: 14px;  	
}

table.score th.r {
	text-align: right;
}

table.score th.red {
	color:#BB3333;
}

/************ TABELLA VISUALIZZAZIONE HP **************/	
table.homepg{
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	border-width: 0px;
	border-color: #FFFFFF;
	border-collapse: collapse;
	width: 100%;
    float: right;
    display: block;
}

table.homepg td.sxa {
  border-left: 5px solid #4088b8;
	font-size:0.9em;
	width: 10%;
}

table.homepg td.sxb {
  border-left: 5px solid #dadada;
  font-size:0.9em;
	width: 10%;
}

table.homepg td.dx {
  border-top: 1px solid #4088b8;
	font-size:0.9em;  
  width: 90%;
}

table.homepg td.cx {
  text-align: center;
}

table.homepg td.testo {
  font-size: 1.4em;
  line-height: 180%;
  width: 80%;
  height: 250px;
  text-align: justify;

}

table.homepg td.testo a{
  color: #333333;
  font-style:normal;
  font-variant:normal; 
  font-weight:normal; 
  text-decoration:none;   
  display: block;
}

table.homepg td.paragrafo {
  font-size: 1.0em;
  line-height: 180%;
  width: 80%;
  text-align: justify;  
}

table.homepg td.titoloparagrafo {
  font-size: 1.4em;
  line-height: 180%;
  width: 80%;
  height: 10px;
  text-align: justify;
  font-weight: bold;
  color: #4088b8;   
}

table.homepg td.linka {
  font-size: 1.0em;
  line-height: 180%;
  width: 80%;
  height: 10px;
  text-align: justify;
}

	
/* effetto zoom su immagini */
.fotolanci {
  transition: transform .5s;
  margin: 0 auto;
}

.fotolanci:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

/* top: BUTTON */

.topb {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 80px; /* Place the button at the bottom of the page */
  right: 80px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

.topb:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}