* {margin:0; padding:0}
html, body {height:100%}
body {background:url(../img/bg.jpg) center top repeat-x #fff; color:#fff; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; line-height:140%; text-align:center}
a {color:#fff}
a:hover {text-decoration:none}
h2, h3 {font-size:110%; margin:5px 0}
h3 {font-size:100%}
p, address {font-style:normal; margin:5px 0; color:#D2978C}
img, a img {border:1px solid #fff}
sup {font-size:70%}
fieldset {border:none}
label {color:#fff; border-bottom:1px dashed #fff; font-weight:bold; cursor:help}
input, textarea {width:300px; margin:3px 0 4px 0; border:2px solid #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%}
input#brigada, input#pomer {width: 20px;}
input#submit {background:#982632; color:#fff; width:100px; padding:2px 5px; font-weight:bold; cursor:pointer}
input#submit:hover {background:#C1867B}
textarea {width:420px; height:80px}
iframe {margin-bottom:-5px !important}

a.skipmenu {position:absolute; top:0px; left:-10000px; padding:5px; font-weight:bold}
a.skipmenu:focus, a.skipmenu:active {left:0px; background:#f00; color:#fff; z-index:2}
.smaller {font-size:80% !important}
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
.fl {float:left}
.fr {float:right}
.clear {clear:both}
.noborder {border:none}
.invisible {position:absolute; top:-10000px; left:0; height:1px; overflow:hidden}
.ieonly {display:none}
img.fl {margin:5px 10px 10px 0}
img.fr {margin:5px 10px 0 10px}

#wrapper {position:relative; height:auto; min-height:100%}
#page {width:840px; position:relative; margin:0 auto; text-align:left}
#header {position:relative; height:317px; background:url(../img/header.jpg) no-repeat}
#cup {position:absolute; left:97px; top:245px; width:233px; height:341px; background:url(../img/cup.jpg) no-repeat}

#menu {position:absolute; bottom:0; right:0; width:525px; list-style-type:none; font-size:120%; font-weight:bold; line-height:36px}
#menu li {position:relative; float:left; width:105px; height:272px; text-align:center}
#menu li.first a, #menu li.first a:hover, #menu li.first:hover a {background:none}
#menu li.first {margin-left:90px}
#menu li a {display:block; position:absolute; bottom:0; left:0; width:100%; height:72px; background:url(../img/item.jpg) top left no-repeat; color:#982632}
#menu a:hover {background:#fff}
#menu li:hover .submenu {visibility:visible}
#menu li:hover a {background:#fff}

#menu .submenu {position:absolute; bottom:72px; left:0; list-style-type:none; font-size:70%; line-height:20px; visibility:hidden}
#menu .submenu li {position:relative; float:none; height:25px; text-align:left}
#menu .submenu li.first {margin-left:0}
#menu .submenu a {background:#fff; text-decoration:none; height:25px}
#menu .submenu.onas li a {width:135px; padding:0 0 0 30px}
#menu .submenu.kavarny li a {padding:0 20px 0 20px}
#menu .submenu.kariera li a {padding:0 7px 0 23px}
#menu .submenu li.first a {background:#fff; padding-top:10px}
#menu .submenu a:hover {text-decoration:underline}

#main {float:right; width:480px; margin:30px 16px 70px 0}
#main p {margin:5px 0}
#main ul, #main ol {margin:5px 0 5px 15px} 
div.fr {margin-right:10px}
table {width:90%; border-collapse:collapse; font-size:100%}
table td {padding:2px 5px; border:1px solid #d2978c; color:#d2978c}

.box {background:#982632; padding:0 10px; margin:-5px 0;position: relative;}
.box-top, .box-bottom {height:10px; background:url(../img/main-top.gif) no-repeat}
.box-bottom {background:url(../img/main-bottom.gif) no-repeat; margin-bottom:10px}
.box.galerie {margin:0}
.wifi {position: absolute; top: 0px; right: 5px; background:url(../img/wifi.gif);width:40px; height:28px;}

#footer {position:absolute; bottom:0; left:0; width:100%; height:50px; background:#982632; text-align:center; font-size:70%; line-height:140%}
#footer p {margin:12px 0; color:#fff}
#footer a {text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer strong {font-size:120%}
#footer-content {position:relative; width:805px; margin:auto; text-align:left;height: 50px;}

#recommend {display:none; position:absolute; bottom:0; right:-2px; width:250px; height:170px; border:2px solid #982632; border-bottom:0; padding:5px 10px; background:#fff; color:#982632; font-size:120%}
#recommend h2 {position:relative; margin:5px 0}
#recommend h2 a {display:block; position:absolute; top:0; right:0; background:#982632; color:#fff; padding:3px 5px; text-decoration:none}
#recommend label {color:#982632; font-weight:bold}
#recommend input, #recommend textarea {background:#fff; color:#982632; width:150px; margin:0 0 2px 0; border:1px solid #982632}
#recommend input#send:hover, #recommend h2 a:hover {background:#C1867B; color:#fff; text-decoration:none}
#recommend input#send {background:#982632; color:#fff; height:20px; width:80px; padding:0 2px 2px 2px; font-weight:bold; cursor:pointer; text-align:center}
#recommend textarea {width:250px; height:40px}
#recommend div#recommendMessage {margin:3px 0}
.titul {
	position: absolute;
	left: 0;
	bottom: 50px;
	width: 159px;
	height: 75px;
	margin-left: -15px;
	}
.titul a {
	position: absolute;
	top: 0;
	left: 0;
	width: 159px;
	height: 75px;
	overflow: hidden;
	}
.titul a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 159px;
	height: 75px;
	background:url(../img/plzen-kultura.gif) 0 0 no-repeat;
	}
.plzen {
	position: absolute;
	left: 170px;
	bottom: 50px;
	width: 159px;
	height: 48px;
	margin-left: -15px;
	}
.plzen a {
	position: absolute;
	top: 0;
	left: 0;
	width: 159px;
	height: 48px;
	overflow: hidden;
	}
.plzen a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 159px;
	height: 48px;
	background:url(../img/plzen.gif) 0 0 no-repeat;
	}
/*#form-kariera {
	font-size: 80%;
	}*/
#form-kariera label {
	font-size: 90%;
	border: none;
	}
#form-kariera p {
	margin-bottom: 10px;
	clear: both;
	}
#form-kariera input, #form-kariera textarea {
	width: 220px;
	display: block;
	}
#form-kariera input.check {
	float: left;
	margin-right: 5px;
	width: auto;
	border: none;
	}
#form-kariera .left {
	float: left;
	width: 225px;
	}
#form-kariera .right {
	text-align: left;
	float: right;
	width: 225px;
	}
#form-kariera .wide {
	clear: both;
	}
.fail {
	color: #FF0000;
	}
#right {
	background: url(../img/ok.gif) 420px center no-repeat;
	}
#errors {
	background: url(../img/ko.gif) 420px center no-repeat;
	}