html {height: 100%;}
body {height: 100%;	background: #EEE; color: #000; font-family: 'Titillium Web', Arial, sans-serif;
}
.panel {background: transparent;}

img:hover, a:hover, button:hover {-webkit-transition: all 180ms ease; -moz-transition: all 180ms ease; -ms-transition: all 180ms ease; -o-transition: all 180ms ease; transition: all 180ms ease;}
img, a, button {-webkit-transition: all 180ms ease; -moz-transition: all 180ms ease; -ms-transition: all 180ms ease; -o-transition: all 180ms ease; transition: all 180ms ease;}

img-portfolio {margin-bottom: 30px;}
img.dodatkowy {display: inline;width:45%;height: 45%;margin: 2px;opacity: 0.4;}
.img-hover:hover {opacity: 0.8;}

h1.page-header{color:#000;}

.navbar {height: 80px; margin:0;}
#navitop {height: 80px;}
.navbar-brand {padding-top: 0;}
.navbar-inverse {background: #383838;}
.navbar-header {height: 80px;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {background: #CCC;}

.content-section-0 {background: #EEE; min-height: 610px;}
.content-section-1 {background: transparent; margin-top: -400px;}

#bs-navbar-collapse-1 ul {margin-top: 15px;}
#bs-navbar-collapse-1 ul li {margin: 6px;}
#bs-navbar-collapse-1 ul li a {display: block; background: #eee; font-size: 18px; padding: 8px 12px; color: #383838;}
#bs-navbar-collapse-1 ul li a:hover { color:#FFF; background: #39658c; }
#bs-navbar-collapse-1 ul li a.selected {color:#FFF; background: #39658c; }

/* Title */
#tlt {color: #FFF; text-align:right; text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5);}
#tlt h2, #tlt h3 { text-transform:uppercase; font-weight: 700;}
#tlt h2 {font-size: 45px;line-height: 22px;}
#tlt h3 {font-size: 28px; line-height: 14px;}

/* Home Page Carousel */
.carousel {height: 100%; background: #eee;}
.carousel-control.left, .carousel-control.right {background: transparent;}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {height: 100%;}
header.carousel .fill {width: 100%; height: 100%; background-position: center; background-size: cover;}


#boxs {margin-top: 30px; }
#boxs .panel-body {padding: 0; background: #DDD;}
#boxs h4 {padding: 10px 4px 10px 10px; margin-top: 0; margin-bottom: 10px; background: #39658c; font-size: 20px;  font-weight: 600; color: #FFF; text-transform:uppercase; width: 300px;}
#boxs h5 { padding: 10px; color: #1a4577; text-transform:uppercase; font-size:20px; margin: 20px 0; }

#boxs p {font-size: 14px; line-height: 24px; padding: 0 20px; text-align:justify;}
#boxs p.icon {text-align: center; font-size: 22px; font-weight:700; padding-top: 10px;}
#boxs p.icon img {padding: 0 16px; }
#boxs #gallery {text-align: left; padding-top: 10px; }
#boxs #gallery img {width: 200px; height: 167px; }
#boxs .panel-default {padding: 0; border: 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; min-height: 400px;}

#offer-list .panel-body  {background: transparent;}
#offer-list ul {margin: 0; padding: 0;}
#offer-list ul li {background: #FFF url('../images/ico-square.png') no-repeat 5px center; padding: 12px 4px 12px 42px; margin: 10px 0; font-size:16px; list-style: none; font-weight: 600; -webkit-transition: all 180ms ease; -moz-transition: all 180ms ease; -ms-transition: all 180ms ease; -o-transition: all 180ms ease; transition: all 180ms ease;}
#offer-list ul li:hover {opacity: 0.9; background: #DDD url('../images/ico-square.png') no-repeat 5px center; -webkit-transition: all 180ms ease; -moz-transition: all 180ms ease; -ms-transition: all 180ms ease; -o-transition: all 180ms ease; transition: all 180ms ease;}




.content-section-a {background: #FFF; min-height: 437px; text-transform:uppercase; padding-top: 20px; padding-bottom: 60px; } 
.content-section-aa {}
.content-section-aa h2 {font-size: 18px; color: #39658c; line-height:16px; font-weight:700;}
.content-section-aa h1 {font-size: 32px; line-height: 32px; font-weight:700; margin-bottom: 30px;}
.content-section-aa #gallery {}
.content-section-aa #gallery img {width: 200px; height: 167px;}


.content-section-b {background: #383838; color:#EEE; font-size: 11px; text-transform:uppercase; padding: 10px 0; }
.content-section-b a {background: #383838; color:#FFF; padding: 2px; text-decoration:none;}
.content-section-b a:hover {background: #39658c; }
.content-section-b #copyright {text-align: left;}
.content-section-b #author {text-align: right;}


.content-section-c {background: #39658c; color: #FFF; padding: 4px 20px; font-size:12px; }

#gallery {} 
#gallery img {margin: 10px; width: 250px; height: 250px; opacity: 1;}
#gallery img:hover {opacity: 0.8;}

#formularz button {background: #fef80f; border: 1px solid #fef80f; padding: 10px 20px; color: #000; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0;}
#formularz button:hover {color:#fef80f; border: 1px solid #fef80f; background:#000;}
#formularz textarea, #formularz input {-webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0;}



.error-404 {
    font-size: 100px;
}



/* Responsive Styles */

.navbar-toggle {margin-top: 20px; color: #FFF; background: #39658c; border: solid 1px #999;}

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
.navbar-brand img {width: 80%;}	

#bs-navbar-collapse-1 ul {margin-top: 15px;}
#bs-navbar-collapse-1 ul li {margin: 3px;}
#bs-navbar-collapse-1 ul li a {display: block; background: #eee; font-size: 16px; padding: 8px 8px; color: #383838;}
#bs-navbar-collapse-1 ul li a:hover { color:#FFF; background: #39658c; }
#bs-navbar-collapse-1 ul li a.selected {color:#FFF; background: #39658c; }
.content-section-1 {background: transparent; margin-top: -300px;}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:150%;height:auto}

#tlt h2 {font-size: 40px;line-height: 40px;}
#tlt h3 {font-size: 22px; line-height: 22px;}
}

@media(max-width:767px) {
.img-portfolio {margin-bottom: 15px;}
#boxs #gallery img {width: 100px; height: 83px; }
    header.carousel .carousel {height: 70%;}
	.navbar-collapse {background: #CCC;}
.navbar-brand img{width: 66%;	}
.content-section-1 {background: transparent; margin-top: -320px;}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:200%;height:auto}

#tlt h2 {font-size: 35px;line-height: 35px;}
#tlt h3 {font-size: 18px; line-height: 18px;}
	
}