/* CSS Duemmegi 2007 */

/* PAGE */
* {margin:0; padding:0;}
body {margin:0; padding:0; background:#FFF url(../images/back_bg.gif) top repeat-x; font:12px Arial, Helvetica, sans-serif; color:#333; min-width:850px;}

/* LINKS */
a, a:link, a:link, a:link {background:transparent; text-decoration:none;} 
a:link, a:visited {color:#399}
a:hover, a:active {background:transparent; color:red; text-decoration:underline;}

/* GENERIC TAG */
table {border-collapse:collapse;}
img {border:none;}
hr {border:none; background-color: #CCC; color:#CCC; height: 1px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
ul {list-style:none;}
h1 {font-size:24px; padding-bottom:4px; border-bottom:#333 solid 1px;}
h2 {font-size:18px; margin:8px 0 2px; color:#399;}
h3 {font-size:18px; color:#399; padding-bottom:3px; margin-bottom:5px; border-bottom:#CCC solid 1px;}
h4 {font-size:16px; color:#399; font-weight:700;}
input, select, textarea {font:12px Arial, Helvetica, sans-serif;}
dl{float:left; display:block; margin:0; padding:0;}
dl dt {float:left; display:block; width:190px; margin:0; padding:0;}
dl dd {float:left; display:block; width:110px; margin:0; padding:0;}

/* FORM CLASSES */
.modulo {border:solid 1px #999; padding:1px 3px; margin:2px 0;}
.modulo_mansione {border:solid 1px #999; padding:1px 3px; margin:2px 0; width:136px;}
.modulo_regione {border:solid 1px #999; padding:1px 3px; margin:2px 0 2px 110px; width:136px;}
.modulo_button {margin:auto; padding:2px 8px;}
.modulo_small {text-align:center; border:solid 1px #999; padding:1px 3px; margin:2px 0; width:30px;}
.table_radio input {margin-right:10px; vertical-align:text-bottom;}
.table_radio td {padding:3px 3px 2px 0;}

/* CLASSES */
.colorRed {color:#F00;}
.colorGreen {color:#090;}
.colorBlue {color:#0080AE;}
.colorBrown {color:#B7650F;}
.colorGrey {color:#999;}
.reader { padding:8px 0; border-bottom:#CCC solid 1px; margin-bottom:8px; }
.clearLeft {clear:left;}
.green {color:#399;}
.margin10dx {margin-right:10px;}
.vline {margin:0 12px; color:#999;}
.arrow {padding:0; margin:8px 0 8px 5px;}
.arrow li {padding:0 0 0 25px; background:url(../images/arrow_green.gif) no-repeat 2px 2px;}
.archivi {padding:0; margin:8px 0;}
.archivi li {padding:5px 0; border-bottom:#CCC solid 1px;}
.numbers {margin:8px 0 8px 25px;}
.imgFloat{float:left; margin:0 20px 5px 0;}
.imgFloatStampa{float:left; margin:0 20px 5px 0; border:#CCC solid 8px;}
.imgProduct{float:left; margin:7px 20px 5px 0; border:#EAEAEA solid 8px;}
.pLineBottom {border-bottom:#CCC solid 1px;}
.domotica {padding:20px 0; text-align:center}
.domotica img {margin:0 25px; border:#CCC solid 10px;}
.domo_flash {text-align:center; background:#DDD; border-top:#CCC solid 3px; border-bottom:#CCC solid 3px;}
/* table */
	.datatable {width:640px;}
	.datatable td {border:1px solid #CCC; padding: 4px 5px;}
	.datatable th {border:1px solid #CCC; background-color:#EAEAEA; font-weight:bold; text-align:left; padding:4px 5px;}
	.datatable caption {color:#000; text-align:left;}
/* table Assistenza tecnica */
	.ass_tec_table {width:100%;}
	.ass_tec_table td {padding:0; vertical-align:top;}
	.prod_list {width:80%;}
	.prod_list td {padding:3px 10px; margin-bottom:2px; vertical-align:middle; font-weight:bold; background:#EEE; border-bottom:#FFF solid 1px;}
	.prod_list input {margin-right:10px;}
/* table Calendario Corsi */
	.corsi_table {width:100%;}
	.corsi_table td {border:1px solid #CCC; padding:1px 5px;}
	.corsi_table th {border:1px solid #CCC; background-color:#EAEAEA; font-weight:bold; text-align:left; padding:4px 5px;}
	.corsi_table .td_centered {text-align:center;}
	.corsi_table .td_alert {text-align:center; font-size:9px; font-weight:bold;}
/* table Domino */
	.domino_details { width:100%; margin-bottom:20px; }
	.domino_details select { width:200px; margin:2px 0; }
	.domino_details .td_left { padding:0; width:360px; vertical-align:top; }
	.domino_details .td_right { padding:12px 20px; vertical-align:top; background:#eaeaea; }
	.domino_details .back_to_domino { padding:4px 0 5px 15px; background:#fff; font-weight:700; }
	.domino_details .domino_download { margin-top:10px; border-bottom:#666 solid 1px; background:#ccc; padding:4px 0 4px 15px; font-weight:700; color:#666; }

/* LAYOUT - HOME*/
#home {margin:0 auto; width:830px;}

/* LAYOUT - WRAP*/
#wrap {margin:0 auto; width:830px;}

/* LAYOUT - HEADER*/
#header {text-align:center;}

/* LAYOUT - NAV*/
#nav {}

/* LAYOUT - MAIN*/
#main {float:right; width:640px; margin-bottom:15px;}
#main p {padding:5px 0;}

/* LAYOUT - SIDEBAR*/
#sidebar {float:left; width:170px; margin:0 0 15px 0;}

/* LAYOUT - MENU SX */
.menu {width:160px; position:relative;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:160px; border-bottom:#CCC solid 1px; background:#FFF; padding:3px 0 3px 10px;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#EAEAEA;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:170px; width:150px;}
.menu ul li:hover ul li a.hide {background:#FFF; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#666; color:#FFF; width:150px;}
.menu ul li:hover ul li a:hover {background:#999; color:#FFF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:150px; background:#FFF; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#EAEAEA; color:#000;}

/* LAYOUT - FOOTER*/
#footer {width:100%; padding:13px 0; background:url(../images/back_footer.gif) top repeat-x; color:#666; clear:both}
#footer .footer_table {width:830px; margin:0 auto}
#footer .td_right {text-align:right; }
#footer .td_right img { margin-bottom:-8px;}

/* LAYOUT - PAGE TITLE MODIFY*/
#page_title_modify { margin:0 auto; padding:20px; width:790px; border:#666 solid 1px; background:#eaeaea; }
#page_title_modify h3 { color:#333; font-size:16px; border-bottom:#ccc solid 1px; margin:0 0 7px 0; padding-bottom:4px; }
#page_title_modify p { padding:8px 0 2px 0; }
#page_title_modify .field_style { width:350px; }
#page_title_modify .btn_style { padding:0 20px; font-weight:700; }


/* CSS TOOLTIP */
a.css_tooltip{
position:relative;
_display:inline-block; /*richiesto per la posizione assoluta bottom per Internet Explorer 6*/
text-decoration:none;
text-align:left
}
a.css_tooltip span{
display:none;
}
a.css_tooltip:hover{
background-color:#FFF;
}
a.css_tooltip:hover span{
display:block;
position:absolute;
z-index:20;
bottom:27px;
left:35px;
width:410px;
color:#000;
}
a.css_tooltip span b{
display:block;
height:10px;
background:url(../images/fumetto_top.png) no-repeat bottom;
}
a.css_tooltip span em{
display:block;
height:40px;
background: url(../images/fumetto_bottom.png) no-repeat;
}
a.css_tooltip span i{
display:block;
background:#FFF;
border-left:5px solid  #999;
border-right:5px solid #999;
padding:5px 10px;
font-style:normal
}

a.css_tooltip span i ul 
{ list-style-type:disc;
  margin-left:15px;
}