.boxed .col-lg-1,
.boxed .col-lg-10, 
.boxed .col-lg-11, 
.boxed .col-lg-12, 
.boxed .col-lg-2, 
.boxed .col-lg-3, 
.boxed .col-lg-4, 
.boxed .col-lg-5, 
.boxed .col-lg-6, 
.boxed .col-lg-7, 
.boxed .col-lg-8, 
.boxed .col-lg-9, .boxed .col-md-1, .boxed .col-md-10, .boxed .col-md-11, .boxed .col-md-12, .boxed .col-md-2, .boxed .col-md-3, 
.boxed .col-md-4, .boxed .col-md-5, .boxed .col-md-6, .boxed .col-md-7, .boxed .col-md-8, .boxed .col-md-9, .boxed .col-sm-1, 
.boxed .col-sm-10, .boxed .col-sm-11, .boxed .col-sm-12, .boxed .col-sm-2, .boxed .col-sm-3, .boxed .col-sm-4, .boxed .col-sm-5, 
.boxed .col-sm-6, .boxed .col-sm-7, .boxed .col-sm-8, .boxed .col-sm-9, .boxed .col-xs-1, .boxed .col-xs-10, .boxed .col-xs-11, .boxed .col-xs-12, 
.boxed .col-xs-2, .boxed .col-xs-3, .boxed .col-xs-4, .boxed .col-xs-5, .boxed .col-xs-6, .boxed .col-xs-7, .boxed .col-xs-8, .boxed .col-xs-9
{
   margin: 0px 0px; padding: 0px 3px;
}

.wx1 {width: 330px;}
.wx2 {width: 170px; flex: 170px; max-width: 170px;}
.wx3 {}


/* 00C500 */
/* 029F01 */
/* 03A003 */
.cGreen {
   background-color: #036803;
   -moz-box-shadow:    inset 10px 10px 20px #024E02;
   -webkit-box-shadow: inset 10px 10px 20px #024E02;
   box-shadow:         inset 10px 10px 20px #024E02;
}
/* 03DFDF */
/* 01b6b6 */
/* 01B5B5 */
.cLightBlue {
   background-color: #046262;
   -moz-box-shadow:    inset 10px 10px 20px #034949;
   -webkit-box-shadow: inset 10px 10px 20px #034949;
   box-shadow:         inset 10px 10px 20px #034949;
}
.cDarkBlue {
   background-color: #0062F4;
   -moz-box-shadow:    inset 10px 10px 20px #004CBD;
   -webkit-box-shadow: inset 10px 10px 20px #004CBD;
   box-shadow:         inset 10px 10px 20px #004CBD;

}

.cGreen, .cLightBlue, .cDarkBlue {color: white;}


.boxed .heightMenuBox {
   margin-bottom: 5px;
}

.boxed .heightMenuBox, #slider {height: 305px; }


.boxed .heightMenuBox.cGreen {height: 460px; }

.heightMenuBox h2, .menuCol .headerMenuH2,
.heightSmallBox h3 {font-size: 2.1em; padding: 25px 0px 5px 30px;}
.heightSmallBox h3 a, .heightMenuBox h2 a, .menuCol .headerMenuH2 a {color: white;}

.heightSmallBox h3 {font-size: 1.3em;}

.boxed .heightSmallBox, .heightSmallBox2 {
   height: 150px;
   margin-bottom: 5px;
}


/* HEADER FIXED */
.titlePage {color: #202020; font-size: 1.2em; padding: 10px 10px 5px 10px; text-align: center;}
.titlePage h1 {font-size: 1em;}
#header-top {border-bottom: 1px solid #ddd; margin-bottom: 20px;}
#header-top.fixHeader {
   width: 100%;
   max-width: 100%;
   height: 50px;
   text-align: center;
   position: fixed;
   margin-left: auto;
   margin-right: auto;
   top: 0px;
   left: 0px;
   z-index: 100;
   background-color: white;
   box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
}
#header-top .logo2 img {height: 95px; margin-top: 8px;}
#header-top.fixHeader .logo2 {width: auto; }
#header-top.fixHeader .logo2 img {
    margin-top: 5px;
   height: 40px; 
   transition: all 0.4s;
   transition-property: all;
   transition-duration: 0.4s;
   transition-timing-function: ease;
   transition-delay: 0s;
   opacity: 1;
}
#header-top.fixHeader .titlePage {display: none;}
#header-top.fixHeader #ccsmenu {top: 0px;}



#main-menu {margin: 0px;}

.heightSmallBox p a, .rightBox p a {color: white; height: 100%; padding-top: 25px;padding-left: 15px; display: block;}

.heightSmallBox.sociallinks p a {
    height: auto;
    padding: auto;
    display: contents;
}

.heightSmallBox p, .heightMenuBox p, .rightBox p, .heightSmallBox2 p {
   margin-bottom: 0px;  
   font-size: 1.3em;
   line-height: 1.1em;
   text-align: left;
   height: 100%;
   padding: 0px;
}
.rightBox p a {padding: 15px; height: 100%;}

.boxed .col-md-12.box-foto-6{padding: 0px; }

.menuCol .index-left-menu {padding-bottom: 20px;margin-bottom: 4px;}
.index-left-menu {padding: 0px; margin-left: 25px; margin-right: 25px;}
.index-left-menu li {list-style: square; font-size: 1.05em; padding: 2px 7px; list-style-position: inside;}
.index-left-menu li a {color: white;}
.index-left-menu li.selected > a {text-decoration: underline;}
.index-left-menu li > ul {margin-left: 10px; font-size: 0.92em;}
.index-left-menu.cGreenLi li {color: #6CD96C; border-top: 1px solid #6CD96C; }
.index-left-menu.cLightBlueLi li {color: #64E8E8; border-top: 1px solid #64E8E8; }
.index-left-menu.cBlueLi li {color: #629DF5; border-top: 1px solid #629DF5; }

.breadcrumb .breadcrumb-item a {color: #024A8D;}

#slider {}
#flexslider div.flex-viewport, #flexslider div.flex-viewport ul, #flexslider div.flex-viewport ul li {
    height: 100%;
}

/* SEARCH BUTTON */
#search-box {margin: 10px 0px;}

/* SLIDER CARUSEL */
#flexslider {overflow: hidden; border: 0px; border-radius: 0px; margin-bottom: 6px;}
#flexslider.flexslider {height: 305px}
.flex-control-nav {position: absolute; bottom: 5px;}
#slides {width: 100%; height: auto; height: 305px}
#slides div {text-align: center; width: 100%; }
#slides div a {display: block; text-align: center;}
#slides div a h2 {position: absolute; color: white; font-size: 1.3em; padding: 20px 20px; text-shadow: -1px 0 #0358D7, 0 1px #0358D7, 1px 0 #0358D7, 0 -1px #0358D7; opacity: 0.7;}
#slides div a h2:hover {opacity: 1;}
#slides div a img {width: auto !important;  height: 100%; display: block;
    margin-left: auto;
    margin-right: auto;}
.inside-slide {width: 100%;}
.flex-control-nav li a {border: 1px solid #aaa;}
.flex-direction-nav a {height: 50px;}

/* FOTO */
.loga-partneri {margin: 20px auto;}
.clanekFoto {margin-right: 20px; margin-bottom: 20px;}
.foto-ref ul li {}

/* FOOT */
.foot-row {background-color: #DFDFDF;}
.foot-row > .container > .row {padding-top: 30px;}
.foot-info {font-size: 0.9em;}
.foot-info h2 {font-size: 1.2em;}
.foot-info h3 {font-size: 1em;}
.foot-info h2, .foot-info h3 {padding-top: 10px; font-weight: bold;}
.copy-row {background-color: #EEE; text-align: center; padding: 15px 0px; font-size: 0.9em;}
.copy-row a {color: black;}

/* CLANKY */
.list-articles .col-md-3 {padding-left: 0px; overflow: hidden;}
.row.list-articles  {margin-bottom: 5px; height: 150px;  overflow: hidden;}
.row.list-articles.suda {background-color: #eee;}
.news-short-text {max-height: 80px; overflow: hidden; }
.news-h2-text {font-size: 1.3em; font-weight: 600; padding-top: 7px;}
.news-h2-text a {color: #0250C5;}
.news-datum, .news-kategory, .news-vice {font-size: 0.9em; color: #006600; font-weight: bold;}
.news-kategory a { color: black;}
.news-vice a {color: #555; font-weight: normal;}
.col-md-3.news-img {padding-top: 10px;}
div.row.list-articles div.col-md-3.news-img  {
    padding: 5px;

}
.page-content.col {margin-left: 3px; margin-bottom: 20px;}
.clanky-others > .row {margin: 0px 1px;}
/* BOXY VPRAVO */
.rightBox {height: 150px; width: 150px; margin-bottom: 4px; float: right;}
.width-150px {width: 150px;}

/* STRANKOVANI */

.page-colector {margin: 10px 10px; clear: both;}
.page-colector a.ON {font-weight: bold; font-family: sans-serif; background-color: #CCCCCC;}
.page-colector a {color: #024788; display: block; float: left; width: 23px; height: 23px; text-align: center; vertical-align: center;  font-size: 0.8em; line-height: 23px;  margin: 0px 1px; background-color: #EEECE7;}
.counterSum {display: block; float: left; height: 23px; line-height: 23px; margin-left: 10px; }
.page-colector a.sipky {background-color: #0062F2; color: white; font-size: 1.2em;  line-height: 20px; }
.page-colector a:hover {background-color: #0b0b0b; color: white;}

/* BACK TOP TOP */
#back-top {
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 10000;
    display: none;
}
#back-top span::after{
   position:absolute;top:14px; left: 13px;
   display:block; border-left: 2px solid white; border-top: 2px solid white;
   width:15px;height:15px;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;
   -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)
}
#back-top span {
    width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 7px;
    background: #C8062D url(top.png) no-repeat center center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;

}


/* SLIDER LOGA */
#parners-loga{width: 100%;}
#partners-strip {height: 80px; padding: 0px 7px;}
#partners-strip #rightClick, #partners-strip #leftClick {float: right; width: 51px; height: 80px;
	background: url("/images/template/but-strip-right.jpg") top left no-repeat white;}
#partners-strip #leftClick {float: left; background-image: url("/images/template/but-strip-left.jpg"); }

#partners-strip #rightClick a, #partners-strip #leftClick a {text-decoration: none; display: block; width: 51px; height: 80px;}

#partners-strip #parners-loga {float: left; width: 870px; height: 80px; overflow: hidden;}
#partners-strip #parners-loga ul {width: 1400px;}
#partners-strip #parners-loga ul li {display: inline;}


/* SUP PAGES*/
ul.page-sub-pages {margin-left: 0px; margin-top: 30px;}
ul.page-sub-pages li {display: block; margin-bottom: 2px;}
ul.page-sub-pages li a {display: block; font-size: 0.4em; font-weight: bold;
    background-color: #eee; padding: 6px 10px; text-decoration: none;
    border-bottom: 1px solid #ddd;}
ul.page-sub-pages li a:hover {color: white; background-color: #0061F3;}
ul.page-sub-pages li h2 {margin-bottom: 2px;}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {

    .col-md-2.wx2 { width: 100%; max-width: 100%;}
    .slides li a img {height: auto !important; min-height: auto !important;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    .wx2 { width: 100%; max-width: 100%; clear: both;}

    .slides li a img {height: auto !important; min-height: auto !important;}
}



@media (max-width: 767px) {
  #header-top .titlePage {padding: 3px; font-size: 1em; margin-bottom: 5px; color: #222;}
  .wx1menu {display: none;}
  .col-md-3.wx1 { width: 100%; max-width: 100%;}
  .col-md-2.wx2 { width: 100%; max-width: 100%;}
  .col-md-1.wx2 {width: 100%;  max-width: 100%;}
  .col-md-1.wx2 div {float: left;}
  .row.list-articles {height: auto; max-height: auto;}
  .hidden-sm {display: none;}
  .rightBox {margin-right: 2px; float: left;}
    .index-left-menu li {font-size: 0.9em;}

    .slides li a img {height: auto !important; min-height: auto !important;}
}

@media (min-width: 992px){
      /* CSSMENU */
    nav#cssmenu {text-align: center;}
    #cssmenu > ul {display: inline-flex; margin: auto;}
    #cssmenu ul {text-align: left;}
}

@media (min-width: 768px) and (max-width: 992px) {
  .wx1menu {display: none;}
  .container {width: 100%; max-width: 100%;}
    .heightMenuBox h2, .menuCol .headerMenuH2,
    .heightSmallBox h3 {font-size: 1.4em; padding: 20px 0px 5px 25px;}
    .heightSmallBox p, .heightMenuBox p, .rightBox p {font-size: 1.1em;}
    .index-left-menu li {font-size: 0.9em;}
    .row.boxed {margin-left: 20px;}

}
@media (min-width: 993px) and (max-width: 1199px) {
   .wx1 {width: 250px;}
   .wx2 {width: 120px;}
   .wx3 {width: 480px;}
   .col-md-1.wx2 {width: 100%; max-width: 100%; clear: left;}
   .col-md-1.wx2 div.heightSmallBox {float: left; width: 225px; margin-right: 6px;}

    .heightMenuBox h2, .menuCol .headerMenuH2,
    .heightSmallBox h3 {font-size: 1.4em; padding: 20px 0px 5px 25px;}
    .heightSmallBox p, .heightMenuBox p, .rightBox p {font-size: 1.1em;}
    .index-left-menu li {font-size: 0.9em;}
    .row.boxed {margin-left: 20px;}
}
@media (min-width: 1200px) {
   .wx3 {width: 500px; max-width: 500px;}
   .container {width: 1150px;}
}

@media (min-width: 1700px) {
    .container{
        max-width: 1400px !important;
        width: 100%;
    }
    
    .wx3 {width: 600px; max-width: 600px;}
}

@media (min-width: 1600px) {
    .container{
        max-width: 1400px !important;
        width: 100%;
    }
    
    .wx3 {width: 760px; max-width: 760px;}
}