/* ------------------------ BASIC ---------------------------- */
body {
  margin:0 auto;
  text-align:center;
  font-family: 'OpenCond', sans-serif;
	font-size:16px;
  background:white ;
}
body, div, h1, h2, h3, h4, p, ul, li, form {
  margin:0;
  padding:0;
}
div, h1, h2, h3, h4, p, li, th, td, input, select, option, textarea {
  font: inherit;
}
h1, .h1, h2, .h2, h3, .h3, p {
  margin-bottom:0.7em;
}
h1, .h1 {
  font-family: "OpenCond";
  font-size: 1.8em;
  margin:0.5em 0;
}
h2, .h2 {
  font-size:1.2em;
  line-height:1.1em;
}
h3, .h3 { font-size:1.1em; }

td>h2{
  margin:0 !important;
  line-height:100%;
}

ul {
  margin: 3px 0px 5px 0px;
  padding-left: 20px;
}
img {
  vertical-align: bottom;
}
a img { border:none; }
.mceContentBody {
  text-align: left;
  background: white;
  height: 100%;
}

a, a:visited, a:hover {
	color:#5a965a;
	font-weight: bold;
}
a.okk{color#666;}
a, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }

.fr {
  float:right;
}
.fl {
  float:left;
}
.center {
  text-align: center;
}
.cb {
  clear:both;
}


#login_form {
  text-align: left;
  position: absolute;
  top: 20px;
  left: 20px;
  width:170px;
  background:white;
  padding:15px 20px;
  z-index: 1000;
}
#login_form input {
  width:130px;
}
#login_form input.button {
  width:137px;
}
#login_form ul {
  padding-left:0;
}
#login_form li {
  list-style-type:none;
}

#login{
 color:#666;
}
#menu-left input {
  width:80px;
  margin-left:6px;
  margin-bottom:6px;
}
#menu-left input.button {
  width:133px;
}
#menu-left ul {
  padding-left:0;
}
#menu-left li {
  list-style-type:none;
}

/*#login {
  padding:20px 0;
}*/

/* ------------------------ FFORM  ---------------------------- */
.fform_int {
  width: 80px;
}
.fform_smallint {
  width: 30px;
}
.fform_datum {
  width: 80px;
  font-weight: normal;
  font-style: normal;
}
.fform_time {
  width: 150px;
  font-weight: normal;
  font-style: normal;
}

/* ------------------------ LAYOUT ---------------------------- */
.container {
  max-width: 960px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
#header {
  margin-bottom: 0em;
}

a.logo{
  margin-top:19px;
  margin-bottom:11px;
  background:url(layout-logo.png) no-repeat;
  display:block;
  width:180px;
  height:55px;
}

#header .recommended {
  float: right;
  width: 25%;
  position: relative;
  height: 100%;
  font-family: "OpenSans";
  font-size: 1.1em;
  line-height: 1em;
  margin-right:20px;
}
#header .recommended .title {
  display: block;
  float: left;
  max-width: 50%;
  padding-top: 1em;
}
#header .recommended #bbq {
  float: right;
}
#header .container {
  position: relative;
}
#header #ron-jeremy {
  position: absolute;
  bottom: 0;
  right: 9%;
  width: 9%;
  padding: 0.8em 0 1em 3.1em;
  background: url('layout_ron.png') bottom left no-repeat;
  background-size: auto 100%;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 0.9em;
}
#header #ron-jeremy,
#header #ron-jeremy:visited,
#header #ron-jeremy:active {
  color: black;
}
#header #ron-jeremy:hover {
  text-decoration: none;
}

#header .top_slogan {
  width: 37%;
  padding: 2.2em 0 2em 1em;
  margin: 0;
}

#header .site_switch {
  background: black;
  padding: 1em 0;
}
#header .site_switch a,
#header .site_switch a:visited,
#header .site_switch a:active {
  font-family: "OpenSans";
  font-size: 1.5em;
  color: #eeb038;
  font-weight: normal;
  z-index: 200;
  position: relative;
}
#header .site_switch a:hover {
  text-decoration: none;
}
#header .site_switch a span {
  text-transform: uppercase;
}
#header .site_switch a.active,
#header .site_switch a.active:visited,
#header .site_switch a.active:active {
  color: white;
}
#header .site_switch .container > a {
  float: left;
  width: 34%;
  text-align: center;
  margin-right: 15%;
  margin-left: 1%;
}
#header .site_switch a.right {
  margin-left: 14%;
  margin-right: 0;
}
#header .site_switch #logo {
  position: absolute;
  margin-left: 50%;
  width: 50%;
  text-align: left;
  height: 100%;
  z-index: 100;
}
#header .site_switch .logo_inner {
  position: absolute;
  left: 0;
  top:0;
  bottom: 0;
  height: 1px;
  margin: auto;
}
#header .site_switch #logo img {
  margin-left: -50%;
  margin-top: -50%;
}
#header .site_photo img {
  size: 100%;
}

#header #jazyky {
  position: absolute;
  /*bottom: 2em;*/
  /*top: 2em;
  left: 3em;*/
  top: 7em;
  left: 29em;
  color: #eeb038;
  padding:10px;
  background:rgba(0,0,0,0.5);
}
#header #jazyky a, #header #jazyky a:visited {
  font-family: "OpenSans";
  font-size: 1.2em;
  color: #eeb038;
  font-weight: normal;
}
#header #jazyky a.active, #header #jazyky a.active:visited {
  color:white;
}
#header #nazev {
  position: absolute;
  bottom: 0.8em;
  left: 1.2em;
  color: white;
  padding:10px;
  background:rgba(0,0,0,0.5);
  font-family: "OpenSans";
  font-size: 2.5em;
  font-weight: normal;
}
#rychly_kontakt {
  position: absolute;
  bottom: 2em;
  right: 3em;
  color: #eeb038;
  font-family: "OpenSans";
  color: white;
  font-weight: normal;
  padding:10px;
  background:rgba(0,0,0,0.5);
}
#rychly_kontakt > * {
  font-size: 1.2em;
}
#rychly_kontakt a, #rychly_kontakt a:visited {
  font-family: "OpenSans";
  color: white;
  font-weight: normal;
}
#rychly_kontakt a:before {
  content: "";
  display: block;
}
#rychly_kontakt .icon {
  display: none;
}


.right_white {
  float: left;
  width: 370px;
  /*height: 130px;*/
  overflow: hidden;
}
.right_white_padder {
  padding: 1em;
}
.main-right {
  width: 687px;
  float: left;
}
#menu-right {
  /*background: black;*/
}

.random_food {
  clear: both;
}
.random_food h2 {
  font-family: "OpenSans";
  font-size: 1.8em;
  margin:0.5em 0;
  text-align:center;
}

.about {
  /*padding: 1em 0;*/
}
#footer {
  clear: both;
}
#footer .rezervace {
  background: black;
  padding: 1em;
  text-align: center;
  vertical-align: bottom;
}
#footer .rezervace > div {
  display: inline-block;
}
#footer .rezervace .padder {
  width: 30px;
}
#footer .rezervace .new-restu-btn-container {
  width: 296px;
}
#footer .rezervace .new-restu-btn-container > img {
  position: absolute;
  width: 1px;
}
#footer .new-restu-btn-container {
  box-shadow: inset 2px 0px 0px #189c54 !important;
}
#footer .new-restu-btn-container .new-restu-btn {
  box-shadow: inset 2px 0px 0px #17A558 !important;
  line-height: 57px;
}
#footer .new-restu-btn::before {
  width: 59px;
  height: 59px;
}
#footer .new-restu-btn::after {
  width: 40px;
  height: 40px;
  left: 10px;
  background-size: auto 100%;
}
#footer .rezervace small {
  display: none;
}
.TripAdvisor {
  vertical-align: bottom;
}

#footer p {
  font-size: 1.1em;
  text-align: center;
  margin-bottom:1.5em;
}
#footer p span {
  white-space:nowrap;
}
#footer a.archa, #footer a.archa:visited {
  color:#999;
}


#menu-left{
  width:200px;
  color:#5a965a;
  float:left;
  text-align:right;
  padding-right:10px;
  margin-top:40px;
  border-right:1px solid silver;
  font-size:1.3em;
  text-transform: uppercase;
}

#menu-left ul li a{
  text-decoration:none;
  font-weight:normal;
  color:#888;
  text-transform: uppercase;
}
#menu-left ul li a.active{
  text-decoration:none;
  font-weight:bold;
  color:#5a965a;
  text-transform: uppercase;
}
#menu-left ul li a:hover{
  color:#333;
}

#menu-left ul li{
  list-style:none;
  text-align:right;
  
}

.cont_left{
  width:720px;
  float:left;
  margin-left:20px;
}

.motiv{
  margin-bottom:20px;
}

.partners{
  /*text-transform: uppercase;*/
  font-size:0.8em;
  border-top:1px solid silver;
}

#kontcont{
  position:relative;

  height:420px;
  padding-top:14px;
}

#kontakt{
  width:400px;
  position:absolute;
  background: rgba(255,255,255,0.8);
  top:0;
  left:50%;
}
.kweb{
  /*margin-top:10px;*/
}


#map{
  width:100%;
  height:380px;
  margin-bottom:40px;
}

td{vertical-align:top;}


.oclen{
  margin-top:10px;
}

.pm{
  border-top:6px solid white;
  border-left:none;
  border-right:none;
  height:80px;
  /*margin-bottom:-3px;*/
  display:block;
  font-weight:normal;
  width:900px;
  margin:0 auto;
  letter-spacing: -6px;
  overflow:hidden;

}

.pmlast{

}

.pmshow{

}


a.pm:hover{
  font-weight:normal;
  background:#c66d6f;
}

.pmenu{
  background:#a7c09d;

}

.pmenured{
  background:#999;
}

.pmenubullet{
  color:white;
  font-size:144px;
  margin-top:-62px;
  background:none;
  height:80px;
  float:left;
  width:60px;
}

.pmenu2{
  color:white;
  font-size:114px;
  margin-top:-42px;
  background:none;
  height:80px;
  float:left;
}

.pmenu>.pmenu2{
  margin-left:60px;
}
.pmenured>.pmenu2{
  margin-left:100px;
}

.popind{
  width:740px;
  margin:0 100px;
  font-size:1.2em;
  color:#333;
  display:none;
}

.avatar{
  width:100px;
  height:100px;
  float:left;
  margin-top:10px;
}

.funkce{
  width:100%;
  margin-bottom:10px;
}
.td_mail{
  background: url(layout-email.jpg) left top no-repeat;
  padding:2px 0 0 40px;
  height:30px;
  margin-left:20px;
  height:30px;
}
.td_tel{
  background: url(layout-telefon.jpg) left top no-repeat;
  padding:2px 0 0 40px;
  margin-left:20px;
  height:30px;
}
.popis{
color:#5a965a;
text-align:justify;
}

.pix{padding:20px;}
.oman .jmeno{
  font-size:1.4em;
  margin-right:20px;
}

.avright{
  width:550px;
  margin-left:30px;
}

.oman{
  margin:20px 0;
}

#tooltip{
  visibility: hidden;
}

#tname{
  font-size:1.2em;
  line-height:104%;
  margin: 0 0 10px 0;
}

#tooltip a{
  color:rgba(255,255,255,0.9);
}