/* Reset
----------------------------------------------- */
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 {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/* Basic
----------------------------------------------- */
body {background: url("../images/top.jpg") repeat-x #fff; font: 16px/1em verdana, arial; color: #000;}
a, a:visited {text-decoration: underline; color: #4f4f4f;}
a:hover {text-decoration: none; color: #000;}
a img {border: 0;}
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
p {margin: 0 10px 10px;}
h1 {display: none;}
h2 {font-size: 1.25em; font-weight: bold; margin: 10px 0 0 0;}
h3 {font-size: 1.13em; font-weight: bold; margin: 25px 0 0 0;}
h4 {font-size: 1.00em; font-weight: bold; margin: 25px 0 0 0;}
hr {border-width: 0; border-top: 1px solid #a0a0a0; height: 1px;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 350px; font-size: 0.875em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(../images/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 10px 0 30px 0;}
.alert-good {border: 1px solid green; width: 350px; font-size: 0.875em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(../images/accept.jpg) no-repeat 8px 4px #d4ead4; margin: 10px 0 30px 0;}



/* Layout
----------------------------------------------- */
#container {text-align: left; width: 907px; margin: 0 auto; background: url("../images/content.jpg") repeat-y #f3f3f3;}
#header {height: 243px; padding-left: 10px; background: url("../images/header.jpg") #f3f3f3;}



/* Navigation
----------------------------------------------- */
#navigation {float: left; padding: 0 10px 10px 10px; font-size: 0.75em; width: 215px; margin-top: 15px; border: 0px solid #cacaca;}
#navigation h2 {margin-bottom: 7px;}
#navigation p {margin: 15px 0 15px 0;}
#navigation ul {margin: 0 0 0 5px;}
#navigation ul li {padding: 3px 0 3px 23px; background: url(../images/bullet.gif) no-repeat 10px 7px;}
#navigation ul ul {margin: 0 0 0 30px;}



/* Login
----------------------------------------------- */
#login {margin: 0 auto; height: 150px;}
#login form {font-size: 1.25em; font-weight: bold; position: relative; top: 35px; left: 10px;}
#login .input-cell {width: 490px; text-align: left; height: 35px;}
#login .input-text {width: 50px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 4px 7px 0 0; font-size: 0.75em;}
#login .input-input {width: 290px; float: left; text-align: left;}
#login .input-input input.field {height: 20px; border: 1px solid #68a6d9; background: #fff; padding: 3px 3px 0 3px; width: 150px;}
#login .input-input input.button {height: 24px; border: 1px solid #68a6d9; background: #fff; padding: 3px; width: 100px; font-weight: bold; background: url("../images/button-back.png") repeat-x;}


/* Citat
----------------------------------------------- */
#citat {float: right; width: 350px; padding: 15px 0 0 0; margin: 10px 0; font-size: 0.75em; font: 1.0em/1.6em georgia; text-align: right;}
#citat p {margin-right: 130px; border-right: 4px solid #84b0bb; padding-right: 15px;}



/* Content
----------------------------------------------- */
#content {float: left; width: 665px; padding: 5px 5px 50px 120px; font-size: 0.75em; margin: 10px 0;}
#content p {margin: 15px 0 15px 0;}
#content ul {margin: 0 0 0 40px;}
#content ul li {padding: 3px 0 3px 0px; list-style-type: disc;}
#content ul ul li {padding: 3px 0 3px 0px; list-style-type: circle;}
#content img {border: 1px solid #000; margin: 4px;}
#content h3.nadpis {color: #990000;}

#content table {background: #fff;}
#content table caption {font-weight: bold; margin: 15px 0 3px 2px;}
#content table tr {background: #fff;}
#content table tr td {background: #ddd; padding: 6px; border: 1px solid #fff}



/* Content - seznamy
----------------------------------------------- */
#content ul.prilohy {margin: 20px 0 20px 25px;}
#content ul.prilohy li {padding-left: 23px; list-style: none;}
#content ul.prilohy li.normal {background: url("../images/none.gif") 0 3px no-repeat;}
#content ul.prilohy li.pdf {background: url("../images/pdf_small.gif") 0 3px no-repeat;}
#content ul.prilohy li.xls {background: url("../images/xls_small.gif") 0 3px no-repeat;}
#content ul.prilohy li.doc {background: url("../images/doc_small.gif") 0 3px no-repeat;}

#content1 ul.prilohy {margin: 20px 0 20px 25px;}
#content1 ul.prilohy li {padding-left: 23px; list-style: none;}
#content1 ul.prilohy li.normal {background: url("../images/none.gif") 0 3px no-repeat;}
#content1 ul.prilohy li.pdf {background: url("../images/pdf_small.gif") 0 3px no-repeat;}
#content1 ul.prilohy li.xls {background: url("../images/xls_small.gif") 0 3px no-repeat;}
#content1 ul.prilohy li.doc {background: url("../images/doc_small.gif") 0 3px no-repeat;}



/* Content1
----------------------------------------------- */
#content1 {float: left; font-size: 0.75em; width: 408px; margin: 20px 0 20px 115px; padding: 10px; border-right: 1px solid #cacaca;}
#content1 p {margin: 15px 0 15px 0;}
#content1 ul {margin: 0 0 0 40px;}
#content1 ul li {padding: 3px 0 3px 0px; list-style-type: disc;}
#content1 ul ul li {padding: 3px 0 3px 0px; list-style-type: circle;}
#content1 img {border: 1px solid #000; margin: 4px;}
#content1 h3.nadpis {color: #990000;}



/* Footer
----------------------------------------------- */
#footer {clear: both; width: 100%; height: 90px; background: url("../images/footer.jpg") #f3f3f3; text-align: center; font-size: 0.69em;}
#footer p {padding: 13px 0; }



/* Row popup menu
----------------------------------------------- */
.preload1 {background: url(../images/three_1.gif);}
.preload2 {background: url(../images/three_1a.gif);}

#nav {background: #ddb1b1; z-index:50; width: 640px; height: 28px; position: relative; top: 31px; left: 94px; float: left; font-size: 0.83em;}
#nav li.top {display:block; float:left; height:28px;}
#nav li a.top_link {display: block; float: left; height:28px; line-height: 28px; color:#000; text-decoration: none; font-size: 0.75em; font-weight: bold; padding: 0 0 0 5px; cursor: pointer; background: #ddb1b1;}
#nav li a.top_link span {float:left; display: block; padding: 1px 15px 0 10px; height: 27px; background: #ddb1b1;}
#nav li a.top_link span.down {float: left; display: block; padding: 1px 15px 0 10px; height: 27px; background: #ddb1b1;}

#nav li:hover a.top_link {color:#fff; background: #ba6262;}
#nav li:hover a.top_link span {background: #ba6262;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

#nav li.current a.top_link {color:#fff; background: #ba6262;}
#nav li.current a.top_link span {background: #ba6262;}


/* Default list styling */

#nav li:hover {position: relative; z-index: 20;}
#nav li:hover ul.sub {left: 0px; top: 28px; background: #c2d8dd; padding: 3px; border: 1px solid #aab7ba; white-space:nowrap; width:280px; height:auto; z-index:30;}
#nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:280px; font-weight:normal;}
#nav li:hover ul.sub li a {display:block; font-size:11px; height:18px; width:278px; line-height:18px; text-indent:5px; color:#000; text-decoration:none; border:1px solid #c2d8dd;}
#nav li ul.sub li a.fly {background: #c2d8dd url(../images/arrow.gif) 270px 6px no-repeat;}
#nav li:hover ul.sub li a:hover {background: #84b0bb; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover {background: #84b0bb url(../images/arrow_over.gif) 270px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:279px; top:-4px; background: #c2d8dd; padding:3px; border:1px solid #aab7ba; white-space:nowrap; width:280px; z-index:40; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background: #84b0bb url(../images/arrow_over.gif) 270px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(../images/arrow.gif) 270px 6px no-repeat; color:#000; border-color:#bbd37e;}



/* Flag
----------------------------------------------- */
#flag {width: 45px; height: 28px; position: relative; top: 37px; left: 100px; float: left;}
#flag img {border: 1px solid #000; margin: 1px;}



/* Lightbox
----------------------------------------------- */
#lightbox {position: absolute; left: 0; width: 100%; z-index: 100;	text-align: center;	line-height: 0;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute;	top: 40%;	left: 0%;	height: 25%; width: 100%;	text-align: center;	line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0;	height: 100%;	width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%;	height: 100%;	background: transparent url(../images/blank.gif) no-repeat; display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../scripts/prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../scripts/next.gif) right 15% no-repeat;}

#imageDataContainer {font-size: 10px;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;}
#imageData {padding: 0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 21px; height: 19px; float: right;  padding-bottom: 0.7em;}	
#overlay {position: absolute;	top: 0;	left: 0; z-index: 90; width: 100%; height: 500px;	background-color: #000;}



/* Slideshow
----------------------------------------------- */
#myGallery {width: 500px;	height: 184px; z-index:5; position: relative; top: 29px; left: 94px;}
#myGallery2 {width: 500px; height: 184px; z-index:5; position: relative; top: 29px; left: 94px;}
.jdGallery {overflow: hidden;	position: relative; top: 28px; left: 94px;}
.slideElement {width: 100%;	height: 100%;	background-color: #000;	background-repeat: no-repeat;	background-position: center center;}



/* Profil
----------------------------------------------- */
.profil {width: 650px; padding: 25px 0 15px 0; border-bottom: 1px solid #cfcfcf; float: left;}
.profil .profil-foto {width: 210px; float: left;}
.profil .profil-text {width: 430px; float: left; padding-left: 5px;}
.profil .profil-text h2 {color: #990000; margin: 0; padding: 5px 0 2px 0;}
.profil .profil-text h3 {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal; font-style: italic;}