@charset "utf-8";
/* CSS Document */
body {
		margin:0;
		padding:0;
		font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#AFAFAF;
	}

p{
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 0px;
}

img{
    border: none;
}
/*div {border:1px solid red;}	*/
#mainContainer {
	height: 520px;
	width: 882px;
	margin:0;
	position:absolute;
	left:50%;
	margin-left:-441px;
        top: 50%;
        margin-top: -260px;
}
#contents {
	height: 332px;
	width: 600px;
	position: absolute;
	left: 125px;
	top: 18px;
        font-size: 10px;
        line-height: 12px;
}
#banners{
    /*width:135px;*/
    width: 120px;
    height:332px;
    position:absolute;
    left:747px;
    top:18px;
    list-style-type:none;
    margin:0px;
    padding:0px;
}
#banners img{
    border: none;
}
#banners .image_visible{
    visibility: visible;
    border-top: solid 1px #AFAFAF;
    border-bottom: solid 1px #AFAFAF;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}
#banners .image_visible_border_bottom{
    visibility: visible;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #AFAFAF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
#banners .image_visible_no_border{
    visibility: visible;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
#banners .image_hidden{
    visibility: hidden;
    border-top: solid 1px #AFAFAF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
#banners .design_meeting{
    text-align: center;
    padding-top: 18px;
    position: relative;
}
#banners .design_meeting a{
    z-index: 10;
}


#banners .link{
    text-align: center;
    line-height: 10px;
}
#banners .link a:link, #banners .link a:visited{
    color: #706C6C;
    font-size: 8px;
    letter-spacing: 0.5px;
    font-weight: bold;
    text-decoration: none;
}
#banners .link a:hover{
    
}

	

#mainMenu {
	width:109px;
	height:114px;
	position:absolute;
	left:125px;
	top:371px;

	}
	
#mainMenu ul
{
    list-style:none;
    margin:0px;
    padding:0px;


}
#mainMenu ul li
{
color:#C3C3C3;
font-weight:bolder;
text-decoration:none;
line-height: 25px;
font-size: 30px;
letter-spacing: -2.3px;
}
#mainMenu .azienda{
    padding-left: 2px;
}
#mainMenu ul li a:link, #mainMenu ul li a:visited
{
font-weight:bolder;

color:#C3C3C3;
text-decoration:none;
}
#mainMenu ul li a:hover
{
font-weight:bolder;
color:#706C6C;
text-decoration:none;
}
#mainMenu ul li a.current
{
font-weight:bolder;
color:#706C6C;
text-decoration:none;
}

#langMenu {
		width:200px;
		height:11px;
		position:absolute;
		top:380px;
		left:256px;
	}
		
#langMenu ul
{
list-style:none;
	margin:0;
	padding:0 0 0 0;
	float:left;
}
#langMenu ul li
{
float:left;
padding:7px 5px 5px 0;
color:#C3C3C3;

line-height: 6px;
font-size: 11px;
font-weight: bolder;
/*letter-spacing: 1.2px;*/
}
#langMenu ul li a
{
color:#C3C3C3;
font-weight:bolder;
text-decoration:none;
}
#langMenu ul li a:hover
{

color:#706C6C;
font-weight:bolder;
text-decoration:none;
}
#langMenu ul li a.current
{
color:#706C6C;
font-weight:bolder;
text-decoration:none;
}


#logoStatus {
    text-decoration: none;
    display: block;
	width:150px;
	height:89px;
	position:absolute;
	top:320px;
	left:-35px;
	background:url(../images/logo_status.gif) top left no-repeat;
	}	
	

/* ================ Main Page CSS Ends here */

/* ---------------- AZIENDA ------------- */
#contAzienda{
}

.azienda .logo1 img,.azienda .logo2 img,.azienda .logo3 img{
    display: block;
    padding: 0px;
    height: 30px;
    margin: 0px;
    float: left;
}
.azienda .logo0{
    height: 141px;
}
.azienda .logo1{
    vertical-align: top;
    padding-right: 20px;
    height: 30px;
}
.azienda .logo2{
    vertical-align: middle;
    padding-right: 20px;
    height: 81px;
    line-height: 93px;
}
.azienda .logo3{
    vertical-align: bottom;
    padding-right: 20px;
    height: 30px;
}
.azienda .testo-azienda{
    line-height: 11px;
    font-size: 11px;
    height: 191px;
    vertical-align: top;
    padding-right: 10px;
}
.azienda .description {padding-top:20px;}
.azienda #form {width:283px;padding-top:20px;}
.azienda #form p {margin:4px 0px;}
.azienda #form form {margin:0px;padding:0px;}
.azienda #form ul {margin:0;padding:0;width:100%;list-style-type:none;}
.azienda #form ul li {padding:0 0 1px 0;position:relative;text-align:right;}
.azienda #form label {display:block;float:left;width:60px;text-align:left;}
.azienda #form .submit {text-align:right;padding-top:2px;}
.azienda #form .submit a:link, #form .submit a:visited{
    font-size:10px;
    color:#706C6C;
    text-decoration: none;
    line-height: 12px;
}
.azienda #form .submit a:hover{
    text-decoration: underline;
}
.azienda #form .submit table{
    width: 100%;
}

.azienda #form .submit table .left{
    text-align: left;
}
.azienda #form .submit table .left a{
    color: #FF0000;
}

.azienda #form .submit table .right{
    text-align: right;
}
.azienda .listino_metel_link:link, .azienda .listino_metel_link:visited{
    font-size:10px;
    color:#706C6C;
    text-decoration: underline;
    line-height: 12px;
}

.azienda .listino_metel_link:hover{
    text-decoration: none;
}

.azienda p{
	display:block;
	width:210px;
	text-align: left;
}


/* page_3 CSS...................................*/
#productMenu {
		height:11px;
		position:absolute;
		top:424px;
		left:266px;
	}
#productMenu ul
{
list-style:none;
	margin:0;
	padding:0 0 0 0;
	float:left;
}
#productMenu ul li
{
float:left;
padding:12px 0 5px 0;
color:#C3C3C3;

line-height: 6px;
font-size: 13px;
/*font-weight: bolder;*/
/*letter-spacing: -1px;*/
}
#productMenu ul li a
{
color:#C3C3C3;
/*font-weight:bolder;*/
text-decoration:none;
}
#productMenu ul li a:hover
{

color:#706C6C;
text-decoration:none;
}
#productMenu ul li a.current
{
color:#706C6C;
text-decoration:none;
}


#imagelist ul
{
width:600px;
height:auto;
margin:0;
padding:0;
list-style:none;
text-transform: uppercase;
}
#imagelist ul li
{
position: relative;
float:left;
padding:2px 2px 2px 2px;
text-decoration:none;
text-align: center;
}
#imagelist ul li a:link, #imagelist ul li a:visited
{
float: left;
width: 69px;
height: 83px;
text-decoration:none;
text-align: center;
font-size: 10px;
letter-spacing: -1px;
color: #AFAFAF;
}
#imagelist ul li a:hover
{
color: #706C6C;
text-decoration:none;
}
#imagelist ul li a.normale:link img, #imagelist ul li a.normale:visited img{
    float: left;
    border: solid 2px #AFAFAF;
}

#imagelist ul li a.normale:hover img, #imagelist ul li a.novita img{
    float: left;
    border: solid 2px #155196;
}

#imagelist .nuova{
	position:absolute;
	top:0;
	left:0;
	margin: 2px 2px 2px 2px;
}

.scarica{
	position: absolute;
	right: 0;
	bottom: 0;
	color:#AFAFAF;
	font-size: 12px;
	text-decoration:none;	
}



/*   ---   NEWS   ---   */

.news{
    height: 332px;
    overflow: auto;
    width: 600px;
    position: absolute;
    left: 125px;
    top: 18px;
}
.news h1{
    margin: 0px;
    padding-bottom: 5px;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    color: #AFAFAF;
}
.news .testo{
    font-size: 9px;
    line-height: 9px;
    text-align: justify;
    color: #706C6C;
    letter-spacing: 0px;
}

#notizia_template_1 h1{
    /*
    background-image: url(../images/news/news_01_title.jpg);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 125px;
    */
}

#notizia_template_2 .left{
    padding-right: 10px;
}

#notizia_template_2 .center{
    border-top: solid 1px #AFAFAF;
    border-bottom: solid 1px #AFAFAF;
    color: #AFAFAF;
    font-size: 9px;
    line-height: 9px;
    text-align: justify;
    color: #706C6C;
    vertical-align: top;
    padding-top: 10px;
}

#notizia_template_2 .right{
    padding-left: 10px;
}

#newsMenu {
		height:11px;
		position:absolute;
		top:446px;
		left:256px;
	}
#newsMenu ul
{
list-style:none;
	margin:0;
	padding:0 0 0 0;
	float:left;
}
#newsMenu ul li
{
float:left;
padding:2px 0 5px 0;
color:#C3C3C3;

line-height: 6px;
font-size: 11px;
font-weight: bolder;
letter-spacing: -1px;
}
#newsMenu ul li a
{
color:#C3C3C3;
font-weight:bolder;
text-decoration:none;
}
#newsMenu ul li a:hover
{

color:#706C6C;
font-weight:bolder;
text-decoration:none;
}
#newsMenu ul li a.current
{
color:#706C6C;
font-weight:bolder;
text-decoration:none;
}



/*   ---   CONTATTI   ---   */



.contatti h1{
    margin: 0px;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 14px;
    color: #8f8c8c;
}

.contatti p{
	    float: left;
    font-size: 12px;
    color: #C3C3C3;
    padding-top: 3px;
    line-height: 13px;
}

.contatti a:link, .contatti  a:visited{
    text-decoration: none;
    font-size: 14px;
    color: #8f8c8c;
}

.contatti a:hover{
    text-decoration: underline;
}


/*.contatti h1{
    margin: 0px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 14px;
    color: #8f8c8c;
}

.contatti .indicazioni{
    float: left;
    font-size: 14px;
    color: #C3C3C3;
    padding-top: 13px;
    line-height: 12px;
}

.contatti .recapiti{
    float: right;
    font-size: 11px;
    color: #C3C3C3;
    padding-top: 13px;
    line-height: 12px;
}

.contatti .recapiti h2{
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    color: #706C6C;
    font-weight: normal;
}

.contatti .recapiti a:link, .contatti .recapiti a:visited{
    text-decoration: none;
    color: #706C6C;
}

.contatti .recapiti a:hover{
    text-decoration: underline;
}*/



/* ---   DESIGN MEETING FAQ   --- */

.faq{
    font-family: Arial;
    font-size: 11px;
    line-height: 12px;
    padding-left: 10px;
}

.faq .titolo{
    color: #70706C;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}

.faq .question:link, .faq .question:visited{
    display: block;
    color: #AFAFAF;
    text-decoration: none;
    padding-bottom: 5px;
}

.faq .question:hover{
    text-decoration: underline;
}

.faq .sottotitolo{
    color: #70706C;
    padding-top: 10px;
    padding-bottom: 10px;
}

.faq .answer{
    display: block;
    padding-bottom: 5px;
}



/* ---   DESIGN MEETING NOTE LEGALI   --- */

form{
    padding: 0px;
    margin: 0px;
}

.note_legali{
    font-family: Arial;
    font-size: 11px;
    line-height: 12px;
    color: #AFAFAF;
    padding-left: 10px;
}

.note_legali h1{
    color: #70706C;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding-bottom: 10px;
}


/* END page_3 CSS...................................*/


/*   ---   SCHEDA PRODOTTO [begin]   ---   */

#scheda_prodotto .immagini{
    float: left;
    position: relative;
}

#scheda_prodotto .immagini .immagine{
    height: 310px;
    overflow: hidden;
}

#scheda_prodotto .immagini #loader{
    position: absolute;
    left: 50%;
    margin-left: -14px;
    top: 50%;
    margin-top: -14px;
    display: none;
}

#scheda_prodotto .immagini a{
    float: left;
    padding: 2px;
    margin-top: 5px;
    margin-right: 5px;
    text-decoration: none;
}

#scheda_prodotto .immagini a.normal:link, #scheda_prodotto .immagini a.normal:visited{
    font-size: 9px;
    color:#999999;
    text-decoration:none;
}

#scheda_prodotto .immagini a.normal:hover{
    text-decoration:underline;
}

#scheda_prodotto .immagini a.active{
    font-size: 9px;
    background-color: #999999;
    color:#FFFFFF;
    text-decoration:none;
}

#scheda_prodotto .box_informazioni{
    width:175px;
    height:332px;
    float:right;
}

#scheda_prodotto .box_informazioni p{
    text-align:left;
    font-size:9px;
    color:#706C6C;
}

#scheda_prodotto .box_informazioni .nome{
    font-size:28px;
    line-height: 20px;
    margin:0;
    padding:0;
    color:#3568A1;
    font-weight:bold;
}

#scheda_prodotto .box_informazioni .allegati{
    text-align:left;
    font-size:9px;
    color:#AFAFAF;
}

#scheda_prodotto .box_informazioni .allegati a:link, #scheda_prodotto .box_informazioni .allegati a:visited{
    display: block;
    color:#999999;
    text-decoration:none;
    padding-left: 20px;
    padding-top: 5px;
}

#scheda_prodotto .box_informazioni .allegati a:hover{
    text-decoration: underline;
}

#scheda_prodotto .box_informazioni .allegati .pdf{
    background-image: url(../images/Banners/pdf.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

#scheda_prodotto .box_informazioni .allegati .model{
    background-image: url(../images/Banners/3dmodel.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

/*   ---   SCHEDA PRODOTTO [end]   ---   */


/* page_4 CSS...................................*/




/* END page_4 CSS...................................*/

/* start page_10 CSS...................................*/
#listpage_10
{
width:165px;
height:auto;
margin:20px 0 0 0;
padding:0;
}
#listpage_10 ul
{
margin:0;
padding:0;
list-style:none;

}
#listpage_10 ul li
{

line-height:16px;
padding:2px 0 5px 0;

font-size:10px;
color:#C3C3C3;
font-weight:bold;
}
#listpage_10 ul li a
{


font-size:10px;
color:#C3C3C3;
text-decoration:none;
font-weight:bold;
}
#listpage_10 ul li a:hover
{


font-size:10px;
color:#8B8888;
text-decoration:none;
font-weight:bold;
}
#listpage_10 ul li a.current
{


font-size:10px;
color:#8B8888;
text-decoration:none;
font-weight:bold;
}



#scrolcontainer
{
margin:20px 0 0 0;
width:400px;
height:auto;
border-left:#AFAFAF solid 1px;
border-right:#AFAFAF solid 1px;
float:right;
}

/* <Scroll> */

code
{
    display: block;
    background: #F8F5F0;
    white-space: pre;
}

#operaBug
{
    overflow: hidden;
}

.revert
{
    direction: rtl;
    unicode-bidi: bidi-override;
    text-align: left;
}

div.scrollholder
{
    float: left;
    margin: 0 5px;
    position:relative;
    width:390px; 
    height:300px;
    overflow:auto;
    z-index:1;
    background-color:#FFFFFF;
}


div.scrollholder_news
{
    float: left;
    position:relative;
    width:600px;
    height:300px;
    overflow:auto;
    z-index:1;
    background-color:#FFFFFF;
}

div.scrollholder_news .testo{
    padding-right: 5px;
    padding-bottom: 2px;
}


div.scrollholder_azienda
{
    float: left;
    position:relative;
    width:600px;
    height:300px;
    overflow:auto;
    z-index:1;
    background-color:#FFFFFF;
}

div.scrollholder_azienda .testo{
    padding-right: 5px;
    padding-bottom: 2px;
}

div.scrollholder_design_meeting{
    float: left;
    position:relative;
    width:390px;
    height:270px;
    overflow:auto;
    z-index:1;
    background-color:#FFFFFF;
}
div.scrollholder_design_meeting .track{
    height: 270px;
}






div.scroll
{
	position: absolute;
	left: 0px;
	top: -2px;
	width: 85%;
	z-index: 2;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 16px; 
    font-size: 0;
    z-index: 3;
    background:#E6E7E1;
    /*height:100%;*/
    height: 300px;
}

div.drag_bar
{
    position: absolute;
    width:12px; height:4px;
    cursor: pointer;
    z-index: 4;
    background:#FFFFFF;
    border: solid 2px #E6E7E1;
}  

#headertext {
	font-size:11px;
	font-weight:bold;
	color:#706C6C;
	margin:0px 0 0px 0;
}
#design_meeting_text{
    font-size:11px;
    line-height:12px;
    color:#AEAEAE;
    padding-left: 10px;
}

#design_meeting_text strong{
    color: #706C6C;
}
#design_meeting_text ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 9px;
}
#design_meeting_text ul li{
    line-height: 20px;
    float: left;
    width: 100%;
}
#design_meeting_text ul li label{
    font-weight: bold;
    float: left;
    width: 70px;
}
#design_meeting_text ul li .p2Input{
    float: left;
    width: 245px;
    border: solid 1px #AFAFAF;
    padding: 0px;
    font-size: 9px;
}

#design_meeting_text ul .submit{
    clear: both;
    text-align: right;
    width: 100%;
}
#design_meeting_text ul .submit a:link, #design_meeting_text ul .submit a:visited{
    color: #706C6C;
    text-decoration: none;
}
#design_meeting_text ul .submit a:hover{
    text-decoration: underline;
}

#design_meeting_text ul .submit table{
    width: 100%;
}

#design_meeting_text ul .submit table .left{
    text-align: left;
}
#design_meeting_text ul .submit table .left a{
    color: #FF0000;
}


#design_meeting_text ul .submit table .right{
    text-align: right;
}



.progetto_preview{
    width: 100%;
}
.progetto_preview .titolo{
    width: 100%;
    color: #706C6C;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: top;
    padding-top: 10px;
}
.progetto_preview .link{
    vertical-align: bottom;
    padding-bottom: 10px;
    border-bottom: solid 1px #CCCCCC;
}
.progetto_preview .link a:link, .progetto_preview .link a:visited{
    color: #706C6C;
    text-decoration: underline;
}
.progetto_preview .link a:hover{
    text-decoration: none;
}
.progetto_preview .image{
    vertical-align: top;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: solid 1px #CCCCCC;
}



.progetto{
    padding-left: 20px;
    padding-top: 20px;
}
.progetto .progetto_titolo{
    font-weight: bold;
    color: #706C6C;
    font-size: 14px;
    text-transform: uppercase;
}

.progetto .progetto_immagini{
    padding-top: 10px;
    height: 195px;
}

.progetto .progetto_preview{
    float: left;
    width: 270px;
    position: relative;
}

.progetto .progetto_preview #loader{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -14px;
    margin-top: -14px;
    display: none;
}

.progetto .progetto_thumbnails{
    padding-left: 5px;
    float: left;
}

.progetto .progetto_thumbnails a{
    display: block;
    margin-bottom: 3px;
}

.progetto .progetto_thumbnails a:link img, .progetto .progetto_thumbnails a:visited img{
    width: 45px;
    border: solid 1px #CCCCCC;
}
.progetto .progetto_thumbnails a:hover img{
    border: solid 1px #706C6C;
}
.progetto .back:link, .progetto .back:visited{
    color: #706C6C;
    text-decoration: none;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.progetto .back:hover{
    text-decoration: underline;
}

#scrolcontainer_progetto{
    height:60px;
    height:auto;
}
div.scrollholder_progetto{
    position:relative;
    height:60px;
    overflow:auto;
    z-index:1;
    background-color:#FFFFFF;
}
div.scrollholder_progetto .track{
    height: 60px;
}


/* END page_10 CSS...................................*/





/*   Ragistrazione Azienda   */

.azienda_sign_up_errors{
    color: #FF0000;
    font-weigth: bold;
}




.show_50{ -moz-opacity:.30; filter:alpha(opacity=30); opacity:.30; }
.show_100{ -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }