* { margin: 0; padding: 0; }
img { border: none; }
.clr { clear: both; }

body { background: white; color: #666666; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; font-size: 12px; line-height: 1.3em; }

.in { width: 960px; border-left: 10px solid white; border-right: 10px solid white; margin: 0 auto; }

/***** HEAD *****/
#head { height: 120px; color: #195BA0; }
#head .in { position: relative; z-index: 999; }
#head a.logo { background: url(design/slavia-vs-60.png); text-indent: -999999px; width: 100px; height: 105px; display: block; margin-left: 50px; float: left; margin-bottom: -50px; }
#head strong { float: left; margin-left: 50px; width: 465px; font-size: 20px; line-height: 30px; padding-top: 25px; height: 30px; }
#head a.plzen { float: left; margin-top: 10px; width: 150px; height: 50px; }
#head span.open { width: 180px; height: 120px; background: url(design/otevreno.png); text-indent: -999999px; display: block; margin: 0 -60px 0 20px; float: left; margin-bottom: -50px; }

#theme { background: #0F3966 url(design/voda.jpg) top no-repeat; margin-top: -50px; position: relative; z-index: 500; }
#theme .in { height: 300px; }
#theme p { margin-bottom: 8px; line-height: 16px; }
#theme p ul { margin-bottom: 8px; }
#theme p.head { font-weight: bold; }
#slideshow { width: 765px; height: 250px; background: #0F3966 url(design/back-slideshow.gif) repeat-x; float: left; position: relative; overflow: hidden; }

#slideshow ul.items>li { position: absolute; top: 0; width: 765px; height: 250px; overflow: hidden; list-style: none; display: none; }
#slideshow ul.items>li div.images { width: 575px; height: 250px; overflow: hidden; float: left; }
#slideshow ul.items>li div.images img { display: none; }
#slideshow ul.items>li div.images img.active { display: block; }
#slideshow ul.items>li div.text { width: 150px; height: 210px; overflow: hidden; padding: 20px; float: left; }
#slideshow .text { color: white; float: left; position: relative; }
#slideshow .text ul { margin: 0 0 20px 20px; }
#slideshow .text p.more { text-align: right; position: absolute; bottom: 0; width: 150px; }
#slideshow .text p.more a { font-weight: bold; color: #FFEB00; text-decoration: none; }
#slideshow .text p.more a:hover { color: white; }
#slideshow .navi { position: absolute; bottom: 10px; right: 200px; }
#slideshow .navi a { display: block; float: left; background: #0F3966; color: white; width: 20px; height: 20px; margin-left: 5px; text-decoration: none; line-height: 20px; text-align: center;}
#slideshow .navi a.active { background: #FFEB00; color: #0F3966; }
#slideshow .navi a:hover { background: white; color: #0F3966; }


#opening { width: 150px; height: 210px; float: left; border-left: 5px solid white; background: #FFEB00; padding: 20px; color: #195BA0; position: relative; }
#opening p.line { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #8CA350; }
#opening div.stat { position: absolute; bottom: 10px; text-align: center; background: #0F3966; color: white; width: 150px; padding: 5px 0; }
#opening div.stat a { color: white; text-decoration: none; }
#opening div.stat a:hover { color: #FFEB00; }
#opening div.stat a span { font-size: 20px; display: block; line-height: 25px; }
#menu { border-top: 5px solid white; border-bottom: 5px solid #FFEB00; height: 30px; background: #0F3966 url(design/back-menu.gif) repeat-x; padding: 10px 10px 0 10px; }
#menu li { list-style: none; float: left; border-right: 1px solid #4E6785; }
#menu li.last { border-right: none; }
#menu li a { color: white; text-decoration: none; padding: 0 10px; line-height: 30px; display: block; height: 30px; }
#menu li a.external { background: url(design/external.png) right 0 no-repeat; padding-right: 20px; }
#menu li a.act, #menu li a:hover { background-color: #FFEB00; color: #195BA0; background-position: right -30px; }

/***** BODY *****/
#path { height: 30px; line-height: 30px; padding: 0 20px; font-size: 11px; margin-bottom: 10px; }
#path span { color: #0F3966; }
#path a { color: #195BA0; text-decoration: none; }
#main { background: url(design/back-main.gif) repeat-y; }
#main.popup { background: none; }
#left { width: 150px; float: left; padding: 0 20px 20px 20px; }
#text { width: 540px; float: left; padding: 0 19px 20px 19px; }
#right { width: 150px; float: left; padding: 0 20px 20px 20px; }


/***** FOOT *****/
#foot { background: #D9D9D9; margin: 40px 0 20px 0; height: 30px; line-height: 30px; padding: 0 20px; font-size: 11px; text-align: right; }
#foot a { color: #0F3966; text-decoration: none; }
#foot span { float: left; }


/***** LEFT *****/
#main ul#submenu { list-style: none; margin: 0 0 20px 0; }
ul#submenu li a { color: white; background: #0F3966; line-height: 15px; padding: 5px 10px; border-bottom: 1px solid #4E6785; display: block; }
ul#submenu li.last a { border-bottom: none; }
ul#submenu li.lvl-2 a { padding-left: 20px; background: #144980; }
ul#submenu li a:hover, ul#submenu li a.act { background: #FFEB00; color: #195BA0; }
ul#submenu li.lvl-2 a:hover, ul#submenu li.lvl-2 a.act { background: #ffed53; color: #195BA0; }

#anketa { margin-bottom: 20px; border-bottom: 1px solid #D9D9D9; }
#anketa p { margin-bottom: 10px; }
#anketa .anketa-moznost { border-bottom: 1px dotted #D9D9D9; padding: 5px 0; }
#anketa .anketa-moznost input { float: left; margin-right: 5px; }
#anketa .anketa-moznost label { color: #0085C8; }
#anketa .anketa-moznost div.line { margin-top: 5px; }
#anketa .anketa-konec { margin: 5px 0 20px 0; }
#anketa .anketa-konec input { margin-top: 5px; padding: 2px 6px; background: #0f3966; border: none; color: white; cursor: pointer; }
#anketa .anketa-konec input:hover { background: #FFEB00; color: #0F3966; }

.facebook { margin-left: -11px; border: none; width: 180px; height: 214px; margin-bottom: 20px; }

/***** RIGHT *****/
#gallery { margin-bottom: 20px; }
#gallery a.thmb { width: 33px; margin: 6px 6px 0 0; float: left; }
#gallery a.thmb-last { margin-right: 0; }

#kontakt { margin-bottom: 20px; border-bottom: 1px solid #D9D9D9; }

#links a { display: block; margin-bottom: 10px; }

/***** NEWS *****/
/*#news { padding-top: 10px; }
#news h2 { border-top: 1px solid #D9D9D9; padding-top: 20px; }
#news .wrapper { background: url(design/back-news.gif) repeat-y; }
#news .news { width: 150px; float: left; padding-right: 23px; margin-right: 22px; }
#news .news-last { padding-right: 0; margin-right: 0; border-right: none; }
#news p { margin-bottom: 0; }
#news img { margin-bottom: 5px; }
#news a.more { }*/

#news { padding-top: 10px; }
#news h2 { border-top: 1px solid #D9D9D9; padding-top: 20px; }
#news .wrapper { /*background: url(design/back-news.gif) repeat-y; */ }
#news .news { width: 170px; float: left; margin-right: 12px; border: 1px solid #0F3966; }
#news .news-last { padding-right: 0; margin-right: 0; }
#news .news span.date { background: #0F3966; color: white; display: block; padding: 2px 5px; }
#news .news div.text { height: 100px; overflow: hidden; padding: 10px 5px; background: #eff0ff; }
#news .news div.text p { margin-bottom: 0; }
#news .news a.more { background: #0F3966; color: white; display: block; padding: 2px; text-align: right; }

/***** TEXT *****/
#main h1 { font-size: 18px; color: #0F3966; margin-bottom: 20px; }
#main h2 { font-size: 16px; color: #195BA0; margin-top: 20px; margin-bottom: 10px; }
#main.popup h2 { line-height: 20px; }
#main h2.big { margin-top: 20px; border-top: 1px solid #D9D9D9; padding-top: 20px;  }
#main h3 { font-size: 14px; color: #195BA0; margin-bottom: 10px; }
#main p { margin-bottom: 20px; }
#main p strong { color: #195BA0; }
#main a { color: #0085C8; text-decoration: none; }
#main ul { margin: 0 0 20px 20px;  }

#main iframe.cam { border: none; margin-bottom: 20px; }

#main table { border-collapse: collapse; margin-bottom: 20px; }
#main table th, #main table td { border: 1px solid #D9D9D9; padding: 5px 8px; text-align: left; }
#main table th { background: #0F3966; color: white; }
#main table td.x { background: #0F3966; color: white; }
#main table th.head { background: #0A2746; color: white; text-align: center;}
#main table td.nobr { white-space: nowrap; }
#main table td.cena { white-space: nowrap; text-align: right;}
#main table tr.alert td { background: #FFDDDD; }
#main table tr.ok td { background: #DDFFDD; }
#main table.w100p { width: 100%; }

#main table th.center { text-align: center; }
#main p.vysvetlivky span { display: inline-block; height: 12px; width: 12px; border: 1px solid black; margin-left: 10px; vertical-align: middle; }
#main p.vysvetlivky span.x { background: #195BA0; color: #FFEB00; }
#main table.obsazenost th, #main table.obsazenost td{ font-size: 11px; padding: 3px; }

table.zavod { width: 100%; }
table.zavod th.datum { width: 90px; white-space: nowrap; }

a.gallery { display: block; height: 95px; margin-bottom: 20px; overflow: hidden; }
div.gallery a, a.gallery img { width: 126px; height: 95px; float: left; margin: 0 12px 12px 0; }
div.gallery a.last, a.gallery img.last { margin-right: 0; }

#obsazenost { margin-bottom: 20px; }
#obsazenost a { width: 44px; height: 40px; padding: 4px 2px; margin: 3px 3px 0 0; float: left; text-align: center; background: #0F3966; color: white; font-size: 15px; }
#obsazenost a strong { font-size: 12px; display: block; margin-bottom: 5px; }
#obsazenost a.last { margin-right: 0; }
#obsazenost a.big { margin-right: 0; width: 150px; float: none; display: block; height: 32px; }
#obsazenost a:hover { background: #FFEB00; color: #195BA0; }
a.obsazenost-ubytovna { height: 40px; width: 250px; margin: 0 auto; display: block; padding: 4px 2px; background: #0F3966; color: white !important; font-size: 15px; line-height: 40px; text-align: center; }

#obsazenost-detail { padding-top: 10px; }
#obsazenost-detail.telocvicna table td { width: 11px; }
#obsazenost-detail table { border-collapse: collapse; margin-bottom: 10px; width: 100%; }
#obsazenost-detail table th, #obsazenost-detail table td { border: 1px solid #888; padding: 2px 2px; font-size: 11px; }
#obsazenost-detail p { margin-bottom: 20px; }

#obsazenost-detail p.nav { height: 20px; margin-bottom: 10px; }
#obsazenost-detail p.nav a { display: block; width: 20px; height: 20px; text-decoration: none; background: #195BA0; color: #FFEB00; text-align: center; line-height: 20px; }

#obsazenost-detail table td { width: 11px; height: 14px; color: #CCC; text-align: center; }
#obsazenost-detail table td.x { background: #195BA0; color: #FFEB00; }
#obsazenost-detail table td.y { background: #B80004; }
#obsazenost-detail table td.o { background: #CCC; }
#obsazenost-detail table th, #obsazenost-detail table td.blue { background: #195BA0; color: #FFEB00; font-weight: bold; }
#obsazenost-detail table tbody th { text-align: left; }
#obsazenost-detail p { padding: 0 5px; }
#obsazenost-detail p.right { text-align: right; }
#obsazenost-detail p strong { margin-left: 40px; }
#obsazenost-detail p span { display: inline-block; height: 14px; width: 14px; border: 1px solid black; margin-left: 20px; vertical-align: middle; }
#obsazenost-detail p span.x { background: #195BA0; color: #FFEB00; }
#obsazenost-detail p span.y { background: #B80004; }
#obsazenost-detail p span.i { background: #195BA0; color: #FFEB00; border: none; width: 16px; height: 16px; text-align: center; font-weight: bold; }
#obsazenost-detail p span.o { background: #CCCCCC; color: #FFEB00; }
#obsazenost-detail p span.vstup { float: left; height: auto; width: auto; border: none; margin: 0; font-weight: bold; }
#obsazenost-detail h1 { font-size: 18px; color: #0F3966; margin-bottom: 20px; text-align: center; }

#rezervace div.line { height: 20px; line-height: 20px; margin-bottom: 15px; }
#rezervace div.line label { float: left; width: 140px; }
#rezervace div.line label.inline { float: none; }
#rezervace div.line label span { color: red; font-weight: bold; }
#rezervace div.submit { margin-top: 20px; text-align: right; }
#rezervace div textarea { width: 100%; }
#rezervace div.submit input { padding: 5px 10px; }

td.rozhodci a.whistle { background-image: url(design/whistle.png); background-position: left; background-repeat: no-repeat; padding-left: 21px; line-height: 22px; }

#uzi { float: right; height: 30px; line-height: 13px; color: white; text-align: right; }
#uzi.uzi1 { line-height: 30px; }
#uzi.uzi2  { font-size: 0.9em; }
#uzi a { color: white;  }
#uzi a:hover { color: #FFEB00; }

.formular label.pulden { float: none; font-weight: normal; margin-right: 8px; }