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

/* languages */

nav#language-selection {
    float:right;
    margin-left:38px;
}
.icon-lang.icon-cs                        {background:none;}
.icon-lang.icon-en                        {background:none;}
.icon-lang.icon-en:before                 {content:'|'; display:block; float:left; line-height:30px; color:#fce6de; font-size:0.813em; margin:0px 5px 0 5px;}
.icon-lang.icon-de                        {background:url(../images/style/modules/icon-tiny-de.png) right 0px no-repeat;}

.icon-lang{                               /* obecne vlastnosti button-medium*/
    line-height:30px;                  /* 20px / 14px */
    padding:0;                     /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost */
    display:block;
    float:left;
    margin:0 0 0 0;
    color:#fce6de;
    text-decoration:none;
}
.icon-lang:hover                          {color:#fce6de;} /* 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                           {} /* 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{
    width:;
    float:left;
    margin:10px 0 10px 10px;
    width:110px;
}
div#fsq-plugin-content div.fsq-right{
    width:;
    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#container 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 */