/* markup */
html{position:relative;min-height:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
html,button,input,select,textarea{font-family:'Lusitana',serif;line-height:1.4;}
body{background:#eee;padding:0;margin:0;color:#333;font-size:100%;font-size:110%;-webkit-text-size-adjust: none;}
*,:before,:after{-webkit-text-size-adjust: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
a{color:rgba(212, 58, 31, .8);text-decoration:none;}
a:hover,a.active{color:#000;}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0;margin-bottom:.5rem;}
h1,h2,h3,h4 {line-height:1;}

em{font-family:'Poly';}


h1{font-size:400%;text-shadow: 1px 1px 10px rgba(0,0,0,.2);}
h2{font-size:300%;text-shadow: 1px 1px 10px rgba(0,0,0,.2);}
h3{font-size:200%;}
h4{font-size:200%;}
h5{font-size:140%;}
h6{font-size:120%;}
header{padding: 1em;margin-right:10px;}
img{border:0;-ms-interpolation-mode:bicubic;}
ul{list-style:none;margin:0 0 1em 0;padding:0;}
.touch{}
.no-touch{}
/*nav*/

@media only screen{
	main{position:relative;width:1400px;height:900px;margin:0px auto;box-shadow:5px 5px 30px #ddd;font-size:90%;overflow:hidden;background-repeat:no-repeat;background-size:auto 100% ;background-position:left center;}
	header {height:50px;}
	main header, main footer{text-align:center;padding:10px;height:auto;font-family: arial;
font-size: 80%;}
	header form {display:inline-block;}
	header form input {margin: 0 1em;display: none;border: 1px solid rgba(212, 58, 31, .2);padding: .5em;font-size: 100%;}
	
	nav{position:absolute;right:-10px;bottom:0px;overflow:auto;top:40px;width:50px;margin:20px 10px;}
	nav ul li.hide{display:none;}
	nav ul li.active a, nav ul li a.fst{display:block;}
	nav ul li a{display:block;width:28px;height:16px;background:url(../gfx/gfx.svg) no-repeat 0 -20px;border:0;}
	nav ul li a.fst{background-position:-30px 0;}
	
	nav ul li.on a.fst{background-position:-30px -20px;}
	nav ul li.active a{background-position:0px -40px;}
	nav ul li.active a.fst{background-position:-30px -40px;}
	
	.no-touch nav ul li a:hover{background-position:0px -20px;}
	.no-touch nav ul li a.fst:hover{background-position:-30px -20px;}
	
	nav ul li a.hp{background-position:0 -60px;}
	nav ul li.hidden {visibility:collapse; }
	
	.notes{display:inline-block;vertical-align:top;width:50%;height:100%;}
	.notes .note{position: absolute;width: 270px;box-shadow: 5px 5px 10px rgba(0,0,0,.1);cursor:move;padding:1em;min-height: 200px;}
	.note{padding: 4em 1em 4em 6em;background: url(../gfx/note.svg);min-height: 600px;}
	
	.lft,.rgt{display:inline-block;vertical-align:top;width:50%;height:100%;padding:40px 60px;box-shadow:0 0 5px rgba(0,0,0,1);cursor:pointer;}
	.rgt{box-shadow:0 0 60px rgba(0,0,0,.5);}
	
	.no-touch .rgt:hover, .no-touch .lft:hover{background-color: rgba(0, 0, 0, .01);}
	
	.lft aside{margin-right:30px;}
	.rgt aside{margin-left:30px;}
	
	.nmn {font-size:100%;}
	aside small {line-height:1.2}
	main.hp, main.b {box-shadow: none;overflow: visible}
	main.b {margin:0;}
	main.hp .lft {box-shadow: none;}
	main.hp .rgt {box-shadow: 5px 5px 10px rgba(0,0,0,.1);background-size:auto 100%;background-position-y: center;}
	main.hp em {position: absolute;bottom: 2em;width: 40%;}
	main.hp header {visibility:visible;font-size:140%;}
	main.hp article {max-height:700px;}
	main.hp article h1{height:90%;overflow:auto;}
	
	article,aside{display:inline-block;vertical-align:top;height:700px;margin:20px 0;}
	article{width:420px;font-size:120%;}
	aside{width:130px;}
	
	.hs aside{display:none;}
	.hs article{width:580px;height:700px}
	.hp header,.hp footer{visibility:hidden;}
	
	.c1, .c2, .c3 {display:inline-block;vertical-align: top;}

	.c1 {width:25%;}
	.c2 {width:50%;}
	.c3 {width:75%;}
	
	.pd {padding:1em}
	
	.overlay{        position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    padding: 5em 12em;display:none;z-index:1000}
	
	#nxt, #prv {position: absolute;margin:2em 2em;bottom: 0;width: 40px;height:40px;background: url(../gfx/gfx.svg);display:none;}
	#nxt {right:0;background-position:-40px -100px;}
	#prv {left:0;background-position:-0px -100px;}
	
	.no-touch .lft:hover #prv{display: block;}
	.no-touch .rgt:hover #nxt{display: block;}
	
	.r{float:right;}
	.small{font-size:90%;}
	.big{font-size:140%;}
	footer.pg {padding:1em;font-size:90%;}
	
	/*helpers*/
	#tt{position:absolute;right:70px;padding:10px;z-index:10;color:rgba(212, 58, 31, .8);background:rgba(255,255,255,.8);border:1px solid #ccc;width:300px;min-height:60px;font-size:80%;display:none;font-size:100%;}
	#tt h3{width:90%;font-size:120%;font-weight:400;line-height:1.2;}
	#tt small{float:right;}
	#tt:after{content:"";width:0;height:0;border-style:solid;border-width:.5em 0 .5em .5em;border-color:transparent transparent transparent #ccc;position:absolute;left:100%;top:50%;margin-top:-10px;}
	
	#lb{position:fixed;top:0;left:0;right:0;bottom:0;padding:1em;background:rgba(0,0,0,.75);text-align: center;display:none;}
	#lb img{max-height: 98%; max-width: 98%;position: absolute;top: 1%;bottom: 1%;left: 1%;right: 1%; margin: auto;	}
	
	.hi {font-weight: bold;background:#ffc;}
	/*colors*/.white, .white a {color:#fff;border-color:#fff;}
	.blue, .blue a {color:#33c;border-color:#33c;}
	.green, .green a {color:#3c3;border-color:#3c3;}
	.red, .red a {color:#c33;border-color:#c33;}
	.greenyellow, .greenyellow a {color:#ef6;border-color:#ef6;}
	
	/*index*/
	.pgn{float:right;display:inline-block;font-size:80%;}
	.itmz.img{margin-bottom:10px;}
	main .inner.hp{background-size:auto 120%;background-repeat:no-repeat;background-position:top right;}
	.lps{width:90%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	
	.itmz a:before, a.print:before{content:"";position:absolute;width:20px;height:20px;background:url(../gfx/gfx.svg) no-repeat;margin-left:-24px;}
	.itmz a, a.print{padding-left:24px;display:block;}
	.itmz a.url:before{background-position:-60px -20px;}
	.itmz a.dwl:before{background-position:-60px -40px;}
	.itmz a.vid:before{background-position:-60px -80px;}
	
	a.print {display:block;margin-bottom: 10px;}
	a.print:before{background-position: -60px 0;}
	/* fixdiv */
	.fixdiv{position:relative;width:100%;}
	.fixdiv-spacer{padding-top:75%;}
	.fixdiv.r100 .fixdiv-spacer{padding-top:100%;}
	.fixdiv.r75 .fixdiv-spacer{padding-top:75%;}
	.fixdiv.r50 .fixdiv-spacer{padding-top:50%;}
	.fixdiv.square .fixdiv-spacer{padding-top:100%;}
	.fixdiv-inner{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;}
	.fixdiv-inner img.p{width:100%;height:auto;}
	.fixdiv-inner img.l{width:auto;height:100%;}
	
	iframe{width:100%;height:100%;padding-bottom:1em;border:0;}
}
@media print {
	body {font-size:120%;}
	
	h1{font-size:400%;}
	h2{font-size:300%;}
	h3{font-size:200%;}
    header, footer, nav, #nxt, #prv {display:none;}
    
    main {background-size:100% auto;width:100%;height:100%;position:absolute;background-repeat:no-repeat}
    main.hp header{display:none !important;}
    img {margin-bottom:10px;width: 100%;}
    aside{width:20%;display:inline-block;vertical-align:top;}
    article{width:70%;display:inline-block;margin:0 2%;}
}
/* responsive */

@media only screen and (max-width: 1480px),only screen and (max-height:960px) {

	main{width:1024px;height:700px;}
	body{font-size:90%;line-height:1.3;}
	h1{font-size:500%;}
	h2{font-size:300%;}
	h3{font-size:200%;}
	.lft,.rgt{padding:10px 30px;}
	.lft aside{margin-right:20px;}
	.rgt aside{margin-left:20px;}
	article,aside{height:600px;margin:0;}
	article{width:340px;font-size:120%;}
	.hs article{width:450px;height:640px;}
	aside{width:90px;}
}
@media only screen and (max-width: 1140px),only screen and (max-height:640px) {
	main{width:740px;height:520px;}
	h1{font-size:400%;}
	h2{font-size:300%;}
	h3{font-size:200%;}
	.lft,.rgt{padding:10px;}
	main header,main footer{display:none;}
	article,aside{height:480px;margin:0;}
	article{width:300px;font-size:97%;}
	.hs article{width:320px;height:480px}
	aside{width:30px;}
	aside a {width: 18px;overflow: hidden;}
	aside img {display:none;}
	aside .itmz.img {display:block;width:21px;height:21px;background:url(../gfx/img.svg)no-repeat}
}