@charset "utf-8";

/* CSS Document */

/*@font-face{
	font-family: "Garamond";
	src: url('http://restyling.emmecubo.it/font/garamond.eot');
	src:local('Garamond'), url('http://restyling.emmecubo.it/font/garamond.ttf') format('truetype');
}*/

body{color:#777;}

table#tab_contenitore { width:100%; height:100%; }

/* INIZIO HEADER */
#area_header {
	position:relative;
	overflow:hidden;
	width:100%; height:430px;
	background:#333A31;
	border-bottom:1px solid #FFFFFF;
}
	#header_top	{
		padding:30px 0 25px 0; margin:0 auto;
		width:960px; height:51px;
	}
		#logo {
			float:left;
			width:200px; height:51px;
		}
	#header_bottom {
		position:relative;
		
		padding:0; margin:0 auto;
		width:960px; height:324px;
	}
		#header_bottom .sx {
			float:left;
			width:295px;
		}
			/* inizio area settori e attivita */
			#elenco_settori {
				float:left;
				width:295px;
				font-family:Georgia, "Times New Roman", Times, serif;
			}
				.cont_settori {
					width:295px;
					float:left;
				}
					.settore {
						position:relative;
						left:0;
						
						float:right;
						padding-left:100%; margin:0 0 1px 0;
						width:295px; height:35px;
						font-size:22px; color:#FFFFFF;
						background:#0A0C0A;
					}
						.settore a {
							float:left;
							width:295px; 
							height:35px; 
							line-height:35px;
							color:#FFFFFF;
							text-decoration:none;
						}
						.settore a:hover {
							float:left;
							width:295px; 
							height:35px; 
							line-height:35px;
							color:#A8D615;
							text-decoration:none;
						}
						.settore.sel a, .settore.sel a:hover {
							float:left;
							width:295px; 
							height:35px; 
							line-height:35px;
							font-size:22px; 
							color:#A8D615;
							background:#0A0C0A;
						}
						.settore:focus { outline:none; }
			.elenco_attivita {
				position:relative;
				left:-100%; right:0;
				/* height:70px;*/ line-height:1.4;
				float:left;
				padding:15px 15px 15px 100%; margin:0 0 1px 15px;
				width:265px;
				background:url(/img/black_50.png) top left repeat;
				display:none;
			}
				.elenco_attivita .attivita {
					float:left;
					width:100%;
				}
					.elenco_attivita .attivita a {
						float:left;
						color:#CCCCCC;
						text-decoration:none;
					}
					.elenco_attivita .attivita a:hover, .elenco_attivita .attivita_sel{
						float:left;
						color:#FFFFFF;
						text-decoration:none;
					}
			/* fine area settori e attivita */
		#header_bottom .dx {
			float:right;
			width:640px;
		}
			/* inizio area ultimi progetti */
			#area_works_home {
				position:relative;
				top:0; left:-5px;
				
				width:650px; height:258px;
				overflow:hidden;
			}
				#works_home {
					position:relative;
					left:5px;
					
					width:660px;
				}
					#works_home .blocco {
						width:660px; height:258px;
						display:inline-block;
					}
						#works_home .work {
							position:relative;
							
							float:left;
							margin:15px 10px 0 0;
							width:320px; height:243px;
						}
							#works_home .work .img {
								position:absolute;
								top:5px; left:5px;
								z-index:1;
								
								width:300px; height:223px;
							}
							#works_home .work .cornice {
								position:absolute;
								top:-5px; left:-5px;
								z-index:2;
								
								width:320px; height:243px;
							}
							#works_home .work .over {
								position:absolute;
								top:5px; left:5px;
								z-index:3;
								
								padding:15px;
								width:270px; height:193px;
								background:url(/img/work_home_over-bg.png) -523px 0px no-repeat;
							}
							#works_home .work .over .desc { position:relative; width:270px; height:193px; display:none; }
							#works_home .work .over .desc p { padding:10px 0 0 0; margin:0; color:#CCCCCC; }
							#works_home .work .over .desc .link {
								position:absolute;
								bottom:-10px; right:-10px;
								z-index:4;
								
								text-align:center;
								background:url(/img/submit_small-bg.png) top left no-repeat;
							}
								#works_home .work .over .desc .link a, #works_home .work .over .desc .link a:hover {
									float:left;
									width:75px; height:24px;
									line-height:22px;
									color:#65800D; text-decoration:none;
								}
							#works_home .work .over .desc .tag {
								position:absolute;
								bottom:-10px; left:0;
								z-index:4;
								
								height:24px; line-height:22px;
								color:#A8D615;
							}
								#works_home .work .over .desc .tag a, #works_home .work .over .desc .tag a:hover { color:#A8D615; }
			/* fine area ultimi progetti */
/* FINE HEADER */

/* INIZIO NEWS HOMEPAGE */
#area_news_home {
	width:100%;
	background:url(/img/area_news_home-sfumatura.png) top left repeat-x #E6E6E6;
	border-bottom:1px solid #CCCCCC;
}
	#news_home {
		padding:25px 0 0 0; margin:0 auto;
		width:960px;
	}
		#news_home #area {
			padding:25px 0 30px 0;
			width:960px;
		}
			#news_home #area .news {
				float:left;
				width:472px;
			}
				#news_home #area .news h3 { padding:0 10px 0 10px; margin:0; height:29px; font-size:15px }
				#news_home #area .news .img {
					position:relative;
					
					padding:5px 10px 15px 10px; margin:10px 0 0 -5px;
					width:462px; height:190px;
					background:url(/img/news_home-bg.png) top left no-repeat;
				}
					#news_home #area .news .img .immagine {
						position:absolute; z-index:1;
						width:460px; height:188px;
						overflow:hidden;
						border:1px solid #999;
					}
						#news_home #area .news .img img { width:460px; }
					#news_home #area .news .img .over {
						position:absolute; z-index:2;
						
						width:462px; height:190px;
						background:#000;
						opacity:0;
					}
					#news_home #area .news .img .link {
						position:absolute;
						top:60%; left:50%;
						z-index:3;
						
						margin:-12px 0 0 -31px;
						text-align:center;
						background:url(/img/submit_small-bg.png) top left no-repeat;
						opacity:0;
					}
						#news_home #area .news .img .link a, #news_home #area .news .img .link a:hover {
							float:left;
							width:75px; height:24px;
							line-height:22px;
							color:#65800D; text-decoration:none;
						}
				#news_home #area .news p { padding:5px 10px 0 10px; margin:0; }
/* FINE NEWS HOMEPAGE */

/* INIZIO CONTENITORE */
#area_contenitore {
	width:100%;
	border-bottom:1px solid #CCCCCC;
}
	#contenitore {
		padding:0; margin:0 auto 60px auto;
		width:960px;
	}
		#posts_home {
			padding:15px 0 0 0; margin:0 auto;
			width:960px;
			overflow:hidden;
		}
			#posts_home .post {
				float:left;
				padding-right:36px;
				width:462px;
			}
				#posts_home .post p { padding:5px 0 0 0; margin:0; }
/* FINE CONTENITORE */

/* INIZIO CONTENITORE INTERNO */
#titolo_pagina {
	position:absolute;
	bottom:0; left:50%;
	z-index:100;
	
	margin-left:-480px;
	width:960px; height:52px;
	display:block;
}
#area_contenitore_2col {
	width:100%;
	background:url(/img/area_contenitore_2col-bg.jpg) center top repeat-y;
	border-bottom:1px solid #CCCCCC;
}
	#area_contenitore_2col #top {
		width:100%; height:5px;
		background:url(/img/area_contenitore_2col-sfumatura.png) center top no-repeat;
	}
	#contenitore_2col {
		padding:0; margin:0 auto 60px auto;
		width:960px;
	}
		#contenitore_2col .sx {
			float:left;
			width:295px;
		}
		#contenitore_2col .dx {
			float:right;
			padding:0 0 0 25px;
			width:640px;
		}
/* FINE CONTENITORE INTERNO */

/* INIZIO TEMPLATE WORKS */
#area_works {
	padding-top:20px;
	width:650px;
	overflow:hidden;
}
	#works {
		position:relative;
		left:5px;
		
		width:650px;
	}
		#works .blocco {
			margin-bottom:10px;
			width:650px; height:243px;
		}
			#works .work {
				position:relative;
				
				float:left;
				margin:0 5px 0 0;
				width:320px; height:243px;
			}
				#works .work .img {
					position:absolute;
					top:5px; left:5px;
					z-index:1;
					
					width:300px; height:223px;
				}
				#works .work .cornice {
					position:absolute;
					top:-5px; left:-5px;
					z-index:2;
					
					width:320px; height:243px;
				}
				#works .work .over {
					position:absolute;
					top:5px; left:5px;
					z-index:3;
					
					padding:15px;
					width:270px; height:193px;
					background:url(/img/work_home_over-bg.png) -523px 0px no-repeat;
				}
				#works .work .over .desc { position:relative; width:270px; height:193px; display:none; }
				#works .work .over .desc p { padding:10px 0 0 0; margin:0; color:#CCCCCC; }
				#works .work .over .desc .link {
					position:absolute;
					bottom:-10px; right:-10px;
					z-index:4;
					
					text-align:center;
					background:url(/img/submit_small-bg.png) top left no-repeat;
				}
					#works .work .over .desc .link a, #works .work .over .desc .link a:hover {
						float:left;
						width:75px; height:24px;
						line-height:22px;
						color:#65800D; text-decoration:none;
					}
				#works .work .over .desc .tag {
					position:absolute;
					bottom:-10px; left:0;
					z-index:4;
					
					height:24px; line-height:22px;
					color:#A8D615;
				}
					#works .work .over .desc .tag a, #works .work .over .desc .tag a:hover { color:#A8D615; }

#nav_works table {
	width:100%;
	font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;
}
	#nav_works #nav {
		width:80%;
		font-weight:bold; text-align:center;
	}
		#nav_works #nav a { color:#333A31; }
		#nav_works #nav a:hover { color:#A8D615; }
		#nav_works #nav a.sel, #nav_works #nav a.sel:hover { color:#A8D615; text-decoration:none; cursor:default; }
		
#scheda_works, #gallery_works {
	padding-top:20px;
	width:640px;
}
	#scheda_works p { padding:10px 0 0 0; }

	.immagine_web {
		position:relative; overflow:hidden;
		padding-top:39px;
		width:635px;
		font-size:0px;
		background:url(/img/cornice-safari_top.jpg) top left no-repeat;
	}
	.img_work { margin:0 1px; font-size:0px; }
	.cornice_web-lato { position:absolute; top:39px; left:0; z-index:1; font-size:0px; }
	.cornice_web-bottom { position:absolute; bottom:0; left:0; z-index:1; font-size:0px; }

#link_works { }
	#link_works a, #link_works a:hover {
		float:left;
		padding:5px 10px;
		color:#FFFFFF; text-decoration:none;
		background:url(/img/link_works-bg.gif) top left repeat-x;
	}
/* FINE TEMPLATE WORKS */

/* INIZIO TEMPLATE STANDARD */
.area_standard {
	padding-top:20px;
	width:640px;
}
	.area_standard p { padding:10px 0 0 0; }
		.area_standard p strong { color:#333A31; }
.img_standard {
	margin-top:15px;
	padding-bottom:20px;
	width:640px;
	font-size:0px;
	background:url(/img/img_standard-ombra.png) bottom center no-repeat;
}
	.img_standard img {
		width:638px;
		border:1px solid #CCCCCC;
	}
/* FINE TEMPLATE STANDARD */

/* INIZIO TEMPLATE BLOG E POST */
.tag-box{
	margin:0; 
	padding:5px 0 0 15px; 
	width:264px;
}

.tag-box ul {
	list-style:none;
	margin:0px;
	padding:0px;
	width:264px;
}

.tag-box ul li{
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
}

#area_blog {
	width:640px;
}
	#area_blog .post { padding:20px 0 10px; width:640px; border-bottom:1px solid #CCCCCC; }
	#area_blog .post h2 { font-size:24px; }
	#area_blog .post p { padding:10px 0 0 0; }
	#area_blog .post p a, #area_blog .post p a:hover { color:#65800D; }
.img_blog {
	margin-top:10px;
	width:630px;
	border:5px solid #CCCCCC;
	font-size:0px;
}
	.img_blog:hover { border:5px solid #A8D615; }
.info_bolg {
	padding:4px 10px; margin-top:10px;
	color:#999; font-size:11px;
	background:#DDD;
}

#menu_2 ul.ul_blog {
	padding:5px 0 0 15px; margin:0;
	list-style:none;
	
	width:264px;
}
	#menu_2 ul.ul_blog li {
		margin:0 0 3px 0; padding:0 9px 3px;
		width:241px;
		background:#EEE;
	}
		#menu_2 ul.ul_blog li a {
			color:#666; text-decoration:none;
		}
		#menu_2 ul.ul_blog li a:hover {
			color:#666; text-decoration:none;
		}

#nav_blog { padding-top:10px; }
#nav_blog table {
	width:100%;
	font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;
}
	#nav_blog #nav {
		width:80%;
		font-weight:bold; text-align:center;
	}
		#nav_blog #nav a { color:#333A31; }
		#nav_blog #nav a:hover { color:#A8D615; }
		#nav_blog #nav a.sel, #nav_blog #nav a.sel:hover { color:#A8D615; text-decoration:none; cursor:default; }
		
#commenti_blog { padding-top:20px; width:640px; }
	#commenti_blog .commento {
		position:relative;
		
		padding:10px; margin-top:10px;
		width:618px;
		border:1px solid #CCCCCC;
		background:#FFFFFF;
	}
		#commenti_blog .commento .azioni { position:absolute; top:10px; right:0; width:0; overflow:hidden; }
			#commenti_blog .commento .azioni a {
				float:left;
				margin:0 0 1px 0; padding:2px 0 3px 10px;
				width:60px;
				background:#EEE;
				border:1px solid #CCCCCC; border-left:0px solid; color:#65800D;
			}
		#commenti_blog .commento .avatar { float:left; width:54px; height:54px; }
		#commenti_blog .commento .testo { float:right; width:554px; }
			#commenti_blog .commento .testo em { font-size:11px; color:#65800D; }
			
#scheda_autore { padding-top:20px; width:640px; }
	#scheda_autore .autore {
		padding:10px; margin-top:10px;
		width:618px;
		border:1px solid #CCCCCC;
		background:#FFFFFF;
	}
		#scheda_autore .autore .avatar { float:left; width:60px; height:80px; }
		#scheda_autore .autore .testo { float:right; width:548px; }
/* FINE TEMPLATE BLOG E POST */

/* INIZIO TEMPLATE ARCHIVIO NEWS E NEWS ESPLOSA */
#area_archivio {
	width:960px;
}
	#area_archivio .blocco {
		padding-top:20px;
		width:960px;
	}
	#area_archivio .news {
		float:left;
		width:472px;
	}
		#area_archivio .news h3 { padding:0 10px 0 10px; margin:0; font-size:15px }
		#area_archivio .news .img {
			position:relative;
			
			padding:5px 10px 15px 10px; margin:10px 0 0 -5px;
			width:462px; height:190px;
			background:url(/img/news_home-bg.png) top left no-repeat;
		}
			#area_archivio .news .img .immagine {
				position:absolute; z-index:1;
				width:460px; height:188px;
				overflow:hidden;
				border:1px solid #999;
			}
				#area_archivio .news .img img { width:460px; }
			#area_archivio .news .img .over {
				position:absolute; z-index:2;
				
				width:462px; height:190px;
				background:#000;
				opacity:0;
			}
			#area_archivio .news .img .link {
				position:absolute;
				top:60%; left:50%;
				z-index:3;
				
				margin:-12px 0 0 -31px;
				text-align:center;
				background:url(/img/submit_small-bg.png) top left no-repeat;
				opacity:0;
			}
				#area_archivio .news .img .link a, #area_archivio .news .img .link a:hover {
					float:left;
					width:75px; height:24px;
					line-height:22px;
					color:#65800D; text-decoration:none;
				}
		#area_archivio .news p { padding:5px 10px 0 10px; margin:0; }

#nav_archivio {
	padding-top:5px; margin-top:20px;
	width:100%;
	border-top:1px solid #CCCCCC;
}
#nav_archivio table {
	width:100%;
	font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;
}
	#nav_archivio #nav {
		width:80%;
		font-weight:bold; text-align:center;
	}
		#nav_archivio #nav a { color:#333A31; }
		#nav_works #nav a:hover { color:#A8D615; }
		#nav_archivio #nav a.sel, #nav_archivio #nav a.sel:hover { color:#A8D615; text-decoration:none; cursor:default; }
		
#area_news {
	padding-top:20px;
	width:960px;
}
	#area_news .sx {
		float:left;
		margin-bottom:-30px;
		width:470px;	
	}
		#area_news .sx .img {
			margin-bottom:10px;
			padding-bottom:20px;
			width:470px;
			font-size:0px;
			background:url(/img/img_news-ombra.png) bottom center no-repeat;
		}
			#area_news .sx .img img {
				/*width:468px;*/
				border:1px solid #CCCCCC;
			}
	#area_news .dx {
		float:right;
		width:470px;
	}
		#area_news .dx h2 { padding-bottom:10px; font-size:22px; }
		#area_news .dx p a, #area_news .dx p a:hover { color:#65800D; }	
		#area_news .dx p strong { color:#333A31; }	
/* FINE TEMPLATE ARCHIVIO NEWS E NEWS ESPLOSA */

/* INIZIO TEMPLATE CONTATTI */
#google_map {
	margin-top:15px;
	width:100%;
	height:400px;
}
/* FINE TEMPLATE CONTATTI */

/* INIZIO FOOTER */
#area_footer_top {
	width:100%;
	border-bottom:3px solid #CCCCCC;
}
	#footer_top {
		padding:15px 0 0; margin:0 auto;
		width:960px;
	}
		#footer_top .box {
			float:left;
			padding-right:10px;
			width:230px;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
			#footer_top .box p { padding:10px 0 0 10px; margin:0; }
			a#mappa_home {
				float:left;
				margin:10px 0 0 10px; padding:0 0 0 53px;
				height:48px; line-height:48px;
				background:url(/img/icona-mappa.png) top left no-repeat;
			}
			a.link {
				float:left;
				margin:10px 0 0 10px; padding:0 0 0 38px;
				width:180px; height:32px; line-height:32px;
			}
				#facebook { background:url(/img/icona-facebook.png) top left no-repeat; }
				#linked-in { background:url(/img/icona-linkedin.png) top left no-repeat; }
				#flickr { background:url(/img/icona-flickr.png) top left no-repeat; }
				#feed-rss { background:url(/img/icona-feedrss.png) top left no-repeat; }
				
#area_footer_bottom {
	width:100%;
	background:#333A31;
}
	#footer_bottom {
		padding:15px 0; margin:0 auto;
		width:960px;
		color:#CCCCCC;
	}
		#footer_bottom .sx {
			float:left;
		}
		#footer_bottom .dx {
			float:right;
			text-align:right;
		}
			#login_clienti {
				float:right;
				margin:1px 0; padding:0 38px 0 0;
				width:180px; height:32px; line-height:32px;
				background:url(/img/icona-login.png) top right no-repeat;
			}
		#footer_bottom a, #footer_bottom a:hover { color:#CCCCCC; }
/* FINE FOOTER */

/* INIZIO BOX MESSAGGI DI AVVISO */
.area_alert {
	position:fixed;
	top:0; left:0; right:0; bottom:0;
	z-index:10;
	
	display:none;
	padding:0; margin:0;
	width:100%; height:100%;
	background:url(/img/black_80.png) top left repeat;
}
	.div_alert {
		position:fixed;
		top:50%; left:50%;
		z-index:3;
		
		padding:5px;
		width:320px;
		color:#777;
		border:1px solid #FFFFFF;
		background:#CCCCCC;
	}
		.div_alert .box { margin:10px 0; padding:10px; background:#FFFFFF; }
.chiudi_alert {
	float:right;
	padding:0 23px 0 0; margin:0 5px 0 0;
	width:180px; height:18px; line-height:20px;
	text-align:right;
	background:url(/img/chiudi-alert.png) top right no-repeat;
}
/* FINE BOX MESSAGGI DI AVVISO */

/* INIZIO SCROLLPANE */
.scroll-pane { overflow:auto; }
.jScrollPaneContainer { position:absolute; z-index:1000; margin-bottom:10px; overflow:hidden; }
.jScrollPaneTrack { position:absolute; right:0; top:0; cursor:pointer; height:100%; background:url(/img/scrollpane-bg.gif) top left repeat-y; }
.jScrollPaneDrag { position:absolute; cursor:pointer; overflow:hidden; background:url(/img/scrollpane_scroll-bg.gif) top left repeat-y; }
.jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; }
.jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; }
/* FINE SCROLLPANE */

/* INIZIO FLEXCROLL */
.flexcroll:focus { outline:none; }
.scrollgeneric { position:absolute; top:0; left:0; line-height:1px; font-size:0px; }

.vscrollerbase { margin-left:0px; width:17px; background:url(/img/area-drag2_bg.jpg) top left repeat-y #FFFFFF; }
.vscrollerbar { width:17px; height: 100px !important; cursor:pointer; background:url(/img/flexscroll-vert-top.jpg) -12px 0px no-repeat; }
.vscrollerbarend { width:17px; height:12px; background:url(/img/flexscroll-vert-bottom.jpg) -12px 0px no-repeat; }

.hscrollerbase { height:17px; background:url(/img/area-drag_bg.jpg) top left repeat-x #FFFFFF; }
.hscrollerbar { height:17px; cursor:pointer; background:url(/img/flexscroll-horz-top.jpg) 0px -12px no-repeat; }
.hscrollerbarend { width:12px; height:17px; background:url(/img/flexscroll-horz-bottom.jpg) 0px -12px no-repeat; }
/* FINE FLEXCROLL */

.sezione {
	background: none repeat scroll 0 0 #E0E0E0;
	float: left;
	height: 180px;
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 10px;
	position: relative;
	width: 290px;
}
	.sezione img {
		width: 290px; height: 180px;
		position: absolute;
		top:10px; left:10px;
		z-index:1;
	}
	.sezione .over {
		background: url("/img/nero-70.png") repeat scroll left top transparent;
		bottom: 10px;
		height: 0;
		left: 10px;
		overflow: hidden;
		position: absolute;
		width: 290px;
		z-index: 2;
	}
		.sezione .over p { padding:10px; text-align:center; line-height:170px; font-weight:bold; }
			.sezione .over p a, .sezione .over p a:hover { color:#FFF; }

#lavora_con_noi {
	position:absolute; bottom:20px; left:20px; z-index:2;
	width:80px; height:80px;
	background:url(/img/lavora-con-noi-emmecubo.png) top left no-repeat;
}