/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/

@font-face {
   font-family: 'Neuzeit';
   src: url('../fonts/NeuzeitSLTStd-Book.eot');
   src: local('Neuzeit'), local('Neuzeit'), url('../fonts/NeuzeitSLTStd-Book.otf') format('opentype'), url('../fonts/NeuzeitSLTStd-Book.svg#neuzeitSLTStd-Book') format('svg');
}
@font-face {
   font-family: 'Neuzeit';
   font-weight: bold;
   src: url('../fonts/NeuzeitSLTStd-BookHeavy.eot');
   src: local('Neuzeit'), local('Neuzeit'), url('../fonts/NeuzeitSLTStd-BookHeavy.otf') format('opentype'), url('../fonts/NeuzeitSLTStd-BookHeavy.svg#neuzeitSLTStd-BookHeavy') format('svg');
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	font-family: Neuzeit, Helvetica, Arial, sans-serif;
	background: #000;
	color: #b4cccc;
}

body.section-1 { }
body.section-2 {	overflow-y: hidden; }
body.section-3 {	overflow-y: hidden; }


a:link { text-decoration: none; color: #b4cccc; }
a:active { text-decoration: none; color: #ccc; }
a:visited { text-decoration: none; color: #b4cccc; }
a:hover { text-decoration: none; color: #ccc;}
a:active, a:focus  {outline: 0}
li.active a { text-decoration: none; color: #b4cccc; }

a img { border: none; }


h1 { font-size: 20px; line-height: 20px;  margin-bottom: 20px; font-weight: normal; padding-top: 2px; }

#menu {
    width: 280px;
    overflow: auto;
    top: 20px;
    bottom: 0;
	left: 18px;
	position: absolute;
    position: fixed;
    height: 100%;
    background: none;
    overflow:hidden;
    

}

#menu .container {overflow:hidden;}
#menu li:hover {opacity:1;}

#menu li {
	list-style: none;
	margin: 0 0 0px 0;
	   font-size: 20px;
	   line-height:21px;
    text-transform: uppercase;
	opacity: .4; 
   }

#menu ul li.section-title {
	    padding-left: 0px!important;
	    font-size: 20px;
	    line-height: 21px;
    background:none!important;
    color: ##b4cccc;
  }
#menu ul li.section-title:hover {
   color: ##b4cccc;
  }
#menu ul li:last-child { margin-bottom: 28px;}
  
#menu ul li {
 padding: 5px 0 0 20px;
}
#menu ul li.active {
 padding-left: 20px;
}
#menu ul li.active a{
    color: #b4cccc; 
    border-bottom: 2px solid white;


}

#content {
    height: 100%;
    margin: 0 0 0 300px;
    top: 0;
}
#content span.creditos{ display: block; margin-bottom: 20px; margin-top: 80px;	font-size: 13px;}
#content span, #content span a {color:#666666;}
#content span a:hover {color:#b4cccc;}
.container {
    padding: 0;
}
#content .t { position:absolute; position: fixed; top: 20px; left: 280px; padding-top: 2px;     font-size: 20px; line-height: 20px; opacity:.4; color: #b4cccc; }
#content .t:hover {border-bottom: 2px solid white; text-decoration:none!important;}
body.section-1 #t{ display: none; }
#content #t:hover {opacity:1; cursor: pointer;}
#content .txt-anchor {position: relative; float: left; margin-left: 100px;}



#content #text-who { font-size: 20px; margin-top: 60px; margin-bottom: 60px; margin-right: 290px;}
#content #text-who p { width: auto; max-width: 800px;}
#content #text-who .creditos {bottom:0; right:30px; position: absolute; color:#333 }
#content #text-who .creditos a { color:#333 }
#content #text-who .creditos a:hover { color:#222 }

#content p {  margin-bottom: 9px;}



p {
    margin: 0 0 9px 0;
}

h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin:60px 0 0 0; padding: 0; }
#img-container p	{ margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

#footer { position: absolute; position: fixed; bottom: 20px; left: 20px; color:#444;}
#footer p {margin: 0; padding: 0;}
#footer a {color: #666;}