/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em;
	color:#c0c0c0;
	background-attachment: fixed;
	background-color: #333;
	background-image: url(../images/sfondo_footer.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
html {min-width:980px}
html, body {height:100%}
.container_16 {font-size:.75em;position:relative}
header {
	height:625px;
	overflow:hidden;
	border-bottom:1px solid #999;
	background-color: #333;
	background-image: url(../images/sfondo_header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#content {
	padding:37px 0 90px 0;
	background-image: url(../images/mattonella_content2.jpg);
	background-repeat: repeat;
	border-bottom:1px solid #999;
}
#mainContent {padding:13px 0 0 0}
footer {border-top:1px solid #292929;padding:40px 0 40px 0}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.col-1, .col-2, .col-3 {float:left}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.inside {padding:20px}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
figure {margin:0 24px 18px 0;float:left;padding:4px;background:#fff;position:relative;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(js/PIE.htc)}
.inner_copy, .inner_copy a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
figure.alt {margin-right:5px}
figure.last {margin-right:0}
.img-box {width:100%;overflow:hidden;padding-bottom:20px}
.extra-wrap {overflow:hidden}
p {margin-bottom:18px}
.p1 {margin-bottom:9px}
.p2 {margin-bottom:18px}
.p3 {margin-bottom:27px}
a {color:#c0c0c0;outline:none}
a:hover {text-decoration:none}
h2 {font-size:28px;color:#fff;line-height:1.2em;font-style:italic;font-weight:normal;letter-spacing:-1px;margin-bottom:.5em}
h3 {font-size:1em;line-height:16px;font-weight:normal;text-transform:uppercase;color:#c0c0c0;margin-bottom:5px}
h4 {font-size:1em;color:#616161;margin-bottom:12px}
h5 {font-size:15px;line-height:20px;font-weight:normal;color:#909090;font-style:italic;margin-bottom:1em}
h6 { font-size: 18px; margin: 0 0 15px; padding: 0; }
hgroup h5 {margin-bottom:4px}
hgroup h4 {margin-bottom:18px}
.button {display:inline-block;position:relative;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#46E1FD;background:-webkit-gradient(linear, 0 0, 0 70%, from(#46E1FD), to(#0099CC));background:-moz-linear-gradient(#46E1FD, #0099CC 70%);background:linear-gradient(#46E1FD, #0099CC 70%);-pie-background:linear-gradient(#46E1FD, #0099CC 70%);behavior:url(js/PIE.htc);padding:0 18px 0 18px;line-height:26px;color:#fff;font-weight:bold;text-decoration:none;-webkit-transition-duration:0.5s}
.button:hover {background:#fff;color:#000}
.box {background:url(../images/box-bg.gif) 0 100% repeat-x #CCCCCC;padding:20px 20px 20px 20px;border:1px solid #999999;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;behavior:url(js/PIE.htc);position:relative;color:#fff}
.box h2 {color:#333;background:url(../images/bd_bot.gif) 0 100% repeat-x;padding-bottom:20px;margin-bottom:20px;line-height:30px;letter-spacing:-1px}
.box h3 {font-weight:normal;color:#333;font-size:16px;line-height:22px;text-transform:none}
.box h3 a {color:#000}
.address {float:left;margin:0 30px 10px 0}
.address.last {margin-right:0}
.address dt {margin-bottom:4px;text-transform:uppercase}
.address dd {clear:both}
.address dd span {float:left;padding-right:25px}
.address dd a {color:#c0c0c0}
/* Header */
header .logo {
	position:absolute;
	left:0px;
	top:70px;
	background:url() no-repeat 0 0;
	padding:0px 0 0 0px
}
header .logo h1 {font-size:38px;line-height:1.2em;color:#c3c3c3;font-weight:normal;font-style:italic;letter-spacing:-1px}
header .logo h1 a {color:#666;text-decoration:none}
header .logo h1 a strong {color:#fff}
/* Navigation */
header nav {
	position:absolute;
	right:9px;
	top:95px;
	width:auto;
}
header nav ul li {float:left;padding-left:6px}
header nav ul li a {float:left;color:#333;text-decoration:none;width:auto;text-align:center;line-height:31px;font-size:14px}
header nav ul li a:hover, header nav ul li a.current {background:url(../images/nav-bg.gif) 0 0 repeat-x;color:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
/* Faded Slider */
#faded {position:absolute;left:0;top:161px;padding-bottom:20px}
/* Required: If fixed height, state it here */
#faded .rap {background:url(../images/img-wrapper-bg.jpg) no-repeat 50% 0 #46E1FF;border:1px solid #0066CC;width:589px;height:416px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:-2px 8px 5px rgba(0, 0, 0, .6);-moz-box-shadow:-2px 8px 5px rgba(0, 0, 0, .6);-webkit-box-shadow:-2px 8px 5px rgba(0, 0, 0, .6);z-index:10;overflow:hidden}
#faded .rap img {margin:9px 0 0 9px}
#faded .rap2 {background:url(../images/img-wrapper-bg2.jpg) no-repeat 50% 0 #46E1FF;border:1px solid #0066CC;width:976px;height:416px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:-2px 8px 5px rgba(0, 0, 0, .6);-moz-box-shadow:-2px 8px 5px rgba(0, 0, 0, .6);-webkit-box-shadow:-2px 8px 5px rgba(0, 0, 0, .6);z-index:10;overflow:hidden}
#faded .rap2 img {margin:9px 0 0 9px}
#faded ul.pagination {position:absolute;left:537px;top:10px;background:url(../images/pagination-splash.gif) no-repeat 0 0 #2a2a2a;border:1px solid #3a3a3a;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:-2px 8px 5px rgba(0, 0, 0, .4);-moz-box-shadow:-2px 8px 5px rgba(0, 0, 0, .4);-webkit-box-shadow:-2px 8px 5px rgba(0, 0, 0, .4);z-index:9;padding:25px 0 25px 0}
#faded ul.pagination li {width:429px;position:relative;background:url(../images/line-bot.gif) no-repeat 77px 100%;padding-bottom:1px;height:1%}
#faded ul.pagination li:last-child {background:none}
#faded ul.pagination li a {display:block;padding:16px 20px 14px 77px;overflow:hidden;color:#7f7f7f;text-decoration:none;font-size:13px;line-height:28px;height:1%;cursor:pointer;-moz-transition:all 0.3s ease-out;/* FF3.7+ */-o-transition:all 0.3s ease-out;/* Opera 10.5 */-webkit-transition:all 0.3s ease-out;/* Saf3.2+, Chrome */}
#faded ul.pagination li a:hover, #faded ul.pagination li.current a {background-color:#1d1d1d;color:#fff}
#faded ul.pagination li a img {float:left;margin-right:28px}
#faded ul.pagination li a span.left {float:left;width:200px}
#faded ul.pagination li a span.right {float:left;width:80px}
#faded .extra-banner {position:absolute;left:485px;top:307px;z-index:11}
/* Content */
#mainContent article {padding:0 0 32px 0;margin-bottom:30px;border-bottom:1px dashed #323232}
#mainContent article.last {padding-bottom:0;margin-bottom:0;border:none}
#mainContent article_noline {padding:0 0 32px 0;margin-bottom:30px}
/* Aside */
aside article {padding-bottom:0;margin-bottom:35px}
aside article.last {margin-bottom:0}
/* List of images */
.img-list {padding-bottom:9px}
.img-list li {float:left;padding:0 9px 9px 0;width:109px;height:93px}
.img-list li a {float:left;padding:4px;background:#fff;position:relative;z-index:1;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(js/PIE.htc);-webkit-transition-duration:0.5s}
.img-list li a:hover {z-index:2;background:#ce2300;-webkit-transform:scale(1.5)}
/* Accordion */
.accordion dt {font-size:16px;line-height:1.2em;color:#000;position:relative;padding:10px 0 5px 40px;height:1%}
.accordion dt img {position:absolute;left:0;top:10px}
.accordion dt a {color:#000}
.accordion dd {display:none;padding:0 0 0 40px}
/* Lists */
.list1 li {background:url(../images/arrow1.gif) no-repeat 0 7px;padding:0 0 6px 15px;font-size:13px;zoom:1}
.list1 li a {color:#fff;font-weight:bold}
/*  footer  */
footer .container_16 {font-size:.625em}
footer nav ul {overflow:hidden;margin:0 0 6px -11px}
footer nav ul li {display:inline;margin-left:-1px}
footer nav ul li a {border-left:1px solid #777;padding:0 9px 0 11px;color:#777;text-transform:uppercase;text-decoration:none;-moz-transition:all 0.3s ease-out;/* FF3.7+ */-o-transition:all 0.3s ease-out;/* Opera 10.5 */-webkit-transition:all 0.3s ease-out;/* Saf3.2+, Chrome */}
footer nav ul li a:hover {color:#e1e1e1}
footer .copy {}
footer .copy span {text-transform:uppercase;color:#e1e1e1}
footer .copy a {color:#777}
/* forms */
#contacts-form fieldset {border:none}
#contacts-form label {display:block;height:26px;overflow:hidden}
#contacts-form span {float:left;width:66px}
#contacts-form input {float:left;background:#1e1e1e;border:1px solid #a4a4a4;width:210px;padding:1px 5px 1px 5px;color:#fff}
#contacts-form textarea {float:left;width:210px;padding:1px 5px 1px 5px;height:195px;background:#1e1e1e;border:1px solid #a4a4a4;overflow:auto;color:#fff}
#contacts-form .button {float:right;margin-left:16px;margin-top:14px}

#contact_form { 
	padding: 0; 
	width: 400px;
}

#contact_form form { 
	margin: 0px; 
	padding: 0px; 
}

#contact_form form .input_field { 
	width: 270px; 
	padding: 5px; 
	color: #222;  
	background: #f4f6f9; 
	border: 1px solid #d3dae3; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form label { 
	display: block; 
	width: 240px; 
	margin-right: 12px; 
	font-size: 13px; 
}

#contact_form form textarea { 
	width: 388px; 
	height: 180px; 
	padding: 5px; 
	color: #222;  
	background: #f4f6f9; 
	border: 1px solid #d3dae3; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form .submit_btn { 
	padding: 5px 14px; 
	color: #222;  
	background: #f4f6f9; 
	border: 1px solid #d3dae3; 
	font-size:14px; 
	margin: 10px 0px;
}

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }

.col_l { margin: 0 }
.col_5 { width: 340px; padding-right: 30px }
.float_r { float: right }
.float_l { float: left }
.col_2 { width: 430px; padding-right: 30px }