@charset "UTF-8";
/* CSS Document */

html{
padding:0;
margin:0;
font-family:Tahoma, Helvetica, sans-serif;
font-size:11px;
}

body{
margin:0;
padding:0;
/*background:url(../images/bg_body_blue.gif);*/
background-color: #FFF;
}

img{
display:block;
border:none;
}

#start_data_picker img{
display: inline;
margin-left: 3px;
}

a{
cursor:pointer;
color:#BA1425;
}

a:hover{
color:#000000;
font-weight: bold;    
}

big{
font-weight: bold;
font-size: 16px;
color:#8C0F1C;
}

h1,h2,h3,h4,h5{
margin: 0;
font-weight: bold;
color:#8C0F1C;
}

p{
margin: 0 0 15px 0;
padding: 0;
}

form{
margin:0;
padding:0;
}

    form #labelfix{
    width:90px;
    float:left;
    text-align:right;
    padding:5px;
    display:block;
    }
    
    form input{
        width: 200px;
        
    }
    
/*   ------------------------------------------------------------------------------- BOTTOM SIMULATE   */
/* ----- GENERAL ----- */ 
.bottomsimulate{
	background-color:#AAA;
	color:#000;
    padding:3px 6px;
    border:1px solid #000;
    font-size:9px; 
    disply:inline-block; 
    margin:0;
    font-weight: bold;
	letter-spacing:1px;
	text-decoration:none;
}
.bottomsimulate:hover{background-color:#FFF;}

/* ----- CONFERMA ----- */ 
.conferma{background-color:#10AB37;}
.conferma:hover{background-color:#14DE46;}

/* ----- ELIMINA ----- */ 
.elimina{background-color:#C00;}
.elimina:hover{background-color:#F00;}

/* ----- MODIFICA ----- */ 
.modifica{background-color:#DCAD0C;}
.modifica:hover{background-color:#ffc90e;}

/* ----- NUOVO SERVIZIO ----- */ 
.nuovo{background-color:#10AB37;}
.nuovo:hover{background-color:#14DE46;}

.inviapreventivo{ font-weight:bold; }
.inviapreventivo:hover{ color:#666; }
/*   ------------------------------------------------------------------------------- BOTTOM SIMULATE FINE   */   

.formbox{
    width: 330px;
    border:1px solid #DDDDDD;
    background-color: #EEEEEE;
    min-height: 300px;
    float:left;
    padding:15px;
    margin:10px;
}

#header{
padding:10px;
border-bottom:2px #333333 solid;
display:block;
height:90px;
background-color:#FFFFC0;
}

    #header #logo{
    float:left;
    }
    
    
    #header #menu{
    float:left;
    margin-left:50px;
    }
    
        #header #menu a{
        float:left;
        display:inline-block;
        width:80px; height:80px; padding:10px; margin-right:5px;
        border:2px solid #999999; 
        font-size:16px; font-weight:bold; color:#666666; text-decoration:none; text-align:center;
        background:url('../images/bg_menu_button.jpg') top left no-repeat;
        }
        
        #header #menu a:hover{
        background-image:none; background-color:#EEEEEE; border:2px solid #333333;
        color:#333333;
        }
        
        #header #menu #current{
        background-image:none; background-color:#FFFFFF; border:2px solid #333333;
        color:#333333;
        }
    
#blackmenu{
background-color:#532C04;
}

    #blackmenu ul{
    margin:0; padding:0;
    list-style:none; list-style-image:none;
    }
    
    #blackmenu ul li{
    float:left;
    display:inline-block;
    margin:0; padding:0;
    }
    
    #blackmenu ul li a{
    display:block;
    text-align:left; text-transform:capitalize; text-decoration:none; font-weight:bold; color:#EEEEEE; font-size:11px;
    padding:10px;
    border-right:#CCC solid 1px; background-color:#532C04;
    }
    
    #blackmenu ul li a:hover{
    background-color:#740C16; 
    color:#FFF;
    }
    
    #blackmenu #current{
    background-color:#FFFFFF;
    color:#000000;
    }

#medium{
width:950px;
margin:auto;
}
    #medium #left{
    width:750px;
    float:left;
    }
    
    #medium #right{
   /* width:180px;*/
    float:right;
    }
    
    #medium #fullside{
    width:800px;
    margin: auto;
    }
    
    #medium #fullside #block{
    margin: 12px; padding: 15px; float: left;
    width: 144px; height: 90px;
    background-color:#EEEEEE; border: 1px solid #DDDDDD;
    }
    
    #medium #fullside #block:hover{
    background-color:#FFFFFF; 
    }
    
    #medium #left #module, #medium #right #module, #medium #fullside #module{
    margin:20px 0 20px 0;
    border:1px #740C16 solid;
    }

    #medium #left #module #title, #medium #right #module #title, #medium #fullside #module #title{
    text-align:left; font-size:14px; color:#FFFFFF;  font-weight:bold;
    padding:5px 10px 5px 10px; 
    background-color:#740C16;
    }    
    
    #medium #left #module #content, #medium #right #module #content, #medium #fullside #module #content{
    padding:10px;
    background-color: #FFF;
    }

/****************************************************************************************************************************************
*****************************************************************************************************************************************
*****************************************************************************************************************************************
************************************************SERVIZI*/
    
#servizio{
padding:15px;
border:2px #000 solid;
margin-bottom:10px;
cursor:pointer;
background-color:#EEEEEE;
}

    #servizio:hover{
    border:2px #000000 solid;
    background-color:#CCCCCC;
    }

    
    #servizio #description{
    height:85px;
    }
    
/****************************************************************************************************************************************
*****************************************************************************************************************************************
*****************************************************************************************************************************************
************************************************FOOTER CLASSE DI TABELLA NUMERO DI PAGINE*/

#pagenumber{
font-size:12px;
text-align:center;
margin:0 auto 0 auto;
clear:left;
padding-top:15px;
padding-bottom: 10px;
}

    #pagenumber ul,li{
    margin:0;
    padding:0;
    list-style:none;
    }
    #pagenumber li{
    display:inline-block;
    float:left;
    }
    #pagenumber li a {
    display:inline-block;
    padding:5px 10px 5px 10px;
    border:1px #006699 solid;
    margin:3px;
    font-size:11px; text-decoration:none;
    }
    #pagenumber li a:hover {
    background-color:#CCCCCC;
    }
    #pagenumber #current a{
    font-weight:bold;
    background-color:#CDDFFE;
    }
    
        
#clear{
clear:left;
}

#overlay{
width:100%; height:3000px;
position:absolute; top:0px; left:0px;
z-index:20;
display:none;
}

    #overlay #opacity{
    width:100%; height:100%;
    position:absolute; top:0px; left:0px;
    background-color:#666666;
    z-index:30;
    filter:alpha(opacity=70);
    -moz-opacity:.7;
    opacity:.7;
    display:none;
    }
    
    #overlay #notify{
    width:700px;
    position:relative; top:30px;
    margin:auto; padding:30px;
    background-color:#FFFFFF; 
    z-index:60;
    display:none;
    }
    
        #overlay #notify #title{
        padding:10px;
        background-color:#740C16;
        font-size:20px; color:#FFFFFF; font-weight:bold;
        }
        
        #overlay #notify #content{
        padding:10px;
        }
        
        #overlay #notify #content #subtitle{
        font-size:16px; color:#333333; font-weight:bold;
        margin-bottom:20px; margin-top:20px; padding-bottom:5px;
        border-bottom:1px #740C16 dotted;
        }


#mini_comparsa {
position:absolute;
display:none;
}

/*   ------------------------------------------------------------------------------- ETICHETTE   */
.etichetta{ padding: 0 15px 15px 15px; background-color:#FEFFD9; border:1px solid #008000; margin-top: 3px; }
/*.etichetta .title{ font-size: 15px; font-weight: bold; border-bottom: 1px dotted #666666; margin: 15px 0 15px 0; height: 40px; display:block; }  */
.etichetta .title{font-weight: bold; border-bottom: 1px dotted #666666; font-size:15px; margin: 3px 0 3px 0;}              
.etichetta .dettagli{ }
.etichetta .dettagli .dettaglio{ width: 300px; float: left; height: 30px padding:0 15px 5px 0; text-transform: uppercase;}
.etichetta .dettagli .dettaglio label{ width: 145px ; text-align: right; padding-right: 5px; display: block-inline; color: #666666;  }
.etichetta .form{font-size: 10px;}
.etichetta .form label{display:block; width:110px; float:left;}
.etichetta .form input,select{width:100px; font-size: 10px; display:block; margin:0 0 5px 0}

/*   ------------------------------------------------------------------------------- BAR STEP   */
hr{clear:left;}

.bar-step-space-modello{display:none}   
.bar-step-space{margin:auto; display:none; margin-bottom: -10px;}
.bar-step{height:35px; margin:auto; margin-top:5px;}
.bar-step ul,li{ padding:0; list-style: none; list-style-image: none; }
.bar-step ul{margin:auto}
.bar-step i{text-decoration: none; font-style: normal;}
.bar-step ul li{ float: left; text-align: left; padding: 7px 0; width: 100px; height: 20px; } 
.bar-step ul li span{ padding: 3px 7px; border: 1px solid #666666; margin-right: 2px; margin-top: -3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; }
.bar-step ul .current span{ background-color: #333333; color: #FFFFFF;  }    
.bar-step ul .current{ font-weight: bold; }

.nascondi{display:none;}