@charset "utf-8";
/* CSS Document */
/*--------- CSS GLOBAL RESET --------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong {font-weight:bold !important;}
/*--------- CSS GLOBAL RESET --------*/
.strong { font-weight:bold;}
body { background-image:url(../images/karboncino/home_bg.gif); background-position:top; background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif;}
#container {width:940px; margin-left:auto; margin-right:auto; min-height:500px;}
#header {color:#999; font-size:9px; padding-top:10px; text-align:right; padding-right:15px;}
#logo {margin-top:50px;}
#menu { background-image:url(../images/karboncino/menu_bg.gif); background-position:bottom; background-repeat:repeat-x; width:100%;height:56px;margin:0; margin-bottom:20px;     
     list-style-type:none;}
#menu ul {float:right;}
#menu ul li {float:left; /* border-left:solid 1px #999;*/  }
#menu ul li:first-child { border:none;}
#menu li a {color:#4C4C4C; text-decoration:none; margin-right:20px; margin-top:0px; display:inline-block; padding: 4px 20px 4px 20px;}
.main {width:100%; border-top:solid 1px #CCC; margin-top:10px;}
#slider_container { width:912px; height:306px; background-color:#CCD00A; padding:14px;}

#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:910px;
		height:273px;
		overflow:hidden; 
		
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin-top:6px;
		padding:0;
		height:28px;	
		float:right;
		}

	ol#controls li{
		margin:-10px 4px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		
		}
	ol#controls li a{
		float:left;
		height:23px;
		text-align:right;
		margin-top:9px;
		line-height:28px;
		background:#fff;
		color:#CCD00A;
		padding-top:12px;
		padding-right:3px;
		width:37px;
		text-decoration:none;
		font-size:28px;
		font-weight:bold;
		overflow:hidden;
		}
	ol#controls li.current a{
		background:#9CA007;
		color:#CCD00A;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

.home_float1 {float:left; width:178px; margin-top:30px;}
.home_float1 h2 {border-bottom:solid 1px #CCCCCC;}
.home_float2 {float:left; width:390px; margin-top:30px; margin-right:50px;  margin-left:50px; }
.home_float2 h2 {border-bottom:solid 1px #CCCCCC;}
.home_float3 {float:left; width:265px; margin-top:30px; }
.home_float3 h2 {border-bottom:solid 1px #CCCCCC;}
.home_float3 p {color:#666; font-size:12px; padding-top:15px; line-height:16px;}
.home_social li {height:35px; border-bottom:solid 1px #ccc;}
.home_social a {padding-top:8px; padding-left:5px; display:block; color:#666; text-decoration:none;height:27px;}
.home_works li { padding-top:15px; border-bottom:solid 1px #CCC; padding-left:5px; }
.home_works li p {float:left; color:#CCD00A; font-size:12px; display:table-cell; height:39px;}
.home_works li a {text-decoration:none; display:block; /*float:right;*/ margin-left:25px; color:#999; line-height:16px; font-size:14px; width:283px;}


#footer {clear:both; text-align:right; padding-top:60px;}
.menu_footer ul {float:right;}
.menu_footer ul li {float:left; margin-left:15px;font-size:10px; color:#999; }
.menu_footer li a {color:#4C4C4C; text-decoration:none; margin-right:20px; margin-top:0px; font-size:10px; color:#999;}
.testo_footer {clear:right;font-size:10px; color:#999; padding-top:5px; padding-bottom:35px;margin-right:20px;}
/* indispensabile per tabs */
.ui-tabs .ui-tabs-hide { display: none !important; }

.works_menu {float:left; width:125px;}
.works_contenuto {float:right; width:773px; padding-left:30px;}
.works_contenuto .testo {float:left; width:290px;}
.works_contenuto .testo h3 {font-size:22px; color:#CCD00A; margin-bottom:5px;}
.works_contenuto .testo h4 {font-size:22px; color:#999; margin-bottom:15px; border-bottom:solid 1px #CCC;}
.works_contenuto .testo p {font-size:12px; line-height:14px; color:#999;}
.works_contenuto .immagini {float:left; width:465px; padding-left:18px;}
.works_contenuto .immagini img {float:right; margin:10px 0 0 10px;}
.works_titolo {color:#CCC; font-size:20px; font-weight:bold; width:100%; padding-bottom:6px; border-bottom:solid 1px #CCD00A;}
.works_menu ul li {padding-bottom:8px; padding-top:8px; width:100%; padding-bottom:6px; border-bottom:solid 1px #CCD00A; }
.works_menu ul li a {color:#999999; text-decoration:none; font-size:12px; display:block;}
.global_clear {clear:both !important; float:none !important;}
.contact_info {float:left; width:440px;}
.contact_map {float:right; height:480px;}
.contact_map iframe {border: solid 3px #CCD00A;}
.section_titolo {color:#CCD00A; font-size:20px; width:100%; padding-bottom:20px; border-bottom:solid 1px #CCCCCC; margin-bottom:26px;}
.recapiti {color:#999999; font-size:12px; line-height:14px; margin-bottom:30px;}
.recapiti a {text-decoration:none; color:#999999;}
form p { position:relative ; margin-top:10px;}
/*form p br {display: none;}*/
label  { position:absolute; top:0; left:0}
form fieldset {margin-bottom:10px;}
form fieldset p input,
form fieldset p textarea {
	display: block;
	padding: 4px;
	width: 400px;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

/*form fieldset p label {
	width: 380px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
	color:#ccc;
}*/

form fieldset p textarea {
	padding: 2px;
	width: 404px;
}

form fieldset p textarea,
form fieldset p input {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: solid 1px #ccc;
}
form fieldset p label {
	color: #ccc;
}
#form_privacy {border:solid 1px #CCC;; background:none; color:#666; vertical-align:middle;}
#form_invia { border:none; border-bottom:solid 1px #CCC; color:#CCC; text-transform:uppercase; background:none; float:right; margin-right:31px; font-size:16px;}
form span {font-size:12px; color:#999;}
form span a {color:#999; text-decoration:underline;}
.form_error {width:100%; text-align:center; color:#FF0033; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.form_send {width:100%; text-align:center; color:#060; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.global_clear {clear:both;}
.about_1 {float:left; width:660px; }
.about_2 {float:right; width:272px;}
.about_2 h3 {font-size:14px; color:#999999; margin-top:35px; margin-bottom:15px; font-weight:bold;}
.about_2 p {font-size:12px; color:#999999; line-height:16px;}

.about_float_1 {float:left; width:243px; height:213px; background-color:#CCD00A; margin:5px;}
.about_float_claim {float:left;width:243px; height:138px; margin:5px; padding-top:75px;}
.about_float_img {float:left; width:243px; height:462px; margin:5px;}
.about_float_top {float:left; background-color:#666666; width:348px; height:218px; margin:5px;}
.about_float_others {float:left;  width:348px; height:218px; margin:5px;}
.about_float_others h3 {font-size:14px; color:#999999; margin-top:35px; margin-bottom:15px; font-weight:bold;}
.about_float_others p {font-size:12px; color:#999999; line-height:14px; width:310px; margin-bottom:10px;}
.about_float_others li {font-size:12px; color:#999999; line-height:14px; margin:2px;}