 
/* ******************************** */
/* IMPAGINAZIONE GENERALE  */
/* ******************************** */
* {  font-family:Arial, sans-serif; border:0px solid #666;  } 
html, body { margin:0; padding: 0; height: 100% }
#logo { margin-top:20px; height:72px; width:215px; float:left; }
#slogan { display: inline-block; color: #ee6023; font-size: 13px; font-weight: 700; float: left; top: 50px; left:215px; position: absolute; }
#loading { height:31px; width:100%; background-image:url('http://www.newteamsoftware.it/online/images/loader.gif');background-repeat:no-repeat; background-position:50% 50%;  }

#credits {  font-size:11px;  line-height:15px;  font-family: Arial, Helvetica, sans serif; color:#555555; width:100%;  padding-top:10px; padding-left: 15px; text-align:left; }
ul, li { border:0; padding:0; margin:0; list-style:none;}
a { color:#EBA412; text-decoration:none; }
a:hover { color:#b87f0f; text-decoration:underline; }

.template_table_TOP 	{ padding:15px 15px 0px 15px; }
.template_table_RIGHT 	{ padding:15px 15px 15px 15px; width:280px; }
.template_table_BOTTOM 	{ padding:15px 15px 0px 15px; }
.template_table_LEFT 	{ padding:0px 7px 15px 25px; width:570px; }


/* BODY */
body						{ 	background-color:#fafafa;}
/* BASE */
div#base 					{ 	width:100%; position:relative; height:100%; margin:0 auto; text-align: left;  }
body>div#base 				{ 	height:auto; min-height:100%;  /* --Explorer need it */  }

/* OVERDIV GENERALE */
div.OverDiv 				{	width:100%; margin:0; padding:0; text-align:center; }
div.OverDiv>div				{	width:911px; background-color:#fff;  margin-left: auto;  margin-right: auto; left: 0; right: 0;  }
/* TOP */
div.OverDiv.top 			{ 	top:0; z-index:2  }
div#top						{	height:90px;  border-bottom:6px solid #e24922; position: relative; }
/* BANNER */
div.OverDiv.banner 			{ 	padding-bottom:150px;  }  
div#banner 					{	width:911px; background:none; text-align:center; overflow:hidden; position:relative;  }
/* CONTENUTO */
div.OverDiv.contenuto 		{ 	padding-bottom:70px;  }   /*70 perch� deve corrispondere all'altezza del div.OverDiv.bottom */
div#contenuto 				{	text-align:left; padding-bottom:20px; padding-top:15px;  min-height:550px;}
/* BOTTOM */
div.OverDiv.bottom 			{ 	height:70px; position:absolute; bottom:0; color:#000;  }
div#bottom 					{ 	height:60px; background:none; }

/* ******************************** */
/* TITOLI HEAD E BANNER */
/* ******************************** */
.HomeHead { display:inline-block; color:#fff; font-size:40px; font-family: 'Rokkitt', serif; position:absolute; top:150px; left:500px; text-align:left; font-weight:700; line-height: 40px; }
.HomePayOff { line-height: 22px; display:inline-block; color:#fff; font-size:14px; position:absolute; top:250px; left:500px; text-align:left;}
.Head { display:inline-block; color:#fff; font-size:30px; font-family: 'Rokkitt', serif; position:absolute; top:15px; left:25px; text-align:left; font-weight:700; text-shadow: #000000 1px 1px 2px; }

/* ******************************** */
/* TEXTURE TRATTEGGIO */
/* ******************************** */
.texture 				{ position:absolute; width:100%; opacity:0.7; background:#fff url(http://www.newteamsoftware.it/online/images/texture_blu_big.gif) top left repeat; }
.texture.hi 			{ height:50px; top:0;  }
.texture.low 			{ height:10px; bottom:0; }
div#barra 				{ height:10px; opacity:0.3; background:#fff url(http://www.newteamsoftware.it/online/images/texture_blu_big.gif) top left repeat; }
.template_table_RIGHT div#slot:before {  content:"_";  font-size:1px; display:block; width:286px; opacity:0.3; background:#fff url(http://www.newteamsoftware.it/online/images/texture_blu_big.gif) top left repeat; height:10px; }
.template_table_RIGHT div#slot:hover:before {  opacity:0.7; }


/* ******************************** */
/* BOX GRIGIO LATERALE */
/* ******************************** */
div.BoxFunzionalita {  background-color:#fafafa; padding:10px;  font-size:12px; line-height:17px; text-align:left;  }
div.BoxFunzionalita li { list-style:none; line-height:17px !important; }
div.BoxFunzionalita li:before { content: "\00BB"; /*&raquo*/  padding-right: 10px;}
div.BoxFunzionalita .titolo { font-size:23px !important; }
div.BoxFunzionalita a { text-decoration:underline; color:#8f8f8d !important; font-weight:normal !important; }
div.BoxFunzionalita a:hover { color:#8f8f8d;  }

/* ******************************** */
/* AREA TOPRIGHT */
/* ******************************** */
#topRight { width:540px;height:92px;position:relative;right:0px;float:right; z-index: 97;}
.tools { font-family: Arial; height:27px; text-align:left; font-size:12px;}
.tools.left { width:150px; float:left; 	}
.tools.right { width:370px; float:right; }
.tools.right a { float:right; }
.tools a,.tools p{	display:block; float:left; width:auto; text-decoration:none; padding:8px 9px 0px 9px;  height:18px; min-width:10px; border-left:1px solid #D3D3D3;}
.tools.left a:last-child,.tools.left p:last-child {	border-right:1px solid #8f8f8d; text-decoration:none;}
.tools a { color:#8f8f8d; }
.tools a#lingua { color:#FF9900; font-weight:normal; }
.tools a:hover,.tools a#lingua:hover,.tools p:hover{	color:#666666; text-decoration:none; }
.tools.left a.selected { color:#FF9900; }
.tools a#lucchetto { background-image:url('http://www.newteamsoftware.it/online/images/lucchetto.gif'); background-position:50% 50%;background-repeat:no-repeat; }
.tools a#lucchetto:hover { background-image:url('http://www.newteamsoftware.it/online/images/lucchetto_over.gif'); background-position:50% 50%; background-repeat:no-repeat; }
.tools a#lente { background-image:url('http://www.newteamsoftware.it/online/images/lente.gif'); background-position:50% 50%; background-repeat:no-repeat; }
.tools a#lente:hover { background-image:url('http://www.newteamsoftware.it/online/images/lente_over.gif');background-position:50% 50%;background-repeat:no-repeat; }

/* ******************************** */
/* SF MENU */
/* ******************************** */
#menu { width:auto; float:right; height:57px;padding-right: 10px;  }
.sf-menu, .sf-menu * { list-style: none;  border:0px solid #666666; text-decoration:none; white-space:nowrap !important; }
.sf-menu { margin-top:20px; font-size:19px; padding-bottom:12px; font-weight:300; text-align:left; }
.sf-menu ul { position: absolute; top: -999em; width: 230px; /* LARGHEZZA BOX SOTTOMENU */   }
.sf-menu ul li { width: 100%; white-space:nowrap; }
ul.sf-menu>li { display:inline; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; white-space:nowrap;  }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { /* BOX DEI SOTTOMENU */ background-color:#fff; font-size: 12px; left: -10px; top: 20px; /* match top ul list item height */ padding: 5px; z-index:200; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; CCborderRadius: 3px; 	-webkit-box-shadow: rgba(0,0,0,0.2) 1px 3px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 1px 3px 3px; /* FF 3.5+ */border-bottom: 6px solid #E24922;	 }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #666666; text-decoration:none; margin-right:17px; }
.sf-menu li { /* MENU SFONDO */ background-color: #fff; }
.sf-menu li li { /* SOTTOMENU SFONDO */ background-color: #fff; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color:#ee6023; }
.sf-menu li li a { /* RIGHA SOTTOMENU */ padding:5px;  width: 93%; }
.sf-menu li li a:hover, .sf-menu li li.sfHover a {  background:none; color:#ee6023; }
.sf-menu li.current>a { font-weight:bold; color:#ee6023 !important; }
/*** arrows **/
.sf-sub-indicator { position: absolute; display: block; right:.75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow:		hidden; }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top: .8em; }


/* ******************************** */
/* FINESTRE POP */
/* ******************************** */
div.popup_habanero { display:none; height:auto; width:330px; padding:20px; margin:0; background-color:#fff; font-size:18px; text-align:left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; CCborderRadius: 5px;  }
a.popup_habanero { display:block; height:18px; width:18px; background-color:#fafafa; font-size:14px; color:#666; font-weight:lighter; z-index:1000; position:absolute; right:20px; top:20px; text-decoration:none; text-align:center; cursor:pointer; }
a.popup_habanero:hover { background-color:#666; color:#fafafa; }
#backgroundPopup{ display: none; position: fixed; _position: absolute; /* hack for ie6*/ height: 100%; width: 100%; top: 0; left: 0; background-color:#666666; border: 0px solid #cecece; z-index: 99; }


/* ******************************** */
/* MODULI */
/* ******************************** */

.moduli { width:100%;  font-size:11px; font-weight:bold; color:#8f8f8d; } 
.moduli div { margin-bottom:10px; } 
.moduli .mezzo { width:49%; float:left; } 
.moduli .intero { width:100%; float:left; } 
.moduli .un_terzo { width:33%; float:left; } 
.moduli .due_terzi { width:65%; float:left; } 
.moduli .ReadOnlyText { padding:4px; display:block; font: oblique 10px/12px Arial; width:92%; height:58px; overflow:auto; background-color:#fff; border: 1px solid #666666; }
.moduli input[type="text"],.moduli textarea, .moduli input[type="password"] { width: 94%; height:28px; font-size:18px; color:#666666; border: 1px solid #8f8f8d; }
.moduli input[type="text"]:hover,.moduli textarea:hover,.moduli input[type="password"]:hover { background-color:#fafafa; }
.moduli textarea {height:55px; }
.moduli select { width: 90%; height:28px; font-size: 16px;  }
.moduli input[type="checkbox"] { width:auto; }
.moduli input[type="submit"],.moduli input[type="button"] { width:auto; font-size: 12px; }
.moduli label.error { display: block; color: red; }
.moduli.msg.grazie { display: block; height:40px; font-size:14px; color: #green; background-color:#white; }
.moduli.msg.error { display: block; height:40px; font-size:14px; color: #white; background-color:#red; }
/* BOTTONI FUORI DAI MODULI */
input[type="submit"], input[type="button"] { font-size: 11px; font-family: Helvetica, sans-serif; color:#FFFFFF; text-transform: uppercase; background-color:#8f8f8d; border-style:none; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  CCborderRadius: 2px; padding:4px; }
input[type="submit"]:hover,input[type="button"]:hover{ background-color:#8f8f8d; }



/* ******************************** */
/* CLASSE SLOT */
/* ******************************** */
div#slot { border:0px; margin-bottom:20px; padding-bottom:10px;   } 

/* CLASSE SLOT - TESTO NORMALE, p, p a, p a:hover */
/* ******************************** */
#slot, #slot p, #slot .testo {  font-weight:100; margin:0px; padding:0px; font:15px/25px sans-serif; color:#8f8f8d; text-align:left; }
#slot a, #slot .testo a { color:#ee6023; text-decoration:none;  font-weight:bold }
#slot a:hover, #slot .testo a:hover {  text-decoration:underline; }
#slot p a, #slot .testo p a:hover { color:#666666;}
#slot p a:hover, #slot .testo p a:hover { color:#666666; }

/* CLASSE SLOT - li, ul*/
/* ******************************** */
/*#slot li {  line-height:26px; margin:0; padding:0; padding-left:18px; background-image:url('http://www.newteamsoftware.it/online/images/fogliolina_verde.gif'); background-position:0px 5px; background-repeat:no-repeat; list-style: none;}
#slot ul { margin:0; padding:0 } */

/* ******************************** */
/* HEADERS e contenuti  */
/* ******************************** */
h1, #slot .titolo, h1 a, h2 a, #slot .titolo a { font:30px/35px 'Rokkitt', sans-serif; padding:10px 0px 0px 0px; margin:0px 0px 10px 0px; text-align:left; font-weight:400 !important;  color:#666666 !important; text-transform:none;   }
#slot .titolo { border:0px; }
h1 a:hover, h2 a:hover, #slot .titolo a:hover { text-decoration:none !important; color:#ee6023 !important;}

h2, #slot h2 { color:#666666; font-size:16px; line-height:26px;font-family: 'Exo', sans-serif; text-align:left; font-weight:200; text-transform:none;  }
h2 a, #slot h2 a { color:#;  }
h2 a:hover, #slot h2 a:hover { color:#66b257;  }

#slot .introduzione { display:block; height:auto; color:#666666; font:18px/23px sans-serif; font-weight:200; margin-bottom:5px; text-align:left; }
#slot .introduzione a { color:#;  }
#slot .introduzione a:hover { color:#66b257;  }

