/*DEFINOVANE*/
body {text-align:center;behavior:url("js/csshover.htc");background:#000 url(../images/body-background.jpg) repeat-y center; color:#fff;}

a {text-decoration:none; color:brown;}
a:hover {text-decoration:underline;}
a[target="_blank"] {background:url(../images/new_window.png) right top no-repeat; padding-right:12px;}

h1{font:bold 140% Arial, Sans; padding:20px 0 10px 0px ; color:#002b9e;visibility:hidden; position:absolute}/*visibility:hidden*/
h2 {font:bold 140% Arial, Sans; padding:20px 0 2px 0px ; color:#002b9e; border-bottom:solid 1px #002b9e; margin:0 0 10px 0}
h3 {font:bold 120% Arial, Sans; padding:20px 0 10px 10px ; color:#002b9e;}
h4 {font:bold 110% Arial, Sans; padding:5px 0 0px 20px ; color:#002b9e;}
h5 {font:bold 100% Arial, Sans; padding:15px 0 0px 30px ; color:#555;}
h6 {font:bold 100% Arial, Sans; padding:15px 0 0px 40px ; color:#555;}

small {font:bold 80% Arial, Sans;}
strong {font-weight:bold}
em {font-style:italic}
dfn{}
strike {text-decoration:line-through}
sub, sup {font-size:90%}
form {clear:both}


/*LAYOUT*/
#page {width:990px; margin:0px auto 0 auto; _position:relative; _left:1px}
#menu a {text-decoration:none; color:#444; font:bold 120% Georgia,"New York CE",utopia,serif; line-height:30px; vertical-align:middle; display:block; text-align:center; _font-weight:normal}
#menu a:hover {color:#fff}
#menu {background:#222;border-bottom:solid 1px #222; height:230px; margin-bottom:20px;}
#menu li {float:left;width:164px; height:230px; list-style-type:none; display:block; margin:0 1px 0px 0;background: #000  no-repeat;}
#menu li .lap {visibility:visible; background: url(../images/menu-hover.png) no-repeat; height:200px; z-index:10}
#menu li:hover {background-color:#e06400; }
#menu li:hover .lap {visibility:hidden;} 

#bookmarks2 { min-height:21px; margin-top:10px;}
#bookmarks2 li {float:left; min-width:100px; list-style-type:none; border:solid 2px #222; border-bottom:0; }
#bookmarks2 a {line-height:20px; vertical-align:middle; color:#fff; display:block; text-align:center;padding:0 4px;}
#bookmarks2 a:hover {text-decoration:none; background: url(../images/black-dot-30.png); color:#bbb}

#bookmarks { min-height:21px;}
#bookmarks li {float:left; min-width:100px; list-style-type:none; border:solid 2px #aaa; border-top:0;}
#bookmarks a {line-height:20px; vertical-align:middle; color:#000; display:block; text-align:center; background:#bbb; padding:0 4px;}
#bookmarks a:hover {text-decoration:none; background: #999; color:#000}

/*.submenu {display:none;visibility:hidden; position:absolute; background:#ccc; padding:5px; border:solid 1px #999;z-index:10}
h2:hover .submenu{visibility:visible;display:block; }
.submenu li{list-style-type:none; height:20px;}
.submenu a{display:block; color:#000;}*/

#box {background:silver url(../images/content-background.png);border-top:solid 5px #999; border-bottom:solid 5px #999; height:100%}
#content {clear:both; margin:0px 0 10px 0; min-height:150px; color:#000; padding:0 10px 10px 10px;_margin:0px 0 5px 0;z-index:1; width:640px; float:left; font-size:120%}
#content p {margin:5px 0 10px 0}
ul.list {margin: 10px 0 15px 15px}
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ul.disc {list-style-type:disc}
ul.number {list-style-type:decimal}
ul.word {list-style-type:lower-alpha}
ul.roman {list-style-type:lower-roman}
#right {float:right;color:#000; width:320px}
#right h2 {color:#999; border-color:#999}
#right ul.submenu {margin:0 0 20px 20px}
#right ul li {line-height:170%;color:#555;}
#right ul li a {color:#555;color:#333; font-size:12px}

#copyright { clear:both; background: url(../images/black-dot-50.png); padding:15px; text-align:right; margin-top:10px; border-top:solid 1px #222;border-bottom:solid 1px #222; _margin-left:1px; color:#444; font-size:70%}
#copyright * { color:#444;}

#logo {background:url("../images/logo.png") no-repeat; width:990px; height:150px;_margin:0 0 0 1px}
#logo  #index-link a {display:block; height:150px; width:990px;}

#top  {float:right;width:800px; height:150px;padding:0;}/*nav*/
#top li {width:190px; float:left;list-style-type:none;}

.pager {clear:both; text-align:center; margin: 30px 0 15px 0 }
.pager span {padding:3px 5px; font-weight:bold}
.pager  a span:hover {background:#C1D1F7; text-decoration:none;}
.pager  strong span {background:#799BEC}

.p {margin:10px 10px 10px 15px;}
.p h3 {margin: 2px 0 8px 0; font:bold 14px Arial,Sans; letter-spacing:2px; color:#000; padding:0 0 5px 0;text-transform:uppercase;}/*nadpis odstavce*/
.p h4 {border-bottom:dotted 1px silver; margin: 2px 0 8px 0; font:bold 11px Arial,Sans; padding-left:10px; color:#000; padding:0 0 5px 0;}/*nadpis 2. urovne - soubory,galerie*/
.p h5 {text-align:left; margin:20px 0 0 30px; display:block; color:#555	}
.p p {margin: 2px 0 20px 0;}/*text odstavce*/
.p p strong { font-weight:bold}
.p p em {font-style:italic}
.p .author {display:block; text-align:right}
.p p a { text-decoration:underline;color:rgb(117,117,117);}/*odkaz v textu*/
.p p a:hover {color:red;}
.p img {margin:2px 10px 5px 5px; padding:0;display:inline}/*obrazek odstavce*/


.dir{ margin:2px; text-align:center; overflow: auto; float: left; display:inline;}
.dir a {display:block; width:120px; padding-top:70px; color:#000; font-size:90%;background: url('../images/gallery/dir.png') no-repeat center ; vertical-align:bottom; _padding-top:100px; margin:5px}
.dir a:hover  {background: url('../images/gallery/dir-hover.png') no-repeat center;text-decoration:none;color:brown}

.gallery {margin:0 0 10px 0; clear:both;}/*blok galerie*/
.gallery li {float:left; width:175px; height:250px; margin:10px; list-style-type:none; }
.gallery a { background: url(../images/gallery/photo-background.png) no-repeat; height:220px; line-height:250px; display:block;  text-align:center;}
.gallery a:hover {background: url(../images/gallery/photo-background-hover.png) no-repeat; text-decoration:none;}
.gallery img {vertical-align:middle; display:block; height:110px; margin: 5px auto; padding-top:60px;_margin-top:60px; text-align:center;}

.gallery a strong {color:#000; text-align:center; display:block; line-height:12px; font-size:11px; font-weight:normal; padding:0 5px;}




ul.map {margin: 5px 0 10px 15px} /*mapa stranek*/
ul.map li {display:block; margin:3px 0 0 20px; list-style-type:square;}
ul.map li a {color:#000; font:bold 110% Arial;}
ul.map li li a {color:#000; font:normal 100% Arial;}

#search  strong{color:#070264; margin:10px 0 30px 20px; display:block}
#search  a{color:#0D03C0;}
#search  h5 a{color:gray; font-weight:bold; margin:0; text-decoration:underline}
#search  h5 a:hover{text-decoration:none}
#search  div {margin: 0 0 0 30px;}
#search  h4 {margin:20px 0 0 0; padding-bottom:0}
#search  p{ margin-left:30px}

input, textarea, select {border:solid 1px #ccc; margin:1px 0;}
input, select {background: url(../images/input-background.png);}
textarea {background: url(../images/textarea-background.png);}
input:active,input:focus, textarea:active, textarea:focus, select:active, select:focus {border:solid 1px #444;}


fieldset {border:solid 1px silver; margin:20px 10px; padding:5px; #background:#ddd; #border:solid 1px gray}
fieldset legend { font-weight:bold; font-size:120%; font-variant:small-caps; color:#222; letter-spacing:3px; padding:0 10px;}
fieldset label {width:250px; display:block; float:left; margin-left:5px;}
fieldset .button {margin:10px 0 0 0;}
fieldset textarea {margin:10px 0 0 0; #min-height:300px}
fieldset input {#height:15px !important}
input[type="submit"] {background: url(../images/input-submit-background.png);}
fieldset .button, .button {background: url(../images/input-submit-background.png); padding:2px; #height:25px !important}
fieldset .button:hover {background: url(../images/input-submit-background-hover.png); padding:2px;}
input[type="submit"]:hover, input.button:hover {background: url(../images/input-submit-background-hover.png);}

.breadcrumbs {background:url(../images/path_arrow.png) no-repeat; padding-left:20px; margin: 5px 0 10px 0 ; #background:url(../images/path_arrow.png) no-repeat 0 -5px ; }
.breadcrumbs, .breadcrumbs * {color:#b30000;}
.breadcrumbs a {text-decoration:underline;}
.breadcrumbs strong a {font-weight:bold; text-decoration:none;}

/*nove*/
.o1 {margin-left:0}
.o2 {margin-left:0}
.o3 {margin-left:10px}
.o4 {margin-left:20px}
.o5 {margin-left:30px}
.o6 {margin-left:40px}




/*OBECNE*/
.b {font-weight:bold}
.i {font-style:italic}
.u {text-decoration:underline}
.both {clear:both}
.warning {color:#800000; margin:10px 0 15px 20px; font:bold 100% Arial; display:block; clear:both;} /*napr error 404*/

.file img {margin-right:10px;} 
.file {background:#F5F8FC; display:block; padding: 2px 0; width:200px; border:solid 1px #E0E0E0; margin:1px 0 1px 10px }
.file:hover {text-decoration:none; color:#000}

.content_editor {margin:8px 0}
.content_editor a{padding:4px 5px; margin:0 2px; background:#000; color:#fff;}
.content_editor a:hover{background:#8c0000; color:#fff; text-decoration:none; cursor:hand;}
.content_editor {cursor:hand;}

.article small {text-align:right; display:block}
.article img.main {margin: 0 10px 5px 0; float:left; max-width:100px;}

.articles {margin:0 0 20px 0; clear:both}
.articles h3 a {font:bold 90% Arial; color: brown; letter-spacing:1px;}
.articles p {padding: 0 20px;}
.articles small {padding-left:10px; position:relative; top:-10px}
.articles img {margin: 0 10px 5px 0; float:left; max-width:100px; _width:100px;}

.quests {margin:0 0 30px 0; border:solid 1px silver}
.quests:hover {background:#ccc}
.quests h3 {font:bold 90% Arial; color: brown; letter-spacing:1px; float:left; width:300px; clear:both;}
.quests p {padding: 0 20px; clear:both;}
.quests small {display:block; width:250px;float:right; margin-top:25px;font-size:70%}



.guestbook {margin:0 0 30px 0}
.guestbook div {clear:both; font-weight:bold; margin:20px 0 0 10px}
.guestbook h3 {font:bold 90% Arial; color: brown; letter-spacing:1px; float:left; width:300px; clear:both; padding-bottom:0px}
.guestbook p {padding: 0 20px; clear:both;}
.guestbook small {display:block; width:200px;float:right; margin-top:25px}
textarea.small  {width:200px; height:100px;}
textarea.medium  {width:350px; height:150px;}
textarea.big  {width:590px; height:400px;}




 .hidden {display:none} .edit {display:block; text-align:center; background:#555;color:#fff; cursor:hand; margin:20px 0 5px 0; width:200px; font-family:Calibri; border-left:solid 15px brown} .edit:hover {background:#777;}   
.article-header{color:darkred; display:block; padding-top:30px; font-size:90%; font-family:Times, Sans;}