body {
 margin: 0px; font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 80%; line-height: 140%; 
 background: #EFF4FA url(../img/bg.png) repeat-x top left; background-position: 0 24px;
}
a:link, a:visited, a:active {
 color: #636363; text-decoration: none;
}
a:hover {
 text-decoration: underline; 
}
p {
 margin: 0; padding: 0;
}
hr {
 clear: both; height: 1px; border: none; border-bottom: 1px solid #B3B7B8;
}
img {
 border: none;
}
.red {
 color: #ff0000;
}
h1, h2, h3 {
 margin: 10px 0 10px 0;
 padding: 0;
 font-family: Calibri, Arial;
}
h1 {
 font-size: 160%;
}
h2 {
 font-size: 140%;
}
h3 {
 font-size: 120%;
}
.forms {
 font-size: 95%;
}
.forms input[type=text] {
 margin-bottom: 5px; border: 1px solid #CCCCCC;
}
.forms input[type=radio] {
 background: normal;
}
.forms textarea {
 margin-bottom: 5px; border: 1px solid #CCCCCC;
}
.forms input[type=submit] {
 margin-top: 10px;
}

/* stranky */
.stranky h1 {
 margin-bottom: 20px; color: #034567;
}
.stranky .cesta {
 margin-bottom: 12px;
}
.stranky .cesta a {
 color: #3889C5;
}
.stranky .text {
 margin-bottom: 15px;
}
.stranky .text p {
 margin-bottom: 10px;
}
/* /stranky */

#lista {
 width: 100%; height: 20px; background: #D3D3D3; border-bottom: 4px solid #666666;
}
#lista .left {
 float: left;
}
#lista .right {
 float: right;
}
#lista .right a {
 color: #ffffff;
}
#lista .right a:hover {
 color: #666666; text-decoration: none;
}

#all {
 min-width: 900px; background: url(../img/bgobsahmiddle.png) repeat-y top left;
}
#bgtop {
 min-width: 900px; text-align: left; background: url(../img/bg_top.jpg) no-repeat top left;
}
.obsah {
 width: 590px; min-height: 200px; padding: 125px 0 0 45px;
}

#webcamlive {
 position: absolute; top: 104px; left: 676px; width: 160px; height: 100px; background: url(../img/bgr_webcam.png) no-repeat top left;
}
#webcamlive .left {
 float: left;
}
#webcamlive .right {
 float: right; line-height: 230%;
}
#webcamlive .right a {
 font-weight: bold; color: #55565B;
}

#menu {
 position: absolute; top: 264px; left: 676px; width: 225px;
}
.menutop {
 width: 225px; height: 75px; background: url(../img/bgmenutop.png) no-repeat top left;
}
.menumiddle {
 width: 225px; text-align: left; background: url(../img/bgmenumiddle.png) repeat-y top left;
}
.menubottom {
 width: 225px; height: 75px; background: url(../img/bgmenubottom.png) no-repeat top left;
}
#menu ul {
 width: 170px; margin: 0 0 0 25px; padding: 10px 0 0 0; list-style: none; text-align: left;
}
#menu ul li {
 cursor: pointer; margin: 0; padding: 2px 0 2px 25px; font-size: 110%; color: #63656B;
 background: url(../img/button_sipka.png) no-repeat top left; background-position: 4px 3px; border-bottom: 1px solid #999999;
}
#menu ul li:hover {
 background: url(../img/button_sipka_hover.png) no-repeat top left; background-position: 4px 3px;
}
#menu ul li.liactive {
 background: url(../img/button_sipka_hover.png) no-repeat top left; background-position: 4px 3px;
}
#menu ul li.lisub {
 padding: 2px 0 2px 40px; background: url(../img/button_sipka_sub.gif) no-repeat top left; background-position: 17px 3px;
}
#menu ul li:hover.lisub {
 background: url(../img/button_sipka_hover_sub.png) no-repeat top left; background-position: 17px 3px;
}
#menu ul li.lisubactive {
 padding: 2px 0 2px 40px; background: url(../img/button_sipka_hover_sub.png) no-repeat top left; background-position: 17px 3px;
}

.obsahtop {
 margin: 10px 0 15px 15px;
}
.obsahtop .left {
 float: left;
}
.obsahtop .right {
 float: left; padding: 2px 0 0 7px; font-family: Tahoma;
}

.vypis {
 clear: both; float: left; width: 580px; margin-bottom: 10px;
}
.vypistop {
 float: left; margin-bottom: 1px;
}
.vypistop .left {
 float: left; width: 450px;
}
.vypistop .left a {
 font-weight: bold; color: #034567;
}
.vypistop .left a:hover {
 text-decoration: overline;
}
.vypistop .right {
 float: right; min-width: 130px; font-style: italic; text-align: right; color: #4F4F4F;
}
.vypisobsah {
 clear: both; padding-top: 3px; border-top: 1px dotted #BBBBBB;
}
.vypisobsah img {
 float: left; padding: 3px; border: 1px solid #F3F3F3;;
}
.vypisobsah p {
 float: right; width: 490px; text-align: justify;
}
.vypis .text2 p {
 margin: 15px 0 15px 0;
}

/* fotogalerie */
.vypisobsahfoto {
 clear: both; padding-top: 5px; border-top: 1px dotted #DFDFDF;
}
.vypisobsahfoto img {
 float: left; margin-right: 8px; padding: 3px; border: 1px solid #DFDFDF;
}
.vypisobsahfoto table {
 float: left; margin-bottom: 5px; padding: 0;
}
.vypisobsahfoto table td {
 padding: 0;
}
.vypisobsahfoto p {
 font-size: 90%; text-align: justify; line-height: 130%;
}

h1.fotogaleriaone {
 margin: 0 0 1px 0; padding: 3px; color: #CE0303; background: #ECF2F7;
}
.fotopopis {
 padding: 5px; font-size: 95%; background: #F4F6F7; border-top: 2px solid #D9DFE3;
}

.fotomiddle {
 margin-bottom: 5px;
}
.fotomiddle h2 {
 margin: 0 0 5px 0;
 padding: 1px 1px 0 1px;
 color: #000000;
}
.fotomiddle p {
 float: left;
}
.fotomiddle .fotoone {
 float: left;
 width: 125px;
 max-height: 138px;
 margin: 10px 10px 0 10px;
 text-align: center;
}
.fotomiddle .fotoone img {
 padding: 5px;
 border: 1px solid #EBEBEB; 
}
.fotomiddle p img {
 float: left;
 margin-right: 10px;
}
/* /fotogalerie */

/* relacie */
.relacie {
 float: left; margin: 0 0 5px 0;
}
.relacie h2.left {
 float: left; width: 180px; margin: 0 10px 0 0; padding: 0; font-size: 110%; font-weight: none; text-align: right;
}
.relacie h2.left a {
 color: #034567;
}
.relacie h2.left a:hover {
 text-decoration: underline; color: #0579B3;
}
.relacie .right {
 float: left;
}

.relacia {
 float: left; width: 580px; text-align: center;
}
.relacia .left {
 float: left; width: 280px;
}
.relacia .left h1 {
 margin: 0 0 20px 0; padding: 3px; background: #ECF2F7;
}
.relacia .right {
 float: right; width: 280px;
}
.relacia .right img {
 padding: 5px; border: 1px solid #E7E7E7;
}
.relacia h1 {
 color: #CE0303;
}
/* /relacie */

/* kniha navstev */
.kniha_navstev {
 font-size: 95%;
}
.kniha_navstev .popis_blok {
 width: 580px;  margin-bottom: 5px;
}
.kniha_navstev .popis {
 float: left; width: 100px; padding-right: 10px; text-align: right;
}
.kniha_navstev input[type=text] {
 float: left; margin: 0; margin-right: 5px; font-size: 105%;  color: #000000;  border: 1px solid #CCCCCC;
}
.kniha_navstev textarea {
 margin-right: 5px;  width: 300px; height: 90px; color: #000000;  border: 1px solid #CCCCCC;
}
.kniha_navstev input[type=submit] {
}
.kniha_navstev h3 {
 margin: 0 0 15px 0; font-size: 130%; color: #000000;
}
.kniha_navstev .komentar {
 float: right; width: 90%; margin-top: 5px; padding: 5px; font-weight: bold; background: #F9F2BB; 
 border-bottom: 2px solid #DFD9A8;
}
.kniha_navstev .odpovede {
 width: 100%; margin-bottom: 5px; padding-bottom: 2px; font-weight: normal; border-bottom: 1px solid #ffffff;
}
.kniha_navstev .red {
 color: #ff0000;
}
.kniha_navstev span {
 color: #9F9F9F;
}
.kniha_navstev .komentar div {
 float: left;
}
.kniha_navstev .komentar input {
 width: 140px;
}
.kniha_navstev .komentar textarea {
 width: 160px; height: 40px; font-size: 120%;
}
/* kniha navstev */

#bottom {
 clear: both; width: 675px; height: 103px; background: url(../img/bgobsahbottom.png) no-repeat top left;
}
