/*	---------------------------------------------------------------------------------------
	DenĂ­ky Online

	Description:		Basic styles and layout
	Media:				screen, projection
	Datum:				17. 9. 2011
	Author:				Martin Jemelka (http://www.europemc.cz/)
	---------------------------------------------------------------------------------------*/
@import url("./reset.css");

/*	---------------------------------------------------------------------------------------
	Basic styles
	---------------------------------------------------------------------------------------*/

html {}
body {
    font-family: 'PT Sans', sans-serif;
    font-size: 1.5em;
    color: #333;

    margin: 0;
}

html, body {
    height: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
header {

}

a {color: #a99753;}
a:hover {color: #c8ab37;}

/*	---------------------------------------------------------------------------------------
	Layout
	---------------------------------------------------------------------------------------*/

.counter_visit {
    font-weight: bold; font-size: 20px;
}
.rand_comps {
    font-size: 1.4em;list-style-type: none; padding: 20px;
}

/* Copyrights */
#copyrights { font-size: 11px; padding: 0 0 10px 0; color: #adaaaa; }
#copyrights p { padding: 0 20px 10px 20px; }
/* Footer */
#footer {

    background: #1B1B1B;
    padding: 0; margin-top: 1px;
    color: #fff;
    position: relative;clear: both;
}

#footer .icon-envelope {}

.form_fix {border-bottom: 1px solid #fff;border-top: 1px solid #fff; display: none;background: #222;margin-top: -1px;}
.form_fix.opened {display: block;}
.form_fix h2 {margin-bottom: 0.2em;}
.form_article .labwrap, .form_fix .labwrap {padding: 0.5em 0;}
.form_fix .labwrap.w50p {width: 47%;clear: none;}
.form_article .labwrap label, .form_fix .labwrap label {width: 100%;}
.form_article .labwrap input,
.form_article .labwrap textarea,
.form_fix .labwrap input,
.form_fix .labwrap textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 0.6em;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form_fix .labwrap textarea {
    height: 7.8em;display: block;
}

.form_article .labwrap button,
.form_fix .labwrap button {
    margin-top: 1.8em;
    border: 1px solid #ddd;
    padding: 0.6em 3em;
    color: #fff;
    background: #005050;
}

.copyr {
    border-top: 1px solid #fff;margin-top: -1px;
    padding-top: 1.25em;
}

#lang_select {
    position: absolute;
    right: 20px;
    top: 80px;
    z-index: 5006;
}

#lang_select ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#lang_select li {
    opacity: 0.6;
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
    z-index: 5006;
}

#lang_select li.active,
#lang_select li:hover {
    opacity: 1;
}

#lang_select .cz a { width: 30px; height: 30px; display: block; background: url('../images/flag_cz.png') no-repeat 0 0; background-size: contain; }
#lang_select .en a { width: 30px; height: 30px; display: block; background: url('../images/flag_en.png') no-repeat 0 0; background-size: contain; }
#lang_select .ru a { width: 30px; height: 30px; display: block; background: url('../images/flag_ru.png') no-repeat 0 0; background-size: contain; }
#lang_select .fr a { width: 30px; height: 30px; display: block; background: url('../images/flag_fr.png') no-repeat 0 0; background-size: contain; }
#lang_select .es a { width: 30px; height: 30px; display: block; background: url('../images/flag_es.png') no-repeat 0 0; background-size: contain; }
#lang_select .pl a { width: 30px; height: 30px; display: block; background: url('../images/flag_pl.png') no-repeat 0 0; background-size: contain; }
#lang_select .de a { width: 30px; height: 30px; display: block; background: url('../images/flag_de.png') no-repeat 0 0; background-size: contain; }

.cleaner {clear: both;}

.bubble_2 {
    position: absolute;
    max-width: 30%;
    min-height: 2em;
    padding: 0px;
    background: #FFFFFF;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    z-index: 6669;
    top: 13px;
    display: none;
    font-size: 85%;
    left: 9%;
    border: #c9c09d solid 1px;
    padding: 1em;
    -webkit-box-shadow: 3px 0px 22px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 0px 22px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 0px 22px 0px rgba(0, 0, 0, 0.25);
}

.bubble_2 .glyphicon {
    position: absolute;
    top: 1.5em;
    color: rgb(199, 199, 199);
    right: 1.6em;
}

.bubble_2 h2 {
    margin-top: 5px;
    font-size: 1.7em;
    color: #c8ab37;
}

.bubble_2:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 1.3em 16px 1.3em 0;
    border-color: transparent #FFFFFF;
    display: block;
    width: 0;
    z-index: 1;
    margin-top: -1.3em;
    left: -16px;
    top: 50%;
}

.bubble_2:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 1.3em 16px 1.3em 0;
    border-color: transparent #c9c09d;
    display: block;
    width: 0;
    z-index: 0;
    margin-top: -1.3em;
    left: -17px;
    top: 50%;
}

/*
firmy
*/
.comps_list {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    overflow: hidden;
}

/* ---------------------------------------------- Titulka ----------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------*/

.wrapper {}
.bxl,
.bxr {
    position: absolute!important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.main_slider {
    position: absolute;
    height: 75%;
    width: 93%;
    top: 0;
    right: 0;
    background: #333;
}

.main_slider .bx-viewport,
.main_slider .bx-viewport {position: absolute;width: 100%;height: 100% !important; top: 0;left: 0;}

.main_slider .bx-wrapper {
    position: absolute;
    margin: 0 auto;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bxl .slide:before,
.bxr .slide:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.0);
    content: '';
    display: block;
}

.slide {padding: 0;margin: 0;position: relative;}

.title_slide_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30%;
    height: 40%;
    z-index: 690;
    margin-left: -15%;
    margin-top: -5%;
    color: #fff;
    font-size: 1.3em;
}
.title_slide_wrapper .bxc {display: table;width: 100%;height: 100%;position: absolute;}
.title_slide_wrapper .bxc .slide {display: table-cell;width: 100%;height: 100%;vertical-align: middle;text-align: center;}
.title_slide_wrapper .bxc a {color: #fff;text-decoration: none;}
.title_slide_wrapper .bxc a h2 {
    font-size: 2.0em;
    color: white;
    text-shadow: 1px 1px 0.5em rgba(0, 0, 0, .3),
    1px 1px 0.5em rgba(0, 0, 0, .3);
    text-transform: uppercase;
}

.bx-wrapper .bxc em {font-size: 1.3em;font-weight: normal;font-style: normal;}
.bx-wrapper .bxc img {margin: 0 auto;}

/* ---------------------------------------------- Nav ----------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------*/

#logo {
    text-align: center;
    padding-bottom: 100%;
    width: 100%;
    position: relative;
    top: 0; display: block;
    left: 0;
    height: 0;
    background: #1d1d1d;
}

#logo img {
    position: absolute;
    width: 90%;
    height: auto;
    top: 50%;
    margin-top: -20%;
    left: 5%;
    max-height: 90%;
}

.nav_bocni_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 7%;
    background: #323232;
    height: 100%;
    -webkit-box-shadow: 3px 0px 22px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 3px 0px 22px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 3px 0px 22px 0px rgba(0, 0, 0, 0.05);
    z-index: 5900;
}

.nav_bocni_menu ul {
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
}

.nav_bocni_menu ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

.nav_bocni_menu ul li.levl_0:hover ul {
    display: block;
    width: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 4000;
}

.nav_bocni_menu ul li.levl_0 ul {
    display: none;
}

.nav_bocni_menu ul li.levl_0 ul li {
    background: transparent;
}

.nav_bocni_menu ul li a {
    display: block;
    padding: 0.3em 0.3em 1em 0.3em;
    text-decoration: none;

    font-size: 0.95em;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    background: #2d2d2d;
    text-align: center;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav_bocni_menu ul li a.a_wrapper.odd { background: #222;}

.nav_bocni_menu ul li a:hover,
.nav_bocni_menu ul li a.a_wrapper.odd:hover {
    background: #111;
}

@media (min-width: 768px) {

    .nav_bocni_menu.snizit { width: 15%;}

    .nav_bocni_menu.snizit a:after {display: block;position: relative;content: '';clear: both;}

    .nav_bocni_menu.snizit .a_img {float: left;width: 20%;height: 3em;}

    .nav_bocni_menu.snizit {display: table;}

    .nav_bocni_menu.snizit .a_title {float: right;width: 75%;display: table-cell;vertical-align: middle;padding-top: 1em;}

}

.sirius_black {

    position: fixed;
    display: block;
    width: 0;
    z-index: 6680;
    background: rgba(0, 0, 0, 0.79);
    height: 100%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; overflow: hidden;
    top: 0;
    left: 0;
}

.okno_s_textem {
    width: 400px;
    min-height: 300px;
    background: #fff;

    top: 50%;
    position: absolute;
    padding: 0;
    left: 50%;
    margin: -150px 0 0 -200px;
    -webkit-box-shadow: 3px 0px 22px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 0px 22px 0px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 3px 0px 22px 0px rgba(0, 0, 0, 0.25);
}

@media (max-width: 405px) {

    .okno_s_textem {
        width: 100%;
        min-height: 300px;
        background: #fff;

        top: 10%;
        position: absolute;
        padding: 0;
        left: 0;
        margin: 0;
        -webkit-box-shadow: 3px 0px 22px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 3px 0px 22px 0px rgba(0, 0, 0, 0.25);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        box-shadow: 3px 0px 22px 0px rgba(0, 0, 0, 0.25);
    }
}
.okno_s_textem .image {
    background-size: cover;
    background-position: 50% 0;
    width: 100%;
    height: 0;
    padding: 11%;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.okno_s_textem .glyphicon {
    position: absolute;
    top: 1em;
    right: 1em;
    color: #fff;
    cursor: pointer;text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.47);font-size: 2em;
}
.okno_s_textem .text {
    padding: 1em;display: block;
}

.btn {
    position: relative;
    background: #80AA1C;
    color: #fff;
    border-radius: 3px;
}
.btn:hover {

    background: #90bA2C;
    color: #fff;

}

.sirius_black.fixed {

    position: fixed;
    display: block;
    width: 100%;
    z-index: 6680;
    background: rgba(0, 0, 0, 0.79);
    height: 100%;

}

/* ---------------------------------------------- Article ----------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------*/
.responsive_header {
    padding-top: 31.3%;
    height: 0;
    background-repeat: no-repeat;
    -ms-background-position: 50% 50%;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    margin-bottom: 1px;
}

/* ---------------------------------------------- Article ----------------------------------------------------*/
/* ---------------------------------------------- Novinky ----------------------------------------------*/
.novinky_reklama {
    background: rgba(0, 0, 0, 0.05);
    height: 100%;
    display: block;
    position: relative;
}

.form_article { background: rgba(0, 0, 0, 0.05);}

#articles_novinky h1 {padding: 0 0 0 1em;}

.novinky_ukazky {}

.reklama_article {
    width: 90% !important;
    display: block;
    color: #fff;overflow: hidden;
    text-decoration: none;
    position: relative;margin: 1.5em;
    padding-top: 50%;height: 0;}

.loga_article {

    display: block;
    color: #fff;
    text-decoration: none;
    position: relative;
}

.inside_loga {
    width: 100%;
    padding-bottom: 99.5%;
    display: block;
    position: relative;
    height: 0;
}

.reklama_article:hover, .loga_article:hover {
    color: #fff;
    text-decoration: none;
}

.reklama_article .t_wrapper, .inside_loga .t_wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0;
    top: 0;
    left: 0;
    display: table;
}

.reklama_article .t_inside, .inside_loga .t_inside {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.novinky_article_wrapper {border-bottom: 1px solid #ddd;}

a.novinky_a:hover {background: rgba(0, 0, 0, 0.05);}

a.novinky_a,
a.novinky_a:hover {
    color: #333;
    text-decoration: none;
    padding: 1em 1em 1em 2em;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
}

a.novinky_a .date {
    display: block;
    padding: 2em;margin-top: 1em;margin-bottom: 1em;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;font-size: 1em;
    border: 1px solid #ddd;
    width: 7em;
    height: 7em;
    text-align: center;

}

.novinky_single_article_wrapper .pagetext {margin: 0 0 2em 0;}

.novinky_span .anotation {font-weight: bold;}
.novinky_span {padding: 1em 1em 1em 2em;}
.novinky_span .date { display: block;
    padding: 2em;margin-top: 1em;margin-bottom: 1em;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;font-size: 1em;
    border: 1px solid #ddd;
    width: 7em;
    height: 7em;
    text-align: center;}

a.novinky_a:hover .date {border: 1px dashed #999;}

.novinky_article_wrapper .date span, .novinky_single_article_wrapper .date span {}

.novinky_article_wrapper .day_month, .novinky_single_article_wrapper .day_month {display: inline-block;width: 100%;font-size: 2em;}

.novinky_article_wrapper .month, .novinky_single_article_wrapper .month { font-size: 0.75em;}

.novinky_article_wrapper .text {padding: 0 0 0 2.5em;}

.novinky_single_article_wrapper .text {padding: 0 0 0 3em;}

.novinky_article_wrapper .text .anotation, .novinky_single_article_wrapper .text .anotation {color: #666;}

/* ---------------------------------------------- Article ----------------------------------------------------*/
/* ----------------------------------------------Restaurace----------------------------------------------*/
.inside_article_restaurant .map .inside {
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 35%;
}

.inside_article_restaurant .map iframe {
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;left: 0;
}

.inside_article_restaurant .pagetext {text-align: justify;}

.inside_article_restaurant .anotation {padding: 1em 0 0 0;}
.inside_article_restaurant .anotation p, .inside_article_restaurant .anotation div {
    font-weight: bold;
}

.inside_article_restaurant .details {border-bottom: 1px solid #ddd; padding-bottom: 1em;font-size: 1.1em;}
.inside_article_restaurant .details.noborder {border-width: 0;}

.inside_article_restaurant .map {
    padding-left: 1.5em;
}

.responsive_header.restaurace {
    background-color: transparent;
    padding-top: 16%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.responsive_header.restaurace .glyphicon-chevron-down {display: none;}

.responsive_header.restaurace.fixed .glyphicon-chevron-down {
    display: inline-block;
    font-size: 2em;
    color: #333;
}

.fixed {position: fixed;}

#header.katalog {
    background: #fff;
    z-index: 5000;
    top: 0;
    right: 0;
}

.loga_h1 {padding: 1.3em 1em;}

.logo_a_wrapper {padding: 1px;}
.logo_a_wrapper .logo_a {height: 0;padding: 0; padding-top: 100%;width: 100%;display: block;position: relative;}
.logo_a_wrapper .logo_img {width: 100%;height: 100%;top: 0;left: 0;position: absolute;display: block;}

/* ---------------------------------------------- Article ----------------------------------------------------*/
/* ----------------------------------------------All----------------------------------------------*/
.responsive_header h1 {color: #fff;font-size: 3.5em;text-transform: uppercase;font-weight: bold; padding: 0 30px;}
.responsive_header.restaurace h1, .responsive_header.restaurace p em {color: #333;}

.w93p {width: 93%;margin: 0 0 0 7%; overflow: hidden; /*max-width: 1500px*/}

.w93p.suzit {width: 85%;margin: 0 0 0 15%; /*max-width: 1500px*/}

.responsive_header.restaurace {
    position: relative;
    margin: 0;right: 0;
    width: 100%;
    padding-top: 0;padding: 0;
    height: auto;
}

.responsive_header.restaurace .false_table {padding: 2em 0;}

.responsive_header.restaurace.fixed.w93p {width: 93%;margin: 0 0 0 7%; /*max-width: 1500px*/}

.responsive_header.restaurace.fixed.w93p.suzit {width: 85%;margin: 0 0 0 15%; /*max-width: 1500px*/}

.responsive_header.restaurace.fixed {
    position: fixed;
    bottom: 0;
    right: 0;

    background: rgba(255, 255, 255, 0.8);
}

.header_wrapper.rest {position: relative;height: auto; }

.header_wrapper {margin-top: -1px;padding: 1px 0 0 0;  }

.akce {
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    width: 150px;
    top: 0;
    font-size: 1.5em;
    z-index: 4;
    left: 2em;
    padding: 1em 10px;
    background: #fff;
    text-decoration: none;
    color: #333;
}

.akce:hover { text-decoration: none;
    color: #333;}

.restaurants_ukazky .akce {

    width: 100px;
    top: 0;
    font-size: 1em;
    z-index: 4;
    left: 1em;
    padding: 0.5em 5px;
    background: #fff;
    color: #333;
}

.akce:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 30px 75px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -30px;
    left: 0;
}

.restaurants_ukazky .akce:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 18px 50px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -18px;
    left: 0;
}

.images_art.restaurant {margin-top: 0;}
/* .menubanner {position: absolute;width:100%;height: auto;bottom: 0;left:0;z-index: 1;}
 .menubanner img {position: absolute;width:12em;height: auto;bottom: 1.5em;left:1.5em;z-index: 1;}*/

.videoWrapper, .blogstyle_img, .restaurants_img {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */

    height: 0;margin-top: 0em;
    display: block;
    overflow: hidden;
}

.inside_article .anotation {font-weight: bold;}
.inside_article .pagetext {border-left: #ddd solid 1px;text-align: justify;}
.images_art {margin: 2em 0;}
.itemSocialSharing {padding: 1em 0;}

.responsive_img {
    position: relative;
    padding-bottom: 65%; /* 16:9 */
    height: 0;
    display: block;

}

.responsive_img:before, .logo_a_wrapper .logo_img:before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.0);
    top: 0;left: 0;width: 100%;
    height: 100%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.logo_a_wrapper .logo_img:before { background: rgba(0, 0, 0, 0.0);}

.responsive_img:hover:before {

    background: rgba(0, 0, 0, 0.2);

}

.logo_a_wrapper .logo_img:hover:before {

    background: rgba(0, 0, 0, 0.05);

}

.restaurants_img {

    padding-bottom: 75%;
}

.videoWrapper {width: 100%;}
.videoWrapper iframe {
    width: 560px;
    height: 315px;
    border-width: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blogstyle_img.video {padding: 1em;width: auto;height: auto;}
.restaurants_img,
.blogstyle_img,
.reklama_article {

    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.loga_article,
.hp_promo a { -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;}

.restaurants_img.only_logo,
.logo_a_wrapper .logo_img {
    -webkit-background-size: 65% auto;
    background-size: 65% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;

    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);

}

.restaurants_img.only_logo:hover,
.logo_a_wrapper .logo_img:hover {

    -moz-filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);

}

.blogstyle_article a h2, .restaurants_article a h2, .gallery a h2 {color: #fff;}

#gallery .images_art { /*background: #1B1B1B;*/margin: 2em 0 0 0;}

.false_table { display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.restaurants_article {color: #333;padding: 0 1px 0 0;}

#articles.restaurants {padding-bottom: 1.2em;

}

ul.contact.address,
ul.contact.phone,
ul.open_hours {padding: 0;margin: 0;}
ul.contact.address li,
ul.contact.phone li,
ul.open_hours li {list-style: none;padding: 0.2em 0;margin: 0;  }
ul.contact.address li > span:first-child,
ul.contact.phone li > span:first-child,
ul.open_hours li > span:first-child {width: 30%;display: inline-block;font-weight: bold;}

.inside_article .anotation,
.inside_article .pagetext {padding: 1em 2em;}

#articles.restaurants .description {padding: 0em 2em;}
#articles.restaurants .contact_wrapper {padding: 0 0 1em 0;margin: 1em 0; border: 1px solid #ddd;border-width: 1px 0 1px 0 }

.logostyle > div {height: 0;padding-bottom: 100%;}

.responsive_header .false_table, .restaurants_a .false_table {
    background: rgba(0, 0, 0, 0.0);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.responsive_header.only_logo img {max-width: 50%;max-height: 250px;margin-bottom: 1em;width: auto;height: auto;}
.responsive_header.only_logo .false_table {background-color: transparent;border-bottom: 1px solid #ddd;color: #333;}
.responsive_header.only_logo h1 {color: #333;}

.restaurants_a:hover .false_table { background: rgba(0, 0, 0, 0.4);}

.responsive_header.restaurace .false_table {
    background: transparent;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    position: relative;
}

.responsive_header p em {font-weight: normal;font-size: 1.8em;width: 60%;}

.table-cell {
    display: table-cell;

    vertical-align: middle;
    text-align: center;

}
.example_wrapper_inside {padding-right: 1px;padding-bottom: 1px }

.blogstyle_article a, .blogstyle_a {
    display: block;
    padding: 2em;-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.blogstyle_article a:hover {
    background: rgba(0, 0, 0, 0.1);
}

.blogstyle_article a .table-cell {
    background: rgba(0, 0, 0, 0.0);
    padding: 2em;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
}

.blogstyle_article a:hover .table-cell {
    background: rgba(0, 0, 0, 0.5);
}

.blogstyle_article {padding: 1em 1em;}

.paging ul li {
    float: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.paging ul li a,
.paging ul li span {
    display: block;
    float: left;
    width: 4em;
    height: 4em;
    text-align: center;
    line-height: 4em;color: #fff;
    border-right: 1px solid #fff;
    font-size: 1.2em;

}

.paging ul li.active a,
.paging ul li.active span {background: #333;}
.paging ul li a:hover {
    background: #fff;color: #777;text-decoration: none;
}

.paging ul li.summary span {
    width: auto;
    padding: 0 0 0 2em;
    border-width: 0;
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.paging ul {
    padding: 0;
    margin: 0;
}

.paging {
    background: #777;color: #fff;
    padding: 0;
}
/*------------------------- Produkty -----------------------------*/

.prod_images {
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    height: 0;
    float: left;
    position: relative;
    margin: 0;
    padding-top: 100%;
    width: 100%;
    border: 1px solid #dfdfdf;
    -webkit-background-size: contain;
    display: block;
    background-size: contain;
}

.col-xs-12.prod_images,
.prod_images.detail {
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    height: 0;
    float: left;
    position: relative;
    margin: 0;
    padding-top: 30%;
    width: 30%;
    border: 1px solid #dfdfdf;
    -webkit-background-size: contain;
    display: block;
    background-size: contain;
}

.prod_images.detail {
    margin: 1.8em 1.19em 0 0;
}

.prod_images.detail:last-child {
    margin: 1.8em 0 0 0;
}

.product_color {padding: 1em 2em;}

.product_color.even {
    background-color: #fdfdfd;
}

.product_color {
    border-bottom: 1px solid #c9c09d;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.product_color:hover {background: #eee;}

.product_color:hover .prod_images {
    border: 1px solid #afafaf;
}

.small_product_about_inside a:hover {text-decoration: none;}

a.prihoz_button,
.label_wrapper input.button,
.send_question, .hide_form {
    padding: 0.5em 1em;
    background: #a99753;
    color: #fff;
    font-size: 1.4em;
    display: block;
    text-align: center;
    text-decoration: none;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: inset 0px -6px 0px 0px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: inset 0px -6px 0px 0px rgba(0, 0, 0, 0.37);
    box-shadow: inset 0px -6px 0px 0px rgba(0, 0, 0, 0.37);
}

.gold {color: #a99753;}
.fwn {font-weight: normal;}
.ttn {text-transform: none;}

a.prihoz_button.green {
    background: #A5C837;
}

a.prihoz_button.red, .hide_form {
    background: #C83737;
}

h3 a.autor {
    display: block;
    font-size: 75%;
    color: #333;
    text-transform: none;
    padding: 0.2em 0 0 0;
}

a.prihoz_button:hover,
.label_wrapper input.button:hover,
.send_question:hover,
.hide_form:hover {
    background: #c8ab37;color: #fff; text-decoration: none;
    -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.17);
    box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.17);
}

.send_question {font-size: 1em;padding: 1em 1.5em;display: inline-block;}

a.prihoz_button.green:hover {
    background: #A5C837;
}

a.prihoz_button.red:hover, .hide_form:hover {
    background: #C83737;
}

.prihoz_button span {display: block;}

span.small {
    font-size: 0.9em;
}

.prihoz_button span.small {
    font-size: 0.7em;
}

.katalog .filter {
    border-top: 1px solid #c9c09d;
    border-bottom: 1px solid #c9c09d;
    padding-left: 0;
}

.katalog .filter ul li {
    float: left;
    padding: 0;
    list-style: none;
    border-right: 1px solid #c9c09d;
}

.katalog .filter ul li a {
    padding: 1em;
    display: block;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.katalog .filter ul li a:hover {
    background: #c8ab37;
    text-decoration: none;
    color: #fff;
}

.katalog .filter ul {
    padding: 0;
    margin: 0;
}

.dinline_pocket h3,
.dinline_pocket h4,
#product .price_pocket div h3,
#product .price_pocket div h4,
#product .price_pocket div span {
    display: inline;
}

#send_question_inline { }

.prihozy_a_cas.row_tab {border-top: 1px solid #c9c09d;}

.small_product_images {padding-left: 0;}
.big_sp_icon {padding-left: 0;}
.small_sp_images {padding-left: 0;}
.small_product_about {}

.pt05em {padding-top: 0.5em;}
.pb05em {padding-bottom: 0.5em;}

.prihozy_a_cas .castka,
.prihozy_a_cas .datum,
.prihozy_a_cas .cas,
.prihozy_a_cas h4 {margin: 0.5em 0;display: block;}

legend {
    display: block;

    padding: 0;
    margin-bottom: 20px;
    font-size: 1.6em;
    border: 0;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #c9c09d;
}

.label_wrapper {
    clear: both;
    padding: 0.5em 0;width: 100%;
}

.label_wrapper.w50p {width: 47%;clear: none;}
.label_wrapper label {

    width: 100%;
}

.label_wrapper label.katalog_detail_label {width: auto;}

.label_wrapper input,
.label_wrapper textarea {

    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 0.6em;
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box; /* Firefox 1 - 28 */
    box-sizing: border-box;
}

.label_wrapper textarea {
    height: 6em;display: block;
}

/*-----------------------------------------------------------------*/

.social_urls ul li {
    float: right;

    padding: 0;
    margin: 0;
    list-style-type: none;
}

.social_urls ul li a, .glyphicon-envelope_wrapper {
    display: block;
    float: left;
    width: 4em;
    height: 4em;
    text-align: center;
    line-height: 4em;color: #fff;
    border-right: 1px solid #fff; border-bottom: 1px solid #fff;
    font-size: 1.2em;
    z-index: 1;
    -moz-filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}

.glyphicon-envelope_wrapper {
    background: #005050;
}

.glyphicon-envelope {font-size: 2em; line-height: 2em;}

.social_urls ul li:last-child a {
    display: block;
    border-left: 1px solid #fff;
}

.social_urls ul li a:hover {-moz-filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);}

.social_urls {
    color: #fff;
    padding: 0;
}

.social_urls ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: right;
}

.social_button {
    background: #cc0000 url('../images/sprite.png') no-repeat 0 0;
    position: relative;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.social_button span {display: none;}

.social_facebook {
    background-position: 27px 14px;background-color: #3b5998;
}
.social_twitter {
    background-position: -98px 16px;background-color: #00a0d1;
}
.social_gplus {
    background-position: -232px 16px;background-color: #db4a39;
}
.social_youtube {
    background-position: -355px 11px;background-color: #c4302b;
}
.social_instagram {
    background-position: -481px 15px;background-color: #910101;
}
.social_linkedin {
    background-position: -593px 11px;background-color: #00BDFF;
}

.social_urls ul li.logo_soc a {width: auto; }
.social_urls ul li.logo_soc a img {height: 100%; }
/*--------------------------- 404 --------------------------------------*/

#w404_categories ul { padding: 0;margin: 0; }
#w404_categories ul li {list-style: none;padding: 0;margin: 0; }
#w404_categories ul li a {text-decoration: none; display: block;padding: 0.6em;border-bottom: 1px solid #f7f7f7;}
#w404_categories ul li > ul li a { padding: 0.6em 0.6em 0.6em 2.6em; }
#w404_categories ul li > ul li a:hover, #w404_categories ul li a:hover { color: #fff; background: #00ccff;}
#w404_article,
#w404_categories {
    padding: 2em;
    position: relative;
    margin: 0 0; background: #fff;
}

#w404_categories {background: rgba(0, 0, 0, 0.05);}

/*-----------------------------------------------------------------*/

.nav_bocni_menu .a_img {
    -webkit-background-size: auto 50%;
    background-size: auto 50%;
    background-position: 50% 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 5em;
    margin: auto;
}

.hp_promo {
    background: #333;
    height: 25%;
    width: 93%;
    position: absolute;
    top: 75%;
    right: 0;
}

.hp_promo a {
    display: block;
    height: 100%;
    padding: 0;
}

.hp_promo .t_wrapper {
    display: table;
    width: 100%;
    height: 100%
}

.hp_promo .t_inside {
    display: table-cell;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

.t_wrapper {
    background: rgba(0, 0, 0, 0.0);
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease; display: block;
}

.t_wrapper:hover {
    background: rgba(0, 0, 0, 0.4);
}

.t_inside {display: block;

}
.blogstyle a h2.t_title,
.t_title {
    display: block;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px 0.5em rgba(0, 0, 0, .3), 1px 1px 0.5em rgba(0, 0, 0, .3);
}

.t_border {
    width: 30%;
    border-bottom: 3px solid #fff;
}

.description {
    display: block;position: relative;
}

.blogstyle a {
    text-decoration: none;color: #444;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
}

.blogstyle a .description,
.blogstyle_img.video .description {
    height: 6em;
    padding: 1em 0;
    text-align: justify;
}

.before_hover {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -40%;
    font-family: 'Courgette', cursive;
    filter: alpha(opacity=100);
    -khtml-opacity: 1.0;
    opacity: 1.0;
    font-weight: normal;
    width: 80%;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
}
.image_name,
a.col-xs-12:hover .before_hover {
    filter: alpha(opacity=0);
    -khtml-opacity: 0.0;
    opacity: 0.0;
}

.image_name {
    font-size: 1.1em;
    font-family: 'Courgette', cursive;
    text-transform: none;
    font-weight: normal;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
}

.hp_promo .after_hover_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.after_hover, .black_button .butonek {
    text-transform: uppercase;
    text-align: center;
    display: block;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    background: #fff;
    color: #333;
    width: 50%;
    padding: 0.3em 0.3em;
    line-height: 2em;
    margin: 1em auto;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    filter: alpha(opacity=0);
    -khtml-opacity: 0.0;
    opacity: 0.0;
}
.black_button {padding: 1em 0;}
.black_button .butonek {
    background: #333;
    border: 2px solid #333;
    color: #fff;
    filter: alpha(opacity=100);
    -khtml-opacity: 1.0;
    opacity: 1.0;
}
.black_button .butonek:hover {
    background: #fff;
    color: #333;
    filter: alpha(opacity=100);
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

div.pp_kalypso .pp_content {background: transparent;border-width: 0;}

.gallery_image a:hover .image_name,
.gallery a:hover .after_hover,
a.col-xs-12:hover .after_hover,
a.restaurants_a:hover .after_hover,
a.blogstyle_a:hover .after_hover {
    filter: alpha(opacity=100);
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

.hlavni_slideshow_pager li {
    margin: 0;
    padding: 0.5em 0;
    list-style: none;
}

.hlavni_slideshow_pager {
    position: absolute;
    top: 2em;
    right: 2.8em;
    text-align: right;
    z-index: 5800;
}
.hlavni_slideshow_pager a {
    color: #fff;
    font-size: 1.1em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

.hlavni_slideshow_pager a:hover {
    color: #ddd;
}

.hlavni_slideshow_pager a.active {
    color: #ccc;
    text-transform: uppercase;
}

/*===================================*/

.slider1 li {position: relative;}
.slider1 li h3 {position: absolute;top: 1em;left: 0;padding: 6px;display: inline-block;color: #fff;background: rgba(67, 184, 201, 0.8);}

.addthis_toolbox {z-index: 3999;}

em,
i,
.comment,
.subtitle {font-family: 'Marck Script', cursive;}
.navbar {position: fixed;}
.p-0 {
    padding: 0;
    height: 100%;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.fll {float: left;}
.flr {float: right;}
.cleaner {clear: both;}

span.cleaner {
    clear: both;
    display: block;
    position: relative;
}

.w30p {width: 33%;}
.w50p {width: 49.5%;}
.w48p {width: 47.5%;}
.w20p {width: 20%;}
.w70p {width: 69.5%;}
.w100p {width: 100%;}
.lpp {padding-left: 5%;}
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.p1em {padding: 1em;}
.p2em {padding: 2em;}
.p10p {padding: 10%;}
.p20p {padding: 20%;}
.relative {position: relative;}
.absolute {position: absolute;}
.dnone {display: none;}
.dblock {display: block;}

h1, h2, h3, h4 {text-transform: uppercase;font-weight: bold;}

h4 {
    font-size: 1em;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }

    .glyphicon-menu-hamburger {display: none;}
}

@media (min-width: 995px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 2300px) {
}

@media (max-height: 800px) {
    .nav_bocni_menu .a_img {
        height: 3em;
        margin: auto;
    }

}
@media (max-height: 950px) {.w93p
    .nav_bocni_menu .a_img {
        height: 4em;
        margin: auto;
    }

}

@media (max-width: 768px) {
    .comps_list {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        overflow: hidden;
    }
    #chat-application { display: none!important; }
    .grecaptcha-badge { display: none!important; }
    .bubble_2 {display: none !important}

    .glyphicon-envelope_wrapper {display: none;}

    .form_fix {border-bottom: 1px solid #fff; display: block;}

    body {font-size: 1.2em;background: #fff;}

    .hp_promo {background: #fff;}

    .nav_bocni_menu.snizit,
    .nav_bocni_menu {
        position: absolute;
        background: transparent;
        width: 100%;
        height: auto;
    }

    .restaurants .restaurants_article {border-top: solid 1px #1d1d1d;}

    .example_wrapper_inside {padding-right: 0;}

    #logo {
        text-align: center;
        padding-bottom: 25%;
        width: 25%;
        position: absolute;
        left: 1em;
        top: 1em;
        height: 0;
        background: #1d1d1d;
    }

    .novinky_single_article_wrapper .text, .novinky_span {padding: 0 0;}

    .novinky_single_article_wrapper .text {padding: 1em 0.8em;}

    .pagetext {text-align: justify;width: 100%;padding: 1em 0em;}

    .responsive_header p em {font-size: 1.0em;}

    header .responsive_header h1 {font-size: 1.5em;}

    ul.bocni_menu, .hlavni_slideshow_pager,
    .menu_wrapper_xs ul.bocni_menu {display: none;}

    .menu_wrapper_xs ul.bocni_menu.opened {display: block;margin-top: 0;z-index: 5000;}

    .menu_wrapper_xs .glyphicon {font-size: 1.2em;z-index: 5001; display: inline-block;background: #fff;color: #1d1d1d;padding: 0.7em;position: absolute;top: 1em;right: 1em;text-align: center;}

    .hp_promo .col-xs-12 {margin-top: 1px;}

    .restaurants_article {
        padding: 0 0px 1px 0;
    }

    .responsive_header.restaurace.fixed.w93p {
        width: 100%;
        margin: 0 0 0 0;
    }

    .responsive_header.restaurace.fixed.w93p.suzit {
        width: 100%;
        margin: 0 0 0 0;
    }

    .responsive_header {

        padding-top: 80%;
    }

    .hp_promo,
    .w93p.suzit,
    .w93p {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 1070px) {
    .projekty li a {

        font-size: 1.5em;
    }

    .bubble_2 {width: 45%;}

    .responsive_header h1 {font-size: 2em;}

    .title_slide_wrapper {
        width: 75%;
        height: 50%;
        font-size: 1em;
        margin-left: -38%;
    }

    .white_content {
        font-size: 1.1em;
        width: 900px;
        min-width: 900px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .projekty li a {
        font-size: 1.6em;
    }

    footer .container {
        width: 900px;
    }

    .responsive_header {

        padding-top: 70%;
    }
}

@media (max-width: 1200px) {
    body {font-size: 1.35em;}

    .responsive_header h1 {font-size: 2.2em;}
}
.responsive_header p em {font-size: 1.3em;}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

    background: transparent;

    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

#articles_loga .editicon {
    width: 30px;
    height: 30px;
    top: -50px;
    left: 50px;
    position: relative;
    z-index: 99;
    display: inline-block;
}