@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");
html {
font-family: "Open Sans", 
             "Helvetica Neue", 
              Helvetica, 
              Arial, 
              sans-serif !important;
-webkit-font-smoothing: antialiased !important;
          text-shadow: 0px 0px 0px rgba(0,0,0,0.004);
}

/* offcanvas css*/
/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 70px;
}
footer {
  padding: 30px 0;
}
div.logo h1 {color:#003082 !important;}
.container h2 {color:#578ad6}
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 991px) { /*767 */
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
            visibility:visible;
  }


  .row-offcanvas-left {
    left: 0;
    
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  } 

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
    visibility:visible;
    
  }

   .sidebar-offcanvas {
    position: absolute;
    top: 30px;
    width: -50%; /* 6 columns */
    

  }
.sidebar-offcanvas {   
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
            opacity:0;
}

.sidebar-offcanvas.active {
     -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
             transition: all .5s ease-out;
             opacity: 1;
}


/* right */
   .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
    

  }

 .row-offcanvas-right {
    right: 0;

  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
    
  }
}


/* offcanvas css */


  /* reset and main  *******************************************************  */
    *,
    a, 
    a:hover, 
    a:active, 
    a:focus, 
      object, 
      embed, 
      button, 
    *:focus {
        noFocusLine: expression(this.onFocus=this.blur());
        outline:none;
        }

body, 
html {
          color:#2a416f;
    padding-top: 0px !important; 
      font-size: 100% !important; 
/*    font-family: 'Open Sans Condensed', 
                  sans-serif, 
                  Helvetica;*/
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.5em
}

h2 a, h2 a:hover {
    color:#2a416f;

}

h2, .h2 {
     margin-top: 0px;
    padding-top: 0px;
    font-weight:bold;
}

h3 {
    font-size: 1.125em
}

p {

    font-size: 20px

}
table ul li, tbody tr td {padding:3px;}

/* reset and main *********************************************************** */

/* media queries ************************************************************ */

@media screen and (max-width: 766px) {
    
    .row.projects a img {
        width: 100%;
    }
    .row.hover_box h2 {
        margin-top: 10px;
    }    
    .navbar-collapse {
       padding-left:15px !important;
      padding-right:15px !important;
}

/* ul.nav-childs.unstyled.small.dropdown-menu {display:none !important;}
    ul.nav-childs.unstyled.small.dropdown-menu:hover {display:none !important;}
    .dropdown-menu {display:none !important;}
    .navbar-nav>li>.dropdown-menu {display:none !important;}
*/
}


@media screen and (max-width: 992px) and (min-width: 767px) { /*767 */
    ul.nav.navbar-nav li a {
        font-size: 1.4vw;
    }   

    .navbar-nav>li>a {
        padding: 10px 0.6vw;
    }

    .navbar {
        min-height: 20px !important;
    }
    .container {

padding-left: 0px;
padding-right: 0px;
}
} 

@media screen and (min-width: 767) {
    .info h2 {
        margin-top: 0px !important;
    }
    
    h2 {
        margin-top: 0px !important;
    }

    .container {

padding-left: 0px !important;
padding-right: 0px !important;
}
}
@media (min-width: 992px) {

    .container {

padding-left: 0px !important;
padding-right: 0px !important;
}
	
}




/* media query ************************************************************** */

/* all ********************************************************************** */
.btn-default { 
    border-color: transparent !important;
}

.container.wide {
        width:  100%; 
       margin:    0px; 
      padding:    0px;
    max-width: 1140px; 
       margin: auto;
}

.container.wide div.item img {
    width:100%;
}

/* all ********************************************************************** */

 /* top ********************************************************************* */
.top {
    width:100%;
    float:right;
}
.lang { 
    float:right; 
    width:100px;
    padding-top: 5px;
}
.lang-inline {
     list-style: none; 
     margin-top: 10px;
    margin-left:  0px;
   padding-left:  0px;
          float: right;
}
.lang-inline li {
    width:30px;
    float:left;
}
.lang-inline li img {
     float:right;  
    border:1px solid #c3c3c3;
}

.rawimages {
    float:left;
}

 /* top ********************************************************************* */

 /* baner logo ************************************************************** */

.logo {
    padding:20px 0px 20px 0px;  
}

.logo h1 { 
         vertical-align: middle;
            line-height: 80px; 
            font-weight: bold;
    -webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
       -moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
            text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
                  color: #444;
}




 /* baner logo ************************************************************** */

 /* navbar ****************************************************************** */
.navbar {
    border-radius: 0px;
    }

.navbar {
    margin-bottom: 0px;
}
.navbar-inverse 
.navbar-collapse, 
.navbar-inverse .navbar-form {
	border-color: #101010;
	}

.navbar-inverse {
	  background-color: #003082;
       	border-color: #080808;
       border-bottom: 5px solid #578ad6;
	}

.navbar-inverse .navbar-nav>li>a {
	 color: #fff;
	}

ul.nav.navbar-nav li a:hover {
	 /*background: #578ad6;*/
	}

ul.nav.navbar-nav li a.active {
	/* background: #578ad6; */
	}

.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus {
  	color: #fff;
  	background-color: #578ad6;
}
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus {
background-color: #578ad6 !important;
}
.navbar-collapse {
    padding:0px;
}
.dropdown-menu>li>a {
    padding: 10px 20px;
}

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus {
	  		   color: #fff;
	 text-decoration: none;
	         outline: 0;
	background-color: #578ad6;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
/*background-color: #999 !important;*/

}

/* navbar ****************************************************************** */

/* breadcrumbs ****************************************************************** */
div ul.breadcrumb {
  margin-left: 0px;
  margin-bottom: 5px;
}
/* breadcrumbs ****************************************************************** */



/* projects ***************************************************************** */

.border {
  border: 1px solid black;
}


.list-group img {
    width:100%
}

.projects {
    margin-top:20px;
}
.row.projects img {
    width: 24.5%;
}

.row.projects.baners img {
   width: auto; 
}

.list-group a img,
.row.projects a img {
           border: 1px solid #fff;
    margin-bottom: 5px;

      -webkit-transition: all .3s ease-out;
         -moz-transition: all .3s ease-out;
              transition: all .3s ease-out;
    
    
        
               -mos-filter: grayscale(100%);
                -ms-filter: grayscale(100%);  
                 -o-filter: grayscale(100%);
                    filter: url(grayscale.svg);
            -webkit-filter: grayscale(100%) opacity(0.6); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
                    filter: gray; /* IE6-9 */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

}

.list-group a:hover img,
.row.projects a:hover img {
    border: 1px solid #c3c3c3;
        -webkit-transition: all .3s ease-out;
           -moz-transition: all .3s ease-out;
                transition: all .3s ease-out;
                    filter: alpha(opacity=80);

                box-shadow: 0px 0px 10px 2px rgba(85, 85, 85, 0.1);
                    cursor: pointer;
                /*    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /*     Firefox 10+, Firefox on Android */
            -webkit-filter: grayscale(0%); 
                -ms-filter: grayscale(0%);  
               -mos-filter: grayscale(0%);
                 -o-filter: grayscale(0%);
                    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                 /*filter: url(grayscale.svg);*/
}

.moduletable ul {
     margin-left: 10px;
    padding-left: 10px;
}

.moduletable h3 {
    /*text-transform: uppercase;
             color: #fff;*/

}

.moduletable ul a {    
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out; 
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
    color: #233c7c; 
    text-decoration: none;
}

.moduletable ul a:hover {
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
                 color: #578ad6; 
       text-decoration: none;

}
/* projects ***************************************************************** */
/* menu left ***************************************************************** */
.accordion-group { 
    margin-bottom: 20px;
  }
/*.accordion-heading {  border:1px solid #ddd;}*/
.accordion-heading a { 
   text-decoration : none; 
           padding : 6px; 
       font-weight : bold;
             color : #000;
           display : block;
            border : 1px solid #fff; 
  }

.accordion-toggle active { 
    background-color: blue;
  }

.accordion-parent active { 
    background-color: blue;
  }

.accordion-heading {}
.accordion-inner ul li { 
    list-style-type:none;
  }
.accordion-inner { }
.accordion-inner ul li a { 
    text-decoration: none;
            padding: 5px;
            display:block;
  }

.accordion-heading a:hover {
                border: 1px solid #c3c3c3;
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
            transition: all .3s ease-out;
                filter: alpha(opacity=80);
            box-shadow: 0px 0px 10px 2px rgba(85, 85, 85, 0.1);
  }

div.accordeonck {margin-bottom: 20px !important;}
.accordeonck ul li a {font-size: 16px !important; font-weight: bold; 
}
ul.content_1 {padding-left: 10px !important;}
ul#accordeonck104 li a {padding-left: 10px !important; color:#8c8c8c; }
li.level2 a {font-weight:normal !important; }


/* menu left ***************************************************************** */


/* page */
.page-header {
  border-bottom: none;
         margin:0px;
  }

.pull-left .item-image {
 margin-right:15px;
  }
.article-info.muted {
       /*margin-top: -15px;*/
    margin-bottom: -10px;
    color: #c3c3c3;
  }
 .article-info.muted.wide {
  margin-top: -5px;
  margin-bottom: 5px;
 } 
.btn-group {
    margin-top: -15px;
  }
.published {
    font-style: italic; 
  }
.item-page {
    line-height: 1.7;
  }
.item-page p {
    text-align: justify;
    font-size:20px;
  }
.img-rounded.faded {width:100%;max-width: 258px;}
/* page */


/* hover box **************************************************************** */



.row.hover_box.linkl {
    margin-left:0px;    
  }

.hover_box {
          margin-right:  5px;
           padding-top: 15px;
        padding-bottom: 10px;
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
            transition: all .3s ease-out;
                border: 1px solid #fff;  
               opacity: 1; 
                filter: alpha(opacity=100);
        
  }

.hover_box:hover {
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
            transition: all .3s ease-out;
    filter: alpha(opacity=80);
        border: 1px solid #c3c3c3;
    box-shadow: 0px 0px 10px 2px rgba(85, 85, 85, 0.1);
        /*cursor: pointer;*/
  }



.hover_box .button {
    height:  30px; 
     width: 100px; 
    margin: -30px -50px; 
  position: relative;
       top: 50%; 
      left: 50%;
   opacity:  1;
   z-index: 20;

  }

/*.hover_box span, 
.hover_box a.alink  {
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
               opacity: 0;
                filter: alpha(opacity=10);
  }

.hover_box:hover span, 
.hover_box:hover a.alink {
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
               opacity: 1;
                filter: alpha(opacity=100);
  }


*/
#item.row.hover_box.linkl {
position: relative;
}

a.btn.btn-default {
     height: 30px;
    padding:  5px;
     margin:  0px;
   position: absolute;
     bottom:  6px;
      right: 10px;
    z-index: 100;
      color: #578ad6;
      font-weight: bold;

      line-height: 1.5;
     }


.alink {
   background-color: white;
       


  }
.pull-left.in-article {
    margin-right: 15px;
           width: 50%;
  }
.pull-left img {
    max-width: 100%;
  }

.linkl p {
    text-align: justify;
  }

span.divider img {
    visibility: hidden;
  }

/* hover box **************************************************************** */

/* hover box **************************************************************** */
#fancybox-overlay {background-color: #fff !important;}
/* hover box **************************************************************** */

/* back to top ************************************************************** */

#back-top {
  position: fixed;
    bottom: 30px;
     right: 50px;

}

#back-top a {
           width: 108px;
         display: block;
      text-align: center;
            font: 11px/100% Arial, 
                            Helvetica, 
                            sans-serif;
  text-transform: uppercase;
 text-decoration: none;
           color: #bbb;
         opacity: 0.6; 
          filter: alpha(opacity=60);

  /* transition */
  -webkit-transition: 1s;
     -moz-transition: 1s;
          transition: 1s;
}
#back-top a:hover {
  color: #000;
  z-index: 1000;

}

/* arrow icon (span tag) */
#back-top span {
          width: 108px;
         height: 108px;
        display: block;
  margin-bottom: 7px;
     background: #ddd url(up-arrow.png) no-repeat center center;

  /* rounded corners */
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;

  /* transition */
  -webkit-transition: 1s;
     -moz-transition: 1s;
          transition: 1s;
}
#back-top a:hover span {
  background-color: #999;
}
/* back to top ************************************************************** */





/*grey 2 ******************************************************************** */

/*grey 2 ******************************************************************** */

/* footer ******************************************************************* */


footer {
               height: 46px;
    /*background-image: url(../img/stopka.jpg) ;*/
      background-size: 100%;
    background-repeat: no-repeat; 
}

footer p {
    margin: 0px;
}

.widefooter {
         width: 100%; 
        margin:   0px; 
       padding:   0px;
        margin: auto;
    background: #578ad6; 
/*    border-bottom:1px solid black;
    border-top:1px solid black;*/
}
.container.footer {
    margin-bottom:  20px; 
            color: #fff;
      line-height: 0.9em;
}

.container.footer ul {
     margin-left: 0px ;
    padding-left: 0px ;
}

.container.footer ul li {
       list-style: none outside none;
    margin-bottom: 8px;
}

.container.footer ul li a {
        color: #fff;
    font-size: 12px;
}
.container.footer ul li a:hover {
text-decoration: underline;
}


.after_footer {
    text-align: center;
         color: #999;
}

/* footer ******************************************************************* */

/* icons  ******************************************************************* */

.tab_plk {
  text-align: center;
  margin-top:20px;
  margin-bottom:20px;
  width: 100%;
    
  border: 1px solid #4682b4;
   border-collapse: collapse;

  
  
}
.tab_plk tbody tr td a img {
  text-align: center;
}



table.tab_plk td { 
  padding:3px; 

     border: 1px solid #4682b4;
   border-collapse: collapse;
   
  }

table.tab_plk td a { height:80px;}
table.tab_plk td a img {margin-bottom: 3px;}  
  
table.tab_plk tr:nth-child(2n) {background-color:white;}
table.tab_plk tr:nth-child(2n+1) {background-color:#edf2f5;}

table.tab_plk tr:first-child {background: #cadbec; font-weight:bold; text-transform:uppercase; } 

table.tab_plk td:first-child {text-align:left;}



table.tab_plk a[href$=".pdf"] {
background: transparent url('pdfs.png')  100% 100% no-repeat;
padding-top: 10px;
padding-right: 20px;
}

table.tab_plk a[href$=".zip"] {
background: transparent url('zip_ico.gif')  100% 100% no-repeat;
padding-top: 10px;
padding-right: 20px;
}

table.tab_plk a[href$=".doc"] {
background: transparent url('word.png')  100% 100% no-repeat;
padding-top: 10px;
padding-right: 20px;
}

table.tab_plk a[href$=".xls"] {
background: transparent url('excel.png')  100% 100% no-repeat;
padding-top: 10px;
padding-right: 20px;
}

table.tab_plk a[href$=".docx"] {
background: transparent url('word.png')  100% 100% no-repeat;
padding-top: 10px;
padding-right: 20px;
}

table.tab_plk a[href$=".xlsx"] {
background: transparent url('excel.png')  100% 100% no-repeat;
padding-top: 10px;
padding-right: 20px;
}

table.tab_plk a[href ^="mailto:"] {
padding-right: 20px;
padding-top:10px;
background: transparent url(mail.gif) 100% 100% no-repeat;
}



.sam_mail {}
.sam_mail a[href ^="mailto:"] {
padding-right: 20px;
padding-top:10px;
background: transparent url(mail.gif) 100% 100% no-repeat;
}


.sam_www {}
.sam_www a[href ^="http:"] {
padding-right: 0px;
padding-top:10px;
background: transparent url(link.gif) 100% 100% no-repeat;
}

/* table.tab_plk a[href ^="http:"] {
padding-right: 20px;
padding-top:10px;
background: transparent url(link.gif) 100% 100% no-repeat;
}
*/


.sam_pdf {}

.sam_pdf[href$=".pdf"] {
background: transparent url('pdfs.png')  100% 100% no-repeat;
padding-top: 10px;
padding-right: 20px;

}

.sam_zip {}

.sam_zip a[href$=".zip"] {
background: transparent url('zip_ico.gif')  100% 100% no-repeat;
padding-top: 10px;
padding-right: 20px;
}


/* icons  ******************************************************************* */

/* fancybox  ******************************************************************* */

.fancybox-title.fancybox-title-inside-wrap {visibility: hidden;}
#fancybox-wrap {width:auto !important;}

/* fancybox  ******************************************************************* */


/* pagination  ******************************************************************* */

.pagination { margin:0px; width:100%; padding: 0px; 
} 
.pagination.list {
	 margin-left: auto;
	margin-right: auto; 
	       width:550px; 
	     display:block;
	 }

p.counter.pull-right {display:block; color: #cecece;}

#roksearch_search_str {width:100%; margin-bottom: 10px;}

.pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, .pagination>.active>span:hover, 
.pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: #578ad6 !important; color: white !important;
}

.pagination>li>a, .pagination>li>span { color: #578ad6 !important;}

/* pagination  ******************************************************************* */

a.mgthumbnails img {margin-bottom: 10px;}
/* warning  ******************************************************************* */
.browsehappy {width:700px;margin:auto; color:red;}
/* warning  ******************************************************************* */

div.btn-group.pull-right {
  visibility: hidden;

}

.accordion {
  width: 380px;
  border-radius: 5px;
  overflow: hidden;
  margin: auto;
}

.accordion .item .heading {
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  cursor: pointer;
  color: #fff;
  padding-left: 15px;
  background: #ee6363 url('css/arrow.png') no-repeat;
  background-position: right 20px top -95px;
  border-bottom: 1px solid #ec8484;
  box-sizing: border-box;
}

.accordion .item.open .heading,
.accordion .item:last-child .heading { border: 0; }

.accordion .item.open .heading { background-position: right 20px top -5px; }

.accordion .item .content {
  display: none;
  padding: 15px;
  background: #fff;
  font-size: 14px;
}




.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}