@font-face {font-family: 'Fira Sans'; src:url('font/FiraSans-Light.eot'); src:local('Fira Sans Light'), url('font/FiraSans-Light.eot') format('embedded-opentype'), url('font/FiraSans-Light.woff') format('woff'), url('font/FiraSans-Light.ttf') format('truetype'); font-weight:300; font-style:normal}
@font-face {font-family: 'Fira Sans'; src:url('font/FiraSans-LightItalic.eot'); src:local('Fira Sans Light Italic'), url('font/FiraSans-LightItalic.eot') format('embedded-opentype'), url('font/FiraSans-LightItalic.woff') format('woff'), url('font/FiraSans-LightItalic.ttf') format('truetype'); font-weight:300; font-style:italic}
@font-face {font-family: 'Fira Sans'; src:url('font/FiraSans-Regular.eot'); src:local('Fira Sans Regular'), url('font/FiraSans-Regular.eot') format('embedded-opentype'), url('font/FiraSans-Regular.woff') format('woff'), url('font/FiraSans-Regular.ttf') format('truetype'); font-weight:400; font-style:normal}
@font-face {font-family: 'Fira Sans'; src:url('font/FiraSans-Medium.eot'); src:local('Fira Sans Medium'), url('font/FiraSans-Medium.eot') format('embedded-opentype'), url('font/FiraSans-Medium.woff') format('woff'), url('font/FiraSans-Medium.ttf') format('truetype'); font-weight:500; font-style:normal}
@font-face {font-family: 'fontello'; src: url("font/fontello.eot"); src: url("font/fontello.eot?#iefix") format('embedded-opentype'), url("font/fontello.woff") format('woff'), url("font/fontello.ttf") format('truetype'), url("font/fontello.svg#fontello") format('svg'); font-weight:normal; font-style:normal}

html {
	background:#fff url("html.jpg") no-repeat; overflow-y:scroll;
/* 	min-height:100%; position:relative; */
}
html, select, input {font:1em/1.4 "Fira Sans",sans-serif; font-weight:300}
body {
	margin:0; text-align:center; color:#333;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 1080px, rgba(255,255,255,1) 1280px);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 1080px, rgba(255,255,255,1) 1280px);
/* 	min-height:1280px; */
}
a {
	text-decoration:none; color:#8d8d8d;
	transition:color .3s,background .3s; -webkit-transition:color .3s,background .3s;
}
a:hover {text-decoration:underline; color:#E3001A}
a img {border:none}
img {vertical-align:middle; max-width:100%}

em {font-weight:300; font-style:italic}

hr {height:0; border:0; border-top:1px solid #cecece}

h1, h2, strong {font-weight:500}
h1 {color:#757575}
h2 {color:#E3001A}
h1 {font-size:3em; padding-top:1em; margin:0}
h2 {font-size:1.5em; margin:.66em 0}
h1 em, .site em {color:#575656; font-style:normal; font-weight:500; line-height: 1em;}

ol li {font-size:1.125em}

table {box-sizing:border-box; display:inline-block; text-align:left; margin:0 auto; min-width:75%}
tbody td {padding:.25em .5em}

a.btn-red, #main button, #main input[type="submit"] {
	color:#fff !important; background:#AE0F0A; display:inline-block; padding:.75em 1.5em; line-height:1.75; border:0;
	border-radius:.5em; -webkit-border-radius:.5em;
	box-shadow:1px 1px 1px rgba(0,0,0,.33);
}
a.btn-red strong {font-weight:500; font-size:1.25em}
a.btn-red:hover, #main button:focus, #main input[type="submit"]:focus {background:#990F0A; text-decoration:none; /*color:#353534*/}
a.btn-top { display:none; position:fixed; left:20px; bottom:20px; width:50px; height:50px; line-height:50px; color:#fff; background:#AE0F0A; font-size:30px; font-family:"fontello"; text-decoration:none; text-align:center; opacity:.3; -webkit-border-radius:6px; border-radius:6px}
a.btn-top:hover {opacity:1; -webkit-transition:opacity .2s linear; transition:opacity .2s linear}

/* ICONS: */
[class^="icon-"]:before, [class*=" icon-"]:before {font-family:"fontello"; line-height:1; font-style:normal; display:inline-block; zoom: 1; text-decoration:none; text-indent:0; width:1em; height:1em; vertical-align:inherit}
.icon-up:before {content:"\e4af"; vertical-align:text-bottom}

.section a.btn-red, .boxed {
	box-shadow:1px 1px 3px rgba(0,0,0,.33);
	border-radius:.5em; -webkit-border-radius:.5em;
}
.boxed {background:#ededed url("paper-patern.jpg"); color:#333}

#main form {background:#E3001A; color:#fff; line-height:2.5}
#main form label {min-width:4em; display:inline-block}
#main input[type="text"], #main input[type="password"], #main textarea {
	padding:.25em .5em; border:0; color:#222; background:#ECECEC;
	border-radius:.25em; -webkit-border-radius:.25em;
	box-shadow:2px 2px 3px rgba(0,0,0,.2), 0 5px 5px rgba(255,255,255,.33) inset;
}
#main input[type="text"]:focus, #main input[type="password"]:focus, #main textarea:focus {background:#fff}
#main textarea {width:100%; height:8em}

#head {text-align:left}
#head .decor {background: url("decor-section.png") repeat-x scroll 50% 0 #E3001A}
#head .nav {font-size:1.25em; font-weight:400}
#head a {display:inline-block}

.top-bar, #foot p {font-size:.75em}
.top-bar, .top-bar a, #foot, #foot a {color:#8d8d8d}
.top-bar {margin:0 -1em 4em}
.top-bar p {margin-top:0}
.top-bar a {vertical-align:bottom; margin:.25em 1em 0}
.top-bar p:first-child {float:right}
.top-bar img {vertical-align:baseline}
.top-bar .logo-kodap {height:11px}
.top-bar .logo-etl {  height: 30px;
    margin: 0 0 -15px 0.5em;}

a.site {margin-bottom:1em; color:#E3001A; white-space:nowrap; text-decoration:none; float:left}
a.site * {display:inline-block; vertical-align:top; text-align:left}
a.site:hover em {color:#353534}
a.site img {padding-right:.75em}

#nav-control + label {display:none; width:50px; height:50px; background:#fff url(line-icons/menu.png) no-repeat left top; position:fixed; left:0; top:0; z-index:90; cursor:pointer}
#nav-control + label span {position:absolute; left:-9999px;}
#nav-control {position:absolute; left:-9999px; display:none}

.nav > ul {padding:0; margin:0; float:right}
.nav > ul a {background:#E3001A; color:#fff; padding:.375em}
.nav > ul a.active {background:#ae0f0a}
.nav > ul a:hover {background:#ae0f0a; text-decoration:none}
.nav > ul li {display:inline}
.nav > ul li:first-child a {border-radius:.33em 0 0 .33em; padding-left:1.5em}
.nav > ul li:last-child a {border-radius:0 .33em .33em 0; padding-right:1.5em}

ol.columns {list-style:none; padding:0; margin:0; line-height:1.75}
ol.columns li, ul.columns li {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;
	position:relative; display:inline-block; padding:1.5em; margin:0; vertical-align:top; margin-right:-4px;
/* 	transition:width .3s; -webkit-transition:width .3s; */
}
ol.columns h2 {line-height:1.4}
.cols-2 > li {width:50%}
.cols-3 > li {width:33.333%}
.cols-4 > li {width:25%}
.cols-5 > li {width:20%}

#main {clear:both; }

.section {min-height:30em; position:relative}
.section.inverted {background:#3C3C3B url("decor-section.png") repeat-x 50% 0; color:#fff}
.section.inverted h1, .section.inverted h2 {color:#fff}
.section.inverted .boxed h1 {color:#000}
.section.inverted .next {background:url("next-section-1.png") no-repeat 50% 0; bottom:-20px}
.section.inverted a {color:#cecece}
.section.inverted a:hover {color:#fff}
.section .boxed a {color:#8d8d8d}
.section .boxed a:hover, .section.inverted .boxed h2 {color:#E3001A}


.section .next {background:url("next-section-2.png") no-repeat 50% 0; bottom:-24px; position:absolute; width:60px; z-index:1; text-align:center; left:50%; margin-left:-30px; outline:none}
.section .next {overflow:hidden; color:#fff; display:block; height:31px; font-size:0}
.section .next:hover {background-position:50% 5px}

#nabizime h1 {margin:0 8%}
#nabizime ol {margin:1em 8%}
#nabizime ol img {margin-bottom:1em}

#kroky ol {counter-reset:krok; margin:2em 0 3em}
#kroky li {background:url("decor-4-kroky.png") no-repeat; background-position:0 6em; max-width:268px; counter-increment:krok}
#kroky li:before {content:counter(krok) ". "; font-size:2.75em; font-weight:500; margin-bottom:.75em; display:block}
#kroky li p {font-weight:500}
#kroky .col-2 {background-position:-268px 6em}
#kroky .col-3 {background-position:-538px 6em}
#kroky .col-4 {background-position:-808px 6em}
#kroky .col-1:before {color:#65d85c}
#kroky .col-2:before {color:#E3001A}
#kroky .col-3:before {color:#990F0A}
#kroky .col-4:before {color:#AE0F0A}

.noticed {min-height:6em; margin-bottom:2em; position:relative; padding:2em 8em; text-align:left}
.noticed:before {content:"\201C"; font-size:12em; font-family:"Times New Roman",Georgia,Serif; position:absolute; color:#cecece; line-height:1; top:.125em}
.noticed img {position:absolute; top:35px}
.noticed:nth-child(2n):before {right:.125em}
.noticed:nth-child(2n+1):before {left:.125em}
.noticed:nth-child(2n) img {left:-45px}
.noticed:nth-child(2n+1) img {right:-45px}

.noticed h2 {margin-top:0}
.noticed p:last-child, .boxed p:last-child {margin-bottom:0}

.wrapped {max-width:68em; min-width:18em; margin:0 auto; padding:1em 2em 3em}

#foot {text-align:left; min-height:13em; background-color:#ededed; background:url("decor-section.png") repeat-x 50% 0, url("paper-patern.jpg"); padding:2em 0}
#foot .logo-kodap { margin-right:3em}
#foot .logo-etl {    height: 40px;
    margin-bottom: -15px;}
#foot p {margin:0}

.bigger {font-size:1.375em; color:#E3001A}
.bigger a {color:#E3001A}
.floated {float:right; margin:0}
a.mailto {border-bottom:1px solid;}
a.mailto:hover {text-decoration:none; color:#353534}
.sub-title {font-size:1.25em; font-weight:300; margin:.5em 0 0}

.checked-list, ul.icons {margin:2em 10% !important; padding:2em 2em 0 !important; position:relative; line-height:1.75; list-style:none}
.checked-list > li, ul.icons > li {text-align:left; padding:0 1em 2em 3.5em !important}
.checked-list > li:before {background:url("li-check.png") no-repeat; width:23px; height:25px; left:.5em}
.checked-list > li:before, ul.icons > li:before {content:"";  position:absolute}
ul.icons > li:before {background:url("icons-green.png") no-repeat; width:42px; height:39px; left:0}
.checked-list li:nth-child(2):before {background-position:0 -63px}
.checked-list li:nth-child(3):before {background-position:0 -121px}
.checked-list li:nth-child(4):before {background-position:0 -182px}
.checked-list li:nth-child(5):before {background-position:0 -242px}
.checked-list li:nth-child(6):before {background-position:0 -302px}

.checked-list li:nth-child(2):before {background-position:0 -63px}
.checked-list li:nth-child(3):before {background-position:0 -121px}
.checked-list li:nth-child(4):before {background-position:0 -182px}
.checked-list li:nth-child(5):before {background-position:0 -242px}
.checked-list li:nth-child(6):before {background-position:0 -302px}

ul.icons > .i-2:before {background-position:-2px -73px}
ul.icons > .i-3:before {background-position:-2px -146px}
ul.icons > .i-4:before {background-position:-2px -225px}
ul.icons > .i-5:before {background-position:-44px -3px}
ul.icons > .i-6:before {background-position:-44px -40px}
ul.icons > .i-7:before {background-position:-44px -91px}
ul.icons > .i-8:before {background-position:-44px -142px}
ul.icons > .i-9:before {background-position:-45px -192px}
ul.icons > .i-10:before {background-position:-43px -227px}
ul.icons > .i-11:before {background-position:-88px -230px}
ul.icons > .i-12:before {background-position:0 -283px}
ul.icons > .i-13:before {background-position:-45px -285px}
ul.icons > .i-14:before {background-position:-89px -284px}
ul.icons > .i-15:before {background-position:0 -331px}
ul.icons > .i-16:before {background-position:-46px -332px}
ul.icons > .i-17:before {background-position:-91px -332px}

@media screen and (max-width:720px) {
	h1 {font-size:2em}
	h2 {font-size:1.5em}
	ol.cols-4 li {width:50%}
	.wrapped {padding:1em}
	#head a.site, .nav > ul {width:100%}
	#head .header {text-align:center}
	.nav > ul li a {border-radius:0; -webkit-border-radius:0; padding:.5em 1em; margin:1px}
	#nabizime h1, #nabizime ol {margin:0}
	#zadejte li:before {left:0}
	#zadejte ol {margin:0}
	#foot {min-height:5em}
	#foot img {display:block}
	.nav > ul {width:100%; text-align:center; margin-top:1em}
	#nav-control + label {display:block; box-shadow:0 0 .5em rgba(0,0,0,.5)}
	#nav-control + label:after {content:"☰"; color:#000; font-size:2em; line-height:1.5}
	#nav-control:checked ~ ul {left:0; top:0; margin:0}
	#nav-control:checked + label:before {display:block; content:""; width:100%; height:100%; position:fixed; left:0; top:0; background:transparent; z-index:-1;}
	.nav > ul {
		width:300px; top:50px !important; position: fixed;
		left: -301px; border-right: 1px solid #111; overflow-y:auto; overflow-x:hidden; z-index:90; background:rgba(30,30,30,.5); border-top:1px solid #111; height:calc(100% - 51px);
		-webkit-transition:0.5s; transition:0.5s;
	}
	.nav > ul li, .nav > ul a {display:block !important}
}
@media (min-resolution:1.25dppx),(-webkit-min-device-pixel-ratio:1.25),(min-device-pixel-ratio:1.25), screen and (max-width:640px){
	body {font-size:.875em}
	#head {text-align:center}
	#head a.site {display:inline; white-space:normal}
	#head a.site * {text-align:center; padding:0}
	.top-bar .logo-kodap {display:none}
	.top-bar p {clear:both}
	h1 {font-size:1.5em}
	h2 {font-size:1.25em}
	ol li {font-size:1em}
	a.site i {display:block; margin:1em 0 0}
	ol.columns > li, ul.columns > li {width:100%}
	iframe {max-width:100%}
	#zadejte li {padding-left:12%}
	.noticed {padding:2em}
	.noticed img {position:static; display:block; margin:-1em auto 1em}
	.noticed:before {display:none}
	.checked-list, ul.icons {margin: 1em !important; padding: 1em 1em 0 !important}
	#foot img {height:15px !important}
}
@media print {
	* {background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important}
	a, a:visited {text-decoration:underline}
	a[href]:after {content:" (" attr(href) ")"}
	abbr[title]:after {content:" (" attr(title) ")"}
	pre, blockquote {border:1px solid #999; page-break-inside:avoid}
	a[href^="javascript:"]:after, a[href^="#"]:after {content:""}
	thead {display:table-header-group; /* h5bp.com/t */ }
	tr, img {page-break-inside:avoid}
	img {max-width:100% !important}
	p, h2, h3 {orphans:3; widows:3}
	h2, h3 {page-break-after:avoid}
}

/*
 * {outline:1px solid rgba(255,0,0,0.25)}
 */