BODY
{
margin:0;
padding:0;
height:100%;
font-family: Arial, sans-serif;
font-size: 0.7em;
line-height: 150%;
color: #333;}

.body { background-color: #9A9395; }

LI {list-style: inside;}
OL LI {list-style-type: decimal;}
U {text-decoration: none;}
IMG {border: none;}

H1, H2, H3, H4 {
color: #333;
font-size: 1.8em;
font-weight: bold;
padding: 0;
margin: 0.5em 0;
}
H2 {font-size: 1.6em;}
H3 {font-size: 1.3em;}
H4 {font-size: 1.1em;}

INPUT, TEXTAREA, SELECT, UL, LI
{font-family: verdana, sans-serif; font-size: 1em;}
TABLE, TD, P
{font-family: Arial, sans-serif; font-size: 1em;}

UL, LI {padding: 0; margin: 0;}

p{margin: 0.2em 0 0.8em 0;}
H4{margin: 0.8em 0 0em 0;}
A {color: #144381;}
A:hover {color: blue; text-decoration: none;}

/* ************* rozvrzeni stranky ****************************************** */
#PAGE
{background-image: url(img/bg.gif); background-repeat: repeat-x; background-position: top left;}

.page-in
{
width: 750px;
margin: 0 auto;
text-align: left;
padding: 0px 0 25px 0;
background: url(img/page-bg-top.png) no-repeat top center;
}

#TELO { background: white; }
#HEAD  { background: #fff; }

.head-in {height: 230px;position: relative; background: url(img/public_header.jpg) no-repeat bottom left;}

#BOTTOM {
font-family: verdana;
background-image: url(img/page-bg-bottom.gif);
background-repeat: no-repeat;
background-position: center bottom;
background-color: #efefef;
}

#TOP-LINKS {height: 38px; overflow: hidden; font-family: verdana;}
#TOP-LINKS UL {padding: 8px 10px 0 10px;}
#TOP-LINKS LI {padding: 0 10px; border-right: 1px solid #999;}
#TOP-LINKS A { text-decoration: none; font-size: 11px; color: Gray; }
#TOP-LINKS A:hover {color: white; }
#TOP-LINKS LI.last { border-right: none;}
#TOP-LINKS LI.active A { font-weight: bold; color: White; font-size: 12px; }

#HEAD-MENU
{
top: 325px;
position: absolute;
width: 100%;
background: url(img/menu-bg.png) no-repeat top center;
padding: 9px 0 7px 0;
}
.head-menu-in
{padding: 0 10px;font-size: 12px;}
#HEAD-MENU .left
{
font-weight: bold;
}
#HEAD-MENU span
{padding: 0 6px}
#HEAD-MENU .left span
{border-right: 1px solid #dcdcdc;}
.mujtip-btn
{
background: url(img/mujtip.png) no-repeat top left;
padding: 6px 6px 6px 34px;
font-size: 13px;
font-weight: bold;
}




#USERS {top: 85px;left: 700px;position: absolute;}
#USERS li {padding: 2px 6px; border-right: 1px solid #fff;}

#HEAD-LOKALITY {font-size: 12px; font-weight: bold;}
.head-lokality-a
{position: absolute;top: 10px;left: 265px;}
.head-lokality-b
{position: absolute;top: 30px;left: 340px;}
.head-lokality-c
{position: absolute;top: 5px;left: 390px;}
.head-lokality-d
{position: absolute;top: 27px;left: 430px;}

#SEARCH {position: absolute;top: 0px;left: 790px;width: 200px;}

#LOGO A
{display: block; background: url(img/zk-logo.png) no-repeat top left; width: 165px; height: 100px; position: absolute; top: 10px; left: 20px; overflow: hidden;}
#LOGO A span {margin-left: -1000px;}
#LOGO div.hname { position: absolute; width: 500px; height: 50px; line-height: 50px; left: 220px; top: 18px; text-align: right; vertical-align: middle; font-size: 32px; }

#UPOUTAVKA
{
position: absolute;
top: 135px;
height: 176px;
left: 689px;
width: 300px;
background: url(img/upoutavka.png) no-repeat top left;
}
.upoutavka-in
{position: relative; padding: 5px;}

#slideshow-nav
{
position: absolute;
top: 147px;
right: 10px;
z-index: 100;
}
#slideshow-close
{
background: white;
position: absolute;
font-weight: bold;
top: 5px;
right: 10px;
z-index: 100;
}
#slideshow-close a{
font-family: verdana;
text-decoration: none;
}
#slideshow-open
{
position: absolute;
top: 226px;
height: 39px;
left: 822px;
width: 38px;
}

#slideshow-nav a
{
padding: 2px 4px;
margin-left: 3px;
font-family: verdana;
background: white;
text-decoration: none;
font-weight: bold;
}
#UPOUTAVKA H3
{padding: 2px 0 5px 0;margin: 0;}
#UPOUTAVKA H3 A
{text-decoration: none;}
/* ************************************************************************** */

#BOTTOM
{}
#BOTTOM .in
{}

.blok4 {float: left; width: 25%;}

/* ************************************************************************** */


.rychla-volba .tabs-nav
{
background: none;
}
.rychla-volba .tabs-nav li
{
margin-right: 2px;
}
.rychla-volba .tabs-nav li A
{
background: #dcdcdc;
padding: 0 4px;
}
.rychla-volba .tabs-nav li A span
{
background: none;
padding: 0;
}
.rychla-volba .tabs-nav li.tabs-selected A
{
background: #fff;
padding: 0 4px;
}
.rychla-volba UL.map-links
{
margin-top: 1em;
}



/* ************************************************************************** */


.head-menu-bottom
{
    text-align: right;
    height: 35px;
    position: relative;
}

ul.menu-inline {
margin: 0;
padding: 0;
float: left;
}
.menu-inline li
{
display: inline;
list-style: none;
padding: 0 0px;
margin: 0;
}
.head-menu-top li
{
padding: 0 5px 0 9px;
}

.head-menu-bottom UL
{
float: right;
margin: 15px 15px 0 0;
}






#TELO .menu-inline li A
{

}
.menu-inline li A:hover
{
color: #FFD101;
}
.head-nd-in
{
    margin: 0 auto;
}

.in
{
padding: 5px 5px 0 5px;
}
.left
{float: left;}
.right
{float: right;}

/* ************************************************************************** */
/* hp upoutavky */

.hp-upoutavky li
{
font-size: 0.9em;
float: left;
height: 12em;
width: 330px;
margin: 1.5em 0;
}
.hp-upoutavky li div
{
padding: 10px;
margin-right: 10px;
}
.hp-upoutavky li div img
{
margin: 0 8px 4px 0;
}
.hp-upoutavky li div div
{
padding: 0;
margin: 0;
}
.hp-upoutavky li, .hp-buttons LI
{list-style-type: none;}

.hp-upoutavky li.u26
{background: url(img/u1.png) no-repeat top left;}
.hp-upoutavky li.u8
{background: url(img/u2.png) no-repeat top left;}
.hp-upoutavky li.u20
{background: url(img/u3.png) no-repeat top left;}
.hp-upoutavky li.u2
{background: url(img/u4.png) no-repeat top left;}


.hp-buttons
{margin: 1em 0 2em 0;}
.hp-buttons LI
{
height: 45px;
line-height: 45px;
font-weight: bold;
margin-bottom: 4px;
}
.hp-buttons LI A
{
display: block;
padding-left: 55px;
}
.hp-buttons LI.b1 a
{background: url(img/b1.png) no-repeat top left;}
.hp-buttons LI.b2 a
{background: url(img/b2.png) no-repeat top left;}
.hp-buttons LI.b3 a
{background: url(img/b3.png) no-repeat top left;}

.hp-buttons LI.b4 a
{background: url(img/b4.gif) no-repeat top left; margin-top: 100px;}



/* ************************************************************************** */



.blok-light {
padding: 0;
margin-bottom: 10px;
}

.gfx-blue
{
background: url(img/box-blue2.png) no-repeat top right  #fff;
margin-bottom: 10px;
}
.gfx-blue .blok-in
{
background: url(img/box-blue1.png) no-repeat top left;
padding: 5px 1em;
margin-bottom: 10px;
}

#mapy-container .blok-in
{
padding: 7px 1em;
margin-bottom:0;
}
#mapy-container .blok-in A
{
margin: 0 5px 0 0;
}
#mapy-container .blok-in A.last
{
margin: 0 0  0 20px;
}

.blok h3, .blok-right h3, .blok-left h3
{
border-bottom: 1px dotted gray;
}
.blok-right .blok-in div h3
{
margin-top: 1em;
}

.bar
{
background: #f5f5f5;
}
.comp4-poll .bar span
{
height: 4px;
}

.sub-blok h3
{
    margin: 1.2em 0 0.2em 0;
}
.sub-blok .blok-in, .sub-blok table
{
font-size: 11px;

}
.sub-blok table
{width: 95%;}
.sub-blok table td
{
text-align: center;
}
.gfx-blue h3
{
border: none;
margin: 3px 0 10px 0;
}
.blok
{
margin-bottom: 10px;
}
.blok-left
{
float: left;
width: 366px;
font-size: 1.1em;
overflow: hidden;
margin-bottom: 10px;
}
.blok-right
{

float: right;
width: 300px;
margin: 0 0 10px 0;

}
.blok-light .map-links
{
padding: 0.5em;
}

.map-links
{
padding: 1.5em;
}
UL.map-links, UL.map-links UL
{
padding: 0;
margin: 0;
}
.rychla-volba UL.map-links LI
{
padding: 0;
display: inline;
margin: 0;
}
UL.map-links LI h3
{
border-bottom: 1px dotted gray;
/*width: 298px;*/
text-align: right;
font-size: 0.8em;
margin: 1em 0 0.5em 0;
display: block;
}
#TELO-SIDE .blok-in H4, .box-menu h4
{
border-bottom: 1px dotted gray;
/*width: 298px;*/
text-align: right;
font-size: 0.8em;
margin: 1em 0 0.5em 0;
display: block;
}
.lokalita
{
margin-bottom: -8px;
}
UL.map-links LI
{
padding: 0;
margin: 0;
display: inline;
list-style: none;
}
#TELO UL.map-links A
{
padding:0;
padding-right: 6px;
}

#TELO UL.map-links A.aktivni
{
color: black;
font-weight: bold;
}
UL.lokality LI
{
padding: 0;
list-style: none outside;
padding-bottom: 0.5em;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 0.5em;
list-style: none;
}

UL.lokality div
{
margin-top: 0.2em;
line-height: 130%;}
UL.akce LI, UL.trasy LI, UL.akce, UL.trasy
{
list-style: outside none;
list-style-type: none;
margin-bottom: 3px;
}
UL.akce LI A, UL.trasy LI A
{font-weight: bold;}

UL.akce LI A
{background: url(img/odr-akce.png) no-repeat top left;
padding-left: 16px;
}
UL.akce LI DIV.akce-podrobnosti {
    padding-left: 16px;
}
UL.trasy LI A
{background: url(img/odr-trasy.png) no-repeat top left;
padding-left: 16px;
}



.img-left
{
float: left;
margin: 0;
padding:0;
}
img
{
margin: 0;
padding:0;
}
#TELO a.mujtip
{
background: url(img/vlozit-na-mujtip.png) no-repeat top left;
padding: 2px 0 5px 27px;
margin-left: 7px;
font-weight: bold;
color: #efbd08;
}

#HEAD-RD form
{
margin:0;
}


.head-rd-menu-in A
{
color: #002b41;
padding: 5px 6px;
}
.vysun
{
/*margin-top: -60px;
z-index: 100;
position: relative;*/
}

.small
{
font-size: 8px;
}



/* *************************** obsah  ****************************** */
.submenu
{
border-top: 1px dotted gray;
padding: 5px 0;
}

.news-content {
    /*display: clear;*/
    margin-bottom: 5px;
}
.news-content h3, .news-content h4, .news-content h3 A, .news-content h4 A {
}
.news-date {
    color: #858585;
}

.news-item .news-image {
    float: left;
 /*   padding: 2px;
    margin: 0 0.5em 0.5em 0;*/
}
.news-item .news-image IMG{

}

/* *************************** trasy  ****************************** */

.trasa-content {
/*    display: clear;*/
    margin-bottom: 5px;
}
.trasa-content h3, .trasa-content h4, .trasa-content h3 A, .trasa-content h4 A {
}
.trasa-date {
    color: #858585;
}

.trasa-item .trasa-image {
    float: left;
    /*padding: 2px;
    margin: 0 0.5em 0.5em 0;*/
}
.trasa-item .trasa-image IMG{

}

/* *************************** trasy  ****************************** */

.produkt-content {
/*    display: clear;*/
    margin-bottom: 5px;
}
.produkt-content h3, .produkt-content h4, .produkt-content h3 A, .produkt-content h4 A {
}
.produkt-date {
    color: #858585;
}

.produkt-item .produkt-image {
    float: left;
    padding: 2px;
    margin: 0 0.5em 0.5em 0;
}
.produkt-item .produkt-image IMG{
    border: 1px solid #E4F1FC;
}

/* ************ */
.news-image, .trasa-image, .img-left {
  float:left;
  margin: 2px 10px 4px 0;
margin: 0 10px 4px 0;
  }

.news-image img , .trasa-image img, .img-left img{
    padding: 2px;
    border: 1px solid #efefef;
    background-color: #fff;
    padding: 0;
}

  /* *************** galerie ******************** */

.gal
{
width: 120px;
height: 100px;
text-align: center;
line-height: 100px;
margin: 0 7px 7px 0;
float: left;
border: 1px solid #B4CDD6;
/*background: #efefef;*/
}

.gal img
{
vertical-align: middle;
}
.end {
    color: #fff;
}
.end a {
    color: #fff;
}

/* *********** */
.subportal
{

}
.subportal .subportal-box
{
border: 2px solid #efefef;
width: 95%;
padding: 6px;
}
.subportal .subportal-box label
{
/*display: block;
float: left;
width: 33%;*/
}

.subportal .subportal-nabidka
{
width: 31%;
margin-right: 10px;
float: left;
}
.subportal .subportal-nabidka H2
{
border-bottom: 1px dotted gray;
}
.subportal .subportal-bnr
{
line-height: 120%;
}
.subportal .subportal-bnr LI
{
list-style-type: none;
width: 312px;
border: 2px solid #efefef;
float: left;
margin: 0 5px 5px 0;
padding: 6px 0;

}
.subportal .subportal-bnr .blok-bnr
{
height: 80px;
overflow: hidden;
padding: 0 6px;
margin: 0 10px 10px 0;
}

/* -- orientacni mapka -- */

#region, #kraj, #region
{

}

div.orientacni-mapka {
    position: relative;
    overflow: hidden;

}

div.orientacni-mapka div.objekt {
    position: absolute;
    overflow: hidden;
}

div.orientacni-mapka a.vlajecka {
    display: block;
    width: 18px;
    height: 24px;
    margin-top: -24px;
    padding: 0;
    position: absolute;
    overflow: hidden;
    line-height: 10px;
    background: url(img/vlajecka.gif);
    text-decoration: none;
}

div.orientacni-mapka a.vlajecka span {
    font-size: 9px;
    padding-left: 1px;
}

/* informace */
.informace
{

}
.informace ul.main-menu
{
padding: 0.5em;
list-style: outside none;
}

.informace ul.main-menu LI
{
list-style-type: none;
list-style-position: outside;
background: url(img/seznam-doc.gif) no-repeat top left;
padding: 2px;
padding-left: 16px;
}

/* shop */

.shop
{

}
.shop ul.main-menu
{
padding: 1em;
list-style: outside none;
}

.shop ul.main-menu LI
{
list-style-type: none;
}


/* ** fotogalerie ** */

.photo
{
float: left;
width: 126px;
/*text-align: center;*/
margin-bottom: 1em;
line-height: 110%;
height: 132px;
}
.photo div
{
padding: 0 5px 0 0;
}
.photo img
{
border: 1px solid #efefef;
padding: 2px;
}
.photo img:hover
{
border: 1px solid #ccc;
padding: 2px;
}

/* cms in styles */

.cms4-element-pagelet-rest h1
{
font-size: 14px;
}
.cms4
{
font-size: 1.1em;
}
.cms4-element-pagelet-html
{

}
.cms4-element-pagelet-contents UL
{
margin: 0;
padding: 0;
}
.cms4-element-pagelet-contents UL LI
{
list-style-type: none;
list-style-position: outside;
font-weight: bold;
margin:0;
font-size: 0.9em;
padding: 0.2em 0;

background: url(img/seznam-doc.gif) no-repeat top left;
padding-left: 16px;
}
.cms4-element-pagelet-abstract
{
margin-bottom: 1em;
font-weight: bold;
}
.wm4-navig-path
{
font-size: 0.9em;
}
A.detailtoggler
{
display: block;
margin-top: 1em;
font-weight: bold;
}
.vyznamnost
{
margin-top: -5px;
margin-bottom: 8px;
}


.mujportal-basket {
    width: 100%;
    border-collapse: collapse;
}

.mujportal-basket td {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    vertical-align: top;
}

.basket-menu .active, .program-menu .active {
    font-weight: bold;
}


.form-tags {
    width: 366px;
    float: right;
}
.form-tags label {
    display: block;
    width: 170px;
    float: left;
}

.form-akce-termin {
    width: 200px;
    float: left;
}

.form-akce-termin H4, .form-tags H4{
    margin: 0;
}

.form-akce-termin label {
    display: block;
}

table.wm4-listing tr.neverejny td {
    background-color: yellow;
}

/* itinerar */
#itinerar .polozka
{
}
#itinerar .popis
{

margin-left: 103px
}
#itinerar .time
{
float: left;
width: 100px;
}
#itinerar H4
{
margin-top: 1em;
}
h3.itinerar-objekt
{
}
#program-container
{
margin-top: 1em;
}

h2.sekce {
    border-bottom: 1px solid #CCC;
    padding-bottom: 3px;
}

div.podrobnosti {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}

div.trajektorie-legenda {
    width: 10px;
    height: 15px;
    margin-right: 5px;
    float: left;
}


/* ******************** */

/* -- obrazky v textu -- */
#TELO .cms4-element-pagelet-image {
    margin: 1em 0 0 0;
}
#TELO .cms4-element-pagelet-image img {
    border: none;
    vertical-align: text-bottom;
    margin: 0; padding: 0;
}
#TELO .cms4-element-pagelet-image span {
    margin: 0.2em 0 0 0;
    display: block;
    font-style: italic;
}
#TELO .cms4-element-pagelet-image .cms4-align-box-center {
    text-align: center;
    margin: 1em 0;
}
#TELO .cms4-element-pagelet-image .cms4-align-box-left {
    text-align: left;
    margin: 1em 0;
}
#TELO .cms4-element-pagelet-image .cms4-align-box-right {
    text-align: right;
    margin: 1em 0;
}
#TELO .cms4-element-pagelet-image .cms4-align-flow-left {
    text-align: left;
    float: left;
    padding: 0 1em 0.5em 0;
}
#TELO .cms4-element-pagelet-image .cms4-align-flow-right {
    text-align: right;
    float: right;
    padding: 0 0 0.5em 1em;
}
#TELO .cms4-element-pagelet-image .cms4-align-flow-right span {
    text-align: left;
}

.one-col
{
    padding:2em 3.5em;
}
.one-col-print input
{
margin: 0 0.5em 0 0;
}
.one-col-print
{
    margin: 0 0 1em 0;
}
.one-col-print, .one-col-print LI
{
    list-style-type: none;
}

.comp4-illustrated-content-item
{
border-top: 1px dotted #ccc;
padding: 0.6em 0;
}
.comp4-illustrated-content-item-image
{
padding-right: 0.6em;
float: left;
}
.comp4-illustrated_contents-text
{
font-size: 11px;
line-height: 135%;
}
TABLE .comp4-illustrated_contents-text H2
{
font-size: 12px;
padding: 0;
margin: 0;
padding-bottom: 0.5em;
}
.play
{
padding-top: 6px;
float: right;
}
.play span
{display: block; float: left; color: #fff; padding: 0px 4px 0 0;
}
.rss-icon
{
background: url(img/rss-icon.png) no-repeat top left;
padding: 0 0 0 22px;
}
.book-icon
{
background: url(img/book-icon.png) no-repeat top left;
padding: 2px 0 2px 22px;
}
.b2b-icon
{
background: url(img/b2b-icon.png) no-repeat top left;
padding: 2px 0 2px 22px;
}
.mic-icon
{
background: url(img/mic-icon.png) no-repeat top left;
padding: 0 0 0 22px;
}
/* ************************************************************************** */
/* bannery */
.body-bottom-bnr
{
background:transparent url(img/dot-light.png) repeat-x left top;
width:975px;
height: 80px;
position: relative;
}
.body-bottom-bnr .in
{
background:transparent url(img/reklama.png) no-repeat 0 2px;
height: 80px;
}
.pozice-a
{
position: absolute;
top:10px;
left: 20px;
border: 1px solid #efefef;
width: 468px;
}
.pozice-b
{
position: absolute;
top:10px;
left: 498px;
border: 1px solid #efefef;
width: 228px;
}
.pozice-c
{
position: absolute;
top:10px;
left: 736px;
border: 1px solid #efefef;
width: 228px;
}