@charset "utf-8";
/* MODULES.CSS : Obsahuji css k rozsirujicim modulum a funkcim dle individualnich pozadavku */

/* languages */
  
nav#language-selection {

  float:right;
  margin-top: 1.7em;
  border: none;
  box-shadow: none;
}

#select-languages{
  background-color: transparent;
  width: auto;
  height: auto;
  padding: 0;
  border: none;
  box-shadow: none;
  font-family: Montserrat;
}
.icon-lang.icon-cs                        {background:url(../images/style/modules/icon-tiny-cs.png) right 0px no-repeat;}
.icon-lang.icon-en                        {background:url(../images/style/modules/icon-tiny-en.png) right 0px no-repeat;} 
.icon-lang.icon-de                        {background:url(../images/style/modules/icon-tiny-de.png) right 0px no-repeat;}                 
		
.icon-lang{                               /* obecne vlastnosti button-medium*/
	height:20px;                            /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
	line-height:1.42857em;                  /* 20px / 14px */
	padding:0 20px 0 0;                     /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost */
	display:block;
	float:left;
	margin:0.1em;
  text-decoration:none;
}
.icon-lang:hover                          {background-position:bottom right;} /* hover */  /* Zadávání rozměru a vytvoření obrázku s větším rozestupem tlačítka umožní víceřádkový text v tlačítku */
.icon-lang.icon-activated                 {background-position:bottom right;} /* aktivni tlacitko */
.icon-lang span                           {margin:0 1em 0 1em;} /* odsazeni pripadneho textu uvnitr tlacitka */ 
.icon-lang span.hidden                    {display:none;} /* Pokud se ma zobrazovat pouze ikonka */
.icon-lang.button-text-right              {background-position:top left; padding:0px 0px 0px 20px;} /* Zarovnani textu v tlacitku do prava */	 /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
.icon-lang.button-text-right:hover        {background-position:bottom left;} /* Zarovnani textu v tlacitku do prava */
  
/* languages end */ 

/* social networks review */

nav#places-review{  
  margin: 0.5em 0 1em 0;
  float:left;   
  width:100%;         
}
nav#places-review p{  
  margin:0;         
}
nav#places-review ul{
  float:left;       
  width:100%; 
  font-size:1em; 
  margin:0;    
}
nav#places-review ul li{
  display:inline-block;
  position: relative;
  padding:0;	          
}
.icon-small.icon-facebook-place           {background:url(../images/style/modules/icon-small-facebook-place.png) right 0px no-repeat;} 
.icon-small.icon-foursquare-place         {background:url(../images/style/modules/icon-small-foursquare-place.png) right 0px no-repeat;} 
.icon-small.icon-tripadvisor-place        {background:url(../images/style/modules/icon-small-tripadvisor-place.png) right 0px no-repeat;}
.icon-small.icon-yelp-place               {background:url(../images/style/modules/icon-small-yelp-place.png) right 0px no-repeat;}
.icon-small.icon-youtube-channel          {background:url(../images/style/modules/icon-small-youtube-channel.png) right 0px no-repeat;}

.icon-small:hover,
li.place:hover a.icon-small               {background-position:bottom right;} /* hover */ 

li.place div.plugin-window{
  position:absolute;
  z-index:100;	 
  background:#fff;
  width: 468px;
  max-height:0; 
  overflow:hidden; 
  bottom:35px;  /* směr jakým se má okno otevírat + velikost tlačítka s paddingem */ 
  margin:0 0.2em 0 0.2em;       
}
li.place:hover div.plugin-window{
  max-height:700px;
  box-shadow:0 2px 2px rgba(0,0,0,0.4);    /* tento zpusob zapisu umozni zapsat opacity u stinu */ 
  transition: max-height .8s ease;
  -webkit-transition: max-height .8s ease; 
  -moz-transition: max-height .8s ease; 
  -o-transition: max-height .8s ease;   
}

/* social networks review end */

/* foursquare plugin  */

/* === General design ===*/

div#fsq-plugin-content{
  width:466px;
  border:1px solid #1b6cb5;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif; 
  float:left;
}
div#fsq-plugin-content p{
  font-size:1em;
  line-height:1.5;
  margin:0 0 0 0;
  color:#535353;
  font-family:Arial, Helvetica, sans-serif; 
}
div#fsq-plugin-content h3{ /* nastavuje barvu všech těchto prvků */ 
	font-weight:normal;
  line-height:1.2;
  margin:0 0 0 0;
  color:#4d4d4d;
  font-weight:bold;
  font-size:1.8333em;
  font-family:Arial, Helvetica, sans-serif;
}
div#fsq-plugin-content div.fsq-left{
  float:left;
  margin:10px 0 10px 10px;
  width:110px;
}
div#fsq-plugin-content div.fsq-right{

  float:left;
  margin:10px 10px 10px 10px; 
  width:326px;
}
div#fsq-plugin-content a.fousquare-logo{
  background:url(../images/style/modules/foursquare-logo.png) left 0px no-repeat;
  width:110px;
  height:30px;
  display:block;
}
div#fsq-plugin-content section#fsq-stats-strip{
  background:#f4f3f1;
  border-top:1px solid #e6e3e1;
  border-bottom:1px solid #e6e3e1;
  float:left;
  width:100%;
}
div#fsq-plugin-content div.fsq-venue-score{
  background:#69bf13;
  border-radius:3px;
  float:left;
  color:#fff;
  font-weight:bold;
  font-size:1.5em;
  height:1.8em;
  line-height:1.8em;
  padding:0 1em 0 1em;
}
div#fsq-plugin-content div.fsq-total-visitors,
div#fsq-plugin-content div.fsq-total-checkins{
  float:left;
  line-height:2.8em;
  margin-right:15px;
  color:#999999; 
}
div#fsq-plugin-content div.fsq-total-visitors b,
div#fsq-plugin-content div.fsq-total-checkins b{
  color:#4d4d4d;
}
div#fsq-plugin-content section#fsq-comments-body{
  padding:10px;
  width:446px;
  float:left;
}
div#fsq-plugin-content article.fsq-comment{
  float:left;
  padding:8px 0 8px 0;
  border-bottom:1px solid #f5f3f1;
}
div#fsq-plugin-content article.fsq-comment img{
  float:left;
  border-radius:3px;
  width:32px;
  height:32px;
}
div#fsq-plugin-content div.fsq-comment-text{
  float:left;
  width:404px;
  margin-left:10px;
}
div#fsq-plugin-content div.fsq-comment-text time,
div#fsq-plugin-content div.fsq-comment-author{
  display:inline-block;
  color:#999999;
  margin-right:10px;
  font-size:0.916em;
}
div#fsq-plugin-content div.fsq-likes{
  color:#999999;
  background:url(../images/style/modules/foursquare-likes.png) left 0px no-repeat;
  font-size:0.916em;
  padding:0 0 0 20px;
  margin:0.2em 0 0 0;
}

/* === General design end ===*/

/* foursquare plugin end */

/* reservation strip */

.icon-medium.icon-phone                                               {background:url(../images/style/modules/icon-medium-phone.png) left 0px no-repeat;}  
.icon-small.icon-close-strip                                          {background:url(../images/style/modules/icon-small-close-strip.png) left 0px no-repeat;} 

section#reservations-strip table td.reservation-call                  {background:#002938;}
section#reservations-strip table td.reservation-call h2               {color:#adc1cd;}
section#reservations-strip table td.reservation-possibilities         {background:#adc1cd;}
section#reservations-strip table td.reservation-possibilities h2      {color:#002938;} 

/* === General design ===*/

.icon-small:hover,                              
.icon-medium:hover {
  background-position:bottom right;
} 
section#reservations-strip{
  position:absolute;
  bottom:0;
  right:0;
  z-index:100;
  max-width:1400px;
  transition: max-width .8s ease;
  -webkit-transition: max-width .8s ease; 
  -moz-transition: max-width .8s ease; 
  -o-transition: max-width .8s ease;   
}
section#reservations-strip.strip-closed{
  max-width:0;
}
section#reservations-strip h2{
  margin:0;
}
section#reservations-strip a.button-proceed{
  margin:0;
  font-size: 1.1666em;
}
section#reservations-strip table{
  box-shadow:0 2px 2px rgba(0,0,0,0.4);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
  margin:0; 
}
section#reservations-strip table td{
  padding:1em;
}
section#reservations-strip table td.reservation-possibilities.reservation-phone{  /* aby se nezalamovalo vložené telefonní číslo s mezerami */
  min-width:250px;
}

/* === General design end ===*/

/* reservation strip end */ 

/* restaurant menu */

/* === General design ===*/

section.card-preview{
  width:27%;
  float:left; 
  text-align: center;   
  margin:0 3% 3em 3%; 
  border-top:1px solid #acc3cc;                
}
section.card-preview p{ 
  line-height:1.8em;
  height:5.4em; /* 3 radky */
  overflow:hidden;                
}
section.card-preview a.button-proceed{
  float:none;
  display:inline-block;                     
}
table.card-category{ 
  width:100%;  
  margin:0 0 1.5em 0;           
}
table.card-category tbody tr td{ 
  background:none;
  vertical-align:top; 
  padding: 0 0 0 0;           
}
table.card-category tbody tr:first-child td{padding-top:0.5em;}
table.card-category tbody tr:last-child td{padding-bottom:0.5em;}

table.card-category tbody tr td span{ 
  line-height:1.8em;
}
section#card-detail tr.main-meal-info td{ 
  border-top:1px solid #acc3cc;  
  font-size:1em;            
}
section#card-detail tbody:first-child tr.main-meal-info td{ 
  border-top:none;         
}
section#card-detail tr.complementary-meal-info td{
  font-style: italic; 
  color:#535353;              
}
table.card-category tbody tr td:last-child,
table.card-category tbody tr td.last-child{   /* osazeno kvuli ie8 - to nezvlada selector :last-child */
  text-align: right; 
  width:25%;          
}
section#card-detail span.meal-name,
section#card-detail span.meal-attributes{
  float:left;
  margin-right:0.5em;            
}
.icon-tiny.icon-recommend                      {background:url(../images/style/modules/icon-tiny-recommend.png) left 0px no-repeat;}   

/* === General design end ===*/

/* restaurant menu end */ 

/* events */

section.events-section{
  width:47%;
  float:left;                       
}
section.events-section:nth-child(2){
  margin-left:6%;                      
}
section.events-section.alone-section{
  width:100%;                      
}
article.event-article{
  border-top:1px solid #acc3cc;
  padding:2em 0 0 0;  
  margin:0 0 2em 0;  
  float:left;  
  width:100%;               
}
article.event-article div.time-container{
  width:15%; 
  float:left;
  text-align:center;                        
}
article.event-article time span{
  display:block; 
  width:100%;    
  margin:0 0 2px 0;                   
}
article.event-article time span.time-day      {font-size:2.5em; font-weight:bold; }
article.event-article time span.time-month    {font-size:0.875em;}
article.event-article time span.time-year     {font-size:0.875em;}
article.event-article span.date-dash          {font-size:0.875em; margin: 5px 0 5px 0;}

article.event-article div.event-preview{
  width:80%;
  padding:0 0 0 5%;
  float:left;                     
}
article.event-article div.event-preview h4{
  margin-top:0;                    
}
article.event-article div.event-preview a.button-proceed{
  float:left;                    
}

/* events end */
  
/* guestbook */

article.guestbook-article{
  border-top:1px solid #acc3cc;
  padding:1em 0 0 0;  
  float:left; 
  margin:0 0 1em 0; 
  width:100%;                  
}
article.guestbook-article time{
  width:15%; 
  float:left;                       
}
article.guestbook-article time span{
  display:block; 
  width:100%;
  text-align:center;   
  margin:0 0 2px 0;                   
}
article.guestbook-article time span.time-day      {font-size:2.5em; font-weight:bold; }
article.guestbook-article time span.time-month    {font-size:0.875em;}
article.guestbook-article time span.time-year     {font-size:0.875em;}

article.guestbook-article div.guestbook-message{
  width:80%;
  padding:0 0 0 5%;
  float:left;                     
}
article.guestbook-article p.guestbook-cite{
  font-style: italic;                     
}
article.guestbook-article p.message-author{
  text-align:right;                  
}

/* guestbook end */

/* news */

div#news-container{
  width:100%;
  background:#fff;
  padding:0 2em 1em 2em;
  margin:0 0 1em 0;
  float:left;
  box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */ 
  -moz-box-sizing:border-box;  
}
.news-preview{
  display:block;
  width:67%;
  float:left;
  text-decoration: none;
  margin: 0 0 1em 0;
}
.news-preview .imagebox{
  width:30%;
  height:200px;
  margin: 0 5% 0 0;
  float:left;
  border-radius:5px;
  position: relative;
	z-index: 0;
}
div.news-text{
  width:65%;
  float:left;
}
div.news-text.text-without-image{
  width:100%;
}
a.news-preview p.news-date{
	float:left;
}
a.news-preview h3{
	color:#002938;
}
a.news-preview p{
	color:#535353;
}
a.news-preview:hover h3,
a.news-preview:hover p{
	color:#1d85c4;
}
a.news-preview:hover img{
	opacity:0.9;
}
div#news-container .button-proceed{
	clear: left;
  float: left;
}

/* news end */

/* newsletter*/
section#newsletter-registration{
  background:#c5ddeb;
  padding:0 1em 1em 1em;
  float:left;
}

/* newsletter end*/

/* page body image  */

div#page-body-image{
  width:100%;
  height:100%;
  Background-attachment:fixed;
  position: fixed;
  z-index:-1;
  opacity:1; 
}

/* page body image end */

/* reservations plugins */

/* === General design ===*/

iframe#bookio-iframe{
	width:100%;
  max-width:550px;
  height:740px;
  border:none;
}
iframe#restu-iframe{
	width:100%;
  max-width:550px;
  height:860px;
  border:none;
}

  /* link-flag */ /* vyskakovaci bublina s logem */ /* ie8 */
  
  a span.link-flag.flag-bookio {background:url(../images/style/modules/link-flag-bookio.png) center 5px no-repeat #615757;}	 /* velikost obrazku 150x40px */
  a span.link-flag.flag-restu  {background:url(../images/style/modules/link-flag-restu.png) center 5px no-repeat #282828;}	 /* velikost obrazku 150x40px */
  
  a span.link-flag {
  	opacity: 0;
  	z-index: 10;
    position: absolute;    
    bottom: 100%;
  	left:0%;  	
    width:100%;
    min-width:150px;
    min-height:50px;
    margin: 0 0 0.25em 0;
    padding:5px;
    display:block;
    box-shadow:0 2px 2px rgba(0,0,0,0.4);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */ 
    -moz-box-sizing:border-box;    
    border-radius:5px;
    -webkit-transition: 0.3s ease;
  	-moz-transition: 0.3s ease;
  	pointer-events: none;
  }	  
  a:hover .link-flag{
    opacity:1;
    margin: 0 0 0.5em 0;
  }	
  
  /* link-flag end */
  
/* === General design end ===*/

/* reservations plugins end */

/* comments */

/* === General design ===*/

section#comments article.comment{
  margin:0 0 0.5em 0;
  padding:0.5em 0 0.5em 0;
  float:left;
  border-bottom:1px solid rgba(000, 000, 000, 0.1); /* R G B Opacity (v desitkove soustave)*/
  width:100%;
}
section#comments article div.comment-icon{
  width:15%;
  float:left;
}
section#comments article div.comment-icon div{
  background-color: rgba(000, 000, 000, 0.1); /* R G B Opacity (v desitkove soustave)*/
  font-size:1.75em;
  line-height:1.75em;
  font-weight: bold;
  width:1.75em;
  height:1.75em;
  text-align:center; 
  border-radius:100px; 
  margin:0 auto 0 auto;
}
section#comments article.webmaster div.comment-icon div{
  background-color: rgba(000, 000, 000, 0.25); /* R G B Opacity (v desitkove soustave)*/
}
section#comments article.webmaster div.comment-icon div span{
  opacity: 0.8;
}
section#comments article div.comment-icon div span{
  opacity: 0.5;
}
section#comments article div.comment-info,
section#comments article div.comment-text{
  float:left;
  width:85%;
}
section#comments article div.comment-info time{
  font-size:0.75em;
  padding:0 1em 0 1em;
  opacity: 0.5;
}

  /* slider QapTcha */
  
  section#comments div.QapTcha{
    margin: 0.25em 0 0.25em 0;
  }
  section#comments div.QapTcha div.bgSlider{
    border:1px solid #9fb7c5;
    border-radius:5px;
  }
  section#comments div.QapTcha div.bgSlider div.ui-draggable{
    border-radius:5px;
    z-index:10;
  }
  section#comments div.QapTcha div.TxtStatus{
    font-size:100%;
    font-family: inherit;
    width:100%;
    position: relative;
    top:-28px;
    text-align: center;
  }
  
  /* slider QapTcha end */

/* === General design end ===*/

/* comments end */

/* search */

/* === General design ===*/

  /* searchbox */
 
  div#searchbox {
    position: relative;
    float:right;
    width:30%;
    margin:1.25em 0 1.25em 0;
  }
  .searchbox-autocomplete.ui-widget{
    font-size: 0.875em;
  }
  div#searchbox input[type=search]{
    padding-right:2.5em;
  }
  div#searchbox button.icon-small{
    position: absolute;
    margin:0.5em 0.2em 0.5em 0.2em;
    right:0;
    top:0;
    cursor: pointer;
    background:url(../images/style/modules/icon-small-search.png) right 0px no-repeat;
  }
  div#searchbox .icon-small.icon-search:hover{
    background-position: bottom right;
  }
  
  /* searchbox end*/
  
  /* search results */
  
  article.search-result{
    border-bottom:1px solid rgba(000, 000, 000, 0.1); /* R G B Opacity (v desitkove soustave)*/
    padding:0.5em 0 0.5em 0;
  }
  article.search-result:last-child{
    margin-bottom:4em;
  }
  article.search-result h4{
    margin:0;
    font-size:1em;
  }
  article.search-result p{
    margin:0;
  }
  
  /* search results end */

/* === General design end ===*/

/* search end */

/* gallery */

/* === General design ===*/ 

.gallery-preview{
  display:block;
  text-decoration: none;
}
.gallery-preview h3{
  margin-top:0;
}
.gallery-preview .imagebox{
  width:30%;
  height:200px;
  margin: 0 5% 0 0;
  float:left;
  position: relative;
  z-index: 0;
}
div.gallery-text{
  width:65%;
  float:left;
}


/* === General design end ===*/ 

a.gallery-preview h3{
  color:#002938;
}
a.gallery-preview p{
  color:#535353;
}
a.gallery-preview:hover h3,
a.gallery-preview:hover p{
  color:#1d85c4;
}
a.gallery-preview:hover img{
  opacity:0.9;
}

/* gallery end */