/* CSS Document */
html {
background: #fff ;
}
body {
background: ;
font: 0.85em 'Arial CE',Arial, sans-serif;
}
h1 a, h1 span {
display: block;
height: 204px;
width: 960px;
margin: 0 auto;
}
h1 a {
background: transparent;
color: #000;
position: relative;
text-indent: -2000px;
}
h1 span {
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
}
h1 a span {
background: url('./img/header.png') 0 0 no-repeat;
}
#obalka {
width: 940px;
margin: 0 auto;
position: relative;
background: ;
}
#horni {
width: 300px;
height: 30px;
background: ;
position: absolute;
right: 0px;
top: -40px;
}
#hlavni_menu {
position: relative;
margin: 0 auto;
top: 0px;
padding: 0px;
}
.menu_top {
height: 52px;
margin-top: 4px;
background: url('./img/menu.png') 0 0 no-repeat;
}
.menu_top li {
float: left;
display: inline;
height: 40px;
}
.menu_top li a {
display: block;
height: 40px;
line-height: 42px;
padding: 0px 17px;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 0.85em;
}
.menu_top li a:hover {
color: #fff;
background: ;
}
.menu_top li:hover {
background: url('./img/menu-hover.png') 50% 0px no-repeat #B90000;
}
#obsah {
position: relative;
width: 660px;
padding: 0px 10px 0px 10px;
margin: 0 auto;
top: 0px;
float: left;
clear: both;
background: ;
}
#obsah .clanek {
background: url('') 0 0 no-repeat ;
width: 660px;
padding-top: 1px;
position: relative;
}
#obsah .clanek .cl-in {
background: url('') 0 0 repeat-y ;
margin-top: 10px;
padding: 0px 40px 0px 0px;
}
.cl-in .nadpis {
width: 660px;
padding-top: 4px;
position: relative;
min-height: 2em;
background: ;
border-bottom: 1px dotted #d90000;
margin-bottom: 20px;
}
.cl-in .nadpis h2 {
display: block;
width: 300px;
font-size: 1.7em;
font-weight: bold;
padding: 0px 0px 4px 0px;
margin: 0px 0px 0px 0px ;
}
.cl-in .info {
position: absolute;
right: 10px;
bottom: 0px;
width: 260px;
}
.cl-in .nadpis h2 a {
text-decoration: none;
color: #000;
}
.cl-in .info p {
width: 250px;
margin: 0px 0px 0px 0px;
padding-bottom: 7px;
color: #52646b;
font-family: 'Georgia CE',Georgia, serif;
font-size: 0.8em;
text-align: right;
}
.cl-in .text {
}
.cl-in .info a, .clanek-data .levy a {
color: #52646b;
font-weight: bold;
font-style: italic;
text-decoration: none;
}
.cistic {
clear:both;
line-height:1px;
}
.clanek-data {
padding-top:20px;
}
.clanek-data .levy {
color:#8f9ba0;
width:360px;
float:left;
}
.clanek-data .pravy {
width:220px;
float:right;
color:#d90000;
font-weight:bold;
padding: 0px 0px 0px 0px;
text-align: right;
}
.clanek-data .pravy .komentare, .clanek-data .pravy .ccc {
display:block;
color:#fff;
text-decoration:none;
margin-left:101px;
text-align:center;
font-size:0.9em;
line-height: 31px;
height:31px;
}
.clanek-data .pravy .ccc {
width:120px;
background:url('img/ccc.png') 0 0 no-repeat;
}
.clanek-data .pravy .komentare {
width: 31px;
background:url('img/komentare.png') 0 0 no-repeat;
}
.clanek-data .pravy strong {
display:block;
margin:-24px 10px 0px 0px;
}
.clanek-data .pravy .sc {
color:#d90000;
font-weight:bold;
text-decoration:none;
background: green;
}
.konec {
display:block;
clear:both;
width:660px;
height:20px;
background: ;
}
#obsah .clanky .cl-in {
background: url('') 0 0 repeat-y;
padding:0px 0px 0px 0px;
}
.clanky .nadpis {
background: none;
}
.clanky .nadpis h2 {
font-size: 1.0em;
}
.clanky .info p {
font-size: 0.7em;
}
.komentare h3 {
color:#d90000;
font-size:1.4em;
margin:0px;
padding:10px 0px 15px 0px;
}
.komentare p {
font-size:90%;
margin:0 40px 0 0;
padding:0.8em 0 0.8em 10px;
line-height:1.5em;
color:#52646b;
border-bottom:3px solid #c5d0d4;
}
.komentare p a {
color:#d90000;
text-decoration:none;
}
.komentare p strong {
color:#000;
}
.dole {
background: url('');
height:45px;
margin-bottom:30px;
}
#sidebar {
width: 240px;
margin: 0px;
min-height: 300px;
float:right;
background:url('') 0 0 no-repeat ;
top: 0px;
}
.cl-pr {
margin-top:10px;
padding:0px 0px 0px 0px;
background:url('') 0 0 repeat-y ;
list-style-type: none;
}
.cl-pr h2 {
background:url('./img/side-nadpis.png') 0 0 no-repeat ;
display:block;
width:200px;
height: 41px;
line-height: 31px;
padding-left:10px;
margin:0px;
color:#fff;
font-size: 1.2em;
}
.cl-pr ul {
list-style-type: none;
margin-left:20px;
padding:0;
background: none;
}
.cl-pr ul li {
list-style-type: none;
padding: 0px 0px 10px 0px ;
}
.cl-pr .rok {
font-weight: bold;
}
.cl-pr ul a {
margin-left:0px;
color: blue;
text-decoration:none;
}
.cl-pr ul li ul {
margin-left:10px;
background: none;
width: 180px;
}
.cl-pr ul li ul li {
list-style-image: none;
line-height: 30px;
border-bottom: 1px #B9B9B9 solid;
margin: 0px;
padding: 0px;
}
.cl-pr ul li ul li a {
display: block;
padding: 0px 0px 0px 10px;
text-decoration: none;
color: black;
font-size: 12px;
}
.cl-pr ul li ul li a:hover {
color: black;
background: #e7e7e7;
}
/*-----first area-----*/
.side_block_text h1 {
background:url('./img/side-nadpis.png') 0 0 no-repeat ;
display:block;
width:200px;
height: 41px;
line-height: 31px;
padding-left:10px;
margin:0px;
color:#fff;
font-size: 1.2em;
}
.side_block_text ul {
margin-left:10px;
background: none;
width: 180px;
}
.side_block_text ul li {
list-style-image: none;
line-height: 30px;
border-bottom: 1px #B9B9B9 solid;
margin: 0px;
padding: 0px;
}
.side_block_text ul li a {
display: block;
padding: 0px 0px 0px 10px;
text-decoration: none;
color: black;
font-size: 12px;
}
.side_block_text ul li a:hover {
color: black;
background: #e7e7e7;
}
/**/
#paticka {
border-top: none;
position: relative;
clear: both;
width: 960px;
height: 100px;
top: 20px;
margin: 0 auto;
background: url('./img/footer.png') 0 0 no-repeat;
color: black;
}
.cl-pa {
width: 900px;
margin: 0 auto;
}
.cl-pa .left {
position: absolute;
left: 20px;
top: 0px;
width:200px;
margin: 0px;
padding:0px 20px 20px 0px;
}
.cl-pa .stredpat1 {
position: absolute;
top: 30px;
left: 240px;
width: 100px;
margin: 0px;
padding: 0px;
}
.cl-pa .stredpat2 {
position: absolute;
top: 50px;
left: 400px;
width: 100px;
margin: 0px;
padding: 0px;
}
.cl-pa .right {
position: absolute;
top: 30px;
right: 0px;
width:300px;
margin: 0px;
padding: 0px;
}
.cl-pa .nahoru {
padding: 1px 0px 0px 0px;
}
.cl-pa .nahoru a {
font-size:1.2em;
font-weight: bold;
color: #fff;
text-decoration: none;
padding: 0px 0px 0px 2px;
}
.cl-pa p {
font-size:0.9em;
}
/* novinky */
.novinky {
}
.nov_dat {
font-size: 10px;
font-weight: bold;
padding: 0px;
margin: 0px;
}
.nov_text {
font-size: 12px;
padding: 0px;
margin: 0px;
}
.sub_zam {
width: 100%;
height: 50px;
background: none;
margin: 5px;
padding: 0px;
}
.sub_zam a {
display: in-line;
width: 250px;
height: 40px;
line-height:40px;
margin: 0 auto;
padding: 5px;
text-align: center;
}
.sub_zam a:hover {
background: #e7e7e7;
line-height: 40px;
}
/*-------------styl pro prihlasky------------------------*/
.form_prihlaska {
position: relative;
border: 1px solid white;
margin: 10px;
padding: 15px;
width: 600px;
text-align: justify;
font-size: 12px;
background: none;
}
.form_prihlaska label {
position: relative;
width: 500px;
font-weight: bold;
font-size: 12px;
display: block;
float: left;
clear: left;
line-height: 25px;
}
.form_prihlaska .checkbox {
width: 25px;
height: 25px;
border: 0px solid silver;
display: block;
float: left;
color: black;
}
.form_prihlaska .text {
width: 250px;
height: 25px;
border: 1px solid silver;
display: block;
float: left;
clear: left;
color: black;
}
.form_prihlaska .r_text {
width: 200px;
display: block;
float: left;
}
.form_prihlaska .pole {
width: 100px;
}
.form_prihlaska .button {
width: 450px;
height: 30px;
margin: 10px;
text-align: center;
font-weight: bold;
font-size: 14px;
border: 1px solid black;
background: red;
clear: both;
color: white;
}
.form_prihlaska .button:hover {
border: 2px solid silver;
background: green;
color: white;
}
.form_prihlaska select {
border: 1px solid black;
height: 25px;
color: black;
margin: 2px;
padding: 0px;
float: left;
clear: left;
}
.form_prihlaska option {
color: rgb(83,83,83);
}
.form_prihlaska .tuc {
color: black;
background: silver;
}
.form_prihlaska br {
clear: both;
}
.form_prihlaska h1 {
font-size: 16px;
float: left;
color: red;
}
.form_prihlaska h2 {
font-size: 14px;
float: left;
color: red;
}
.form_prihlaska h3 {
font-size: 12px;
float: left;
clear: both;
}
.ddmp_pozn {
position: relative;
margin: 0px;
padding: 0px;
clear: both;
}