/* block defaults */

html, body, div, form
{
    padding: 0;
    margin: 0;
}


/* text defaults */

a
{
    color: #333;
}


/* page disposition */

html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
     =height:auto;
    _height:100%;
    background-color:white;
}

body
{
    color: black;
    _text-align: center;
}

body, table, select
{
    font-family: Verdana, "Geneva CE" , lucida, sans-serif;
    font-size: 100%;
}

#holder, #bottom
{
    width: 940px;
    margin: 0px auto;
    _text-align: left;
}

div#holder
{
    height: 95%; /* ??? */
    position: relative;
    font-size: 100%;
}

#bottom
{
    padding-top: 1%;
    height: 6%;
}


/* header layout */

#header
{
    width: 940px;
    background-color: #fff;
}


/*   - flat lists */

#languages, #bookmarks,#domains, #headAr div div
{
    overflow: hidden;
    width: 100%;
}

#languages a, #bookmarks a, #domains a

{
color: white;
}

#header ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#header ul li
{
    display: block;
    margin: 0px;
    padding: 0px;
}

#header ul li a, #header ul li strong
{
    display: block;
    _display: inline-block;
}


/*   - languages and bookmarks */

#languages
{
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 720px;
    right: 0px;
    width: 220px;
    background:#81B400 url( '../img/bck_bookR.gif' ) no-repeat right bottom;
}

#languages ul
{
    padding: 0.3125em 0.652em 0em 0em;
}

#languages ul li
{
    float: right;
    line-height: 1.5625em;
    height: 1.5625em;
}

#languages ul li a
{
    padding: 0em 1.5em;
    font-weight: bold;
    font-size: 0.625em;
    text-decoration: none;
}

#languages ul li strong
{
    background: white url( '../img/bck_langR.gif' ) no-repeat right top;
}

#languages ul li strong a
{
    background: transparent url( '../img/bck_langL.gif' ) no-repeat left top;
    color: #74A700;
}

#bookmarks, #domains
{
    background:#81B400 url( '../img/bck_bookL.gif' ) no-repeat left bottom;
    position: relative;
    width: 720px;
    z-index: 200;
}
#domains
{ 
    background:url( '../img/bck_domains.gif' ) left top no-repeat;
    width: 940px;
    }
#bookmarks ul,#domains ul
{
    padding: 0em 0em 0em 2.25em;
    text-align: left;
    vertical-align: middle;
}

#bookmarks ul li,#domains ul li
{
    float: left;
    line-height: 1.6875em;
    height: 1.875em;
    margin: 0em 1em 0em 0em;
}

#bookmarks ul li a,#domains ul li a
{
    font-size: 0.6875em; /* = 11px */
}


/*   - headline and search */

#h1area
{
    position: relative;
}

#h1area h1
{
    background: white url( '../img/bck_headline.jpg' ) repeat-x left bottom;
    margin: 0px;
    padding: 20px 0px 17px 35px; /* pixels - displaying an image replacement! */
    font-size: 0.75em;
}

#h1area h1 a, #h1area h1 a span
{
    display: block;
    width: 206px;
    height: 50px;
}
#h1area h1 a.eng, #h1area h1 a.eng span
{
 width: 240px;   
    }
#h1area h1 a
{
    position: relative;
    overflow: hidden;
}

#h1area h1 a span
{
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    cursor: hand;
    background: transparent url( '../img/logo.jpg' ) no-repeat left top;
}
#h1area h1 a.eng span
{
     background: transparent url( '../img/logo_EN.jpg' ) no-repeat left top;
}
#search
{
    position: absolute;
    top: 28px;
    right: 30px;
    width: 371px;
    height: 30px;
    background: url( '../img/bck_search.gif' ) no-repeat left top;
}

#search input
{
    display: block;
    line-height: 18px;
    float: left;
    border: 0px;
    margin: 0px;
    padding: 6px 4px;
    background: transparent none;
    font-family: Verdana, "Geneva CE" , lucida, sans-serif;
    vertical-align: middle;
}

#search input.search
{
    width: 262px;
    font-size: 14px;
}

#search input.go
{
    width: 97px;
    font-weight: bold;
    font-size: 12px;
    color: #333;
}


/*   - intro box */

#welcome
{
    background: #333 url( '../img/bck_orloj.jpg' ) no-repeat left top;
}

#welcome .content
{
    min-height: 48px;
    padding: 12px 10px 12px 198px;
    color: white;
    font-size: 0.75em;
    line-height: 150%;
    background: transparent url( '../img/bck_prague.gif' ) no-repeat right top;
    _height: 48px;
}

#welcome p
{
    margin: 0px;
    padding: 0px;
}


/*   - main menu (tight layout -> partially in px) */

/*
#headAr
{
    background: white url( '../img/bck_headAr.jpg' ) repeat-x left top;
}

#headAr div
{
    background: transparent url( '../img/bck_headArL.gif' ) no-repeat left 33px;
}

#headAr div div
{
    background: transparent url( '../img/bck_headArR.gif' ) no-repeat right 33px;
}
*/

#headAr
{
    background: white url('../img/bck_headAr.gif') repeat-x left top;
}

#headAr div
{
    background: transparent url('../img/bck_headArL.gif') no-repeat left 17px;
}

#headAr div div
{
    background: transparent url('../img/bck_headArR.gif') no-repeat right 17px;
}

#headAr ul
{
    border-top: solid 1px #727272;
    padding: 4px 13px 0px;
}

#headAr ul li
{
    float: left;
    height: 54px;
}

#headAr ul li a
{
  
    background: #white url('../img/bck_headAr.gif') repeat-x left -5px;

    font-size: 0.75em;
    line-height: 2.3333em; /* text-decoration: underline;        - uncomment to make the menu items clearly distinct */
    text-decoration: none;
    height: 54px;
    font-weight: bold;
    color: #fff;
    padding: 0em 0.9em;
}

#headAr ul li strong
{
    background: white url( '../img/bck_Right.gif' ) no-repeat right top;
}

#headAr ul li strong a
{
    background: transparent url( '../img/bck_Left.gif' ) no-repeat left top;
    text-decoration: none;
    color: #666;
}

#headAr ul li strong a:hover {
	color: #999;
}

#headAr ul li a:hover
{
    color: #ccc;
}



/* main area */
body.two-columns #content
{
    margin: 0px 10px 0px 0px;
    width: 690px;
    _width: 686px; /* IE italic bug */
}

body.iframe #content
{margin:0; 
     width: 740px;
    }


#content, #rightColumn, #leftColumn
{
    font-size: 0.75em;
    color: #333;
}

#content a
{
    color: #6A9D00;
}
#content #pkp_middle a
{
    color: #0C4DA2;
}   

#breadcrumbs a, #breadcrumbs strong
{
    color: #666;
}

#leftColumn, #rightColumn
{
    float: left;
    width: 230px;
    overflow: hidden;
}

#leftColumn
{
    margin: 0px 10px 0px 0px;
}
body.iframe #leftColumn
{width: 190px;
    
    }
#content
{
    float: left;
    width: 428px;
    margin: 0px 38px 0px 0px;
    overflow: hidden;
}


/* subpage */

#subpage #breadcrumbs
{
    border-bottom: solid 1px #ccc;
    padding: 0em 0em 0.5em;
    margin-bottom: 0.5em;
}

#subpage #content #breadcrumbs ul
{
    padding: 0em;
    margin: 0em;
    line-height: 150%;
}

#subpage #content #breadcrumbs li
{
    font-size: 0.9167em;
    display: inline;
    background: transparent none;
    margin: 0px;
    padding: 0px;
}

#subpage #content #breadcrumbs li a
{
    padding: 0em 1.5em 0em 0em;
    margin: 0em 0.5em 0em 0em;
    background: transparent url( '../img/Arrow_path.gif' ) no-repeat right center;
}

#subpage #content .perex
{
    font-weight: bold;
}

#subpage #content li, #subpage #content p, #subpage #content dt, #subpage #content dd, #subpage #content th, #subpage #content td, #subpage #content div.question
{
    line-height: 150%;
}
#subpage #content p img, #subpage #content img
{
    margin: 0.3333em 1.5em 0.5em 0em;
    /*float: left;*/
}
#subpage #content ul
{
    margin: 0em 0em 1.5em;
    padding: 0px;
}

#subpage #content p
{
    margin: 0em 0em 1.5em;
}

#subpage #content ul li
{
    margin: 0em 0em 0.25em;
    list-style-type: none;
    padding: 0em 0em 0em 3.75em;
    background: transparent url('../img/bck_list.gif') no-repeat 2em 0.5em;
}

#subpage #content ul li p
{
    margin: 0em 0em 1.25em;
}

#subpage #content h2
{
    font-size: 1.6667em;
    margin: 0.6em 0em;
    line-height: 150%;
}

#subpage #content h3
{
    margin: 1.2857em 0em 0.6428em;
    font-size: 1.1667em;
    line-height: 150%;
}

#subpage #content h4
{
    margin: 1.5em 0em 0.75em;
    font-size: 1em;
    line-height: 150%;
}
/* home page */

#hp #content
{
    margin: 0px 8px 0px 0px;
    width: 700px; /* no #leftColumn for home page */
}

#hp #content .left-block, #hp #content .right-block
{
    width: 345px;
    float: left;
}

#hp #content .left-block
{
    margin: 0px 10px 10px 0px;
}

#hp #content .right-block
{
    margin: 0px 0px 10px;
}

#hp #content h2
{
    background:#ccc url( '../img/bck_HpH3.gif' ) no-repeat left top;
    color: #666;
    margin: 0px;
    border-bottom: solid 2px #fff;
     padding: 0em 1em;
    font-weight: bold;
    font-size: 1.1667em;
    line-height: 2.2857em;
}
#hp #content h2 a
{
  text-decoration: underline;
    color: #666;
}
#hp #content h2.bottom
{
    border-top: solid 2px #fff;
    border-bottom: 0px;
    background: #d9d9d9 url( '../img/bck_HpH3b.gif' ) no-repeat left bottom;
}

#hp #content h2 a.archiv
{
    color: #6A9D00;
    display: block;
    float: right;
    font-weight: normal;
    font-size: 0.7857em;
    margin: 0em 0em 0em 0.5em;
    padding: 0px;
}

#hp .box-image
{
    min-height: 8em;
    _height: 8em;
    padding: 1.1111em 0.8333em;
    background: url( '../img/bck_HpBox.jpg' ) repeat-x left top;
    border: none 0px #fff;
}

#hp .box-image .image
{
    display: block;
    height: 65px;
    width: 65px;
    float: left;
    margin: 0.3666em 10px 10px 0px;
    padding: 0px;
    overflow: hidden;
}

#hp .box-image .image img
{
    display: block; /* height: 65px;        width: 65px; */ /* better not to resize the image by the browser */
}

#hp .box-image *
{
    line-height: 150%;
}

#hp .box-image h3
{
    margin: 0px;
    padding: 0px; /*font-size: 1.1667em;*/
    font-size: 0.9167em;
}

#hp .box-image p
{
    font-size: 0.9167em; /* clear: left; */
    margin: 0px;
    padding: 0px;
}

#hp .box-image h3 a, #hp .box-image h4 a
{
    text-decoration: none;
}

#hp .box-image .dat, span.date
{
    color: #666;
    font-size: 0.9167em;
    margin: 0em 0.5em 0em 0em;
}

#hp .older
{
    background: url( '../img/bck_older.jpg' ) repeat-x left bottom;
}

#hp .older h3
{
    margin: 1em 0em 0em;
    padding: 0em 0.7143em 0.5em;
    font-size: 1.1667em;
    color: #999;
    border-bottom: solid 1px #ececec;
}

#hp .older .box-image
{
    background: transparent none;
}

#hp .older .box-image, #hp .less-important .box-image
{
    min-height: 8em;
    _height: 8em;
}

#hp .older .box-image h4, #hp .less-important .box-image h3
{
    font-size: 0.9167em;
    margin: 0px;
    padding: 0px;
}

#hp .older .box-image p, #hp .less-important .box-image p
{
    /*font-size: 0.9167em;*/
    font-size: 0.9167em;
    clear: none;
}

#hp .older .box-image .dat, #hp .less-important .box-image .dat
{
    /* font-size: 1em; */
    font-size: 0.9167em;
}


/* right column */

#rightColumn .box
{
    margin: 0em 0em 1em;
}

#rightColumn .box h2
{
    margin: 0px;
    background: #656565 url( '../img/bck_lathH2o.gif' ) no-repeat left top;
    font-size: 1em;
    color: white;
    padding: 0.4167em 0.8333em;
}

#rightColumn .box-var-2 h2
{
    background: #6FA200 url( '../img/bck_lathH2t.gif' ) no-repeat left top;
}
#rightColumn .box h2 a, #rightColumn .box-var-2 h2
{
    color: #fff;
}
#rightColumn .image
{
    width: 230px;
    overflow: hidden;
}

#rightColumn .image img
{
    display: block; /* width: 230px; */
}

#rightColumn .box .content
{
    padding: 0.5em;
    font-size: 0.9167em;
    background: #f0f0f0 url( '../img/bck_boxContent.gif' ) repeat-x left bottom;
}

#rightColumn ul
{
    margin: 0.5em 0em 1em;
    padding: 0px;
}

#rightColumn ul li
{
    background: transparent url( '../img/bck_listaLi.gif' ) no-repeat 5px 0.5454em;
    list-style-type: none;
    padding: 0em 0em 0em 20px;
    margin: 0px 0px 10px;
    line-height: 150%;
}


/* left column (submenu) */

#leftColumn
{
    border-top: solid 6px #666;
}

#leftColumn ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0em 0em 1em;
    width: 100%;
}

#leftColumn li
{
    width: 100%;
    border-bottom: solid 1px #ccc;
    background: #fff none;
    margin: 0px;
    padding: 0px;
}

#leftColumn .open
{
    border-bottom: 0px;
    background: white url( '../img/bck_mnuGrad.gif' ) repeat-y left top;
}

#leftColumn .selected
{
    background: #fff none;
}

#leftColumn .selected strong
{
    display: block;
    background: #6A9D00 url( '../img/bck_mnuSel.gif' ) repeat-y left center;
}

#leftColumn ul ul
{
    border-top: solid 1px #ccc;
    margin: 0px;
    padding: 0px;
}

#leftColumn .open a
{
    color: #333;
}

#leftColumn li a
{
    display: block;
    text-decoration: none;
    padding: 9px 10px;
    font-weight: bold;
    _height: 1px;
}

#leftColumn li a, #leftColumn .open li a, #leftColumn .open .open li a, #leftColumn .open .open .open li a, #leftColumn .open .open .open .open li a, #leftColumn .selected li a, #leftColumn .open .selected li a, #leftColumn .open .open .selected li a, #leftColumn .open .open .open .selected li a, .selected
{
    color: #6A9D00;
}

#leftColumn .open li a, #leftColumn .open .open li a, #leftColumn .open .open .open li a, #leftColumn .open .open .open .open li a, #leftColumn .selected li a, #leftColumn .open .selected li a, #leftColumn .open .open .selected li a, #leftColumn .open .open .open .selected li a
{
    font-weight: normal;
    background-image: url( '../img/bck_menu.gif' );
}

#leftColumn .open a, #leftColumn .open .open a, #leftColumn .open .open .open a, #leftColumn .open .open .open .open a, #leftColumn .open .open .open .open .open a
{
    font-weight: bold;
    color: #333;
}

#leftColumn .open .open a, #leftColumn .open .open .open a, #leftColumn .open .open .open .open a, #leftColumn .open .open .open .open .open a
{
    background-image: url( '../img/bck_menuP.gif' );
}

#leftColumn .selected a, #leftColumn .open .selected a, #leftColumn .open .open .selected a, #leftColumn .open .open .open .selected a, #leftColumn .open .open .open .open .selected a
{
    color: #fff;
 
}

#leftColumn .open .selected a, #leftColumn .open .open .selected a, #leftColumn .open .open .open .selected a, #leftColumn .open .open .open .open .selected a
{
    background-image: url( '../img/bck_menuS.gif' );
}

#leftColumn .open .open .selected a, #leftColumn .open .open .open .selected a, #leftColumn .open .open .open .open .selected a, #leftColumn .open .open .open .open .open .selected a
{
    background-image: url( '../img/bck_menuS.gif' );
}

#leftColumn li li a
{
    background-repeat: no-repeat;
    padding: 5px 20px 5px 28px;
    background-position: 10px center;
    font-weight: normal;
}

#leftColumn li li li a
{
    padding: 5px 20px 5px 46px;
    background-position: 28px center;
    font-size: 0.9167em;
}

#leftColumn li li li li a
{
    padding: 5px 20px 5px 64px;
    background-position: 46px center;
}

#leftColumn li li li li li a
{
    padding: 5px 20px 5px 82px;
    background-position: 64px center;
}

#leftColumn li li li li li li a
{
    padding: 5px 20px 5px 100px;
    background-position: 82px center;
}


/* page footer */

#bottom
{
    text-align: left;
    clear: both;
    background: #f0f0f0 url( '../img/bck_bottom.gif' ) no-repeat left top;
    font-size: 0.6875em;
     position:relative;
}

#copy
{
    position:absolute;
    top:12px;
    right:20px;
}

ul.bottomNav
{
    list-style-type: none;
    margin: 0px;
    padding: 0em 0.5em 0em 1.5em;
    float:left;
}

ul.bottomNav li
{
    margin: 0px;
    padding: 0em 1.0em 0.4em 1.3em;
    background: transparent url( '../img/bck_listaLi.gif' ) 0 0.3654em no-repeat;
}


/* generic properties */

table
{
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0em 0em 1.5em;
    border-left: solid 2px #fff;
    /*width: 99%;*/
}
table.border
{
    border:solid 1px #ccc;
    border-right:solid 1px #ccc;
    }
th, td
{
    padding: 0.5em 0.75em;
    vertical-align: top;
    text-align: left;
}

thead td, thead th, th
{
    background: #ccc url( '../img/bck_th.gif' ) repeat-x left bottom;
    border-left: solid 1px #999;
}

tbody td, tbody th, td, th
{
   border-top: solid 1px #ccc;
   border-left: solid 1px #ccc;
}

td:first-child, th:first-child
{
  border-left: 0px;
}

tr.odd td
{
    background-color: #f8f8f8;
}

tr.even td
{
    background-color: #fff;
}

table.calendar
{
    border-color: #ccc;
    border-width: 1px !important;
    border-style: solid;
    border-spacing: 2px;
    width: 250px;
    margin: 0em 0em 0em 1.4em;
}
table.calendar td
{
    /*padding: 0.5em 0.5em 0.5em 0.5em;*/
    padding: 0.2em 0.0em 0.2em 0.0em;
    text-align: center;    
}
table.calendar table.caltitle
{
    background: #ccc url( '../img/bck_th.gif' ) repeat-x left bottom;
    margin: 0em 0em 0em 0em;
    border-width: 0px;
    width: 250px;      
}
table.calendar table.caltitle td
{
    border-width: 0px;
    color: Black;
    font-weight: bold;
    padding: 0.4em;
    text-align: center;
    margin: 0em 0em 0em 0em;
}
table.wide
{
    width: 99%;
}

div.paging
{
    padding: 0.75em 0;
}
#subpage #content div.paging p
{
    margin: 0.62em 0;
}
table.list
{
    margin: 0.75em 0;
}
div.paging a
{
    text-decoration: none;
}
div.paging .first, div.paging .prev10, div.paging .prev, div.paging .last, div.paging .next10, div.paging .next
{
    padding-left: 7px;
}
div.paging .first
{
    background: url(../images/Arrow_start.gif) no-repeat center left;
}
div.paging .prev10
{
    background: url(../images/Arrow_left10.gif) no-repeat center left;
}
div.paging .prev
{
    background: url(../images/Arrow_left.gif) no-repeat center left;
}
div.paging .last
{
    background: url(../images/Arrow_end.gif) no-repeat center right;
}
div.paging .next10
{
    background: url(../images/Arrow_right10.gif) no-repeat center right;
}
div.paging .next
{
    background: url(../images/Arrow_right.gif) no-repeat center right;
}
table.form
{
    background-color: #F8F8F8;
    border-collapse: collapse;
    border-spacing: 0px;
    border: none !important;
}
table.form td
{
    border: none !important;
}
table.form th, table.form thead td
{
    font-weight: normal;
    background: none;
    background-color: #F8F8F8 !important;
    border: none !important;
}
table.form caption
{
    background: #ccc url( '../img/bck_th.gif' ) repeat-x left bottom;
    border-bottom: solid 1px #ccc;
    font-weight: bold;
    text-align: left;
    padding: 0.82em;
}
table.form td.buttons
{
    text-align: center;
    padding: 1em 0 !important;
}

#subpage div#content div.box
{
    border-bottom: solid 1px #ccc;
    margin-bottom: 0.75em;
}

#subpage div#content div.box-image
{
    position: relative;
    border: solid 1px #fff;
    border-bottom: solid 1px #ccc; /*IE*/
    margin-bottom: 0.75em;
}
#subpage div#content div.box-image div.content
{
    position: relative;
    padding-left: 75px;
    min-height: 75px;
    _height: 75px; /* IE si vysku roztahne*/
}

#subpage div#content div.box-image h3
{
    margin-top: 0;
}

#subpage div#content div.box-image a img.topic
{
    position: absolute;
    top: 0;
    margin-left: 0em;
    width: 65px;
}

#subpage div#content div.box div.info
{
    height: 1.5em;
    text-align: right;
    margin-bottom: 0.75em;
}

#subpage div#content div.box-image div.info
{
    height: 1.5em;
}
div#content .foot
{
    font-size: 0.9em;
}
div.quebottom
{
    border-bottom: solid 1px #ccc;
    padding-bottom:1em;
}
div.question
{
    margin: 0.5em 0;
    text-align: justify;
}

td.monyes, td.monno
{
    font-weight: bold;
    color: #fff;
}
td.monyes
{
    background-color: #CB4D1B;
}
td.monno
{
    background-color: #1A9F1B;
}

dl.news
{
    clear: both;
    padding-bottom: 0.25em;
    margin:0.33em 4px 0.666em 4px;
     line-height: 150%;
}

dl.news dt
{
    float: left;
    color: #C21302;
    width: 3.33em;

}

dl.news dd
{
    margin-left: 3.33em;
    _height: 1%;
}

table.anketa
{
    width: 212px;
    margin-left:4px;
}

table.anketa, table.anketa th, table.anketa td
{
    border: none;
    padding: 0;
    padding-bottom: 0.333em;
}

table.anketa caption
{
    text-align: left;
    padding-bottom: 0.666em;
}

table.anketa div.barometr
{
    border: 1px solid #666;
    width: 170px;
    height: 7px;
    margin-top: 4px;
    margin-bottom: 1.33em;
}
table.anketa div.barometr img
{
    display: block;
    height: 7px;
    margin:0;
}

#subpage #content div.galerie div.image 
{
    display: block;
    float: left;
    padding: 0px 10px 10px 0px;
    margin:0 0 10px 0;
    border-bottom:solid 1px #ccc;
    position:relative;
    height:14.1em;
    overflow:hidden;
    }
 #subpage #content div.galerie div.image img
{
    height:90px;
    width:90px;
    margin:0;
    float:none ;
    }
#subpage #content div.galerie p
{
    text-align:center;
    width:96px;
    margin:0;
       }
#click
{
    position:absolute;
    top:8px;
    left:6px;
    width:23px;
    height:21px;
    margin:0;
    padding:0;
    background:transparent url( '../img/bck_galImg.gif' ) left top no-repeat;
    z-index:2;
       }
 button.b
{
    width: 24px;
    height: 24px;
}
button.b img
{
    position: relative;
    left: 2px;
}  
div.e
{
    background-color: #FFFFFF;
    width: 400px;
    height: 100px;
    overflow: auto;
    font-size: 1em;
    border: 1px solid #9C9C9C;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
div.e em
{
    color: black;
    font-style: italic;
}
hr 
{clear:both;}
/* eof */