/**
* CSS
* @version 1.0
* @author PH
* html5doctor.com Reset Stylesheet v1.6.1 Last Updated:2010-09-17 Author:Richard Clark - http://richclarkdesign.com
*/
@charset "utf-8";
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#444;}
a:visited{color:#444;}
a:hover{color:#666;}
a:active{color:#ccc;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #fff;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
/* Gwe CSS --------------------------------------------------------------- */
body{color:#fff;font-size:16px;font-family:'Terminal Dosis','Helvetica Neue',Helvetica,Arial,sans-serif;background:#000;}
header{position:relative;z-index:9999;
	height: 140px;
background: radial-gradient(ellipse 86% 91% at 50% 100%, 
rgba(0,0,0,0), 
rgba(0,0,0,0) 70%, 
rgba(0,0,0,0.2) 102%, 
rgba(0,0,0,0.5) 143%, 
rgba(0,0,0,0.9) 100%)
}
header hgroup{position:absolute;top:48px;left:215px;}
h1,h2,h3,h4,h5,h6,p{color:#fff;font-weight:normal;line-height:1em;margin:0 0 8px 0;}
h1{font-size:68px;}
h2{font-size:54px;}
h3{font-size:45px;line-height:0.93;}
h4{font-size:40px;}
h5{font-size:36px;}
h6{font-size:30px;}
p{font-family:Asap,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:20px;font-size:0.9em;margin:0 0 9px 7px;}
ul{list-style:none;}
a:link{text-decoration:underline;color:#fff;}
a:visited{text-decoration:underline;color:#fff;}
a:hover{text-decoration:none;color:#999;}
a:active{text-decoration:none;color:#999;}
a img{border:none;}
small{font-size: small;}

.highlight{background:#fff;padding: 0 4px 1px 2px;}
.transition{transition:all 0.5s ease;}
.hide{display:none;}
.w{color:#000;background-color:#fff;opacity:0.8;}

#logo{position:absolute;top:25px;left:98px;width:100px;height:100px;margin-left:0;transition: all 150ms ease-in-out;}
#logo img{max-width:100%;max-height:100%;}

#toggleMenu {display:none;position:fixed;left:24px;top:45px;text-decoration: none;color:#fff;text-shadow:1px 1px 0px #000;font-size: 19px;padding: 8px 12px 10px;}

#menu{width:295px;height:auto;top:0;left:0;bottom:0;position:absolute;z-index:1;}
#menu .container{overflow:auto;margin:0;}
#menu a{text-decoration:none;}
#menu a:hover{color:#444;}
#menu nav{top:148px;right:37px;bottom:65px;left:36px;position:absolute;}
#menu ul{list-style:none;margin:0 0 4px 0;}
#menu ul li{padding:1px 0 1px 0;}
#menu ul li.active{background:transparent url(frise.png) repeat-x -6px 0;padding:11px 0 0 0;}
#menu ul a{display:inline-block;color:#000;text-shadow:1px 1px 0px #fff;margin:1px 0 0 0;padding:3px 5px 4px 8px;text-decoration:none;}
#menu ul a:hover,#menu ul .active a{color:#fff;text-shadow:1px 1px 0px #000;}
#menu ul .active a{display:block;cursor:crosshair;background:transparent url(frise.png) repeat-x -5px bottom;padding:2px 10px 18px 8px;}
#menu .subsection_title { padding-left: 8px; }
#menu .section_title{text-transform:uppercase;color:#fff;text-shadow:1px 1px 0px #000;padding:3px 0 3px 0;}
#menu .section { position:relative; }

#menu .section .section_title:after{content:'»\00a0';position:absolute;color:#000;top:4px;transform:rotate(0);text-shadow:1px 1px 0px #fff;}
#menu .active_section .section_title:after,#menu .open_section .section_title:after{top:7px;transform:rotate(90deg);text-shadow:1px -1px 0px #fff;}
#menu .section_title a {cursor:s-resize;}
#menu .open_section .section_title a {cursor:n-resize;}
#menu .section_title.active_section a {cursor:crosshair;}
#menu .open_section.active_section .section_title a {cursor:crosshair;}

/*Content*/
#content{height:100%;margin:0 0 0 0;top:0;bottom:0;max-width: 100%;overflow-y: hidden;}

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

/*Visual Index*/
#content #img-container {max-width:100%;overflow:hidden;height:100%;position: fixed;top: 0}
#content #img-container #img-scroller {padding-top: 148px;padding-bottom: 62px;}
#content #img-container #img-scroller img {max-width: 100%;}
.picture_holder{display: inline-block;position: relative;max-width: 100%;}
.picture_holder .title{position: absolute;bottom: 1rem;left: 1rem;text-shadow:1px 1px 0px #000;}
.picture a{display:inline-block;max-width:100%;}
.picture img{display:inline-block;width:auto;max-width:100%;height:auto;}

/*Texts*/
#infos{color:#fff;text-shadow:1px 1px 0px #000;z-index:2;background-image:none;position:fixed;top:0;right:0;bottom:0;height:100%;width:36%;width:calc(100% - 276px);min-width:282px;max-width:700px;overflow-y:hidden;}
#txt .container{overflow:auto;margin:0;padding:113px 48px 90px 10px;}
#txt img {vertical-align: bottom;}

/*SCROLLR*/
#ascrail2000,#ascrail2001,#ascrail2002{z-index:9999;}
/*CONTACT*/
.a-submit{width:100%;max-width:300px;padding:11px 0 15px;margin:0 0 0 1px;font-size:18px;font-family:'Terminal Dosis','Helvetica Neue',Helvetica,Arial,sans-serif;color:#000;text-shadow:1px 1px 0px #fff;
background-color:rgba(255,255,255,0.5);border:0;box-shadow:0 1px 2px #000;border-radius:3px;}
.a-submit:hover{color:#fff;text-shadow:1px 1px 0px #000;background-color:rgba(255,255,255,0.85);}
.a-submit:active{color:#000;text-shadow:1px 1px 0px #fff;background-color:rgba(255,255,255,0.7);}
#contact-form label{display:inline-block;padding:5px 6px 7px;margin-bottom: 0;border:0}
#contact-form input,#contact-form textarea{margin:0 0 0.5em;box-sizing: border-box;}
#idmel{width:100%;max-width:300px;min-height:2em;font-size: 0.85em;}
#idmsg{width:100%;max-width:300px;height:156px;margin-top:2px;font-size: 0.85em;}

/* alter the style when the screen's smaller */
@media screen and (max-width: 520px) {
  #logo {width:75px;height:75px;left:50%;margin-left:-37px;}
  #toggleMenu {display: inline-block;}
  #menu {width:100%;z-index:9;background-color:rgba(238, 238, 238, 0.96);}
  #menu > nav {top:114px;}
  .galleria-info-title {font-size: 22px;}
	/*#content{height:100%;margin:0 0 0 0;top:0;max-width: 100%;}*/
  .picture_holder{width: 100%;}
  .picture_holder .picture a{width: 100%;}
  .picture_holder .picture img{width:100%;height:auto;}
  header {height:108px;}
}
@media screen and (min-width: 520px) {
  #content{height:100%;margin:0 0 0 295px;top:0;max-width: calc(100% - 295px);}
}
@media screen and (min-width: 800px) {
  #infos{width:36%;}
}