* { margin: 0; padding: 0; }


body {
	background-color:#212121;
	color:#212121;
	font-weight: 400;
	font-family: 'PT Sans Narrow', sans-serif;
	/*overflow-y: scroll;
	overflow-x: hidden;*/
}

a {
	text-decoration: none;
	color: #212121;
	outline: none;
}

a:hover, a:focus {
	color: #212121;
	outline: none;
	font-weight: 700;
}

a.red:hover, a.red:focus {
	color: #B20000;
	outline: none;
	font-weight: 700;
}


/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}




/*/////////////////////////////////
TOP NAVIGATION
/////////////////////////////////*/


.menubutton {
	border: none;
	color: #fff;
	font-weight: 400;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	padding:1.3em 1em;
	margin-right:1em;
	float:right;
	outline: none;
	background:none;
	z-index:100;
}

#header {
	background-color:#212121;
	top:0px;
	position:fixed;
	width:100%;
	z-index:2;
	text-align:center
}

#header h1 {
	color:#ffffff;
	font-weight: 400;
	padding-left:1em;
	display:inline-block;
	font-size:1.5em;
}

h1 {
    display: inline;
    float: left;
    font-size: 2em;
    margin: 15px 0;
}

.lang {
	position:relative;
	text-align:center;
	width:200px;
	position:relative;
	top:10px;
	margin:0px auto;
	z-index:100;
}

.red {
	color:#B50003;
}

a:hover.h-red {
	color:#B50003;
}

/*/////////////////////////////////
BACKGROUND HOME IMAGE
/////////////////////////////////*/


#bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index:-1;
}

.bgwidth {
	width: 100%;
}

.bgheight {
	height: 100%;
}

#content-home {
	color:#ffffff;
	display:block;
	text-align:center;
	width:100%;
	height:100%;
	/*margin-top:25em;*/
	position:realative;
}

/*#content-home p, #content-home a {
color:#ffffff;
font-size:30px;
font-weight: 400;
}*/

#content-home h2 {
	color:#ffffff;
	font-size:60px;
	font-weight: 400;
}



/*/////////////////////////////////
PRINCIPALI
/////////////////////////////////*/


.white {
	color:#ffffff;
}

.black {
	color:#212121;
}

.light-grey {
	color:#c6c6c6;
}

.mid-grey {
	color:#505050;
}

.bg-grey {
	background-color:#fafafa;
}

.bg-black {
	background-color:#212121;
}

.row {
	position:relative;
	display:block;
	width:100%;
	clear:both;
	overflow: hidden;
}


h3 {
	padding:0.9em;
	font-size:1.4em;
	line-height:1.4em;
	font-weight:normal;
	color:#505050;
}

p {
	padding:0.5em;
	font-size:1.1em;
	line-height:1.4em;
	font-weight: 400;
	font-family: 'PT Sans Narrow', sans-serif;
}


.main-picture {
	float: left;
	position: relative;
	width: 30%;
	display:inline;
	background-color:#ffffff;
	overflow: hidden;
	/*padding-bottom: 1000em;
	margin-bottom: -1000em;*/
}

.main-picture img{
	min-height:100%;
	overflow:hidden;
	margin:0;
	padding:0;
}


.main-content {
	float: left;
	position: relative;
	width: 70%;
	display:inline-block;
	background-color:#ffffff;
	color:#505050;
	padding-bottom: 1000em;
	margin-bottom: -1000em;
}

.mezza-sx {
	float: left;
	position: relative;
	width: 50%;
	display:inline-block;
	padding-bottom: 1000em;
	margin-bottom: -1000em;
	background-color:#d9d9d9;
}

.mezza-dx {
	float: right;
	position: relative;
	width: 50%;
	display:inline-block;
	padding-bottom: 1000em;
	margin-bottom: -1000em;
	overflow:hidden;
	background-color:#fafafa;
}

.mezza-sx.libri p {
	text-align:justify;
	padding:0px 20px 20px 20px;
}

.mezza-dx.libri p {
	text-align:justify;
	padding:0px 20px 20px 20px;
}

.libri span {
	font-size:15px;
	line-height:18px;
}

.quarto-sx {
	float: left;
	position: relative;
	width: 50%;
	display:inline-block;
	padding-bottom: 1000em;
	margin-bottom: -1000em;
}

.quarto-dx {
	float: right;
	position: relative;
	width: 50%;
	display:inline-block;
	padding-bottom: 1000em;
	margin-bottom: -1000em;
}

.quarto-sx img{
	min-width:100%;
	min-height:100%;
	overflow:hidden;
	margin:0;
	padding:0;
}

.footer {
	height:50px;
	background-color:#212121;
	text-align:center;
}

.footer p, .footer a, .footer a:hover {
	color:#ffffff;
	text-decoration:none;
}


.titolo-pg {
	text-align:center;
	margin-top:80px;
	padding-bottom:15px;
}

.sottotitolo-pg {
	text-align:center;
	color:#494949;
	padding-bottom:15px;
}

/*/////////////////////////////////
TIMELINE
/////////////////////////////////*/

#timeline {
	width:70%;
	margin:0 auto;
	text-align:center;
}


.hist-item-dx, .hist-item-sx {
	display:block;
	clear:both;
	margin-bottom:20px;
}

.hist-item-dx img, .hist-item-dx-txt, .hist-item-sx img, .hist-item-sx-txt {
	top:0;
	display:inline;
	position:relative;
}

/*.hist-item-dx img {
width:50%;
text-align:right;
float:right;
}*/

.hist-item-dx-txt {
	width:50%;
	text-align:left;
	float:right;
}

.hist-item-sx-txt {
	width:50%;
	text-align:right;
	float:left;
}

/*/////////////////////////////////
TIMELINE
/////////////////////////////////*/

.libro-sx {
	width:50%;
	display:inline;
	float:left;
	background-color:#e3e3e2;
	text-align:center;
	padding-top:20px;
}

.libro-dx {
	width:50%;
	display:inline;
	float:right;
	background-color:#dadada;
	text-align:center;
	padding-top:20px;
}

#foto-menu {
	float:left;
	display:inline-block;
	width:50%;
	background-color:#dadada;
	height:100%;
	position:relative;
	text-align:center;
	padding-top:20%;
	padding-bottom:20%;
	font-weight: 400;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:70px;
	color:#212121;
}

#video-menu {
	float:right;
	display:inline-block;
	width:50%;
	background-color:#e3e3e2;
	height:100%;
	position:relative;
	text-align:center;
	padding-top:20%;
	padding-bottom:20%;
	font-weight: 400;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:70px;
	color:#212121;
}

#video-menu a:hover, #foto-menu a:hover{
	color:#ffffff;
	font-weight:400;
}

.gallery-menu {
	background-color:yellow;
	height:100%;
}

.album {
	width:100%;
	margin:0 auto;
	text-align:center;
}

ul.album-row {
	position:relative;
	display:block;
	clear:both;
}

.album-row li {
	list-style-type:none;
	position:relative;
	display:inline-block;
	padding:10px;
}

.album-row li img{
	width:350px;
}


.info {
	float: left;
	position: relative;
	width: 70%;
	display:inline-block;

	padding-bottom: 1000em;
	margin-bottom: -1000em;
	margin-top: 70px;
}

.main-picture-info {
	float: left;
	position: relative;
	width: 30%;
	display:inline;
	background-color:#ffffff;
	overflow: hidden;
	padding-bottom: 1000em;
	margin-bottom: -1000em;
}

.main-picture-info img{
//	min-height:100%;
	overflow:hidden;
	margin:0;
	padding:0;
}

.info-item {
	padding:1em;
	color:#505050;
}

.info-item p{
	padding-left:1.6em;
}

.info-item h4{
	font-size:1.4em;
	line-height:1.4em;
	font-weight:normal;
}

.title-left {
	text-align:left;
	margin-left:20px;
}

/*/////////////////////////////////////
FORM
/////////////////////////////////////*/

#form_contatti {
	margin-left:30px;
}

label {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:1.1em;
	line-height:1.4em;
	color:#ffffff;
}

#accettazione a{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:normal;
	font-size:1.1em;
	line-height:1.4em;
	color:#505050;
}

#accettazione a:hover{
	font-family: 'PT Sans Narrow', sans-serif;
	color:#505050;
}


label, input, textarea { /* Stili comuni agli elementi del form */
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:normal;
	color: #505050;
	font-size:1.1em;
	line-height:1.4em;
}

input, textarea { /* Stili per il campo di testo e per la textarea */
	background: #f1f1f1; /* Colore di sfondo */
	border: 0; /* Bordo */
	color: #505050; /* Colore del testo */
	height: 30px; /* Altezza */
	line-height: 1em; /* Altezza di riga */
	width: 420px; /* Larghezza */
	padding: 0 10px; /* Padding */
}

#invia {
	font-family: 'PT Sans Narrow', sans-serif;
	color:#505050;
	font-size:1.4em;
	line-height:1.8em;
	background:none;
	border:solid 1px #505050;
	width:150px;
	height:50px;
	clear:both;
	display:block;
	float:left;
	margin-bottom:15px;
}

#Richiesta {
	height:100px;
}

textarea p {
	padding:5px;
}

.dati {
	color: #404042;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:1.1em;
	line-height:1.4em;
}

.radiospazio {
	margin:15px 0;
}

.bt {
	padding:0.8em;
	border:solid 2px #505050;
	margin:2em auto;
	display:block;
	clear:both;
	position:relative;
	width:20%;
	text-align:center;
}

a:hover.bt {
	color: #ffffff;
	background-color:#505050;
	font-weight:normal;
}

.aziende h4 {
	text-decoration:underline;
	font-size:1.4em;
	padding-left:1em;
	font-weight:normal;
	margin-top:0.8em;
}

.equal-img {
	display:inline;
	overflow:hidden;
}

.show-medium, .show-small {
	width:100%;
}

.show-large {
	width:30%;
	float:left;
	height:102%;
}

.clearfix {
	display:block;
	position:relative;
	clear:both;
}

.p-main {
	padding:0.5em 1em;
}

.main-container {
	top:60px;
	position:relative;
}

.lang a{
	color:#ffffff;
	margin:5px;
	font-family: "PT Sans Narrow",sans-serif;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 1px;
}

.lang {
	top:22px;
	display:inline;
	margin:0 auto;
	text-align:center;
	position:relative;
	left: -40px;
}

#container-bg {
	width:100%;
	overflow:hidden;
	background-color:#212121;
}

.top30 {
	padding-top:30px;
}

.pad10 {
	padding:10px;
}

.img-mobile {
	display:none;
}

.row-bot {
	height:300px;
}

.text-center {
	text-align:center;
}

.book-trad img {
	margin:10px;
}

.pad-p {
	padding: 0.2em 0.9em;
}

.main-picture .caption {
	position: absolute;
	width: 100%;
	bottom: 4px;
	left: 0px;
	color: #ffffff;
	background: black;
	text-align:center;
	opacity:0.7;
	padding:3px;
}

.main-picture-info .caption {
	margin-top:30px;
	width: 100%;
	max-width:405px;
	color: #ffffff;
	background: black;
	text-align:center;
	opacity:0.7;
	padding:5px;
}

.mid-align {
	text-align:center;
}

.bg-sfondo-contatti {
	background-image:url(../img/bg-home.jpg);
}

#form_contatti label, .dati, #invia {
	color:#ffffff;
}

.bg-sfondo-contatti .titolo-pg {
	color:#ffffff;
}