body {background:#fFFFFF;font-size:15px;line-height:1.80857143; font-family: "Muli", sans-serif;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {color:#333333;text-align:left;font-weight:700;font-family:'Muli', sans-serif;margin-top:40px;margin-bottom:15px;}
a {color:#333333;}
.page-content a {text-decoration:underline;}
a:hover, a:focus {color:#0066cc;}
.btn, .li-btn {color:#ffffff;font-size:15px;font-weight:700;letter-spacing:0px;text-decoration:none;text-transform:uppercase;padding-top:20px;padding-bottom:20px;background:#cc0000;border-width:0px;border-style:none;border-radius:0px;min-width:185px;}
.btn:hover, .btn:focus {color:#0066cc;text-decoration:none;background:#FFFFFF;border:none;}
h1, .h1 {font-size:30px;margin-top:22px;}
h2, .h2 {font-size:26px;}
h3, .h3 {font-size:26px;}
h4, .h4 {font-size:24px;}
h5, .h5 {font-size:24px;}
h6, .h6 {font-size:20px;}
p {margin-bottom:20px;}
ul {list-style-image:url("/img/li.png"); padding-left: 20px;}

.img-responsive {margin:0px auto;}
.img-thumbnail {padding: 0; border: 0;}
.push-bottom {margin-bottom:15px;}

.h2_extra { padding:10px 0; margin:0px auto 25px auto; text-align: left; color: #333333; font-size: 26px; font-weight: bold; }
.h2_extra .cara { display: block; height: 3px; background: #cc0000; width: 100px; margin-top: 25px; }
.h2_extra.kategorie_title { padding-left: 15px; padding-right: 15px; }

img {max-width: 100%; height:auto;}

.zahodit {display:none;} /* používá se na skryté submity jako antispam */
.hideOnDesktop { display: none !important; }

.skryty-konverze { overflow: hidden; height: 1px; width:1px; position:fixed; bottom:0px; left:0px; padding:1px; background:transparent; }

.align-center { text-align: center; }

.page-content ul li {margin-bottom:4px;}
.page-content ul.list-unstyled {list-style:none inside none; padding-left:0px;}

body .table-responsive { border:none; }
.table-responsive.jspScrollable { border:1px solid #003366; }

.page-content .table-responsive { overflow: auto; border: none; max-width: 100%; }
.page-content table { width: 100%; border: 1px solid #c9c9c9; margin-bottom: 20px; font-size: inherit; }
.page-content table th, .page-content table td { border: 1px solid #777; border: 1px solid #c9c9c9; vertical-align: middle; padding: 10px;  }
.page-content table th { background-color: #dfdfdf; font-weight: normal; }
.page-content table tr:nth-child(even) td { background:#f5f5f5; }


.btn-primary, .pagination > .active > a  {
	border-color: #0066CC !important;
	color: #ffffff;
	text-shadow: none;
	background-color: #0066CC;
    padding: 9px 15px;
}
.btn-primary:hover, .pagination > li > a:hover, .pagination>.active>a, .pagination>.active>span,
.pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,
.btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > li > a:focus {
	/*border-color: #0099ff !important;
	background-color: #0099ff;
        color: #ffffff;*/
}

/*.input-group .form-control {border-color:#fff;}
.input-group .btn { background-color:#fff; border-left:0px none;}*/
.form-control {border-radius: 0px;}
.form-control:focus {border-color:#333;}
.control-label {display:inline-block; height:34px; line-height: 34px; vertical-align: middle; font-weight: normal;}

input.required-empty { border-color:#CC0000; }

/* hlavička, menu, HEADER, HEADER-STIN*/
#header.affix { width:100%; z-index:2; top: 0px;}
#header-stin {/*background: url('/img/bg-top.png') 50% 100% repeat-x transparent;*/ background-color: #ffffff; position: relative; text-align: center;}
#header-top { position:relative;}

#logo {text-align:center; margin:0px auto;}
#logo img {max-width:100%; height:auto; /*margin:15px auto;*/ }

#header-right-block {height:40px;}

#searchFormTop {display:none; float:right;}
#searchFormTop #q, #searchFormTop .btn {border-radius:0px;}
 /*{border-radius:0px;}*/

.searchForm input, .searchForm .btn {border-color:#cdcdcd; color:#999;}
.searchForm input {border-right:0px none; height: 44px;}
.searchForm .btn {font-size:21px; color:#cc0000;}

.navbar-collapse {top:0px; position:relative; z-index:999;}

nav.navbar { height:0px; min-height:0px; margin-bottom:0px; border:0px none; }

/* MAIN MENU, MAINMENU, NAVBAR*/

#mainMenu .navbar-collapse, #kategorie_mobile_menu #cssmenu {padding-left:0px; padding-right: 0px; background-color:#ffffff; color:#fff; top:-22px; height: 100%; overflow: auto; width:100%;}
/*.affix #mainMenu .navbar-collapse {position:fixed; top:55px; }*/

#mainMenu .navbar-nav {margin:0px; font-size: 15px; font-weight: 700;}
#mainMenu a {line-height: 20px; color:#000000;  text-transform: uppercase; border:0px none; outline: 0px none; border-bottom:1px solid #ffffff;}
#mainMenu .active>a { color: #0066CC; text-decoration: none;}
#mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active {color:#0066CC; background-color: #ffffff;}

#mainMenu .dropdown-menu {padding: 7px; border-radius: 0; border: none; box-shadow: none; float: none; }
#mainMenu .dropdown-menu li { border-bottom: 1px solid #d5d5d5; position: relative; }
#mainMenu .dropdown-menu li a { position: relative; }
#mainMenu .dropdown-menu li a:before { content: '\35'; position: absolute; left: 10px; top: 50%; margin-top: -8px;
	font-family: 'ElegantIcons';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased; }
#mainMenu .dropdown-menu li:last-of-type { border: none; }
#mainMenu .dropdown-menu a {color: #333333; text-transform: none; text-decoration: none; border: none; padding-left: 30px; }
#mainMenu .dropdown-menu a:hover {color: #cc0000; text-decoration: underline;}

.mobile-menu { display: none; }

.dropdown.opened>.dropdown-menu {display:block;}

.navbar-toggle {background:#0066CC; color:#FFFFFF; margin: 0px; padding: 3px 7px 1px 7px; border-radius: 0px;}
#leve-menu-toggle {float:left; text-transform: uppercase; margin-right: 0px; margin-left:0px; margin-top:0px; width:140px; font-size: 14px; padding: 10px 8px;}

a i.glyphicon {padding-right:5px;}

#main_obal { background: #ffffff; /*margin-top: 15px; */padding-top:0px;}

.scrollup {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 50px;
    right: 60px;
    display: none;
    text-align:center;
    background-color: #000;
    border: #cc0000 1px solid;
    filter: alpha(opacity=70); opacity: 0.70;
    border-radius:7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;
}
.scrollup:hover, .scrollup:focus, .scrollup:active {color:#0099ff;border-color:#0099ff;}
.scrollup i.glyphicon {padding:0px;}

@media(max-width: 767px){
	.container { max-width: 719px; }

    body.header-affixed { margin-top: 89px; }/* SEM ZADEJ VÝŠKU CELÉ HLAVIČKY */

    .navbar-collapse .dropdown-menu {padding:0px; position: relative; width:100%; margin:0px; background:transparent; box-shadow: none;}
    .navbar-collapse .dropdown-toggle .dropdown-trigger {position:absolute; right: 5px; top: 10px; padding: 0px 15px}

    /*#levy-blok {margin-top: 25px; border-top:1px solid #e0e0e0; padding-top:20px;}*/
    /*.produkty .produkt {margin-bottom:25px;}*/

    #header-right-block { margin-top: 12px; padding: 0 15px; }

    .ico { margin-bottom: 5px; }

    #searchFormTop { display: block; position: relative; }
    #searchFormTop .ico-btn { width: 42px; }

    .mobile-menu { display: block; text-align: center; }
    .mobile-menu>li>a { display: inline; line-height: 30px; font-weight: bold; }

	#logo { text-align: left; padding: 2px 15px;}
	#logo img { max-height: 54px; }

	#mainMenu .li-btn{padding: 0;}

	#mainMenu .dropdown-menu a {color: #ffffff; }

	#mainMenu .dropdown-menu>.active>a, #mainMenu .dropdown-menu>li>a:hover, #mainMenu .dropdown-menu>li>a:focus, #mainMenu .dropdown-menu>li>a:active { color:#cc0000; background-color: #ffffff; }
	.dropdown.active>.dropdown-menu { display: block; }

	#mainMenu .dropdown-menu { padding: 0 0 0 15px; }

    .header-affixed .header-top {
        border-bottom: 1px solid #D5D5D5;
    }
    #mainMenu .navbar-nav {
        margin-top: 0px;
    }
    #top-line > .container > .topHeaderBlock {float: none!important; text-align: right}
    #top-line > .container > .topHeaderBlock > a > div {float:right;}
    #top-line > .container {
        display: table;
        width: 100%;
        max-width: 999px;
    }
    #top-line > .container > .topHeaderBlock:first-child {
        display: table-footer-group;
    }
    #top-line > .container > .topHeaderBlock:last-child {
        display: table-header-group;
    }
}

/*#header-right-block.affix {top:0px;width:100%; background: url('/img/bg-top.png') 0px 100% repeat-x transparent; padding-top:5px; padding-bottom:25px; height:70px;}
#header-right-block.affix #kosik-blok {bottom:25px;}*/

@media(min-width: 768px){

    #header,#header.affix { position:relative; top:auto; }

    nav#mainMenu, nav#mainMenu div { display: inline-block; width: auto; }
    nav#mainMenu { position: absolute; top: 11px; left: 50%; margin-left: -250px; width: 625px; text-align: right; }

    /* pro fixnutou hlavičku nastylovat řádek pod tímto a smazat druhý identifikátor řádek nad tímto */
    /*#header.affix { position: fixed; top: -10px; box-shadow: 0px 3px 10px; height: 60px; }*/

    #main_obal {/*padding-top:20px;*/ /*margin-top: 30px; */ /*border-top: 1px solid #d7d7d7;*/ position: relative;}
    .homepage #main_obal { margin-top: 0; }
    #drobecky { position: absolute; top: 0px; }

    #logo {text-align:left;}
    #logo img {max-width:100%; height:auto; max-height: 80px; margin-top: 3px; margin-bottom: 2px;}

    #header-right-block {height:auto; padding-left: 0; padding-right: 0; margin-top: 22px; }

    #mainMenu a {padding-left:5px; padding-right:5px; border: 0; font-size:10px;  padding-top:0px; padding-bottom:0px;}
	#mainMenu li:hover>a, #mainMenu a:hover, #mainMenu a:focus, #mainMenu .open>a, #mainMenu .dropdown.hovered>a { background: #ffffff; color: #0066CC; text-decoration: none; }
    #mainMenu li:hover>a span, #mainMenu a:hover > span, #mainMenu .dropdown:hover > a > span, #mainMenu li.active > a > span {
        border-bottom: 2px solid #0066cc;
        padding-bottom: 8px;
    }
    #mainMenu .active>a { position: relative; text-decoration: none; }
	#mainMenu .active>a:after { content:""; position: absolute; bottom: 0; left: 5px; right: 5px; height: 0px; background: #ffffff; }
	#mainMenu .dropdown:hover>a { position: relative; }
	#mainMenu div>ul>li.dropdown:hover>a:after { position: absolute; bottom: -9px; left: -1px; right: -1px; z-index: 99999; height: 15px; background: #ffffff; content: ''; }

	#mainMenu .dropdown-menu .active>a { background: #ffffff; color: #cc0000; }

	#mainMenu .li-btn{min-width: 0; padding: 0; border: 1px solid #ffffff;}

    /*#mainMenu a.home {background:url('/img/ico-home.png') 50% 0px no-repeat transparent;  width:50px; height:55px; }
    #mainMenu .active a.home, #mainMenu a.home:hover, #mainMenu a.home:focus, #mainMenu a.home:active { color: #333333; background-position: 50% 100%;}*/

    #mainMenu>.container { width: auto !important; }
    #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; height:auto !important; width: auto !important; float: right;}
    .affix #mainMenu .navbar-collapse { position:relative;  top:auto; }
    #mainMenu .dropdown:hover .dropdown-menu{display:block; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); }
    /*#header-top {padding-bottom: 5px;}*/

    #searchFormTop {position:relative; display:block; width:267px; margin: 5px 3px 0px 0px;}
    #t-kontakt {width:180px; margin-left:20px; display:block;}

    .carousel-caption { display: block; left: 0; right: 0; top: 0; bottom: 0; text-align: left; position: absolute; }

    #mainMenu>.container { padding: 0; }

	#mainMenu .sublevel-3,#mainMenu .sublevel-4,#mainMenu .sublevel-5,
	#mainMenu .sublevel-6,#mainMenu .sublevel-7 { display: none !important; }
}

@media (min-width: 992px){
    nav#mainMenu { top: 12px; margin-left: -324px; width: 808px; }
    #mainMenu a {font-size: 13px; padding-left: 6px; padding-right: 6px; line-height: 30px;}
    #mainMenu a.home {width:71px;}
    #searchFormTop {position:relative; display:block; width:240px; margin:40px 20px 0px 0px;}
	.mainCross_blok .text-block {padding: 0px 0px;}

	#header-right-block { margin-top: 22px; }
}

@media (min-width: 1230px){
	.container { width: 1200px; }

    #mainMenu a {font-size: 15px; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 3px; margin: 7px 5px 6px 5px;}
	#mainMenu .dropdown-menu { left: 5px; }
	#mainMenu .li-btn a{ padding: 8px 23px; margin: 0 5px; }
    #searchFormTop {width:360px; margin-right:40px;}
    nav#mainMenu { top: 17px; margin-left: -315px; width: 900px; }
	.mainCross_blok .text-block {padding: 20px 20px;}

	#mainMenu div>ul>li.dropdown:hover>a:after { height: 25px; bottom: -18px; }

	#header-right-block { margin-top: 12px; }
}

@media (min-width: 1470px){
    nav#mainMenu { margin-left: -375px; width: 1080px; }
	#mainMenu a {font-size: 15px; padding-left: 10px; padding-right: 10px;}
	#mainMenu .active>a:after { left: 10px; right: 10px; }
	#mainMenu .li-btn a{ padding: 8px 43px; }
}

#mainMenu .li-btn a{margin-right: 0;margin-left: 0;}
#mainMenu .li-btn.active { background: #ffffff; color: #cc0000; }
#mainMenu .li-btn.active a { border: none; color: #cc0000; }
#mainMenu .li-btn.active a::after { display: none; }

/* BREADRUMB, NAVIGACE, DROBECKOVA, DROBECKOVANAVIGACE */
.breadcrumb {background:transparent; margin-bottom:0px; color: #797979; font-size: 12px; padding-left: 0px; padding-top: 15px; padding-bottom: 15px;}
.breadcrumb a {color: #797979;}
.breadcrumb a:hover {color: #0066CC; text-decoration: underline;}
.breadcrumb>li+li:before {color: #0066CC; font-weight: 700;}

/* hlavní blok, MAIN_OBAL, MAINOBAL */
#main_block { padding-bottom:15px; background-color: transparent; margin-top: 50px; }

#mainCross {margin-top: -140px; background-color: #ffffff;}
@media (max-width: 991px){
	#mainCross {margin-top: 30px;}
	#main_block { margin-top: 0px; }
}

.mainCross_blok {margin: 0px 0px; background: #0066cc; box-shadow: 0 0 30px rgba(0,0,0,0.1); display: block; padding: 20px;}
.mainCross_blok .mainCross_blok_text {
    font-size: 28px;
    text-transform: uppercase;
    color: white;
    margin-top: 10px;
}
.mainCross_blok:hover, .mainCross_blok:focus {
    background-color: #0099ff;
    text-decoration: none;
}

.mainCross_blok .sipka { width: 40px; height: 40px; transform: rotate(45deg); background: #cc0000; }

.mainCross_blok .img-block {padding: 20px 0px; background: #ffffff;}
.mainCross_blok .img-block img {max-height: 240px;}

.mainCross_blok .text-block {/*padding: 20px 20px;*/ background: #cc0000; color: #ffffff;}
.text-block .mainItem {font-size: 65px; font-weight: 700; line-height: 117px; }

@media (max-width: 767px) {
    .mainCross_blok .mainCross_blok_text{font-size: 20px;}
    .mainCross_blok .mainCross_image img {max-height: 70px;}
}

@media (min-width: 992px) AND (max-width: 1229px) {
	#mainCross { margin-top: -100px; }
	.text-block .mainItem { font-size: 48px; }
}
@media (min-width: 768px) AND (max-width: 1229px) {
    .mainCross_blok .mainCross_blok_text{font-size: 18px;}
}
@media (min-width: 768px) {
    .mainCross_blok {
        height: 200px;
    }
}
@media (min-width: 1230px) {
    .mainCross_blok {
        height: 250px;
    }
}
@media (min-width: 1469px) {
    .mainCross_blok {
        height: auto;
    }
    .mainCross_blok .mainCross_blok_text {
        margin-bottom: 15px;
    }
}

.text-block .childrens {font-family: 'Open Sans', sans-serif;}

/* HEADER-BLOCK, HEADERBLOCK */
#mainBetterCross {}
.mainBetterCross_blok {margin: 0px 0px;}
.mainBetterCross_blok .header-block {background-color: #cc0000; /*width: 330px;*/ height: 170px; text-align: center; margin-top:-100px; text-transform: uppercase; padding: 30px 0px;}
.mainBetterCross_blok .header-block a {color: #ffffff; font-size: 60px; font-weight: 700; line-height: 108px; }
.header-block .mainItem {padding: 0px 0px;}

@media (min-width: 768px) and (max-width: 1229px) {
	.mainBetterCross_blok .header-block {padding: 10px 0px;height:110px;margin-top: -70px;}
	.mainBetterCross_blok .header-block a {font-size: 48px;}
}
@media (max-width: 767px){
	.mainBetterCross_blok .header-block {margin: 0;}
	.mainCross_blok_obal:nth-of-type(n+2) {margin-top: 20px;}
	.mainBetterCross_blok_obal:nth-of-type(n+2) {margin-top: 20px;}
	.footer_btn:nth-of-type(n+2) {margin-top: 20px;}
}

.mainBetterCross_blok .text-block {font-size: 15px; margin-top: 30px; font-family: 'Open Sans', sans-serif;}
.mainBetterCross_blok .text-block ul li a {color: #333333; text-decoration: underline;}
.mainBetterCross_blok .text-block ul li a:hover {color: #cc0000;}

.page-content {margin-bottom:5px; margin-top: 15px}

.gallery {text-align: center; margin-bottom:10px;}
.gallery .img-thumbnail { border: none; background: transparent; margin-top: 15px; margin-bottom: 15px; padding: 15px;}

/* PAGEHEADER */
#pageHeader.headerGray {background-color: #f2f9ff;}
#pageHeader.headerGray .pageMainHeader {margin-top: 70px; margin-bottom: 50px;}

@media (max-width: 767px) {
	#pageHeader.headerGray .pageMainHeader {margin-top: 20px; margin-bottom: 20px;}
    #header-top {border-bottom: 1px solid #d5d5d5}
}

#pageHeader.headerGray .sipka { content: ''; display: block; width: 28px; height: 28px; background: #f2f9ff; transform: rotate(45deg); position: absolute; bottom: -15px; left: 50%; margin-left: -14px; }

#pageHeader.headerGray { margin-bottom: 30px; position: relative; }

@media (min-width: 992px) {
	#pageHeader.headerGray { margin-bottom: 30px; min-height: 190px; }
}

#pageHeader.headerImage { height: 180px; background: #FFFFFF 50% 50% no-repeat; background-size: auto 100%; margin-bottom: 40px; }
#pageHeader.headerImage .pageMainHeader { margin-top: 60px; }

@media (min-width: 768px) {
	#pageHeader.headerImage { height: 245px; }
	#pageHeader.headerImage .pageMainHeader { margin-top: 80px; }
}

@media (min-width: 992px) {
	#pageHeader.headerImage { height: 245px; margin-bottom: 20px; }
	#pageHeader.headerImage .pageMainHeader { margin-top: 90px; }
}


.side-col { margin-top: -10px; }
.side-col .papir-efekt { padding-top: 25px; }
.papir-efekt { background: #ffffff; box-shadow: 0 0 30px rgba(0,0,0,0.1); margin-top: 0; margin-bottom: 40px; padding: 40px 0; }

@media (min-width: 992px) {
	.papir-efekt { margin-top: 10px; margin-bottom: 80px; padding: 80px 0 60px 0; }
}

#pageHeader { position: relative; background-color: white;}

/* SUBMENUBLOCK */
#subMenuBlock {margin-top: -80px;}

@media (min-width: 992px) {
	#subMenuBlock { margin-top: -160px; }
}

.subMenuItem {background-color: #cc0000; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.subMenuItem:hover {background-color: #990000; text-decoration: none;}
.subMenuItem-box {height: 200px;}
.subMenuItem-box:nth-of-type(n+5) {margin-top: 20px;} /* odsazeni boxu menu kdyz je vice jak 4 polozek */

.subMenuText {font-size: 18px; color: #ffffff; font-weight: 700; text-align: center; text-transform: uppercase; height: 135px; padding: 25px 10px 0 10px; word-wrap: break-word; }

@media (min-width: 992px) {
	.subMenuText {font-size: 20px; }
}

@media (min-width: 1230px) {
	.subMenuText {font-size: 26px; }
}

.subMenuSipka {padding: 20px 0; background-color: #ffffff; height: 60px;}
.subMenuSipka img {margin: 0 auto;}

/* levé menu */
#cssmenu ul li a>span.text { display: block; z-index: 888; width: 100%; }
#cssmenu ul li a>span.menu_akce { clear: both; position: absolute; display: inline-block; top: 0; right: 0; padding: 5px 0; height: 100%; z-index: 999; width: 15%; }
/*.sidebar a {color:#004400; text-decoration: underline;}*/
.sidebar a:hover, .sidebar a:focus { text-decoration: none; }

.subnav-toggle { padding:0px 5px; color: #cc0000; }
.subnav {display:none; clear:both;}
.opened > .subnav {display:block;}

.sidebar-title {font-size:15px; display:block; padding:10px 10px 10px 10px; background-color: #cc0000;}

.sidebar-title.mail {text-align: center; padding-right: 20px;}

@media screen  and (max-width: 767px){
    #main_block {position:relative;}
    #col-left {position:static;}

    #menu-kategorie {position:absolute; top:-22px; left:0px; width:100%; margin:0px; border-radius:0px; z-index:9000; height:100%; overflow: auto;}
    #menu-kategorie.affix {top:55px; position:fixed; }

    #mainMenu .navbar-collapse, #kategorie_mobile_menu #cssmenu {top: auto;}
    nav.navbar>.container { padding: 0; }
    #mainMenu #navbar { margin: 0; margin-top: 10px;}

    /*#header-stin>.container { padding-left: 10px; padding-right: 10px; }*/
}
@media screen  and (min-width: 768px){
    #menu-kategorie.collapse {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
    }
    #menu-kategorie {position:relative; top:auto;left:auto;}
    body {overflow:auto !important;}
    .leve-menu .sidebar-title { display:block; background:#cc0000; color:#fff;}
}

@media screen  and (min-width: 992px) {
    .sidebar-title {font-size:15px; padding:10px 10px 10px 20px;}
    .leve-menu li>a { font-size:14px; padding:8px 10px 8px 20px; background-position:20px 50%; }
    .leve-menu .subnav a {font-size:13px; padding-left:40px;}
    .leve-menu .subnav-toggle {top:10px;}
}
@media screen  and (min-width: 1230px){
    .leve-menu li>a {font-size:16px; padding-top:10px; padding-bottom:10px;}
    .leve-menu .subnav a {font-size:14px;}
}
/* NEWS, NEWS-BLOCK  paticka.phtml, clanky/news.phtml*/
#news-block, #prorodice-block {
    padding: 80px 0px;
    text-align: center;
}
#news-block {background-color: #f2f9ff;}
#prorodice-block {background-color: #ffffff;}

@media (max-width: 767px) {
    #news-block, #prorodice-block {
        padding: 40px 0px;
    }
}

.news-block_obal {margin-bottom: 20px;}
.news-block_box_a {color: #333333; display:block; border: 1px solid transparent;}
.news-block_box_a:hover, .news-block_box_a:focus {text-decoration: none; border: 1px solid #0099ff;}
.news-block_box_a .news-block_box {background-color: #ffffff; height: 500px; text-align: left; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.news-block_box_a.no-image .news-block_box {
    height: 218px;
    overflow: hidden;
    padding: 20px 10px;
}
.news-block_box_a .bottom-block span {display: block; margin-top: 5px; padding: 0px 20px;}
.news-block_box_a .bottom-block .datum {font-size: 14px; color: #0099ff; font-weight: 700;}
.news-block_box_a .bottom-block .nazev {font-size: 17px; color: #333333; font-weight: 700; text-transform: uppercase; line-height: 1.4;}
.news-block_box_a .bottom-block .text {font-size: 14px; color: #333333; font-family: 'Open Sans', sans-serif; line-height: 25px; height: 75px; overflow: hidden; }
.news-block_box_a .bottom-block .text * { font-size: 14px; line-height: 25px; margin: 0; padding: 0; } 
.news-block_box_a .bottom-block .text ul { padding-left: 20px; }
.news-block_box_a .bottom-block .text p:last-child {margin-bottom: 0px}
.news-block_box_a .h1_cara:after {
	content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    width: 50px; /* Change this to whatever width you want. */
    border-bottom: 3px solid #0099ff; /* This creates the border. Replace black with whatever color you want. */
	margin: 12px 0px;
}

.news-block_obal {margin-bottom: 20px;}

.akce-block_box_a {color: #333333; display:block; border: 1px solid transparent;}
.akce-block_box_a:hover, .akce-block_box_a:focus {text-decoration: none; border: 1px solid #0099ff;}
.akce-block_box_a .news-block_box {background-color: #ffffff; height: 500px; text-align: left; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.akce-block_box_a.no-image .news-block_box {
    height: 218px;
    overflow: hidden;
    padding: 20px 10px;
}
.akce-block_box_a .bottom-block span {display: block; margin-top: 5px; padding: 0px 20px;}
.akce-block_box_a .bottom-block .datum {font-size: 14px; color: #0099ff; font-weight: 700;}
.akce-block_box_a .bottom-block .nazev {font-size: 17px; color: #333333; font-weight: 700; text-transform: uppercase; line-height: 1.4;}
.akce-block_box_a .bottom-block .text {font-size: 14px; color: #333333; font-family: 'Open Sans', sans-serif; line-height: 25px; height: 130px; overflow: hidden; }
.akce-block_box_a .bottom-block .text * { font-size: 14px; line-height: 25px; margin: 0; padding: 0; } 
.akce-block_box_a .bottom-block .text ul { padding-left: 20px; }
.akce-block_box_a .bottom-block .text p:last-child {margin-bottom: 0px}
.akce-block_box_a .h1_cara:after {
	content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    width: 50px; /* Change this to whatever width you want. */
    border-bottom: 3px solid #0099ff; /* This creates the border. Replace black with whatever color you want. */
	margin: 12px 0px;
}

.btn {border-radius: 0; background-color: #0066cc; color: #ffffff; font-size: 15px; font-weight: 700; text-transform: uppercase;}
.btn:hover {color: #ffffff; background-color: #0099ff; }

.news_btn_block .btn {padding: 20px 0px; margin-top: 80px; width: 210px; height: 60px;}

/* patička */
#footer_obal {padding: 80px 0px 0px 0px;}
#footer_obal .footer_h1_box .pg_data_nazev {text-align: center; color: #ffffff; margin-bottom: 35px; }
#footer {background-color:#2d85d3; /*padding-top:30px;*/ color:#8b959b;}

.footer_btn .btn {height: 130px; width: 100%; color: #ffffff; padding: 20px 0px;}
.footer_btn .btn:hover {background-color: #ffffff; color: #0066cc;}
.footer_btn .btn:focus {color: #0066cc;}
.footer_btn .footer_btn_txt {text-transform: none; font-size: 24px; font-weight: 400; font-family: 'Open Sans', sans-serif; /*color: #ffffff;*/}
.footer_btn .footer_btn_txt2 {/*color: #ffffff;*/ font-size: 36px;}
.footer_btn span {display: block;}

#footer .rozbitej_mejl {color: #8b959b;}
#footer .rozbitej_mejl:hover {color: #ffffff;}

#footer a {/*color:#8b959b;*/}
#footer a:hover, #footer a:focus,#footer a:active {text-decoration:none; /*color:#ffffff;*/}
#footer .title {font-size:22px; font-weight: 700; line-height: 1; margin: 35px 0 25px 0; display:block; color:#ffffff;}
#footer a.title { text-transform: uppercase; }

#footer .email-ico, #footer .telefon-ico { background-position: 0 50%; padding-left: 35px; color: #fff; }
#footer .email-ico a, #footer .telefon-ico a { color: #fff; }š
#footer .email-ico a:hover, #footer .telefon-ico a:hover { color: #cc0000; }

.footer-col { border-left: solid 1px #323740; }
.footer-col:first-of-type { border-left: none; }
#footer .left-border { border-left: solid 1px #323740; }
.footer-col p{line-height:1.6em;}
#footer .newsletter-col p {line-height:1.2em; font-size: 13px;}
#footer .newsletter-col {border-right: 0px none;}
#form_newsletter {color:#000; }
#form_newsletter .form-control {border:1px solid #ffffff; background-color:#ffffff; height:40px; }
#form_newsletter .btn {background-color:#ffffff;  font-size:16px; height:40px}
#form_newsletter .btn:hover, #form_newsletter .btn:focus {background-color:#cc0000; color:#fff;}

#footer .social-icons {padding:20px 0px 25px 0px;}
#footer .social-icons li { display:inline; padding-right:10px;}
.social-icons img {padding:0px; margin:0px; border:0px;}
.social-icons a {/*border:1px solid #fff; border-radius:100px;  display:inline-block; */}
#footer .social-icons a { /* height: 40px; width: 40px; line-height: 40px; vertical-align: middle; text-align: center; */}

#social { margin-top: 20px; }
#social li { float: left; margin-right: 20px; }
#social a { width: 40px; height: 40px; line-height: 20px; display: inline-block; background: #cc0000; border-radius: 50%; padding: 10px; text-align: center; }
#social a.yt { padding: 13px 10px; line-height: 14px; }
#social a:hover, #social a:focus { background: #ffffff; }
#social a .svg-icon { line-height: 20px; max-height: 100%; max-width: 100%; fill: #142530; }

/* patička */
#footer-bottom { background-color:#0066cc; text-align:center; font-size: 15px; color: #ffffff;}
#footer-bottom p {margin:0px !important; padding: 18px 0px; line-height: 24px; vertical-align: bottom; overflow: hidden;}
.footer-copyright-cp {  }
.footer-copyright-cp a { display:inline-block; height:24px; padding:0px; }
.footer-copyright-cp a#logo-cp {width:124px; height: 24px;}
.footer-copyright-cp a#logo-cpedit { width:46px; height: 14px;}
.footer-copyright-cp a .svg-icon { width: 100%; height: 100%; vertical-align: middle; fill: #ffffff; padding: 0 5px; }
.footer-copyright-cp a:hover .svg-icon { fill: #ffffff; }

#footer-bottom .nonRESPswitch { margin-left: 40px; }
/*#footer-bottom .nonRESPswitch:hover { color: #000000; }*/

.nav-footer {font-family: 'Open Sans', sans-serif;}
ul.nav-footer {margin:0px; padding:0px 0px 0px 0px; color: #ffffff; font-size: 15px;}
ul.nav-footer li {list-style: none; /*list-style: inside url('/img/li-footer.png'); */margin-bottom:0.4em; line-height: 1.7;}
ul.nav-footer li a {color: #8b959b;}
ul.nav-footer li a:hover {text-decoration: none; color: #ffffff;}

@media (min-width: 992px){
    #footer-bottom { text-align:left; font-family: 'Open Sans', sans-serif;}
    #footer-bottom .footer-copyright-cp  { text-align: right;}
}

@media screen  and (max-width: 991px){
    #footer .social-icons {padding-bottom:0px;}
    #footer .footer-col {margin-bottom:25px;}
    #footer .footer-col:nth-child(2) {border-right: 0px none;}
}

/* homepage extra */
#animace .carousel-indicators {bottom:15px; margin:0px; text-align: left; left:auto;}

@media (min-width: 992px) {
	#animace .carousel-indicators {bottom:125px;}
}

@media (min-width: 1230px) {
	#animace .carousel-indicators {bottom:175px;}
}

/*#animace .carousel-indicators li {border-color:#666; background-color:#ffffff; margin:0px;}*/
#animace .carousel-indicators .active {background-color:#0066cc; margin: 0px 5px;}

/* článek úvodky  HOMEBG, HOMEINTRO, HOME-INTRO*/
#homeBG {padding: 70px 0; margin: 10px 0; background-color: #ffffff; background-image: url('/img/bg_uvod_onas.jpg'); background-repeat: no-repeat; background-position: center; background-size: contain;}
article#home-intro {text-align: justify; text-align-last: center; font-size: 18px; font-family: 'Open Sans', sans-serif;}

#home-intro>.pg_data_nazev {text-transform: none;} /* zrusteni uppercase u uvodky, nazev firmy */
.pg_data_nazev {font-size: 36px; color: #333333; font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 35px;}
#pageHeader.headerImage .pg_data_nazev { color: #000000; }

@media (max-width: 767px) {
	.pg_data_nazev { font-size: 24px; }
}

.h1_cara:after {
	content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    width: 140px; /* Change this to whatever width you want. */
    border-bottom: 3px solid #ffffff; /* This creates the border. Replace black with whatever color you want. */
	margin: 25px auto;
}
.h1_cara.h1_cara--modra:after
{
    border-bottom-color: #0066cc;
}

/* články */
.articles .article {border-bottom:1px solid #e0e0e0;}
.articles .article h2 {color:#333; font-size:18px;}
.articles .article h2 a {text-decoration:underline;}
.article-meta {margin-bottom:10px;}
.article-meta a {text-decoration: underline;}

.pagination > li > a, .pagination > li > span {
    padding: 9px 15px;
	color: #333333;
    background-color:#fff;
    border-color:#d5d5d5;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 0px 5px 0px 0px;
    border-radius: 0px!important;
}
.pagination > li > a i.glyphicon {padding:0px; font-size:0.9em;}
.pagination > li > a:hover, .pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > span:focus{
        background-color: #0066CC;
	border-color: #0066CC;
        color:#fff;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #0066CC;
	border-color: #ffffff;
        color:#fff;
}

#sidebar-poradit { color:#333333; border:1px solid #cecece; font-size: 13px; }
#sidebar-poradit .title {display:block; font-size: 14px; line-height: 1.2em; background-color: #272b33; margin: -1px -1px 10px -1px; border-bottom: 1px solid #d7d7d7; color: #b6b8c0; padding: 12px 20px; }
#sidebar-poradit p strong {display:block; font-weight: normal; color: #333333;}
#sidebar-poradit a, #sidebar-poradit a:hover { color: #333333; text-decoration: none; }

/* výměna ikon za tmavé pro poradit */
#sidebar-poradit .telefon-ico { background-image: url("/img/potrebujete-radu-telefon.png"); }
#sidebar-poradit .email-ico { background-image: url("/img/potrebujete-radu-mail.png"); }

.sidebar-articles {color:#333333; border:1px solid #cecece; font-size: 12px; }
.sidebar-articles .title {display:block; font-size: 14px; line-height: 1.2em; background-color: #272b33; margin: -1px -1px 0 -1px; border-bottom: 1px solid #d7d7d7; color: #b6b8c0; padding: 12px 20px; text-decoration: none; }
.sidebar-articles .list-unstyled { padding: 0 10px; }
.sidebar-articles .article {border-bottom:1px dotted #333; color:#666; margin: 10px 0; }
.sidebar-articles .article-date {  }
.sidebar-articles p a { text-decoration: underline; color: #333333; }
.sidebar-articles a:hover { color: #cc0000; }
.sidebar-articles .article-title {font-size: 14px; display: block; margin-bottom:5px; color: #333333;}
.sidebar-articles .article p {font-size:12px; line-height:1.2em;}
.sidebar-articles .footer { padding: 0 10px; }

.sidebar .advert-item {margin-bottom: 25px;}

#adv .adv_title { display: none; }


.win-message, .win-alert-message {margin: 0 auto !important;background: #73b84d url(/img/okno-ok.png) no-repeat 5% 50%;color: #FFFFFF;font-size: 20px !important;padding: 25px 80px !important;text-align: center !important; }
.win-alert-message { background: #ff9900!important; }
.hide-ico .win-message { background: #73b84d; }
.win-buttons {padding-top:25px; padding-bottom:25px; background-color: #eeeeee; border-top: 1px solid #cccccc; margin: 20px 0 0 0;}

.win-buttons .btn { border-radius: 2px; border: 1px solid #cccccc; padding: 10px 20px; }
.win-buttons .btn-back { background-color: #FFFFFF; color: #000; font-size: 16px; }
.win-buttons .btn-back:hover { background-color: #F1F1F1; border-color:#000; }

.mfp-close { background: transparent url('/img/zavrit-ico.png') 50% 50% no-repeat !important; height: 34px !important; width: 34px !important; font-size: 0 !important; }

.popup-block-content {padding: 15px;}

/* komentáře */
ul.comments { padding-left: 0; }
ul.comments li { list-style: none; padding: 0 0 10px 0; }
ul.comments li h2{ font-size: 16px; }
ul.comments li span.content { font-size: 13px; padding-left:5px; }
ul.comments li div.comment{ padding-bottom: 20px; color:#666; font-size: 14px; }
ul.comments li span.content-autor .autor{ color: #333333; margin-right: 30px; }
ul.comments li div.comment div.comment-by {font-size:14px; padding:3px 5px; background:#f8f8f8;border-top:1px solid #cecece; margin:5px 0px 5px 0px;}
ul.comments li div.comment div.comment-by h4{ font-weight:normal; display:inline; padding-right: 100px; }
ul.comments li div.comment div.comment-by span {display:block; text-align: right; padding-top:5px;}
ul.comments li div.comment p {padding:0px 0px 0px 5px; margin:0px 0px 6px 0px;}
ul.comments li div.comment-block .comment-by span{ margin-top: -25px; }
ul.comments li div.comment .comment-form {border-top:1px solid #cecece; padding-top:10px;}
/* tlačítko na zobrazení komentáře */
#formular-area .form-show{ margin-bottom: 10px;}
/* #formular-area .form-show:hover{ background-color: #77b300; border-color: #77b300; } */

/* kotva na komentáře */
#komentare_kotva img{ margin-top: -5px; }

/* reakce */
ul.comments li ul.reply{ padding-left: 20px; }

/* TOP LINE, TOP-LINE */
#top-line {padding: 6px 0; font-size: 13px; font-weight: 400; color: #333333; overflow:hidden; border-bottom: 1px solid #d5d5d5}
#top-line a {color: #333333; }
#top-line a:hover, #top-line a:active {color: #333333; text-decoration: underline; }

.topmenu_links {margin-right: 10px;}
@media (min-width: 992px) {
	.topmenu_links {margin-right: 15px;}
}

#top-line .pretty-select {border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; padding: 0px 10px;}
#top-line .search {border-left: 1px solid #d5d5d5; padding: 0px 10px;}
#top-line .telefon {border-left: 0; padding: 0px 10px; clear: left;}
#top-line .telefon a > div > * {float: left}
#top-line .telefon-ikona {height: 17px; width: 16px; fill: #0066cc; margin: 5px;}
#top-line .telefon .icon { margin-right: 10px; }
#top-line .telefon-text {padding: 2px}

#top-line .kontakt { width: 480px; float: left; }

#top-line .telefon-bold {
    font-weight: 700;
    color: #0066CC;
}

@media (max-width: 767px) {
    #top-line {
        padding: 2px 0;
    }
    #top-line .telefon-text {
        padding: 0px;
    }
    #top-line .telefon-ikona {
        margin-left: 2px;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-right: 4px;
    }
}

.telefon-ico { background: url('/img/hlavicka-telefon.png') no-repeat 15px 50%; padding: 0 0 0 40px; }
.email-ico { background: url('/img/hlavicka-mail.png') no-repeat 15px 50%; padding: 0 0 0 40px; }

#mutace { float: right; }
#mutace>a {background: url('/img/cz.png') no-repeat 50% 50%; width: 16px; /*height: 11px;*/ text-indent: -9999px; display: inline-block; padding: 0 15px; }
#mutace .en { background-image: url('/img/en.png'); }
#mutace .cz {  }

.ico-btn, a.ico-btn { height: 40px; background: transparent; border: none; color: #B6B8C0; font-size: 14px; text-decoration: none; margin-right: 0; display: block; padding-top: 5px; outline: none; }
.ico-btn:hover/*, .ico-btn:focus, .ico-btn:active*/, .ico-btn.active,
a.ico-btn:hover, a.ico-btn.active { color: #cc0000; text-decoration: none; }

.ico-btn>.ico { height: 30px; border: none; display: block; text-align: center; }
/* najetí přímo na ico */
.ico-btn>.ico:hover, .ico-btn>.ico.active,
/* najetí na celé tlačítko */
.ico-btn:hover>.ico, .ico-btn.active>.ico { background-position: 50% 100%; }

button.ico-btn { margin-top: -1px; }

.hledani-ico { background: url('/img/hlavicka-hledat.png') no-repeat 50% 0; width: 29px; }
.user-ico { background: url('/img/hlavicka-prihlasit.png') no-repeat 50% 0; }
.kosik-ico { background: url('/img/hlavicka-kosik.png') no-repeat 50% 0; }

#uzivatel { float: right; text-align: center; }

/* vyhledavani, zobrazeni textboxu */
/*#hledani #q { display: none; position: absolute; right: 40px; top: -1px; background-color: #fff; border: none; color: #333333; height: 40px; width: 235px; z-index: 1000; }*/
#hledani .icon  { float: left; line-height: 23px; }
#hledani #q { border: none; font-size: 13px; outline: none; color: #333333; box-shadow: none; display: inline-block; float: left; width: 80px; font-size: 13px; height: 23px; line-height: 23px; }
#hledani .ico-btn.active { background: #fff; z-index: 1001; position: relative; }

.padding-min { padding-right: 12px; }
.padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 2px; }

@media screen  and (min-width: 768px) {
    #logo { padding: 0; }

    .ico-btn>.ico { width: 65px; }
    .ico { margin-bottom: 15px; }
}
@media (min-width: 992px){
    .ico-btn>.ico { width: 75px; }
}
@media (min-width: 1230px) {
    #logo { padding: 0 15px; }
}
@media (max-width: 768px) {
    .padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 0; }
}
@media (max-width: 991px) {
	.mainCross_blok .text-block {padding: 20px 20px;}
	.footer_btn:nth-of-type(n+3) {margin-top: 20px;}
}

.uvodka_vice { float: right; font-size: 14px; text-decoration: underline; padding-top: 5px; }

object, iframe {max-width: 100%;}

@media(max-width:767px){
	/* otevřené menu */
	.menuOpened { background: #ffffff; }
	.menuOpened.header-affixed { margin-top: 0; }
	.menuOpened #main_obal { display: none; }
	.menuOpened #footer { display: none; }
	.menuOpened #vyhody { display: none; }
	.menuOpened #news-block { display: none; }
    .menuOpened .partneri {display: none}
        /* odfixnu hlavičku */
	#header.preventAffix { position: relative !important; top: auto !important; left: 0; right: auto; margin-top: 54px; }
	/* a fixnu jen obsah hlavičky */
	.preventAffix #header-stin>.container { position: fixed; top: 0; width: 100%; z-index: 9999; border-bottom: #ffffff 1px solid; background-color: #ffffff; }
	.preventAffix #header-top { padding-bottom: 0; }
	.menuOpened #top-line { display: none; }
	.dropdown-menu>li>a { padding: 10px 20px; }
}

@media(max-width: 595px) {
    .logo-miniresp { display: block !important; }
    .logo-resp { display: none !important; }
    #soc-top { display: none; }
}

@media(max-width: 499px) {
    #top-line { text-align: center; /*height: 45px;*/ }
    #top-line #mutace { position: absolute; left: 5px; }
    #top-line .kontakt { margin-bottom: 10px; padding-left: 70px; text-align: left; max-width: 80%; }

    #header.affix { /*top:-58px; */}
}

@media(max-width: 380px) {
    #leve-menu-toggle { width: 100px; padding: 0; }

    #hledani .ico-btn.active { /*position: absolute; right: -80px;*/}
    #hledani #q { right: -5px; }
}

@media(max-width: 767px){
	.ico-btn, a.ico-btn { height: 40px; }

    #top-line .kontakt { width: auto; margin-left: -25px; }

    nav.navbar { text-align: left; }

    #vyhody .vyhoda-block { margin-bottom: 20px; }

    .searchForm .btn { font-size: 16px; }
	.searchForm input { height: auto; }

    .footer-col, #footer .left-border { border: none; }
}

#prekryv { display: none; background-color: rgba(40, 40, 40, 0.50); width: 100%; height: 0; z-index: 999; position: absolute; }

/* výhody nad patičkou VYHODY */
#vyhody { padding: 20px 0; font-size: 18px; text-transform: uppercase; }
#vyhody .icon_block {height: 80px;}
#vyhody .text_block {height: 80px; font-size:14px; font-weight: 700; /*margin-top: 20px;*/}

.vyhody_obal {margin-top: 15px; margin-bottom: 15px;/*box-shadow: 0 0 30px rgba(0,0,0,0.1);*/}
.vyhody_box {box-shadow: 0 0 30px rgba(0,0,0,0.1); height: 160px; padding: 20px 10px; text-align: center;}

@media (min-width: 1230px) {
	#vyhody { padding: 65px 0; }
	.vyhody_box { padding: 20px 10px; }
}

@media (min-width: 1470px) {
	.vyhody_box { padding: 20px 40px; }
}

/* úprava lightboxu */
.lg-outer .lg-inner { padding-top: 50px; }
.lg-backdrop { z-index: 1045; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { padding-bottom: 155px; }
/* schování download tlačítka */
.lg-toolbar #lg-download { display: none; }

.white-popup-block .row { margin: 0; }

#formularKontakt table { width: 100%; margin: 20px 0; }

.ajax-waiting:after { content: ''; display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:url('/img/loading.gif') 50% 50% no-repeat rgba(60,60,60,0.5); }
body.ajax-waiting:after { position:fixed; z-index:6666; }

/* gallerky */
.galleryHeader { text-align: left; font-size: 20px; color: #333333; margin-top: 20px; margin-bottom: 15px; }
#videa li, #soubory li { text-align: left; float: left; clear: both; text-decoration: underline; }

.show-all { margin-top: 40px; }

/*.show-all { text-align: center; width: 100%; display: block; padding: 14px 0; margin: 20px 0 30px 0; text-decoration: none; background: transparent; border: 1px solid #333333; color: #333333; font-size: 15px; text-transform: uppercase; }
.show-all:hover, .show-all:focus { color: #ffffff; background: #333333; }*/

/*
.gallery-video a { text-decoration: none; }
.gallery-video .border { border: 1px solid #d5d5d5; padding: 11px 5px; height: 60px; overflow: hidden; margin-top: 4px; display: block; }
a .video-title { color: #565859; font-size: 14px; text-decoration: none; display: block; line-height: 18px; height: 36px; overflow: hidden; }
a:hover .video-title { color: #0088ff; }
*/

#mainMenu .RESPswitchMENU { padding-top: 0px; background-color: #ffffff; }
#mainMenu .RESPswitchMENU a { padding: 10px 15px; display: block; text-align: left; color: #000000; font-size: 14px; }

@media(max-width: 767px){
	.searchActive { overflow: hidden; overflow-x: hidden; overflow-y: hidden; position: fixed; }
}
.searchActive #hledani #q { display: block; }

#formularKontakt label.gdpr_souhlas { font-weight: normal; font-size: 13px; }

@media (min-width: 768px) {
	div.cp-extrablock:after { content:''; display:block; clear:both; }
	.cp-img-right .extrablock-img { float: right; margin-left: 30px; max-width: 30%; }
	.cp-img-left .extrablock-img { float: left; margin-right: 30px; max-width: 30%; }
}

.topHeaderBlock { float: right; }

/* jazykovky a měny */
.pretty-select { color: #fff; /*font-size: 16px;*/ /*width: 55px;*/ /*margin-left: 14px; */ float: right; padding-bottom: 2px;}
.pretty-select div, .pretty-select ul { border: none; background-color: transparent; margin: 0; padding: 0 0 0 5px; width: 100px; line-height: 23px; vertical-align: middle; }
.pretty-select ul {border-top: none; z-index:1000; position: absolute; background-color: #ffffff; list-style:none; top: 29px; text-align: left; }
.pretty-select li a { display: block; text-decoration: none; color: #fff; }
.pretty-select div span { cursor: pointer; color: #333333; padding-right: 0; display: block; }
.pretty-select div { position: relative; }
/*.pretty-select div:after { position: absolute; top: 50%; margin-top: -7px; right: 3px; content: '\43'; color: #dbb05c;
						   font-family: 'ElegantIcons';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased; }
*/
.pretty-select img { max-height: 23px; line-height: 23px; vertical-align: middle; display: inline-block; margin-right: 15px; }

.carousel-indicators {bottom:5px; margin:0px; width:100%; text-align:center; left:auto; right:auto;}
.carousel-indicators li {border: none; background-color:#FFFFFF; margin: 0px 5px; width: 15px; height: 15px; border-radius: 0; }
.carousel-indicators .active {background-color:#CC4400; width: 15px; height: 15px;}
.item img {margin: 0 auto;}

/* OVLADACI SIPKY V ANIMACI */
.carrousel_lr {
	width: 100px;
	height: 44px;
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 20;
}

@media (min-width: 992px) {
	.carrousel_lr { bottom: 120px; }
}

@media (min-width: 1230px) {
	.carrousel_lr { bottom: 163px; }
}


/*.carousel-control {top: 0px;}*/
.carousel-control .icon {font-size: 44px;font-weight: bold;}
.carousel-control.left, .carousel-control.right {background-image: none; background: #0066cc; width: 44px; height: 44px; color: #ffffff; text-shadow: none; opacity: 1; filter: alpha(opacity=100);}
.carousel-control.left:hover, .carousel-control.right:hover {background: #0099ff; color: #FFFFFF;}

@media (min-width: 1470px) {
	.container {
		width: 1440px;
	}
}

@media (min-width: 1230px) {
	.col-lg-petina { width: 20%; }
	.col-lg-dvepetiny { width: 40%; }
	.col-lg-tripetiny { width: 60%; }
	.col-lg-ctyripetiny { width: 80%; }
	.col-lg-petpetin { width: 100%; }
	.col-lg-sedmina { width: 14.28571%; }
}

#subMenuBlock .subMenuItem { display: block; }
#subMenuBlock .subMenuItem * { display: block; }

/* KONTAKT, KONTAKTY */
.panel-title {font-size: 16px; line-height: 22px; }

.skupiny-kontaktu .panel-heading {text-transform: uppercase; padding: 0px;} /* background pri active/colapsed #eaedf2 */
.skupiny-kontaktu .panel-heading a {border: 1px solid #d5d5d5; border-radius: 0; text-decoration: none; display: block; padding: 15px 15px 15px 15px; overflow: hidden}
.panel-title a {background-color: #0066cc; color: #ffffff}
.panel-title a:hover {background-color: #0066cc; color: #ffffff}
.panel-title .collapsed {background-color: #0066cc;}
.skupiny-kontaktu ul {padding-left: 0px; list-style: none;}

@media (min-width: 768px) {
	.panel-title {font-size: 20px;}
	.skupiny-kontaktu .panel-heading a { padding: 28px 15px 28px 32px; }
}

	/* KONTAKT TOPBOXES*/
.kontakt_top_boxes {text-align: left; margin-bottom: 30px; margin-top: 0px; font-family: 'Open Sans', sans-serif; height: 225px;}
.kontakt_top_boxes > * {height: 100%}



@media (max-width: 1469px) {
    .kontakt_top_boxes {
        height: 230px;
        margin: 15px 0px;
    }
}
@media (max-width: 1229px) {
    .kontakt_top_boxes {
        height: 240px;
    }
}
@media (max-width: 991px) {
    .kontakt_top_boxes {
        height: auto;
    }
    .kontakt_top_boxes {
        margin: 20px 0px;
    }
    .kontakt_top_boxes:first-child {
        margin-top: 0px;
    }
}
@media (min-width: 1470px) {
    .kontakt_top_boxes {
        height: 240px;
    }
}


.kontakt_top_boxes span {display: block;}
.kontakt_top_boxes_obal {box-shadow: 0 0 30px rgba(0,0,0,0.1); padding: 25px 30px;}
.top_boxes_nadpis {font-size: 26px; line-height: 1.1; font-weight: 700; font-family: "Muli", sans-serif; margin-bottom: 10px;}
.top_boxes_text_tel a{font-size: 30px; font-weight: 700; color: #cc0000; text-decoration: none;}
.top_boxes_text_tel a:hover{color: #990000;}
.kontakt_top_boxes_obal .btn {min-width: 0; height: 40px; padding: 10px; margin-top: 10px; margin-bottom: 0; font-family: "Muli"; font-weight: 700; font-size: 14px; text-decoration: none; }
@media(min-width: 768px) and (max-width:991px){
    .kontakt_top_boxes_obal .btn { font-size: 11px; padding: 12px; }
}

	/* ROZBALOVACI SIPKA KONTAKT */
.panel-title .sipka .icon { font-size: 36px; line-height: 24px; position: relative; top: -1px; }
.panel-title .sipka {float: right; color: #FFFFFF;height: 22px;}
.panel-title .collapsed .sipka .sipka-zavri {display: none;}
.panel-title .sipka .sipka-zavri {display: inline-block;}
.panel-title .collapsed .sipka .sipka-otevri {display: inline-block;}
.panel-title .sipka .sipka-otevri {display: none;}

	/* JEDNOTLIVÝ KONTAKT, KONTAKTBOX*/
.skupiny-kontaktu .panel {box-shadow: none;}
.skupiny-kontaktu .kontakt-data {border: 1px solid #d5d5d5; margin-top: 15px; padding: 20px;}
.kontakt-heading {font-size: 17px; font-weight: 700; margin: 0px; color: #333333;}
.kontakt-pozice {font-size: 14px; font-style: italic; font-family: 'Open Sans', sans-serif; margin-bottom: 15px;}
.kontakt-text-box {margin: 0;}
.kontakt-text-box .telefon-ikona {width: 16px; height: 17px; margin: 0px; transform: translateY(3px); fill: #0066cc;}
.kontakt-text-box .kontakt-text-content {padding-left: 5px;}
.kontakt-text {color: #0066cc; display: inline-block;}

/* PRODUKT, PRODUKTY, OKNA, DVERE */
.produkt-top .produkt_cara:before {
	content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    width: 50px; /* Change this to whatever width you want. */
    border-bottom: 3px solid #cc0000; /* This creates the border. Replace black with whatever color you want. */
	margin: 8px 0 12px 0;
}

.produkt_obal {margin-bottom: 30px;}
.produkt-top {box-shadow: 0 0 15px rgba(0,0,0,0.1); padding: 10px; border: 1px solid #ffffff; min-height: 440px; }
.produkt-top img {  }

.produkty .produkt-hover { display:none; background:transparent; width:100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.produkty .produkt-hover .link-detail {display:block; text-align: center; color:#fff; text-decoration: none; background:transparent; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.produkty .produkt-top:hover .produkt-hover { display: block; }
.produkty .produkt { position: relative; }
.produkty .produkt-top:hover { border-color: #cc0000; position: absolute; top: 0; z-index: 1; background-color: #fff; } /*puvodne Absolute - ale content pod produktama se pak stáhne nahoru*/
.produkty .produkt-top:hover .popis-box .produkt-popis { max-height: 300px; transition: max-height .5s ease-in; min-height: 130px; }
/*.produkty .produkt-top:hover .produkt-hover:before { content: ''; display: inline-block; height: 440px; } */
/*.produkty .produkt-top:hover .height-fixer-obsah { display: inline-block; }*/


.popis-box {font-size: 14px; margin-top: 10px;}
.popis-box .produkt_model {display: block; color: #cc0000; font-size: 22px; line-height: 24px; /*height: 24px;*/ font-weight: 700; margin-top: 0px; margin-bottom: 4px; overflow: hidden;  }
.popis-box .produkt_kategorie {display: block; font-size: 14px; line-height: 24px; height: 24px; font-weight: 700; text-transform: uppercase; margin-top: 0px; margin-bottom: 0; overflow: hidden; }
.popis-box .produkt-popis { line-height: 20px; min-height: 1px; max-height: 150px; overflow: hidden; }
.popis-box .produkt-popis * { margin-bottom: 0; }


@media(max-width: 767px){
	.produkty .produkt-top:hover { position: relative; }
	.popis-box .produkt-popis {	max-height: 175px; }
}
@media(min-width: 460px) and (max-width: 991px){
	.popis-box .produkt_model{ font-size: 16px; }
	.popis-box .produkt-popis { max-height: 170px; }
}
@media (min-width: 1230px) {
	.produkt-top { padding: 5px 17px 10px 17px; }
}

@media (min-width: 1470px) {
	.produkt-top {box-shadow: 0 0 30px rgba(0,0,0,0.1); }
}

#map { height: 320px; }
#map.map_close{background:#ebeae3 url('/img/static_map.png') 50% 50% no-repeat;}
#map #googleAttrib{position:absolute;bottom:0;right:0;background:rgba(245,245,245,0.7);height:14px;line-height:14px;font-size:10px;padding:0 6px;color:#000000;}
#map_container{position:relative;}
#map_container #map_blur_block{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;}
#map_container #map_blur_block .btn{margin-top:180px;background:#ffffff;border:1px #d5d5d5 solid;color:#cc0000;text-transform:uppercase;font-size:14px;font-weight:bold;padding:13px 15px 13px 15px;}
#map_container #map_blur_block .btn:hover, #map_container #map_blur_block .btn:focus{background:#990000;border-color:#990000;color:#ffffff;}

/* na home nebude margin-bottom u produktu */
#homeProducts .produkt_obal { margin-bottom: 0; }

#homeProducts { padding-top: 30px; padding-bottom: 30px; }
@media (min-width: 1230px) {
	#homeProducts { padding-top: 80px; padding-bottom: 80px; }
}

#homeProductsList { padding: 35px 15px; overflow: hidden; }
@media (min-width: 1470px) {
	#homeProductsList { padding: 35px 40px; }
}

#homeProducts .hiddenLeftProd, #homeProducts .hiddenRightProd { display: none; }

@media (max-width: 460px) {
	#homeProducts .produkt_obal:nth-child(n+2) { display: none; }
}

@media (min-width: 461px) AND (max-width: 767px) {
	#homeProducts .produkt_obal:nth-child(n+3) { display: none; }
}

@media (min-width: 768px) AND (max-width: 1229px) {
	#homeProducts .produkt_obal:nth-child(n+4) { display: none; }
}

@media (min-width: 1230px) {
	#homeProducts .produkt_obal:nth-child(n+5) { display: none; }
}

/* kvuli absolutni pozici produkt_obalu pri HOVER se spodní BLOKY stahují nahoru (nic nedrží výšku, pokud je na novém řádku pouze jeden produkt) => div s výškou stejnou jako výška produktu */
#produkt-list-holder .produkty .height-fixer { display: none; }
@media(min-width: 768px) and (max-width: 1229px){
	#produkt-list-holder .produkty .height-fixer { display: inline-block; height: 421px; }
}
.height-fixer-obsah { height: 432px; display: none; }


.offsetter { width: 70px; height: 70px; line-height: 70px; background: #cc0000; display: block; position: absolute;top: 50%; left: 0; margin-top: -35px; text-align: center; }
.offsetter .icon { font-size: 30px; color: #ffffff; line-height: 70px; }

@media (max-width: 767px) {
	.offsetter { width: 24px; height: 24px; line-height: 24px; margin-top: -12px; }
	.offsetter .icon { font-size: 24px; line-height: 24px; }
}

.offsetter.right { right: 0; left: auto; }

.same-height { height: 496px; }

@media (max-width: 460px) {
	.col-xs-1 { padding: 0 5px; }
}

#fotogalBlock { background: #f2f9ff; padding: 10px 0; }

@media (min-width: 768px) {
	#fotogalBlock { padding: 15px 0; }
}

@media (min-width: 992px) {
	#fotogalBlock { padding: 35px 0; }
}

@media (min-width: 1230px) {
	#fotogalBlock { padding: 65px 0; }
}

.mobile-search .btn { min-width: 0; width: auto; background: #ffffff; padding-top: 7px; padding-bottom: 7px; }
.mobile-search .btn:hover { background: #cc0000; color: #ffffff; }

/*@media (max-width: 460px) {
	#top-line .search.topHeaderBlock { display: none; }
}*/

#link-back-block { border-bottom: 1px solid #d5d5d5; padding-bottom: 15px; font-size: 12px; }
#link-back { text-transform: uppercase; }
#link-back .icon { color: #0066cc; position: relative; top: 1px; padding-right: 5px; font-weight: bold; font-size: 14px; }

.red-text { color: #0066cc; }

.show_block { border: 1px solid #d5d5d5; padding: 15px 15px 0 20px !important; margin: 12px auto; }
.show_block ~ p { line-height: 0; margin-bottom: 0; }
/*.show_block *:not(.hidden-block-start) { display: none; }*/
.hidden-block-start {color: #333333 !important;font-size: 16px !important;line-height: 26px !important;border: none !important;border-bottom: 1px solid #d5d5d5 !important;text-decoration: none !important;text-transform: uppercase !important;
	font-weight: 400 !important;text-align: left !important; padding: 15px 15px 15px 20px !important;margin: -15px -15px 15px -20px !important;cursor: pointer;position: relative !important;
}
.hidden-block-start.closed { background: #ffffff;border: none !important; margin-bottom: 0 !important; }
.hidden-block-start:hover, .hidden-block-start:focus, .hidden-block-start { background: #eaedf2; }
.hidden-block-start::after {position: absolute;top: 13px;right: 20px;text-align: left;font-size: 13px;line-height: 13px;content: " ";display: block;width: 20px;height: 20px;border-right: 3px solid #cc0000;border-bottom: 3px solid #cc0000;
	position: absolute;z-index: 1;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transition: all 0.2s;}
.hidden-block-start.closed::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transition: all 0.2s;top: 18px;right: 20px;}

@media (min-width: 768px) {
	.show_block { border: 1px solid #d5d5d5; padding: 28px 15px 0 44px !important; }
	.hidden-block-start { font-size: 20px !important;padding: 28px 15px 28px 44px !important;margin: -28px -15px 20px -44px !important; }
	.hidden-block-start::after { top: 25px; }
	.hidden-block-start.closed::after { top: 30px; }
}

.hidden-block-end { padding-bottom: 5px; }

hr.SpecialBlock { display: none !important; }

.show_block .img-thumbnail { border: none; margin-bottom: 15px; }
.show_block #fotky a { text-decoration: none; }
.show_block #fotky .name { display: block; text-align: center; text-transform: uppercase; color: #555555; font-size: 14px; margin-top: 15px; }
.show_block #fotky { margin-top: 30px; }

.page-content table.vyhody { border: none; width: 100%; }
.page-content table.vyhody tr td { text-align: center; border: none; width: 33%; background: #ffffff; vertical-align: middle; padding: 5px 15px; }
.page-content table.vyhody td * { text-align: center; }
.page-content table.vyhody td h1, .page-content table.vyhody td .h1,
.page-content table.vyhody td h2, .page-content table.vyhody td .h2,
.page-content table.vyhody td h3, .page-content table.vyhody td .h3,
.page-content table.vyhody td h4, .page-content table.vyhody td .h4 { color: #cc0000; font-weight: bold; margin: 10px 0; }
.page-content table.vyhody td h1, .page-content table.vyhody td .h1,
.page-content table.vyhody td h2, .page-content table.vyhody td .h2 { font-size: 18px; }
.page-content table.vyhody td h3, .page-content table.vyhody td .h3,
.page-content table.vyhody td h4, .page-content table.vyhody td .h4 { font-size: 15px; }
.page-content table.vyhody td img { border: 1px solid #d5d5d5; }

.page-content table.tabulka_ikony { border: none; width: 100%; }
.page-content table.tabulka_ikony tr td { text-align: left; border: none; background: #ffffff; vertical-align: top; }
.page-content table.tabulka_ikony td * { text-align: left; }
.page-content table.tabulka_ikony td h1, .page-content table.tabulka_ikony td .h1,
.page-content table.tabulka_ikony td h2, .page-content table.tabulka_ikony td .h2,
.page-content table.tabulka_ikony td h3, .page-content table.tabulka_ikony td .h3,
.page-content table.tabulka_ikony td h4, .page-content table.tabulka_ikony td .h4 { color: #cc0000; font-weight: bold; margin: 0; }
.page-content table.tabulka_ikony td h1, .page-content table.tabulka_ikony td .h1,
.page-content table.tabulka_ikony td h2, .page-content table.tabulka_ikony td .h2 { font-size: 18px; }
.page-content table.tabulka_ikony td h3, .page-content table.tabulka_ikony td .h3,
.page-content table.tabulka_ikony td h4, .page-content table.tabulka_ikony td .h4 { font-size: 15px; }
.page-content table.tabulka_ikony td:first-of-type { min-width: 70px; }

#dvere-gallery .detail-gallery-item { width: 23%; padding: 8px; border: 1px solid #d5d5d5; margin: 10px 1%; border-radius: 0; }
#dvere-gallery .detail-gallery-item .name { display: block; max-height: 40px; overflow: hidden; }

@media (min-width: 768px) {
	#dvere-gallery #fotky { margin: 30px -1% 0 -1%; }
	#dvere-gallery .detail-gallery-item { width: 14.66666%; }
}

@media (min-width: 992px) {
	#dvere-gallery .detail-gallery-item { width: 10.5%; }
}

@media (min-width: 1230px) {
	#dvere-gallery .detail-gallery-item { width: 9.111111%; }
}

#mainImgVideo { position: relative; margin-bottom: 40px; margin-top: 40px; }
#videoStartGallery { display: inline-block; position: absolute; bottom: 30px; right: 20px; background: #eaedf2; color: #cc0000; font-size: 13px; font-weight: bold; line-height: 38px; vertical-align: middle; text-decoration: none; padding: 0 10px; }
#videoStartGallery .icon { font-size: 26px; line-height: 38px; vertical-align: middle; margin-right: 10px; }
#videoStartGallery:hover, #videoStartGallery:focus { color: #ffffff; background: #cc0000; }

.btn-block { margin-top: 40px; }
.btn-block .btn { margin-bottom: 15px;background: #cc0000; color: #ffffff; border: 1px solid #cc0000; font-size: 14px; line-height: 30px; padding: 4px 8px; vertical-align: middle; font-weight: normal; margin-right: 10px; }
.btn-block .btn .icon { font-size: 22px; line-height: 30px; vertical-align: middle; margin-right: 10px; }
.btn-block .btn .icon.icon_mail { position: relative; top: -4px; }
.btn-block .btn:hover, .btn-block .btn:focus { background: #ffffff; color: #cc0000; }

#footer .RESPswitch { border: 1px solid #ffffff; color: #ffffff; display: block; max-width: 200px; margin: 15px auto; text-align: center; }

@media (max-width: 991px) {
	.papir-efekt { background: #ffffff; padding: 15px; margin: 0 -15px; }
}

@media (max-width: 767px) {
	.header-affixed #header { background: #ffffff; }
	.inline-form.searchForm { border: 1px solid #333333; }
	.inline-form.searchForm input, .inline-form.searchForm .input-group-btn { border: none; outline: none; height: 36px; }
}

.page-content .searchForm .btn { padding: 7px 13px; color: #ffffff; min-width: 0; }

/* poznámky

- docela často ti nesedí paddingy, třeba v hlavičce ,v tom bílém bloku, nebo v tlačítku KONTAKT v hlavičce.
Nebo třeba v těch boxech nad patičkou, tam paddingem právě zařídíš to že text bude na dvou řádkách.
Vím, že jsem ti psal, že +- pár pixelů můžeš ignorovat :-) to platí stále. Tady to ale kolikrát je docela markantní,
kdyžtak se neboj třeba i jen ten padding nastylovat pro více šířek. Nebo udělat třeba jen základní styl,
který bude OK do 1229px a od 1230px to udělat tak jak je to v návrhu.

- když nastavuješ font-family, tak vždy musíš nastavit kromě primárního písma i nějaké sekundární. Je to z toho důvodu,
že například Open Sans je bezpatkové písmo a před jeho samotným stažením se font nahradí nějakým systémovým písmem
(druhým v pořadí, pokud je k dispozici). Pokud tam žádné nezadáš, tak se nahradí standardním fontem který systému/prohlížeče,
takže nejčastěji patkovým Times new romanem :-) což pak vypadá děsně. Když ti vložím na začátek základní styl,
tak tam bys měl mít vždy všechna použitá písma. Trochu vyjímka je právě u Open Sans, protože ten je výchozím písmem bootstrapu,
takže proto tam nebyl, pro něj platí: family-font: 'Open Sans', sans-serif;

- box s produktem: pokud chceš nastavit něčemu pevnou šířku, tak je lepší nastavit ji dílčím vnitřním elementům.
Třeba u boxu s produktem si nastavil na pevno výšku toho celého boxu. Což má za nevýhodu to, že pokud napíšeš delší text do
krátkého popisu, tak se stane to, že ti ten text přeteče přes celý box. To by se sice dalo vyřešit přes overflow: hidden; u boxu,
ale bohužel text se vypíše pak i do paddingu, takže to nebude vypadat hezky. Navíc, pokud by třeba někdo napsal tří řádkový nadpis
tak v boxu nebudou vidět ostatní informace - vím, že je to voser, ale je lepší u každýho dílčího elementu udělat nastavení výšky na pevno
a zároveň přidat overflow: hidden; tím zařídíš to, že budou vždy vidět všechny dílčí informace.
Abych to shrnul, tak třeba pro jednořádkový nadpis je potřeba nastavit:
....h2 { font-size: 20px; line-height: 24px; height: 28px; overflow: hidden;... margin-bottom: 10px; height by měl být o něco málo vyšší, kvůli háčkům/čárkám a písmenům, které jsou pod řádek, chce to vyzkoušet, je to jak u čeho a kecá do toho kombinace line-height a font-size }
pro ten krátký popis:
....popis { line-height: 20px; font-size: 14px; height: 84px; overflow: hidden; }

U popisů a všech prvkům, které jsou plněné přes editor - což jde blbě poznat, chápu ... poznáš to tak, že v tom divu bude odstavec - je dobré zrušit margin, protože ten v tom pak dělá paseku
....popis * { margin-bottom: 0; }

Když máš potom celý box složený z dílčích prvků které mají nastavenou výšku na pevno, tak není ani potřeba dávat celému boxu výšku,
čehož můžeš využít dál při responzivu, že třeba pro menší šířku nastavíš nadpis na 2 řádky, popis na 3...


- stíny: pokud se na webu používá jeden styl stínu (což není vždy, ale i tak se to většinou hodí),
je nejlepší udělat si třídu .stin { box-shadow: .... } a tu pak přidat jednotlivým boxům kde potřebuješ

- hlavní menu (červený blok): koukal jsem, že si přehodil menu v cz-main.phtml do #header-right-block což se pak sice hezky styluje pro desktopy, ale je s tím potom problém na mobilech.
Cestu jak udělat mobilní menu, jsme hledali docela dlouho, protože skrz hodně zařízení s tím takhle jak si to udělal byl docela problém ať už šlo o dva posuvníky,
které se vytvořili, nebo o nepodporu overflow:hidden; na některých zařízeních. Tak tohle prosím neměň. Tak jak to je v základu udělané je ve svý podstatě hlavička zvlášť
a menu taky zvlášť, napozicovaný marginem. Takže výška celé stránky = výška hlavičky + výška menu - nevznikne další posuvník a fungovalo to takhle i na
Androidu 2.6 - který nepodporuje hodně věcí. Pro desktopy je pak potřeba napozicovat ho absolutně pro jednotlové šířky, ale je to v podstatě ta nejjednodušší cesta.
Při příštím proktu ho zkusím líp přípravit. Nebo si pak můžem zavolat a ukážu ti jak ho jednoduše nastylovat.


*/

.footer-links {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.footer-links a, .footer-links a:focus {
    color: white;
    text-decoration: underline;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 16px;
}

#footer .footer-links a:hover, .footer-links a:active {
    color: #000000;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .footer-links a {
        display: block;
        width: 100%;
    }
    .footer-links a {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .footer-links {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.partneri #animace .carousel-inner {
    padding-top: 80px;
}
.partneri .partner .img-container {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.partneri .carousel-indicators {
    position: static;
    text-align: center;
    padding-top: 36px;
    padding-bottom: 36px;
}
.partneri .carousel-indicators > * {
    display: inline-block;
    border-radius: 50%;
    background-color: #0066cc;
}
.partneri .carousel-indicators {
    text-align: center!important;
}
.partneri .carousel-indicators > li.active {
    background-color: #0099ff!important;
}
@media (max-width: 767px) {
    .partneri #animace .carousel-inner {
        padding-top: 36px;
        padding-bottom: 0px;
        margin-top: 0px;
    }
    .partneri .partner .img-container {
        box-shadow: none;
    }
    .partneri .partner {
        margin-bottom: 10px;
    }
}
@media (max-width: 1229px) {
    .partneri .partner {
        margin-bottom: 20px;
    }
    .partneri #animace .carousel-inner {
        margin-top: 20px;
    }
}



.sub_pages {
    background-color: #0066cc;
    height: 66px;
    width: 100%;
}
.sub_pages > .container {
    overflow: hidden;
}
.sub_pages > .container > * {
    float: left;
}
.sub_pages .sub_pages__item {
    overflow: hidden;
    display: block;
    width: 25%;
}
.sub_pages .sub_pages__item:hover, .sub_pages .sub_pages__item.active {
    background-color: #0099ff;
    border-color: #0099ff;
}
.sub_pages .sub_pages__item > div {
    overflow: hidden;
}
.sub_pages .sub_pages__item > div > * {
    float: left;
}
.sub_pages .sub_pages__item .item__img {
    padding: 10px 20px;
    height: 66px;
}
.sub_pages .sub_pages__item .item__img img {
    height: 100%;
}
.sub_pages .sub_pages__item .item__text {
    font-family: 'Muli', sans-serif;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    color: white;
    padding: 14px 0px;
}
@media (min-width: 768px) {
    .sub_pages > .container > .sub_pages__item {
        border-left: 1px solid #6699cc;
    }
    .sub_pages > .container > .sub_pages__item:last-child {
        border-right: 1px solid #6699cc;
    }
}



@media (max-width: 1229px) {
    .sub_pages {
        height: 50px;
    }
    .sub_pages .sub_pages__item .item__text {
        font-size: 16px;
        padding: 9px 0px;
    }
    .sub_pages .sub_pages__item .item__img {
        padding: 10px;
        height: 50px;
    }
}
@media (min-width: 768px) AND (max-width: 991px) {
    .sub_pages {
        height: 80px;
    }
    .sub_pages .sub_pages__item .item__img {
        width: 100%;
        text-align: center;
        height: auto;
        padding-bottom: 0px;
    }
    .sub_pages .sub_pages__item .item__img img {
        height: 40px;
    }
    .sub_pages .sub_pages__item .item__text {
        text-align: center;
        width: 100%;
        padding-top: 0px;
    }
}
@media (max-width: 767px) {
    .sub_pages {
        height: auto;
    }
    .sub_pages > .container {
        padding: 0px;
    }
    .sub_pages .sub_pages__item {
        width: 50%;
    }
    .sub_pages .sub_pages__item .item__text {
        font-size: 13px;
        padding: 9px 0px;
    }
    .sub_pages .sub_pages__item .item__img {
        padding: 5px;
        height: 35px;
    }
}

#prevPage, #nextPage {
    color: #0066CC;
}
#prevPage:hover, #nextPage:hover, #prevPage:active, #nextPage:active, #prevPage:focus, #nextPage:focus {
    color: #FFFFFF;
}