@charset "utf-8";
/* CSS Document */

html, body { margin:0; padding:0; }
body {
	background: #FFF url(../img/left_bkg.gif) left repeat-y;
	text-align: left;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height:16px;
	color: #006666;
}

#container { position:relative; width:1000px;  }
#banner {
  position:absolute;
  left:50px;
  top:256px;
  width:308px;
  height:139px;
  border:1px solid #000;
  z-index:100;
}
#header {  position:relative; height:116px; background:url(../img/header_bkg.gif) top repeat-x; z-index:30; }	
	#header H1 { width:334px; height:116px; background:url(../img/header_logo_mollfam.jpg) left top no-repeat; margin:0; padding:0; }
	#header #brand_it { position:absolute; left:334px; top:0px; width:653px; height:116px; background: url(../img/header_brand_it.jpg) left top no-repeat;  }
	#header #brand_en { position:absolute; left:334px; top:0px; width:653px; height:116px; background: url(../img/header_brand_en.jpg) left top no-repeat;  }
	#header #mail { position:absolute; right:0; top:55px; width:152px; height:20px; background-color:#FFFFFF;
			border:1px solid; border-color:#CCC #FFF #CCC #CCC;
			background:#FFFFFF url(../img/ico_mail.gif) 17px 5px no-repeat;
			font-size:10px; font-weight:bold; color:#066; font-family:Verdana, Arial, Helvetica, sans-serif;
			line-height:20px; }
		#header #mail a,
		#header #mail a:link, #header #mail a:visited, #header #mail a:active { color:#066; text-decoration:none; }
		#header #mail a:hover { color:#066; text-decoration:underline; }
		#header #mail span { padding-left:42px;  }
	#header #flag { position:absolute; right:16px; top:88px; width:124px; height:20px;
			font-size:10px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; }
		#header #flag a,
		#header #flag a:link, #header #flag a:visited, #header #flag a:active { color:#FFF; text-decoration:none; }
		#header #flag a:hover { color:#066; text-decoration:none; }
		#header #flag img { margin:0 8px; vertical-align:text-bottom;}
		
	/*********** MENU *************/
	/*	vedere anche  SpryAssets/SpryMenuBarHorizontal.css	*/
		
	#header #menu_container {
		z-index:99;
		position:absolute;
		left:245px;
		top:65px;
		height:20px;
		width:545px;
		border-right:1px solid #FFF;
		background:#dc6b00 url(../img/barra_bkg.gif) repeat-x;
	}
	/*****************************/

#content { margin-left:49px; margin-top:3px; position:relative; }

	#content #title_bar { margin-top:10px; height:60px; padding-left:196px;
			background:url(../img/title_bar.jpg) bottom left no-repeat; }
		body#gallery #content #title_bar { padding-left:110px; }		
			
		#content #title_bar H2 { margin:0; padding:0;
			font-size:22px; line-height:26px; font-weight:bold; color:#C30; font-family:Verdana, Arial, Helvetica, sans-serif; }	
	#content #title_bar_img { position:absolute; left:0; top:0; width:196px; height:190px;
			background-position:left; background-repeat:no-repeat; }
		#content .azienda { background-image:url(../img/title_bar_img03.jpg); }
		#content .prodotti { background-image:url(../img/title_bar_img01.jpg); }
		#content .dove { background-image:url(../img/title_bar_img04.jpg); }
	
	#content #col_laterale { position:absolute; left:0; top:200px; width:196px; text-align:center; }
	
		#content #col_laterale img { display:block; margin: 0 auto 20px auto; }	
		
		#content #col_laterale #sede1,
		#content #col_laterale #sede2 { width:163px; height:199px; border:1px solid #FFF; /* PER BUG FIREFOX */ }		
		#content #col_laterale #sede1 { background:url(../img/home_sede1.jpg) left top no-repeat; }
		#content #col_laterale #sede2 { background:url(../img/home_sede2.jpg) left top no-repeat; }
		
		#content #col_laterale #sede1 span,
		#content #col_laterale #sede2 span { display:block; margin:146px 0px 0px 0px; font-size:10px; line-height:11px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; }
		
		#content #col_laterale #mail_sx { padding:1px 12px; font-weight:bold; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
		#content #col_laterale #mail_sx img { display:inline; margin:4px 8px 0 0; }
		#content #col_laterale #mail_sx a { color: #006666; text-decoration:none; }
	
	#content #footer{ margin-bottom:16px;
		text-align:right; font-size:10px; color:#8d8470; font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	#content #footer #footer_bar{ height:18px; border:1px solid #C90; background:url(../img/footer_bkg.gif) top repeat-x; }	
	
	
	#puls_mappe	#puls_mappa_1,
	#puls_mappe	#puls_mappa_2 { float:left;  display:inline; padding:2px; margin:0 2px 2px 4px; background-color:#EBEBEB; border:1px solid #999999; font-size:10px; }
	#puls_mappe	#puls_mappa_1.attivo,
	#puls_mappe	#puls_mappa_2.attivo { background-color:#FFFFFF; }
			#puls_mappe a,
			#puls_mappe a:link,
			#puls_mappe a:visited,
			#puls_mappe a:active { font-weight:bold; color:#999999; text-decoration:underline; }
			#puls_mappe a:hover,
			#puls_mappe .attivo a,
			#puls_mappe .attivo a:link,
			#puls_mappe .attivo a:visited { font-weight:bold; color:#000; text-decoration:none; }
	#mappa a,
	#mappa a:link,
	#mappa a:visited,
	#mappa a:hover,
	#mappa a:active { color:#066; }
	
	#sede_nascosta_1,
	#sede_nascosta_2,
	#mappa_nascosta_1,
	#mappa_nascosta_2 { display:none; }
	
	
	/*********** TESTI PRINCIPALI *************/
	
	#content #testi { margin-left:196px; margin-top:10px; padding: 20px 0 20px 20px;
		font: 11px Tahoma, Arial, Helvetica, sans-serif; line-height:19px;}
	
	#content #testi H3 { width:56%; margin:0; margin-bottom:12px; padding:0; border-bottom:3px groove #CCCCCC; 
		font-size:14px; font-weight:bold; color:#CC0000; }
	
	#content #testi P { margin:18px 0; }
	
	#content #testi BLOCKQUOTE { margin-top:8px; margin-bottom:8px; margin-right:0;  }
	
	
	#content #testi a,
	#content #testi a:link,
	#content #testi a:visited,
	#content #testi a:active { color:#333; text-decoration:underline}
	#content #testi a:hover { color:#333; text-decoration:none;}
	
	
	#content #testi ul.lista1{ margin:0; padding:0; list-style: none; position:relative;  line-height:8px; }		
	#content #testi ul.lista1 li { margin:0; padding: 0 0 9px 24px; background:url(../img/ico_porta.gif) left top no-repeat; line-height:13px; }
	
	

/*********** HOME *************/

#home #container { position:relative; width:1000px; }
#home #header { position:relative; height:259px; background:url(../img/home_header.jpg) left top no-repeat;  }
	#home #certificati { position:absolute; left:806px; top:17px; width:152px; height:101px; background:url(../img/certificati_s.gif) left top no-repeat;  }
	#home #brand_it { position:absolute; left:601px; top:59px; width:163px; height:128px; background: url(../img/home_brand_it.gif) left top no-repeat;  }
	#home #brand_en { position:absolute; left:806px; top:152px; width:152px; height:68px; background: url(../img/home_brand_en.gif) left top no-repeat;  }
#home #main { position:relative; width:806px; height:413px; background:url(../img/home_sx.jpg) left top no-repeat;  }
	#home H1#logo { position:absolute; left:622px;top:38px; width:184px; height:60px; background:url(../img/home_logo.gif) left top no-repeat; margin:0; padding:0; }
	#home #home_img { position:absolute; left:86px; top:191px; width:280px; height:189px; }
	#home #sede1 { position:absolute; left:430px; top:191px; width:163px; height:199px; background:url(../img/home_sede1.jpg) left top no-repeat; }
	#home #sede2 { position:absolute; left:601px; top:191px; width:163px; height:199px; background:url(../img/home_sede2.jpg) left top no-repeat; }
	#home #sede1 span,
	#home #sede2 span { display:block; margin:146px 0px 0px 0px; font-size:10px; line-height:11px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; }
#home #right { position:absolute; right:0; width:194px; height:413px; background:url(../img/home_dx.jpg) left top no-repeat;  }
	#home #mail { padding:1px 12px; font-weight:bold; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
		#home #mail img { margin-right:8px; }
		#home #mail a { color: #006666; text-decoration:none; }
		#home #mail a:hover { color: #006666; text-decoration:underline; }
		
	#home #fascettashop { position:absolute; right:0; bottom:40px; text-align:right; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
		#home #fascettashop img { margin-left:8px; }
		#home #fascettashop a { color: #006666; text-decoration:none; }
		#home #fascettashop a:hover { color: #006666; text-decoration:underline; }
		
	#home #flag { position:absolute; right:0; bottom:0; text-align:right; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
		#home #flag img { margin-left:8px; }
		#home #flag a { color: #006666; text-decoration:none; }
		#home #flag a:hover { color: #006666; text-decoration:underline; }	
	
/*********** MENU HOME *************/

/*	vedere anche  SpryAssets/SpryMenuBarHorizontal.css	*/

#home #menu_container {
	z-index:99;
	position:absolute;
	right:0px;
	top:117px;
	height:20px;
	/*width:437px;*/
	width:600px;
	border-right:1px solid #FFF;
	background:#dc6b00 url(../img/barra_bkg.gif) repeat-x;
}
	
/*********** GENERICI *************/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both; height:0; font-size: 1px; line-height: 0px; }

div.separatore { clear:both; height:1px; font-size: 1px; line-height: 1px; 
	background:url(../img/puntini.gif) top repeat-x; }

.centro { text-align:center; margin:0 auto; }

.a_dx { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 24px;
}
.a_sx { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 24px;
}
.a_dx, .a_sx {
	margin-bottom:16px;
}
.bordo_puntini {
	border: 2px dotted #ccc;
}
.riquadro { background: #FFFFCC url(../img/riquadro_bkg.gif) top repeat-x; border: 1px dotted #ccc; padding:10px; }

.evidenzia { color:#CC0000; }

.evidenzia2 { color:#CC6600; }

.evidenzia3 { color:#0091b2; }

.txt_grande {
	font-size:14px;
}
.txt_piccolo {
	font-size:10px;
}
.txt_rosso { color:#FF0000;}
.txt_blu { color:#0000CC;}

/* per nascondere testo di un div (in cui sarà rimpiazzato da un background) ed espandere il link a tutta l'area  */
.nascondi_testo a, a.nascondi_testo {
	display:block;
	width:100%;
	height:100%;
}
.nascondi_testo span {
	/* display:none; */
	display: block;
	width: 0;
	height: 0;
	line-height: 0; /* attribuisce dimensioni nulle */
	overflow: hidden;
	clip: rect(0,0,0,0); /* nasconde il testo */
}

.box_tondo { position:relative; width:322px; height:305px; background: url(../img/spot_bkg.gif) center no-repeat;
		text-align:center; vertical-align:middle; }
	.box_tondo img { margin:auto; margin-top:30px; }

.box { width:270px; height:122px;
	background: url(../img/box_bkg.gif) left top no-repeat;}
.box .contenuti { padding:8px 8px 8px 38px; font-size:11px; text-align:left; }	


/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect { width: 180px; }
#controls {	margin:0 auto 10px auto; }
#galleries {	margin:0 auto 20px auto; height:36px; background:url(../img/galleries_bkg.gif) top no-repeat;
	text-align:center; line-height:36px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#galleries select { margin-top:6px;	} /* per IE6 */
#galleries label { padding-bottom: 2px; font-weight:bold; color:#993300; }

#transport {
	margin: 0;
	padding: 0;
	list-style: none;
}
#transport li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#transport a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	width: 64px;
	float: left;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#transport a:link {
	background: #666 url('../img/gallery_puls_bkg.gif') repeat-x;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:visited {
	background: #666 url('../img/gallery_puls_bkg.gif') repeat-x;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:hover {
	background: #666 url('../img/gallery_puls_on_bkg.gif') repeat-x;
	color: #000;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:focus {
	-moz-user-select: none;
	-khtml-user-select: none;
}

#previews {
	width: 250px;
	border-top: solid 1px #404040;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
	padding: 10px 10px 20px 10px;
	margin-bottom: 16px;
	background-image: url('../img/gallery_previews_bkg.gif');
	background-repeat:repeat-x;
	background-position:top;
	background-color:#99a0a2;
	float: left;
	margin-right: 10px;
}
#thumbnails {
	clear: both;
	margin: 10px auto;
}
#thumbnails div {
	position: relative;
	width: 24px;
	height: 24px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display:inline;
}
#thumbnails img {
	width: 24px;
	height: 24px;
	position: absolute;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
}
#picture {
	padding: 0px;
	padding-bottom:30px;
	width: 570px;
	/* height:450px; */
	/*float: left;*/
	margin:auto;
	background: #fbdf95 url(../img/gallery_bkg.gif) top center no-repeat;
	border:1px solid #dea303;
	padding-top:10px;
}
#mainImageOutline {
	margin: 0 auto;
	padding: 0;
	background-color: #eee;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
	padding: 1em; 
	overflow: hidden; 
}
#mainImage {
	width: 100%;
	height: 100%;
}

#picture img {	border: 1px solid #999; }
.selectedThumbnail {  border: solid 2px #fc0 !important; }
.inFocus {  border: solid 1px #fc0 !important; }

/* Spry Validation Widgets Demo*/
#MovieList{
  height: 600px;
  overflow: auto;
}