@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: "Manu";
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
    font-style: normal;

}


body {
	font:14px Arial, Helvetica, sans-serif;
	color:#7a786b;}

h1 {
	position:relative;
	width:345px;
	height:107px;
	background:url(../img/logo.png) no-repeat;
	text-indent:-9999em;
	margin:0 auto;
	bottom:30px;}
h1 a {
	display:block;
	width:100%;
	height:100%;
	}		

nav ul {
	margin:0 auto;
	text-align:center;
	overflow: hidden;
	max-width:960px;
		}
nav ul li a {
	float:left;
	font:24px "Manu";
	color:#FFF;
	display: inline-block;
	width:15%;
	text-align:center;
	margin:10px 0 0 0;
	-webkit-transition: background 0.5s ease;
	   -moz-transition: background 0.5s ease;
	     -o-transition: background 0.5s ease;
	    -ms-transition: background 0.5s ease;
	        transition: background 0.5s ease;}
nav li a:hover {
	background:#f7f6ef;
	padding:4px 0 3px 0;
	color:#81190e;
		}

#one, #three {
	background:url(../img/bg_sfondo_scuro.gif);
	}
#about h2 {
	max-width:960px;
	height:83px;
	margin:0 auto;
	background:url(../img/about.png) no-repeat center 30px;
	text-indent:-9999em;}
#about2 p {
	padding:6px 30px;
	text-align:justify;
	line-height:1.5;}
#about2 a {
	color:#841F07;
	}
#about a:hover {
	text-decoration:underline;}	
#portfolio h2 {
	max-width:960px;
	height:100px;
	margin:0 auto;
	background:url(../img/portfolio.png) no-repeat center 10px;
	text-indent:-9999em;
	padding-bottom:30px;}
#services h2 {
	max-width:960px;
	height:100px;
	margin:0 auto;
	background:url(../img/services.png) no-repeat center 20px;
	text-indent:-9999em;}
#services img {
	margin:2% 20%;}
#services p {
	text-align:justify;
	padding:0 10px 30px 10px;}		
#contacts h2 {
	max-width:960px;
	height:100px;
	margin:0 auto;
	background:url(../img/contacts.png) no-repeat center 10px;
	text-indent:-9999em;}

#contacts #info {
	width:260px;
	font:24px "Manu";
	color:#7d0d02;
	padding:0 0 0 30px;
	}	
#contacts #info span {
	padding-left:30px;}

/* FORM */
form {
	padding:40px;}

form li {
	float:left;
	padding-bottom:20px;}
	
input, textarea {
	background: #f8f7f2;
	border:1px solid #ceccc1;
	font-size:24px;
	color:#a6a59e;
	}
input {
	width:273px;
	height:47px;
	display:block;
	}
textarea {
	width:562px;
	height:113px;}
label {
	display:block;
	}
button {
	float:right;
	}	
	
.name, .email, .message {
	height:33px;
	text-indent:-9999em;
	background:url(../img/voci_form.png) no-repeat;}	
.name {
	width:62px;
	}
.email {
	width:70px;
	background-position: -190px 0;
	}
.message {
	width:92px;
	background-position: -80px 0;}
.email, #email {
	margin-left:15px;}	
.send {
	width:91px;
	height:37px;
	border:0;
	background:url(../img/send_button.gif) no-repeat;
	cursor:pointer;}
.send:hover {
	background:url(../img/send_hover.gif);}			

/* CLASSI*/			

.margine_big {
	margin-right:350px;}			

.top_bg {
	background:url(../img/top_line_bg.png) repeat-x;
	height:30px;}
.bottom_bg {
	background:url(../img/bottom_line_bg.png) repeat-x;
	height:30px;}
	
.fb, .tw, .in, .skype {
	display:inline-block;
	height:50px;
	width:50px;
	padding:5px;
	}		
.fb {
	background:url(../img/social.png) no-repeat;
	margin-left:15px;}
.fb:hover {
	background:url(../img/social_hover.png) no-repeat;}	
.tw {
	background:url(../img/social.png) -60px 0 no-repeat; }
.tw:hover {
	background:url(../img/social_hover.png) -60px 0 no-repeat;}	
.in {
	background:url(../img/social.png) -240px 0 no-repeat;
	margin-left:10px;}
.in:hover {
	background:url(../img/social_hover.png) -240px 0 no-repeat;}	
.skype {
	background:url(../img/social.png) -180px 0 no-repeat;}
.skype:hover {
	background:url(../img/social_hover.png) -180px 0 no-repeat;}	
	
.testimonialrotator {
	clear:both;
	top:40px;
	bottom:40px;
	text-align:center;
	position:relative;
	 }
.testimonial{ position:absolute; top:0; left:0;  display:none; }
.testimonialrotator .testimonial:first-child{  position:relative; display:block; }
.testimonial p { font-size: 1.5em;
font-family: Courier New, Arial;
line-height:1em; color:#811800; }
.testimonial .the-author { font-size: 1em;
font-family: Courier New, Arial;
font-style: italic; margin-top:10px; }

.nav {
	display:block;
	margin:0 auto;
	}

.clearer {
	width:100%;
	clear:both;}	


/* PORTFOLIO*/

@import url(http://fonts.googleapis.com/css?family=Quattrocento);

.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

#wrap { max-width: 940px; min-height: 900px; margin: 0 auto; padding: 1.5em 20px; overflow: hidden; background-color: #fff; border: 1px solid #ddd; -moz-box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; }

.demo-top { margin-bottom: 0.35714em; padding-bottom: 0.5em; border-bottom: 3px solid #000; }
.credits { font-family: 'Quattrocento', serif; font-size: 1.28571em; line-height: 1.16667em; text-align: center; color: #444; margin-bottom: 2.66667em; }
.back-to-post { border-top: 1px solid #000; margin-bottom: 3em; }


/* Filter */
dl { margin-bottom: 3em; color: #777; }
dt, dd { float: left; }
dt { margin-right: 5px; }
.filter {
	padding-bottom:40px;}
.filter li { float: left; 
}
.filter li:after { content: "/"; }
.filter li:last-child:after { content: ""; }
.filter a { padding: 0 10px; color: #777; text-decoration: none; }
.filter a:hover, .current a { color: #4f0d4d; }

/* Portfolio Items */
.portfolio {
	clear:both;
	}

.portfolio li { float: left; margin-right: 20px; margin-bottom: 2em; border: 1px solid #ccc; -moz-box-shadow: 0 5px 5px -3px #222; -webkit-box-shadow: 0 5px 5px -3px #222; box-shadow: 0 5px 5px -3px #222; }
.portfolio li:nth-child(4n) { margin-right: ; }
.portfolio a { display: block; border: 3px solid #fff;  text-decoration: none; }
.portfolio img { width: 280px; height: 230px; display: block; border: 1px solid #ccc; }


/*---CONTACTS----*/

#contacts p {
	padding-bottom:60px;}

#form {
	float:left;
	background:url(../img/form_bg.jpg) no-repeat;
	width:650px;
	height:430px;}
#info {
	float:left;
	width:200px;}