body {
  background: url(img/bg.jpg) repeat-x;
  background-color: #eeac02;
  margin: auto;
  padding: auto;
  overflow-x: hidden;
}

div.clear {
  clear: both;
}

header {
  width: 900px;
  margin: auto;
  padding: auto;
}

header #logo {
  background: url(img/logo.png) no-repeat;
  width: 440px; 
  height: 146px;
  float: left;
  margin-top: 25px;
}

header #d_info {
  background: url(img/status-papir.png) no-repeat;
  font-family: Desyrel;
  text-align: center;
  width: 325px; 
  height: 186px;
  float: right;
}

header #d_info p#datum {
  width: 285px;
  font-size: 23px;
  margin: 15px auto;
}

header #d_info p#status_open {
  color: #0D4C03;
  font-size: 25px;
  margin: auto;
}

header #d_info p#status_close {
  color: rgb(153,0,0);
  font-size: 25px;
  margin: auto;
}

nav {
  background: url(img/pozadi-menu.png) no-repeat;
  width: 1006px;
  height: 90px; 
  margin: 12px auto;
  display: block;
}

nav ul {
  display:table-row;  
}

nav ul li {
  display: table-cell;
  list-style-type: none;
  vertical-align: middle;
  width: 170px;
  height: 83px;
  text-align: center;
}

nav ul li a {
  font: 22px Ebrima;
  text-shadow: 2px 2px 2px #000;
  color: #fff;
  text-decoration: none;      
}

nav ul li a:hover {
  color: #FF9653;    
}

nav ul li.sep { 
  display: table-cell;
  list-style-type: none;
  background: url(img/menu-separator-polozka.png) no-repeat;
  width: 3px;
  height: 83px;    
}

nav #fb_icon {
  position: absolute;
  margin: 20px 0 0 938px;
  background: url(img/menu-facebook-inactive.png) no-repeat;
}

nav #fb_icon:hover {
  background: url(img/menu-facebook-active.png) no-repeat;
} 

#menu_separator {
  background: url(img/menu-sep.png) no-repeat;
  width: 1000px;
  height: 15px;
  margin-left: 3px;
}

#kat_logo {
  background: url(img/pozadi-web-kat.png);
  width: 189px;
  height: 382px;
  margin: 30px 0 0 255px;
  position: absolute;
  z-index: 0;
}

#site_content_center {
  float: left;
  left: 50%;
  position: relative;
}

#site_content {
  background: url(img/pozadi-web.png) repeat-y;
  min-height: 900px;
  width: 1006px;
  margin: -12px auto;
  padding-bottom: 7px;
  float: left; 
  left: -50%;
  position: relative;
}

section#main {
  width: 660px;
  font-family: Ebrima;
  margin: 10px 0 0 20px;
  min-height: 601px;
  float: left;
  z-index: 1;
  position: relative;
}

section#main p {
  color: #E0E0E0;
  margin-left: 18px;
  font-family: Ebrima;
  font-size: 16px;
  text-shadow:1px 1px 0px #000;
}

section#main ul {
  color: #CC6633;
  text-shadow:1px 1px 0px #000;
  margin-left: 30px;
}

section#bottom_panel {
  width: 680px;
  margin: 10px 0 0 10px;
  float: left;  
}

section p#section_text {
  color: #fff;
  font-family: Ebrima;
  font-size: 16px;
  margin-left: 15px;
}

section#bottom_panel ul {  
  padding: 0;
  margin: 0;
}

section#bottom_panel ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 8px;
}

section h1 {
  color: #FF9653;
  font-family: Ebrima;
  font-size: 24px; 
  border-bottom: 1px rgb(144,144,144) solid;
  padding-left: 20px;
  margin: 0 0 0 15px;
  max-width: 490px;
}

section h2 {
  color: #FF9653;
  font-family: Ebrima;
  font-size: 19px;
  margin-left: 30px;
}

section div#admin_login {
  background: url(img/login.png);
  width: 285px;
  height: 179px;
  margin: 35px auto;
  padding: auto;  
}

section div#admin_login table {
  padding: auto;
  margin: auto;
  padding-top: 15px; 
  text-align: center;   
}

section#admin_site {
  width: 475px;
  min-height: 490px;
  float: right;
}

section {
 color: #fff;
}

section a {
 color: #fff;
}

#admin_menu {
  width: 170px;  
  float: left;
  border: 1px #000 solid;
}

#admin_menu a.admin_menu_section {
  background: url(img/footer.png) no-repeat;      
  font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  color: #fff;
  display: block;
  position: relative;
  width: 160px;
  padding: 4px 0;
  padding-left: 10px;
  text-decoration: none;
}

#admin_menu a.admin_menu_section .statusicon { 
  position: absolute;
  top: 5px;
  right: 5px;
  border: none;
}

#admin_menu a.admin_menu_section:hover{
  background-color: #000;
  opacity: 0.7;
}

#admin_menu div.submenu ul { 
  list-style-type: none;
  background-color: #291200;
  margin: 0;
  padding: 0;
}

#admin_menu div.submenu ul li {
  border-bottom: 1px dashed rgb(80,80,80); 
  padding-left: 15px;
}

#admin_menu div.submenu ul li:last-child {
  border-bottom: none; 
}

#admin_menu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
font-style: italic;
padding: 2px 0;
padding-left: 10px;
}

#admin_menu div.submenu ul li a:hover{
  background-color: rgb(80,32,0);  
}

.login_text { 
  background: #F1F1F1 url(img/login-sprite.png) no-repeat;
  background-position: 5px -9px !important;
  padding: 10px 10px 10px 25px;
  width: 150px;
  height: 10px;
  border: 1px solid #CCC;
  border-radius: 3px;
} 

.login_pwd { 
  background: #F1F1F1 url(img/login-sprite.png) no-repeat;
  background-position: 5px -60px !important;
  padding: 10px 10px 10px 25px;
  width: 150px;
  height: 10px;
  border: 1px solid #CCC;
  border-radius: 3px;
}

.button {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	border:1px solid #dcdcdc;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:33px;
	line-height:33px;
	min-width:106px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
  cursor: pointer;
}

.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.button:active {
	position:relative;
	top:1px;
}

aside {
  float: right;
  margin-right: 13px;  
}

aside h1 {
  font-size: 18px;
  font-family: Ebrima;
  color: #fff;
  margin: 0 0 0 15px;
  max-width: 270px;
  border-bottom: 1px rgb(48,48,48) solid;
}

aside p#new_text {
  color: #8e8e8e;
  font-family: Ebrima;
  font-size: 13px;
  line-height: 16px;
  margin: 5px 20px 5px 20px;
}

aside p#new_text a {
  color: #8e8e8e;
}

aside div.panel_split {
  background: url(img/panel-pravy-teckovany-prechod.png);
  width: 287px;
  height: 1px;
}

aside a#new_link {
  color: #FF9653;
  text-decoration: none;
  font-family: Ebrima;
  font-weight: bold;
  font-size: 14px;
  float: right;
  margin-right: 25px;
  height: 30px;
}

aside ul#new_list {
  list-style-type: none;
  margin: 5px 0 0 0;
  padding-left: 20px;
}

aside ul#new_list a {
  color: #fff;
  font-family: Ebrima;
  font-size: 14px;
}

aside #archive_link_box {
  text-align: center;
}

aside a#archiv_link {
  text-decoration: none;
  font-family: Ebrima;
  font-size: 13px;
  color: #FF9653;
}

aside div#adress {
  color: #fff;
  margin-left: 45px;
  font-family: Ebrima;
  font-size: 16px;
}

aside span#sub_info {
  color: #9b9b9b;
  font-size: 12px;
}

.panel_head {
  background: url(img/panel-pravy-vrch.png) no-repeat;
  width: 300px;
  height: 4px;
}

.panel_con { 
  background: url(img/panel-pravy-stred.png) repeat-y;
  width: 300px;
  min-height: 200px;
}

.panel_con span {
  color: #FF9653;
  font-family: Ebrima;
  font-size: 16px;  
  margin-left: 7px; 
}

.panel_bot {
  background: url(img/panel-pravy-spod.png) no-repeat;
  width: 300px;
  height: 14px;
}

.b_panel_head {
  background: url(img/panel-levy-vrch.png) no-repeat;
  width: 218px;
  height: 2px;
}

.b_panel_con { 
  background: url(img/panel-levy-stred.png) repeat-y;
  width: 218px;
  min-height: 194px;
}

.b_panel_con span {
  color: #FF9653;
  font-family: Ebrima;
  font-size: 16px;  
  margin-left: 7px; 
}

.b_panel_bot {
  background: url(img/panel-levy-spod.png) no-repeat;
  width: 218px;
  height: 5px;
}

footer {
  background: url(img/footer.png) no-repeat;
  width: 1006px;
  height: 50px;
  margin: 12px auto;
  display: block; 
}

footer #copyright {
  font-size: 12px;
  color: #A45C30;
  float: left;
  width: 125px;
  margin: 10px 0 0 20px;
}

footer #footlinks {
  float: right;
  margin-right: 30px;
}

footer #footlinks ul li {
  display: inline;
  color: #A45C30;
}

footer #footlinks ul li + li::before {
  content: "| ";
}

footer #footlinks ul li a {
  font-size: 12px;
  color: #A45C30;
  text-decoration: none;
  text-transform: uppercase;
}

footer #footlinks ul li a:hover {
  color: rgb(204,102,51);
}

#gallery_album { 
  margin: auto;
  padding: auto;
  width: 655px;
  text-align: center;
}

.album_cover {
  width: 175px;
  height: 140px;
  border-radius: 3px;
  border: 8px rgb(51,0,0) solid;
}

.album_title {
  position: absolute;
  color: #fff;
  width: 175px;
  height: 32px;
  margin: 100px 0 0 8px;
  background-color: rgb(60,0,10);
  opacity: 0.8;
}

.album_title:hover {
  opacity: 0.1;  
}

.album_title p {
  
  margin-top: 4px;
  padding: 0;
}

.album_photo {
  width: 140px;
  height: 110px;
  border-radius: 3px;
  border: 8px rgb(51,0,0) solid;
}

p.archiv {
  margin-left: 40px;
  color: #fff;
  padding-bottom: 10px;
  border-bottom: 2px rgb(128,128,128) dashed;
  width: 570px;   
}

span.archiv_new_date {
  float: right;
  margin-right: 80px;
  color: rgb(153,102,0);
  font-size: 14px;
}

#paging {
 width: 580px;
 text-align: center;
}

#paging li {
 display: inline;
 margin-left: 5px;
}

/* ---------------------------------------------------- [ ADMIN ] --> */

#admin_f_links {
  padding: 0;
  margin-left: 10px;
}

#admin_f_links li {
  width: 450px;
  height: 35px;
  margin-bottom: 10px;
  list-style-type: none;
  border-radius: 8px;
  background-color: white;
  background: #f3e2c7; /* Old browsers */
  background: -moz-linear-gradient(top, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3e2c7), color-stop(50%,#c19e67), color-stop(51%,#b68d4c), color-stop(100%,#e9d4b3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */  
}

#admin_f_links li label.link_name {
  padding: 5px 0 0 6px;
  float: left;
  font-family: Ebrima;
}

#admin_f_links li label.link_url {
  padding: 10px 0 0 6px;
  float: left;
  font-family: Ebrima;
  font-size: 9px;
}

#admin_f_links li a.link_ctr {
  float: right;
  margin: 8px 7px 0 0;
}

table#add_link_table {
  margin: 10px 0 0 15px;
  display: none;
}

a#link_add {
  float: right;
  text-decoration: none;
  margin: 10px 10px 0 0;
  font-family: Ebrima;
  background: url(img/text_bg.jpg);
  padding: 2px 5px 2px 5px;
  font-size: 13px;
  border-radius: 7px;
  color: #000;
}
 
.textbox {
	background-image:url(img/text_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:tahoma, arial, sans-serif;
}

table#o-hours {
  color: #fff;
  margin: 10px auto;
  padding: auto;
  width: 350px;
  text-align: center;
}

table#new_table {
  margin: 10px auto;
}

table#new_table_edit {
  margin: 10px auto;
  display: none;
}

#find_new {
  margin: 25px 0 0 120px;
  text-align: center;
}

.ui-corner-all {
  font-size: 13px;
}

table#album_add {
     margin: 15px auto;
     width: 400px;
}

form#album_upload {
  display: none;
}

table#album_table_edit {
  width: 350px;
  margin: 15px auto;
  color: #fff;
  font-family: Ebrima;
}

table#album_edit_photos {
  width: 150px;
  margin: 15px auto;
  color: #fff;
  font-family: Ebrima;  
}

table#album_edit_photos {
  width: 480px;
}

table#album_edit_photos td {
  text-align:center;
}

table#album_edit_photos td img.photo {
  width: 70px;
  height: 53px;
  border: 6px rgb(51,0,0) solid;
  border-bottom-width: 19px;
  border-radius: 4px; 
}

table#album_edit_photos td img.edit {
  position: absolute;
  margin: 60px 0 0 17px;
  width: 17px;
}

table#album_edit_photos td img.delete {
  position: absolute;
  margin: 60px 0 0 45px;
  width: 13x;
}

#site_admin_table {
  margin-top: 10px;
}

#site_admin_table input[type='text'] {
  width: 320px;  
}
/* ---------------------------------------------------- [ PANELY ] --> */

#op_hours {
  font-family: Ebrima;
  margin: auto;
  width: 270px;
  text-align: center;
}

#op_hours td {
  color: #EF8D4E;
}

#op_hours td:first-child {
  color: white;
  text-align: right;
}

#open_day {
  font-weight: bold;
}

#map3d {  
  margin-top: 50px;
  width: 273px;
  height: 170px;
  margin: auto;    
}

#hlavni-nabidka {
  margin: 15px auto 0 auto;
  color: #FF9653;
  font-family: Ebrima;
  font-size: 13px;
}

#hlavni-nabidka tr {
  text-align: center;
}

#ostatni-napoje, #zabava-panel {
  margin: auto;
  width: 215px;
}

#ostatni-napoje tr:first-child td:first-child, #zabava-panel tr:first-child td:first-child {
  width: 49px;
}
    
#ostatni-napoje h2, #zabava-panel h2 {
  color: #fff;
  font-family: Ebrima;
  font-size: 16px;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

#ostatni-napoje h3, #zabava-panel h3 {
  color: #848383;
  font-family: Ebrima;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 12px;
}


#history_pag li {
  display: inline-block;
  margin-right: 12px;
}

#history p {
  text-indent: 25px;
}