@charset "utf-8";
/* CSS Document */

HTML, BODY {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background:#4c575a;
	font-family:Arial;
	font-size:16px;
	line-height:22px;
}
IMG {
	border:none;
}
#container {
	width:900px;
	position:relative;
	top:0px;
	left:50%;
	padding-left:20px;
	padding-right:20px;
	margin-left:-470px;
	display:block;
	background:url(../img/bg_sfuma.png) top left repeat-y;
}
#contenuto_zinc {
	width:900px;
	background:url(../img/background/zinc.jpg) top left repeat;
}
#contenuto_copper {
	width:900px;
	background:url(../img/background/copper.jpg) top left repeat;
}
#logo {
	width:900px;
	height:101px;
	background:url(../img/bg_top_logo.png) 0px 38px no-repeat;
	display:block;
}
#logo .logo_pos {
	position:absolute;
	top:22px;
	left:39px;
}
#left_side #menu {
	position:absolute;
	top:95px;
	left:-83px;
	width:426px;
	height:591px;
	background:url(../img/bg_menu_1.png) top left no-repeat;
	font-weight:bold;
	font-size:22px;
}
#left_side {
	float:left;
	width:330px;
	min-height:591px;
	height:auto !important;
	height:591px;
	display:block;
}
#main {
	width:494px;
	padding:10px;
	float:right;
	font-family:Arial;
	font-size:16px;
	margin-right:20px;
	text-align:justify;
	background:url(../img/25_perc_yellow.png) top left repeat;
	border:1px solid #333333;
}
#bottom {
	width:900px;
	height:319px;
	background:url(../img/bg_bottom.png) bottom left no-repeat;
}
#bottom #big_sezione {
	position:absolute;
	right:20px;	
	bottom:163px;
}
#bottom .mail {
	width:251px;
	height:33px;
	background:url(../img/mail.gif) top left no-repeat;
	display:block;
	position:absolute;
	bottom:0px;
	right:20px;
}
#bottom .mail:hover {
	background-position:0 -33px;
}
#bottom #status {
	font-weight:bold;
	color: #b1e21b;
	line-height:30px;
	position:absolute;
	bottom:0px !important;
	bottom:6px;
	left:30px;
}
#bottom #link_utili {
	float:left;
	width:400px;
	height:112px !important;
	display:block;
	margin-top:169px;
	padding:35px 0 0 54px; /* top, right, bottom, left */
	background:url(../img/link_realizzazioni.png) 38px 0 no-repeat;
}
#bottom #last_news {
	float:right;
	width:410px !important;
	width:436px;
	height:70px !important;
	height:110px;
	display:block;
	margin-top:169px;
	padding:40px 10px 0 16px;
	text-align:justify;
	background:url(../img/last_news.png) 0px 0px no-repeat;
	font-size:13px;
	overflow:hidden;
}
#bottom #last_news a {
	color:#FFFFFF;
	text-decoration:none;
}
#bottom #link_utili a {
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	line-height:18px;
}
#bottom #last_news a:hover, #bottom #link_utili a:hover {
	color:#b1e21b;
}
#main #title {
	color: #d2f750;
	font-weight:bold;
	font-size:30px;
	margin-bottom:15px;
}
#change_wallpaper {
	position:absolute;
	top:0px;
	right:20px;
	display:block;
}

/* SEO */
#my_work h1 {
	margin:0px;
	padding:0px;
	font-size:0px;
}

#contenuto_zinc #tags, #contenuto_copper #tags {
	margin-left:35px;
	width:274px;
	padding-top:652px;
	display:block;
	background:url(../img/tags.png) 0px 605px no-repeat;
	color:#666b6c;
	line-height:25px !important;
	line-height:30px;
	text-align:justify;
	overflow:hidden;
}
#tags h1, #tags h2, #tags h3, #tags h4, #tags h5, #tags h6 {
	padding:0px;
	margin:0px;
	display:inline;
	padding-left:2px;
	padding-right:2px;
}
#tags h1 {
	font-size:19px;
}
#tags h2 {
	font-size:17px;
}
#tags h3 {
	font-size:15px;
}
#tags h4 {
	font-size:13px;
}
#tags h5 {
	font-size:11px;
}
#tags h6 {
	font-size:9px;
}
#clock {
	position:absolute;
	top:40px;
	right:50px;
	display:block;
	color: #b1e21b;
	font-weight:bold;
}
#main h1 {
	font-size:20px;
	margin-bottom:0px;
}
#main li {
	list-style-type:decimal;
}

/* TAGS LINK */
#tags a {
	color:#4a4d4e;
	text-decoration:none;
}
#tags a:hover {
	color:#b1e21b;
}

/* LINK DEL MENU' */
#menu .home a, #menu .sv_sof a, #menu .web_des a, #menu .siti_web a {
	color:#b1e21b;
	position:absolute;
	text-decoration:none;
	font-variant:small-caps;
}
#menu .home a:hover, #menu .sv_sof a:hover, #menu .web_des a:hover, #menu .siti_web a:hover {
	color:#FFFFFF;
}
#menu .home a {
	left:50px;
	top:90px;
}
#menu .sv_sof a {
	left:57px;
	top:132px;
}
#menu .web_des a {
	left:75px;
	top:216px;
}
#menu .siti_web a {
	left:65px;
	top:174px;
}
