/* common
======================================*/
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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
li {list-style-type: none;}
hr {display: none;}
a {color: #569c19;}
a:hover, a:active, a:focus {color: #037fc3;}
a img {border: none;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
/* abstract
======================================*/
.cw {width: 100%; overflow: hidden;}
.cw2 {overflow: hidden; height: 1%;}
.fl {float: left;}
.fr {float: right;}
.cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;}
.ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.bold {font-weight: bold;}
.hand {cursor: hand; cursor: pointer;}
.a-hidden {position: absolute; top: -10000em;}
/* structure
======================================*/

html {background: #01adef url("http://img.olsovec.cz/html.png") repeat-x;}
body {background: transparent url("http://img.olsovec.cz/body.jpg") top center no-repeat; font: 75%/1.5 "trebuchet ms", arial, helvetica, sans-serif; color: #000;}

#jump {display: inline; font-size: 1.2em;}
	#jump li {display: inline;}
	#jump a {position: absolute; top: -10000em; left: 0; display: block; width: 100%; overflow: hidden; padding: 10px 0; text-align: center; text-decoration: underline; font-weight: bold; color: white;}
	#jump a:hover,
	#jump a:active,
	#jump a:focus {background: #01adef; top: 0; z-index: 9;}

#header {position: relative; width: 900px; height: 90px; overflow: hidden; margin: 0 auto;}
#header a {color: #fff;}
#header a:hover,
#header a:focus,
#header a:active {color: #003d5f;}
#header h1#logo {position: absolute; top: 8px; left: 5px; width: 521px; height: 73px; overflow: hidden; font-size: 150%;}
#header h1#logo a {display: block; width: 521px; height: 73px;}
#header h1#logo a .ir {background: url("http://img.olsovec.cz/logo.png");}
#header h1#logo a .text {position: absolute; z-index: 2; left: 67px; top: 48px; font-size: 90%; color: #464748; font-weight: bold;}
#header #flags {position: absolute; top: 48px; right: 21px; width: 177px; height: 33px; overflow: hidden; text-align: center;}
#header #flags a {position: relative; float: left; width: 44px; height: 100%;}
#header #flags a#de {width: 45px;}
#header #flags a .ir {background: url("http://img.olsovec.cz/flags.png");}
#header #flags a#cz .ir {background-position: 0 -33px;}
#header #flags a#en .ir {background-position: -44px -33px;}
#header #flags a#de .ir {background-position: -88px -33px;}
#header #flags a#nl .ir {background-position: -133px -33px;}
#header #flags a#cz:hover .ir,
#header #flags a#cz:focus .ir,
#header #flags a#cz:active .ir,
#header #flags a#cz.active .ir {background-position: 0 0;}
#header #flags a#en:hover .ir,
#header #flags a#en:focus .ir,
#header #flags a#en:active .ir,
#header #flags a#en.active .ir {background-position: -44px 0;}
#header #flags a#de:hover .ir,
#header #flags a#de:focus .ir,
#header #flags a#de:active .ir,
#header #flags a#de.active .ir {background-position: -88px 0;}
#header #flags a#nl:hover .ir,
#header #flags a#nl:focus .ir,
#header #flags a#nl:active .ir,
#header #flags a#nl.active .ir {background-position: -133px 0;}

#container {background: #fff url("http://img.olsovec.cz/container.png") 0 0 no-repeat; width: 900px; margin: 0 auto;}
#container-in {background: url("http://img.olsovec.cz/container.png") -900px 100% no-repeat; min-height: 500px; overflow: hidden; margin: 0 auto; padding: 5px;}

#theme {background: url("http://img.olsovec.cz/theme.jpg"); float: right; width: 612px; height: 271px; overflow: hidden;}

#sidebar {float: left; width: 272px; margin-top: -271px;}
#nav {background: #fc7c00 url("http://img.olsovec.cz/nav.gif") repeat-y; border-bottom: 1px solid #c25f00; margin-bottom: 5px;}
#nav ul {background: url("http://img.olsovec.cz/nav-t.jpg") no-repeat; padding: 20px 0;}
#nav ul li {background: url("http://img.olsovec.cz/nav-li.png") 1px 100% no-repeat; padding: 0 50px 0 38px; width: 184px;}
#nav ul li.last {background: none;}
#nav ul li#vitejte {background-image: url("http://img.olsovec.cz/nav-li-vitejte.png");}
#nav ul li#cenik {background-image: url("http://img.olsovec.cz/nav-li-cenik.png");}
#nav ul li a {background: url("http://img.olsovec.cz/navitem.gif") 100% 50% no-repeat; display: block; padding: 4px 0; width: 100%; text-decoration: none; font-size: 120%; font-weight: bold; color: #fff;}
#nav ul li#vitejte a {background-image: url("http://img.olsovec.cz/navitem-vitejte.gif");}
#nav ul li a:hover,
#nav ul li a:focus,
#nav ul li a:active,
#nav ul li a.active {background-image: url("http://img.olsovec.cz/navitem-h.gif"); color: #683300;}
#nav ul li#vitejte a:hover,
#nav ul li#vitejte a:focus,
#nav ul li#vitejte a:active,
#nav ul li#vitejte a.active {background-image: url("http://img.olsovec.cz/navitem-vitejte-h.gif");}
#sidebar a.boxa {background: #3d7c17 url("http://img.olsovec.cz/vylety.jpg"); display: block; height: 131px; overflow: hidden; margin-bottom: 5px; text-align: right; text-decoration: none; font-size: 120%; color: #fff;}
#sidebar a#foto {background: #0376b4 url("http://img.olsovec.cz/foto.jpg");}
#sidebar a.boxa span {display: block; padding: 35px 27px 0 100px;}
#sidebar a.boxa:hover span,
#sidebar a.boxa:focus span,
#sidebar a.boxa:active span {text-decoration: underline;}
#news {background: #dedede url("http://img.olsovec.cz/news.gif") -272px 100% no-repeat; overflow: hidden; padding-bottom: 5px; font-size: 110%; color: #424242;}
#news h3 {background: url("http://img.olsovec.cz/news.gif") 0 0 no-repeat; padding: 17px 18px 5px 18px; font-size: 110%; font-weight: bold;}
#news em.date {display: block; padding: 0 18px; font-style: normal;}
#news p {margin: -2px 0 10px 0; padding: 0 18px;}
#news a {color: #424242;}
#news a:hover,
#news a:focus,
#news a:active {color: #037fc3;}

#content {float: right; width: 568px; padding-right: 30px; font-size: 120%;}

#footer {background: url("http://img.olsovec.cz/footer.png") 599px 0 no-repeat; width: 900px; height: 90px; overflow: hidden; margin: 0 auto; color: #fff;}
#footer p {margin: 12px 31px 0 31px;}
#footer a {margin: 0 9px; color: #fff; text-decoration: none;}
#footer a:hover,
#footer a:focus,
#footer a:active {text-decoration: underline;}

/* content styling
--------------------------------------*/

#content h2 {margin: 19px 0 15px 0; font-size: 130%; font-weight: bold; color: #037fc3;}
#content h3 {margin: 15px 0; font-size: 110%; font-weight: bold;}
#content h4 {margin: 15px 0; font-size: 100%; font-weight: bold;}
#content p {margin: 15px 0;}
#content .alt {color: #5a5858;}

#breadcrumbs {margin: 10px 0 0;}

#partners {padding:15px 0;text-align: center;}