@charset "utf-8";

/* CSS Document */

html, body {    
 padding: 0px;  
 height: 100%;
}  

body {
   color: #777777;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 10px;
   height: 100%;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   text-align: center; 
}
    
input, select {
  font-size: 12px;
  color: #333;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}


.txtinput {
    width:160px;
}

.txtinputred {
    width:160px;
    border:2px solid #c20519;
    background-color:#eee;
}

img {
    border: 0px;
}

.imgborderred{
    border: 2px solid #c20f22;
}

.imgborderwhite{
    border: 2px solid #fff;
}

.imgbig{
    border: 0px;
    background:#fff url(../images/loading.gif) center center no-repeat;
}


a {
  color:#777777;
}



h1 {
    font-size: 16px;
    font-weight:bold;
}


.h2red{
    color:#c20f22;
    font-size :14px ;
    font-weight : bold;
}


.wparchitectural{
    border:1px solid #ccc;    
    width:198px;
    height:256px;
    padding:0px;
    margin:0px;
    margin-bottom:3px;
    background-color:#BABABA;
}

.wparchitectural div.txt{
    text-align:left;    
    font-size:11px;
    color:#fff;
    margin-left:5px;
    margin-top:3px;
}

.wparchitectural div.txtred{
    text-align:left;    
    font-size:11px;
    color:#C20F22;
    font-weight:bold;
    margin-left:5px;
    margin-top:3px;
}

.wparchitectural div.txtred a{    
    color:#C20F22;    
}

.btnlogin {
   border:1px solid #C20F22;
   background-color:#E7E7E7;
   color:#C20F22;
   font-size:11px;   
   font-weight: bold;
   height: 18px;
   width: 30px;
}

.btnlogout {
   border:1px solid #C20F22;
   background-color:#E7E7E7;
   color:#C20F22;
   font-size:11px;   
   font-weight: bold;
   height: 18px;
   width: 70px;
}

.btnregistrazione {
   border:1px solid #C20F22;
   background-color:#E7E7E7;
   color:#C20F22;
   font-size:11px;   
   font-weight: bold;   
}

.archinput{
    width: 100px;
    height: 18px;
    border: 0px;
    margin: 2px;
    padding:0 0 0 3px;
    background-color :#fff;
}


.btnbiancorosso{
   border:1px solid #C20F22;
   background-color:#E7E7E7;
   color:#C20F22;
   font-size:12px;   
   font-weight: bold;
}

.filettodx {
	background-image: url(../images/filetto_dx.jpg);
	background-repeat: repeat-y;
}



.filettosx {
	background-image: url(../images/filetto_sx.jpg);
	background-repeat: repeat-y;
}





.basearchitetti {
	background-image: url(../images/base_architetti.jpg);
	background-repeat: repeat-y;
}

.baseproject {
        background-image: url(../images/base_project.jpg);
	background-repeat: repeat-y;
}






/* Barra del menu lingua */

#header{	
        margin-left:0px;	
        margin-right:0px;
        margin-top:0px;
        margin-right:0px;
        border: 0px;        
	padding: 0px;
	width: 975px;
}

#minilogin {
   float: right;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   width:400px;
   height: 10px;   
   text-align : right ;   
   
}


.tabContent {
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	clear: both;
	margin: 0px;
	padding: 15px;
}

.tabPanelLingua {  
   width:500px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   border-bottom: 0px;   
   margin: 0;
   padding: 0;
   padding-bottom: 3px;   
   float:left;
}



.tabPanelLingua ul,.tabPanelLingua li {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   display: inline;
   list-style-type: none;
   margin: 0;   
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   text-align: right;
   border-bottom: 0px;

}



.tabPanelLingua a:link,.tabPanelLingua a:visited {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px;
	background: #ffffff;
	border: 1px solid #ccc;     
        border-bottom: 0px;        
	color: #666;	
	font-size: small;
	font-weight: normal;
	line-height: 14px;
	margin-right: 0px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}



.tabPanelLingua a:link.ajaxCurrentTab, .tabPanelLingua a:visited.ajaxCurrentTab {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px;
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}



.tabPanelLingua a:hover {
	color: #c30c20;
}

/* Fine Barra del menu lingua */







/* Menu principale */

.tabPanelMainmenu {   
   margin: 0;   
   border-bottom: 1px solid #ccc;
   padding-bottom: 19px;
   padding-left: 0px;   
   text-align: right;   
}



.tabPanelMainmenu ul,.tabPanelMainmenu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
        text-align: right;
}



.tabPanelMainmenu a:link,.tabPanelMainmenu a:visited {
   background: #ffffff;
   border-bottom-width: 0px;
   border-left-color: #ccc;
   border-left-style: solid;
   border-left-width: 0px;
   border-right-color: #ccc;
   border-right-style: solid;
   border-right-width: 0px;
   border-style: solid;
   border-top-width: 0px;
   color: #aaa;
   float: left;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 13px;
   font-weight: bold;
   line-height: 14px;
   margin-right: 0px;
   padding: 2px 30px 2px 5px;
   text-decoration: none

}



.tabPanelMainmenu a:link.mainCurrentTab, .tabPanelMainmenu a:visited.mainCurrentTab {	
        background: #e7e7e7;
        border-top: 1px solid #ccc;        
        border-left: 1px solid #ccc;        
        border-right: 1px solid #ccc;        
        border-bottom: 1px solid #e7e7e7;        
	color: #c30c20;
}





.tabPanelMainmenu a:hover {
       color: #c30c20;
       border-bottom-width: 0px;
       border-left-color: #ccc;
       border-left-style: solid;
       border-left-width: 1px;
       border-right-color: #ccc;
       border-right-style: solid;
       border-right-width: 1px;
       border-style: solid;
       border-top-width: 0px;
}

/* Fine Menu Principale */







/* Menu Secondario */



.tabPanelSubmenu {   
   margin: 0;   
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   padding-bottom: 19px;
   padding-left: 0px;   
   text-align: right;   
   background-color :#e7e7e7;

}



.tabPanelSubmenu ul,.tabPanelSubmenu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
        text-align: right;
}



.tabPanelSubmenu a:link,.tabPanelSubmenu a:visited {
   background: #e7e7e7;
   border-bottom-width: 0px;
   border-left-color: #ccc;
   border-left-style: solid;
   border-left-width: 0px;
   border-right-color: #ccc;
   border-right-style: solid;
   border-right-width: 1px;
   border-style: solid;
   border-top-width: 0px;
   color: #aaa;
   float: left;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   line-height: 14px;
   margin-right: 0px;
   padding: 2px 30px 2px 10px;
   text-decoration: none
}



.tabPanelSubmenu a:link.ajaxCurrentTab, .tabPanelSubmenu a:visited.ajaxCurrentTab {

	background: #ccc;

	border-top: 1px solid #ccc;        

	color: #ff0000;

}



.tabPanelSubmenu a:hover {

	color: #c30c20;

}







/* Fine Menu Secondario */









.maintable {
   background-color: #ffffff;
   border-bottom-color: #ccc;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-color: #ccc;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: #ccc;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: #ccc;
   border-top-style: solid;
   border-top-width: 1px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   padding-bottom: 4px;
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 2px;  
   width:990px;
}

.maincontainer {
   /*border: 1px #000 solid;*/
   background-color: #ffffff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;   
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   text-align: center;
   width: 975px;
}



#centerframe {

  background-color :#fff ;  

}



#bottomframe {

 background-color :#fff ;  

}

/* Preview Progetto */



#container_progetto {
   background-color: #BABABA;    
   height: 220px;   
   width:  765px;
   float: left;
}



#container_progetto div.preview_progetto {
   background-image: url(sfondo_atomo.jpg);
   background-position: center;
   background-repeat : no-repeat;
   background-color: #BABABA; 
   float: left;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   height: 210px;
   margin-top: 10px;
   width: 415px;
}



#container_progetto div.preview_progetto  h2 {
   color: #c20f22;   
   font-size: 18px;
   padding-left: 10px;
   text-align: left;   
}



#container_progetto div.preview_progetto  h3 {
   color: #fff;
   font-size: 16px;
   padding-left: 10px;
   text-align: left;   
}





#container_progetto div.preview_progetto p {
   color: #fff;   
   font-size: 12px;
   padding-left: 10px;
   text-align: justify
}



#container_progetto div.preview_progetto  a{
   color: #c30c20;
   float: left;
   font-size: 12px;
   font-weight: bold;
   padding-left: 10px;
   text-align: left;
   text-decoration: none
}



#container_progetto div.preview_progetto  a:visited{   
   text-decoration :none;
}



#container_progetto div.preview_progetto a:hover{   
   text-decoration :underline;
}





#container_progetto div.preview_progetto_immagine {
  float: right;  
  background-color: #BABABA;  
}


/* Fine Preview Progetto */



/* Right Bar Home Page*/

#rightbar {
   padding:0px;
   margin:0px;
   border:0px;
   background-color: #fff;     
}

#rightbar div.ecolabel{
   border: 0px;
   vertical-align : bottom;   
   height:130px;
   background-color:#fff;
}

.rightbar_ul {   
   margin-left: -30px;
   text-align: left;
}



.rightbar_ul a{   

   color: #666666;

}




/* Fine Right Bar */







/* Right Bar Colour Chart*/

#rightbarcolourchart { 
   margin-top :10px;
   border: 1px  solid #c20f22;
   padding:0px;
   width: 250px;
   /*height:600px;*/
   background-color: #fff;
   /*    
   background-image: url(../images/bgresearch.jpg);
   background-position: right;
   background-repeat: no-repeat;   
   */
   color: #BABABA;
   float: right;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px
}

#colurchart_ricerca div.colurchart_ricerca{
    text-align:center;
    color: #c20f22;
    font-weight: bold;
}

#rightbarcolourchart div.colurchart_formato {
    color: #c20f22;
    font-weight : bold;    
    text-align: left;
    padding-left: 5px;
    border: 0px;
}



#rightbarcolourchart div.colurchart_superficie {
    color: #c20f22;
    font-weight : bold;    
    text-align: left;
    padding-left: 5px;
    border: 0px;

}



#rightbarcolourchart div.colurchart_colore {
    color: #c20f22;
    font-weight : bold;    
    text-align: left;
    padding-left: 5px;
    border: 0px;
}

#rightbarcolourchart div.colourchart_serie {
    color: #c20f22;
    font-weight : bold;    
    text-align: left;    
    border: 0px;

}

#rightbarcolourchart ul{
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;  
}

#rightbarcolourchart li {
   list-style-type:  none;
   font-weight : normal;
   font-size : 10px ;
   margin-left: 10px;
   text-align: left;
}



.colorchart_prod {
  float: left;
  width:45px;
  height:45px;
  margin:0px;
  border: 1px solid #CACACA;
}



.colorchart_hide {
  /*
  opacity: .1;
  -moz-opacity: .10;
  filter: alpha(opacity=10);
 */
  float: left;
  width: 32px;
  height:32px ;
  background-color :#fff;
  margin:0px;
  border: 1px solid #CACACA;
}


#elementnotfound{   
   z-index: 90;
   position: absolute;
   left: 50%;
   top: 360px;
   width: 240px;
   height: 60px;  
   
}

#elementnotfound #scritta{   
    position:relative;
    left:-298px;
    top:-3px;
    height:70px;
    width:305px;
    background-color: #fff;
    border: 3px solid #ccc;
    color: #c20f22;
    font-weight:bold;
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 14px;
    padding-top:50px;
    padding-bottom:0px;
}

/* Fine Right Bar  Colour Chart*/







/* News */

#preview_news {
  float :left ;
  min-height: 620px;
  height: 540px;
  width: 765px;
  border-style : solid;
  border-width: 1px;
  border-color :#ccc ;
}



#preview_news div.news_titolo {   
   font-family: Arial,Helvetica,sans-serif;
   color: #c20f22;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   padding-bottom: 0px;
   padding-left: 8px;
   padding-right: 0px;
   padding-top: 0px;
   text-align: left
}



#preview_news div.news_testo {
   color: #666;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: normal;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   padding-bottom: 0px;
   padding-left: 8px;
   padding-right: 5px;
   padding-top: 0px;
   text-align: left

}



#preview_news div.news_segue {   
   color: #c20f22;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 15px;
   padding-top: 0px;
   text-align: right;   
}



#preview_news div.news_segue a{   
   color: #c20f22;   
   text-align: right;   
   text-decoration : none;  
}


#preview_news div.news_segue a:visited{   
   color: #c20f22;      
   text-decoration : none;  
}



#preview_news div.news_segue a:hover{   
   color: #c20f22;      
   text-decoration : underline;     
}

/* Fine News */

/* Pagina News.jsp */

#corponews{
    clear:both;
    width:770px;
    text-align:left;
    margin:0px;
    padding-top:5px;
}
#corponews h2{
   color: #c20f22;   
   font-size: 18px;
   font-weight: bold;
}


#newsthumbscontainer {
    border:1px solid #ccc;
    padding-right:20px;
    padding:5px;
    width:760px;
    height:90px;
    text-align:right;  
}

#newsthumbscontainer .newsthumbs{
    float:left;
    margin: 0px 6px 2px 0px;
}

/* Fine pagina news.jsp */



/* Banner */

#banner {  
  
  width: 200px;  
  margin-left:0px;
  margin-right:0px;
  margin-top:4px;
  margin-bottom:4px;
  padding:0px;  
  background-color: #eee;
}



.thinkbanner {     
   padding:0px;
   margin-left:0px;
   margin-right:0px;
   margin-top:5px;
   margin-bottom:0px;
   width:200px;
   height: 139px;
   background-color: #eee;   
}

.thinkbanner img{
    border: 1px solid #eee;
}

.thinkbanner p{       
   padding:0px;
   margin:0px;
   height:55px;
   font-weight :bold;
   text-align: left;
   padding:3px;
}

  .thinkbanner a{ 
   background-color: #eee;
   color: #888;
   text-decoration: none;   
}



.facciateventilate {    
   float:left;
   margin:0px;
   width:98px;
   background-color: #eee;
}

.facciateventilate p{       
   padding:0px;
   margin:0px;
   height:35px;
   font-weight :bold;
}

  .facciateventilate a{ 
   background-color: #eee;
   color: #888;
   text-decoration: none;   
}

.pavimentisopraelevati { 
   float:right;
   margin:0px;
   width:98px;
   background-color: #eee;
}

.pavimentisopraelevati p{       
   padding:0px;
   margin:0px;
   height:35px;
   font-weight :bold;
}

.pavimentisopraelevati a{    
    background-color: #eee;
    color: #888;
    text-decoration : none ;
}

#socialnetworkbox{
    width:200px;
    height:120px;
    margin-top:10px;
    text-align:center;
    border:1px solid #CACACA;
    padding-bottom:10px;
}

#socialnetworkbox p{
   width: 196px;   
   padding-left:4px;   
   padding-top:4px;  
   height: 20px; 
   background-color: #eee;   
   font-weight : bold ;
   font-size: 10px;   
   color: #888;
   text-align:left;
   text-decoration: none;   
   margin-left:0px;
   margin-right:0px;
   margin-top:0px;
   margin-bottom:10px;
}


.divisionelastre {
   color: #c20f22;
   background-repeat : no-repeat;
   font-family: Arial,Helvetica,sans-serif;
   font-weight : bold ;
   font-size: 12px;   
   width: 197px;   
   text-align : right;
   vertical-align : bottom;   
}

.divisionelastre a{
    color: #c20f22;
    text-decoration : none ;
}

/* Fine Banner */



/* Lista Serie basso della HP */
.seriecontainer {
   background-image :url(../images/sfondo_atomo.jpg) ;
   background-repeat : no-repeat;
   width: 753px;
    height:105px;
   float :left;
   padding:5px;
   margin: 0px;
   border-bottom-color: #ccc;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-color: #ccc;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: #ccc;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: #ccc;
   border-top-style: solid;
   border-top-width: 0px;
}



.seriebar {  
   width:580px;  
   
   float: left;
   padding-left: 15px;
   padding-top: 10px;
   padding-bottom:10px;
   text-align: left;
}

.seriebar ul {   
   float: left;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   list-style-type:  none;
} 


.seriebar li {
   background-image: url('../images/freccinarossa.jpg');  
   background-repeat: no-repeat;
   background-position : left;   
   text-align: left;   
   text-indent :5px ;
   width: 130px;   
   list-style-type: none;
   margin: 0;            
}



.seriebar a {      
   text-align: left;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #aaa;     
   text-decoration :none;
}


.seriebar a:visited {         
   color: #aaa;     
   text-decoration :none;
}


.seriebar a:hover {         
   color: #aaa;     
   text-decoration :underline;
}


 .testo_serie {
   color: #aaa;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   font-weight: bold;   
   text-align : left;   
}


/* Fine lista serie */





/* Bottom Bar */

#bottombarcontainer{   
   width:990px;
   float :left;
   position : relative;
   border-bottom-color: #ccc;
   border-bottom-style: solid;
   border-bottom-width: 0px;
   border-left-color: #ccc;
   border-left-style: solid;
   border-left-width: 0px;
   border-right-color: #ccc;
   border-right-style: solid;
   border-right-width: 0px;
   border-top-color: #fff;
   border-top-style: solid;
   border-top-width: 1px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 4px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   bottom: 1px;
}

.btelement{
  float:left;
  vertical-align : middle;
  width:95px;
 }

.btelement img{
 vertical-align : middle;
}

.btelement a{
    text-decoration:none;
} 

.btelement a:hover{
    text-decoration:none;
    color: #c20f22;
} 

.btelement ul {
   margin-top:0px;
   magin-bottom:0px;
   margin-left: 0px; 
   margin-right:0px;
   padding-left :25px;  
   border:0px;
   font-size:10px;
   list-style-type: none;   
}



.bottombar a{   
   color: #aaa;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   font-weight: bold;   
   text-align : left;   
   text-decoration: none;

}



.bottombar a:visited{   
   color: #aaa;   
   text-decoration :none;
}





.bottombar a:hover{   
   color: #aaa;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   font-weight: bold;   
   text-align : left;   
   text-decoration : underline;
}



.credits {
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   position: relative;    
   left: 220px;   
}



/* Fine Bottom Bar*/





/* Pagina serie  */

.container_serie {
   background-color: #fff;
   border-bottom-color: #cccccc;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-color: #cccccc;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: #cccccc;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: #cccccc;
   border-top-style: solid;
   border-top-width: 1px;
   float: left;   
   text-align: left;
   width: 765px;
   /*height:480px;*/
   margin-top:10px;
   margin-bottom:10px;
   padding-left: 10px;   
}



.container_serie h2{
   color: #c20f22;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 18px;
   font-weight: bold;
   /*margin-left: 10px;*/
   margin-top: 10px;
   margin-right:0px;
   margin-left:0px; 
   margin-bottom:0px;
   padding:0px;
   text-align: left;   
}





#preview_serie {
  margin-top:10px;
  float: left;
  width: 320px;
  height: 260px;
  background-color: #BABABA;  
  font-family: Verdana,Arial,Helvetica,sans-serif;
}



#rightbarserie {
   background-color: #fff;
   color: #BABABA;
   float: right;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   height: 660px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 10px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   width: 185px
}


#rightbarprogetti {
   background-color: #fff;
   color: #BABABA;
   float: right;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   height: 660px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 10px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   width: 185px;
}

.webpartprogetti {
   width: 185px;
   background-color: #fff;
   border-bottom-color: #c20f22;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-color: #c20f22;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: #c20f22;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: #c20f22;
   border-top-style: solid;
   border-top-width: 1px;
   color: #fff;
   height: 215px;
   margin: 0px;
   padding: 0px;
   text-align: left;   
}

.webpartprogetti ul{
   padding-left:15px;
   margin:0px;
   border:0px;
   text-align : left;
}


#rightbarnews {
   background-color: #fff;
   color: #BABABA;
   float: right;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   height: 500px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   width: 190px
}


.webpartserie {
   background-color: #fff;
   border-bottom-color: #c20f22;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-color: #c20f22;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: #c20f22;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: #c20f22;
   border-top-style: solid;
   border-top-width: 1px;
   color: #fff;   
   margin: 0px;
   padding: 0px;
   text-align: left;   
}


.webpartnews {
   background-color: #fff;
   border-bottom-color: #c20f22;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-color: #c20f22;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: #c20f22;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: #c20f22;
   border-top-style: solid;
   border-top-width: 1px;
   color: #fff;
   height: 320px;
   margin: 0px;
   padding: 0px;
   text-align: left;   
}



.webpartserie li{
    padding-left:5px;
    list-style-type: none;
}

.webpartnews li{
    padding-left:5px;
    list-style-type: none;
}




.container_serie div.picminimale
{
   /* background-image: url(/images/backgroundminimale.gif);*/
   /* background-repeat: no-repeat;   */
   display: block;
   float: left;
   font-size: 10px;
   height: 150px;
   margin: 0px 0px 15px 0px;
   padding: 8px 0px 0px 0px;
   text-align: left;      
   
}


/* Fine pagina serie */


/* pagina progetti realizzazioni*/
.container_realizzazioni{
   background-color: #fff;
   border-bottom-color: #cccccc;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-color: #cccccc;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: #cccccc;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: #cccccc;
   border-top-style: solid;
   border-top-width: 1px;
   float: left;   
   text-align: left;
   width: 765px;
   min-height:500px;
   margin-top:0px;
   margin-bottom:10px;
   padding-left: 10px;   
}

.container_realizzazioni h2{
   color: #c20f22;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 18px;
   font-weight: bold;
   /*margin-left: 10px;*/
   margin-top: 10px;
   margin-right:0px;
   margin-left:0px; 
   margin-bottom:0px;
   padding:0px;
   text-align: left;   
}



.container_realizzazioni div.picrealizzazione {   
   float: left;
   font-size: 10px;
   height: 125px;
   width: 152px;     
   margin-top: 10px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   padding: 0px;
   border: 0px;
   text-align: left;      

}

.picrealizzazione .testo{   
    float: left;
    width:130px;
    height:35px;   
}



/* pagina  news*/
.container_news{
   background-color: #fff;
   border-bottom-color: #cccccc;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-color: #cccccc;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: #cccccc;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: #cccccc;
   border-top-style: solid;
   border-top-width: 1px;
   float: left;   
   text-align: left;
   width: 765px;
   height : 500px ;
   margin-top:0px;
   margin-bottom:10px;
   padding-left: 10px;   
}

.container_news h2{
   color: #c20f22;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 18px;
   font-weight: bold;
   /*margin-left: 10px;*/
   margin-top: 10px;
   margin-right:0px;
   margin-left:0px; 
   margin-bottom:0px;
   padding:0px;
   text-align: left;   
}



.container_news div.picnews {   
   float: left;
   font-size: 10px;
   height: 95px;
   width: 152px;     
   margin: 0px 0px 10px 0px;
   padding: 8px 0px 0px 0px;
   text-align: left;      

}



.mainprogetto {
    border: 1px solid #ccc;
    width:765px;
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:20px;
    margin-top:0px;
}

.mainprogetto h2{
   color: #c20f22;   
   font-size: 18px;
   padding-left: 5px;
   padding-top: 5px;
   text-align: left;   
   margin-top:5px ;
   margin-bottom:0px ;
   margin-left:0px;
}


/* Fine pagina progetti */


/* Pagine ambientazioni */

#mainambientazione {
    border: 1px solid #ccc;
    width:765px;
    padding-left:5px;
    padding-right:0px;     
    padding-top:0px;
    padding-bottom:20px;
    margin-top:10px;
    margin-right :0px ;
    display : block ;
    min-height : 380px ;
    text-align :left ;
}

#mainambientazione h2{   
   color: #c20f22;   
   font-size: 18px;
   padding-left: 5px;
   padding-top: 5px;
   text-align: left;   
   margin-top:5px ;
   margin-bottom:0px ;
   margin-left:0px;
}

#immagineprincipale{
    /*border: 1px solid #f00;*/
    width:500px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:0px;    
    float : left ;
    text-align : left ;
}

#immagineprincipaleprogetto {
    /*border: 1px solid #f00;*/
    width:500px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;    
    float : left ;
    text-align : left ;
}

}

#miniature{    
    /*border:1px solid #f00;*/
    width:250px;
    padding:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    float : right ;    
    min-height : 350px ;
    height : 360px ;    
}

.picambientazione2
{         
   float: left;   
   margin-top: 0px;
   margin-bottom: 4px;
   margin-left: 0px;
   margin-right: 3px;
   padding: 0px;
   border:0px;          
   width: 120px;
   height:82px;   
}




/* Pagina Piastrella */

.picminimalegrande {
   /* background-image: url(/images/backgroundminimalegrande.gif);*/
   /* background-repeat: no-repeat;   */
   display: block;
   float: left;
   font-size: 18px;   
   color:#c20f22;
   margin-left:5px;
   margin-right:5px;
   margin-top:0px;
   margin-bottom:5px;
   padding:0px;
   text-align: center;   
   width: 300px
}



.minimalec1 {     
  float: left;
  width: 250px;  
}

.minimalec2 {
  float: left;
  width: 100px;
}

.titoloboxminimale{
  margin:0px;
  padding-top:2px;
  padding-left:2px;
  padding-right:2px;
  padding-bottom:1px;
  color:#c20f22;
  font-weight:bold;
  width:100px;
  height:15px;
  background-color:#E7E7E7;
  border:1px solid #ccc;
}

.breadcumb {
    padding: 0px;
    margin:0px;
    font-size:10px;
    margin-left:10px;
    color: #999;    
}

.breadcumb a { 
    color:#999;
    text-decoration : none ;
}

.breadcumb a:hover {    
    color:#999;
    text-decoration : none;
}

.breadcumb a:visited {    
    color:#999;
    text-decoration : none ;
}

#container_decori {
   overflow:auto;  
   float: left;   
   text-align: center;
   width: 99%;
   margin:0px;   
   padding-left: 10px;   
   height:420px;   
}

#container_fondi {
   overflow:auto;
   text-align: center;
   padding-left: 10px;   
   height:420px;
   margin:0px;   

}


#container_progetti {      
   text-align: left;   
   padding-left: 10px;   
   height:420px;
   width:620px;
   margin:0px;      
}

#container_rosoni {      
   text-align: center;
   padding-left: 10px;   
   height:420px;
   margin:0px;   
}


#container_progetti {
   overflow:auto;  
   float: left;   
   text-align: center;
   width:99%;
   padding-left: 10px;   
   height:420px;
   margin:0px;   
}




#container_fondi div.picminimale
{
   /* background-image: url(/images/backgroundminimale.gif);*/
   /* background-repeat: no-repeat;   */
   display: block;
   float: left;
   font-size: .9em;
   height: 150px;
   margin:5px 5px 15px 8px;
   padding: 8px 0px 0px 0px;
   text-align: center;      
   width: 152px
}



.picdecoro
{      
   display: block;   
   float: left;   
   margin: 10px 12px 10px 12px;
   text-align: center;     
   width: 130px;
   height: 155px;
   border: 1px solid #fff;      
}





#container_ambientazioni {   
   float: left;   
   text-align: left;
   width:98%;
   margin:0px;   
   padding-left: 10px;
   min-height:420px;
}


#container_emozionali {   
   float: left;   
   text-align: left;
   width:98%;
   margin:0px;   
   padding-left: 10px;
   min-height:420px;
   width:770px;
}


.picambientazione
{      
   display: block;   
   float: left;   
   margin: 10px 10px 10px 10px;
   text-align: center;     
   width: 130px;
   border: 1px solid #fff;   
   clip:rect(10px, 100px, 100px, 70px);
}






.container_ambientazione h2{
   color: #c20f22;   
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 18px;
   font-weight: bold;
   /*margin-left: 10px;*/
   margin-top: 10px;
   text-align: left
}


.tabPanelMinimale {
   border-bottom: 0px solid #ccc;
   margin: 0;
   padding: 0;
   padding-bottom: 19px;
   position: relative;
   right:0px;
   top: 10px;

}


#container_rosoni div.picminimale
{
   /* background-image: url(/images/backgroundminimale.gif);*/
   /* background-repeat: no-repeat;   */
   display: block;
   float: left;
   font-size: .9em;
   height: 150px;
   margin: 0px 0px 15px 2px;
   padding: 8px 0px 0px 0px;
   text-align: center;      
   width: 152px
}


#container_tecnico
{   
   float: left;   
   font-size:12px;
   text-align: left;
   width:98%;
   margin:0px;   
   padding-left: 10px;
   min-height:420px;
}






.tabPanelMinimale ul,.tabPanelMinimale li {
   display: inline;
   list-style-type: none;
   margin: 0;   
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   text-align: right

}



.tabPanelMinimale a:link,.tabPanelMinimale a:visited {
	background: #ffffff;
	border: 1px solid #ccc;        
	color: #666;
	float: left;
	font-size: small;
	font-weight: normal;
	line-height: 14px;
	margin-right: 0px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;

}



.tabPanelMinimale a:link.ajaxCurrentTab, .tabPanelMinimale a:visited.ajaxCurrentTab {

	background: #fff;

	border-bottom: 1px solid #fff;

	color: #000;

}



.tabPanelMinimale a:hover {

	color: #c30c20;

}

/* Fine Barra del menu lingua */


/* Tab Panel Riepilogo */



.tabPanelRiepilogo {   
   margin: 0;   
   border-bottom: 1px solid #ccc;
   padding-bottom: 20px;
   padding-left: 0px;   
   text-align: right;   
}

.tabPanelRiepilogo ul,.tabPanelRiepilogo li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
        text-align: right;
}

.tabPanelRiepilogo a:link,.tabPanelRiepilogo a:visited {
   background: #ffffff;
   border-bottom-width:0px;
   border-bottom-color: #ccc;
   border-left-color: #ccc;
   border-left-style: solid;
   border-left-width: 0px;
   border-right-color: #ccc;
   border-right-style: solid;
   border-right-width: 0px;
   border-style: solid;
   border-top-width: 0px;
   color: #aaa;
   float: left;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 13px;
   font-weight: bold;
   line-height: 14px;
   margin-right: 0px;
   padding: 2px 20px 2px 10px;
   text-decoration: none

}


.tabPanelRiepilogo a:link.mainCurrentTab, .tabPanelRiepilogo a:visited.mainCurrentTab {	
        background: #e7e7e7;
        border-top: 1px solid #ccc;        
        border-left: 1px solid #ccc;        
        border-right: 1px solid #ccc;        
        border-bottom: 0px solid #e7e7e7;        
	color: #c30c20;
}

.tabPanelRiepilogo a:hover {
       color: #c30c20;
       border-bottom-width: 0px;
       border-left-color: #ccc;       
       border-left-style: solid;
       border-left-width: 1px;
       border-right-width: 1px;
       border-right-style: solid;
       border-right-color: #ccc;
       border-top-color: #ccc;       
       border-top-style: solid;
       border-top-width: 1px;    
       border-bottom-width: 1px;  
       border-bottom-color: #E7E7E7;
       background-color: #E7E7E7;
}


.tabPanelRiepilogoSubmenu {   
   margin: 0;   
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-top: 0px;
   padding-bottom: 20px;
   padding-left: 0px;   
   text-align: right;   
   background-color :#e7e7e7;

}




#riepilogoserie {
    /*width:700px;*/
}


/* Fine Tab Panel Riepilogo */


/* Tab Panel  Minimale */
.tabMinimaleRiepilogo {   
   margin: 0;   
   border-bottom: 1px solid #ccc;
   padding-bottom: 20px;
   padding-left: 0px;   
   text-align: right;   
}

.tabMinimaleRiepilogo ul,.tabMinimaleRiepilogo li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
        text-align: right;
}

.tabMinimaleRiepilogo a:link,.tabMinimaleRiepilogo a:visited {
   background: #ffffff;
   border-bottom-width:0px;
   border-bottom-color: #ccc;
   border-left-color: #ccc;
   border-left-style: solid;
   border-left-width: 0px;
   border-right-color: #ccc;
   border-right-style: solid;
   border-right-width: 0px;
   border-style: solid;
   border-top-width: 0px;
   color: #aaa;
   float: left;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold;
   line-height: 14px;
   margin-right: 0px;
   padding: 2px 10px 2px 10px;
   text-decoration: none

}


.tabMinimaleRiepilogo a:link.mainCurrentTab, .tabMinimaleRiepilogo a:visited.mainCurrentTab {	
        background: #e7e7e7;
        border-top: 1px solid #ccc;        
        border-left: 1px solid #ccc;        
        border-right: 1px solid #ccc;        
        border-bottom: 0px solid #e7e7e7;        
	color: #c30c20;
}

.tabMinimaleRiepilogo a:hover {
       color: #c30c20;
       border-bottom-width: 0px;
       border-left-color: #ccc;       
       border-left-style: solid;
       border-left-width: 1px;
       border-right-width: 1px;
       border-right-style: solid;
       border-right-color: #ccc;
       border-top-color: #ccc;       
       border-top-style: solid;
       border-top-width: 1px;    
       border-bottom-width: 1px;  
       border-bottom-color: #E7E7E7;
       background-color: #E7E7E7;
}




/* Pagina contatti */



#contatti_center {
   border: 1px solid #ccc;
   width: 750px;
   height :585px;
   float :left;   
}


#contatti_left {    
  text-align : left;
  margin-left:10px;  
  float: left;
  width: 350px;
}

#contatti_left h3{
  text-align : left;  
  color: #c20f22;   
  font-size: 18px;   
  text-align: left;
  margin-top:10px;
}



#contatti_form {        
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 50px;
    /*border:0px;*/
    text-align: left;
}



/* Pagina prodotti */

#prodotti_center {
   width: 750px;
   float :left;
   border: 0px;
}



#prodotti_center ul {   
   float: left;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   list-style-type:  none;
} 





#prodotti_center li {
  background-image: url('../images/freccinarossa.jpg');  
  background-repeat: no-repeat;
  background-position : left;   
  text-align: left;   
  text-indent :5px ;
  width: 190px;   
  list-style-type: none;
  margin: 0;            
}



#prodotti_center a {      
   text-align: left;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #aaa;     
   text-decoration :none;

}



#prodotti_center a:visited {         
   color: #aaa;     
   text-decoration :none;
}



#prodotti_center a:hover {         
  color: #aaa;     
  text-decoration :underline;
}


.documento {
   border: 1px solid #ddd;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
}

.documento a{
    text-decoration: none;
    color: #fff;  
}

.documento a:visited{
    text-decoration: none;   
    color: #fff;
}

.documento a:hover{
    text-decoration: underline;
    color: #fff;
}


/* Ambientazioni */

.testoambientazione {
    font-size: 12px;
    padding: 4px;
    text-align : left ;
}


/* News */

.testonews {    
    float :right;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top:10px;
    margin-left: 0px;
    margin-right: 2px;
    margin-bottom: 0px;
    text-align : left ;
    height :330px;     
    width:300px;
    overflow :auto ;
}

.testonews h2{
    margin:0px;
    padding:0px;
    font-size: 18px;
    color: #c30c22;
    /*font-weight: bold;*/
}


/* Fine ambientazioni */


/* Architectural */

#menuarchitectural{
  width:765px;  
  margin-left:10px;
  margin-right:10px;
  padding:0px;  

}

#menuarchitectural div.wpmenu{
    width:125px;
    height:150px;
    margin-top:5px;
    margin-left:15px;
    margin-right:15px;
    margin-bottom:5px;   
    float:left;     
    text-align :left ;
    
}

#menuarchitectural div.wpmenu a{
  
    color: #999;
    text-decoration : none;
}
#menuarchitectural div.wpmenu a:hover{
    color: #c20f22;
    text-decoration : none;
}

#docarchitectural {
    width:100%;
    height:270px;
    background-color: #BABABA;   
    
}

#docarchitectural h2{
     font-size:14px;
     color: #c20f22;
     font-weight :bold;
}

#docarchitectural p{
    font-family: Arial,Helvetica,sans-serif;    
    font-size: 12px;
}


/* Popover */
#flashcontent {
        text-align:center; 
	height: 500px;
	width: 550px;
	position: absolute;
	left: -300px;
	top: 100px;
	background-color: transparent;
	margin-left: 50%;        
        z-index:99;
        border: 1px solid #333;
}

#mymirage{
    margin-top:15px;
    padding:0px;
}



/* Inizio Lightbox */

#lightbox{
    position: absolute;	
    left: 0; 
    width: 100%; 
    z-index: 100; 
    text-align: 
    center; line-height: 0;
}

#lightbox img{ 
    width: auto; 
    height: auto;
}

#lightbox a img{ 
border: none; 
}

#outerImageContainer{ 
    position: relative; 
    background-color: #fff; 
    width: 250px; 
    height: 250px; 
    margin: 0 auto; 
}

#imageContainer{ 
    padding: 10px; 
}

#loading{ 
    position: absolute; 
    top: 40%; 
    left: 0%; 
    height: 25%; 
    width: 100%; 
    text-align: center; 
    line-height: 0; 
}

#hoverNav{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    z-index: 10; 
}

#imageContainer>#hoverNav{ 
    left: 0;
}

#hoverNav a{ 
    outline: none;
}

#prevLink, #nextLink{ 
    width: 49%; 
    height: 100%; 
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
    display: block; 
}

#prevLink { 
    left: 0; 
    float: left;
}

#nextLink { 
    right: 0; 
    float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
    background: url(../images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
    background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{ 
    font: 10px Verdana, Helvetica, sans-serif; 
    background-color: #fff; 
    margin: 0 auto; 
    line-height: 1.4em; 
    overflow: auto; 
    width: 100%; 
}

#imageData{	
    padding:0 10px; 
    color: #666; 
}

#imageData #imageDetails{ 
    width: 70%; 
    float: left; 
    text-align: left; 
}
	
#imageData #caption{ 
    font-weight: bold;	
}

#imageData #numberDisplay{ 
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;	
}
			
#imageData #bottomNavClose{ 
    width: 66px; 
    float: right;  
    padding-bottom: 0.7em; 
    outline: none;
}	 	

#overlay{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 90; 
    width: 100%; 
    height: 500px; 
    background-color: #000; 
}

/* Fine Lightbox */