html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, th, form, fieldset, a, img, button
{
    margin: 0;
    padding: 0;
    border: 0;
}

/* 'Jello Mold' page construction technique based on http://www.positioniseverything.net/articles/jello.html */
body
{
    margin: 0;
    padding: 0 386px; /*určuje minimální šířku stránky 772px*/
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 76%;
    background-image: url(Images/bg_tile.gif);
    background-repeat: repeat;
    background-color: #000000;
    color: black;
}

h1, h2, h3, h4, h5, h6
{
    color: #000000;
}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1
{
    margin: 0;
    font-size: 1.6em;
    font-weight: normal;
}
h2
{
    margin: 0.5em 0;
    font-size: 1.5em;
    font-weight: normal;
}
h3
{
    margin: 0.5em 0;
    font-size: 1.4em;
    font-weight: normal;
}
h4
{
    margin: 0.5em 0;
    font-size: 1.2em;
    font-weight: bold;
}
h5
{
    margin: 0.5em 0;
    font-size: 1.0em;
    font-weight: bold;
}
h6
{
    margin: 0.5em 0;
    font-size: 0.8em;
    font-weight: bold;
}
p
{
    margin: 1em 0;
    line-height: 1.4;
}
a
{
    text-decoration: underline;
    color: #FFFFFF;
}

a:hover
{
    text-decoration: none;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    background-color: Transparent;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.print {
    text-align:right;
    padding-right:10px;
    padding-bottom:10px;
}

#sizer
{
    width: 58%;
    max-width: 192px;
    margin: 0px auto 0 auto;
    padding: 0;
}
#sizer-in
{
    /* margin: 10px auto 0 auto; */
}
#expander
{
    position: relative; /*relativně vůči rodiči*/ /*když mu nenastavím šířku tak jí má 100% z rodičovského prostoru ke psaní tj. bez margin a padding*/ /*minusovým marginem rozšiřuji plochu na psaní*/
    min-width: 772px; /* Critical Safari fix! */
    margin: 0 -386px 0 -386px;
    background: #000000;
    background-image: url(Images/rightcol_bg.gif); /*podklad pravého sloupce*/
    /* background-image: url(Images/bg.jpg); /*podklad */
    background-repeat: repeat-y;
    background-position: top right;
}
#expander-in
{
}
/* Holly hack for IE \*/
* html #expander
{
    height: 0;
}
/* */

#wrapper
{
    width: 100%; /* helps IE get the child percentages right. */
    text-align: left;
    background-image: url(Images/leftcol_bg.gif); /*podklad levého sloupce*/
    background-repeat: repeat-y;
    background-position: top left;
}
#wrapper-in
{
}

/* http://positioniseverything.net/easyclearing */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */

#skiptocontent
{
    position: absolute;
    margin-left: -1000px;
}
#leftcolumn
{
    float: left;
    width: 152px;
    margin-right: -3px; /* IE 3px display bug fix (in conjunction with the rule following below)*/
    background-color: transparent;
    font-size: 0.9em;
    xbackground-image: url(Images/leftcolumn_bg.gif);
    background-repeat: repeat-y;
}

html > body #leftcolumn
{
    margin-right: 0;
}

#leftcoltop
{
    height: 40px;
    background-color: #000000;
    background-image: url(Images/leftcoltop.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
}
#leftcoltop-in
{
}

#leftbarcontainer
{
    background-image: url(Images/leftbarcontainer_bg.jpg);
    background-repeat: no-repeat;
    background-color: transparent;
}
#leftbarcontainer-in
{
    padding-top: 160px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 15px;
    border-top: 1px solid #000000;
}

.baritem
{
    padding: 2em 0.5em;
}

#rightcolumn
{
    float: right;
    width: 152px;
    margin-left: -3px; /* IE 3px display bug fix (in conjunction with the rule following below)*/
    background-color: #555555;
    background-image: url(Images/rightcolumn_bg.gif);
    background-repeat: repeat-y;
    font-size: 0.9em;
}
html > body #rightcolumn
{
    margin-left: 0;
}
#rightcolumn-in
{
}
#rightcoltop
{
    height: 40px;
    text-align: right;
    color: #000000;
    background-color: #000000;
    background-image: url(Images/rightcoltop.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}
#rightcoltop-in
{
    padding: 0 1em;
}

#rightcoltop a
{
    color: #FFFFFF;
}

#rightbarcontainer
{
    xbackground-color: #B0B0B0;
    background-image: url(Images/rightbarcontainer_bg.jpg);
    background-repeat: no-repeat;
    background-color: transparent;
    height:295px;
    Xdisplay:none;
}
#rightbarcontainer-in
{
    margin: 0px;
    padding: 4em 0.5em;
    border: 1px solid #000000;
    border-bottom: 0px;
}
.metalbaritem
{
    padding: 2em 0.5em;
    background-image: url(Images/rightbarheader.gif);
    background-repeat: no-repeat;
}
#centercolumn
{
    height: 1%;
    margin: 0;
    background-image: url(Images/bg_tile.gif);
    background-repeat: repeat;
    background-position: top right;
}
html > body #centercolumn
{
    height: auto;
    margin-left: 152px;
    margin-right: 152px;
}
#centercoltop
{
    height: 18px;
    background-image: url(Images/centercolleftcorner.gif);
    background-repeat: no-repeat;
}

html > body #centercoltop
{
    height: 19px;
}

/* vyhledávání a přihlašování*/

#searchbox
{
    height: 140px;
    background-color: #000000;
    background-image: url(Images/colgradient_short.jpg);
    background-repeat: no-repeat;
    color: #6D584D;
}
#searchbox-in
{
    padding: 5px 0.5em;
}

#loginbox
{
    position: relative;
    height: 140px;
    background-color: #FFFFFF;
    background-image: url(Images/searchbox_bg.jpg);
    background-repeat: no-repeat;
    color:White;
}
#loginbox-in
{
    padding: 15px;
    margin-bottom: -2px;
}

#loginbox label {
    color:#DDDDDD;
}

.loginbox_nadpis
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    color: #FFFFFF; /*nadpis "Prihlaseni"*/
}

.loginbox_txtBox
{
    font-size: 1em;
    height: 12px;
    width:90%;
    color: #ff8802; /*barva textu vyplnovanych poli Loginbox*/
    background-color: Transparent; /*pozadi vyplnovacich poli Loginbox*/
    border: solid 1px #eeeeee; /*tloustka ramecku vypln. pole*/
    color:White;
}

.loginbox_button
{
    font-size: 9px;
    height: 18px;
    color: #FFFFFF; /*text na tlacitku "Odeslat"*/
    background-color: Transparent; /*barva tlacitka "Odeslat"*/
    border:1px; /*tloustka ramecku*/
}

.loginbox_checkBox
{
    margin-left: -4px;
    color: #FFFFFF;
}

#searchbox div
{
    position: absolute;
    bottom: 0.5em;
    text-align: right;
}

.searchbox_txtBox
{
    font-size: 1em;
    height: 12px;
    color: #ff8802; /*barva textu vyplnovanych poli Searchbox*/
    background-color: Transparent; /*pozadi vyplnovacich poli Searchbox*/
    border:1px; /*tloustka ramecku*/
}

.searchbox_button

{
    font-size: 9px;
    height: 18px;
    color: #FFFFFF; /*text na tlacitku "Odeslat"*/
    background-color: Transparent; /*barva tlacitka "Odeslat"*/
    border:1px; /*tloustka ramecku*/
}


/* hlavní menu */

#mainnav
{
    height: 22px;
    background-color: transparent;
    font-size: 1em;
    background-image: url(Images/mainnav_bg.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
}

html > body #mainnav
{
    height: 21px;
}

#mainnav a
{
}

#mainnav a:hover
{
}

#mainnav table
{
    text-align: right;
}

#mainnav .item
{
    padding: 0em 1em;
    border-top: 6px solid #000000;
    font-weight: bold;
    color: #CCCCCC;
}

html > body #mainnav .item
{
    border-top: 6px solid transparent;
}

#mainnav .hover
{
}

#mainnav .selected
{
    border-top: 6px solid #845118; /*#665921;*/
    color: #ff8802;/*#FFF55E;*/
}

html > body #mainnav .selected
{
    border-top: 6px solid #845118; /*#svoranz aa5a01 tmoranz 9d5301 hneda 845219 nejl 845118 665921;*/
    color: #ff8802;/*#FFF55E;*/
}

/* submenu */

#subnav
{
    padding-bottom: 1em;
    overflow: hidden;
}

#subnav td
{
    vertical-align: top;
}

#subnav .item
{
    padding: 0em 1em;
    border-top: 6px solid #000000;
    font-weight: bold;
    color: #333333;
}

#subnav .selected
{
    color: #ff8802; /*#ff8802;#FFF55E;*/
}

html > body #subnav .selected
{
    color: #ff8802;/*#ff8802;#FFF55E;*/
}

#subnav a
{
}

#subnav a:hover
{
}

/*------------------*/

#header
{
    position: relative;
    height: 134px;
    margin: 2px;
    border: 1px solid #000000;
    background-color: #000000;
    background-image: url(Images/header_bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}
#maincontent_bg
{
    Xmargin: 2px; /* možno dát na pozadí i obrázek */
    Xmargin-bottom:0px;
    background-color: #BBBBBB;
}

#maincontent
{
    padding: 4em 2em;
    border: 1px solid #000000;
    border-bottom: 0px solid #000000;
    background-image: url(Images/maincontent_bg.png);
    background-repeat: no-repeat;
    background-position: top right;
}

#breadcrumbs
{   
    text-align: right;
    font-size: 0.9em;
    color:#999999;
    font-weight: bold;
}

#maincontent .teaser
{
    color: #000000; /*#555555;*/
    font-weight :normal;
    padding-top : 0.2em;
}

#maincontent fieldset
{
    margin-bottom: 1em;
    padding: 1em;
    border: 1px solid black;
    color: #666666;
}

* html #maincontent legend
{
    padding: 0.5em;
    background-color: #BBBBBB;
}

#maincontent label
{
    line-height: 2em;
}

#maincontent .txtBox
{
    border: 1px solid #888888;
    font-size: 1em;
    background-color: #FFFFFF;
}

html > body #maincontent .txtBox
{
    font-size: 1.2em;
}

#maincontent .txtBox:focus
{
    background-color: #FFFFFF;
}

#maincontent caption
{
    text-align: left;
    font-weight: bold;
}

#maincontent table tr td, #maincontent table tr th
{
    padding: 0em 0.9em 0em 0.5em;
    vertical-align: top;
}
th {
    text-align:left;
    color:gray;
}
.dalsi_sloupec, td
{
    color: #FFFFFF;
}
.prvni_sloupec, tr > td:first-child 
{
    color: #555555;
}
.lichy_radek, tr.radekA
{
    background-color: #CCCCCC;
}
.sudy_radek, tr.radekB
{
    background-color: #DDDDDD;
}

.form_txtBox
{
    font-size: 1.2em;
    color: #000000; /*barva textu vyplnovanych poli kontakt. formulare*/
    background-color: Transparent; /*pozadi vyplnovacich poli kontakt. formulare*/
}

.form_button
{
    font-size: 9px;
    height: 18px;
    color: #000000; /*text na tlacitku "Hledej"*/
    background-color: Transparent; /*barva tlacitka "Odeslat" kontakt. formulare*/
}

.button
{
    border: 1px solid #665921;
    color: #6D584D;
    background-color: #EEEEEE;
    font-size: smaller;
}
.imgfloatright
{
    float: right;
    display: inline;
    margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft
{
    float: left;
    display: inline;
    margin: 0.25em 1em 0.25em 0;
}
div.readmore
{
    text-align: right;
    font-size: 0.9em;
}
#footer
{
    padding: 0.5em;
    font-size: smaller;
    text-align:center;
    background-color:Black;
}

#footer a
{
    padding: 0 0.5em;
}

/******************************** O D E S I L A C I  F O R M U L A R **********************************/

#contactAdresa
{
    margin-top:0px;
    text-align: left; 
    font-weight: bold; 
    font-style: normal;
    font-size:0.8em;
}

#contactZprava
{
    margin-top:0px;
    text-align: left; 
    font-weight: bold; 
    font-style: normal;
    font-size:0.8em;
}

#contactSubmit
{
    margin-top:10px;
    text-align: left;
}

#contactAdresa .form_txtBox, #contactZprava .form_txtBox
{
    width: 60%;
    font-size: 1.1em;
    color: black; /*barva textu vyplnovanych poli kontakt. formulare*/
    background-color: Transparent; /*pozadi vyplnovacich poli kontakt. formulare*/     
}

#contactSubmit .form_button
{
    font-size:0.8em;
    height: 18px;
    color: black;
    font-weight: bold; 
    font-style: normal;
    background-color: Transparent; /*barva tlacitka "Odeslat" kontakt. formulare*/
}

.chyba
{
    margin-top:30px;
    margin-bottom:30px;
    margin-left:0px;
    text-align: left; 
    font-weight: bold; 
    font-style: normal;
    font-size:0.8em;
    color: #fff55e;
}

/******************************** G A L E R I E - styly ke GalerieControl.ascx a Foto.ascx **********************************/

body.foto /*okraje fotky v oteviranem oknu detailu*/
{
    margin-top:5px;
    padding:0;
}

table.galerie
{
    width:99%;
}

table.galerie td 
{
    padding: 15px 5px 5px 5px !important;
    margin:0px;
}

.exponat 
{
    margin:0px;
    padding:0px;
    height:170px;
    text-align:center;
}

.JmenoExponatu 
{
    color: #000000;
    font-weight:bold;
}

.PopisExponatu 
{
    color: #ffffff;
    font-style:oblique;
}

.lichy_exponat 
{
    background-color: #CCCCCC;
}

.sudy_exponat 
{
    background-color: #DDDDDD;
}

.zpravy table 
{
	width: 100%;
}
.zpravy div.editButtons 
{
	font-size: 1.4em;
	float:right;
	margin: 1em 0.2em 0.7em 0px
}
.zpravy fieldset 
{
	margin: 1em 0.2em 0.7em 0px;
	border: solid 1px gray !important;
	background-color: #f0f0f0;
}
.zpravy legend 
{
	font-weight:bold;
	background-color: #f0f0f0;
}
.zpravy ul li
{
	list-style-type:disc;
	margin-left: 5em;
}
.zpravy ol li
{
	list-style-type:decimal;
	margin-left: 5em;
}
.sponzori img {
    border-bottom: #333333 1px solid; 
    border-left: #333333 1px solid; 
    border-top: #333333 1px solid; 
    border-right: #333333 1px solid
}
table.sponzori td {
    text-align:center;
}
table.sponzori td a {
    display:block;
}
/******************************** P R I N T **********************************/

@media print
{
    body
    {
        margin: 0;
        padding: 0;
        font-size: 11pt;
        line-height: 13pt;
        background: #FFFFFF !important;
    }
    #sizer
    {
        margin: 0;
        width: auto !important;
    }
    #expander
    {
        margin: 0 !important;
        background: none;
    }
    #wrapper
    {
        border-bottom-style: none;
        background: none;
    }
    a
    {
        color: #666666;
        text-decoration: underline;
    }

    #leftcolumn, #rightcolumn, #maincontent h2:before
    {
        display: none;
    }

    #centercolumn
    {
        width: 100%;
        margin: 0 !important;
        background: none;
    }
    #centercoltop
    {
        height: auto;
        background: none;
    }
    #header
    {
        margin: 0;
        border: none;
        height: auto;
        background: none;
    }

    /*If the logo is a transparent gif it will look rather unsightly on paper, so you can turn 
    		it off here. */
    #header img
    {
        display: none;
    }

    #maincontent
    {
        margin: 0;
        border: none;
        background: transparent;
    }

    #maincontent .teaser
    {
        font-style: italic;
    }

    #maincontent fieldset
    {
        border: none;
    }

    #maincontent .txtBox
    {
        background: none;
    }
}