* { padding: 0; margin: 0;}
.bold { color: #007dbd; font-weight: bold;}

#toplist { display: none; }

/****reference****/
#reference { text-align: left;}


/****mp3****/
#files { height: 285px; overflow: hidden; }
.menu { width: 100px; float: left;}
.menu ul { border-top: 1px solid #ccc;}
.menu a { font-weight: bold; display: block; padding: 2px 5px; background: #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; text-decoration: none;}
.menu em { font-style: normal;}
.menu a:hover { background: #ccc; color: #000;}
.menu .active a { color: #fff; background: #07b;}
.menu .spacer { width: 99px; height: 295px;}
.links { margin-left: 110px; height: 283px;}
.links p { padding: 5px 10px; line-height: 1.4em;}
.links strong { display: none;}
body { background-image: url(img/reprobr.jpg); background-position: bottom right ; background-repeat: no-repeat; background-attachment: fixed; font-family: "Trebuchet MS",Arial,Helvetica,Sans-Serif; font-size: 12px; color:#555;}
#container { position:absolute; height:400px; width:765px; _width:762px; margin:-200px 0px 0px -378px; top: 50%; left: 50%; border-bottom: 0px dotted #000000; /*overflow: hidden;*/}
#logo { height: 374px; width: 180px; _width: 181px; border: 1px solid #007dbd; border-bottom: 0; float: left;}
#home { width: 150px; height: 95px; background: url(img/logo.jpg) no-repeat; margin: 15px;}
#logo a { width: 150px; height: 95px; display: block;}
#main { float: right; width: 582px; _width: 578px;}
#topmenu ul { list-style: none;}
#topmenu li { float:left; width: 70px; _width: 70px; background: #007dbd; text-align: center; border-right: 1px solid #fff; border-top: 1px solid #fff;}
#topmenu li.menubook { width: 83px; _width: 79px; float:left; background: #007dbd; text-align: center;}
#topmenu li a { height: 18px; line-height: 18px; font-weight: bold; text-decoration: none; color: #fff; display: block;}
#topmenu li a:hover{ background: #d84; color: #fff;}
#obsah { border: 0px solid red; height: 315px; background: #fff;}
#obsahin { padding: 15px 15px 0;}
#inner { border-right: 1px solid #007dbd;}
#footer { padding:2px 0 0; border-top: 1px solid #007dbd; clear: both; text-align:right; font-size: 11px;}
#footer a { text-decoration: none;}
div.cleaner { clear:both;}
h1 { border-bottom: 1px solid #007dbd; font-size: 18px; color: rgb(221,136,68); text-transform: lowercase; height: 40px; line-height: 40px; padding: 0 0 0 15px;}
a { color:#007dbd;}
a:hover { color:#d84;}
.ubytovani { font-weight:bold; color:#007dbd;}
ul.cenik { list-style: square; margin: 0 0 20px 35px;}
ul.content { list-style: square; margin: 0 0 25px 15px;}
ul.ref li { line-height: 1.45em}
ul.vybaveni { list-style: square; margin: 0 0 0 15px;}
ul.nostyle {	list-style: none;	}
.mixpult p { margin: 0 0 10px 0; font-size: 11px; line-height: 1.3em;}
.mixpult img { width: 300px; float: right; margin: 20px 0 5px 10px;}
.mixpult strong { color: #000;}
#gals {}
#studio a { margin: 8px; _margin: 5px 5px 5px 6px; float: left; border: 1px solid #007dbd; width: 160px; height: 113px; display: block; overflow: hidden;}
#studio a img { border: 0px solid #007dbd; width: 160px; height: 113px;}
#studio a:hover { border:1px solid #d84;}
.lgal { float:right; width: 180px;}
.lgal a { display: block; width: 70px; height: 50px; float: left; margin: 0 0 15px 15px; margin: 0 0 10px 10px; overflow: hidden; border: 1px solid #007dbd;}
.lgal a img { width: 70px; height: 50px; border: none;}
.lgal a:hover { border:1px solid #d84;}
.counter { font-size:16px; float:right; color:#08c; width: 45px; margin: 40px 0 0 15px; display: block;}
.bigpic { float: left; width: 350px; height: 250px; border:1px solid #007dbd;}
.bigpic img { width: 350px; height: 250px; border:0;}
.mapatext { float:left;}
.mapapic { float:right;}
.mapapic img { width:250px; height:250px; border:1px solid #666;}
#dform { float: right; width: 180px;}
#dform table { border-collapse: collapse;}
#dform td { padding: 0; font-weight: bold; color: #d84;}
fieldset { border: 0px solid #789; text-align:right; width: 180px;}
label { text-align:left; font-size:11px; text-transform:lowercase; color: #007dbd; display: block;}
legend,
input,
textarea { width:176px; border: 1px solid #999; font: 11px arial,Helvetica,Sans-Serif; color:#000; background: #f2f2f2; padding: 1px;}
.submit { text-align: center;}
.submit input { padding: 0; font-size:11px; background: #d84; color: #fff; border: 0; font-weight: bold; height: 18px; width: 60px; cursor: hand; cursor: pointer; text-transform: lowercase;}
.code { text-align: center;}
.code input { width:50px; font-weight: bold; vertical-align: 6px;}
textarea { height:175px; margin-bottom: 5px;}
input:focus,
textarea:focus { background: #eef;}
#book { }
#prispevky { font-size: 11px; color:#333; height:275px; overflow: auto; border: 1px solid #999; line-height:1.2em;}
#prispevky p { font-size:11px;}
.prispevek { padding: 4px 2px; background: #fff; margin: 0 0 0px; border-bottom: 1px solid #ccc;}
.prispevek .jmeno { color:#007dbd; font-size:12px; font-weight:bold;}
.prispevek .cas { font-size: 10px; color: #c60;}
.prispevek:hover { background: #e7e7e7; }
#pages { padding-top:2px; line-height:14px; font-size:14px; text-align:center;}
#pages a { text-decoration: none; font-weight:bold;}
#pages span { margin: 0 5px; color: #07b; font-weight: bold;}
#pages span img { border: none; opacity:0.4; filter: alpha(opacity=40) }
#pages a img { border: none; opacity:0.65; filter: alpha(opacity=65) }
#pages a:hover img { border: none; opacity:1; filter: alpha(opacity=100) }
form {	 	 	}
.invisible {	visibility: hidden;	}

/*** MP3 ***/
#obsah .t,#obsah .h,#obsah .c { line-height: 1.25em;}
#obsah .t a { color: #f60;}
#obsah .h a { color: #900;}
#obsah .c a { color: #444;}
#obsah .t a:hover,#obsah .h a:hover,#obsah .c a:hover { color: #07b;}
#obsah .mp3 td { vertical-align: top;}
#header { border-bottom: 1px solid #007dbd;}
#header h1 { float: left; border-bottom: none;}
#header span { float: right; line-height: 40px;}
#header span a { color: #d84;}
#header span a:hover { color: #07b;}