/*  Custom CSS  */



body {
	font-family: 'DroidSansMonoRegular';
}
#header,#footer, #title, #billboard, .content-holder, .head-title {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	margin-bottom: 40px;
	padding-right: 6px;
	padding-left: 6px;
}
#header {
	height: 115px;
	margin-bottom: 50px;
}
#social {
    height: 20px;
    margin-left: 50px;
    width: auto;
    float: left;
}
#langbar {
	height: 16px;
	margin-top: 4px;
	width: 70%;
	float: right;
}
#langbar a {
	float: right;
	margin-left: 10px;
	margin-top: 5px;
}
#langbar a.active {
	background-color: #E8E8E8;
	padding-top: 10px;
	margin-top: -5px;
}
#langbar a.command {
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}                                       
#header #logo {
	float: left;
	width: 261px;
	height: 50px;
	margin-top: 35px;
	background-image: url(../img/stoneFlying.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#navigation {
	float: right;
	width: 719px;
	margin-top: 30px;
}
#navigation a {
	float: right;
	margin-left: 32px;
}
#billboard {
	overflow: hidden;
}                                              
#billboard .infos a:hover {
	background-position: 230px center;
}
.continue-button:hover {
	background-position: 210px center;
}                                                             
.h-box {
	width:980px;
	height:160px;
	padding:58px 0px 25px 0px;
}                                                               
.box {
	float:left;
	width:230px;
	margin-right:20px;
}
.box-doble {
	width:480px;
	margin-right:0px;
	margin-left: 0px;
	background-image: url(../images/aperture.png);
	margin-bottom: 80px;
	float:left;
	border-radius:6px;
	
}                                                            
.h-box .last, .last, .last-element {
	margin-right:0px !important;
}
.left a {
	display:block;
}
.left a.title {
	margin-top:0px;
}
.left p {
	margin:20px 0px 32px 0px;
}
#project-home {
	height:200px;
	margin-top: 50px;
	font-size: 100%;
}
.single-project {
	float:left;
	width:210px;
	margin-right:50px;
	font-size: 100%;
}
.double-box {
	float:right;
	width:480px;
	margin-right:0px;
	border-radius:6px;
	
}
.box-footer {
	width: 49%;
	float: right;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0000FF;
	padding-top: 5px;
	font-size: 10px;
}                                                                    
.single-project a.image {
	display:block;
	width:210px;
	height:163px;
	background:#CCC;
	margin-bottom:5px;
	border-radius:6px;	
}
.single-project a, .h-box .red a {
	display:block;
}
.h-box .red {
	width: 245px;
	height: 130px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-left: 190px;
	margin-right: 40px;
	border-radius: 6px;
	
}
.h-box .red a {
	margin-top:11px;
}
.h-box .story a {
	float:left;
	width:480px;
	height:150px;
}
.h-box .story a span {
	float: right;
	width: 178px;
	padding: 7px 7px 7px 10px;
	margin: 110px 0px 0px 0px;
	background-color: #000;
	background-image: url(../img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 162px center;
	border-radius: 5px 0px 0px 5px;
}

.h-box .story a:hover span {
	background-position: 170px center;
}                                                                       
#footer-holder {
	float:left;
	width:100%;
	margin-top:20px;
}
#footer {
	padding-top:40px;
}
#footer .h-box {
	height:130px;
	padding-top:0px;
	padding-bottom:10px;
}
#footer ul.micro {
	float:left;
	width:225px;
	height:90px;
	padding:0;
	margin-left:0px;
}
#footer ul.right {
	margin-left:30px;
}
#footer ul.micro li {
	display:block;
}
#footer ul li.top {
	margin-bottom:9px;
}
#footer ul.macro li a:hover span {
	display:inline;
	color:#BA1215;
}
#footer .socials a.twitter:hover {
	background-position: -252px -25px;
}
#footer .socials a.facebook:hover {
	background-position: -277px -25px;
}
#footer .socials a.linkedin:hover {
	background-position: -302px -25px;
}
#footer .socials a.friendfeed:hover {
	background-position: -327px -25px;
}
.spaced-top {
	margin-top:36px !important;
}
#footer .border-bar {
	padding-bottom:0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #0000FF;
}
div.rule {
	float:left;
	width:980px;
	height:39px;
	margin-bottom:40px;
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E6E6E6;
}
.open-metodology a.close:hover {
	background-position: -100px -46px;
}
.ot-column {
	float:left;
	width:313px;
	margin-right:20px;
}

.panel {
	display:block;
	margin-right:0px;
	padding-top:50px;
	height:110px;
}
.tt-column {
	float:left;
	width:647px;
}
p.body {
	margin-top:15px;
}
div.fondatori {
	margin:60px 0px 0px 0px;
	background-image: url(../PT/images/fundadores.jpg);
	background-repeat: no-repeat;
	}
.bio {
	float: left;
	width: 480px;
	margin-right: 20px;
	margin-bottom: 80px;
}
.double-box-text {
	float:right;
	width:480px;
	margin-bottom: 50px;
}

.mysocials a:hover {
	opacity:1.0;
	-khtml-opacity:1.0;
	-moz-opacity:1.0;
	-ms-filter:alpha(opacity=100);
	filter:alpha(opacity=100);
}
.emailme a {
	display:block;
	margin-top:6px;
}
.quotedby {
	text-align:right;
	margin-right:11px;
}
.double-box {
	width:480px;
}
.img .img-big {
	float:right;
	border-radius:6px;				
}
.img-big {
	border-radius:6px;				
}	
	
ul.ui-autocomplete li a:hover {
	background:#F5F5F5;
}
.arrow-up, .arrow-down, .arrow-left, .arrow-right {
	float:right;
	width:52px;
	height:52px;
}
.project-nav {
	float:right;
	height:34px;
	padding:18px 20px 0px 20px;
	display:none;
}
.arrow-up {
	background-image: url(../img/arrow-up.png);
	background-repeat: no-repeat;
}
.arrow-down {
	background-image: url(../img/arrow-down.png);
	background-repeat: no-repeat;
}
.arrow-left {
	background-image: url(../img/arrow-left_a.png);
	background-repeat: no-repeat;
}
.arrow-right {
	background-image: url(../img/arrow-right_a.png);
	background-repeat: no-repeat;
}

#project-top {
	display:block;
	width:980px;
	margin-top:0px;
	overflow:hidden;
}
#img-holder {
	float:right;
	width:980px;
	
}
#project-bottom {
	
}
#project-bottom .desc {
	float:left;
	width:730px;
	margin-left:250px;
	
	margin-bottom: 40px;
}
.onstage-arrow {
	width:365px;
	height:59px;
	position:absolute;
	z-index:100;
	display:none;
}

#stage-left {
	background:url(../PT/img/onstage-arrow-left.gif) no-repeat 10px;
}
#stage-right {
	background:url(../PT/img/onstage-arrow-right.gif) no-repeat 295px;
	margin-left:365px;
}



h1 {
	display:block;
	margin:27px 0px 25px 0px;
}
a, .metodologies .box {
	text-decoration:none;
	cursor:pointer;
}

.h-box .story a span, #footer, .quotedby, .opened p, .quote .quoted-by {
	font-size:12px;
}
#billboard .infos a, .h-box .left p, .status, #footer ul.micro li.top a, .twitter-internal .status, .box a.continue, .single-gallery, .project-nav {
	font-size:13px !important;
}
.ot-column .panel, p.body {
	font-size:14px;
}
#navigation a {
	font-size:15px;
}
.emailme {
	font-size:18px;
}
.h-box .red, h4, .twitter-internal {
	font-size:20px;
}
.emailme a {
	font-size:25px;
}
.left a.title {
	font-size:27px;
}
.metodologies .box {
	font-size:28px;
}
.panel span, .sf {
	font-size:28px;
	color: #DA6901;
}
h1 {
	font-size:45px;
}
.single-project a.title, ul.services li.head, p strong {
	font-weight:bold;
}
#header #langbar a, #footer, #services ul li, h4, #project-bottom .quote .quoted-by, #edit-bb {
	color: #757575;
}
#navigation a, .h-box .red a:hover span, #footer ul.micro li.top a, .a-value div.text a:hover span, #start-from, input.text {
	color:#191919;
}
#navigation a.current:hover, h1 a, .left a.continue, .h-box .left a:hover span, ul.services li a:hover span, .redded, #footer ul.micro li a:hover span, #footer .article a:hover span, .panel span, .emailme a, .twitter-internal a,  .twitter-internal .status a, #galleries .single-gallery a:hover span, p a, #header #langbar a.active, .sf {
	color:#DA6901;
}
#navigation a:hover, h2, #galleries .opened p, .quote span.text, .gal-thumb a.delete-this {
	color:#999;
}
p.body, .open-metodology, .quote {
	color: #7A7A7A;
}
.quote:hover {
	color:blue;
}
.infos div span, .h-box .red, .h-box .story a span, .opened span.title, .show-me {
	color:#FFF;
}
#billboard .infos a, .h-box .red a, .continue-button, #map-infos p {
	color:#CCCFFF !important;
}
h1, .h-box .left a:hover, #footer .article a, .ot-column .panel {
	color:#525252;
}
.left a.title, .single-project a.title, ul.services li.head, #twitter-home .status, #services ul li.head, .twitter-internal, .twitter-internal .status, .desc{
	color:#515151;
	font-size: 27px;
}
.h-box .left p, .single-project span, .box-three p {
	color:#939393;
}
#footer ul.micro li a, .emailme, .a-value div.text, .box p, .box p {
	color:#747474;
}
#footer ul.micro li a span {
	color:#F5F5F5;
}
.metodologies .box {
	color:#8E8E8E;
}
.twitter-internal {
	background:#FFF !important;
}
.opened {
	background:#525252;
}
.arrow-up:hover, .arrow-down:hover, .arrow-left:hover, .arrow-right:hover, .project-nav {
	
}
#footer-holder {
	background-color:white;
}
.h-box .red {
	background:#0000FF;
}
.quotedby {
	letter-spacing:normal;
}
#navigation a {
	letter-spacing:1px;
}
h1, h2, .metodologies .box, .open-metodology span.title, .panel span, h3, .h-box .left a.title, .desc{
	letter-spacing:-1px;
}
div.tweet a:hover, #project-bottom .desc a:hover {
	text-decoration:none;
}
.h-box .red, div.tweet, .twitter-internal, .box-three p, .a-value div.text, .desc{
	line-height:120%;
}
#footer, #contatti .box p, #map-holder .box p {
	line-height:150%;
}
.open-metodology, p.body, .sf {
	line-height:130%;
	font-size: 25px;
	font-family: NillandRegular;
}
h1.home {
	font-size:49px;
	letter-spacing:-2px;
}
}
.error{font-style:italic;color:#e64135;text-align:right;}
.success{font-style:italic;color:#acd373;text-align:right;}



#navigation a, #billboard .infos div span, .h-box .red, div.tweet, h2, .metodologies .box, .open-metodology span.title, .panel span, .emailme, .show-me, #project-bottom .quote span.text {
	font-family:  NillandRegular;
}
#navigation a {
	font-size:16px;
}
h1, h3, h4, .emailme a, .twitter-internal, .box-three span.title, .left a.title {
	font-family: 'NillandSmallCapsRegular';
}





/* Form style */

#contact label {display: block;}

#contact input[type="submit"][disabled] { background:none; cursor: default; }
#contact span.required{ color: #ff0000; } /* Select the colour of the * if the field is required. */

#message {
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#message fieldset { padding:20px; border:1px solid #eee; border-radius:5px; background:#F9FAF5; }

.error_message {
	display: block;
	line-height: 22px;
	padding: 3px 10px 3px 35px;
	color: #8a1f11;
	border: 1px solid #FBC2C4;
	border-radius: 5px;
	background-color: #FBE3E4;
	background-image: url(../assets/error.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
}

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }

.loader { padding: 0 10px; }

#contact #success_page h1 {
	padding-left: 22px;
	background-image: url(../assets/success.gif);
	background-repeat: no-repeat;
	background-position: left;
}

acronym { border-bottom:1px dotted #ccc; }