* { margin:0; padding:0; }
body { background:#111; height:100%; }
	img{ border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
		
		#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
			#supersized a.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }


/*
 MICHELINI WEBSITE CSS // 14/11/2012
 d.cosentino@4sigma.it
 
 */
html {
}

body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    margin-bottom:0px;
    font-family: 'Advent Pro', sans-serif;
	color: #cf7e25;
}

div#enter-div {
    width:100%; 
    height:100%;
    position:absolute;
    z-index: 20;
    top:0px; 
    left:0px; 
    color:transparent;
}

a#enter {
    display:block;
    /*
    background: none; url('../images/epsilon_enter.png') no-repeat;
    width: 44px;
    height: 80px;
    margin-left: 60px;
    margin-top: 15px;*/
    color:transparent;
}
/*
a#enter:hover {
    background: url('../images/epsilon_enter_over.png') no-repeat;
}
*/
div#menu-plus {
    position: absolute;
    top: 0px;
    left: 0px;
}

a#plus {
    display:block;
    background: url('../images/plus.png') no-repeat;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    margin-top: 10px;
    color:transparent;
}
a#plus:hover {
    background: url('../images/plus_over.png') no-repeat;
}


div#main-div {
    width: 100%;
    height: 100%;
    /* background: url('../images/bg_white.png'); */
    background: url('../images/bg_black.png');
    padding: 0px; 
}

div#content-div {
    padding: 20px; 
    padding-top: 10px;
    width: 810px;
    margin: auto;
}


div#menu {
    background: #68300B;
    width: 300px;
    height: 100%;
    position: absolute;
    left: -280px;
}

div.separatore {
    width: 100%;
    border-bottom: 1px dashed #cf7e25;
    margin-bottom: 10px;
    margin-top:10px;
}


div.meaning {
    width: 810px;
    height: 430px;
    background: black;
    text-align: center;
    margin-bottom: 20px;
}

div.meaning h2 {
    padding-top: 50px;
    color: #cf7e25;
    font-size: 300%;
}

div.meaning h3 {
    padding-top: 40px;
    color: #cf7e25;
    font-size: 250%;
}


h2 {
	font-weight: bold;
	line-height: 2em;
	text-indent: 0px;
	text-decoration: none;
}

h4 {
    margin-top:5px;
}


div.cover img {
    float: left;
    width: 256px;
    height: 375px;
    padding-right: 20px;
    padding-bottom: 20px;
}


/* MENU */

/* navigation */
nav
{
	position: fixed;
	left: -10em;
	top: 0;
	bottom: 0;
	background-color: #68300B;
	border-right: 20px solid #68300B;
/*	box-shadow: 4px 0 5px rgba(0,0,0,0.2);*/
	z-index: 1;
	cursor: pointer;
}

nav:after
{
	position: absolute;
	content: ' ';
	width: 0;
	height: 0;
	right: -70px;
	top: 50%;
    /*
	border-width: 15px 10px;
	border-style: solid;
	border-color: transparent transparent transparent #765;
    */
}

nav ul
{
	width: 8em;
	list-style-type: none;
	margin: 0;
	padding: 1em;
    padding-top: 150px;
}

a {
 	font-weight: bold;
	line-height: 2em;
	text-indent: 0px;
	text-decoration: none;
	color: #cf7e25;   
}

a:hover {
    color: white;
}

a.menu {
	font-weight: bold;
	line-height: 2em;
	text-indent: 0px;
	text-decoration: none;
	color: #cf7e25;
    text-align: right;
    font-size: 200%;
    position: fixed;
    bottom: 0;
    right: 20px;
}

a.menu:hover {
    color: white;
}

a.link, nav a:link, nav a:visited, nav span
{
	display: block;
	width: 100%;
	font-weight: bold;
	line-height: 2em;
	text-indent: 0px;
	text-decoration: none;
	color: #cf7e25;
	border-radius: 4px;
	outline: 0 none;
}

nav a.submenu {
   text-indent: 10px; 
   line-height: 1.2em;
}

nav a:hover, nav a:focus, nav a.chosen, nav span.chosen
{
	color: #fff;
    /*
	background-color: #543;
	text-shadow: 0 0 4px #fff;
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
    */
}

/* hovering */
article, article:after, nav, nav *, a
{
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

nav:hover, nav.open
{
	left: 0;
}

nav:hover ~ article
{
	-webkit-transform: translateX(16em) perspective(600px) rotateY(10deg);
	-moz-transform: translateX(16em) perspective(600px) rotateY(10deg);
	-ms-transform: translateX(16em) perspective(600px) rotateY(10deg);
	-o-transform: translateX(16em) perspective(600px) rotateY(10deg);
	transform: translateX(16em) perspective(600px) rotateY(10deg);
}

nav:hover ~ article:after
{
	left: 60%;
}