/********************************************
   HTML ELEMENTS
********************************************/ 
* {padding: 0; margin: 0;}

body{
    background:url("/immagini/background.png") repeat top left;
    padding:0; margin:auto;
    font: 12px  Helvetica;
    line-height: 20px;
}

/* links */
a{background-color: inherit; text-decoration: none; color: #d28304; font-weight: bold;}
a:hover{}
a img{border: none;}

/* paragrafi e titoli */
p{padding: 5px 15px; text-align: justify;}
h1, h2, h3{font-weight: bold; padding: 10px 15px; color:#ffa510;}
h1{font-size: 16px;} 
h2{font-size: 15px;}
h3, h4{font-size: 14px;}

/* elenchi */
ul, ol {margin: 0px; padding: 0px; list-style: none;}
li {margin-bottom: 5px;}
dl, dt, dd {margin: 0px; padding: 0px;}
.elencoPuntato{list-style: square; list-style-position: inside;}

/* immagini */
img {border: none;}
img.border {border: 1px solid #CCC;}
img.no-border {border: none;}
img.float-right {margin: 5px 0px 5px 15px;}
img.float-left {margin: 5px 15px 5px 0px;}
img.valign-middle{vertical-align: middle;}
img.valign-bottom{vertical-align: bottom;}

/* tabelle */
table {width:100%; margin: 0px; padding: 0px; border: 0px; border-collapse: collapse;}
tr {margin: 0px; padding:0px; border:0px; vertical-align: middle; text-align: left;}
td {padding:0px; border:0px; vertical-align: middle;}
div {padding: 0; margin: 0; border: 0;}

/* form */
form{margin: 10px;}

/* optional */
.float-left  {float: left;}
.float-right {float: right;}
.bold {font-weight: bold;}
.clear {clear: both; height: 0px;}
.border{
    border: 1px solid #ffa510;
    padding: 5px;
}
.border_color{
    background-color: #fffeb4;
    border: 1px solid #ffa510;
    padding: 5px;
}

/***********************
	  LAYOUT
************************/
/* header homepage */
#headerSx{
    position:absolute;
    top: 30px;
    left: 0px;
    background:url("/immagini/headerSx.png") repeat-x top left; 
    height:230px;
    width: 45%;
}
#headerDx{
    position:absolute;
    top: 30px;
    right: 0px;
    background:url("/immagini/headerDx.png") repeat-x ;
    height:230px;
    width: 45%;
}
#header{
    position: relative;
    top: 30px;
    z-index: 10;
    margin: auto;
    background:url("/immagini/header.png") no-repeat top left;
    width: 960px;
    height: 230px;
}
#map_menu{
    position: relative;
    display: block;
    height: 230px;
    margin: 0;
}
#map_menu #dtTitolo{position: absolute; z-index: 20; margin:0; top: 98px; left: 12px;}
#map_menu #ddAzienda{position: absolute; z-index: 20; margin:0; top: 17px; left: 672px;}
#map_menu #ddInternet{position: absolute; z-index: 20; margin:0; top: 52px; left: 723px;}
#map_menu #ddSoftware{position: absolute; z-index: 20; margin:0; top: 87px; left: 587px;}
#map_menu #ddAssistenza{position: absolute; z-index: 20; margin:0; top: 122px; left: 663px;}
#map_menu #ddSupporto{position: absolute; z-index: 20; margin:0; top: 157px; left: 646px;}
#map_menu #ddContatto{position: absolute; z-index: 20; margin:0; top: 192px; left: 715px;}

#map_menu a{display: block; z-index:20; height:21px;}
#map_menu a:hover{display: block; z-index:20; height:21px; background-image:url("/immagini/hover.png");}

#map_menu a#titolo{width:390px; height:60px;}
#map_menu a#azienda{width:75px;}
#map_menu a#internet{width:170px;}
#map_menu a#software{width:191px;}
#map_menu a#assistenza{width:210px;}
#map_menu a#supporto{width:87px;}
#map_menu a#contatto{width:83px;}

#map_menu a:hover#titolo{width:390px; height:60px; background:transparent;}
#map_menu a:hover#azienda{background-position: -85px 0px;}
#map_menu a:hover#internet{background-position: -136px -35px;}
#map_menu a:hover#software{background-position: 0px -70px;}
#map_menu a:hover#assistenza{background-position: -76px -105px;}
#map_menu a:hover#supporto{background-position: -59px -140px;}
#map_menu a:hover#contatto{background-position: -128px -175px;}

/* header altre pagine */
#headerSx_mini{
    position:absolute;
    top: 30px;
    left: 0px;
    background:url("/immagini/headerSx_mini.png") repeat-x top left; 
    height:120px;
    width: 45%;
}
#headerDx_mini{
    position:absolute;
    top: 30px;
    right: 0px;
    background:url("/immagini/headerDx_mini.png") repeat-x ;
    height:120px;
    width: 45%;
}
#header_mini{
    position: relative;
    top: 30px;
    z-index: 10;
    margin: auto; text-align:left;
    background:url("/immagini/header_mini.png") no-repeat top left;
    width: 960px;
    height: 120px;
}
#map_home{
    position: absolute;
    top: 0px;
    display: block;
    height: 120px;
    margin: 0;
}
#map_home #dtTitolo{position: absolute; z-index: 20; margin:0; top: 20px; left: 12px;}
#map_home a{display: block; z-index:20; width:390px; height:60px;}
#map_home a:hover{display: block; z-index:20; width:390px; height:60px; background:transparent;}

#div_kwicks{
    position: relative;
    top: 30px;
    left: 50%;
    height: 75px;
    width:475px;
    margin: 0;
}
.kwicks {
    position: relative;
    margin:0;padding:0;
    list-style: none;
}
.kwicks li{
    display: block;  
    overflow: hidden;  
    padding: 0;  
    float: left;
    width: 75px;  
    height: 75px;
    margin-right: 5px;
}
.kwicks a{
    display:block;
    width: 175px;
    height: 75px;
    text-decoration: none;
}  
#kwick_azienda{background-image:url("/immagini/menu_azienda.png");}
#kwick_internet{background-image: url("/immagini/menu_internet.png");}
#kwick_software{background-image: url("/immagini/menu_software.png");}
#kwick_assistenza{background-image: url("/immagini/menu_assistenza.png");} 
#kwick_supporto{background-image: url("/immagini/menu_supporto.png");}
#kwick_contatto{background-image: url("/immagini/menu_contatto.png"); margin-right: 0;}

#kwick_azienda a:hover{background-image: url("/immagini/menu_azienda_hover.png");}
#kwick_internet a:hover{background-image: url("/immagini/menu_internet_hover.png");}
#kwick_software a:hover{background-image: url("/immagini/menu_software_hover.png");}  
#kwick_assistenza a:hover{background-image: url("/immagini/menu_assistenza_hover.png");}  
#kwick_supporto a:hover{background-image: url("/immagini/menu_supporto_hover.png");}
#kwick_contatto a:hover{background-image: url("/immagini/menu_contatto_hover.png");margin-right: 0;}

/* footer */
#footer{
    background: url("/immagini/footer.png") repeat-x;
    margin-top: 30px;
    height: 30px;
    color: #746f6f;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
}

/* content */
#div_content{
    margin: auto;
    margin-top:60px;
    width:960px;
}
#content_top{
    background:url("/immagini/content_top.gif");
    height:25px;
}
#content_top p{
    padding: 2px 15px;
    font-size: 12px;
}
#content{
    background:url("/immagini/content.png") repeat-y;
    min-height:800px; height:auto !important; height: 800px;
    float: left;
}
#content_center{
    float: left;
    width: 700px;
}
#content_column{
    float: left;
    width: 230px;
    margin: 15px;
}
#content_bot{
    background:url("/immagini/content_bot.gif");
    height:20px;
}
.column{
    float: left;
    width: 430px;
    margin: 15px;
}
/* lavori in corso */
.lavoriInCorso{
    width:960px;
}
.lavoriInCorso img{    
    float: left;
    margin: 0 15px 15px 0;
}
/* azienda */
.datiAzienda{
    text-align:center;
}
#map {
    width: 700px;
    height: 460px;
    float: left;
    border: 1px solid #ffa510;
    margin: 0 15px 0 15px;
}

/* rss */
.rss_news{}
.rss_news img{
    margin-right: 10px;
}
.rss_news h4{
    margin-bottom: 10px;
    color: #4d9300;
}
.rss_news a{
    font-weight: normal;
}
.rss_news dd{
    margin-left: 10px; margin-bottom: 5px;
}
.rss_noSommario{
    margin-bottom: 20px;
}
.rss_noSommario a{
    color: black;
}
.rss_conSommario{
    margin-bottom: 20px;
}
.rss_conSommario dd{
    color: #515151;
}


/* contatto */
#recaptcha_image{
    margin-top: 10px;
    border: 1px solid gray;
}
.contatto{
    margin: 10px;
}
.contatto_label{
    float:left;
    width:130px;
}
.contatto_input{
    float:left;
    margin: 0; padding: 0;
    margin-bottom:20px;
}
.contatto_input input{
}
.contatto_submit{
    float: left;
    width: 130px;
    margin-left: 130px;
}
.contatto_submit button{
    font-size: 11px;
    height: 40px;
    width: 110px;
    border: 0; 
    background: url("/immagini/invia.png") no-repeat;
}

.note{
    float: left;
    line-height: 30px;
    margin: 0; padding: 0;
}
.msgErrore{
    color: red;
}
.loading{
    width: 200px;
    min-height: 40px; height:auto !important; height: 40px;
    background:url("/immagini/ajax-loader.gif") no-repeat;
}