@charset "utf-8";


body {
	margin: 0;
	padding: 0;
	background: #d29151 url(images/background.gif) center top repeat-y;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}

#middle_panel {
	width: 1200px;
	margin: 0 auto 0 auto;
}

#top_panel {
	width: 1050px;
	height: 550px;
	margin: 0 auto 0 auto;
	background: url(images/banner.png) top left no-repeat;
}

#banner_panel {
	height: 377px;
}
.mmain {
	display: block;
	height: 377px;
	text-decoration: none;
}

#menu_panel {
	padding-top: 45px;
	padding-left: 10px;
	position:relative;
}

.mbtns {
	display: block;
	background: yellow;
	height: 30px;
	float: left;
	margin-left: 15px;
	margin-bottom: 3px;
}

.mbtns:hover {
	margin-bottom: 0;
	border-bottom: 3px solid black;
}

#mbtn_1 {
	width: 75px;
	background: url(images/buttons/btn_akcie.gif) top left no-repeat;
}
/*
#mbtn_1 {
	width: 65px;
	background: url(images/buttons/btn_uvod.gif) top left no-repeat;
}
*/
#mbtn_2 {
	width: 160px;
	background: url(images/buttons/btn_restauracia.gif) top left no-repeat;
}

#mbtn_3 {
	width: 145px;
	background: url(images/buttons/btn_ubytovanie.gif) top left no-repeat;
}

#mbtn_4 {
	width: 85px;
	background: url(images/buttons/btn_cennik.gif) top left no-repeat;
}

#mbtn_5 {
	width: 105px;
	background: url(images/buttons/btn_kongres.gif) top left no-repeat;
}

#mbtn_6 {
	width: 150px;
	background: url(images/buttons/btn_fotogaleria.gif) top left no-repeat;
}

#mbtn_7 {
	width: 105px;
	background: url(images/buttons/btn_kontakt.gif) top left no-repeat;
}

#main_panel {
	width: 900px;
	margin: 0 auto 0 auto;
	/* border: 1px solid black; */
}

.separator {
	background:url(images/separator.png) center top no-repeat;
	height: 30px;
}

p {
	text-align: justify;
	margin-bottom: 24px;
}

#uvod_back {
	background: url(images/uvod_back.png) top right no-repeat;
}

#restauracia_back {
	background: url(images/restauracia_back.png) top right no-repeat;
}

#ubytovanie_back {
	height: 500px;
	background: url(images/ubytovanie_back.png) top right no-repeat;
}

#cennik_back {
	_height: 500px;
	/*background: url(images/kol.png) center right no-repeat;*/
	background:url(images/kol.small.png) 100% 45% no-repeat;
}

#kontakt_back {
	background: url(images/kol.small.png) center right no-repeat;
}

#food_ul {
	clear: left;
	background: url(images/stol.png) bottom left no-repeat;
	font-weight: bold;
}

img.float_img {
	float: left;
}

#cennik_table {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}

#cennik_table th {
	color: #663300;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}

#cennik_table td {
	width: 150px;
	text-align: center;
	font-size: 16px;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}

#kontakt_table {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;

}

#kontakt_table th {
	width: 150px;
	color: #663300;
	vertical-align: top;
	text-align: right;
	padding-right: 20px;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}

#kontakt_table td {
	width: 200px;
	text-align: left;
	font-size: 16px;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}

.note {
	font-style: italic;
	font-size:14px;
}



td.nadpis {
	font-size:40px;
	font-weight: bold;
}

td.cena {
	font-size:40px;
}

td.den {
	font-size:30px;

}

td.jedlo {

}

td.datum {
	font-weight: bold;
}

input.jedlo {
	width: 500px;

}

#ticker{
	width:540px;
	height:25px;
	position:absolute;
	top:10px;
	left:140px;
}
input[type="text"], select, textarea { font-size:12px; padding:4px 6px; border:1px solid #9D6A48; border-radius:4px; margin-bottom:2px;}
input[type="button"] { font-size:12px; font-weight:bold; cursor:pointer; padding:4px 8px; width:auto; margin-top: 10px; margin-right:0; border:1px solid #9D6A48; }
input[type="button"]:hover { color:#fff; background:#9D6A48; border:1px solid #fff;}
textarea { font-family:Arial, Helvetica, sans-serif;border:1px solid #9D6A48;}
.footer { margin-bottom:1em; text-align:center;}

#oznam-c { width:100%; height:100%; overflow:hidden; position:fixed; left:0; top:0; opacity:1; transition:all .8s ease-in-out; z-index:335;}
#oznam-c.h { opacity:0; height:0;} #oznam-c.n { opacity:0; display:none; height:0; z-index:-1;}
#oznam { width:720px; height:auto; padding:30px 30px 50px 30px; overflow:hidden; margin:25vh auto 12px auto; background:#fff; border:1px solid #b00101;box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); 
	position:relative; font-family: Roboto, Arial; color:#b00101;}
#oznam h2 { color:#b00101; font-family: Roboto, Arial; font-weight:400; font-size:3rem; line-height:1.1; margin:0;}
#oznam .close { width:auto; height:auto; overflow:hidden; position:absolute; right:12px; top:0; font-size:40px; cursor:pointer;}
#oznam p { line-height:1.6; color:#b00101;font-size: 1.125rem; font-family: "PT Sans Narrow", Tahoma, Arial; margin: 20px 14px 0 0;}
#oznam p a { color:#b00101; text-decoration:none; }
#oznam p a:hover { text-decoration:underline;}

.of input[type="text"], .of select, .of textarea { width:150px;background:#fff;}
.err { background:#c00; color:#fff; font-weight:bold; padding:.5em 1em;}

#restauracia_back h2 { text-align:center;}
table.tm { width:100%; font-size:13pt;}
td.dm { font-size:20pt; text-align:center; padding-top:1em;}
td.dm span { font-size:13pt; color:#333;}
td.tm { font-size:18pt; color:#c00; text-align:center; padding-top:1em;}
