body, html, div, img, h1, h2, h3, h4, h5, h6, fieldset, form, input, label, ul, ol, li, p, a, span, legend, textarea, select {margin: 0; padding: 0; border: 0; font: 10pt 'Trebuchet MS', Arial, sans-serif;}
div.clear, span.clear {display: block; clear: both; font-size: 0; height: 0; line-height: 0;}
a {color: #6e0300;}
a:hover {text-decoration: none;}

/* LAYOUT */
body {background: #6e2800;}
#page {position: absolute; top: 33px; left: 50%; margin-left: -431px; width: 863px;}
h1, h1 span {display: block; width: 863px; height: 178px; cursor: pointer;}
h1 span {background: url('img/h1.jpg') no-repeat; position: absolute; top: 0; left: 0;}
#inpage {background: #ededd1 url('img/bkg_jidelak.jpg') left repeat-y; margin-left: 1px;}
#inside {background: url('img/bkg_page.gif') right repeat-y; padding-right: 8px;}
#two_right {width: 604px; float: right; border: 1px solid #f8f5e7; background: #ededd1 url('img/bkg_menu.gif') left repeat-y; border-width: 42px 9px 0 0;}
#right {width: 204px; float: left;}
#jidelak {width: 224px;}
#playground {width: 400px; background: #f8f5e7 url('img/bkg_playground.gif') left repeat-y; float: left; padding-top: 140px;}
#bottom {font-size: 10pt; clear: both; background: #ededd1 url('img/bkg_menu.gif') left repeat-y; line-height: 30px; color: #a6a671; padding-left: 20px;}
#bottom a {font-size: 10pt; line-height: 20px; color: #a6a671; text-decoration: none;}
#bottom a:hover {text-decoration: underline;}
#ubyt_flash {position: absolute; top: 230px; left: 270px; width: 360px; height: 120px;}
	
/* FACEBOOK */
div.fb_div {background: #fff; width: 200px; margin-left: 6px;}

/* PRAVY */
#right h3 {border-top: 10px solid #f8f5e7; width: 204px; height: 69px; background: url('img/pubrestaurants.jpg') no-repeat; margin-bottom: 10px;}
#right h3 span {display: none;}
#jidelak .picture a {display: block; width: 192px; position: relative; right: 2px; bottom: 2px; border: 1px solid #fff;}
#jidelak .picture a span {display: none;}

#jidelak .picture {margin: 0 20px 10px; background-color: #C4C4B3; width:194px; height: 132px;}
#jidelak .picture a:hover {border-width: 0 1px 1px 0;}
#poll a {border: none;}

/* MENU */
#menu_obal {position: absolute; top: 178px; left: 242px; width: 604px; height: 42px; background: #ededd1 url('img/bkg_menu.gif') left repeat-y;}
#menu {list-style: none; margin-left: 5px;}
#menu li {display: block; float: left; padding: 6px; text-align: center;}
#menu a {text-decoration: none;}
#menu a span {font-size: 9pt; color: #ad8423; font-weight: bold; text-transform: uppercase;}
#menu a:hover span {color: #8f6500;}
#menu a.act span {color: #6e0300;}

/* JIDELAK */
#produkt_menu {margin: 20px 10px;}
#produkt_menu a {font-size: 10pt; font-weight: bold; line-height: 32px; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; display: block; width: 184px; height: 26px; float: left; border: 2px solid #f8f5e7; background: url('img/jidelak_menu.gif') -184px 0 no-repeat;}
#produkt_menu a:hover, #produkt_menu a.act {background-position: 2px 0;}
table {margin: 0 0 30px; width: 100%;}
td {padding: 2px 5px; vertical-align: top;}
th {text-align: left; font-size: 11pt; color: #335F00; padding-top: 20px;}
td em {font-weight: bold; color: #6e0300; font-style: normal;}

/* PLAYGROUND */
div.body {margin: 20px;}
div.body h3 {font-size: 11pt; color: #335F00; margin-bottom: 20px; font-weight: bold;}
div.body h4 {font-size: 11pt; font-weight: bold; margin-top: 20px;}
div.body p {margin: 10px 0; line-height: 14pt;}
div.body ul, div.body ol {margin: 15px;}
div.body li {line-height: 14pt;}
div.body th {color: #6e0300; font-size: 10pt; padding: 0;}

/* KONTAKT */
div.body a.mapa {display: block; border: 8px solid #ededd1;}

/* DENNI MENU */
#jidelak div.inside {padding: 0 0 15px 15px; margin: 0; text-align: center;}
#jidelak h4 {color: #00490F; font-size: 10pt; text-align: center;}
#jidelak table {font-size: 10pt; border-collapse: collapse; border: 0; margin: 0 0 20px;}
#jidelak td {font-size: 9pt; padding: 2px; border-bottom: 1px solid #D9D3B2;}
#jidelak th {text-transform: uppercase; padding: 10px 2px 2px; border-bottom: 3px double #D9D3B2; font-size: 10pt;}
#jidelak td.food {text-align: left;}
#jidelak td.price {vertical-align: bottom; color: #AD5E00; font-weight: bold;}
#jidelak a {font-size: 10pt;}
#jidelak p {margin: 0 0 20px 0;}


/* FOTOGALERIE */
table.fotogalerie {margin: 15px; width: auto;}
table.fotogalerie td {background: #ad8423; border: 5px solid #f8f5e7; padding: 0;}
table.fotogalerie td a {display: block; background: #ad8423; padding: 5px; margin: 0; text-decoration: none;}
table.fotogalerie td a:hover {background: #6e0300;}
table.fotogalerie td a span {display: none;}

/* FORM */
form {margin: 20px;}
form h3 {font-size: 12pt; color: #335F00; margin-bottom: 20px; font-weight: bold;}
form div.row {padding: 10px 0; clear: both; display: block;}
form label {width: 70px; float: left; clear: both; display: block; text-align: right; margin: 5px; color: #6e0300;}
form input {border: 1px solid #3E554F; margin: 2px; float: left; padding: 2px; width: 200px;}
form label.error {color: #f00000;}
form label.required {font-weight: bold;}
form input.error {border-color: #f00000;}
form input.submit {width: auto; margin: 10px 10px 10px 0; line-height: 17px; font-weight: bold; background: #ededd1; color: #6e0300;}
form input.alone {margin: 4px;}
form fieldset {display: block; width: 100%;}
form p.form_error {color: #f00000; padding: 5px; float: left;}
form div.texy textarea {font-family: monospace;}