*{ margin: 0; padding: 0; }

html,body,#bg,#bg table,#bg td,div#container{
	width: 100%; height: 100%;
	overflow: hidden;
}
body{
	/*font-family: "Futura Lt BT",Arial,Helvetica,sans-serif;*/
	font-family: Verdana, Geneva, sans-serif;
	/*font-family: Arial,Helvetica,sans-serif;*/
	font-size: 13px;
	color: #000;
}
a{
	text-decoration: none;
	color: #000;
}
p{ 
	margin: 0; 
	/* margin: 0 10px 10px; */ 
}


div#container{
	position: absolute;
	top: 0; left: 0;
	z-index: 70;
	overflow: auto;
}

div#color{
	/*position: absolute;
	top: 0; right: 150px;
	width: 502px; height: 90%;
	padding-bottom: 0px;
	background: #895406 url(../img/prova.png) bottom left repeat-x;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;*/
	position: absolute;
	top: 0; right: 150px;
	width: 502px; height: 90%;
	padding-bottom: 0px;
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}
div#color_home{
	position: absolute;
	top: 0; right: 150px;
	width: 502px; height: 90%;
	padding-bottom: 0px;
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}

div.content{
	position: absolute;
	top: 3%; right: 150px;
	width: 500px;
	padding-bottom: 0px;
	border: #000 1px solid;
}
div.content div{
	line-height: 1.5em;
	/*padding: 20px 30px;*/
}
div.content div a{ text-decoration:underline; }
div.content div.white{ 
	background: #fff;
	min-height: 500px;
}
div.content ul{
	margin-left: 35px;
	margin-bottom: 10px;
}
div.content .map{
	 margin-left: -30px;
}
div.content .MGroup{
	padding: 0; margin: 0;
}
div.content .MGroupContent{
	padding: 0; margin: 0 0 15px 0;
}
div.content div#mousemove{
	height: 520px; width: 440px;
	overflow: hidden;
	/*background: #FFF url(../img/scroll_bg.png) right top no-repeat;
	_background: #FFF url(../img/scroll_bg.png) right top no-repeat fixed;*/
	padding: 20px 30px;
}
div.no-border{
	border: none;
}
div#scroll{
	 height: 463px; width: 440px;
	 overflow: auto;
	 padding: 15px 30px;
	 background: #FFF;
}
div#scroll p{
	 margin: 10px 0 10px 0;
}
div.large{
	text-align: right;
	top: 20%; right: 120px;
	font-size: 13px;
}
div.left{
	text-align: left;
	right: auto; left: 3%;
	font-size: 13px;
}
div.top{
	text-align: left;
	right: 3%; top: 3%;
	font-size: 13px;
}
div.sfondo{
	background: url(../img/nav3_bg.png) repeat-x top left;
	padding: 10px;
}


img#logo{
	position: absolute;
	top: -25px; left: 10px;
	z-index: 20;
}
img#logo-progetto{
	position: absolute;
	top: 5px; right: 10px;
}
img#logo-industrie{
	position: absolute;
	top: 40px; right: 10px;
}


div#menu{
	position: absolute;
	bottom: -300px; left: 0;
	z-index: 70;
	width:100%;
	font-weight: bold;
}
div#menu a{
	text-decoration: none;
}
div#menu ul#nav{
	background: #FFF;
	/*background: #FFF url(../img/nav_bg3.png) repeat-x top left; */
	/*background: white;*/
	height: 75px;
	padding: 7px 0 0 150px;
	color: #fff;
}
div#menu div, div#menu ul#nav a{
	color: #895406;
}
ul#nav li a#active, ul#nav li a.active{
	/*font-size: 14px !important;*/
}
div#menu ul#nav{
	list-style: none;
}
div#menu ul#nav li{
	float: left;
	/*width: 114px;
	text-align: center;
	/*padding-top: 28px;*/
	padding-left: 15px;
}
ul#nav li a{
	/*background: #FFF url(../img/quadrato.png) no-repeat center left;
	padding-left: 15px;*/
	display: block;
	height: 42px;
	padding-top: 28px
}
ul#nav_info{
	list-style: none;
	position: absolute;
	bottom: -230px; left: 26px;
	z-index: 10;
	width: 120px;
	padding: 3px;
	background: url(../img/nav2_bg.png) repeat-x top left;
	color: #FFF;
}
ul#nav_info li{
	height: 20px; width: 114px;
	margin: 0; padding: 0;
	text-align: left;
}
ul#realizzazioni li a, ul#vantaggi li a, ul#press li a{
	color: #FFF;
	display: block;
	/*width: 114px;*/
}
ul#nav_info li a{
	color: #FFF;
	display: block;
	width: 114px;
}
ul#nav_info li a#active{
	color: #fff
}
ul#nav_info li a:hover, ul#realizzazioni li a:hover, ul#vantaggi li a:hover, ul#nav_info li a#active, ul#realizzazioni li a#active, ul#vantaggi li a#active, ul#press li a#active, ul#press li a:hover{
	color: #ddd;
	/*padding-left: 20px; width: 94px;
	background: url(../img/nav2_li_hover.png) center left no-repeat;*/
}
ul#realizzazioni{
	/* height: 114px; */ width: 125px;
	padding: 3px;
	position: absolute;
	z-index: 10;
	left: 151px; bottom: -250px;
	background: url(../img/nav2_bg.png) top left;
	list-style: none;
}
ul#realizzazioni li, ul#vantaggi li, ul#press li{
	margin: 0; padding: 3px 0;
	text-align: left;
}
ul#vantaggi{
	width: 125px;
	padding: 3px;
	position: absolute;
	z-index: 10;
	left: 400px; bottom: -250px;
	background: url(../img/nav2_bg.png) top left;
	list-style: none;
}
ul#press{
	width: 126px;
	padding: 3px;
	position: absolute;
	z-index: 10;
	left: 601px; bottom: -250px;
	background: url(../img/nav2_bg.png) top left;
	list-style: none;
}


ul#gallery{
	position: absolute;
	top: 15px; right: 15px;
	z-index: 130;
	list-style: none;
}
ul#gallery li{
	float: left;
	width: 20px; height: 20px;
	text-align:center;
	margin: 1px;
}
ul#gallery li a{
	color: white;
	display: block;
	width: 20px; height: 18px;
	padding-top: 2px;
	background: black;
}
ul#gallery li a:hover, ul#gallery li a.active{
	background: white;
	color: black;
}
ul#gallery li#titolo{
	width: 90px; 
	background: #000; 
	color: #FFF; 
	margin-right: 1px;
}
a#link-gallery{
	display: block;
	width: 127px; height: 77px;
	padding-top: 50px;
}


div.news{
	position: absolute;
	z-index: 70;
	top: 35px; left: -140px;
	margin: 0; padding: 2px;
	width: 130px; height: 400px;
	color: #FFF;
}
div.news a{
	color: #FFF;
}
div.news a:hover{
	color: #FFF;
}
div.news div.slideshow{
	width: 130px; height: 130px;
	float: left;
	margin: 2px;
	font-size: 13px;
	font-weight: bold;
}
div.news div#box_realizzazioni{
	padding: 2px;
	height: 126px; width: 126px;
	overflow: hidden;
}
div.news div#box_realizzazioni a{
	font-weight: normal;
}
div.marquee0 a, div.marquee1 a{
	color: #FFF !important;
	text-decoration: none !important;
	font-weight: bold;
}
div#news-img{
	float: left; 
	margin-right: 10px;
}
div#news-gallery{
	width: 100%;
	padding: 12px 0;
	background: #a83c24;
	text-align: center;
	color: #fff;
}

div.news2{
	position: absolute;
	z-index: 70;
	bottom: 120px; right: 180px;
	margin: 0; padding: 2px;
	width: 270px; height: 268px;
	color: #FFF;
	background: url(../img/nav2_bg.png) repeat-x left top;
}
div.news2 a{
	color: #FFF;
}
div.news2 a:hover{
	color: #FFF;
}
div.news2 div.slideshow{
	width: 130px; height: 130px;
	float: left;
	margin: 2px;
	font-size: 13px;
	font-weight: bold;
}
div.news2 div#box_realizzazioni{
	padding: 2px;
	height: 126px; width: 126px;
	overflow: hidden;
}
div.news2 div#box_realizzazioni a{
	font-weight: normal;
}

div.link{
	min-height: 100px;
	width: 100%;
	margin-bottom: 10px;
}
div.link img.link-ico{
	float: left;
	margin-right: 10px;
}

div#realizz-descr{
	position: absolute;
	z-index: 900;
	bottom: 124px; right: 5px;
	margin: 0; padding: 2px;
	width: 165px; height: 264px;
	color: #FFF;
	background: url(../img/nav2_bg.png) repeat-x left top;
	overflow: hidden;
}


form#contact input.casella_contact{
	width: 300px;
	border: #ccc 1px solid;
	margin-bottom: 5px;
	font: 12px arial,sans-serif;
	padding: 2px;
}
form#contact textarea{
	width: 300px;
	border: #ccc 1px solid;
	margin-bottom: 5px;
	font: 12px arial,sans-serif;
	background: #FFF;
	padding: 2px;
}
form#contact textarea#normativa{
	width: 450px;
	font: 10px arial,sans-serif;
	padding: 0;
}

ul#certificazioni{
	width: 100%;
	list-style: none;
	margin-left: -10px;
}
ul#certificazioni li{
	float: left;
	width: 50%;
	text-align: center;
}

div#piva{
	position: absolute;
	bottom: -15px; right: 10px;
	font-weight: normal;
	color: #000 !important;
}

div#realizzcat{
	position: absolute;
	z-index: 70;
	margin: 0; padding: 2px;
	width: 90%; height: 65%;
	color: #FFF;
	overflow: auto;
	background: url(../img/nav2_bg.png) top left repeat-x;
}
div#realizzcat a{
	color: #000;
}
div#realizzcat ul{
	list-style: none;
}
div#realizzcat ul li{
	float: left;
	margin: 2px;
	width: 127px;
	height: 160px;
	text-align: center;
}
div#realizzcat ul li a{
	color: #FFF;
}
#mycrawler2{
	position: absolute;
	z-index: 100;
	bottom: -20px; left: 0;
	width: 100%; height: 15px;
	color: #FFF;
}
#link{
	color: #FFF;
}


/* SFONDO */
#bg div{
	position: absolute;
	width: 200%; height: 200%;
	top: -50%; left: -50%;
}
#bg td{
	vertical-align: middle;
	text-align: center;
}
#bg img{
	min-height: 50%;
	min-width: 50%;
	margin: 0 auto;
	-ms-interpolation-mode: bicubic;	/*hack per IE*/
}


/* GALLERY TOOLTIPS */
div#tooltipID1, div#tooltipID2{
	position: absolute;
	top:0;
	z-index: 70;
	width: 50%; height: 100%;
	cursor: pointer;
}
div#tooltipID1{
	left: 0;
}
div#tooltipID2{
	right: 0;
}
.tip{
	position: absolute;
	top: -20px; left: -75px;
	z-index: 120;
	background-color: #333;
	padding: 5px;
	width: 33px; height: 32px;
}
.something_else .tip{
	background: url(../img/prev.png) no-repeat top left;
}
.something_else2 .tip{
	background: url(../img/next.png) no-repeat top left;
	left: 10px;
}
.tip-title{
	color: #fff;
	background-color: #666;
	font-size: 5px;
	padding: 5px;
}
.tip-text{
	color: #fff;
	padding: 5px;
}


a img{ border: 0; }

.rosso{ color: #F00; }
.piccolo{ font-size: 10px; line-height: normal; }