body {margin: 0; padding: 0; background: #000 url('../graf/bcg-body.jpg') no-repeat 50% 0; font-family: "Myriad Pro", "Georgia", Georgia, Arial, sans-serif; text-align: center; font-size: medium; color: #000;}

a:link, a:visited, a:active {color: #fff; text-decoration: underline;}
a:hover {color: #fff; text-decoration: underline;}
a img {border-width: 0;}

h1 {font-weight: normal; font-size: 280%; color: #fc9; margin-top: 0; padding-top: 0; line-height: 110%;}
h2 {font-weight: normal; font-size: 190%; color: #c63; border-bottom: 1px solid #352E24; padding: 0 0 5px 0;}
h3 {font-weight: normal; font-size: 110%; color: #c63; padding: 0; margin: 0;}

p {line-height: 1.5em; text-align: left;}
ul {line-height: 1.5em;}
ol li {padding-bottom: 10px;}

table {padding: 2px 15px; margin: 0 0 20px 0; border-collapse: collapse;}
th, td {padding: 4px 8px; margin: 0; border-bottom: 1px solid #000; vertical-align: top;}
th {background-color: #975; font-weight: normal; text-align: right;}


table.cenik {width: 100%; border-collapse: collapse;}
table.cenik th, table.cenik td {padding: 12px 15px; margin: 0; border-top: 1px solid #0e0c0b; border-right: 1px solid #0e0c0b;}
table.cenik th {background-color: #975; text-align: center; font-weight: normal;}
table.cenik th.cira {background-color: transparent; border-width: 0 0 0 0; font-size: 80%; color: #975; text-align: left;}
table.cenik td {background-color: #fff; text-align: center; color: #000;}
table.cenik th.leva {text-align: left;}

table.kalendar {width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; margin: -10px 0 20px 0; padding: 0;}
table.kalendar td {padding: 0; margin: 0; font-size: 90%; border-top: 1px solid #0e0c0b; border-right: 1px solid #0e0c0b;}
table.kalendar td h3 {padding: 3px 5px; margin: 1px; font-size: 90%; font-weight: normal; background-color: #975; text-align: center; color: #fff;}

table.kalendar td table {width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; margin: 0; padding: 0; border: 1px solid #000; border-width: 0 1px 0 0;}
table.kalendar td table th {font-weight: normal; font-size: 10px; padding: 3px 0; border: 1px solid #000; border-width: 0 0 1px 1px; text-align: center; background-color: #975;}
table.kalendar td table td {font-weight: normal; font-size: 10px; padding: 0; border: 1px solid #000; border-width: 0 0 1px 1px; text-align: center; line-height: 18px;}
table.kalendar td table td {color: #000; background-color: #fff;}
table.kalendar td table td.inaktiv {color: #666; background-color: transparent;}
table.kalendar td table td.obsazeno {background-color: #f66;}
table.kalendar td table td.zmena {background: #fff url('../graf/bcg-zmena.png') no-repeat 50% 50%;}
table.kalendar td table td.prijezd {background: #fff url('../graf/bcg-prijezd.png') no-repeat 50% 50%;}
table.kalendar td table td.odjezd {background: #fff url('../graf/bcg-odjezd.png') no-repeat 50% 50%;}


#box {display: block; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; color: #fff; text-align: left;}
#mother {display: block; position: relative; width: 990px; min-height: 700px; margin: 0 auto; padding: 280px 0 0 0; background: transparent url('../graf/bcg-mother.png') no-repeat 0 279px;}
#header {display: block; position: absolute; width: 990px; height: 280px; top: 0; left: 0; margin: 0; padding: 0; background: transparent url('../graf/bcg-header-n.png') no-repeat 70px 0;}
#logo {display: block; position: absolute; width: 210px; height: 174px; top: 30px; left: 50px; margin: 0; padding: 0;}

#socialshare {display: block; position: absolute; right: 70px; top: 20px; margin: 0; padding: 0;}

#content {display: block; position: relative; margin: 0; padding: 55px 70px 50px 70px;}
#lbox {display: block; position: relative; float: left; width: 530px; margin: 0; padding: 0;}
#rbox {display: block; position: relative; float: right; width: 280px; margin: 0; padding: 0;}
#rbox img.foto {display: block; border: 10px solid #fff; margin: 0 0 20px 0; padding: 0;}
#rbox img {display: block; margin: 0 0 20px 0; padding: 0;}
#rbox p {margin: 0 0 20px 0;}
#rbox p.fotopopis {font-size: 80%; margin: -15px 0 20px 0; text-align: center; color: #975;}
#rbox p.fotopopis a {color: #975; text-decoration: underline;}
#rbox h2 {font-size: 100%; background: transparent url('../graf/bcg-h2.png') no-repeat 0 0; color: #fff; margin: 0 0 20px; padding: 0 15px; border-width: 0; line-height: 30px;}
.clearer {display: block; clear: both;}

#content p.popis {font-size: 90%; margin: -5px 0 20px 0; color: #975;}


#menu {display: block; width: 900px; margin: 0; padding: 0; position: absolute; bottom: 0; left: 65px; overflow: hidden; height: 50px;}
#menu li {display: inline; margin: 0; padding: 0 4px 0 0; background: none; font-weight: bold;}
#menu li a {color: #000; text-decoration: none; display: inline-block; font-size: 17px; background-color: #fff; font-weight: normal;}

#menu li a span {display: inline-block; float: left; vertical-align: top;}
.ml, .mr {width: 10px;}
.mm {padding: 0 7px;}

#menu li a:link, #menu li.visited a {background: transparent; color: #000;}
#menu li a:link .ml, #menu li.visited a .ml {background: url("../graf/ml.png") left top no-repeat; line-height: 40px; height: 40px; margin-top: 10px;}
#menu li a:link .mr, #menu li.visited a .mr {background: url("../graf/mr.png") left top no-repeat; line-height: 40px; height: 40px; margin-top: 10px;}
#menu li a:link .mm, #menu li.visited a .mm {background: url("../graf/mm.png") center top repeat-x; line-height: 40px; height: 40px; margin-top: 10px;}

#menu li a:hover {background: transparent; color: #000;}
#menu li a:hover .ml {background: url("../graf/ml2.png") no-repeat 0 0; line-height: 45px; height: 45px; margin-top: 5px;}
#menu li a:hover .mr {background: url("../graf/mr2.png") no-repeat 0 0; line-height: 45px; height: 45px; margin-top: 5px;}
#menu li a:hover .mm {background: url("../graf/mm2.png") repeat-x 0 0; line-height: 45px; height: 45px; margin-top: 5px;}

#menu li.active a {background: transparent; color: #fff;}
#menu li.active a .ml {background: url("../graf/ml3.png") no-repeat 0 0; line-height: 50px; height: 50px; margin-top: 0;}
#menu li.active a .mr {background: url("../graf/mr3.png") no-repeat 0 0; line-height: 50px; height: 50px; margin-top: 0;}
#menu li.active a .mm {background: url("../graf/mm3.png") repeat-x 0 0; line-height: 50px; height: 50px; margin-top: 0;}

.datsel {text-align: right;}
input.dlouhy {width: 250px;}
textarea.dlouhy {width: 250px; height: 50px;}
input.kratky {width: 120px;}
select.stredni {width: 170px;}
input.odeslat {font-size: 120%; margin: 10px 0; padding: 2px 10px;}
input.mail {display: none;}

table.fotogalerie {width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; margin: -10px 0 20px 0; padding: 0;}
table.fotogalerie td {padding: 2px 16px 10px 0; margin: 0; font-size: 90%; vertical-align: bottom;}
table.fotogalerie td img {display: block; margin: auto; font-size: 90%; border: 10px solid #fff;}
table.fotogalerie p {padding: 2px 0 0 0; margin: 0; font-size: 90%; color: #975; text-align: center;}
table.fotogalerie td.prvni {padding-left: 1px;}
table.fotogalerie td.posle {padding-right: 1px;}