@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Coda);

body { 
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: "kern";
-moz-font-feature-settings: "kern";
font-feature-settings: "kern";
}

#slogan {
font-size: 16px;
}

#footer {
padding: 10px 0 10px 0!important;
}
img.language-icon {
display: inline;
}

ul.language-switcher-locale-url {
list-style-type: none;
}

ul.language-switcher-locale-url li{
display: inline;
padding-right: 15px;
}

#main .content {
font-size: 110%;
/*font-size: 15px;*/
}

.menu a.active {
color: #ed1c24!important;
}

#content-inside .tabs.primary a {
color: #000000!important;
}

h1, h2 {
font-family: 'Droid Sans', sans-serif;
}

ul.navieye-ul {
list-style: none;
}
ul.navieye-ul li {
padding-left: 20px;
background: url(/sites/default/files/bullet.png) no-repeat left center;
}


ul.nt1-ul {
list-style: none;
padding: 5px;
}
ul.nt1-ul li {
padding-left: 20px;
background: url(/sites/default/files/bullet.png) no-repeat left center;
}


#slideshow h2 {
font-family: 'Impact', 'Coda', sans-serif;
letter-spacing: 0px;
font-size: 40px;
font-weight: normal;
font-stretch:condensed;
color: #ffffff;
}

#slideshow {
font-size: 20px;
line-height: 1.5em;
}
.slider-item .content {
color: #fff;
}

#slideshow ul {
list-style-position: outside;
list-style-type: none;
}
#slideshow li:before {
content: '✓';padding-right:20px; margin-left:0; margin-right:.100em; color:#fcc707;font-weight: bold;
}

ul.menu li {
list-style-type: none !important;
list-style-image: none !important;
}

.view-system-updates th, .view-aktualizacje th,
.view-maps th, .view-mapy th{
    color:#fcc707;
    font-weight: bolder !important;
    font-size: 115%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.view-system-updates h4, .view-aktualizacje h4,
.view-maps h4, .view-mapy h4 {
    margin: 10px 0 10px 0;
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.flex-grid {
  display: flex;
  background: #333;
  padding: 10px;
  border-radius: 10px;
}
.col {
  height: auto;
  margin: auto;
  padding: 3px;
  flex: 1;
  text-align: justify;
  text-justify: inter-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -epub-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

@media screen and (max-width: 600px) {
    .col {
        
    }
    .flex-grid {
        flex-direction: column;
    }
}
.col img {
    border-radius: 10px;
}

/* Main page carousel - new */

@media screen and (min-width: 600px) {
    ul.jcarousel {
        height: 800px;
    }
    
    .jcarousel div.carousel-caption {
        position:absolute;
        left: 25%;
        right: 25%;
        bottom: 50%;
        text-shadow: none;
        transform: translateY(50%);
        background: #4b4948;
        background: rgba(0, 0, 0, 0.6);
        padding: 20px;
        margin: 10px;
        border-radius: 10px;
        font-size: 150%;
        text-align: center;
        
    }
    
    .jcarousel div.carousel-caption h2 {
        font-size: 200%;
        margin-top: 0;
        display: block;
    }
    
    a.jcarousel-prev, 
    a.jcarousel-next {
        position:absolute;
        bottom: 50%;
        border: 2px solid #fff;
        padding: 15px;
        color: #fff;
        opacity: 0.5;
        font-size: 200%;
        transition: all 0.7s ease-out;
        box-shadow: 1px 1px #ddd;
        border-radius: 5px;
    }
    
    a.jcarousel-prev:hover, 
    a.jcarousel-next:hover {
        opacity: 1;
        box-shadow: 3px 3px #aaa;
    }
    
    a.jcarousel-prev {
        left: 2%;
    }
    
    a.jcarousel-next {
        right: 2%;
    }
    
    .jcarousel h2 {
        display: none;
    }
    
    .jcarousel div.slide {
        width: 100%;
        display: block;
        height: 800px;
        background-size:cover;
        background-position: center;
    }
    
    .jcarousel div.item {
        position: relative;
    }
    
    .jcarousel .carousel-caption ul {
        list-style-type: none;
    }
}

@media screen and (max-width: 600px) {
    .jcarousel {
        display: none;
    }
}