/* New Idea Studio S.r.l. */
html, body { height: 100%; width: 100%; }
body { margin: 0; background: #C8CCB5; font-size: 12px; font-family:Helvetica,Arial,sans-serif; }

.clear { clear: both; height: 0; font-size: 0; line-height: 0.0;}
.clearme:after
{
	content: \".\";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
}
.hidden { display: none; }


.titoloVerde { color: #516004; }
.titoloVerdeBold { font-weight: bold; color: #516004; }
.verde536907 { color: #536907; }
.verde7c824a { color: #7c824a; }
.verde9aaa0e { color: #9aaa0e; }
.grigio53544b { color: #53544b; }

#campoCerca { height: 17px; border: 1px solid #E7EFE7; vertical-align: middle; float: right; margin: 0 8px 0 0; width: 160px; color: #b1b6a9; font-size: 10px; padding: 0 3px; }
#cerca { font-weight: bold; color: #b1b6a9; font-size: 11px; }
#cerca a { font-weight: bold; color: #b1b6a9; font-size: 11px; text-decoration: none; }


#footer { width: 900px; text-align: left; margin: 7px 0 0 0; }
#pagina { width: 884px; height: auto !important; height: 554px; min-height: 554px; background: #FFF; border: 8px solid #FFF; text-align: left;font-size: 12px; font-style: helvetica; padding: 0; margin: 0;}
* html #pagina {width: 900px;}

#pagina #header { height: 20px;}

#header #cerca { width: 239px; float: left;}
#header #path { color: #b1b6a9; font-size: 11px;}
#header #path a { color: #b1b6a9; font-size: 11px; text-decoration: none;}
#header #path strong { color: #A6C80E;}

#top2 { border:1px solid red;}

#logo {width:231px; height: 79px; float: left;}
#logo h2 { margin: 0;}
#logo h2 a { display: block; width:231px; height: 79px; background: url(images/logo_deroma.gif) no-repeat top left;}
#logo h2 a span { display: none; }

#menuPrincipale {margin:0 0 0 239px;}
#menuPrincipale ul { list-style: none; margin: 0; padding: 0;}
#menuPrincipale ul li { list-style: none; margin: 0; padding: 0; float: left; height: 85px; width: 92px;}
#menuPrincipale ul li a { display: block; height: 85px; width: 92px;}
#menuPrincipale ul li a span { display: none; }

#menuPrincipale ul li a:hover, #menuPrincipale ul .selezionato a { background: none;}

#contenuti { margin: 50px 0 0 0 ;}
#colSx {float: left; width: 231px;}
#colDx {margin: 0 0 0 239px;}
/*IE*/
* html #colDx {margin-left: 236px;}
#colSx #colSxtop, #colDx #titolo { height: 48px; background: #FFF;}

#colDx #titolo #quadri { float: right;}
#colDx #titolo #quadri a { float: left; width: 16px; height: 16px; background: url(images/quadrato_off.gif) no-repeat top left; margin: 5px 0 0 3px;}
#colDx #titolo #quadri a:hover, #colDx #titolo #quadri a.selezionato { background: url(images/quadrato_on.gif) no-repeat top left;}

#box { overflow: hidden; height: auto !important; height: 350px; min-height: 350px; }
* html #box { overflow: visible; }
/*#boxContenuto { display: none;}*/
#box #boxContenuto #pulsanti { float:right; display: none; margin-top: 10px;}
#box #boxContenuto #pulsanti .freccia_su {position: relative; top: 227px; left:-14px;}
#box #boxContenuto #pulsanti .freccia_su300 {position: relative; top: 230px; left:-14px;}

#box .bianco { width: 266px; height:266px; margin: 11px; background: #FFF; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; padding-top:0.1;}
#box .bianco #clip { position: relative; top: 13px;left: 15px; width: 220px; height:240px; margin: 0; clip: rect(0, 220px, 240px, 0); overflow:hidden;}
#box .bianco #clip #scroll { width:220px; position: relative; top: 0; left: 0; margin: 0; background: trasparent; color:  #65574e; font-size: 13px;  }

#box .qualita { width: 450px; height: 250px; margin: 11px; padding-top:0.1;}
#box .qualita #clip { position: relative; top: 13px;left: 15px; width: 410px; height:250px; margin: 0; background: transparent; overflow:hidden;}
#box .qualita #clip #scroll { width:410px; position: relative; top: 0; left: 0; margin: 0; color: white;  }

#box .subsubcat { width: 180px; height: 250px; margin: 0px; padding-top:0.1;}
#box .subsubcat #clip { position: relative; top: 0px;left: 0px; width: 140px; height:250px; margin: 0; background: transparent; overflow:hidden;}
#box .subsubcat #clip #scroll { width:410px; position: relative; top: 0; left: 0; margin: 0; color: white;  }



/*sfondi statici*/
.bkg_deroma_group { background: url(images/sfondi_statici/deroma_group_foto.gif) no-repeat top left;}
.bkg_company_profile { background: url(images/sfondi_statici/company_profile_foto.jpg) no-repeat top left;}
.bkg_filosofia { background: url(images/sfondi_statici/filosofia_foto.jpg) no-repeat top left;}
.bkg_marchi { background: url(images/sfondi_statici/marchi_foto.jpg) no-repeat top left;}
.bkg_marchi_deroma { background: url(images/sfondi_statici/marchi_deroma_foto.jpg) no-repeat top left;}
.bkg_marchi_teracrea { background: url(images/sfondi_statici/marchi_teracrea_foto.jpg) no-repeat top left;}
.bkg_marchi_terracino { background: url(images/sfondi_statici/marchi_terracino_foto.jpg) no-repeat top left;}
.bkg_qualita { background: url(images/sfondi_statici/qualita_foto.jpg) no-repeat top left;}
.bkg_innovazione { background: url(images/sfondi_statici/innovazione_foto.jpg) no-repeat top left;}
.bkg_partnership { background: url(images/sfondi_statici/partnership_foto.jpg) no-repeat top left;}

/*
.bkg_deroma { background: url(images/sfondi_statici/deroma_foto.jpg) no-repeat top left;}
.bkg_mission { background: url(images/sfondi_statici/mission_foto.jpg) no-repeat top left;}
.bkg_team_creativo { background: url(images/sfondi_statici/team_creativo_foto.jpg) no-repeat top left;}
.bkg_comunicazione { background: url(images/sfondi_statici/comunicazione_foto.jpg) no-repeat top left;}
.bkg_comunicazione_nei_punti_vendita_contemporary { background: url(images/sfondi_statici/puntivendita_contemporary_foto.jpg) no-repeat top left;}
.bkg_comunicazione_nei_punti_vendita_ethnic { background: url(images/sfondi_statici/puntivendita_ethnic_foto.gif) no-repeat top left;}
.bkg_comunicazione_nei_punti_vendita_classic { background: url(images/sfondi_statici/puntivendita_classic_foto.jpg) no-repeat top left;}
.bkg_comunicazione_sul_prodotto { background: url(images/sfondi_statici/comunicazione_sul_prodotto_foto.jpg) no-repeat top left;}*/

.bkg_stili_e_prodotti { background: url(images/sfondi_statici/stili_e_prodotti_foto.jpg) no-repeat top left;}
.bkg_lavoro_opportunita, .bkg_lavoro_curriculum { border: 1px solid #d5dab1; height: auto !important; height: 348px; min-height: 348px; width: 643px; padding-top:0.1;}
 


.bkg_news { background: url(images/sfondi_statici/news_foto.jpg) no-repeat top left;}
.bkg_in_corso { background: url(images/sfondi_statici/in_corso_foto.jpg) no-repeat top left;}
.bkg_archivio { background: url(images/sfondi_statici/archivio_foto.jpg) no-repeat top left;}




#loader_container {
	text-align:center;
	position:absolute;
	top:40%; 
	left: 0;
	width:100%;
	z-index: 50;
}
#loader {
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#BAC490;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #BAC490;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#BAC490;
}
#loader_bg {background-color:#EBEBE4;position:relative;top:8px;left:8px;height:7px;width:113px;font-size:1px}