/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;}
/* /css reset */
	body,
	html {
		width:100%;
		height: 100%;
		margin:0;
		padding:0;
		font:19px 'Lato', sans-serif;
		color:#303845;
		background:#ffffff;
	}
	strong, b{
		font-weight: 700
	}
	#wrap-top,
	#wrap-aside,
	#wrap-footer,
	section{
		position: relative;
		background: #fff;
		float:left;
		width:100%;
		clear:both;
		display:inline;
		z-index: 100
	}
	.wrap {
		position: relative;
		margin:0 auto;
	}
	video { display: block; }
	img{max-width:100%}
	/* ------- wrap-top ----------*/
	#wrap-top{
		background: #fafafa;
		padding: 18px 0;
		position: fixed;
		border-bottom:4px solid #a4abb1;
		top:2px;
		left: 0px;
		width:100%;
		z-index: 500;
		font-size:0.9em;
		-webkit-box-shadow: 0px 0px 58px 2px rgba(0,0,0,0.15);
    	-moz-box-shadow: 0px 0px 58px 2px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 58px 2px rgba(0,0,0,0.15);
	}
	#wrap-top header{
		float: left;
	}
	#wrap-top header h1 span {
		display: none
	}
	#wrap-top header h1 img {
		float:left
	}
	#wrap-top nav{
		position:absolute;
		left: calc(20% - 20px)
	}
	nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	nav li {
		display:inline;
		margin:0;
		padding:0;
	}
	nav li a{     
		float: left;
		padding:5px 20px;
		margin: 7px 10px;
		font-weight: 700;
		color:#4f5c69;
		text-decoration: none;
		text-transform:uppercase;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		transition: background-color 0.3s ease;
	}
	nav li.active a,
	nav li a:hover{
		background:#4f5c69;
		color:#fff;
		text-decoration: none
	}  
	nav li.lang{
		display:none
	}
	nav li ul,
  nav li.none{
    display:none
  }
  .facebooktest{
    margin-left: 10px;
    float:right;
    padding:10px 0px 10px 6px;
  }
    .main-navi-lang{   
    float:right;
    position:relative;
    margin-left: 10px;
    background:url(../img/pin.gif) right 50% no-repeat;
    padding:10px 20px;
    cursor: pointer;
		font-weight: 700;
		color:#4f5c69;
		text-decoration: none;
		text-transform: uppercase
    }
    .main-navi-lang div.sum{
        width:auto;
        left:0px;
		position: absolute;
		top:35px;
		z-index:100;
		background:#fff;
		padding:20px;
		display:none
	}
    .main-navi-lang div.sum a{
        color:#4f5c69;
        text-decoration: none
    }
    .main-navi-lang div.sum a:hover{
        color:#4f5c69;
        text-decoration: underline
    }
	.topsearch,
	.topsearch form{
		float:right
	}
	.topsearch{
		padding: 6px 10px 0px 0px;
	}
	.topsearch form input#search{
		float:left;
		width:140px;
		text-align:right;
		font-size:1em;
		font-family:'PT Sans';
		font-style: italic;
		color: #a4a9af;
		font-weight: 700;
		background: transparent;
		border:none;
		padding: 5px 15px 5px 5px
	}
	.topsearch form input#send{
		float:left;
		position:relative;
		top:7px;
	}
	/* ------- wrap-aside ----------*/
	#wrap-aside{          
		text-align: center;
		padding:2% 0;
		letter-spacing:1px;
		line-height:2em     
		}
	#wrap-aside p{
		font-size: 1.3em
	}
	#wrap-aside p:first-child{
		font-size: 1.3em
	}
	#wrap-aside a,
	#wrap-aside a:hover{
		color:#4f5c69;
		text-decoration:underline
	}
	/* ------- wrap-footer ----------*/
	#wrap-footer{     
		font-size:0.8em;
		color:#a4a9af;
		letter-spacing:1px;
	}
	footer{
		float:left;
		width:100%;
		margin-top:20px;
		padding:30px 0 40px 0;
		border-top:2px solid #dfe1e4
	}
	footer a{
		color:#a4a9af;
		text-decoration:none
	}
	footer a:hover{
		color:#a4a9af;
		text-decoration:underline
	}
	footer p {
		float:left;
		margin:0;
    }
	footer img {
		float:right;
	}
	* html footer {
		height:1px;
	}