* { padding: 0; margin: 0;}
body { text-align: center; font-family: sans-serif; font-size: 0.8em; line-height: 1.5em; color: #642A00;}

a { color: #B04B00; text-decoration: underline;}
a:hover, a:visited { color: #F9830E;}
a:active { color: #642A00;}
a img { border: none;}

.q { clear: both;}
.sloupec60p { width: 60%;}
.sloupec55p { width: 55%;}
.sloupec50p { width: 50%;}
.sloupec45p { width: 45%;}
.sloupec40p { width: 40%;}
.sloupec33p { width: 33%;}
.fl { float: left;}
.fr { float: right;}
.modra { background: #FBF4E7;}

.fl50 { width: 50%; float: left;}

.l, .left { text-align: left;}
.c, .center { text-align: center;}
.r, .right { text-align: right;}
.j, .justify { text-align: justify;}

.odsazeny-radek, .indent { text-indent: 2em;}
.odsazeny-odstavec { padding-left: 2em;}

.w { width: auto !important;}
.butt { width: auto !important; padding: 2px 5px;}

p a img.fr, img.img { border: 2px solid #FDE6CC; padding: 3px; background: #F7EBE3; margin: 0 0 5px 10px;}
p a:hover img.fr, a:hover img.img { border-color: #FFAB6C; background: #fff;}

code {font-size: 1em;}

form p label { display: block; font-weight: bold; color: #B84E00;}
form p input { width: 300px;}
fieldset { padding: 2px 10px; border: 2px solid #FDE6CC;}
legend { padding: 2px 5px; color: #cc6600; font-weight: bold;}

.info { clear: both; color: #89705F; font-size: 0.85em; text-align: right; border-top: 1px solid #FEDCBB; margin: 10px 0 0 0 !important; padding-top: 5px;}
.info-seznam { clear: both; color: #89705F; font-size: 0.85em; text-align: right; margin: 0 !important; padding-bottom: 5px;}

.none { display: none;}
.toplist { position: absolute; top: 0; left: 0; visibility: hidden;}
hr.w100 { /*width: 100%;*/ display: block !important; visibility: hidden;}

#text h1 { font-size: 2em; font-weight: normal; padding-bottom: 7px; color: #CC6600; border-bottom: 3px solid #CC6600; margin-bottom: 15px; line-height: 1em;}
#text h2 { font-size: 1.5em; margin: 10px 0; font-weight: normal; color: #B84E00;}
#text h3 { font-size: 1.2em; margin: 10px 0; font-weight: bold;}
#text h4 { font-size: 1.1em; margin: 10px 0 5px 0; font-weight: bold;}
#text p { margin: 7px 0;}
#text ol, #text ul, dd { margin-left: 50px;}
#text ul li { list-style: square;}
#text hr { clear: both; margin-top: 10px; _margin: 0; background: none; border: 0; height: 0; color: #FEDCBB; border-top: 1px solid #FEDCBB;}

.seznam { padding: 8px 10px 0 10px; border-bottom: 1px solid #FEDCBB;}
.seznam h2 { margin-top: 0 !important;}

.kalendarbox { width: 49%; float: left; margin-right: 1%; display: inline; padding-bottom: 15px;}

table { width: 100%; font-size: 1em; margin: 10px 0; border: 2px solid #FAD5B1; border-collapse: collapse;}
th { text-align: left; background: #FDE6CC; color: #B84E00;}
td, th { border: 1px solid #FAD5B1; padding: 2px 6px;}
table.c *, tr.c td, tr.c th, tr.c input { text-align: center !important;}

@media screen, projection, tv {
body, html { background: #D15900;}

#pozadi { background: #FBF4E7 url(images/back-orange.png) 0 0 repeat-x; _height: 1px;}
#pozadi-paticka { background: url(images/back-paticka-orange.png) 0 100% repeat-x; /*padding: 0 20px; /*padding-top: 37px; _padd\ing-top: 22px;*/ padding-bottom: 15px;}

#hlavicka { height: 182px; position: relative; background: #B84E00 url(images/back-abstract-orange.jpg) 0% 0 no-repeat;}
#hlavicka h1, #hlavicka h2 { color: #FFFFFF; font-size: 2em; height: 94px; width: 378px; overflow: hidden; font-weight: normal; line-height: 1.1em; position: absolute; left: 180px; top: 42px;}
#hlavicka span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(images/hlavicka-text.png?2) 0 0 no-repeat;}
#hlavicka a { text-decoration: none; color: #fff;}
#hlavicka a:hover { text-decoration: underline; color: #FEDCBB;}

#hlavicka-kontakt { position: absolute; right: 20px; top: 0; background: url(images/hlavicka-orange.jpg) 100% 0 no-repeat; padding: 52px 300px 0 0; height: 160px; font-weight: bold; text-align: right; font-size: 1.15em; line-height: 1.4em;}
#hlavicka-kontakt, #hlavicka-kontakt a { color: #FEDEBE;}

#znak { width: 102px; height: 134px; position: absolute; top: 30px; left: 45px; background: url(images/znak-orange.gif) 0 0 no-repeat; z-index: 10;}
#znak a { display: block; height: 170px; width: 190px; position: absolute; top: -20px; left: -60px; z-index: 15;}

#page { padding-left: 190px; _height: 1px;}
#text { float: right; width: 100%; _width: auto; background: #fff; margin-top: -27px; margin-bottom: -14px; position: relative; border-top: 1px solid #A04400;}
#text-padding { padding: 10px 15px;}

#stin-vlevo { background: url(images/back-page-left-orange.png) 10px 0 repeat-y;}
#stin-vpravo { background: url(images/back-page-right-orange.png) 100% 0 repeat-y; padding-right: 13px;}

#logout { position: absolute; right: 20px; top: 0;}
#logout a { font-weight: bold; color: #cc6600; font-size: 1.3em;}

.box { margin: auto; text-align: left; max-width: 1190px; min-width: 500px; _width: expression(document.body.clientWidth > 1200 ? "1200px" : "auto"); padding: 0 10px;}

#paticka { clear: both; color: #FEE6CE; font-size: 0.85em; padding: 10px 0; line-height: 1.4em;}
#paticka p { padding-left: 210px;}
#paticka #odkazy { float: right; padding: 0; padding-right: 20px;text-align: right;}
#paticka a { color: #FEE6CE;}
#paticka a:hover { color: #fff;}

#drobecky { color: #D6986B; font-size: 0.85em; padding-bottom: 7px; margin: 0 0 15px 0 !important; border-bottom: 1px solid #FEDCBB;}
#drobecky a { color: #D6986B;}
#drobecky a:hover { color: #B84E00;}

.galerie { margin: 0 !important; line-height: 1.3em;}
.galerie, .galerie li { list-style: none; padding: 0 !important;}
.galerie li { display: block; margin: 3px; float: left; text-align: center;}
.galerie img { margin-bottom: 3px;}
.galerie a { display: block; width: 190px; height: 190px; padding: 8px 5px; border: 1px solid #FEDCBB; background: #FBF4E7; overflow: hidden;}
.galerie a:hover { background: #FDE6CC; border-color: #B84E00; color: #B84E00 !important;}

h1.uvod { padding-top: 20px;}
#aktuality { width: 66%; float: left;}
#kalendar { width: 32%; float: right; background: #FDE6CC url(images/ikona-kalendar-orange.gif) 15px 1.5em no-repeat; padding: 2em 0;}
#kalendar h2 { padding: 0 5px 15px 54px; margin: 0 !important;}
#kalendar ul a { color: #B04B00; text-decoration: none; display: block;}
#kalendar ul, #kalendar li { list-style: none !important; margin: 0; padding: 2px 0 2px 10px; line-height: 1.8em;}
#kalendar em { background: #FCE8D8; padding: 3px; border: 1px solid #B84E00; border-width: 0 1px 1px 0; font-style: normal; color: #B84E00; font-weight: bold; font-size: 0.9em;}
#kalendar a span, #kalendar a:hover em { text-decoration: underline;}
#kalendar a:hover span { color: #001A33;}
#kalendar a:hover em { background: #fff;}
#kalendar span { display: block; padding: 3px 0 0 10px;}

#menu { width: 190px; float: left; display: inline; overflow: hidden; margin-left: -190px; margin-top: 2px; border-top: 1px solid #D5710C; border-bottom: 2px solid #fff; background: #FEDCBB url(images/back-menu-orange.png) 100% 0 repeat-y; padding-bottom: 20px; line-height: normal;}
#menu h3 { display: none;}
#menu ul, #menu li { list-style: none;}
#menu a, #menu strong { display: block; padding: 0.65em 5px 0.65em 22px; color: #642A00; text-decoration: none; background: url(images/menu-a-orange.gif) 7px 0.85em no-repeat; font-size: 1.1em; border-bottom: 1px solid #FEE8D2;}
#menu a:hover { color: #2E1605 !important; background-image: url(images/menu-a-hover-orange.gif); text-decoration: underline;}
#menu strong, #menu ul li.active a { background-image: url(images/menu-strong-orange.gif); font-weight: normal; color: #B84E00;}
#menu ul li.active { background: #F9EDE4 url(images/back-menu-strong-orange.png) 100% 0 repeat-y;}
#menu ul ul { background: #FDE6CC url(images/back-menu-sub-orange.png) 100% 0 repeat-y; border-top: 1px solid #FEDCBB; border-bottom: 1px solid #fff; padding: 5px 0;}
#menu ul ul li { padding: 2px 0; font-size: 0.9em;}
#menu ul ul a, #menu ul ul strong { padding: 0 0 0 22px; background: url(images/menu-sub-a-orange.gif) 12px 0.3em no-repeat !important; display: inline; border: 0; text-decoration: underline; color: #0D3D6E;}
#menu ul ul strong, #menu ul ul li.active a { background-image: url(images/menu-sub-strong-orange.gif); color: #CC6600;}
#menu ul ul strong { text-decoration: none;}
#menu ul ul li.active { background: none;}
}

@media print {
body { text-align: left; color: #000;}
#menu, #drobecky, #paticka, h1 br { display: none;}
#hlavicka, #hlavicka a { color: #B84E00 !important; text-decoration: none;}
#hlavicka h2 { font-size: 1.5em; font-weight: normal; color: #B84E00; margin-bottom: 20px; margin-top: 0; padding-top: 0;}

a { color: #5B5B5B !important;}

.info { color: #656565 !important;}
.seznam { border-color: #DBDBDB;}
.modra { background-color: #F5F5F5;}
#text h2 { color: #000;}

table, th, td { border-color: #000;}
th { background: #E5E5E5; color: #000;}

.galerie { margin: 0 !important; line-height: 1.3em;}
.galerie, .galerie li { list-style: none; padding: 0 !important;}
.galerie li { display: block; margin: 3px; float: left; text-align: center;}
.galerie img { margin-bottom: 3px;}
.galerie a { display: block; width: 190px; height: 190px; padding: 8px 5px; border: 1px solid #DBDBDB; overflow: auto;}

.box { width: 100% !important;}

h1 { color: #000 !important; border-color: #000 !important;}
.info { border-color: #959595;}
#hlavicka-kontakt { display: none;}
}