* {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:0.76em/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: #79A6C8 url('css/body.gif') 0 0 repeat-x;color: #fff;}
#container-null {width:840px;margin:0 auto;text-align:left;background: transparent url('css/bg-container.png') 0 0 repeat-y;}
#container {width:800px;margin: 0 20px;text-align:left;background: #01009E url('css/bg-repeat.png') 0 0 repeat-y;}
#header {height:180px;background: #587C98 url('css/bg-header.png') 0 0 no-repeat;position:relative}
#content-null {width: 100%;background: transparent url('css/bg-content.png') 0 100% no-repeat;padding: 10px 0;}
#content {float:left;width:550px;}
#kontakt {float:right;width:250px;}
#cenik {float:right;clear:right;width:250px;margin-top:20px;}
#footer {clear:both;background: #000 url('css/bg-bottom.png') 0 0 no-repeat; height:170px; color: #fff; position:relative;}
.cleaner {clear:both;height:0;overflow:hidden;content:'';}
.cleaner hr {display:none;}
.hidden, hr { display: none; }

/* ----------------------------------------------------------------------------------------------------------
3) html
---------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px;font-family: Georgia, "Times New Roman", Times, serif;}
h1 {font-size:160%;}
h2 {font-size:140%;}
h3 {font-size:130%;}
h4 {font-size:120%;}
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;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}
input, textarea{background: url("poz-obsah.jpg") repeat-x 0 70%;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0;margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;list-style-type:square;}
li span {display:block;} 
p, h2, h3 {margin: 0 10px 10px;}
a {color: #fff;}
a:hover {color: #ccc;}
.float-l {float: left; margin: 0 10px;}
.title {font-size:200%; letter-spacing:1px; margin: 20px 50px 30px; text-align: center; }
img {border:1px solid #fff;}
/* ----------------------------------------------------------------------------------------------------------
4) Navigace
---------------------------------------------------------------------------------------------------------- */
/*  navigace top  */
#nav {position:absolute; top:100px; right:10px; _right:30px;}
ul#nav li {display:inline;}
ul#nav a {color:#FFFFFF; line-height:43px; padding:0 10px; border-right:#FFFFFF 1px solid; }
ul#nav a:hover {color: #587C98;}
ul#nav .last a { border:none}

/* ----------------------------------------------------------------------------------------------------------
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:20px auto;}
.foto img {margin: 2px;}
/* header */
#logo {position:absolute; top:40px; left:60px;}
#logo h1 {font-size:34px; color:#000;}
#logo span {font-size:16px;}

.email {unicode-bidi: bidi-override; direction: rtl;}


/* footer */
#footerLink {position: absolute;	top:90px; left:45px;}
#xhtml {position: absolute; top:135px; left:580px;}
#design {display: none;}
#footer p, #footer img {margin:0;border:0;}