/* CSS Document */
html, body {
margin: 0;
padding: 0;
}
body {
font-size: 7pt;
font-family: 'Verdana', 'Arial', sans-serif;
color: black;
background-image: url(../images/bg.gif);
background-position: center top;
background-repeat: repeat;
text-align: center;
}
h1 {
position: absolute;
text-indent: -9999px;
font-size: 8pt;
overflow: hidden;
}
p.copy {
width: 900px;
margin: 5px auto;
padding: 0;
text-align: right;
color: white;
font-size: 10px;
font-family: 'Verdana', sans-serif;
}
p.copy a {
color: white;
}
div.fill ul li h2 {
font-size: 8pt;
margin: 0;
padding: 0;
display: inline;
}
div.litr {
width: 1008px;
margin: 0 auto;
text-align: center;
}
div#top {
width: 1008px;
text-align: left;
height: 109px;
margin: 0 auto;
background-image: url(../images/top.jpg);
background-position: center top;
background-repeat: no-repeat;
}
div#top form {
position: absolute;
margin: 60px 0 0 647px;
}
div#top form table {
font-size: 7pt;
color: white;
}
div#top form a {
color: white;
text-decoration: none;
}
div#top form a:hover {
text-decoration: underline;
}
div#top input.inp {
width: 100px;
border: 1px solid black;
background-color: white;
font-size: 7pt;
}
div#top form table input.subm {
width: 5px;
border-style: none;
background: transparent;
font-size: 8pt;
text-align: center;
color: white;
}
div#pozadi {
width: 100%;
min-height: 832px;
background-image: url(../images/pozadi.gif);
background-position: center top;
background-repeat: repeat-x;
}
* html div#pozadi {
height: 832px;
}
div#menu {
width: 900px;
height: 25px;
margin: 0 auto;
text-align: left;
background-image: url(../images/menubg.gif);
background-position: left top;
background-repeat: no-repeat;
}
div#menu ul {
margin: 0 27px 0 0;
padding: 0;
list-style-type: none;
}
div#menu ul li {
float: right;
height: 26px;
margin-left: 1px;
}
div#menu ul li a {
display: block;
padding: 8px 6px 4px 6px;
background-image: url(../images/btnbg.gif);
background-position: center top;
background-repeat: repeat-x;
text-transform: uppercase;
color: white;
font-weight: bold;
font-size: 8pt;
text-decoration: none;
}
div#menu ul li a:hover {
text-decoration: underline;
}
div#container {
width: 1008px;
margin: 2px auto;
text-align: center;
}
* html div#container {
margin-top: 1px;
}
div#obsah {
background-color: #CBDAA3;
width: 900px;
text-align: left;
margin: 0 auto;
}
div#navigace {
width: auto;
height: 26px;
background-image: url(../images/carka.gif);
background-position: 666px top;
background-repeat: no-repeat;
}
div#navigace a {
color: #009748;
text-decoration: none;
}
div#navigace a:hover {
text-decoration: underline;
}
div#navigace h2 {
margin: 0 0 0 190px;
padding: 7px 0 0 8px;
font-size: 8pt;
color: #009748;
background-image: url(../images/line.gif);
background-position: left 6px;
background-repeat: no-repeat;
font-weight: bold;
}
div.txt h2 {
margin: 0;
padding: 7px 0 5px 8px;
font-size: 8pt;
color: #009748;
background-image: url(../images/line.gif);
background-position: left 6px;
background-repeat: no-repeat;
font-weight: bold;
background-color: #CBDAA3;
}
div.left {
width: 190px;
float: left;
}
div.menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
div.menu ul li h2 {
display: inline;
font-size: 8pt;
margin: 0;
padding: 0;
font-weight: normal;
}
/* common styling */
.menu { width:190px; margin:0; font-size:8pt; }
.menu ul li a, .menu ul li a:visited {display:block; font-weight: normal; text-decoration:none; padding: 2px 0 2px 12px; color:#007B32; border-bottom: 1px solid #CBDAA3; width:178px; min-height:16px; _height: 16px; background-color: #ffffff; background-image: url(../images/nomore.gif); background-position: right center; background-repeat: no-repeat; font-size:8pt;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none; border-left: 1px solid #CBDAA3;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#CBDAA3;}
.menu ul li:hover ul {display:block; position:absolute; z-index: 100; background: white; border-right: 1px solid #CBDAA3; border-top: 1px solid #CBDAA3; top:0; left:190px; width:190px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background: #ffffff; color:#007B32; width:190px;}
.menu ul li:hover ul li:hover a {color:#CBDAA3; background:#ffffff;}
.menu ul li:hover ul li a:hover {background:#ffffff; color:#CBDAA3;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; z-index: 100; left:190px; top:0; color:#ff9000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:190px; background:#ffffff; color:#CBDAA3;}
.menu ul li:hover ul li:hover ul li a:hover {background:#ffffff; color:#CBDAA3;}
div.left ul li a.more {
background-image: url(../images/more.gif);
background-position: right center;
background-repeat: no-repeat;
}
div.right {
width: 710px;
float: right;
background-image: url(../images/right.gif);
background-position: 1px top;
background-repeat: repeat-y;
}
div#foot {
width: 900px;
height: 51px;
background-image: url(../images/foot.gif);
background-position: center top;
background-repeat: repeat-x;
}
div#foot p.lef {
float: left;
width: 300px;
font-size: 7pt;
padding: 6px 0 0 10px;
margin: 0;
color: #666666;
}
div#foot p.rig {
float: right;
width: 300px;
text-align: right;
font-size: 7pt;
padding: 6px 10px 0 0;
margin: 0;
color: #666666;
}
div.txt {
width: 476px;
float: left;
min-height: 400px;
background-color: #ffffff;
}
div.txtadm {
width: 460px;
float: left;
min-height: 400px;
background-color: #ffffff;
}
div.fill {
width: auto;
padding: 15px 18px 5px 18px;
min-height: 400px;
background-color: #ffffff;
}
* html div.fill {
height: 400px;
}
div.fill h2 {
color: #ED3321;
font-weight: bold;
font-size: 9pt;
margin: 0;
background: none;
padding: 0 0 8px 0;
}
div.fill h2 span {
font-weight: normal;
}
div.aktualita {
width: auto;
margin: 7px 0 14px 0;
font-size: 10px;
}
div.aktualita h3 {
font-weight: bold;
color: #333333;
font-size: 11px;
margin: 0;
padding: 0;
}
div.aktualita p {
margin: 0;
padding: 0;
}
div.aktualita h3 span {
font-weight: normal;
font-style: italic;
color: #666666;
}
div.aktualita a {
color: #00984A;
font-weight: bold;
margin: 18px 0 0 0;
text-decoration: none;
}
div.aktualita a:hover {
text-decoration: underline;
}
div.aktualita a.more {
color: #00984A;
margin: 18px 0 0 0;
display: block;
background-image: url(../images/amore.gif);
background-position: 26px center;
background-repeat: no-repeat;
padding: 0 10px 0 0;
text-decoration: none;
}
div.aktualita a.more:hover {
text-decoration: underline;
}
div.aktualita img {
float: left;
display: block;
border: 1px solid #ACCF61;
}
div.aktualita div.ra {
float: right;
width: 326px;
}
div.obalcounter {
text-align: center;
}
div.counter {
width: 168px;
margin: 0 auto;
background-image: url(../images/count.gif);
background-position: center center;
background-repeat: no-repeat;
padding: 5px 0;
color: #009A47;
}
div.counter a {
color: #009A47;
text-decoration: none;
}
div.counter p {
margin: 0;
padding: 5px 0;
}
div.counter a:hover {
text-decoration: underline;
}
.b { font-weight: bold; }
div.years {
margin: 20px 0 0 0;
border-top: 1px solid #E5EAE5;
padding: 5px 0;
width: auto;
font-weight: bold;
font-size: 10px;
}
div.years a {
}
p {
margin: 0;
padding: 5px 0;
}
a {
color: #009A47;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
div.files {
margin: 20px 0 0 0;
border-top: 1px solid #E5EAE5;
padding: 5px 0;
width: auto;
}
div.files ul {
margin: 0;
padding: 0;
list-style-type: none;
}
div.files ul li a {
color: #00984A;
font-weight: bold;
font-size: 10px;
text-decoration: none;
}
div.files ul li a:hover {
text-decoration: underline;
}
div.rcolumn {
width: 233px;
float: right;
min-height: 400px;
background-color: #ffffff;
}
* html div.rcolumn {
height: 400px;
}
div.ods {
width: auto;
padding: 18px 3px 0 3px;
}
div.pocasi {
padding: 0 0 0 63px;
background-image: url(../images/weather.gif);
background-position: left top;
background-repeat: no-repeat;
}
div.pocasi h4 {
margin: 4px 0 8px 0;
padding: 0;
color: #0080C7;
font-size: 10px;
}
div.pocasi table {
padding: 0;
margin: 0;
font-size: 10px;
color: #666666;
width: 150px;
}
div.pocasi table td.www {
width: 74px;
}
div.hole {
margin: 15px 0 0 0;
padding: 0 0 0 63px;
background-image: url(../images/hole.gif);
background-position: left top;
background-repeat: no-repeat;
}
div.hole h4 {
margin: 4px 0 8px 0;
padding: 0;
color: #83B635;
font-size: 10px;
}
div.hole table {
padding: 0;
margin: 0;
font-size: 10px;
color: #666666;
width: 155px;
}
div.foto {
margin: 20px 0 0 0;
padding: 0 0 0 63px;
background-image: url(../images/foto.gif);
background-position: left top;
background-repeat: no-repeat;
}
div.foto h4 {
margin: 4px 0 8px 0;
padding: 0;
color: #ED3321;
font-size: 10px;
}
div.foto img {
display: block;
margin: 0 auto;
padding: 6px 0;
border-style: none;
}
div.foto a {
display: block;
width: 152px;
height: 117px;
background-image: url(../images/bgfoto.jpg);
background-position: center center;
background-repeat: no-repeat;
text-align: center;
margin-bottom: 10px;
}
div.aktdet img {
float: left;
display: block;
margin: 0 20px 10px 0;
border: 1px solid #ACCF61;
}
div.years img {
float: right;
margin: 20px 10px;
border-style: none;
}
div.jamka {
width: auto;
}
div.jamka div.obalcounter {
position: absolute;
width: 168px;
margin: 310px 0 0 0;
}
div.ljam img {
border: 1px solid #A9CE5C;
}
div.ljam {
float: left;
width: 265px;
}
div.rjam {
float: right;
width: 170px;
}
div.galery {
width: auto;
}
div.hriste {
width: auto;
}
div.jama {
float: left;
width: 137px;
margin-right: 14px;
margin-bottom: 14px;
height: 190px;
}
.c { text-align: center; }
p.cnt {
font-size: 10px;
color: #009A47;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #E5EAE4;
}
div.jama img {
margin: 0;
padding: 0;
display: block;
border: 1px solid #A3CB51;
}
div.image {
float: left;
width: 142px;
margin-right: 7px;
margin-bottom: 7px;
height: 156px;
border-bottom: 3px solid #D8E3B9;
}
div.image h3 {
margin: 0;
height: 38px;
padding: 5px;
color: #019849;
font-size: 7pt;
font-weight: normal;
border-left: 1px solid #A3CB51;
border-right: 1px solid #A3CB51;
border-bottom: 1px solid #A3CB51;
}
div.image img {
margin: 0;
padding: 0;
display: block;
border: 1px solid #A3CB51;
}
div.imagealb {
float: left;
width: 142px;
text-align: center;
margin-right: 7px;
margin-bottom: 7px;
height: 142px;
}
div.imagealb h3 {
margin: 0;
padding: 5px 0 0 0;
text-align: center;
color: #019849;
font-size: 7pt;
font-weight: normal;
}
div.imagealb img {
margin: 0 auto;
padding: 0;
display: block;
border: 1px solid #A3CB51;
}
div.no {
margin-right: 0;
}
a.back {
position: absolute;
color: #009A47;
font-size: 10px;
font-weight: bold;
margin: 0 0 0 375px;
display: block;
}
a.back2 {
position: absolute;
color: #009A47;
font-size: 10px;
font-weight: bold;
margin: 0 0 0 290px;
display: block;
}
a.back3 {
position: absolute;
color: #009A47;
font-size: 10px;
font-weight: bold;
margin: 0 0 0 385px;
display: block;
}
div.admboard input {
border: 1px solid #7F9DB9;
font-size: 7pt;
width: 200px;
}
div.admboard select {
border: 1px solid #7F9DB9;
font-size: 7pt;
width: 100px;
}
div.admboard {
background-color: #ECE9D8;
width: 460px;
padding: 10px 0;
}
div.admboard strong {
color: red;
display: block;
padding: 0 10px 10px 10px;
font-size: 10px;
}
div.admboard strong span {
color: black;
font-weight: normal;
}
.admline {
background-image: url(../images/admline.gif);
background-position: center center;
background-repeat: repeat-x;
}
.r { text-align: right; }
div.admboard table {
font-size: 7pt;
}
div.admboard p {
padding: 10px;
}
div.admboard input.sendik {
border: 1px solid red;
font-size: 10px;
background-color: white;
color: red;
width: 80px;
}
div.rcolumnadm {
width: 200px;
float: right;
min-height: 400px;
background-color: #ffffff;
}
table.kont {
font-size: 10px;
width: 230px;
color: black;
font-weight: bold;
}
table.kont a {
text-transform: none;
}
div.rcolumnadm strong {
color: red;
display: block;
padding: 10px 0;
font-size: 10px;
}
.clear { clear: both; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; }