*{
	margin:0;
	padding:0;
}
html,body{
	background:#011731 url(images/bg.jpg) top left repeat-x;
	font:12px/16px Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	height:100%;

}

/* Layout Styles Starts */

#wrapper{
	width:1000px;
	margin:0 auto;
	background:#fff url(images/bg-wrapper.gif) top left repeat-x;
	height:100%;	
}
/* Header Styles Starts */

	#header{
		height:110px;
		overflow:hidden;
		padding:0px 10px 0 10px;
	}
	
/* Logo Styles Starts */	

		#logo{			
			width:256px;
			float:right;
		}
			#logo h1{
				background:url(images/logo.gif) no-repeat;			
			}
				#logo h1 a{
					display:block;
					height:90px;					
				}
					#logo h1 a span{
						display:none;
					}
					


/* Home Page Styles Starts */

#container-home{
	margin:0 auto;
}
.colleft{ height:466px; width:320px;float:left}
.col650{ height:466px; width:650px;background:#001d3d;float:left; position:relative}
.colright{ height:466px; width:680px;background:#001d3d;float:left; position:relative}
.colazz{ height:466px; width:680px;background:#eff3fa;float:left}
.azienda{ padding:20px 0 0 20px;height:446px; width:380px;float:left; color:#fff}
.certificazioni{ padding:20px 0 0 20px;height:466px; width:250px;float:left; color:#fff; line-height:20px;}
.cert-foto{ padding:5px 0 0 60px;height:330; width:190px;float:left}
.contatti{ padding:20px 0 0 20px;height:466px; width:200px;float:left; color:#fff; line-height:20px;}
.contatti-form{ padding:5px 0 0 0px;height:466px; width:420px;float:left; color:#FFFFFF}

.foto{ padding:20px 0 0 20px;height:446px; width:200px;float:left}
.foto img{ padding:10px}
.realizzazioni{ padding:20px 0 0 20px;height:446px; width:660px;float:left; color:#fff; line-height:20px;}
.icons { width: 650px;height: 400px; border: 0px ; overflow: auto}
.icons img{ }
.icons a img:hover{ border:0px;}
.icons a img{ border:0px ;}
.realizzazioni a {	color:#8b93ab;}
.realizzazioni a:hover {text-decoration:underline;color:#8b93ab;}


.icons2 { width: 620px;height: 400px; border: 0px ;}
.icons2 img{ margin:10px;}
.icons2 a img:hover{ border:1px solid #FFCC00;}
.icons2 a img{ border:1px solid #001d3d;}
.colright .trasparente {position: absolute;z-index: 12;top: 0px;left: 0px;width:260px;height:466px;background:#fff;opacity:0.7;filter:alpha(opacity=70)}
.colright .testo {position: absolute;z-index: 12;top: 20px;left: 20px;width:220px;height:446px; color:#003f85}
.colright .info {position: absolute;z-index: 12;top: 20px;left: 20px;width:680px;height:446px; color:#003f85}
.colright .info-form{ padding:0;height:466px; width:400px;float:left; color:#003f85}


.news { width: 650px;height: 400px;overflow: auto;border: 0px ; color:#FFFFFF}
.news img{ margin:10px 10px 10px 0;}
.news p.ntitolo{  display:block; background:url(images/quadretto.gif) 0 6px no-repeat; text-indent: 18px; font-weight:bold}
.news p {width:410px}






/* Home Page Styles End */


.colleft #cont-menu  {  position: relative; overflow:hidden }
#cont-menu {position: absolute;z-index: 12;  top: 0;  left: 60px; width:200px; background:#d8e2f2; height:466px;}

#navigation {
	
	margin:5px;
	padding:0px;
	text-indent:0px;
	background-color:#F5F5F7;
}
 #navigation a.head {cursor:pointer;
	background:url(images/bg-menu-.jpg) top left no-repeat;display:block;	
	margin:0px;	padding:0px;text-indent:24px;text-decoration: none;
	height:40px;line-height:40px;font-size:13px;
}
#navigation a.head:hover { 	background:url(images/bg-menu-sel.jpg) top left no-repeat;color:#6e7083;}
#navigation a.selected { background:url(images/bg-menu-sel.jpg) top left no-repeat;color:#6e7083;}
#navigation a.current { background:url(images/bg-menu-sel.jpg) top left no-repeat;color:#6e7083; }
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:5px;
	text-indent:40px;
}
#navigation li { list-style:none outside none; display:inline; width:190px;}
#navigation li.cantiere { list-style:none outside none; display:inline; width:160px;padding-left:30px; background:#FFCCFF}
#navigation li li a {display:block;	text-indent:30px;text-decoration: none;font-size:11px; background-image:none}
#navigation li li a:hover {	color: #0066FF;}
#navigation li li a.current:hover { font-weight:bold; color: #0066FF;background-image:none}
#navigation li li a.current { font-weight:bold; color: #0066FF;background-image:none}


#footer{
	width: 935px;
	margin:0 auto;
	height:41px;
	line-height:41px;
	text-align:left;
	color:#333;
}

	#footer a{
		font-weight:normal;
	}

/* Layout Styles Ends */


/* Form Styles */

.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:200px;
}
textarea.input{
	width:415px;
	height:100px;
}
.input:focus, .textarea:focus{
	border:1px solid #000;
}
label.error {
	color:#FF0000;
	font-weight:bold;
	padding:0 0 0 15px;
	vertical-align:top;
}
.signin-btn, .button1{
	background:#779e01;
	line-height:20px;
	margin:8px 0;
	padding:2px 10px !important;
	padding:2px 0;
	color:#fff;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
}
.submit-btn{
	background:url(images/submit-btn.jpg) no-repeat;
	width:67px;
	height:27px;
	border:none;
	outline:none;
	cursor:pointer;
}

/* Form Styles */


/* Paragraph and list Styles */

#container p.hr{
	border:solid #dcdcdc;
	border-width:1px 0 0 0;
	margin:0;
	outline:none;
}
#container p{
	margin:0 0 15px 0;
}
#container form p{
	margin:0 0 5px 0;
}
#container p img.floatleft{
	margin:0 20px 0 0;
}
#container p img.floatright{
	margin:0 0 0 20px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
	margin:10px 10px 10px 0;
}
#mainarea img.floatright, #mainarea p img.floatright{
	margin:10px;
}
#container ul, #container ol{
	margin:0 0 0 20px;
}
#container ol{
	margin:0 0 0 30px;	
}
#container dt, #container1 dt{
	font-weight:bold;
	margin:20px 0 10px 0;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#003e84;
	text-decoration:none;

}
a:hover {text-decoration:underline;color:#8b93ab;}
h1{font-size:18px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; font-weight:bold;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ color:#5c5b5b;font-weight:normal;}							
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}
.js-error{
	padding:195px 0 0 310px;
	font-size:20px;
	font-weight:bolder;
}
.blu {color:#003f85;}
.pad10{ padding:10px 0 0 10px;}
.pad20{ padding:20px 0 0 20px;}
.padRight10{ padding-right:10px;}
.titolo {font-size:18px; font-weight:bold;}
/* Genric Styles Ends */




.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}