/*
*  Default styles for elements from form helper
*/
.s { width: 50px; }
.m-form .date { width: 247px; }
.m-form .required { background-image: url(/helpers/form/formfiles/images/hvezda.gif); background-repeat: no-repeat;  background-position: -1px 2px; }
.m-form .optional {  }
.m-form .not_valid, .m-form input:invalid, .m-form textarea:invalid { background: #fbe7e2; }
.m-form .form_errors { background: #fee; }
.m-form .error_msg { color: red;  margin-left: 10px; }
.m-form .captcha-br { display: none; }
.m-form .captcha-img { float: left;  margin: 4px 0; }
.m-form .captcha-input { margin: 11px 0 0 15px;  width: 100px; }
.m-form .form-loading { display: none; position: absolute;
	z-index: 100;  width: 100%;  left: 0;  top: 0; }
.m-form .form-loading div { font-weight: bold;  font-size: 12pt;  padding: 70px 50px 70px 75px;  background: #fff url(/helpers/form/formfiles/images/loading.gif) no-repeat 25px 50%;
	position: absolute;  left: 40%;  top: 220px;  border: 1px solid #ddd; }
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading { position: fixed;  top: 50%;  left: 50%;  width: 40px;  height: 40px;  margin-top: -20px;  margin-left: -20px;  cursor: pointer;  overflow: hidden;  z-index: 1104;  display: none; }
#fancybox-loading div { position: absolute;  top: 0;  left: 0;  width: 40px;  height: 480px;  background-image: url('/views/_default/www/js/fancy/img/fancybox.png'); }
#fancybox-overlay { position: absolute;  top: 0;  left: 0;  width: 100%;  z-index: 1100;  display: none; }
#fancybox-tmp { padding: 0;  margin: 0;  border: 0;  overflow: auto;  display: none; }
#fancybox-wrap { position: absolute;  top: 0;  left: 0;  padding: 20px;  z-index: 1101;  outline: none;  display: none; }
#fancybox-outer { position: relative;  width: 100%;  height: 100%;  background: #fff; }
#fancybox-content { width: 0;  height: 0;  padding: 0;  outline: none;  position: relative;  overflow: hidden;  z-index: 1102;  border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: transparent;  z-index: 1101; }
#fancybox-close { position: absolute;  top: -15px;  right: -15px;  width: 30px;  height: 30px;  background: transparent url('/views/_default/www/js/fancy/img/fancybox.png') -40px 0px;  cursor: pointer;  z-index: 1103;  display: none; }
#fancybox-error { color: #444;  font: normal 12px/20px Arial;  padding: 14px;  margin: 0; }
#fancybox-img { width: 100%;  height: 100%;  padding: 0;  margin: 0;  border: none;  outline: none;  line-height: 0;  vertical-align: top; }
#fancybox-frame { width: 100%;  height: 100%;  border: none;  display: block; }
#fancybox-left, #fancybox-right { position: absolute;  bottom: 0px;  height: 100%;  width: 35%;  cursor: pointer;  outline: none;  background: transparent url('/views/_default/www/js/fancy/img/blank.gif');  z-index: 1102;  display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute;  top: 50%;  left: -9999px;  width: 30px;  height: 30px;  margin-top: -15px;  cursor: pointer;  z-index: 1102;  display: block; }
#fancybox-left-ico { background-image: url('/views/_default/www/js/fancy/img/fancybox.png');  background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('/views/_default/www/js/fancy/img/fancybox.png');  background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto;  right: 20px; }
.fancybox-bg { position: absolute;  padding: 0;  margin: 0;  border: 0;  width: 20px;  height: 20px;  z-index: 1001; }
#fancybox-bg-n { top: -20px;  left: 0;  width: 100%;  background-image: url('/views/_default/www/js/fancy/img/fancybox-x.png'); }
#fancybox-bg-ne { top: -20px;  right: -20px;  background-image: url('/views/_default/www/js/fancy/img/fancybox.png');  background-position: -40px -162px; }
#fancybox-bg-e { top: 0;  right: -20px;  height: 100%;  background-image: url('/views/_default/www/js/fancy/img/fancybox-y.png');  background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px;  right: -20px;  background-image: url('/views/_default/www/js/fancy/img/fancybox.png');  background-position: -40px -182px;  }
#fancybox-bg-s { bottom: -20px;  left: 0;  width: 100%;  background-image: url('/views/_default/www/js/fancy/img/fancybox-x.png');  background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px;  left: -20px;  background-image: url('/views/_default/www/js/fancy/img/fancybox.png');  background-position: -40px -142px; }
#fancybox-bg-w { top: 0;  left: -20px;  height: 100%;  background-image: url('/views/_default/www/js/fancy/img/fancybox-y.png'); }
#fancybox-bg-nw { top: -20px;  left: -20px;  background-image: url('/views/_default/www/js/fancy/img/fancybox.png');  background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica;  font-size: 12px;  z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px;  text-align: center;  color: #333;  background: #fff;  position: relative; }
.fancybox-title-outside { padding-top: 10px;  color: #fff; }
.fancybox-title-over { position: absolute;  bottom: 0;  left: 0;  color: #FFF;  text-align: left; }
#fancybox-title-over { padding: 10px;  background-image: url('/views/_default/www/js/fancy/img/fancy_title_over.png');  display: block; }
.fancybox-title-float { position: absolute;  left: 0;  bottom: 0px;  height: 32px; }
#fancybox-title-float-wrap { border: none;  border-collapse: collapse;  width: auto; }
#fancybox-title-float-wrap td { border: none;  white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px;  background: url('/views/_default/www/js/fancy/img/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF;  line-height: 29px;  font-weight: bold;  padding: 0 0 3px 0;  background: url('/views/_default/www/js/fancy/img/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px;  background: url('/views/_default/www/js/fancy/img/fancybox.png') -55px -90px no-repeat; }
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); }
#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0;  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); }
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_nw.png', sizingMethod='scale'); }body {  font: 10.5pt/1.6em "Open Sans",Arial,"Trebuchet MS",tahoma,verdana;  color: #000;  padding: 0;  margin: 0; }
*>a { outline: none; } /* firefox outline */
a img { border-style: none; }
h1, h2, h3, .like-h1 { color: #65d2cd;  line-height: 1.4em;  margin: 23px 0;  text-transform: uppercase; }
h1, .like-h1 { font-size: 18pt;  font-weight: bold;  margin: 32px 0; }
p { margin: 10px 0; 
    text-align:justify;
}
a { color: #65d2cd; }
a:hover { text-decoration: none; }
ul { margin: 0;  padding: 0;  list-style: none; }
li { padding: 0 0 0 25px;  margin: 5px 0;
	background: url(/views/carbonski/www/img/dot.png) no-repeat 10px 9px; }
ol li{
    list-style-type:decimal;
    background:none;
    padding:0;
}

table { border-collapse: collapse;  margin: 15px 0; }
table.no-border th,table.no-border td{border: none; padding: 0 5px; vertical-align: top;}
td, th {  padding: 8px 17px; }
table tr td:first-child { padding-left: 0; }
input { padding: 2px 6px; }
.clear { clear: both; }
.cleaner { width:100%; height:0; clear:both; float:none;}
.nul, .nul a { text-decoration: none; }  .nul:hover { text-decoration: underline; }
hr { clear: both;  border: none;  background: none;  border-top: 1px solid #ddd; }
.none { display: none; }
strong { color: #000;  text-transform: uppercase; }
.inclear img{
    margin:10px;
    transform:scale(1);
    transition: 0.5s all ease-in-out;
}
.inclear img:hover{
    z-index:2;
    transform:scale(1.1);
}
.inclear:after, .inclear:before{
    content:"";
    width:100%;
    height:0;
    display:block;
    clear:both;
    float:none;
}
/****** ALL *******/
.all { margin: 20px 0 0; }
.cont-in { width: 1000px;  margin: 0 auto; }

/****** HEADER *******/
.header { width: 100%; }
/*.header .in img { width: 100%;  height: auto;  display:none;}*/
.header .topline{
    position:relative;
    height:auto;
}
.header .logo { display:block; width: 300px;  height: auto;  float:left;}
.header .logo img{ display:block; width: 100%;  height: auto;}
.search { position: absolute;  top: 15px;  right: 15px;  z-index: 15; }
#slider{
    width:100%;
    height:439px;
    overflow: hidden;
    /*background:url("/views/carbonski/www/img/carbon_bg.jpg");*/
    background:url("/views/carbonski/www/img/carbon.png");
}
#slider .slides{
    width:1000px;
    margin:0 auto;
}
/****** MAIN *******/
.main { margin: 20px 10px 20px 10px; }
.fotogalerie img { margin: 5px;  box-shadow: 1px 1px 7px #aaa; }
.news-img { float: right;  margin: -5px 5px 10px 30px; }
.anotace { font-style: italic;  color: #000;  margin-bottom: 20px; }
/** HP **/ 
.left-column { float: right;  width: 370px;  margin-right: 280px; }
.news { margin: 27px 0;  border-top: 1px solid #ddd;  padding: 1px 0; }
.new { clear: both;  margin: 10px 0 0;  padding: 0 0 10px;  border-bottom: 1px solid #eee; }
.new .img { float: left;  padding: 0 15px 0 0; }
.new h3 { padding: 3px 0 1px;  margin: 0;  font-size: 9.5pt; }
.new p { font-size: 8.5pt;  margin: 1px 0;  line-height: 1.4em; }
.new .date { margin: 0;  color: #888; }
.photogallery-column { width: 240px; position: absolute;  top: 7px;  right: 30px; margin: 0 0 0 60px; }
.photogallery-column img { margin: 5px; float: left;}
.search-results .result { margin: 7px 0;  border-top: 1px solid #eee; }
.edit-site { float: right; }
.main-img { width: 100%;  margin: 30px 0; }
.breadcrumbs { margin: 5px 9%;  font-size: 9pt; }
.hp-inline-first { width: 36%;  display: inline-block;  background: #d2eafa;  padding: 10px 2% 10px 2%; }
.hp-inline-second { display: inline-block;  width: 59%;  text-align: center; }
.hp-inline-second img { padding: 0 15px; }

.hp-about { margin: 20px 0 20px 0; }
.rozcestnik { margin: 30px 0 30px 4%; }
.rozcestnik a { float: left;  width: 24%; }
.rozcestnik img { float: left;  margin-right: 10px; }
.rozcestnik span { float: left;  width: 10px;  padding-top: 13px;  font-size: 13pt;  font-weight: bold;  text-transform: uppercase; }
.rozcestnik a:hover { opacity: 0.8; }

.photogallery a { float: left;  position: relative;  margin: 10px 0 10px 3%;  width: 45%;  height: auto; }
.photogallery a img { width: 100%;  height: auto;  box-shadow: 2px 2px 12px rgba(0,0,0,0.3); }
.photogallery a span {display:block; position: relative; left: 0;  padding: 20px 5% 25px;  bottom: 0;  color: white;  text-shadow: 0.4px 0.4px 1px rgba(0,0,0,1);
	text-align: center;  width: 90%;  font-size: 12pt;  line-height: 1.4em;  opacity: 0.8; }
.photogallery a span { opacity: 1;   background: rgba(0,0,0,0.4); }

/****** MENU *******/
.menu-wrap {  }
.menu-wrap-noshow {display:none;}
.menu-wrap-noshow.menu-wrap-fixed{display:block;}
.menu-wrap-fixed { position: fixed;  top: 0;  background: white;  box-shadow: 0 0 10px #ddd;  width: 100%;  margin: 0;  left: 0; z-index: 10000; }
.menu-wrap-fixed .menu {display:block; height:41px; width:1000px; margin: 0 auto; }
.menu-wrap-fixed .menu ul, .menu-wrap-fixed .menu li, .menu-wrap-fixed .menu li a{ height:41px;}
.menu-wrap-wrap { min-height: 291px;  margin: 10px 0; }
.short.menu-wrap-wrap { min-height: 0px;  margin: 0; }
.menu-link { display: none; }
.menu { margin: 10px auto;
        margin-top: -15px;
        z-index: 999;
}
.short .menu{
    margin:0;
    margin-bottom:-5px;
}
.short .menu-wrap-fixed .menu{
    margin:0 auto;
    width: 100%;
}
.menu ul {
    display:block;
    margin:0 auto;
}
.menu ul:before, .menu ul:after{
    content:" ";
    display:block;
    float:none;
    clear:both;
    width:100%;
    height:0px;
}
.menu>ul li {     font-size: 10pt;
    float: left;
    position: relative;
    background: none;
    padding: 0;
    margin: 5px 1px;
    width: 248px;
    
    height:281px;
}
.short .menu li a{
    height:auto;
}
.menu li a {
    display: block;
    width: 100%;
    height:281px;
    box-sizing:border-box;
    padding: 10px 0px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11pt;
    font-weight: bold;
    color: #65d2cd;
    line-height: 1.3em;
    border: 1px solid transparent;
    text-align: center;
    border:2px solid #65d2cd;
    background-color:white;
    background-position: top 41px center;
    background-size: 100% auto;
    background-repeat:no-repeat;
    box-sizing:border-box;
}
.short .menu li a,.short .menu li{
    height:auto;
}

.menu li a:hover,.menu li.sel>a   {background-color:#333;}
/*.menu li.sel a { opacity: 0.65; }*/
.menu li ul { display: none;  background: white;  width: 100%;  position: absolute;  top: 41px;  left: 0;  z-index: 999; }
.menu li:hover ul { display: block; }
.menu li ul li { width: 100%; height:auto;  margin: 0;  padding: 0;

}
.menu li ul li a { padding: 12px 0; display:block; text-align:center; box-sizing:border-box; height:auto;  border: none; width: 100%; 
    border: 2px solid #65d2cd;
    border-top:none;
    border-bottom:none;
}
.menu li ul li:last-of-type a { 
    border: 2px solid #65d2cd;
    border-top:none;
}
.menu>ul>li:first-child { display: none; }

/****** COLUMN *******/
.column { font-size: 9pt;  color: #666;  float: left;  clear: left;  width: 190px; }

/****** FOOTER *******/
.footer { padding: 50px 0 5px;  clear: both;  background: #000 url("/views/carbonski/www/img/carbon_bg.jpg");  margin-top: 50px; }
.footer-in { width: 700px;  float: left; }
.footer .fb_iframe_widget { margin-top: 10px; }
.footer p { margin: 10px 0px;  padding: 0 3%;  text-align: left; } /* kvuli editoru, ktery tam dela tag */
.footer-right { float: right; }
.footer, .footer a { color: #fff;  text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer iframe { position: relative;  top: -40px; }
.footer .footer-title { color: #65d2cd;  font-size: 12pt;  font-weight: bold;  padding-bottom: 5px; }
.footer .footer-img { float: left;  margin: 0;  padding: 0 8px 0 0; }
.footer .footer-social { clear: left;  padding: 30px 0 10px; }
.footer-social img { float: left;  margin: -13px 8px 0 20px; }
/**  language switcher  **/
.language-switcher { position: absolute; right: 20px; top: 3px; }
.language-switcher a { width: 32px;  height: 32px;  float: left;  padding: 4px;  opacity: 0.7; }
.language-switcher a.active, .language-switcher a:hover{ opacity: 1; }
.language-switcher a span { display: none; }
.language-switcher a.cz { background: url(/views/carbonski/www/img/icons/CZ.png) no-repeat 50% 50%; }
.language-switcher a.en { background: url(/views/carbonski/www/img/icons/GB.png) no-repeat 50% 50%; }
.language-switcher a.de { background: url(/views/carbonski/www/img/icons/DE.png) no-repeat 50% 50%; }
.language-switcher a.sk { background: url(/views/carbonski/www/img/icons/SK.png) no-repeat 50% 50%; }

.eliska-footer { text-align: center;  font-size: 8pt;  padding: 0;  clear: both; }
.eliska-footer, .eliska-footer a { color: #aaa; }
.eliska-footer a { text-decoration: underline; }
.eliska-footer img { position: relative;  top: 3px;  padding: 0 3px 0 6px; }

/* default-form */
.default-form { clear: both; border: 1px solid #ddd;  background: #f8f8f8;
	margin: 10px 0;  padding: 20px 40px; }
.default-form label { display: block;  margin: 5px 0 0; }
.default-form .text-input, .default-form textarea, .default-form select {
	background: white;  border: 1px solid #ccc;  width: 500px;  padding: 6px 10px;  margin: 1px; }
.default-form select { padding-right: 5px;  width: 510px; }
.default-form textarea { font-family: arial;  height: 100px; }
.default-form .sub {  font-weight: bold;  background: white;
	cursor: pointer;  padding: 10px 50px;  border: 2px solid #ccc;  margin: 10px 0; }
.default-form .sub:hover { background: #f5f5f5; }
[rel=fancy]{
    
    position:relative;
    display:inline-block;
    z-index:1;
    transform:scale(1);
    transition: 0.5s all ease-in-out;
    text-decoration:none;
}
[rel=fancy] img{
    display:block;
}

[rel=fancy]:hover{
    z-index:2;
    transform:scale(1.1);
}
[rel=fancy]:hover img{
}
.slogan{
    width:1000px;
    height:100%;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    
}
.slogan div{
    font-size:35px;
    color:white;
    font-weight:bold;
    text-transform:uppercase;
    text-shadow: 0px 0px 5px #000000;
}
/*JSSOR slider*/
/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('views/carbonski/www/img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('views/carbonski/www/img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
/*JSSOR slider end*/

@media screen and (min-width:1300px){
    .header .in {
/*        height:445px;
        padding:0;*/
    }
}
@media screen and (max-width: 1031px){
	.hp-inline-first {     
        width: 300px;
        position: relative;
        margin: 0 auto; 
        padding: 10px;
        display: block;
    }
    .hp-inline-first p { text-align: justify !important;  margin: 0 !important;  padding: 0 !important;  }
    .hp-inline-first > p:first-child { margin-left: -10px !important;  }
    .hp-inline-first img { width: 300px; padding: 0;  margin: 0 !important }
	.hp-inline-second { display: block; width: 100%;  margin-top: 10px; }
	.hp-inline-second p { text-align: center !important; }
    img { margin: 0 !important; }
}
@media screen and (max-width: 1200px){
	/*.header .in img { width: 140%;  margin-left: -20%; }*/
}
@media screen and (max-width: 1000px){
    .cycle-slideshow { width: 100% }
    .cycle-slideshow img { width: 100%; height: auto }
	.cont-in { width: 100%; }
    .slogan {
        width:100%;
    }
    .main img { width: 100%;  height: auto;  padding: 0; }
    .main table { width: 100%; }
    #slider .slides { width: 100%; }
    #slider { height: auto; }
    #fancybox-wrap { width: 90% !important;  left: 0 !important; }
    #fancybox-content { width: 100% !important;  height: auto !important; }
    .responsive { width: 100% !important;  float: none !important;  clear: both;  }
    .responsive a { width: 49%;  float: left;  display: initial;  padding: 2px; }
}
@media screen and (max-width: 720px){
	.footer { padding-top: 20px; }
	.footer iframe { display: none; }
	.photogallery a span { font-size: 10pt;  line-height: 1.4em; }
	
	.rozcestnik a { width: 100%;  display: block; }
	.rozcestnik span { width: auto; }
        .header .in{
/*            width:100% !important;
            height:100px !important;
            padding-bottom:0px;
            position:relative;*/
        }
        .slogan {
            position:absolute;
            left:0;
            top:0;
            width:100%;
            padding-top:20px;
        }
        .slogan div{
            position:relative !important;
            width:100%;
            left:0 !important;
            top:0 !important;
            font-size:20px;
            text-align:center;
            box-sizing: border-box;
        }
        .slogan div:first-child{
            text-align:left;
            padding-left:20px;
        }
        .slogan div:last-child{
            text-align:right;
            padding-right:20px;
        }
}
@media screen and (max-width: 640px){
	.menu-wrap-fixed { position: static;  box-shadow: none; }
	.menu-wrap-fixed .menu { width: 100%; }
	.menu-wrap-wrap { margin: 0;  min-height: 0; }
	.menu-link { display: block;  float: left;  left: 8px;  top: 8px;  position: fixed;  width: 40px;  height: 40px;  box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
		border-radius: 4px;  background: #fff url(views/carbonski/www/img/menu.png) no-repeat 50% 50%;  z-index: 1000; }
    .short .menu-wrap-fixed .menu { display: none; }
	.header .logo { display: block;  height: auto;  margin: 0 auto 20px;  width: 260px; }
	.header .logo img { width: 280px;  margin: 0 auto; }
	.menu-wrap {  }
	/*.menu ul li:hover ul { display: none; }*/
	.menu ul li:first-child { display: block; }
	.menu { display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;  background: white;  margin: 0;  z-index: 999;  box-shadow: 1px 1px 10px rgba(0,0,0,0.2) }
	.photogallery a { width: 90%;  margin-left: 5%; }
	.menu li { display: block;  float: none;  text-align: center;  margin: 0; }
	.menu li a { display: block;  float: none;  border-bottom-color: #ddd; }
    .header .logo { width: 100%;  position: relative;  margin: 0 auto; }
    .language-switcher { position: initial; }
}
@media screen and (max-width: 440px){
	.responsive a { width: 99%; }
    p { float: none !important; }
}
@media screen and (max-width: 360px){
	.photogallery a span { font-size: 9pt;  line-height: 1.3em; }
	.rozcestnik span { font-size: 10pt; }
}