<!DOCTYPE html>
<html dir="ltr" lang="en-gb" xml:lang="en-gb" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<base href="https://styx.funsite.cz/">
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<meta content="styx music club bar rum absinth invalidovna palmovka karlín praha prague cool" name="keywords">
<meta content="klub STYX, Praha, Sokolovská 144.
Takový lepší obejvák pro dlouhé večery." name="description">
<meta content="Joomla! - Open Source Content Management" name="generator">
<title>
STYX | INTRO
</title>
<link href="/images/STYX.png" rel="shortcut icon" type="image/vnd.microsoft.icon">
<link href="/components/com_sppagebuilder/assets/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="/components/com_sppagebuilder/assets/css/animate.min.css" rel="stylesheet" type="text/css">
<link href="/components/com_sppagebuilder/assets/css/sppagebuilder.css" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Exo:500&latin-ext" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Oswald:regular,300&latin-ext" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Open+Sans:regular,600&latin" rel="stylesheet" type="text/css">
<link href="/templates/lt_society/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/templates/lt_society/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="/templates/lt_society/css/default.css" rel="stylesheet" type="text/css">
<link href="/templates/lt_society/css/legacy.css" rel="stylesheet" type="text/css">
<link href="/templates/lt_society/css/template.css" rel="stylesheet" type="text/css">
<link class="preset" href="/templates/lt_society/css/presets/preset1.css" rel="stylesheet" type="text/css">
<style type="text/css">
body.site {
background-image : url("/images/blue_bcg.jpg");
background-repeat : repeat;
background-size : inherit;
background-attachment: inherit;
background-position : 0 0;
}
body {
font-family : Exo, sans-serif;
font-size : 18px;
font-weight : 500;
}
h1 {
font-family : Oswald, sans-serif;
font-size : 24px;
font-weight : normal;
}
h2 {
font-family : Oswald, sans-serif;
font-size : 22px;
font-weight : normal;
}
h3 {
font-family : Oswald, sans-serif;
font-size : 20px;
font-weight : normal;
}
h4 {
font-family : Open Sans, sans-serif;
font-weight : normal;
}
h5 {
font-family : Open Sans, sans-serif;
font-weight : 600;
}
h6 {
font-family : Open Sans, sans-serif;
font-weight : 600;
}
.sp-megamenu-parent {
font-family : Oswald, sans-serif;
font-size : 18px;
font-weight : 300;
}
#sp-top-bar {
background-color : #f5f5f5;
color : #999999;
}
</style>
<script src="/media/jui/js/jquery.min.js?ee5190fa716b4e4d55015bf3b1bd0980" type="text/javascript">
</script>
<script src="/media/jui/js/jquery-noconflict.js?ee5190fa716b4e4d55015bf3b1bd0980" type="text/javascript">
</script>
<script src="/media/jui/js/jquery-migrate.min.js?ee5190fa716b4e4d55015bf3b1bd0980" type="text/javascript">
</script>
<script src="/components/com_sppagebuilder/assets/js/sppagebuilder.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/bootstrap.min.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/jquery.cookie.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/jquery.sticky.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/main.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/jquery.counterup.min.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/waypoints.min.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/jquery.easing.1.3.min.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/jquery.mixitup.min.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/jquery.stellar.min.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/wow.min.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/custom.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/scroll.js" type="text/javascript">
</script>
<script src="/templates/lt_society/js/jquery.nav.js" type="text/javascript">
</script>
<meta content="INTRO" property="og:title">
<meta content="website" property="og:type">
<meta content="https://styx.funsite.cz/" property="og:url">
<!-- injected banner -->
</head>
<body class="site com-sppagebuilder view-page no-layout no-task itemid-101 en-gb ltr sticky-header layout-boxed">
<div class="endora-panel">
<p class="endora-panel-text">
Na FreeHostingu
<svg class="endora-panel-img" fill="none" height="32" viewBox="0 0 33 32" width="33" xmlns="http://www.w3.org/2000/svg ">
<path d="M16.5 0L21.4718 3.99696L27.8137 4.6863L28.5031 11.0282L32.5 16L28.5031 20.9719L27.8137 27.3137L21.4718 28.0031L16.5 32L11.5282 28.0031L5.18627 27.3137L4.49693 20.9719L0.499969 16L4.49693 11.0282L5.18627 4.6863L11.5282 3.99696L16.5 0Z" fill="#FFAC52">
</path>
<path clip-rule="evenodd" d="M11.4222 7.24796L21.6345 17.9526L20.2809 19.2439L10.0686 8.53928L11.4222 7.24796Z" fill="#1E1E1E" fill-rule="evenodd">
</path>
<path clip-rule="evenodd" d="M14.779 20.0958L15.387 21.1591C16.1143 22.4311 17.7765 22.8049 18.9784 21.9666L19.7456 21.4315L20.8158 22.9659L20.0486 23.501C17.9451 24.9682 15.036 24.314 13.763 22.0876L13.155 21.0243L14.779 20.0958Z" fill="#1E1E1E" fill-rule="evenodd">
</path>
<path d="M21.0541 8.74487C22.2809 8.74497 23.2758 9.73971 23.2758 10.9666C23.2757 11.475 23.1022 11.9418 22.8148 12.3162C22.5848 12.2747 22.3478 12.2527 22.1058 12.2527C21.3098 12.2527 20.5684 12.4864 19.9467 12.8894C19.2815 12.5056 18.8325 11.7896 18.8324 10.9666C18.8324 9.73965 19.8272 8.74487 21.0541 8.74487Z" fill="#1E1E1E">
</path>
<path d="M10.9979 13.6553C12.2247 13.6554 13.2195 14.6501 13.2195 15.877C13.2195 16.3854 13.046 16.8522 12.7586 17.2266C12.5288 17.1852 12.2923 17.1621 12.0506 17.1621C11.2543 17.1621 10.5123 17.3966 9.89044 17.7998C9.22534 17.416 8.77625 16.7 8.77618 15.877C8.77618 14.6501 9.77096 13.6553 10.9979 13.6553Z" fill="#1E1E1E">
</path>
</svg>
<span class="endora-panel-text-span">
Endora
</span>
běží desítky tisíc
webů. Přidejte se ještě dnes!
</p>
<a class="endora-panel-btn" href="https://www.endora.cz/?utm_source=customer&utm_medium=header-banner&utm_campaign=freehosting " target="_blank">
Vytvořit web zdarma
</a>
</div>
<div class="endora-panel bottom">
<p class="endora-panel-text">
Na FreeHostingu
<svg class="endora-panel-img" fill="none" height="32" viewBox="0 0 33 32" width="33" xmlns="http://www.w3.org/2000/svg ">
<path d="M16.5 0L21.4718 3.99696L27.8137 4.6863L28.5031 11.0282L32.5 16L28.5031 20.9719L27.8137 27.3137L21.4718 28.0031L16.5 32L11.5282 28.0031L5.18627 27.3137L4.49693 20.9719L0.499969 16L4.49693 11.0282L5.18627 4.6863L11.5282 3.99696L16.5 0Z" fill="#FFAC52">
</path>
<path clip-rule="evenodd" d="M11.4222 7.24796L21.6345 17.9526L20.2809 19.2439L10.0686 8.53928L11.4222 7.24796Z" fill="#1E1E1E" fill-rule="evenodd">
</path>
<path clip-rule="evenodd" d="M14.779 20.0958L15.387 21.1591C16.1143 22.4311 17.7765 22.8049 18.9784 21.9666L19.7456 21.4315L20.8158 22.9659L20.0486 23.501C17.9451 24.9682 15.036 24.314 13.763 22.0876L13.155 21.0243L14.779 20.0958Z" fill="#1E1E1E" fill-rule="evenodd">
</path>
<path d="M21.0541 8.74487C22.2809 8.74497 23.2758 9.73971 23.2758 10.9666C23.2757 11.475 23.1022 11.9418 22.8148 12.3162C22.5848 12.2747 22.3478 12.2527 22.1058 12.2527C21.3098 12.2527 20.5684 12.4864 19.9467 12.8894C19.2815 12.5056 18.8325 11.7896 18.8324 10.9666C18.8324 9.73965 19.8272 8.74487 21.0541 8.74487Z" fill="#1E1E1E">
</path>
<path d="M10.9979 13.6553C12.2247 13.6554 13.2195 14.6501 13.2195 15.877C13.2195 16.3854 13.046 16.8522 12.7586 17.2266C12.5288 17.1852 12.2923 17.1621 12.0506 17.1621C11.2543 17.1621 10.5123 17.3966 9.89044 17.7998C9.22534 17.416 8.77625 16.7 8.77618 15.877C8.77618 14.6501 9.77096 13.6553 10.9979 13.6553Z" fill="#1E1E1E">
</path>
</svg>
<span class="endora-panel-text-span">
Endora
</span>
běží desítky tisíc
webů. Přidejte se ještě dnes!
</p>
<a class="endora-panel-btn" href="https://www.endora.cz/?utm_source=customer&utm_medium=header-banner&utm_campaign=freehosting " target="_blank">
Vytvořit web zdarma
</a>
</div>
<style>
@import url("https://fonts.googleapis.com/css?family=Poppins:400,700,900");
.bottom {
position
:
fixed
;
z-index
:
2
;
bottom
:
0
;
}
.endora-panel {
width : -webkit-fill-available !important;
border-bottom : 1px solid #bebfc4;
background : #d2dfef;
display : flex;
justify-content : center;
align-items : center;
padding : 0 10px;
gap : 105px;
height : 50px;
@media (max-width: 650px) {
gap: 0px;
justify-content: space-between;
}
}
.endora-panel-btn {
width : 176px;
height : 32px;
justify-content : center;
align-items : center;
display : flex;
border-radius : 26px;
background : #ffac52;
font : 500 14px Poppins;
color : black;
padding : 0 10px;
text-decoration : none;
@media (max-width: 650px) {
font: 500 10px Poppins;
width: 121px;
height: 36px;
text-align: center;
line-height: 12px;
}
}
.endora-panel-text {
color : #3a3a3a;
display : flex;
align-items : center;
gap : 5px;
font : 400 14px Poppins;
flex-wrap : wrap;
margin : 0 !important;
@media (max-width: 650px) {
font: 400 10px Poppins;
width: 60\;
justify-items: center;
line-height: 9px;
}
}
.endora-panel-text-span {
display : flex;
align-items : center;
gap : 5px;
font : 600 15px Poppins;
color : #1e1e1e;
@media (max-width: 650px) {
font: 600 11px Poppins;
}
}
.endora-panel-img {
width : 32px;
height : 32px;
@media (max-width: 650px) {
width: 20px;
height: 20px;
}
}
</style>
<!-- end banner -->
<div class="body-innerwrapper">
<section id="sp-top-bar">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-6" id="sp-top1">
<div class="sp-column">
<ul class="social-icons">
<li>
<a href="https://www.facebook.com/clubstyx/" target="_blank">
<i class="fa fa-facebook">
</i>
</a>
</li>
<li>
<a href="https://twitter.com/clubstyx" target="_blank">
<i class="fa fa-twitter">
</i>
</a>
</li>
<li>
<a href="https://www.youtube.com/user/clubstyx" target="_blank">
<i class="fa fa-youtube">
</i>
</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-6" id="sp-top2">
<div class="sp-column">
<ul class="sp-contact-info">
<li class="sp-contact-phone">
<i class="fa fa-phone">
</i>
+420 604 267 995
</li>
<li class="sp-contact-email">
<i class="fa fa-envelope">
</i>
<a href="mailto:[email protected]">
[email protected]
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<header id="sp-header">
<div class="container">
<div class="row">
<div class="col-xs-8 col-sm-3 col-md-3" id="sp-logo">
<div class="sp-column">
<a class="logo" href="/">
<h1>
<img alt="STYX" class="sp-default-logo hidden-xs" src="/images/STYX_logo_clear_yellow.png">
<img alt="STYX" class="sp-retina-logo hidden-xs" height="51" src="/images/STYX_logo_clear_yellow.png" width="317">
<img alt="STYX" class="sp-default-logo visible-xs" src="/images/STYX_logo_clear_yellow.png">
</h1>
</a>
</div>
</div>
<div class="col-xs-4 col-sm-9 col-md-9" id="sp-menu">
<div class="sp-column">
<div class="sp-megamenu-wrapper">
<a href="#" id="offcanvas-toggler">
<i class="fa fa-bars">
</i>
</a>
<ul class="sp-megamenu-parent menu-fade hidden-xs">
<li class="sp-menu-item current-item active">
<a href="/index.php">
INTRO
</a>
</li>
<li class="sp-menu-item">
<a href="/index.php/bar">
BAR
</a>
</li>
<li class="sp-menu-item">
<a href="/index.php/galerie">
GALERIE
</a>
</li>
<li class="sp-menu-item">
<a href="/index.php/mapa">
KONTAKT
</a>
</li>
<li class="sp-menu-item">
<a href="/index.php/book">
GUESTBOOK
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<section id="sp-page-title">
<div class="row">
<div class="col-sm-12 col-md-12" id="sp-title">
<div class="sp-column">
</div>
</div>
</div>
</section>
<section id="sp-main-body">
<div class="row">
<div class="col-sm-12 col-md-12" id="sp-component">
<div class="sp-column">
<div id="system-message-container">
</div>
<div class="sp-page-builder page-3" id="sp-page-builder">
<div class="page-content">
<section class="sppb-section" style="margin:10px 10px 10px 10px ;padding:0px 0px 0px 0px ;color:#f8eb0c;">
<div class="sppb-row">
<div class="sppb-col-sm-12">
<div class="sppb-addon-container" style="">
<div class="sppb-addon sppb-addon-text-block sppb-text-center">
<h2 class="sppb-addon-title" style="margin-top:10px;margin-bottom:10px;color:#f8eb0c;">
INTRO
</h2>
<div class="sppb-addon-content">
<div style="text-align: center;">
Karlínské Chill-out cafe STYX je celosvětově vyhlášené pro svou neformální přátelskou atmosféru, připomínající obejvák. Akorát je v něm víc prima lidí, než bývá ve většině obejváků obvyklé. Hraje zde kvalitní hudba, není tu televize a široký výběr drinků. Vysoké intelektuálně - spekulativní napětí vybízí k odborným diskuzím i bohapustému tlachání. Se prostě stavte na kafe a cigáro. Nebo raději kvalitní rum či absinth? Může to být i váš obejvák...
</div>
<br>
<div style="text-align: center;">
Těší se na Vás STYX Crew.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sppb-section" style="">
<div class="sppb-row">
<div class="sppb-col-sm-12">
<div class="sppb-addon-container" style="">
<div class="sppb-addon sppb-addon-single-image sppb-text-center">
<div class="sppb-addon-content">
<img alt="" class="sppb-img-responsive" src="/images/2017/05/24/STYX_intro.jpg">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sppb-section" style="margin:0px 10px 0px 10px ;color:#ffffff;">
<div class="sppb-row">
<div class="sppb-col-sm-4">
<div class="sppb-addon-container" data-sppb-wow-duration="300ms" style="color:#f8eb0c;">
<div class="sppb-addon sppb-addon-text-block sppb-text-center">
<div class="sppb-addon-content">
<h2 style="text-align: center;">
<strong>
<br>
po - pá:
<br>
</strong>
<br>
16:00 - 01:00
</h2>
<h2 style="text-align: center;">
<strong>
so:
</strong>
18:00 - 01:00
</h2>
<h2 style="text-align: center;">
<strong>
ne
</strong>
: 18:00 - 00:00
</h2>
</div>
</div>
</div>
</div>
<div class="sppb-col-sm-4">
<div class="sppb-addon-container" style="color:#f8be0c;">
<div class="sppb-addon sppb-addon-single-image sppb-text-center">
<div class="sppb-addon-content">
<img alt="" class="sppb-img-responsive" src="/images/2017/06/07/signs-small.png">
</div>
</div>
</div>
</div>
<div class="sppb-col-sm-4">
<div class="sppb-addon-container" style="color:#f8eb0c;">
<div class="sppb-addon sppb-addon-text-block sppb-text-left">
<div class="sppb-addon-content">
<h2 style="text-align: center;">
<br>
Sokolovská 144/349
<br>
Praha 8 - Karleen City, 186 00
<br>
Czech Republic
<br>
Gaia
<br>
Milky Way Gallaxy
</h2>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sppb-section" style="">
<div class="sppb-row">
<div class="sppb-col-sm-12">
<div class="sppb-addon-container" style="color:#ffffff;">
<div class="sppb-addon sppb-addon-text-block sppb-text-center">
<div class="sppb-addon-content">
<p>
<span style="font-size: 10pt;">
Podle zákona o evidenci služeb vystavíme každému kupujícímu účtenku. Jsme povinni zaevidovat přijatou tržbu u správce daně online. V případě technického výpadku pak nejpozději do 48 hodin.
<br>
Podle zákona o evidenci tržeb je prodávající povinen vystavit kupujícímu účtenku.Příjemce tržby eviduje tržby ve zjednodušeném režimu, tzn. je povinen zaevidovat přijatou tržbu u správce daně
<br>
nejpozději do 5 dnů.
</span>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="sp-footer">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12" id="sp-footer1">
<div class="sp-column">
<span class="sp-copyright">
© 2017 STYX. All Rights Reserved. Designed by FreaQ
</span>
</div>
</div>
</div>
</div>
</footer>
<div class="offcanvas-menu">
<a class="close-offcanvas" href="#">
<i class="fa fa-remove">
</i>
</a>
<div class="offcanvas-inner">
<div class="sp-module _menu">
<h3 class="sp-module-title">
Main Menu
</h3>
<div class="sp-module-content">
<ul class="nav menu">
<li class="item-101 default current active">
<a href="/index.php">
INTRO
</a>
</li>
<li class="item-103">
<a href="/index.php/bar">
BAR
</a>
</li>
<li class="item-106">
<a href="/index.php/galerie">
GALERIE
</a>
</li>
<li class="item-104">
<a href="/index.php/mapa">
KONTAKT
</a>
</li>
<li class="item-112">
<a href="/index.php/book">
GUESTBOOK
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>