/* tagy */
html, body {height: 100%;}
body{margin:0;padding:0;background-color: #D2E2FC; text-align:justify;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:14px;color: black;}
* {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{margin:0; color: #4566b1; font-family: "Comic Sans MS", Verdana, sans-serif; //#639DF8
       font-weight: bold;}
h1{font-size:26px;font-weight:bold; padding: 0 0 10px 0; text-align: center;}
h2{font-size:22px;font-weight:bold; padding: 10px 0 5px 0;}
h3{font-size:18px;font-weight:bold; padding: 10px 0 5px 0;}
h4{font-size:14px;font-weight:bold; padding: 10px 0 5px 0;}
h2 em{font-weight:bold;font-style:normal;}
p,ol,ul{padding-bottom: 10px;}
ul{list-style-position:inside;list-style-type: disc;}
ol{list-style-position:inside;}
ul ul{list-style-type: circle; padding: 0 0 0 30px;}
a{color: #2E7EFD; text-decoration:none;}
a:hover{text-decoration: underline;}


iframe {border-width: 0px;}
img {border: 0px solid #639DF8;}
td,th {padding: 3px;}
table {margin-bottom: 10px;}
form {padding: 0; margin: 0;}
fieldset {margin-bottom: 10px; padding: 8px;}
legend {font-weight: bold;}
input, textarea {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 0.8em;}
input[type=text], input[type=password], input[type=submit], input[type=button], input[type=reset], button, select {}



/* menu */
.menu {font-family: "Comic Sans MS", Verdana, sans-serif;
       font-weight: bold;}
.menu a {}
.menu a.act {}
#obsah{font-family: "Comic Sans MS", Verdana, sans-serif;}

/* rozbalovaci menu */
.menu-dropdown-list li {}

#bg div {box-shadow: 3px 3px 8px rgba(0,0,0,0.5);}
#bg .colone {width: 230px; height: 100%; position: fixed; left: 50%; margin-left: -490px; top: 10; z-index: 5;
background-color: white;
}
#bg .coltwo {width: 710px; height: 100%; position: fixed; right: 50%;  margin-right: -490px; top: 10; z-index: 1;
background-color: white;
}
#bg .menu {width: 100%; min-width: 980px; height: 50px; position: absolute; left: 0px; top: 200px; z-index: 2;
background-color: #94BAF7;
}



#isjs{
 display:block;
 position:fixed;
 z-index:100;
 width: 100%;
 bottom:10px;
}
#isjs p{
 padding:15px;
 font: 1.4em Comic Sans MS, Arial, Helvetica, sans-serif;
 background: yellow;
 color: red;
 text-align:center;
}

#isjs p a, #isjs p a:hover{
 padding:5px;
 background-color: #639DF8;
 box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
 text-decoration: none;
 font: 0.8em Sans MS, Arial, Helvetica, sans-serif;
 color: #000;
 cursor: pointer;

}

#isjs p a:hover{
 background-color: #D2E2FC;
 box-shadow: 3px 3px 8px rgba(0,0,0,0.5) inset;
 border-radius: 5px;
 text-decoration: none;
 background: #ddd;
}

#all {width: 980px; margin: 0 auto; min-height: 100%;}
#content {padding-bottom: 80px;}
#colone {width: 230px; float: left; position: relative; z-index: 6;}
#logo {height: 200px; background-color: #ffffff;}
#logo a {display: block; padding: 15px 0 5px 0;}
#logo img {display: block; padding: 0px 0 0 6px; margin: 0 auto;}

#addr {display: block; padding: 0px 0px; margin: 8px 10px 25px 10px; height: 34px; line-height: 34px; background-color: #94BAF7; text-align: center; border-radius: 8px; box-shadow: 3px 3px 8px rgba(0,0,0,0.5) inset; font-weight: bold; font-size:1.4em; color: #000000; text-decoration: none;}
//#addr:hover {box-shadow: 3px 3px 8px rgba(0,0,0,0.5);}
#jaz {margin-bottom: 15px; text-align: center;}
#jaz a {margin: 0 5px;	height: 28px; width: 38px; background-position: bottom; display: inline-block;}
#jaz a:hover,#jaz a.current {background-position: top;}
#jaz a.cz {background-image: url(../images/cz.png);}
#jaz a.en {background-image: url(../images/en.png);}
#jaz a.de {background-image: url(../images/de.png);}
#sidemenu ul, #sidemenu2 ul {list-style-type: none; padding: 0px; margin-bottom: 20px;}
#sidemenu li, #sidemenu2 li {display: block; margin: 10px 10px;}
#sidemenu a, #sidemenu2 a {display: block; width: 210px; height: 25px; line-height: 25px; font-weight: bold; text-align: center; box-shadow: 3px 3px 8px rgba(0,0,0,0.5) inset; background-color: #D2E2FC; border-radius: 5px;}
#sidemenu a {font-size: 1.0em;}
#sidemenu2 a {font-size: 0.95em;}
#sidemenu li.act a, #sidemenu2 li.act a, #sidemenu a:hover, #sidemenu2 a:hover {background-color: #639DF8; color: white; box-shadow: 3px 3px 8px rgba(0,0,0,0.5); text-decoration: none;}

#sidemenu3{padding-left: 5px;}


#coltwo {width: 710px; float: right; position: relative; z-index: 3;}
#map {height: 580px; position: relative; clear: both;}
#google_maps {height: 580px; position: relative; z-index: 2}
#floatingform {display: none; position: absolute; height: 30px; line-height: 30px; top: 10px; right: 10px; z-index: 9; background-color: #fff; padding: 3px; border-radius: 3px; text-align: center;}
#slideshow {height: 170px; width: 680px; margin: 15px; box-shadow: 3px 3px 8px rgba(0,0,0,0.7) inset; background: #D2E2FC url('../images/header.jpg') no-repeat center center;border-radius: 8px; position: relative; overflow: hidden;}
#slideshow div {width: 680px; height: 170px; position: absolute; top:0; left:0; z-index:4; border-radius: 8px; box-shadow: 3px 3px 8px rgba(0,0,0,0.7) inset;}
#slideshow IMG {display: block; position: absolute; top:0; left:0; z-index:1; box-shadow: 3px 3px 8px rgba(0,0,0,1) inset;}
#slideshow IMG.active {z-index:3;}
#slideshow IMG.last-active {z-index:2;}
#menu {height: 50px;}
#menu ul {list-style-type: none; text-align: center;}
#menu li {display: inline-block; margin: 8px 1px;}
#menu li:first-child {margin-left: 0px;}
#menu li:last-child {margin-right: 0px;}

#menu a {display: inline-block; width: 130px; height: 34px; line-height: 34px; text-align: center; font-weight: bold; font-size: 1.0em; background-color: white; border-radius: 8px; box-shadow: 3px 3px 8px rgba(0,0,0,0.5) inset;}

#menu li.act a, #menu a:hover {background-color: #639DF8; color: white; box-shadow: 3px 3px 8px rgba(0,0,0,0.5); text-decoration: none;}
#middle {padding: 15px 15px;}
#middle a {color: #4566b1; font-weight: bold;}
#middle .cenik {width: 100%; margin: 0 auto 10px auto; border-spacing: 0px; border-collapse: collapse;}
#middle .cenik tr:nth-child(even) {background-color: #D2E2FC;}
#middle .cenik td,#middle .cenik th {padding: 3px 5px; min-width: 90px; text-align: left;}
#middle .cenik td+td,#middle .cenik th {text-align: center;}
#middle ul {list-style-position: outside; padding-left: 18px;}
#middle li {padding-bottom: 5px;}
#middle ul ul {padding-left: 40px;}
#middle input[type=text],#middle textarea, #middle select {padding-left: 3px; border: 1px solid #639DF8;}
#middle textarea {min-width: 220px;max-width: 220px;height: 100px;}
#middle textarea.big {width: 448px; min-width: 448px;max-width: 448px; height: 100px;}
//#middle select {width: 228px;}
#middle input[type=submit] {width: 106px; padding-left: 3px; border: 0px solid black; background-color: #639DF8; color: white; cursor: pointer; border-radius: 6px; font-weight: bold;}
#middle .reservation table {margin: 10px auto; border-spacing: 0px; border: 1px solid #639DF8; padding: 10px 20px;}
#middle .reservation table td {padding: 3px 10px;}
#middle .reservation input[type=text] {text-align: center;}
#contact_info {width: 200px; margin: 0 0px 0 0; float: left;}
#contact_info p {margin: 0px 0 10px 0; padding: 0px; text-indent: 0;}
#contact_map {width: 480px; height: 150px; float: right; margin-bottom: 10px; overflow: hidden;}
#footer {width: 100%; min-width: 980px; height: 50px; position: relative; z-index: 4; clear: both; text-align: center; margin-top: -80px; margin-bottom: 0px; background-color: #94BAF7; box-shadow: 3px 3px 8px rgba(0,0,0,0.5);}
#footer div {width: 710px; padding: 8px 0 8px 270px; margin: 0 auto;}
#footer p {padding: 0px; width: 680px; line-height: 34px; margin: 0 auto; background-color: white; border-radius: 8px; box-shadow: 3px 3px 8px rgba(0,0,0,0.5) inset;}


/* ----- systemove ----- */

/* tagy */
legend {color: #000000;}

/* galerie */
.gallery {width: 100%; margin: 10px auto; border-spacing: 0px; border-collapse: collapse;}
.gallery td {overflow: hidden; text-align: center; vertical-align: middle; padding: 0; border: 0px solid black; width: 172px;}
.gallery td:first-child {width: 168px;}
.gallery td:last-child {width: auto;}
.gallery a {display: block;}
.gallery img {padding: 1px; margin: 4px; border: 3px solid #639DF8; display: block;}
.gallery td:first-child img {margin-left: 0;}
.gallery td:last-child img {margin-right: 0;}
.gallery img:hover {border-color: #6cb350;}

/* vzkazy */
.messages-menu a {padding: 0 6px; text-decoration: none; border-right: 1px solid #dcdcdc;}
.messages-menu a.active {font-weight: bold;}
.messages-table {width: 646px; border: 1px solid #dcdcdc;}
.messages-table td {padding: 5px 15px;}
.messages-table a {text-decoration: none;}
.messages-table a.notreaded {font-weight: bold;}

/* formulare */
.areasmall {width: 370px; height: 100px;}
.areamedium {width: 495px; height: 150px;}
.inputsmall {width: 177px;}
.inputmedium {width: 370px;}
.inputc {width: 160px; height: 46px; font-family: monospace; font-size: 40px; text-transform: uppercase;}

/* strankovani*/
.paging {padding: 3px 0 3px 0px; text-align: center;}
.paging span a {padding: 0 2px; text-decoration: none;}
.paging a.act {text-decoration: underline;}

/* systemove zpravy */
.message1, .message2, .message3 {background-color: #ffffff; border: 1px solid #e1e1e1; margin: 5px 0 20px 0; padding: 11px 5px 13px 48px; font-weight: bold; background-position: 5px 5px; background-repeat: no-repeat; line-height: 120%;}
.message1 ul, .message2 ul, .message3 ul {margin: 0; padding: 5px 0 0 15px;}
.message1 {background-image: url("../images/icons/info.png");}
.message2 {background-image: url("../images/icons/warning.png");}
.message3 {background-image: url("../images/icons/error.png");}

/* ruzne */
.bborder {border: 8px ridge #94BAF7}
.hint {color: #808080;}
.cimage {border: 1px solid #dcdcdc;}
.exp {border-bottom: 1px dashed #808080;}
.textjustify {text-align: justify;}
.nopadr{padding-right: 0px !important;}
.nopadl{padding-left: 0px !important;}

.pre {font-family: monospace; white-space: nowrap; display: block;}
.bborder {}
.anchor {height: 0px; overflow: hidden;}
.backlink {display: block; font-weight: bold; padding-bottom: 15px;}
.hint {font-size: 10px; padding: 0 4px;}
.cimage {width: 160px; height: 46px; vertical-align: top; margin-left: 5px;}
.exp {cursor: help;}
.icon {vertical-align: middle; margin-top: -1px;}
.right {float: right; margin: 1px 1px 5px 10px;}
.left {float: left; margin: 1px 10px 5px 1px;}
tr.valign-top td {vertical-align: top;}
.wlimiter {width: 646px; overflow: auto;}
.minip {padding: 0; margin: 0 0 4px 0;}
.rpad {padding-right: 10px;}
.lpad {padding-left: 10px;}
.center {text-align: center;}
.inline {display: inline;}
.important {color: red;}
.hidden {display: none;}
.cleaner {clear: both;}
//div.hr{width: 100%; height: 1px; background: #bbbbbb; margin: 10px 0 10px 0; clear: both;}
.pad {padding: 10px;}
.size12 {font-size: 12px;}
.size13 {font-size: 13px;}
.size14 {font-size: 14px;}
.size15 {font-size: 15px;}
.size16 {font-size: 16px;}
.size17 {font-size: 17px;}
.size18 {font-size: 18px;}
.size19 {font-size: 19px;}
.size20 {font-size: 20px;}
.vtop {vertical-align:top !important;}
.vmid {vertical-align:middle !important;}
.vbot {vertical-align:bottom !important;}
.tleft {text-align:left !important;}
.tcenter {text-align:center !important;}
.tright {text-align:right !important;}
.tjustify {text-align:justify !important;}















/*
    these are just the default styles used in the Cycle2 demo pages.
    you can use these styles or any others that you wish.
*/


/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
//border: 3px solid #94BAF7;
}
                                                                                                                              }

.cycle-slideshow { width: 680px; min-width: 680; max-width: 680px; margin: 0px auto; padding: 0; position: relative;
    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;

 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img {
    /*
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}


/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager {
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span {
    font-family: arial; font-size: 50px; width: 16px; height: 16px;
    display: inline-block; color: #ddd; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay {
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/*
    media queries
    some style overrides to make things more pleasant on mobile devices
*/

@media only screen and (max-width: 680px), only screen and (max-device-width: 680px) {
    .cycle-slideshow { width: 680px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}













/*
  TEXT nadpisy
*/

#middle h2.text-nadpis a{
 padding-left: 20px;
 color: #4566b1;
}

#middle h2.text-nadpis, #middle h3.text-nadpis, #middle h4.text-nadpis{
 text-align: center;
}
.perex{
      //color: #4566b1;
      }


/*
	Fotografie
*/
#obsah  .alba ul{
list-style-type: none;
}
#obsah .alba li h3{
display: none;
}
#obsah .alba .galerie li a{
font: 0.7em Verdana, Tahoma, Arial, Geneva, sans-serif;
font-weight: bold;
padding: 0px;
margin:1px;
}

#ftg-menu{
  color: #2e7efd; //color: #4566b1;
  display: block;
  padding-left: 15px;
  width: 205px;
  height: 350px;  /*380px*/
  overflow: auto;
  font-size: 0.8em ;
  font-weight: bold;
  scrollbar-track-color: #94BAF7;
  scrollbar-face-color: #D2E2FC;
    /*scrollbar-highlight-color: yellow;
    scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #1D3716;*/
  scrollbar-shadow-color: #2e7efd;
  scrollbar-arrow-color: #2e7efd;
}
#ftg-menu a{color: #4566b1;}
#ftg-menu a:hover{
  text-decoration:none;
  color: #2e7efd;
}
#ftg-menu .aktivni {
  /*font-style: italic;*/
  color: #2e7efd;
  //text-decoration: underline;
  background: yellow;
}
#ftg-menu .rok-ftg-menu{
  color: darkred;
  width: 205px;
  text-align: center;
  padding-left: 20px;
  padding-top: 10px;
}


/* STANKOVANI */


p.strankovani{
  padding-bottom: 10px;
  text-align: center;
  color: #4566b1;
  font: .8em Verdana, Tahoma, Arial, Geneva, sans-serif;
  font-weight: bold;
}
p.strankovani a{
  color: #4566b1

}

p.strankovani strong{
  padding: 2px 5px 2px 5px;
  background: #D2E2FC;
  color: #4566b1;
}


.video iframe{
width: 680px;
height: 383px;
border: 15px;
}

a.nahoru{
float: left;
padding-left: 310px;
}








/*
 Detail dokumentu
*/

#middle .text{
}
#middle .text a:hover{
text-decoration: none;
}
#middle .text .fce-tisk{
float: left;
}
#middle .text p#pristup-k-souboru{
font-size: 1.8em;
text-align: center;
padding-left: 50px;
}
#middle p#pristup-k-souboru a{
color: #4566B1;
text-decoration: none;
}
#tisk-kdy{
color: #666;
font-size: 1.8em;
}
#middle .bez-kostky-odsaz{
background: none;
padding-left: 40px;
}
#middle .vyveseno{
/*background:green;*/
color:green;
}
#middle .snato{
/*background:green;*/
color:darkred;
font-size: 0.8em
}
#tabinfo {margin-left: 90px;}
#tabinfo td{padding: 0px;}
.text-publikovano{float: right;}

.typy-dokumentu{
 margin: 10px;
 padding:10px;
 //width:180px;
 //font-weight: bold;
 font-size: 0.9em;
 color: black;
}
.typy-dokumentu a, .typy-dokumentu a:hover{
 text-decoration: none;
 font-weight: bold;
 color: #4566B1;
}
.hlavicka-manu{
font-weight: bold;
color: #4566B1;
}


body#fotografie div#prvnisl { width: 100% }

#nagalerii a.galerie { text-decoration: underline; color: white }
#nagalerii a.galerie:hover { text-decoration: none; color: white }

#foto-obal img { margin: 0; padding:0; border: 0;}
#foto { margin: 0 auto; position: relative; overflow: hidden;}
#foto-obal a.navigace span { display: none }

#foto-obal a.navigace { position:absolute; width: 150px; height: 100%; background: url(img/pruhledne-pozadi.gif); }
#foto-obal a.predchozi { top: 0px; left:0; }
#foto-obal a.nasledujici { top: 0px; right:0; }
#foto-obal div.snadpisem a.predchozi { top:50px; left:0; }
#foto-obal div.snadpisem a.nasledujici { top: 50px; right:0; }
#foto-obal a.navigace:hover { background:#679ED2; opacity: 0.5; filter: alpha(opacity=50);  -moz-opacity: 0.5; -khtml-opacity: 0.5;  }

#foto-obal #hovernadpis { display:none; background:white; position: absolute;
													top: 0; left: 0; width: 100%; height: 50px; }
#foto-obal:hover #hovernadpis { display:block;}
#foto-obal #hovernadpis h3 { text-align:center; margin: 0; padding: 0; line-height: 50px  }


div#foto-info-obal { padding: 10px; margin: 10px 0 10px 0; background: #FFF; border:1px solid #679ED2; }
div#foto-info {  }
div#foto-info h1 { margin: 5px 0 10px; font-size: 1.8em }
div#foto-info h1 span { color: #679ED2 }
div#foto-info #foto-popis {}

div#foto-komentare { padding-top: 15px}



#foto-galerie-info{

}
.gal-alb{
margin: 0px 0px 0px 25px;
//font-size: .8em;
/*font-style: italic;*/
}



/* Css k vkladanym fotkam (z fotoalba) */
/* Rozmery jsou definovane u kazde fotky pomoci style="" atributu */
/*#foto-obal a.navigace { position:absolute; width: 150px; height: 50px; background: none }*/
.foto-a-nahled-left{ display: block;    float: left;}
.foto-a-nahled-left img {  display: block; margin: 4px auto; }
.foto-a-nahled-right{ display: block;    float: right;}
.foto-a-nahled-right img {  display: block; margin: 4px auto; }
.foto-a-nahled-center{ display: block;    float: none;  margin: 10px auto;  }
.foto-a-full{display: block; clear: both; text-align: center; margin: 15px auto;}
.img-left{ display: block; float: left; margin: 5px 15px 5px 0px; }
.img-right { display: block; float: left; margin: 5px 0px 5px 15px; }
.img-center{ display: block; margin: 5px 10px 5px 15px; }
.img-left p, .img-right p, .img-center p{ text-align:center; color: gray; margin: 3px 0 0 0; padding: 0; line-height:115%;}
.navysku{
 width: 60px; height: 90px;
 text-align: center;
}
table.noborder{
width: 650px;
margin: 0px;
padding-left:15px;
}
table.noborder td.fotka{
width:128px;                          text-align:center ;vertical-align:middle;  padding:5px;
height:105px;

}

/*#papir-telo .papir-text table.foto-fotky td.fotka p a img     (fotoalbum) */
#foto-album .fotoalbumgalerie table.foto-fotky, #papir-telo .papir-text table.foto-fotky{
width:650px;
margin:auto;
}


#foto-album .fotoalbumgalerie table.foto-fotky td.fotka, table.foto-fotky td.fotka{
width:168px;
height:90px;
text-align:center ;
vertical-align:middle;
padding: 8px;             /*border: 1px solid #ccc;*/
}






.zpet{
float: right;
font-weight: bold;
text-decoration: none;
/*color: #8da4d8;*/
}

.linka {
width: 100%;
height: 1px;
color: #ccc;
border-top: 1px solid;
}

.pokracovani{
float: right;
}


/*
  Tabulky Archivu
*/

#middle table.archiv td a{font-weight: normal; }
table.archiv{ width: 680px;  margin: 5px auto; border-spacing: 0px; border-collapse: collapse;
	border-bottom: 1px solid #4566B1;}
table.archiv th{ padding: 4px; color: #4566B1; background: #94BAF7; text-align: left;}
table.archiv th.datum{width:120px;}
table.archiv td{ padding: 4px; background: white;}
table.archiv td.odkaz{font-weight: normal;}
table.archiv td.autor{padding:1px 4px 1px 4px; width:120px;font-weight: normal;}
table.archiv td.kategorie{padding:1px 4px 1px 4px; width:130px;font-weight: normal;}
table.archiv tr {border-top: 1px solid #ccc;} /*  4566b1 */
table.archiv tr.sudy td { background: #D2E2FC;}

table.archiv td.odkaz a {font-weight: normal; color: red;}


/*
  Tabulky dokumentu
*/

table.dokumenty{ width: 680px;  margin: 10px auto; border-spacing: 0px; border-collapse: collapse;
	border: 1px solid #94BAF7;}
table.dokumenty th{ padding: 4px; color: #4566B1; background: #94BAF7; text-align: left;}
table.dokumenty th.datum{width:88px}
table.dokumenty td{ padding: 4px; background: white;}
table.dokumenty td.ikonka{vertical-align: middle;}
table.dokumenty td span.kategorie{background: #ccc; padding:1px 4px 1px 4px;}
table.dokumenty tr {border-top: 1px solid #ccc;} /*  4566b1 */
table.dokumenty tr.sudy td { background: #D2E2FC;}

table.dokumenty td.odkaz a {font-weight: normal; color: red;}



/*
  RSS
*/
.rss-texty{
float:right;
}


#obsah h1, #obsah h2, #obsah h3, #obsah h4, #obsah a { color: #4566b1;}
#obsah a{text-decoration: none;}

#middle .editace a{color: green; text-decoration: none;}, #obsah .editace a{color: green; text-decoration: none;}                                                                    

#middle .slideshow{
 border: 8px outset #94BAF7;
}

/**********************************************************************
Kontakt - mapa
*/


#mapa{
 width:665px;
 height: 480px; //525px;
 border: 8px outset #94BAF7; //#4566B1; /*#82C271; /*#C2EDB8; /*#1D3716 /*#1D3716;*/
}
.gh-hlav{
text-align: center;
font-weight:bold;
font-size: 16px;
color: #1D3716;
letter-spacing: 4px;
}
.gh-pat{
text-align: center;
font-style: italic;
color: #1D3716;
}
img.ikonka-kontakt{
 width:18px;
 height:18px;
}
#content .polozka-kontakt{    color: #4566B1;
padding: 0px 0px 0px 10px;
font-size: 1.2em;
font-weight: bold;
}

#content .polozka-kontakt table{
margin-left: -5px;
margin-bottom: 0px;

}
#content .polozka-kontakt table td{
vertical-align: top;
}

#navstevnost{
 display: block;
 text-align:center;
}

.button{
text-align: right;
padding-right: 80px;
}
#fotovideo img.pointer{
  cursor: pointer;
}


table .padd15{
 padding-left: 15px;
}








//********************************** back-top
#back-top {
}

#back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 11px/100% Comic Sans MS, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding-top:25px;
    color: #bbb;


    /* spomalování */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}

/* obrázek s šikou (tég span) */
#back-top span {
           //visibility: hidden;
    position: fixed;
    bottom: 60px;
    margin-left: 60px;
            text-align:center;
    font: 1.2em Comic Sans MS, Arial, Helvetica, sans-serif;
    color: #000;
    width: 108px;
    height: 108px;
    display: block;
    margin-bottom: 7px;
    background: #ddd url(/vzhled/zskuncina/img/on-top.png) no-repeat center center;

    /* zaokrouhlení úhlů */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    /* spomalování */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #777;
}