/*------------------- STYLE PRINCIPALE -----------------------*/

HTML {height: 100%; width:auto; font-size:70%;overflow-y: scroll;} 
BODY {
	margin: 0px 0 1px 0 ;
	padding: 0;
	font:100% verdana,helvetica,sans-serif;
	color: #000000;
	height: 100%;
	width: auto;
  background: #E5E5E5 url(img/wallpaper.png) no-repeat fixed center top;
}

p {
 margin: 5px 20px 3px 30px;
 text-align: justify;
 line-height: 1.5em;
}

.boxtext {
 margin: 0px 6px;
 text-align: justify;
 line-height: 1.3em;
}

DIV {/*border: 1px #000000 solid; /**/}
HR { display:	none }

H1 {
	font-variant: small-caps;
	font-size: 1.4em;
	margin: 20px 0px -0px 30px;
	padding: 0px;
	}

H2 {
	font-size: 1em;
	margin: 5px 20px 3px 30px;
	padding: 0px;
	font-weight:bold;
}

INPUT.masked{
  height:15px;
  width:96px;
  padding: 2px; 
  font-size: 9px; /* font fisso perché fissa è l'img*/
  background: url(img/input_text_mask.png) no-repeat;
  border-width:0px;
} 


/* Default link*/
A:link,
A:visited,
A:active {
	color : #771D1A;
	text-decoration: underline;
}
A:hover {
	color : #BE0000;
	text-decoration: underline;
}

/* MAIN STRUCT */

#bodyContent {
	width: 785px; 
	margin: 0 auto;
}

#header { 
  height: 95px;  
	color: #000;
	width: 100%;
	margin:0px ;
    /* position this div however you want, but
       keep its padding and border at zero */
  padding: 0px;
  border: 0px;	
}

#header img {border: 0; vertical-align: middle;}

#header .logo {
  display: block;
  position: relative;
  top: 18px;
  left: 25px;
  vertical-align: middle;
  float: left;
}

#principale {
	float: left;
	width: 99%;
	color: #000000;
	margin: 0 -1px;
	margin-left: 1px;
	margin-right: 1px;	
}

#principale .box {
  /*height: 100%;*/ 
  padding-left: 22px; 
}

#principale .homebanner{float: left}
#principale .homebanner IMG{
  margin: 0 6px 6px 0;
  border: 0;  
}

#footer {
  color: #797979;
  height: 32px;
	clear: left;
	font-size: 0.9em;
	margin-top: 1px;
	line-height: 1.5em;
	text-align: center;
}

#footer a {color: #797979; text-decoration: none;}

#footer a:active, #footer a:hover {color: #000; text-decoration: underline;}

/*---------------------------------------------------------*/

.fascia{
  margin: 0 20px;
}

ul.features li {
  margin-right: 20px;
  text-align: justify;
  margin-bottom: 0.8em;
}

.features_img {
  float: left;
  margin-top: 16px;
  position: relative;
  left: 30px;
  display: block;
}


.redbox_small {
  float: left;
  position: relative;
  left: 15px;
  margin: 0;
  padding: 0;
  width: 471px;
  background: #F6F6F6 url(img/redbox_small_top.png) no-repeat;
}
.redbox_small .title {
  color: #FFF;
  margin-left: 10px;
  font-weight: bold;
  height: 20px;
}
.redbox_small .content {
  line-height: 1.3em;
  height: 157px;
  padding: 0;
  background: #F6F6F6 url(img/redbox_small_back.png) repeat-y ; 
}
.redbox_small_close {
  width: 471px;
  height: 8px;
  background: #F6F6F6;
}

.redbox_contact {
  float: left;
  position: relative;
  top: 16px;
  left: 15px;
  margin: 0;
  margin-left: 30px;
  padding: 0;
  width: 213px;
  height: 169px;
  background: #FFF url(img/redbox_contacts.png) no-repeat;
}

.chiama {
  background: #FFF url(img/contatti_chiama.png) no-repeat;
}

.redbox_contact .content{
  padding: 5px;
}

.redbox_large {
  float: left;
  position: relative;
  left: 15px;
  margin: 0;
  padding: 0;
  width: 709px;
  background: #FFF url(img/redbox_large_top.png) no-repeat;
}
.redbox_large .title {
  color: #FFF;
  margin-left: 10px;
  font-weight: bold;
  height: 20px;
}
.redbox_large .back {
}

.redbox_large .content {
  float: left;
  width: 100%;
  padding: 0;
}



/*---------------------------------------------------------------------------*/

.spec {
  width: 413px;
  margin: 0 auto;
}

.spec .grey{
  background: #eaeaea;
}
.spec td {
  font-weight: bold;
}

.spec th {
  text-align: left;
  font-weight: normal;
}

.disclaimerbox {
  float: left;
  width: 280px;
  position: relative;
  left: 15px;
  margin: 0;
  padding: 0;
  padding-top: 40px;
  margin-right: 10px;
  font-size: 0.8em;
  vertical-align: bottom;
}

.redbox_bare {
  float: left;
  position: relative;
  left: 15px;
  margin: 0;
  padding: 0;
  width: 415px;
}
.redbox_bare .content {
  position: relative;
  line-height: 1.3em;
  padding: 0;
  background: url(img/redbox_bare_back.png) repeat-y ; 
}
.redbox_bare_close {
  width: 415px;
  height: 8px;
}

/* ---------------------- TOP MENU -------------------------*/
ul.topmenu {
  position: relative;
  top: 42px;
	width: 600px;
	list-style:none;
	/*border: 1px solid #eee;*/
	margin: 0 0 0 178px; padding:0;
	height: 20px;
}
ul.topmenu li {display:inline;}
ul.topmenu li a {  
 	float: left;
 	text-align: center;
  font-size: 1em;
	padding: 3px 0;
	/*width: 100px;*/ /* SI SCHIANTA IE CON 100px!!!!!! */
	/* era 99 senza inserire il register */
	width: 85px;
	margin: 0;
	height:0.8em; line-height:0.8em;
	border-bottom: 1px solid #ddd;
}
ul.topmenu li a:link, ul.topmenu li a:visited {
  text-decoration:none;
	color: #710000;
}

 ul.topmenu .sel, ul.topmenu li a:hover, ul.topmenu li a:active {
  text-decoration:none;
  font-weight: bold;
  border-bottom: 2px solid #C40000;
}


/* ---------- SUB MENU -------------------------*/
ul.submenu {
  position: relative;
  top: 42px;
	width: 550px;
	list-style:none;
	/*border: 1px solid #eee;*/
	margin: 0 0 0 200px; padding:0;
	height: 20px;
}
ul.submenu li {display:inline;}
ul.submenu li a {  
 	float: left;
 	text-align: center;
  font-size: 0.9em;
	padding: 3px 0;
	width: 75px;
	margin: 0;
	height:0.8em;line-height:0.8em;
}
ul.submenu li a:link, ul.submenu li a:visited {
  text-decoration:none;
	color: #710000;
}
ul.submenu li a.sel, ul.submenu li a:hover, ul.submenu li a:active {
  text-decoration:none;
  font-weight: bold;
}


.features {
  float: left;
  width: 95%;
  margin-left: 10px;

}
/* ---------- FINE MENU LATERALE ---------------*/


.tooltip{ /*il resto è compito di javascript */
    position:absolute;
    top: 2em; left: 2em; width: 30em;
    padding: 3px;
    border: 1px #ddd solid;
    background-color: #F2F4D7; color:#000;
    font-size: 1em;
    font-style: normal;
}

/* SPEED-CLASSES */
.ordinabut {text-align: center}
.hor {clear:both;width:100%;height:12px;border-top:1px #000000 solid;}
.cornice{border: 1px dashed #000000;}
.noborder{border:0;}
.solid {border: 1px solid #ccc;}
.hilite{color: #BC2B14;}
.def{font-style: italic;font-size: 0.8em;}
.pseudolinktitle {cursor: pointer;font-weight: bold; color:#123A6D}
.warning {font-weight: bold; color: #D83731; text-align: center}
.note {color: #7F7F7E; font-style: italic; }
.ghosted {color: #7F7F7E;}
.right {float: right}
.left {float: left}
.leftspace {float: left; padding: 0 10px }
.headright {float: right; margin-top:3px; height: 20px}
.headleft {float: left}
.clear {clear:both;}
.alt { display:	none }
.justify {text-align: justify;}
.center{text-align: center;}
.textleft{text-align: left;}
.textright{text-align: right;}
.bold {font-weight: bold;}
.ital {font-style: italic;}
.horsmall {clear: both; width: 50%; border-top: 1px solid #000; margin: 2px 12px 0 0; float: right}
.spacer {height: 10px}
.hortop {border-top: 1px solid black; width:100px}
.hide{display: none}