/*stili per il layout fisso con altezza minima*/
html,body{margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;height:100%; 	background-image:url(/img/layout/bg_fasciaSx.jpg); background-repeat:repeat-y; font-size:12px;
	color: #083b5b; 
}
body{	font-family:Arial, Helvetica, sans-serif;
}

a{ color:#1277b7; text-decoration:none;}
a:hover{ text-decoration:underline;}

form{ margin-top:20px;}

input,textarea{ font-family:Arial, Helvetica, sans-serif; color:#083b5b; font-size:12px;}

li{ list-style-type:square; list-style-position:inside;}
div#container{position:relative; width: 100%; height: 100%;  text-align: left;  background-image:url(/img/layout/bg_body.jpg); background-position:top left; background-repeat:no-repeat; }
body>div#container{position:relative; width: 100%;  height:auto;min-height:100%;  background-image:url(/img/layout/bg_body.jpg); background-position:top left; background-repeat:no-repeat; }
div#container_Sx{position:absolute; width: 200px; height: 100%;margin: 0 auto;  text-align: left; top:0px; left:0px;  }
body>div#container_Sx{height:auto;min-height:100%}

/*stili generici, su header e footer*/
div#header{color: #ff0; margin-left:200px; padding-top:10px;}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{font-size:24px; line-height:34px; padding-bottom:0px; margin-bottom:0px; color:#1076b6; font-weight:lighter;   border-bottom:1px solid #72aace}

div#footer a{color: #fff;font-weight: bold;text-decoration: underline; margin-left:200px;}

/*stili specifici per il layout*/
div#navigation{  background-image:url(../img/layout/bg_menu_testata_hover.gif); background-repeat:repeat-x; height:28px; margin-left:105px; left:105px; margin-top:12px;right:0px; margin-right:0px;}
div#content{padding-top: 43px; margin-left:200px; line-height:20px; text-align:left; height:auto !important; height:700px; min-height:700px; width:756px;  padding-bottom:130px; }
div#content p.img{ margin-top:0px;  }

div#navigazione{  position:relative; padding-top:6px; margin-left:200px; margin-top:10px; font-size:17px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }
body>div#navigazione{margin-top:50px; }
div#navigazione a{  text-decoration:none; font-size:11px; font-weight:normal; letter-spacing:1px; font-family:Tahoma;}
div#navigazione a:hover{ color:#003366;}
div#navigazione a#activelink{color: #003366;}
div#navigazione a.home{  padding-top:20px; padding-bottom:30px; padding-left:30px; height:26px; background-image:url(/img/icons/home.gif); background-repeat:no-repeat; background-position:left center; text-indent:30px; }
div#navigazione a:hover.home{  background-image:url(/img/icons/home2.gif); background-repeat:no-repeat; background-position:left center; text-indent:30px;}
div#navigazione a#activelink.home{ background-image:url(/img/icons/home2.gif); }
/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none; margin-left:96px;  }
div#navigation li{display: inline;background-color:#FFFFFF; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/

div#navigation a{ display:block; float:left;  width:111px; min-width:111px;  background-image:url(../img/layout/p_a.jpg); background-repeat:repeat-x; background-position:center;   padding-top:8px; padding-bottom:7px; padding-left:7px; padding-right:7px; border-top:1px solid #trasparent;  border-right:1px solid #ffffff;  text-align:center; color:#ffffff; font-weight:bolder; text-transform: uppercase; text-decoration:none;}
div#navigation a.preventivi{ background-image:url(../img/layout/p_preventivi_a.jpg); }

div#navigation a:hover.preventivi{ background-image:url(../img/layout/p_preventivi_a_hover.jpg); }
div#navigation a.preventivi#activelink{color: #fff; background-image:url(../img/layout/p_preventivi_a_hover.jpg);}

div#navigation a:hover{background-image:url(../img/layout/p_a_hover.jpg); font-weight:bolder; color:#ffffff;}
div#navigation a#activelink{color: #fff; background-image:url(../img/layout/p_a_hover.jpg); font-weight:bolder;}



div#footer{ position:absolute; bottom:0px; width: 100%;  
    text-align:left; height:80px;  clear:both; 
 }

div#footer p{padding:10px; }


.wide{  clear:both; padding-left:16px; line-height:20px; border-left:0px solid #f2d8a1; border-right:0px solid #f2d8a1; padding-bottom:20px   }
.wide div { width:94%; padding:12px; border-bottom:1px dotted #f2d8a1; }
.wide div h3{ font-size:14px;  margin-bottom:6px;   }
.wide div h3 a{background-image:url(/img/icons/arrow1.gif); background-repeat:no-repeat; padding-left:20px;}
.wide div h3 a:hover{background-image:url(/img/icons/arrow2.gif); color:#e68d09; }
.wide p{ margin:0px; padding:1px;  }
.wide li .domanda{  color:#1076b6; text-decoration:underline;}
.wide li { margin-bottom:4px; list-style-type:square;}

#faq{ margin-top:40px;}
#faq h3{ color:#e68d09; padding-left:20px; font-size:16px; background-image:url(../img/icons/faq-icon.gif); background-repeat:no-repeat; background-position:left center; text-indent:30px; padding:8px;}
#faq li a.domanda{  color:#1277b7; text-decoration:underline; cursor:help;text-decoration:none; }
#faq li a.domanda:hover{ text-decoration:underline; color:#003153; background-color:#efefef; margin-bottom:0px;}
div#faq li {list-style-position: inside; margin-bottom:4px; margin-left:10px; list-style-image:url(/img/icons/freccia.gif); background-repeat:no-repeat; background-position:left center; }
div#faq li div{ background-color:#efefef; margin-top:0px; padding:4px 4px 4px 4px; }
#vedi_anche{ border-top:1px dotted #063140; clear:both; margin-top:20px;}

#lavori{margin-top:20px;}
#lavori h3{ color:#bc8236; font-size:12px; margin-top:4px; text-indent:0px;}
#boxLavori{ clear:both; height:140px;}
#boxLavori .img{ float:left; width:210px;}
#boxLavori .testi{ float:left; width:500px;}


#preventivo{ display:block; padding-left:11px; padding-top:3px; font-weight:bold; width:148px; height:27px; color:#FFFFFF; background-image:url(/img/layout/Pulsante_Preventivo.jpg); background-repeat:no-repeat;}
#preventivo a{ color:#FFFFFF;}
#preventivo a:hover{}

.titoli_preventivi{margin-bottom:2px; padding-left:4px; background-image:url(/img/layout/fascia_blu.jpg); background-repeat:no-repeat; color:#FFFFFF; text-transform:uppercase; text-indent:20px; height:30px; }
.titoli_grigi_preventivi{margin-bottom:2px; padding-left:4px; background-image:url(/img/layout/fascia_grigia.jpg); background-repeat:no-repeat; text-transform:uppercase; text-indent:20px; height:30px; }

#box_home{ margin-top:0px;  clear:both; border-bottom:1PX dotted #ffffff; }
#box_home div{ float:left; width:244px; height:302px; min-height:302px;  margin-left:5px;}
#box_home div.hosting{ background-image:url(/img/home/Box_1.jpg); background-repeat:no-repeat;}
#box_home  p{ padding:10px;padding-top:36px;}

#box_home div.siti_web{ background-image:url(/img/home/Box_2.jpg); background-repeat:no-repeat;}
#box_home div.web_marketing{ background-image:url(/img/home/Box_3.jpg); background-repeat:no-repeat;}

#box_home a.segue{ font-size:24px;}

#box_home_2{ clear:both;   }
#box_home_2 div.lavori{ float:left; margin-left:6px; background-image:url(/img/home/Fascia_Lavori.jpg); background-position:top; background-repeat:no-repeat; width:355px; padding-top:40px; }

#box_home_2  div.lavori div{ clear:both; height:90px;  margin-top:10px;  border-bottom:1px dotted #ffcb7f;}
#box_home_2  div.lavori div img{ float:left; margin-right:5px;}
div#box_home_2 div.assistenza{ float:left;  background-image:url(/img/home/Assistenza_Clienti.jpg); background-position:top right; background-repeat:no-repeat;  width:352px; height:320px; padding-top:50px; margin-left:15px; padding-left:15px; border-left:1px solid #ffcb7f; color:#efefef; }



.btn {display:block; background-image:url(/img/layout/btn_bg.gif); background-position:center; background-repeat:no-repeat; background-color:#FFFFFF; width:148px; border:1px solid #ffffff; text-decoration:underline; font-size:14px; padding:6px; height:30px; color:#ffffff; font-weight:bold; cursor:hand;}

.paginazione a{display:block; float:left; margin-left:2px; padding:4px; background-color:#efefef; font-weight:bold;}
.paginazione .pagSel{ color:#FF0000; }
/*MENU*/


.click-menu {
    width: 180px;
	float:left;
font-family:Tahoma;
}
.click-menu .box1 {
    /*background-color: #FFFFFF;*/
    color: #eda83f;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
   /* padding: 4px 8px;*/
    border-width: 0px;
    border-color: #003366;
    border-style: solid;
    cursor: HAND;
	padding:6px;
	padding-bottom:2px;
	border-bottom: 1px solid #fcb526; 
	margin-top:6px;
}

.click-menu .box1 a { color:#e68d09; text-decoration:none; font-family:Tahoma; 
}

.click-menu .box1 a:hover{color:#cf7a24;  }

.click-menu .box1-hover {
    /*background-color: #EFEFEF;*/
    color: #003366;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 0px;
    border-color: #99CCAE;
    /*border-style: none solid solid solid;*/
    cursor: default;
    position: relative;

}
.click-menu .box1-open {
    background-color: #FFFFFF;
    color: #003366;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 0px;
    border-color: #448882;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.click-menu .box1-open-hover {
    background-color: #FFFFFF;
    color: #003366;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 0px;
    border-color: #99CCAE;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img {
    /*position: absolute;*/
    top: 6px;
    right: 6px;
}
.click-menu .section {
    /*background-color: #FFFFFF;*/
    font-family: arial;
    font-size: 12px;
    line-height: 18px;
    /*padding: 5px 5px 6px 5px;*/
    border-width: 0px;
    border-color: #448882;
   /* border-style: none none none solid;*/
    /*display:none;*/
padding-left:6px;
}
.click-menu .section a {
font-family:Tahoma;
background-image:url(/img/icons/arrow1.gif); background-repeat:no-repeat; background-position:top left;
padding-left:20px;
color: #28546c;
text-decoration: none;
display:block;

    /*white-space: nowrap;*/
}
.click-menu .section a:hover {
    color: #0066cc;
    text-decoration: none;
    /*white-space: nowrap;*/
background-image:url(/img/icons/arrow2.gif); background-repeat:no-repeat; background-position:top left;

}
.click-menu .box2 {
padding:6px;
border-bottom: 0px solid #fbf3e3; 
border-top:0px;
}
.click-menu .box2-hover {
    background: #000000;
}
.click-menu .section .active,
.click-menu .section .active:hover {
    color: yellow;
}


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

.click-menu2 {
    width: 180px;
	float:left;
margin-top:6px;
font-family:Tahoma;

}
.click-menu2 .box1 a { color:#e68d09; text-decoration:none; font-family:Tahoma;
}
.click-menu2 .box1 a:hover{color:#cf7a24;  }
.click-menu2 .box1 {
   /* background-color: #FFFFFF;*/
    color: #003366;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
   /* padding: 4px 8px;*/
    border-width: 0px;
    border-color: #003366;
    border-style: solid;
    cursor: HAND;
padding:6px;
/*border: 1px solid #adc3db; */
padding-bottom:2px;
border-bottom: 1px solid #fcb526; 
margin-top:6px;

margin-top:6px;
   
}
.click-menu2 .box1-hover {
   /* background-color: #EFEFEF;*/
    color: #003366;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 0px;
    border-color: #99CCAE;
    /*border-style: none solid solid solid;*/
    cursor: default;
    position: relative;
}
.click-menu2 .box1-open {
   /* background-color: #FFFFFF;*/
    color: #003366;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 0px;
    border-color: #448882;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.click-menu2 .box1-open-hover {
   /* background-color: #FFFFFF;*/
    color: #003366;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 0px;
    border-color: #99CCAE;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.click-menu2 .box1 img, .click-menu2 .box1-hover img, .click-menu2 .box1-open img, .click-menu2 .box1-open-hover img {
    /*position: absolute;*/
    top: 6px;
    right: 6px;
}
.click-menu2 .section {
   /* background-color: #FFFFFF;*/
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
    /*padding: 5px 5px 6px 5px;*/
    border-width: 0px;
    border-color: #448882;
    border-style: none none none solid;
    /*display:none;*/
}
.click-menu2 .section a {
    color: #478bce;
    text-decoration: none;
    /*white-space: nowrap;*/
}
.click-menu2 .section a:hover {
    color: #469bf1;
    text-decoration: none;
    /*white-space: nowrap;*/
}
.click-menu2 .box2 {
padding:6px;
/*border: 1px solid #adc3db; */
border-top:0px;
}
.click-menu2 .box2-hover {
    background: #000000;
}
.click-menu2 .section .active,
.click-menu2 .section .active:hover {
   /* color: yellow;*/
}

/**/
div#commentForm {
 	display: none;
 	margin: 0px 20px 0px 20px;
 	font-family: Arial, sans-serif;
 	font-size: .8em;
}