/* cisticka odpadnich divu */

.cleary {
    clear:both
}

p {
margin-bottom: 5px;
margin-top: 5px;
padding: 0px;

}

/*jinym fontem*/

h1, h2 {
    font-family: Arial, Helvetica, sans-serif;
}

/* puvodni pozadi body ....background-image: url(/img/bg.gif) */

body {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    background-color: #F3F3F3;
    font-size: 70%;
    color: #5A5A5A;
    text-align: center;
    margin: 0px;
    padding: 0px 0px;
}
#layout {
    text-align: left;
    margin: 0px auto 05px auto;
    width: 870px;
    background-color: #FFFFFF;
    border: solid 1px #9CA5A5;
    
}
/*hlavicka*/
#top {
    /*background-image: url(/img/xxxx.gif);*/
}

#jazyk {
    
    float: right;
    
    margin-top: 0px;
}

#jazyk img {
    margin-right: 7px;
}

/*horni menu*/
#hor-menu {
    background-color: #0F6BB2;
    margin-top: 10px;
    padding: 0px 7px 0px 0px;
    height: 29px;
    }

#hor-menu a {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 20px 0px 20px;
    border-right: solid 1px #FFFFFF;
}
#hor-menu a:hover {
    background-image: url(/img/bg-menu.gif);
}
/*horni menu- vyhledavani*/
#hor-menu form{
    width: 150px;
    float: right;
    padding: 0;
    margin: 3px 7px 0px 0px;
    _margin-top: 1;
}

#hor-menu input {
    font-size: 11px;
    width: 120px;
    padding: 0px 0px 0px 2px;
    margin: 0px;
    height: 17px;
}

/*main*/
#main {
    padding: 5px 0px 7px 0px;
    margin: 0px;
}
/*leve menu*/
#menu {
    float: left;
}

#menu ul {
    padding: 0px;
    margin: 1px 0px 0px;
    width: 210px;
    list-style-type: none;
}

#menu li {
    margin: 6px 9px 0px 9px;
    padding: 0px;
    border-bottom: 1px solid #E6E6E6;
    list-style-type: none;
}
#menu a {
    margin: 0px 0px 5px 10px;
    
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #0F6BB2;
}
#menu a:hover {
    color: #679C00;
}
/*HLAVNI STRANKA*/

/*rozcestnik*/
.rozcestnik {
    float: left;
    width: 365px;
    margin-bottom: 25px;
    _margin-bottom: 0px;
}
.rozcestnik table {
        font-size: 1em;
    margin-top: 7px;
}
.rozcestnik img {
        float: left;
    margin: 0px 3px 0px 0px;
}

.rozcestnik td {
    padding: 0px 4px 7px 0px;
    width: 182px;
    overflow: hidden;
    text-align: justify;
    vertical-align: top;

}
.rozcestnik td.right {
    padding: 0px 0px 7px 4px;
    text-align: justify;
    border-left: solid 1px #CCCCCC;
}

.rozcestnik h2 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px;
    padding: 7px 5px 3px 23px;
    letter-spacing: 1px;
    background-image: url(/img/h2-sipka.gif);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    background-color: #FFCC00;
}

.rozcestnik h2 a {
    color: #FFF;
}

.rozcestnik h2 a:hover {
    color: #EA7C00;
}

.rozcestnik h2 a {
    color: #FFF;
}

.rozcestnik h3 {
    font-size: 1em;
    color: #FFFFFF;
    margin: 0px 0px 1px;
    padding: 7px 5px 3px;
    background-color: #7EB610;
}
.rozcestnik a {
    color: #5A5A5A;
    text-decoration: none;
}
.rozcestnik h3 a {
    color: #FFFFFF;
}
.rozcestnik td:hover {
    background-color: #F4FDE1;
}


/*produkty*/
.produkty {
    float: none;
    width: 365px;
    margin-bottom: 10px;
    _margin-bottom: 10px;
}
.produkty table {
        font-size: 1em;
    margin-top: 7px;
}
.produkty img {
        float: left;
    margin: 0px 3px 0px 0px;
    border: 0px;
}

.produkty td {
    padding: 0px 4px 7px 0px;
    width: 182px;
    overflow: hidden;
    text-align: left;
    vertical-align: top;

}
.produkty td.right {
    padding: 0px 0px 7px 4px;
    border-left: solid 1px #CCCCCC;
}

.produkty h2 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px;
    padding: 7px 5px 3px 23px;
    letter-spacing: 1px;
    background-image: url(/img/h2-sipka.gif);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    background-color: #FFCC00;
}

.produkty h2 a {
    color: #FFF;
}

.produkty h2 a:hover {
    color: #EA7C00;
}

.produkty h2 a {
    color: #FFF;
}

.produkty h3 {
    font-size: 1em;
    color: #FFFFFF;
    margin: 0px 0px 1px;
    padding: 7px 5px 3px;
    background-color: #7EB610;
}
.produkty a {
    color: #5A5A5A;
    text-decoration: none;
}
.produkty h3 a {
    color: #FFFFFF;
}
.produkty td:hover {
    background-color: #F4FDE1;
}

/*novinky*/
.novinky {
    floar: right;
    margin-top: 0px;
    margin-left: 582px;
    margin-bottom: 25px;
}
.novinky h2 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px;
    padding: 7px 5px 3px;
    background-color: #749BCB;
    letter-spacing: 1px;
}
.novinky h3 {
    font-size: 1em;
    color: #EA7C00;
    margin: 7px 0px 7px 0px;
    padding: 0px;
}
.novinky p {
    margin: 7px 7px 7px 0px;
    padding: 0px;
}

.novinky a {
    color: #EA7C00;
    text-decoration: none;
}
.novinky a:hover {
    color: #0F6BB2;
    border-bottom: 1px dotted #98B5D8;
}
.vice {
    text-decoration: none;
    font-weight: bold;
    text-align: right;
}
/*dalsi, publikace + tip- vite ze...*/
#projekty {
    clear: both;
    margin: 0px 0px 0px 210px;
}
#projekty h3 {
    font-size: 1em;
    font-weight: bold;
    color: #0F6BB2;
    letter-spacing: 1px;
    margin: 0px;
    padding: 15px 0px 0px;
}
#projekty img {
    float: left;
    margin: 7px 5px 0px 0px;
}

.polozka {
    margin: 0px 295px 0px 0px;
    text-align: justify;
    clear: left;
    border-top: solid 1px #CCCCCC;
}

.polozka a {
    color: #0F6BB2;
    text-decoration: none;
}

.polozka a:hover {
    color: #679C00;
    border-bottom: 1px dotted #98B5D8;
}

.tip {
    width: 287px;
    float: right;
    background-color: #FFCC33;
}
.tip h2 {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 1.1em;
    letter-spacing: 1px;
    padding: 7px;
    margin: 0px;
}
.tip p { font-weight: bold;
    margin: 0px;
    padding: 5px 7px;
}
.tip a { text-decoration: none;
color: #FFFFFF;
}
/*banner*/
#banner {
    margin: 10px 0px;
    background-color: #E7E7E7;
    text-align: left;
    width: 468px;
}
/*BEZNA STRANKA*/
/*text a text rozcestniku*/
.text, .text-rozcestnik {
    margin: 0px 0px 0px 210px;
    line-height: 1.6em;
}
.text h1, .text-rozcestnik h1 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px 0px 5px;
    padding: 7px 5px 3px;
    background-color: #7EB610;
    letter-spacing: 1px;
    line-height: 1.3em;
}
.text-rozcestnik h1 {
    background-color: #FFCC00;
}
.text h2, .text-rozcestnik h2 {
    color: #0F6BB2;
    font-size: 1.1em;
    padding: 0px;
    margin: 1.5em 0 1em 0;
    font-weight: bold;
}
.text h3, .text-rozcestnik h3 {
    color: #0F6BB2;
    font-size: 1em;
    padding: 0px;
    margin: 2.3em 0 1em 0;
}

.text h4, .text-rozcestnik h4 {
}
.text li {
    margin: 0 10px 5px;
    list-style-image: url(/img/date.gif);
    list-style-type: none;
}
.text ol li {
    margin: 0 10px 5px;
    list-style-image: none;
    list-style-type: decimal;
}
.text a {
    color: #0F6BB2;
    border-bottom: 1px dotted #cccccc;
    text-decoration: none;
    }

.text a:hover {
    color: #EA7C00;
}
.text img {
    border: none;
}
.text-rozcestnik img {
    float: left;
    margin: 0px 5px 0px 0px;
}
/*pravy ramecek*/
.ramecek {
    float: right;
    width: 225px;
    line-height: 1.3em;
}
.ramecek-obsah {
    padding: 0px 0px 0px 4px;
    margin: 0px 0px 12px 10px;
    border-left: solid 1px #B2B2B2;
}
.ramecek h2 {
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px;
    padding: 7px 5px 3px;
    background-color: #FFCC00;
    letter-spacing: 1px;
}
.ramecek h3 {
    font-size: 1em;
    color: #EA7C00;
    margin: 7px 0px 7px 1px;
    padding: 0px;
}
.ramecek p {
    margin: 7px 7px 0px 1px;
    padding: 0px;
}
.ramecek em {
    color: #749BCB;
    font-style: normal;
}
.ramecek a {
    color: #EA7C00;
    text-decoration: none;
    border: none;
    font-weight: bold;
}
.ramecek a:hover {
    color: #0F6BB2;
    border-bottom: 1px dotted #98B5D8;
    font-weight: bold;
}
/*stranka rozcestniku - sluzby a informace*/

.sluzby, .informace {
    margin: 0px 0px 25px 0px;
    padding: 0px;
    width: 327px;
    _width: 324px;
}

.sluzby h2, .informace h2 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px;
    padding: 7px 5px 3px;
    background-color: #7EB610;
    letter-spacing: 1px;
    line-height: 1.3em;
}
.informace h2 {
    background-color: #749BCB;
}
.sluzby h3, .informace h3 {
    font-size: 1em;
    color: #6A9A0C;
    margin: 7px 0px 0px 0px;
    padding: 0px;
}
.informace h3 {
    color: #0F6BB2;
}
.sluzby a, .informace a {
    color: #6A9A0C;
    text-decoration: none;
    border-bottom: 1px dotted #98B5D8;
}
.informace a {
    color: #0F6BB2;
}
.sluzby a:hover {
    color: #0F6BB2;
}
.informace a:hover {
    color: #679C00;
}

/*stranka rozcestniku - souvisejici*/
.souvisejici {
    float: left;
    margin: 25px 0px;
    width: 327px;
    _width: 325px;
    clear: both;
}


.souvisejici-pravy {
    float: right;
    margin: 25px 0px;
    width: 327px;
    _width: 325px;
}

.pravy {
    float: right;
    margin: 0px 0px;
    width: 327px;
    _width: 325px;
}

.souvisejici h3, .souvisejici-pravy h3 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px;
    padding: 7px 5px 3px;
    background-color: #CCCCCC;
    letter-spacing: 1px;
    line-height: 1.2em;
}
.souvisejici h4, .souvisejici-pravy h4 {
    font-size: 1em;
    color: #0F6BB2;
    padding: 0px;
    margin: 7px 0px 0px;
}

.souvisejici ul, .souvisejici-pravy ul {
    margin: 7px 0px;
    padding: 0px;
    list-style-type: none;
}

.souvisejici li, .souvisejici-pravy li {
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 0px 9px;
    background: url(/img/li.gif) no-repeat;
    background-position: 1px 5px;
}

.souvisejici a, .souvisejici-pravy a {
    color: #0F6BB2;
    text-decoration: none;
    border-bottom: 1px dotted #98B5D8;
}

.souvisejici a:hover, .souvisejici-pravy a:hover {
    color: #333333;
}

/*paticka*/
#paticka {
    clear: both;
    margin: 45px 0px 0px 210px;
    font-size: 0.9em;
}
#paticka a {
    color: #5A5A5A;
    text-decoration: none;
}
#paticka-menu {
    margin: 0px 0px 7px 0px;
    color: #CCCCCC;
}
#paticka-menu a {
    font-weight: bold;
    color: #0F6BB2;
    text-decoration: none;
    border: none;
}
#paticka a:hover {
    color: #679C00;
    border-bottom: 1px dotted #cccccc;
}


/*  NOVE OPASEK */


/* rozcestnik stranky infomrace  */
.info-rozcestnik {
    float: left;
    width: 660px;
    _width: 658px;
    margin: 0px 0px 25px 0px;
    padding: 0px;
    /*width: 327px;
    _width: 324px;*/
}


.info-rozcestnik h1 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px 0px 5px;
    padding: 7px 5px 3px;
    background-color: #FFCC00;
    letter-spacing: 1px;
    line-height: 1.3em;
}

.info-rozcestnik h2 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 7px 5px 3px;
    background-color: #749BCB;
    letter-spacing: 1px;
    line-height: 1.3em;
}

.info-rozcestnik h3 {
    font-size: 1em;
    color: #6A9A0C;
}

.info-rozcestnik tr {
    padding: 10px 4px 7px 0px;}

.info-rozcestnik td {
    vertical-align: top;
    padding: 0px 4px 30px 0px;}

.info-rozcestnik table {
    font-size: 1em;
    margin-top: 7px;
}

.info-rozcestnik h3 a, .katalog-kategorie h3 a {
    text-decoration: none;
    font-size: 1em;
    color: #6A9A0C;
    border-bottom: 1px dotted #98B5D8;
}

.info-rozcestnik h3 a:hover, .katalog-kategorie h3 a:hover {
    color: #0F6BB2;
    border-bottom: 1px dotted #98B5D8;
}

.info-rozcestnik a {
    text-decoration: none;
    border-bottom: 1px dotted #98B5D8;
    color: #0F6BB2;
}

.info-rozcestnik a:hover {
    color: #6A9A0C;
    border-bottom: 1px dotted #98B5D8;
}

.katalog-kategorie h3 {
    padding-bottom: 0px;
    margin: 8px 0px 0px;
}

h2.modra {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 7px 5px 3px;
    background-color: #749BCB;
    letter-spacing: 1px;
    line-height: 1.3em;
}




/* souvisejici publikace dole */

.souvisejici-publikace {
    margin: 0px 0px 25px 0px;
    padding: 0px;
    width: 327px;
    _width: 324px;
}

.souvisejici-publikace h2 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px;
    padding: 7px 5px 3px;
    background-color: #FFCC00;
    letter-spacing: 1px;
    line-height: 1.3em;
}


.souvisejici-publikace h3 {
    margin-left: 60px;
    color: #0F6BB2;
    text-decoration: none;
    border-bottom: 1px dotted #98B5D8;
}

.souvisejici-publikace a {
    color: #6A9A0C;
    text-decoration: none;
    border-bottom: 1px dotted #98B5D8;
}

.souvisejici-publikace a:hover {
    color: #679C00;
}


/* slovnicek */

dl {
    margin-right: 225px;
}

dt {
    color: #0F6BB2;
    font-weight: bold;
}

dd {
    margin-bottom: 10px;
}


.slovnicek {
    margin: 0px 0px 25px 0px;
    padding: 0px;
    width: 327px;
    _width: 324px;
}

.slovnicek h2 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px;
    padding: 7px 5px 3px 5px;
    background-color: #0F6BB2;
    letter-spacing: 1px;
    line-height: 1.3em;
}

.slovnicek h3 {
    margin-left: 60px;
    color: #0F6BB2;
    text-decoration: none;
    border-bottom: 1px dotted #98B5D8;
}

.slovnicek h4 {    /* pouzito pro souvisejici clanky u Zajima me */
    color: #0F6BB2;
    text-decoration: none;
    }

.slovnicek a {
    color: #0F6BB2;
    text-decoration: none;
    border-bottom: 1px dotted #98B5D8;
}

.slovnicek a:hover {
    color: #679C00;
}

.slovnicek dl {
    margin-right: 0px;
}

/* infostranky - zajima me */

.zajima {
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 25px 0px;
    width: 327px;
    _width: 324px;
    }

.zajima h2 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px;
    padding: 7px 5px 3px;
    background-color: #7EB610;
    letter-spacing: 1px;
    line-height: 1.3em;
}

.zajima h3 {
    font-size: 1em;
    color: #6A9A0C;
    margin: 7px 0px 0px 0px;
    padding: 0px;
}

.zajima a {
    color: #6A9A0C;
    text-decoration: none;
    border-bottom: 1px dotted #98B5D8;
}

.zajima a:hover {
    color: #0F6BB2;
}


/* kalendar */

.kalendar {
    margin: 0px 0px 0px 210px;
    line-height: 1.6em;}

.kalendar table {
margin: 0px 5px;
}

.kalendar h2 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px;
    padding: 7px 5px 3px 5px;
    background-color: #FFCC00;
    letter-spacing: 1px;
    line-height: 1.3em;
}

.kalendar h3 {
    font-size: 1.1em;
    color: #6A9A0C;
    margin: 7px 0px 0px 0px;
    padding: 0px;
    margin-bottom: 5px;
}


.kalendar table tr td a {
    color: #0F6BB3;
    text-decoration: none;
    border-bottom: 1px dotted #98B5D8;
}

.kalendar table tr td a:hover {
    color: #6A9A0C;
}


/* reference  */

.reference {
    width: 660px;
    _width: 655px;
    margin: 0px 0px 25px 210px;
    padding: 0px;
    /*width: 327px;
    _width: 324px;*/
}


.reference h1 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px 0px 5px;
    padding: 7px 5px 3px;
    background-color: #FFCC00;
    letter-spacing: 1px;
    line-height: 1.3em;
}

.reference h2 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 7px 5px 3px;
    background-color: #749BCB;
    letter-spacing: 1px;
    line-height: 1.3em;
}

.reference h2 a {
    color: #FFFFFF;
    border: none;
    }

.reference h2 a:hover {
    color: #FFFFFF;
    }



.reference h3 {
    font-size: 1em;
    color: #6A9A0C;
    padding: 0px;
    margin: 0px;

}

.reference table tr {
    padding: 0px 0px 0px 0px;}

.reference table tr td {
    vertical-align: top;
    padding: 4px 15px 0px 0px;}

.reference table {
    font-size: 1em;
    margin-top: 7px;
}

.reference h3 a {
    text-decoration: none;
    font-size: 1em;
    color: #6A9A0C;
    border-bottom: 1px dotted #98B5D8;
}


.reference h3 a:hover {
    color: #0F6BB2;
    border-bottom: 1px dotted #98B5D8;
}

.reference a {
    text-decoration: none;
    border-bottom: 1px dotted #98B5D8;
    color: #6A9A0C;
    }

.reference a:hover {
    color: #0F6BB2;
    border-bottom: 1px dotted #98B5D8;
}




/* publikace */

.knizka {
    border-bottom: 1px dotted #98B5D8;
}

/* ohraniceni tabulky v kalenadari a publikacich */

.leva-cara {
    padding-left:5px;
    margin-left: 5px;
    border-left: thin dotted #9CA5A5;}

.horni-cara {
    padding-top: 5px;
    margin-top: 5px;
    border-top: thin dotted #9CA5A5;}

.horni-dolni-cara {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: thin dotted #9CA5A5;
    padding-top: 5px;
    margin-top: 5px;
    border-top: thin dotted #9CA5A5;}

/* odsazeni textu odprava */

.text p, .text-rozcestnik p, .kalendar p, .rozcestnik p, .info-rozcestnik p, .zajima p, .publikace p {
    margin-right: 7px;
}

/* reseni zvetseneho pisma v taulce */

.text td, .text tr, .text th, .text table {
    font-size: 1em
}

.kalendar td, .kalendar tr, .kalendar th, .kalendar table {
    font-size: 1em
}

th {
    text-align: left;
}


/* spany pro zvyrazneni */

.datum {
    margin: 0px 2px 0px 0px;
    padding: 0px 9px 0px 0px;
    color: #749BCB;
    font-style: normal;
    background: url(/img/date.gif) no-repeat right;}

.cena {
    color: #EA7C00;
    font-weight: bold;
    }

.capital {
    text-transform:uppercase}

/* ilustracni obrazky */

img.ilustracni {
    float: left;
    margin: 7px 5px 7px 0px;}

img.ilustracni-vpravo {
    float: right;
    margin: 7px 5px 7px 0px;}

.drobecky {
    text-align: right;
    font-size: 10px;
    top: -4px;
    }

.drobecky {
    text-align: right;
    font-size: 10px;
    top: -4px;
    margin: 3px 5px 0px 0px;
    }

.drobecky a {
    text-decoration: none;
    color: #749BCB;
    }

.drobecky a:hover {
    color: #0F6BB2;
    }

.imgright {
    float: right;
    margin: 7px 5px 7px 0px;
    }

.imgleft {
    float: left;
    margin: 7px 5px 7px 0px;
    }

.zarovnej {
    text-align: justify
    }

.zelena_reference {
color: #6A9A0C;
}


/* poptavkovy formular*/
input.required, textarea.required, select.required {
    border: 1px solid #999;
}

input.validation-failed, textarea.validation-failed, select.validation-failed {
    border: 1px solid #FF3300;
}

input.validation-passed, textarea.validation-passed {
    border: 1px solid #999;
}

.validation-advice {
    padding: 2px;
    color : #FF3300;
}

/* poradna */
p.otazka {
    margin-top: 20px;
    font-weight: bold;
}

p.odpoved {
    margin-left: 20px;
}

div.pager {
    margin-top: 30px;
}