body{position: absolute; width: 100%; height: 100%; font-size:12px;}
#megacontainer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0 }
.box { padding: 1.5em; margin-bottom: 1.5em; background: transparent; }
img{ border: 1px solid #313131; padding: 2px; }
table{border-collapse:separate; border-spacing:1px}
th {font-weight:bold;background: #4e4e4e;}
td { border:1px solid #4e4e4e}


#containermain{ width: 960px; height: 600px; position: absolute; top: 50%; left: 50%; margin: -300px 0 0 -480px; overflow: hidden;    }

.area{ overflow: hidden; }
#areaHeader{
position: relative;
	height: 88px;
	overflow: hidden;
	border-bottom: 1px solid #4E4E4E;
	height/**/:/**/ 87px;
}
#areaHeader p{ display: none; }
#areaHeader object{
	 position: absolute; top: 0px; right: 0px;
}
#hlogo a{ display: block; width: 284px; height: 80px; overflow: hidden; float: right; background: url(../img/logo.png); text-indent: -9999px; }
#areaMain{ height: 452px; overflow: hidden;}
body#index #areaMain{
	width: 960px;
	padding: 0 22px;
	width/**/:/**/ 916px;
}
body#index #areaMain{ height: 345px; overflow: hidden;}
body#index #areaMain .myGallery{
display: inline;
	float: left; 
	margin-right: 16px;
	margin-top: 20px;
	width: 450px;
	height: 300px;
	z-index: 5;
	border: 1px solid #000;
	overflow: hidden;
	width/**/:/**/ 448px;
	height/**/:/**/ 298px;
}
body#index #areaMain #myGallery2{ margin-right: 0px; }

#areaMenu{
background: url(../img/black.gif);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
	height: 30px;
	overflow: hidden;
	border-bottom: 1px solid #313131;
	border-top: 1px solid #313131;
	height/**/:/**/ 28px;
}
#areaMenu #cmenu{ width: 100%; height: 30px;  }
#mappa-gioiellerie-ottica #areaMainTop{	height: auto; }
#areaMainTop{
position:relative;
overflow: hidden;
	text-align: center;
	padding: 16px 0;
	height:353px;
	height/**/:/**/ 321px;
}
#areaMainTop #myGallery{ margin: 0 auto}

#areaMainSx .box,#areaMainDx .box{ padding: 0.75em 0; }

#areaMainBot{ height: 105px; overflow: hidden; }
#areaMainBot a{
	float: left;
	width: 100px;
	overflow: hidden;
	outline: none;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	margin-right: 15px;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
}
#areaMainBot a.selected{ cursor: default; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
body#gioiellerie #areaMainBot a,body#ottica #areaMainBot a{ opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=20); }
body#gioiellerie #areaMainBot a.selected,body#ottica #areaMainBot a.selected{ cursor: default; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
body#gioiellerie #areaMainBot a.selected:hover,body#ottica #areaMainBot a.selected:hover{ cursor: default; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
body#gioiellerie #areaMainBot a.selected.active,body#ottica #areaMainBot a.selected.active{ cursor: default; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
body#gioiellerie #areaMainBot a:hover,body#ottica #areaMainBot a:hover{ opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
body#gioiellerie #areaMainBot a.active,body#ottica #areaMainBot a.active{opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); }
body#gioiellerie #areaMainBot a.active:hover,body#ottica #areaMainBot a.active:hover{opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }

#areaMainBot a:hover{
	margin-right: 15px;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
	opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);
}
/*


*/
#areaMainBot a img{
	display: block;
	width: 90px;
	height: 60px;
	outline: none;
	margin-bottom: 4px;
padding: 1px;
border: 1px solid #e1e1e1;
width/**/:/**/ 86px;
height/**/:/**/ 56px;
}
#areaMainBot a.selected img{
	display: block;
	width: 90px;
	height: 60px;
	outline: none;
	margin-bottom: 4px;
padding: 1px;
border: 1px solid #e1e1e1;
width/**/:/**/ 86px;
height/**/:/**/ 56px;
}
#areaMainBot ul{ list-style-type: none; position: relative;  height: 105px; width: 100%; margin: 0px; }
#areaMainBot ul li{ float: left; height: 105px; }
#areaMainBot li#arwLeft{ background:  url(img/fleche1_scorri.gif) no-repeat 10px 10px; text-indent: -9999px; width: 60px; cursor: pointer; position: absolute; left: 0; top: 0; }
#areaMainBot li#liThumbs{
	/*width: 844px;*/
	width: 840px;
	height: 105px;
	overflow: hidden;
	position: absolute;
	left: 60px;
	top: 0px; /*clip: rect(0px 345px 105px 0px); *//*clip: rect(0px 345px 105px 0px); */
}
#areaMainBot #thumbs{ height: 105px; position: absolute; top: 0px; left: 0; z-index: 10; }
#areaMainBot #thumbs a{ height: 110px; text-align: center; width: 90px; font-size: 85%; line-height: 0.9em; }
#areaMainBot li#arwRight{ background: url(img/fleche2_scorri.gif) no-repeat 10px 10px; text-indent: -9999px; width: 60px; cursor: pointer; position: absolute; right: 0px; top: 0px; }

body#team #areaMainTop{ text-align: center;}
body#team #areaMainTop div{ margin: 0 auto; width: 619px; overflow: hidden;   }
body#team #areaMainTop img{ float: left; margin-right: 15px}
body#team #areaMainTop img.last{ margin-right: 0}

body#contatti #areaMainDx{ text-align: center; }
body#contatti #areaMainDx h4{ text-align: right;}
body#contatti #areaMainDx p{ margin: 0 0 1em 0; font-size: 80%; text-align: right;}
body#contatti #areaMainDx hr{ margin: 0 0 1.2em 0}


body#contatti #areaMainDx form{ margin: 0 auto; width: 470px;   }
body#contatti #contmap{
margin-top: 10px;
	width: 400px;
	height: 250px;
	color: #000;
	overflow: hidden;
	background: url(../img/cartina.png) no-repeat center;
	padding: 1px;
border: 1px solid #484848;
width/**/:/**/ 396px;
height/**/:/**/ 246px;
}
body#sede #areaMainSx div.box,body#team #areaMainSx div.box{ margin-bottom:0;}
body#sede #areaMainSx div.box{ padding-top:33px;}
body#sede #areaMainDx div.box{ padding-top:33px;}
body#sede #areaMainSx div.box img{ margin-bottom:30px;}
/*body#team #areaMainSx div.box img{ width: 590px; height: 426px;}*/





#flashcontent{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; }
#flashcontent object{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;  z-index: 100;  }

#areaFooter{ height: 50px; overflow: hidden; font-size: 80%; line-height: 15px; color: #a9a9a9; text-align:center}
#areaFooter a {text-decoration: none; color: #a9a9a9;
}
#areaFooter a:hover{color:#fff}


body#comunicazione #areaMainTop{
	padding: 10px 0;
	height: 332px;
	height/**/:/**/ 312px;
}
body#comunicazione #areaMainBot a{ height: 110px; width: 100px; text-align: center;  }
body#comunicazione #areaMainBot a img{
	display: block;
	width: 64px;
	height: 90px;
	outline: none;
	margin: 0 auto 4px auto;
padding: 1px;
border: 1px solid #e1e1e1;
width/**/:/**/ 62px;
height/**/:/**/ 88px;
}
body#comunicazione #areaMainTop .mb { height: 260px; width: auto; margin-right: 10px}
body#comunicazione #areaMainTop .mb img{ height: 260px; width: auto; border: 1px solid #313131;}

body#comunicazione #areaMainTop ul{
position: relative;
top: 0;
list-style: none;
margin:0;
display: block;
	width: 958px;
	height: 294px;
	z-index: 5;
}
body#comunicazione #areaMainTop ul li{
	display: block;
	height: 100%;
	position: absolute;
	top: 6px;
}
body#comunicazione #areaMainTop ul li#liThumbs{
	width: 820px;
	left: 64px;
	overflow: hidden;
	}
#areaMainTop #thumbs{ height: 200px; position: absolute; top: 0px; left: 0; z-index: 10; }

body#comunicazione #areaMainTop ul li#liThumbs #thumbs a{
	text-decoration: none;
	display: block;
	width: 190px;
	float: left;
	margin-right: 15px;
	text-align:center;
	overflow: hidden;
}
body#comunicazione #areaMainTop ul li#liThumbs #thumbs a img{
display: block;
	width: 188px;
	height: 260px;
	outline: none;
	margin: 0 auto 4px auto;
padding: 1px;
border: 1px solid #e1e1e1;
width/**/:/**/ 186px;
height/**/:/**/ 258px;}
body#comunicazione #areaMainTop ul li#arwLeft{
	width: 64px;
	height: 260px;
	left: 8px;
	background: url('img/fleche1.png') no-repeat left center;
	text-indent: -9999px;
	left: 0px;
	top: 0px;
	cursor: pointer;
}
body#comunicazione #areaMainTop ul li#arwRight{
cursor: pointer;
	width: 64px;
	height: 260px;
	right: 8px;
	background: url('img/fleche2.png') no-repeat right center;
	text-indent: -9999px;
}


#logged{ position:absolute; top:66px; left:12px; z-index:1000; height:18px;}
body#privacy #areaMain { font-size:0.9em}
body#privacy #areaMain p{ margin-bottom:0.6em}
body#privacy #areaMain h4{ margin-bottom:0; height:auto; }

body#area_doc #areaMainTop { height:auto}
body#area_doc #areaMainBot { height:auto}

body#login-designsrl #areaMain{ text-align:center}
body#login-designsrl #areaMain form{ width:45% ; margin:0 auto}
body#login-designsrl #areaMainSx .box{ text-align:left; padding-top: 33px}
body#login-designsrl #areaMainSx .box img{ margin-bottom:30px}
body#login-designsrl #areaMainDx .box{ text-align:left}

body#team #areaMainSx img{ border:1px solid #484848}


/*-----------------Nuova area volti---------------------*/
#volti .imageVolti{ float:left;margin-right:20px; width:263px; height:160px; overflow:hidden; }
#volti .titolo { width:373px; float:left; text-align:left;}
#volti .titolo.noImage{ width:auto; float:none;}
#volti .sottotitolo { width:373px; float:left; text-align:left; color:#999;}
#volti .sottotitolo.noImage{ width:auto; float:none; }
#volti .testo { width:373px; float:left; text-align:left;}
#volti .testo.noImage{ width:auto; float:none;}
#volti .contatti { position: absolute; top:195px; left:0px; width:545px; text-align:left; color:#999; }
#volti .contatti.noImage{ width:auto; position:static;}