﻿@charset "utf-8";
/* CSS Document */

body{
	text-align:center; background-color:#0f0f0f; /*background:#0f0f0f url(../img/bg.png);*/ 
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:12px; color:#969696; line-height:140%; text-shadow: 1px 1px 1px #000;}
*{ margin:0; padding:0}
a{ color:#94c127; text-decoration:none; outline: none; moz-outline: none;}
a:hover,visited{ color:#b0e82b}


#container{ width:970px; margin:0 auto; text-align:left; background:url(../img/bgInner.png) no-repeat center 163px;}
#container p strong{color:#FFF; font-weight:normal}

#content{min-height:490px;}

#leftColumn{ width:220px; float:left; padding:24px 15px 0 10px;}
#leftColumn p{ margin-bottom:10px}
#leftColumn ul{ margin:0 0 20px 15px; font-size:13px}
#rightColumn{ width:720px; float:right; padding-top:20px}

#header{ height:137px; border-bottom:1px solid #c2c2c2; padding:24px 30px 0 30px}

ul#menu{font-family: 'Museo300'; font-size:24px; list-style-type:none; float:right; padding-top:75px;}
ul#menu li{ display:block; float:left; margin-right:30px}
ul#menu li a{ color:#d0d0d0; font-weight:normal}
ul#menu li a:hover,visited{ color:#fff}
ul#menu li a span{ background:url(../img/andcontacts.png) no-repeat top; width:134px; height:21px; display:block; float:left; margin:-3px }
ul#menu li a span:hover{ background-position: bottom; }

h1,h2,h3,h4{ font-weight:normal}
h1{	font-family: 'Museo300'; color:#FFF; font-size:24px; margin:30px 0 15px 0}
h1 span{ font-size:15px; color:#969696;}

#abstracts{ clear:both; margin:25px 0}
#abstracts h1{ color:#87aa1c}
.abs1{ float:left; width:260px; margin-left:65px;}
.abs2{ float:left; width:260px; margin-left:70px;}
.abs3{ float:left; width:200px; margin-left:70px;}

ul.people{ list-style-type:none; /*background:url(../img/Senza-titolo-5.png) no-repeat 280px 121px;*/}
ul.people li{ display:block; float:left; width:262px; padding:0 30px; margin-bottom:25px; height:445px;}
ul.people h2, ul.people h3{font-family: 'Museo300';}
ul.people h2{ color:#FFF; font-size:22px; margin-top:8px}
ul.people h3{ color: #CCC; font-size:14px; margin:4px 0 8px 0}
ul.people h3 a{ color: #CCC !important}

.portfolioImg{ text-align:right;}
.portfolioImg img{ padding:0 15px 20px 0}

#footer{ font-size:11px; color:#969696; border-top:1px solid #b1b1b1; line-height:140%; padding:15px 30px; margin-top:40px}
#footer p.one{ width:28%; float:left;}
#footer p.two{ width:36%; float:left;}
#footer p.three{ width:30%; float:left; margin-left:15px; padding-bottom:15px}
#footer p img{ float:right}
#footer p span{ float:left; display:block}
#footer p.plusone{ float:right; width:38px; padding-top:14px}



.c {text-align: center;}
.l {text-align: left;}
.r {text-align: right;}
.j {text-align: justify;}
.fl {float: left;}
.fr {float: right;}

.active, .active:hover, .active *, .active *:hover {
	cursor: default;
}

.clear, form br {
	display: block;
	clear: both;
	float: none;
	line-height: 0px;
	font-size: 0px;
}

.notext {
	line-height: 0px;
	font-size: 0px;
}

.noheight {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
}

.hidden {display: none;}

.forcew {
	display: inline-block;
}

nav a,
nav span {
	margin-top: 10px;
	float: left;
	display: block;
	line-height: 80px;
	height: 80px;
	color: #555;	
	margin-right: 30px;
	font-size: 12px;
}

nav a {
	width: 80px;
	margin-right: 10px;
	background-image: url(../img/logos.png);
}

.doc {
	margin-left: 155px;
	padding-bottom: 115px;
}

.doc h3 {
	margin-top: 100px;
}

.doc ul {
	margin: 10px 0px 0px 50px !important;
	list-style: upper-alpha !important;
}

.doc ul li {
	margin-bottom: 10px;
}

.doc ul li ul {
	margin: 10px 0px 15px 30px !important;
	list-style: decimal !important;
}

.doc ul li ul li {margin-bottom: 5px;}


#layerslider,
#layerslider2 {
	width: 940px;
	height: 365px;
	margin: 0px auto 8px auto;
	background: url(../img/bglayerslider.png) repeat-x;
}

#leaf1 {
	left: 110px;
	top: -110px;
}

#leaf2 {
	left: -20px;
	top: 230px;
}

#leaf3 {
	left: 500px;
	top: -200px;
}

#clouds {
	left: -100px;
	top: -100px;
}

#earth {
	left: 850px;
	top: -67px;
}

#l5text1, #l5text2, #l5text3 {
	width: 120px;
	padding: 5px;
	text-align: center;
	color: #eee;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #000;
	background-color: rgba(255,255,255,.07);
	font-size: 17px;
	-webkit-transform: rotate(-30deg); 
	-moz-transform: rotate(-30deg);	
}

#l5text1 {
	left: 250px;
	top: 120px;
}

#l5text2 {
	left: 450px;
	top: 150px;	
}

#l5text3 {
	left: 620px;
	top: 150px;
}

.ls-active #earth {
	-webkit-transition: all 20s ease-in-out;
	-moz-transition: all 20s ease-in-out;
	-o-transition: all 20s ease-in-out;
	-ms-transition: all 20s ease-in-out;	
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
