/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

.main {min-height: 100%;}

.content {
	overflow:auto;
	padding-bottom: 20px;
	position:relative;}  /* must be same height as the footer */

.footer {
	position: relative;
	margin-top: -20px; /* negative value of footer height */
	height: 20px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/* ==========================================================================
   Generali
   ========================================================================== */
body{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	line-height:1.4em;
	color:#000;
}

.header{
	background-color: #FFFFFF;
    margin: 0;
    padding: 20px 30px;
	position:relative;
}
.header h2{
	font-family: 'baron_neueblack', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:54px;
	line-height:1em;
	display:block;
	width:300px;
}
.header a,
.header a:link,
.header a:visited,
.header a:hover,
.header a:focus,
.header a:active{
	color:#000000;
	text-decoration:none;
}
.header ul{
	position:absolute;
	top:30px;
	right:30px;
	font-family: 'baron_neueblack', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.header li{
	list-style:none;
	float:left;
	display:block;
}
.header .lingue{
	color:#CCC;
}
.header .lingue span{
    font-family: 'rbno2_lightregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-right:5px;
	color:black;
}
.header .lingue a{
	color:black;
}
.header .lingue a:hover,
.header .lingue a:focus,
.header .lingue a:active{
	border-bottom:2px solid black;
}
.principale h1{	
    font-family: 'rbno2_lightregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:46px;
	text-transform:uppercase;
	margin-bottom:12px;
	line-height:1em;
}
.principale h1 span{
	letter-spacing: -0.2em;
    padding-right: 5px;
}
.aside{
	width:300px;
    font-family: 'rbno2_lightregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:26px;
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
	top:0;
}
.principale{
	width:410px;
	margin:0 0 20px 350px;
}
.principale.opere{
	width:100%;
	margin-left:0;
}

.aside .nav{	
	margin:0 0 30px 28px;
	font-weight:normal;
	z-index:500;
	position:relative;
}
.aside img{
	margin-top:30px;
}
.aside .orizzontale li{
	display:block;
	float:left;
	padding:3px 4px 2px;
	line-height:1em;
}
.aside .orizzontale .menu-tendina li{
	display:inline-block;
	float:none;
	margin:4px 0 0;
}
.aside li.middle{
	text-align: center;
    width: 88px;
}
.aside li.active{
	background:#000000;
	color:#ffffff;
}
.aside a, 
.aside a:link,
.aside a:visited{
	color:#000000;
	text-decoration:none;
	background:#ffffff;
}
.aside a:hover,
.aside a:focus,
.aside a:active{
	border-bottom:2px solid #000;
}
.principale p em{	
    font-family: 'rbno2_lightregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-style:normal;
	font-size:26px;
	line-height:1.2em;
	padding:1em 0;
	display:block;
}
.principale h2{
    font-family: 'rbno2_lightregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:32px;
	display:block;
	margin:0.8em 0 0.2em;
}
.principale a, 
.principale a:link,
.principale a:visited{
	color:#000000;
	text-decoration:none;
}
.principale a:hover,
.principale a:focus,
.principale a:active{
	border-bottom:2px solid #000;
}

.footer{
	font-size:10px;
	margin:0 30px;
	text-align:right;
}
.footer span{
	text-transform:uppercase;
}
/* Opere */
.principale.opere h1{
	margin-left:350px;
}

/************ Homepage */
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1772px;	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;	
  /* Set up positioning */
  position: fixed;
  top: -35%;
  left: 0;
  z-index:0;
}

@media screen and (max-width: 1772px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -886px;   /* 50% */
  }
}

body.home{
	overflow-x: hidden;
}
body.home .header{
	z-index:50;
}
.scelta-lingue{
	position:relative;
	top:30%;
	width: 100%;
	float:left
}
.scelta-lingue li{
	display:block;
	float:left;
	width:26%;
	text-align:center;
	color:black;
	border:1px solid black;	
    font-family: 'rbno2_lightregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:2.8em;
	font-weight:bold;
	margin:0 2.5%;
}
.scelta-lingue li a{
	display:block;
	padding:20px 0;
	text-decoration:none;
	color:black;
}
.scelta-lingue a:hover,
.scelta-lingue a:focus,
.scelta-lingue a:active{
	background-color:#000;
	color:#fff;
}
body.home .footer{
    display: block;
    position: absolute;
	bottom: 20px;
    width: 96%;
	z-index:50;
}