@charset "UTF-8";
/*----------------------------------*/
/*--------- GENERAL RULES ----------*/

* {
	margin: 0px;
	padding: 0px;
}

html {
	background: #E1E1D3;
}

body {
	/*background-color: #fcfdfd;*/
	background: #fcfdfd url('../imgs/top_pattern3.jpg') repeat-x 0 30px; /* test zio - top_pattern.jpg o top_pattern2.jpg */
	color: #888; /*9b9b9b;*/
	font: 14px Helvetica, Geneva, Arial, sans-serif;	
}

h1, h2, h3, h4, h5 {
}

h1 {
	font-size: 240%;
	line-height: 150%;
}

h2 {
	font-size: 210%;
	line-height: 150%;
}

h3 {
	font-size: 190%;
	line-height: 150%;
}

h4 {
	font-size: 160%;
	line-height: 150%;
}

h5 {
	font-size: 130%;
	line-height: 150%;
}

p {
	line-height: 1.2em;
	margin-bottom: 15px;
}

strong {
	font-weight: bolder;
}

em {
	font-style: italic;
}

a {
	font-family: Georgia, "Times New Roman", Times, serif;
}

a:link {
	text-decoration: none;
	color: #668d97;
	outline: none;
}

a:visited {
	text-decoration: none;
	color: #668d97;
	outline: none;
}

a:hover {
	text-decoration: underline;
	color: #4f696f;
	outline: none;
}
/*----------------------*/
.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

/*------ Clear Fix ------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearleft {
	clear:left;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */
/*----------------------*/

/*-- Main Wrapper and Container --*/
#wrapper {
	margin: 0px auto;
}

#container {
	width: 960px;
	margin: 0 auto;
}

/*----------------------------------*/
/*------------ TOP BAR -------------*/
#topbar {
	background: #E1E1D3 url(../imgs/bg_shadow_header.jpg) no-repeat scroll 50% 100%; 
	height:30px; 
	display:block;

}

/*----------------------------------*/
/*------------- HEADER -------------*/

/*-- Logo --*/
#header {
	position: relative;
	margin: 0px 0px 50px 0px;
}

#header h1#logo {
	display: inline;
	float: left;
	width: 425px;
	height: 80px;
	margin: 12px 0px 0px 0px;
}

#header h1#logo a {
	/*background: url(../imgs/head_logo.png) no-repeat 0 0;*/
	background: url(../imgs/logoCTgroup.png) no-repeat 0 0; /* test zio */
	display: block;
	width: 425px;
	height: 0px;
	overflow: hidden;
	/*padding-top: 84px; */
	padding-top: 100px; /* test zio */
}

/*-- Main Navigation --*/
#header ul#mainnav {	
	display: inline;
	float: right;	
	font: 19px Georgia, "Times New Roman", Times, serif;
	margin: 70px 0px 0px 0px;
	/*text-transform:uppercase;*/
}

#header ul#mainnav a:link {
	border-right: 1px solid #e5e9d5;
	color: #668d97;	
	display: block;
	padding: 14px 15px 13px 16px;	
}

#header ul#mainnav a:visited {
	border-right: 1px solid #e5e9d5;
	color: #668d97;	
	display: block;
	padding: 14px 15px 13px 16px;	
}

#header ul#mainnav a:hover {
	/*background-color: #f3f8e6;*/
	border-right: 1px solid #e5e9d5;
	
	color: #4f696f;
	text-decoration: none;
}

#header ul#mainnav li a.current {
	/*background-color: #f0f4db;*/
	background: url('../imgs/current.png') bottom center no-repeat;
	border-right: 1px solid #e5e9d5;
	color: #4D7988;
	font-weight:bold;
	text-decoration: none;
}

#header ul#mainnav li {
	display: inline;
	float: left;
}
/*-- end Navigation --*/
/*----------------------*/

/*----------------------------------*/
/*------------ CONTENT -------------*/

#content {
}

#content div.column_large {
	width: 700px;
	margin: 0px 0px 30px;
}

#content div.column_small {
	width: 220px;
	margin: 0px 0px 30px;
}

#content div.column_small.left {
	padding-right: 20px;
}

#content div.column_small.right {
	padding-left: 20px;
}

#content div.columnbox {
	margin-bottom: 30px;
}

/*----------------------------------*/
/*----------- PROMO BANNER ---------*/
#content #promowrapper {
	background: url(../imgs/promo_banner_top.jpg) repeat-x 0 0;
	padding-top: 36px;
	margin: 0px 0px 30px 0px;
}

#content #promobanner {
	background: url(../imgs/promo_banner_bottom.jpg) repeat-x 0 bottom;
	display: inline;
	float: left;
	width: 960px;
	height: 192px;
	position: relative;
}

#content #promobanner #crop {
	position: relative; 
	width: 828px;
	height: 135px;
	overflow: hidden;
	margin: 0 auto;
}

#content #promobanner #widearea {
    position: absolute;
	width:20000em; 
	height: 135px;
}

#content #promobanner .slide {
	display: inline;
	float: left;
	width: 828px;
	height: 135px;
	margin: 0px;
	position: relative;
}

#content #promobanner .slide div.txt {
	display: inline;
	float: left;
	margin: 20px 0px 0px 50px;
	position: relative;
	z-index: 9999;	
}

#content #promobanner .slide div.slideimg {
	position:relative;
	z-index: 10000;
}

div.slide  a, div .slide  a:link {
	position: absolute;
	left: 50px;	/* right:0px;*/
	margin: 0; /* margin: 0px 80px 0px 0px; */
	padding:0;
}

#content #promobanner .slide a img {
	display:block;
	width:200px;
	height:52px;
}

#content #promobanner h1 {
	color: #4d7988;
	font: 30px Helvetica, Geneva, Arial, sans-serif;
	text-transform: uppercase;
	margin: 5px 0px 15px;
}

#content #promobanner h2 {
	color: #B8CFD6;
	font: 20px Helvetica, Geneva, Arial, sans-serif;
	letter-spacing: 1px;
	line-height:1.1em;
	margin: 5px 0px 0px 0px;
}

#content #promobanner div#openclose {
	cursor: pointer;
	width: 46px;
	height: 26px;
	position: absolute;
	bottom: 0px;
	left: 430px;
}

#content #promobanner div#openclose span#close, #content #promobanner div#openclose span#open {
	width: 46px;
	height: 26px;
}
			
#content #promobanner div#openclose span#open {
	display: none;
}

#promobanner a#backbtn, #promobanner a#nextbtn {
	display: block;
	cursor: pointer;
	padding-top: 31px;
	width: 31px;
	height: 0px;
	outline: none;
	overflow: hidden;
	position: absolute;
	top: 53px;
}

#promobanner a#backbtn {
	background: url(../imgs/promo_banner_left.jpg) no-repeat 0 0;
	left: 30px;
}

#promobanner a#nextbtn {
	background: url(../imgs/promo_banner_right.jpg) no-repeat 100% 0;
	right: 30px;
}

#promobanner #navi {
	position: absolute;
	top: -50px;
	left: 425px;
    width: 60px; 
    height: 14px;
} 
 
#promobanner #navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background: url(../imgs/navigator.png) no-repeat 0 0; 
    display:block; 
    font-size:1px;
	cursor: pointer;
} 
 
#promobanner #navi a:hover { 
    background-position:0 -8px;       
} 
 
#promobanner #navi a.current { 
    background-position:0 -16px;      
}
/*-- end sliding promo banner --*/
/*----------------------*/

/*-- Content Headings --*/
#content h2.contheading {
	font-size: 18px;
	color: #9fb739;
}

#content h2.contheading {
	margin-bottom: 30px;
	padding-bottom: 15px;
	font-size: 20px;
	color: #4D7988;
	border-bottom: 1px solid #cddeba;
}

#content h2.contheading.after {
	margin-top: 30px;
}

#content div.quotebox {
	color: #6c7c81;
	margin: 0;
	padding: 20px;
	background-color: #eff5f5;
	border-bottom: 1px solid #d0dadb;
}

#content div.quotebox span.author {
	color: #9cb2b8;
}

/*-- Featured Projects (box) --*/
#content #featuredprojects{
	margin-bottom: 30px;
}

#projects li.recentproj {
	display: inline;
	float: left;
	margin: 0px 20px 0px 0px;
	width: 220px;
	text-align: left;
}

#projects li.recentproj h3 {
	font-size: 16px;
	text-align: center;
	margin: 0px 0px 7px;
	min-height: 40px;
	clear: both;
}

#projects li.recentproj h3 a {
	outline: none;
	display: block;
	width: 200px;
	clear: both;
	margin: 0 auto;
}

#projects li.recentproj p {
	font: 13px Helvetica, Geneva, Arial, sans-serif;
}

#projects li.recentproj img {
	width: 220px;
	height: 111px;
	margin: 0px 0px 10px 0px;
	display: inline;
	float: left;
	background-color: #e7f4fc;
}

#projects li.recentproj.last {
	margin: 0px;	
}

.in_txt_img_dx {
	vertical-align:top; 
	margin:5px; 
	padding:3px; 
	float:right; 
	border:1px solid #ddd; 
	background-color: #eee;
}

.in_txt_img_sx {
	vertical-align:top; 
	margin:5px; 
	padding:3px; 
	float:left; 
	border:1px solid #ddd; 
	background-color: #eee;
}

/*-- Contact Me Box --*/

#content div.contactbox {
	margin: 0px 0px 1px;
	color: #c3c3c3;
	font-size: 15px;
}

#content div.contactbox a#downloadresume {
	background: url(../imgs/download_resume_btn.jpg) no-repeat 0 0;
	display: block;
	height: 0px;
	margin: -10px 0px 0px;
	padding-top: 68px;
	overflow: hidden;
}

#content div.contactbox a#downloadresume:hover {
	background: url(../imgs/download_resume_btn.jpg) no-repeat 0 -68px;
}

#content div.contactbox h3 {
	margin: 20px 0px 3px 0px;
	padding: 0px 6px;
	color: #4D7988;
	font-size: 19px;
}

#content div.contactbox ul li {
	margin: 0px 0px 5px;
}

#content div.contactbox.around ul li {
	background: url(../imgs/about_meframe_arrow.jpg) no-repeat 0 6px;
	margin: 0px 0px 1px;
	padding: 0px 0px 0px 15px;
	float: left;
	display: inline;
	min-width: 90px;
}

#content div.contactbox a:link {
	font-size: 15px;
	color: #c3c3c3;
}

#content div.contactbox a:visited {
	font-size: 15px;
	color: #c3c3c3;
}

#content div.contactbox a:hover {
	font-size: 15px;
	color: #505050;
	text-decoration: underline;
}

#content div.contactbox a {
	padding: 0px 0px 0px 22px;
}

/* Icons ***/

/*--*/
li.login a, li.forget a, li.email a, li.downloads a  {
	padding: 0px 0px 0px 22px;
}

/*-- login */
li.login a:link, li.login a:visited {
	background: url(../imgs/contactme_box_icon_login.jpg) no-repeat 0 1px;
}

li.login a:hover {
	background: url(../imgs/contactme_box_icon_login.jpg) no-repeat 0 -16px;
}

/*-- gallery 1  */
li.gallery1 a:link, li.gallery1 a:visited {
	background: url(../imgs/contactme_box_icon_pages.gif) no-repeat 0 1px;
}

li.gallery1 a:hover {
	background: url(../imgs/contactme_box_icon_pages.gif) no-repeat 0 -16px;
}

/*-- gallery 2  */
li.gallery2 a:link, li.gallery2 a:visited {
	background: url(../imgs/contactme_box_icon_img1.gif) no-repeat 0 1px;
}

li.gallery2 a:hover {
	background: url(../imgs/contactme_box_icon_img1.gif) no-repeat 0 -16px;
}

/*-- gallery 3  */
li.gallery3 a:link, li.gallery3 a:visited {
	background: url(../imgs/contactme_box_icon_img2.gif) no-repeat 0 1px;
}

li.gallery3 a:hover {
	background: url(../imgs/contactme_box_icon_img2.gif) no-repeat 0 -16px;
}

/*-- gallery 4  */
li.gallery4 a:link, li.gallery4 a:visited {
	background: url(../imgs/contactme_box_icon_img3.gif) no-repeat 0 1px;
}

li.gallery4 a:hover {
	background: url(../imgs/contactme_box_icon_img3.gif) no-repeat 0 -16px;
}

/*-- lavora con noi */
li.job a:link, li.job a:visited {
	background: url(../imgs/contactme_box_icon_job.gif) no-repeat 0 1px;
}

li.job a:hover {
	background: url(../imgs/contactme_box_icon_job.gif) no-repeat 0 -16px;
}

/*-- forget password */
li.forget a:link {
	background: url(../imgs/contactme_box_icon_forget.jpg) no-repeat 0 1px;
}

li.forget a:visited {
	background: url(../imgs/contactme_box_icon_forget.jpg) no-repeat 0 1px;
}

li.forget a:hover {
	background: url(../imgs/contactme_box_icon_forget.jpg) no-repeat 0 -16px;
}

/*-- email */
li.email a:link {
	background: url(../imgs/contactme_box_icon_mail.gif) no-repeat 0 3px;
}

li.email a:visited {
	background: url(../imgs/contactme_box_icon_mail.gif) no-repeat 0 3px;
}

li.email a:hover {
	background: url(../imgs/contactme_box_icon_mail.gif) no-repeat 0 -16px;
}
/*-- downloads */
li.downloads a:link {
	background: url(../imgs/contactme_box_icon_download.gif) no-repeat 0 1px;
}

li.downloads a:visited {
	background: url(../imgs/contactme_box_icon_download.gif) no-repeat 0 1px;
}

li.downloads a:hover {
	background: url(../imgs/contactme_box_icon_download.gif) no-repeat 0 -16px;
}



#content div.contactbox em {
	font-size: 11px;
	font-style: italic;
}

/*----------------------------------*/
/*------------- FOOTER -------------*/

#footerwrap {
	background: #E1E1D3 url(../imgs/bg_shadow_footer.jpg) no-repeat scroll 50% 0;
	margin-top: 30px;
}

#footer {
	color: #7d9ba3;
	margin: 0px auto;
	padding: 54px 40px 50px;
	width: 880px;
}

#footer p {
	margin-bottom: 2px;
}

#footer a:link {
	color: #7d9ba3;
}

#footer a:hover {
	color: #7d9bcc;
	text-decoration: underline;
}

/*-- Footer Upper --*/

#footer #footupper {
	background:transparent url(../imgs/devider_footer.jpg) no-repeat scroll 73% 0;
	clear: both;
	height: 250px;
	width: 880px;
	margin:-30px 0;
}

#footcontact {
	width:68%; float:left; 
}

#footaddress {
	width:24%; float:right;
}

#footaddress h3 {
	font-size: 1.6em; color: #4d7988; font-weight: normal; margin-bottom:1em;
}

#footaddress ul li {
	margin:.5em 0;
}
/*-- Footer Bottom --*/

#footer #footbottom {
	clear: both;
	color: #52747d;
	width: 880px;
	border-top: 1px solid #fff;
	font-size: 11px;
	padding: 10px 0px 0px;
}

#footer #footbottom #copyrights {
	display: inline;
	float: left;
	width: 400px;
}

#footer #footbottom .quotebox {
	display: inline;
	float: right;
	width: 450px;
	text-align: right;
}

#footer #footbottom .quotebox p span.author {
	font-style: italic;
	color: #7d9bcc;
}


#flags {
	position:absolute;
	right:0;
	margin-top:-25px;
}
#flags img {
	padding:0 12px;
}
/* IMAGE GALLERIES */
.gallery div {	
	float:left;
	vertical-align:top;
	width:160px;
	height:230px;
	margin:0 5px;
}

.gallery a img {	
	padding:3px; 	
	border:1px solid #ddd; 
	background-color:#eee;
	display:block;	
	font-size:0.9em;
}

.gallery p {
	margin:0;
	font-size:90%;
}

/* GOOGLE MAP STYLE */
#map {
	height:500px;
	width:95%;
	margin:5px auto;
	border:1px solid black;
}
/* CONTACT FORM */
form { }
fieldset { margin:0; padding:0; border:none; width:90%; }
legend {  margin:0 .2em; padding-left:23%; font-size: 1.6em; color: #4d7988; font-weight: normal; }
#contactFormResponse  { font-size:1em; margin-left:33%;}
form div { padding:.5em 0;  }
/* form div.button { border-bottom:1px solid #ccc; } */
label {float: left; width:30%; line-height:200%; padding-right:1em; text-align:right; } 
input, textarea { width:66%;  border:1px solid #ccc; background:#eee; padding:2px; } 
textarea { overflow:auto; width:66%;  border:1px solid #ccc; padding:2px;}
.button input { /*border:1px solid #eee;*/ border:0 none; text-decoration:underline; float:right; font-size:1.3em; color: #4d7988; background:none; padding:0 4px; margin:0 .4em 1em 1em; cursor:pointer; width:auto;}
.button input:hover {color:#5EA4ff;}
a.linkz  { font-size:1.3em; color: #4d7988; background:none; padding:0 4px; cursor:pointer; width:auto; }
fieldset p { margin-left:33% }
.checkbx {background-color:#fff; border:0; width:5%; margin-left:22%;}

/*input text styling */
.upload {
	position:relative;
}
.realupload {
	position:absolute;
	top:14px;
	right:12px;
	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */
	z-index:2; /* bring the real upload interactivity up front */
	width:414px;
}

form .fakeupload {
	background:url('../imgs/inputtext.png') no-repeat 100% 50%;
	
}
form .fakeupload input {
	background:#ddd;
	width:341px;
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* OVERLAY */
/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:800px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	/* place overlay on top of other elements */
	background-image:url(../imgs/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* inizio popup 
#finestra,#finestra td{ background-color:#fcfdfd; font-size:11px; color:#668d97;}
#finestra img{ border:none; }
#titolo_finestra{ color:#668d97; font-size:1.4em; }
#finestra iframe{ background:#fcfdfd; border:none; margin:0;}
*/
/* fine popup */

/* SUPPLIERS AREA */
/* list request */
#offers_list_table {
	margin:0;
	padding:3px;
	width:580px;
}

#offers_list_table th {
	margin:0;
	padding:5px;
	color:#fff;
	border:1px solid #555;
	font-weight:bold;
	background-color:#668d97;	
}

#offers_list_table td {
	margin:0;
	padding:5px;
	border:1px solid #555;	
}

#offert_table_link {
	color:#555;	
	font-weight:bold;
	margin:0;
	padding:0;
}

/* view request */
#offers_table {
	margin:0;
	padding:3px;
	width:580px;
}

#offers_table th {
	margin:0;
	padding:5px;
	color:#668d97;
	font-weight:bold;	
	width:150px;
}

#offers_table th input{
	font-weight:normal;	
}

#offers_table td {
	margin:0;
	padding:5px;
}

#offert_table_link {	
	font-weight:bold;
	margin:0;
	padding:0;
}