html {font-size: 62.5%; /*10px*/}
body {padding: 0; margin:0; color: #bec3c7; background: #181e27; font-family: 'Signika', Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-weight: 300; font-size: 16px; font-size: 1.6rem; line-height:24px; line-height:2.4rem;}
.cleaner {clear: both; font-size: 0; line-height: 0; visibility: hidden;}
.nav, .nav li {margin:0; padding:0; list-style-type:none;}

a {color: #fff;}
a:hover {text-decoration:none;}
img {border:0;}
strong {font-weight: 700;}

p, ul, ol, dl, table {margin: 0 0 1em 0; padding: 0;}
ol, dl {margin-left:25px;}
#content ul li {padding: 0 0 0.2em 20px; list-style-type: none; background: url(images/bg-li.gif) 0 9px no-repeat;}

h1 {margin: 0; padding: 0; float:left; font-weight: 300; font-size: 19px; font-size: 1.9rem; line-height:22px; line-height:2.2rem; color: #bec3c7; text-transform: uppercase;}
h1 strong {font-size: 33px; font-size: 3.3rem; color: #f1c40f;}
h2 {margin: 1.2em 0 0.5em 0; padding: 0; font-weight:600; font-size: 25px; font-size: 2.5rem; line-height:32px; line-height:3.2rem; color: #f1c40f;}
h3 {margin: 1.2em 0 0.5em 0; padding: 0; font-weight:300; font-size: 25px; font-size: 2.5rem; line-height:32px; line-height:3.2rem; color: #fff;}
h2:first-child, h3:first-child {margin-top: 0;}


/* LAYOUT */
#header-cover {background: #34495e; height: 95px; border-bottom: 5px solid #2d3e50; position: fixed; left:0; top:0; right:0; z-index: 1000;}
#header {width: 940px; margin: 0 auto; padding-top: 1.7em; text-shadow: 0px -2px 0px #2d3e50;}
#header h1 a {text-decoration: none; color: #bec3c7;}
#header h1 a:hover, #header h1 a:hover strong {color: #fff !important;}
#theme-cover {margin-top: 100px; background: #fff url(images/theme.gif) center 0; margin-bottom: -80px; position:relative; z-index:4;}
#theme {height: 639px; background: url(images/theme-vektorizace.gif) center 0 no-repeat;}
#theme img {margin-left: -10px;}
#content-cover {background: #2d3e50; padding-top: 80px; margin-bottom: -80px; position:relative; z-index:3;}
#content, #reference, #footer {width: 940px; margin: 0 auto; padding: 3em 0;}
.column {float:left; width: 300px; margin-right: 20px; margin-bottom: 1.5em;}
.column.last {margin-right:0;}
#spoiler {clear:both; padding: 2em 30px; background: #233142;}
#spoiler h3 {float:left; margin: 0.4em 0 0 0;}
#spoiler h3 span {padding-left: 60px; color: #1bbc9d; font-size: 28px; font-size: 2.8rem;}
#link-demand {display:block; float:right; padding: 0.5em 18px; background: #e84c3d; text-decoration: none; font-size: 26px; font-size: 2.6rem; font-weight: 700; text-transform: uppercase; text-shadow: 0px -2px 0px #c1392b; box-shadow: 0px 5px 0px #17212c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#link-demand:hover {background: #c1392b; box-shadow: none; margin-top: 2px; margin-bottom: -2px;}
#reference-cover {background: #34495e; padding-top: 80px; margin-bottom: -80px; position:relative; z-index:2;}
.reference-item {width: 220px; height: 220px; float:left; margin: 0 20px 20px 0; background: #fff; box-shadow: 0px 5px 0px #2d3e50;}
.reference-item.empty {padding-top: 95px; margin-right:0; background: none; text-align: center; border: 1px solid #233142; box-sizing: border-box;}

#footer {padding-top: 130px;}
#footer strong {color: #fff; font-size: 22px; font-size: 2.2rem;}
#footer-column {width: 220px; float:left;}
#copyright {margin-top: 2.5em; font-size: 12px; font-size: 1.2rem; color: #45525c;} 
#copyright a, #copyright strong {text-decoration: none; color: #45525c; font-size: 12px; font-size: 1.2rem;}
#copyright a:hover {text-decoration: underline;}

/* MENU */
#menu-main {float:right; padding-top: 0.3em;}
#menu-main li {float:left; padding-left:15px;}
#menu-main li a {display:block; padding: 0.3em 12px; text-decoration: none; font-size: 20px; font-size: 2.0rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#menu-main li a:hover {background: #2d3e50; color: #f1c40f;}