/*
	@author: Romana Pevna
	@site: www.lukaszeman.eu
------------------------------------------- */
html, body {height: 100%; margin: 0; padding: 0; }
body {background: #004c76 url('../_images/bg_body.jpg') 0 0 repeat-x; }



/* common definition
------------------------------------------- */
/* typografy */
h1, h2, h3, h4 {line-height: 1.3; letter-spacing: -1px; }
h1 {font-size: 1.6em; margin-top: 0; margin-bottom: 0.8em; }
h1, h2 {font-weight: normal; }
h2 {font-size: 1.4em; margin-top: 0; margin-bottom: 0.8em; }
h3 {font-size: 1.2em; margin-top: 0.7em; margin-bottom: 0.7em; }
h4, h5 {font-size: 1.0em; margin-top: 0.45em; margin-bottom: 0.6em; }
h5 {margin-bottom: 0.3em; }

p, address, table, fieldset {margin: 0; margin-bottom: 1.5em; }
address {font-style: normal; }

/* lists */
ul, ol {padding: 0; margin: 0 0 1.5em 20px;}
li {margin-bottom: 0.3em; }

ul.no-bull {list-style: none; }

/* links */
a {color: #013d81; text-decoration: none; outline: 0; }
a:hover, a:focus {text-decoration: underline; }
a:visited {}

big {font-size: 1.2em; }
small {font-size: 0.9em; }

img {font-size: 1.0em; border: 0; }



.left {text-align: left !important; }
.right {text-align: right !important; }
.center {text-align: center !important; }
.top {vertical-align: top;}

.fll {float: left !important; }
.flr {float: right !important; }
img.fll {margin: 3px 10px 10px 0; }
img.flr {margin: 3px 0 10px 10px; }

.cleaner {clear: both; display: block; }
hr.cleaner {font-size: 0; height: 0; margin: 0; background: none; border: 0;}

.clearfix:after {content: '.'; height: 0; visibility: hidden; display: block; clear: both; }

.spaceman {position: absolute; top: -3000px; left: -3000px; }
.nob {background: none !important; }
.nod {display: none;}

.bold {font-weight: bold; }
.big {font-size: 1.5em; }




/* layout
------------------------------------------- */
#page, #footer, .inset {font: 0.75em/1.4 Verdana, "Geneva CE", lucida, sans-serif, "Corbel"; }
#page, .inset {width: 922px; margin: 0 auto; position: relative; }

#page {background: #fff url('../_images/bg_page.png') 0 0 repeat-y; }


/* header
------------------------------------------- */
#header {height: 306px; background: url('../_images/bg_header.jpg') 50% 0 no-repeat; overflow: hidden; }

/* logo */
#header h1 {width: 185px; height: 150px; margin: 0; position: absolute; top: 40px; left: 60px; overflow: hidden; }
#header h1 a {color: #fff; font-size: 1.4em; height: 150px; position: relative; display: block; }
#header h1 a span {width: 185px; height: 150px; position: absolute; top: 0; left: 0; z-index: 1; background: url('../_images/bg_header.jpg') -120px -40px no-repeat; display: block; cursor: pointer; }



/* content
------------------------------------------- */
#center-box {width: 760px; float: right; }

#content {color: #606060; width: 412px; padding: 10px 40px 50px 40px; min-height: 350px; float: left; background:#FFF; }
* html #content {height: 350px; }

.n-list {list-style: none; margin-left: 0; }
.n-list h3 {font-size: 1.1em; margin-bottom: 5px; }

/* right col */
#right-col {color: #013d81; width: 188px; padding: 20px 40px 50px 40px; float: right; }



/* left col */
#left-col {width: 160px; min-height: 400px; padding-top: 10px; background: url('../_images/bg_nav.jpg') 0 0 no-repeat; float: left; }
* html #left-col {height: 400px; }


/* nav */
#nav {list-style: none; padding: 0 3px 0 2px; margin: 0; margin-bottom: 50px; }
#nav li {margin: 0; margin-bottom: 1px; }

#nav li a {color: #fff; text-decoration: none; padding: 7px 15px; background-color: #8e6c18; border-left: solid 5px #fdc228; display: block; }
#nav li a:hover, #nav li a:focus, #nav li.active a {color: #754b00; text-decoration: none; padding-left: 20px; background-color: transparent; border: 0; }
#nav li strong {font-weight: normal; }


* html #nav li, * html #nav a {/*height: 100%;*/ }
* html #nav li {margin-bottom: -1px; display: inline-block; }




/* footer
------------------------------------------- */
#footer {background: url('../_images/bg_footer.jpg') 50% 0 no-repeat; }
#footer .inset {color: #72aacd; font-size: 0.9em; text-align: center; padding: 20px 40px; }
#footer a {color: #72aacd; }