/* CSS Document */
/*background-color: #FFF; border:1px solid; */
html {height: 100%;}
*{margin:0px; padding:0px;}
img{border:0px solid;}
/**/
/******************************** BODY **************************************************/
body {background-color:#d0cece; font:normal 11px/14px "arial", Verdana, Tahoma; color:#000; /*background: url(../images/bg.jpg) top center no-repeat;*/}
/**/
/******************************** STRUTTURA **************************************************/
#container{width:904px; margin:0px auto;  background: url("../images/left_bg.gif") top left repeat-y;}
#header{width:904px; height:186px; /*background: url(../images/header_bg.jpg) top right no-repeat;*/}
#lefthome{float:left; width:702px; padding:0px; background-color: #cc0001;}
#righthome{float:right; width:202px; padding:0px; background-color: #fff;}
#left{float:left; width:167px; padding:0px; background-color: #cc0001;}
#right{float:right; width:736px; padding:0px; background-color: #fCC;}
#footer{clear:both; width:904px; height:30px; background-color:#d0cece; border-top:20px solid #cc0001;}
/**/
/************************************* BOXES HEADER **********************************************/
#logo{float:left; width:168px; height:186px;}
#dx-header{float:right; width:736px; height:186px;}
#hd-gallery{float:left; width:534px; height:186px;}
#hd-maps{float:right; width:202px; height:186px; background: url(../images/rightheader_bg.gif) top left no-repeat;}
#hd-maps h2{font:bold italic 12px/14px "arial", Verdana, Tahoma; color:#FFF;}
/**/
/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{float:left; visibility: hidden; width:516px; height:186px;}
#simplegallery1 .gallerydesctext{ /*CSS for description DIV of Example 1 (if defined)*/
text-align: left; padding:2px;  font:normal 11px/12px "verdana", arial, tahoma, helvetica; color:#fff;}
/**/
/************************************* BOXES LEFT **********************************************/
/**/
#navigation{width:158px; height:236px; padding:6px 0 0 8px;}
#navigation ul{list-style:none; width:159px;}
#navigation ul li{font:bold 11px/18px "Verdana", Arial, Tahoma, Helvetica; display:block;}
#navigation li a{color:#f2f2f2; text-decoration: none; text-align:left; font:normal 11px/18px "Verdana", Arial, Tahoma, Helvetica;  /*background-color:#d70203;*/ padding:0  20px; text-transform:uppercase;}
#navigation li a:hover{text-decoration:none; color:#fff;}
li.active{text-decoration:none; color:#6FD9FF; background: url(../images/active.gif) -1% 50% no-repeat; padding:0 0 0 22px; text-transform:uppercase;}
#navigation li a.blu{text-decoration:none; color:#46cbff; text-transform:uppercase; font:bold 18px/24px "Verdana", Arial, Tahoma, Helvetica;  /*background-color:#FFF;*/}
#navigation li a.green{text-decoration:none; color:#BDD002; text-transform:uppercase; font:bold 18px/24px "Verdana", Arial, Tahoma, Helvetica;}
#navigation li a.yellow{text-decoration:none; color:#E39202; text-transform:uppercase; font:bold 18px/24px "Verdana", Arial, Tahoma, Helvetica;}
#navigation li a.blu:hover{ background-color:#FFF; padding:0 20px;}
#navigation li a.green:hover{ background-color:#FFF; padding:0 20px;}
#navigation li a.yellow:hover{ background-color:#FFF; padding:0 20px;}
li.active2{text-decoration:none; color:#FFC; background: url(../images/active.gif) -1% 50% no-repeat; padding:0 0 0 20px; text-transform:uppercase;}
/*submenu*/
ul li ul li a:hover{background: #d70203;}
ul ul {	position: absolute;top: 0;display:none;}
ul li:hover ul{ z-index:1; display: block; left:358px;top:150px;}
/**/
#sx-navigation{float:left; width:168px; height:246px;  background-color:#cc0001;}
#sx-offerte{float:left; width:534px; height:246px;  background-color:#fff;}
#sx-offerte h3{font:bold 14px/14px "arial", Verdana, Tahoma; color:#000; margin:2px; padding:2px 0 2px 2px; width:525px; border-bottom:0.1px solid #cbcbcb;}
#centrale-azienda{width:524px;  background-color:#fff; padding:7px 5px; margin:0 0 0 168px;}
#sx-cantieri{float:left; width:534px;  background-color:#fff;}

/*************** AZIENDA ******************/
#sx-azienda{float:left; width:512px; padding:0 0 0 2px;}
#sx-azienda h1{font:bold 16px/20px "arial", Verdana, Tahoma; color:#cc0001; padding:10px 0 0 0;}
#sx-azienda h2{font:bold 13px/20px "arial", Verdana, Tahoma; color:#2FC9FF; padding:10px 0 0 0;}
#sx-azienda a{ text-decoration:none;}
#sx-azienda a:hover{ text-decoration:underline;}
/**/
/*************** CATALOGHI ******************/
/**/
/*************** COLORE ******************/
#sx-colore{float:left; width:514px; }
#sx-colore h1{font:bold 16px/20px "arial", Verdana, Tahoma; color:#fff; padding:2px; background-color:#2FC9FF;}
#sx-colore h2{font:bold 13px/20px "arial", Verdana, Tahoma; color:#2FC9FF; padding:10px 0 0 0;}
/**/
/*************** EDILIZIA ******************/
#sx-edilizia{float:left; width:514px; }
#sx-edilizia h1{font:bold 16px/20px "arial", Verdana, Tahoma; color:#000; padding:2px; background-color:#A1AF00;}
#sx-edilizia h2{font:bold 13px/20px "arial", Verdana, Tahoma; color:#A1AF00; padding:10px 0 0 0;}
/**/
/*************** DECORO ******************/
#sx-decoro{float:left; width:514px; }
#sx-decoro h1{font:bold 16px/20px "arial", Verdana, Tahoma; color:#E39202; margin:10px 0 0 0; padding:2px;}
#sx-decoro h2{font:bold 13px/20px "arial", Verdana, Tahoma; color:#E39202; padding:10px 0 0 0;}
/**/
#sx-news{float:left; width:340px; height:317px;  background:#fff url(../images/newsvideo_bg.gif) top left repeat-x; padding:7px 5px;}
#sx-video{float:left; width:342px; height:317px;  background:#fff url(../images/newsvideo_bg.gif) top left repeat-x; padding:7px 0 7px 10px;}
#sx-partners{float:left; width:904px; height:50px;  background-color:#fff;}
#sx-partnerstop{float:left; width:514px; height:50px; background-color:#fcc; margin:5px 0 15px 0;}
/**/
/**/
.newsall{ width:340px; /*border-bottom:1px solid #dad9d9;*/ padding:2px 0;}
.newsall img{float:left; width:90px; height:130px; margin:0 5px 0 0; background-color:#fff; padding:1px; border:1px solid #dad9d9;}
.newsall h2{font:normal 13px/16px "Arial", verdana, Helvetica; color:#000; padding:0 0 2px 0;}
.newsall p{font:normal 11px/14px "Arial", verdana, Helvetica; color:#5f5f5f; padding:2px 0 0 0;}
.newsall a{font:normal 13px/15px "Arial", verdana, Helvetica; color:#CC0001;  text-decoration:none;}
.newsall a:hover{font:normal 13px/15px "Arial", verdana, Helvetica; text-align:left; color:#000; text-decoration:underline;}
.clearerall{clear:both; height:5px;}
/**/
.dovemappe{ width:250px; border-bottom:1px solid #dad9d9; padding:3px; float:left; height:180px;}
.dovemappe img{float:left; width:100px; height:80px; margin:0 5px 0 0; background-color:#fff; padding:1px; border:1px solid #dad9d9;}
.dovemappe h2{font:bold 13px/16px "Arial", verdana, Helvetica; color:#000; padding:0 0 2px 0;}
.dovemappe h3{font:normal 11px/16px "Arial", verdana, Helvetica; color:#000; padding:3px 0 0 0;}
.dovemappe p{font:normal 11px/14px "Arial", verdana, Helvetica; color:#666666; padding:2px 0 0 0;}
.dovemappe a{font:normal 11px/13px "Arial", verdana, Helvetica; color:#000;  text-decoration:none;}
.dovemappe a:hover{font:normal 11px/13px "Arial", verdana, Helvetica; text-align:left; color:#000; text-decoration:underline;}
.clearerdovemappe{clear:both; height:5px;}
/**/
.cantieri{ width:250px; border-bottom:1px solid #dad9d9; padding:3px; float:left;}
.cantieri img{float:left; width:100px; height:80px; margin:0 5px 0 0; background-color:#fff; padding:1px; border:1px solid #dad9d9;}
.cantieri h2{font:bold 13px/16px "Arial", verdana, Helvetica; color:#000; padding:0 0 2px 0;}
.cantieri h3{font:normal 11px/16px "Arial", verdana, Helvetica; color:#000; padding:3px 0 0 0;}
.cantieri p{font:normal 11px/14px "Arial", verdana, Helvetica; color:#666666; padding:2px 0 0 0;}
.cantieri a{font:normal 11px/13px "Arial", verdana, Helvetica; color:#000;  text-decoration:none;}
.cantieri a:hover{font:normal 11px/13px "Arial", verdana, Helvetica; text-align:left; color:#000; text-decoration:underline;}
.clearercantieri{clear:both; height:5px;}
/**/
/* CATALOGHI */
.cataloghi{ width:250px; border-bottom:1px solid #dad9d9; padding:3px; float:left;}
.cataloghi img{float:left; width:100px; height:100px; margin:0 4px 0 0; background-color:#fff; padding:1px; border:1px solid #dad9d9;}
.cataloghi h2{font:bold 13px/15px "Arial", verdana, Helvetica; color:#CC0001; padding:0 0 2px 0;}
.cataloghi h3{font:normal 11px/16px "Arial", verdana, Helvetica; color:#000; padding:3px 0 0 0;}
.cataloghi p{font:normal 11px/14px "Arial", verdana, Helvetica; color:#666666; padding:2px 0 0 0;}
.cataloghi a{font:normal 11px/13px "Arial", verdana, Helvetica; color:#000;  text-decoration:none;}
.cataloghi a:hover{font:normal 11px/13px "Arial", verdana, Helvetica; text-align:left; color:#575759; text-decoration:none;}
.clearercataloghi{clear:both; height:5px;}
/* RIVISTA */
.rivista{ width:250px; border-bottom:1px solid #dad9d9; padding:3px; float:left;}
.rivista img{float:left; width:100px; height:100px; margin:0 4px 0 0; background-color:#fff; padding:1px; border:1px solid #dad9d9;}
.rivista h2{font:bold 13px/15px "Arial", verdana, Helvetica; color:#CC0001; padding:0 0 2px 0;}
.rivista h3{font:normal 11px/16px "Arial", verdana, Helvetica; color:#000; padding:3px 0 0 0;}
.rivista p{font:normal 11px/14px "Arial", verdana, Helvetica; color:#666666; padding:2px 0 0 0;}
.rivista a{font:normal 11px/13px "Arial", verdana, Helvetica; color:#000;  text-decoration:none;}
.rivista a:hover{font:normal 11px/13px "Arial", verdana, Helvetica; text-align:left; color:#575759; text-decoration:none;}
.clearerrivista{clear:both; height:5px;}
/* COLORI */
.colori{ width:500px; border-bottom:1px solid #dad9d9; padding:5px;}
.colori img{float:left; width:120px; height:120px; margin:0 5px 0 0; background-color:#fff; padding:1px; border:2px solid #2FC9FF;}
.colori h2{font:bold 13px/16px "Arial", verdana, Helvetica; color:#2FC9FF; padding:0 0 2px 0;}
.colori h3{font:normal 11px/16px "Arial", verdana, Helvetica; color:#000; padding:3px 0 0 0;}
.colori p{font:normal 11px/14px "Arial", verdana, Helvetica; color:#666666; padding:2px 0 0 0;}
.colori a{font:normal 13px/15px "Arial", verdana, Helvetica; color:#575759;  text-decoration:none;}
.colori a:hover{font:normal 13px/15px "Arial", verdana, Helvetica; text-align:left; color:#575759; text-decoration:none;}
.clearercolori{clear:both; height:5px;}
/* COLORI */
.decoro{ width:500px; border-bottom:1px solid #dad9d9; padding:5px;}
.decoro img{float:left; width:120px; height:120px; margin:0 5px 0 0; background-color:#fff; padding:1px; border:2px solid #E39202;}
.decoro h2{font:bold 13px/16px "Arial", verdana, Helvetica; color:#E39202; padding:0 0 2px 0;}
.decoro h3{font:normal 11px/16px "Arial", verdana, Helvetica; color:#000; padding:3px 0 0 0;}
.decoro p{font:normal 11px/14px "Arial", verdana, Helvetica; color:#666666; padding:2px 0 0 0;}
.decoro a{font:normal 13px/15px "Arial", verdana, Helvetica; color:#575759;  text-decoration:none;}
.decoro a:hover{font:normal 13px/15px "Arial", verdana, Helvetica; text-align:left; color:#575759; text-decoration:none;}
.clearerdecoro{clear:both; height:5px;}
/* COLORI */
.edilizia{ width:500px; border-bottom:1px solid #dad9d9; padding:5px;}
.edilizia img{float:left; width:120px; height:120px; margin:0 5px 0 0; background-color:#fff; padding:1px; border:2px solid #A1AF00;}
.edilizia h2{font:bold 13px/16px "Arial", verdana, Helvetica; color:#A1AF00; padding:0 0 2px 0;}
.edilizia h3{font:normal 11px/16px "Arial", verdana, Helvetica; color:#000; padding:3px 0 0 0;}
.edilizia p{font:normal 11px/14px "Arial", verdana, Helvetica; color:#666666; padding:2px 0 0 0;}
.edilizia a{font:normal 13px/15px "Arial", verdana, Helvetica; color:#575759;  text-decoration:none;}
.edilizia a:hover{font:normal 13px/15px "Arial", verdana, Helvetica; text-align:left; color:#575759; text-decoration:none;}
.cleareredilizia{clear:both; height:5px;}
/**/
/************************************* BOXES RIGHT **********************************************/
#sx-right{float:left; width:515px; padding:10px; font:normal 11px/14px "Arial", verdana, Helvetica; color:#666666;}
/*#sx-right h1{font:bold 16px/20px "arial", Verdana, Tahoma; color:#000;}
#sx-right h2{font:bold 16px/20px "arial", Verdana, Tahoma; color:#000; padding:0 0 5px 0;}
#sx-right h3{font:bold 13px/16px "Arial", verdana, Helvetica; color:#2FC9FF; padding:10px 0 0 0;}
#sx-right h4{font:bold 13px/16px "Arial", verdana, Helvetica; color:#A1AF00; padding:10px 0 0 0;}
#sx-right h5{font:bold 13px/16px "Arial", verdana, Helvetica; color:#E39202; padding:10px 0 0 0;}
#sx-right h6{font:bold 13px/16px "Arial", verdana, Helvetica; color:#E39202; padding:10px 0 0 0;}*/
#dx-right{float:right; width:202px;}
#dx-newsletter{width:202px; height:191px; /*background:#fff url(../images/newsletter_bg.jpg) top left no-repeat;*/}
#dx-catalogo{width:202px; height:55px;  background-color:#000;}
#dx-rivista{width:192px; height:317px;  background:#fff url(../images/rivista_bg.gif) top left repeat-x; padding:7px 5px;}
/**/
#gallery{width:510px; /*border-top:1px solid #CCC;*/ padding:5px 10px 10px 0;}
#gallery h1{font:bold 10px/13px "Arial", verdana, Helvetica; color:#333; padding:10px 0 2px 0;}
#gallery h2{font:bold 16px/18px "Arial", verdana, Helvetica; color:#666666; padding:0 0 2px 0; border-bottom:1px solid #CCC;}
#gallery a{font:normal 13px/15px "Arial", verdana, Helvetica; color:#575759;  text-decoration:none;}
#gallery a:hover{font:normal 13px/15px "Arial", verdana, Helvetica; text-align:left; color:#CC0001; text-decoration:none;}
#gallery img {padding:1px; border:1px solid #cdc9c9; background-color: #eaeaea; margin:2px;}
#gallery img a{padding:1px; border:1px solid #000; background-color: #eaeaea; }
/**/
#partners{width:510px; /*border-top:1px solid #CCC;*/ padding:5px 10px 10px 0;}
#partners h1{font:bold 16px/18px "Arial", verdana, Helvetica; color:#666666; padding:0 0 2px 0; border-bottom:1px solid #CCC;}
#partners img {padding:1px; border:1px solid #e5e5e5; background-color:#fff;}
#partners img a{padding:1px; border:1px solid #000; background-color:#fff;}
#rigapartners{width:500px; height:105px;}
/**/
.sx-singlept{float:left; width:167px; height:80px; padding:0 2px 0 0;}
.sx-singlept img{float:left; width:90px; height:67px; margin:0 5px 0 0; background-color:#fff; padding:1px; border:1px solid #dad9d9;}
.sx-singlept h2{font:bold 10px/12px "Arial", verdana, Helvetica; color:#CC0001; padding:0 0 2px 0;}
.sx-singlept h3{font:normal 11px/16px "Arial", verdana, Helvetica; color:#000; padding:3px 0 0 0;}
.sx-singlept p{font:normal 10px/13px "Arial", verdana, Helvetica; color:#666666; padding:2px 0 0 0;}
.sx-singlept a{font:normal 11px/13px "Arial", verdana, Helvetica; color:#000;  text-decoration:none;}
.sx-singlept a:hover{font:normal 11px/13px "Arial", verdana, Helvetica; text-align:left; color:#000; text-decoration:underline;}
.clearersxsinglept{clear:both; height:5px;}
/**/
.dx-singlept{float:right; width:250px; /*border-bottom:1px solid #dad9d9;*/ padding:0px;}
.dx-singlept img{float:left; width:90px; height:87px; margin:0 5px 0 0; background-color:#fff; padding:1px; border:1px solid #dad9d9;}
.dx-singlept h2{font:bold 11px/12px "Arial", verdana, Helvetica; color:#000; padding:0 0 2px 0;}
.dx-singlept h3{font:normal 11px/16px "Arial", verdana, Helvetica; color:#000; padding:3px 0 0 0;}
.dx-singlept p{font:normal 10px/13px "Arial", verdana, Helvetica; color:#666666; padding:2px 0 0 0;}
.dx-singlept a{font:normal 11px/13px "Arial", verdana, Helvetica; color:#000;  text-decoration:none;}
.dx-singlept a:hover{font:normal 11px/13px "Arial", verdana, Helvetica; text-align:left; color:#000; text-decoration:underline;}
.clearerdxsinglept{clear:both; height:5px;}
/**/

/**/
/************************************* BOXES FOOTER **********************************************/
#sx-footer{float:left; width:817px; font:normal 10px/10px "Verdana", tahoma, arial; color:#696969; padding:5px 0 0 3px;}
#sx-footer a{font:normal 10px/10px "Verdana", tahoma, arial; color:#5a5a5a; padding:5px 0 0 0; text-decoration:none;}
#sx-footer a:hover{font:normal 10px/10px "Verdana", tahoma, arial; color:#fff; padding:5px 0 0 0;}
#dx-footer{float:right; width:77px; padding:5px 2px 0 0; text-align:right;}
#dx-footer a{font:normal 10px/10px "Verdana", tahoma, arial; color:#313131; padding:5px 0 0 0; text-decoration:none;}
#dx-footer a:hover{font:normal 10px/10px "Verdana", tahoma, arial; color:#fff; padding:5px 0 0 0;}
/******************************** FONTS **************************************************/
#sx-news h1{font:italic 18px/18px "arial", Verdana, Tahoma; color:#fff; padding:0 0 0 200px;}
#sx-video h1{font:italic 18px/18px "arial", Verdana, Tahoma; color:#fff; text-align:left; padding:0 0 0 2px; border-left:1px solid #fff;} 
#dx-rivista h1{font:italic 18px/18px "arial", Verdana, Tahoma; color:#fff; text-align:center;}
#sx-azienda  p{font:normal 13px/16px "arial", Verdana, Tahoma; color:#646464; text-align:left;}
/**/
/************************ LEFT NEWS ***********************/

/************************ TOOLTIP ***********************/
#tooltip { width:190px; height:140px; text-align:left; padding:5px;}
a.exampleTip {color:#FEC92C; text-decoration:none;}
a.exampleTip:hover{	text-decoration: underline; color:#FFF;}
.section {text-align:left; padding:35px 0 0 0;}
ul.demos {list-style-type: none;}
ul.demos li{margin:12px 0 10px 0;}
.aToolTip {border:2px solid #444; background:#555; color:#fff; margin:5px 0 0 30px; padding:4px;}
.aToolTip .aToolTipContent {position:relative; margin:0; padding:0;}



.newsall span.visible{display:inline; color:#383838;}
.newsall span.hidden{display:none;}
.viewwholenews{display:none;}

/************************ DIPENDENTI ***********************/
.dipendenti{width: 510px; height:53px; border-bottom:1px dotted #dedede; background-color:#f9f9f9; padding:4px 0 4px 0;}
.dipendenti img{float:left; margin-right:6px; width:50px; height:50px; background:#f0f0f0; padding:2px;}
.dipendenti h1{ padding:2px 0 0 0; font:normal 10px/11px "Tahoma", Verdana, Arial, Helvetica, sans-serif; color: #FF0000;}
.dipendenti p { padding:2px 0 0 0; font:normal 10px/12px "verdana", tahoma, Arial, Helvetica; }
.dipendenti a { padding:2px 0 0 0; font:normal 10px/12px "verdana", tahoma, Arial, Helvetica; text-decoration:none; color: #000;}
.dipendenti a:hover { padding:2px 0 0 0; font:normal 10px/12px "verdana", tahoma, Arial, Helvetica; text-decoration:underline; color: #FF0;}
.clearerdipendenti{clear: left}

/************************ FORM ***********************/
/*#form{width:186px; height:144px; padding:5px 0 0 0; color:#fff;}
#form label{font:bold 14px/16px "Arial", Verdana, helvetica; color:#FFF;}
#form input{padding:1px 0 0 0; border:0; font:normal 12px/15px "Arial", Verdana, helvetica; color:#fff; width:186px; background-color:#f2b750;}*/

#form_newsletter{width:500px; padding:5px 0 0 0; color:#000; text-align:left;}
#form_newsletter label{display:block; font:normal 14px/17px "Arial", Verdana, helvetica; color:#000; text-align:left;}
#form_newsletter input{padding:2px 0 2px 0; border:1px solid #CCC; font:normal 12px/15px "Arial", Verdana, helvetica; color:#000; text-align:left;}
#form_newsletter input.send{background:url(../images/btn_newsletter.gif) 0 0 no-repeat;width:196px;height:31px;border:0; cursor:pointer; cursor:hand;}
#form_newsletter input.checkbox{color:#000; text-align:left;}
#form_newsletter label.sub { font:normal 11px/14px "Arial", Verdana, helvetica; color:#000;}
.error{color: #b00404; font:bold 12px/14px "Arial", Verdana, helvetica; height: 18px;}





