html {height:100%; font-size: 62.5%; /*10px*/}
body {height:100%; padding: 0; margin:0; color: #484848; background: #fff; text-align: justify; font-family: FuturaLTPro-Book, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-weight: normal; font-size: 18px; font-size: 1.8rem; line-height:23px; line-height:2.3rem;}
.cleaner {clear: both; font-size: 0; line-height: 0; visibility: hidden;}
.nav, .nav li {margin:0; padding:0; }

a {color: #000; text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0;}

.centered {text-align: center;}
.obrazek-vlevo {float:left; display:block; margin: 4px 20px 0.3em 0;}

p, ul, ol, dl, table {margin: 0 0 1.5em 0; padding: 0;}
ul, ol, dl {margin-left:25px;}

.content ul {margin-left: 5px; list-style-type:none;}
.content li {padding-left: 25px; margin: 0 0 1em 0; background: url(images/bullet.svg) no-repeat 0 10px;}
.comment {margin: 0 10px 20px 0;}

h1 {margin: 90px 0; padding: 0; font-weight: normal; font-size: 20px; font-size: 2.0rem; line-height:30px; line-height:3.0rem; color: #fff;}
h2 {margin: 1.2em 0 0.5em 0; padding: 0; font-weight:normal; font-size: 100px; font-size: 10.0rem; line-height:120px; line-height:12.0rem; color: #fff; text-transform: uppercase; text-align: center; font-family: BodoniLTPro, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;}
h3, h2.h3like {margin: 1.2em 0 1.0em 0; padding: 0; font-family: FuturaLTPro-Bold, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-weight:normal; font-size: 24px; font-size: 2.4rem; line-height:30px; line-height:3.0rem; color: #484848; text-align: left; text-transform: none;} 
h2:first-child, h3:first-child {margin-top: 0;}
.prelude {position:relative;}
.prelude h2 {position: absolute; top: 50%; left:0; right:0; font-size: 7vw; line-height: 8.5vw; margin-top: -3%;}
.link-more {width: 60px; height: 60px; position: absolute; left: 50%; bottom: -100px; margin-left: -30px; overflow: hidden; text-indent: 100px; background: url(images/arrow.png) 0 0 no-repeat; border-radius: 50%; white-space: nowrap;}
.link-more:hover {background-position: right 0;}
.link-new {width: 60px; height: 60px; float:left; overflow: hidden; text-indent: 100px; background: url(images/arrow_left.png) 0 0 no-repeat; white-space: nowrap;}
.link-new:hover {background-position: right 0;}
.link-old {width: 60px; height: 60px; float:right; overflow: hidden; text-indent: 100px; background: url(images/arrow_right.png) 0 0 no-repeat; white-space: nowrap;}
.link-old:hover {background-position: right 0;}
h2.article {margin: 0.8em 0 1.0em 0; padding: 0; font-family: FuturaLTPro-Bold, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-weight:normal; font-size: 18px; font-size: 1.8rem; line-height:25px; line-height:2.5rem; color: #484848 ; text-align: left; text-transform: none;} 
.article {width: 100%; max-height: 160px; margin: 0 0 10px 0;}
.article:hover {opacity: .7; color: #333; text-decoration:none;}
.article-opened {width: 100%; max-height: 450px; margin: 0 0 15px 0;}



/* LAYOUT */
#header {position: fixed; top:0; left:0; right:0; z-index: 10000; height: 105px; padding: 0 40px; border-bottom: 1px solid #686868; background: url(images/darker.png);}
#header .grid-pad {padding-top: 0;}
#logo {display:block; position: absolute; top: 20px;}
#fb {display:block; position: absolute; height: 30px; width: 30px; top: 35px; right: 110px; background: url(images/fb_logo_grey.png) no-repeat 50% top;}
#fb:hover {background: url(images/fb_logo_white.png) no-repeat 50% top;}
#lang {display:block; position: absolute; top: 43px; right: 40px; color: #acaeaf; line-height: 20px;}
#lang:hover {color: #fff; text-decoration: none;}
#menu-switch {display: none; position: absolute; left: 100px; top:0; height: 104px; width: 60px; border:none; overflow:hidden; text-indent: 1000px; cursor: pointer; background: url(images/menu-switch.svg) no-repeat 50% 50%;}
#property {display: block; padding: 0px 15px 25px 15px;}

section {min-height: 100%; padding: 120px 0 60px;}

section#theme {background: url(images/bg-theme.jpg) no-repeat 50% top;}
section#advice-pre {background: url(images/bg-advice.jpg) no-repeat 50% top;}
section#invest-pre {background: url(images/bg-invest.jpg) no-repeat 50% top;}
section#property-pre {background: url(images/bg-property.jpg) no-repeat 50% top;}
.cz section#property-pre h2, .en section#invest-pre h2 { margin-top: -6%;}
section#comment-pre {background: url(images/bg-comment.jpg) no-repeat 50% top;}
section#coop-pre {background: url(images/bg-coop.jpg) no-repeat 50% top;}
section#contact-pre {background: url(images/bg-contact.jpg) no-repeat 50% top;}
section#theme, 
section#advice-pre,
section#invest-pre,
section#property-pre,
section#comment-pre,
section#coop-pre,
section#contact-pre { background-attachment: fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

section#theme .content {padding-top: 120px; text-align: center;}
section#theme .link-more {bottom: auto; top: 600px;}
section#about .content img {width:100%;}
section#about .padded {padding-bottom: 50px;}
section#advice {}
section#property {display: block; padding: 120px 15px 100px 15px;}
section#property .content img {max-width:100%; display:block; margin: 0 0 1em; padding: 0 0 0 45px;} 
section#comment {max-width: 100%; display: block; margin: 0 20% 0 20%;}

section#coop p {margin-bottom: 4em;}
section#coop img {margin-bottom: 1.5em; max-width: 100%; padding: 0 0 0 15%;}


/* MENU */
#menu-main {text-align: center;}
#menu-main li {display: inline-block;}
#menu-main li a {display:block; padding: 0 15px; color: #acaeaf; line-height: 105px; text-transform: uppercase;}
#menu-main li a:hover {color: #fff; text-decoration: none; background: url(images/menu-main.svg) no-repeat 50% top;}


/* COMPANY LINKS */
#company-link {text-align: left; padding: 40px 0 50px 0;}
#company-link li {display: inline-block;}
#company-link li a {display:block; padding: 0 18px; color: #acaeaf; line-height: 40px;}
#company-link li a:hover {color: #444; text-decoration: none;}

/* LOGIN */
header {position: fixed; top:0; left:0; right:0; height: 105px; padding: 0 40px; border-bottom: 1px solid #686868; background: url(images/darkest.png);}
header .nav-login form {float: right; padding: 50px 0;}
header .nav-login form input {width:150px; height: 25px; font-size: 15px; padding: 0 0 0 10px; font-family: FuturaLTPro-Book, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; }
header .nav-login form button {width:80px; height: 25px; font-size: 13px; color: #686868; background-color: #fff; font-family: FuturaLTPro-Bold, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;}
header .nav-login form button:hover {background-color: #acaeaf; cursor: pointer;}

section#panel {position: fixed; top: 105px; left: 0; width: 250px; height: auto; font-size: 30px; color: #fff; font-family: FuturaLTPro-Bold, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; background: url(images/darker.png); }
section#panel nav {width: 100%; text-decoration: none;}
section#panel nav a div {line-height: 50px; font-size: 20px; padding: 0 0 0 20px; color: #fff;}
section#panel nav a div:hover {background-color: #555; color: #acaeaf;}


/* INSERT */
section#tables {position: fixed; display: block; margin: 140px 0 10px 270px; height: auto; width: 70%; color: #acaeaf;}
.date {float: left; width: 200px; height: 30px; overflow: hidden; box-sizing: initial; text-align: top; padding-left: 10px; margin-left: 10px; line-height: 30px; font-size: 18px; color: ##686868; font-family: FuturaLTPro-Book, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;}
.button {float: left; width: 120px; margin: 5px 0 0 10px; line-height: 25px; font-size: 15px; background: url(images/darker.png); color: #fff; font-family: FuturaLTPro-Bold, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;}
.button:hover {background-color: #555; color: #acaeaf; text-decoration: none;}
.title {width: 800px; height: 30px; margin-left: 10px; padding-left: 10px; overflow: hidden; box-sizing: initial; line-height: 30px; font-size: 18px; color: ##686868; font-family: FuturaLTPro-Book, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;}
.article-content {width: 800px; height: 380px; margin-left: 10px; padding-left: 10px; overflow: auto; box-sizing: initial; line-height: 30px; font-size: 18px; color: ##686868; font-family: FuturaLTPro-Book, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;}