/*
 * Obec Bukovice - CSS style.
 * Author: Petr Dvorak, http://dvorak.tisnof.cz
 */

@media screen,projection,tv {
body { font-family: tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 0.8em; background: #C9E9C8 url(images/back.png) 50% 0 repeat-x; line-height: 1.5em; color: #3F3F3F; text-align: center; padding-top: 10px;}
* { padding: 0; margin: 0;}

/* links */
a { color: #00923f; text-decoration: underline;}
a:hover { color: #AD2100;}

#nahledy li a:hover img, a:hover .img { border-color: #00923f;}

/* headings */
h1, h2, h3 { font-family: georgia, "New York CE", utopia, serif; font-weight: normal; color: #00923f; margin: 15px 0;}
h1 { font-size: 2em; margin-top: 0;font-style: italic; }
h2 { font-size: 1.45em;}
h3 { font-size: 1.35em; color: #3F3F3F;}

/* header */
#hlavicka { height: 170px; background: #fff; overflow: hidden;}
#hlavicka div, #page { width: 750px; margin: auto; text-align: left;}
#hlavicka h2 { margin-top: 20px; margin-left: auto; background: lime; float: right;}
#hlavicka h2 em { position: relative; display: block; width: 570px; height: 130px;}
#hlavicka h2 span { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #24A13D url(images/lista-fotka.jpg) 100% 50% no-repeat; z-index: 20;}
#hlavicka h2 span span { background: url(images/lista-nadpis.png) 0 50% no-repeat;}
#hlavicka img { margin: 45px 0 0 50px; float: left;}

/* design */
#page { position: relative; text-align: right;}
#text { text-align: left; margin-left: auto; background: #fff url(images/text-spodek.png) bottom center no-repeat; min-height: 300px; _height: 300px; padding: 20px; width: 530px; _width: 570px; _wid\th: 530px;}

.img, #nahledy li img { padding: 2px; border: 2px solid #c9e9c8;}

/* footer */
#paticka { text-align: right; clear: both; _float: right; font-size: 0.85em; padding: 10px 20px; background: #F1FAF1 url(images/paticka.png) right top no-repeat; width: 530px; _width: 570px; _wid\th: 530px; margin-left: auto; color: #00923f;}
#paticka span { float: left; color: #004884;}

/* menu */
#menu { width: 180px; position: absolute; top: 0; left: 0; margin: 4px 0 0 4px; background: url(images/menu-spodek.png) 0 100% no-repeat; padding-bottom: 43px; z-index: 20;}
#menu ul { list-style: none; background: url(images/menu-pozadi.png) left top repeat-x; padding-top: 0px; padding-bottom: 30px; min-height: 225px; _height: 230px;}
#menu a, #menu .active strong { display: block; text-align: right; margin: 5px 0; padding: 4px 10px; font-weight: bold; color: #004884; text-decoration: none; border-right: 10px solid #B2DEC5;}
#menu a:hover { border-color: #AD2100; color: #AD2100; text-decoration: underline;}
#menu .active strong { color: #3aad3a; border-color: #00923f; font-size: 1.1em;}
#menu div {background: url(images/menu-bok.png) right top no-repeat; padding: 30px 10px 0 0;}
}

.clear { clear: both; height: 1px;}
.c { text-align: center;}

/* photo gallery */
#nahledy { list-style: none;}
#nahledy li { width: 210px; float: left; text-align: center; padding: 10px; min-height: 150px;}
#nahledy li img { display: block; margin: auto;}

/* text */
#text p { text-indent: 1em; margin: 5px 0;}
#text ul, #text ol { margin: 0 35px;}
#text p.noindent { text-indent: 0;}
#text hr { border: 0; background: 0; border-bottom: 2px solid #C9E9C8; margin: 30px 0 25px 0; height: 2px; font-size: 1px;  @margin: 10px 0 5px 0;}

dt { font-weight: bold;}
dd { margin-left: 35px;}

hr#clear { clear: both; height: 10px; _height: 0; visibility: hidden;}

a img { border: none;}

/* forms */
label { font-weight: bold; display: block;}
#text form p { text-indent: 0;}
.button { background: #00923F url(images/button.png) 0 0 repeat-x; border: 1px solid #008036; padding: 5px 12px; =padding: 5px 0; color: white; font-weight: bold; text-transform: uppercase; vertical-align: middle; cursor: pointer;}
.error { font-weight: bold; color: red; text-align: center; text-indent: 0;}


/*
 * print
 */
@media print {
body { line-height: 1.5em;}
#menu, #paticka { display: none;}
.img, #nahledy li img { padding: 2px; border: 2px solid #BABABA;}
#hlavicka img {float: right;}
}