* {margin:0; padding:0;}

/* ----------------------------------------------------------------------------------------------------------
1) Reset
---------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, 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; outline:0; vertical-align:baseline; background:transparent;}
body {font:11px/1.6 Tahoma, "Lucida Grande CE", lucida, sans-serif;text-align:center;}
h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:0;padding:0;}

/* ----------------------------------------------------------------------------------------------------------
2) Layout
--------------------------------------------------------------------------------------------------------- */
body {text-align:center;background: url('css/page_bg.gif');}
#container-top {width:100%;text-align:center;background: url('css/page_bg_top.gif') 0 0 repeat-x;padding:20px 0;}
#container {width:798px;margin: 0 auto;text-align:left;}
#header {height:140px;background: url('css/header_bg.gif') 0 0 no-repeat;position:relative}
#content-null {width: 100%;background: url('css/body_bg.gif') 0 0 repeat-y;}
#content-bg{background: url('css/body_bg_bot.jpg') 0 100% no-repeat;  min-height: 780px;_height: 780px;position:relative;padding-bottom: 20px;}
#obsah {width:520px;margin-left:30px;}
#kontakt {position:absolute;left:550px;top:106px;width:220px;}
#vozovyPark {position:absolute;left:550px;top:240px;width:220px;}
#footer {clear:both;background: url('css/bg-bottom.png') 0 0 no-repeat; height:100px; color: #fff; padding-top:5px;}
.cleaner {clear:both;height:0;overflow:hidden;content:'';}
.cleaner hr {display:none;}
.hidden, hr { display: none; }

#obsah-top {background: url('css/top-obsah.png') 0 0 no-repeat; padding:20px 15px 25px;}
#obsah {background: url('css/obsah.png') 0 0 repeat-y;}
#obsah-bottom {width:520px;background: url('css/bottom-obsah.png') 0 100% no-repeat;height:10px;margin-left:30px;}

.info-top {background: url('css/top-info.png') 0 0 no-repeat; padding:10px;}
.info {background: url('css/info.png') 0 0 repeat-y;}
.info-bottom {width:220px;background: url('css/bottom-info.png') 0 100% no-repeat;height:10px;}

.float-l {float: left; margin: 0 10px 20px 10px;}
img {padding:1px;border:1px solid #fff;}
/* ----------------------------------------------------------------------------------------------------------
3) html
---------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px;font-family: Georgia, "Times New Roman", Times, serif;}
h1 {font-size:150%;color:#6A9145;}
h2 {font-size:130%; color:#D8261C;border-bottom: 1px solid #6A9145;margin-bottom:10px;padding-bottom:2px;}
h3 {font-size:120%;}
h4 {font-size:110%;}
h5 {font-size:100%;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

form, input, textarea {font-size:100%;}
fieldset {position:relative; padding:10px;border: 1px solid #FFA405;}
legend {position:absolute; top:-1em; margin:0; padding:2px 10px; font-size:100%; font-weight:bold; color:#FFA405;border: 1px solid #FFA405;background-color:#fff;}
.submit{width:100px;height:30px;text-align:center;}
.dotaz, .objednavka {margin: 0 auto;}
label {width: 110px; float: left; margin-right: 5px; padding-top: 0.3em;}
input, textarea {width:220px;padding: 2px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0;margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

p {margin: 5px 0 10px;}
/* ----------------------------------------------------------------------------------------------------------
4) Navigace
---------------------------------------------------------------------------------------------------------- */
#nav {height:60px;font-size:110%;}
#nav ul {margin: 0 0 10px 30px;padding-top:10px;}
#nav li {list-style: none;float: left; background: left center url("css/arr.gif") no-repeat; padding-left: 15px;padding-right: 20px;}
#nav a {color: #000; text-decoration: none;font-weight: bold;}
#nav a.active {color:#D8261C;}
#nav a:hover, #nav a.active:hover {color: #FFA405; text-decoration: underline;}

/* ----------------------------------------------------------------------------------------------------------
5) Ostatni
---------------------------------------------------------------------------------------------------------- */
#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;color: #000;}
#lightbox img{border:none;}
#imageContainer{position:relative;padding:10px;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:10px;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url("css/blank.gif") no-repeat;display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url("css/prev.gif") left 53% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url("css/next.gif") right 53% no-repeat;}
#imageData{font:10px Verdana,"Geneva CE",lucida,sans-serif;background-color:#fff;margin:0 auto;padding:0 10px 0 10px;line-height:1.4em;height:38px;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;}
#imageData #bottomNavClose{width:36px;float:right;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}

.foto {text-align: center;margin:5px auto;}
.foto img {margin: 2px;padding: 2px;border: 1px solid #FFA405;}

/* header */
#logo {position:absolute; top:7px; left:0;width:244px;height:50px;line-height:50px;text-align:center;}
#logo h1 img {border:0;margin:0;}
#logo h1 span{display:none;}

/* footer */
#footer p {text-align: right;margin:0 25px 0 0;border:0;}
#footer img {border:0;}
#footer a {color:#fff;}

/* info */
.info-top h2 {color:#84BC4D;border:0;margin:0;}
#kontakt ul {margin:0;padding:0;}
#kontakt li {padding-left:5px;list-style:none;}

/* hlaska */
.hlaska {width:90%;margin: 8px auto;padding: 4px;text-align:center;color:#AC3234;border:1px solid #AC3234;}
.hlaska {font-weight: bold;}