@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500|Roboto:300,400,500&subset=latin,latin-ext);
html,body{font-family:Ubuntu,Verdana,Helvetica,sans-serif;color:#333;background:#F8F8F8;}
textarea {resize:vertical;}
.nopadding {padding:0;}

/*HEADER*/
header {
  	position: relative;
    height: 380px;
}
h1,header h3 {
    color: #000;
    font-size: 32px;
    font-weight: normal;
    opacity: 1;
    background: rgba(255,255,255,0.1);
    padding: 10px;
}
#background {
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
    overflow: hidden; 
}
#background:after {
    content: "";
    left: -25%;
    top: -105%;
    position: absolute;
    width: 150%;
    height: 200%;
    background: transparent;
    border-radius: 100%;
    border: 80px solid rgba(0,0,0,0.1);
    box-shadow: #F8F8F8 0px 0px 0px 300px;
}
@media (max-width: 768px) { #background:after { width: 300%; left: -100%;} }
#background .carousel-inner {
  	height: 100%;
}
#background .item {
  	height: 100%;
    background-size: 100%;
    background-position: center;
  	box-shadow: rgba(255,255,255,1) 0px 250px 200px -100px inset;
}
@media (max-width: 992px) { #background .item {background-size: cover;} }
#background .item:nth-child(1) {
    /**/background-image: url("adds/slide1.jpg");/**/
}
#background .item:nth-child(2) {
    /**/background-image: url("adds/slide2.jpg");/**/
}
#background .item:nth-child(3) {
    /**/background-image: url("adds/slide3.jpg");/**/
}
#background .item:nth-child(4) {
    /**/background-image: url("adds/slide4.jpg");/**/
}
#background .item:nth-child(5) {
    /**/background-image: url("adds/slide5.jpg");/**/
}
.carousel-indicators li {border:1px solid #FFF;}
.carousel-indicators .active {background-color:#FFF;}
#logo>img {
	width: 200px;
	height: 200px;
	background: transparent;
  	display: inline-block;
	/*border-radius: 100%;*/
}
.navbar-toggle {
  	/*display:block;*/
  	border: 2px solid #4b4b4d;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    position: fixed;
    top: 0;
    right: 0;
    margin: 10px;
	background: rgba(255,255,255,0.5); 
  	z-index: 99;
}
.navbar-toggle .icon-bar {
    width: 100%;
    height: 3px;
    background: #4b4b4d;
}
#navigacja {
  	background: #333; 
  	box-shadow: #1d9801 0px 3px 0 0 inset,#1d9801 0px -3px 0 0 inset;
	position: fixed;
	top: -15px;
	left: 0;
	width: 100%;
	/*z-index: 98;*/
}
.navbar-nav {
	display: block;
  	float: none;
}
.navbar-nav>li>a {
    padding: 20px 17px;
    font-size: 22px;
    letter-spacing: -1px;
    color: #FFF;  
}
@media (min-width: 768px) { #navigacja { height: 60px !important; background:transparent; position:relative; top:0px; } .navbar-nav { display:inline-block; } .navbar-nav>li>a { color:#000; } }
@media (min-width: 992px) { #navigacja { top:15px; } }
@media (max-width: 767px) { #navigacja { z-index: 98; } }

@media (min-width: 1200px) {
  	.navbar-nav>li>a { padding: 20px 25px; }
}
ul.nav li.dropdown:hover > ul.dropdown-menu { /*dropdown hover & dropdown-toggle disabled */
    display: block;    
}
.nav>li>a:focus, .nav>li>a:hover,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
.nav>li.active>a, .nav>li.active>a:focus, .nav>li.active>a:hover {
  	background: rgba(29,152,1,0.7);
  	color: #FFF;
}
.nav>li.active>a, .nav>li.active>a:focus, .nav>li.active>a:hover {
 	color: #FD0; 
}  
.navbar-nav>li>.dropdown-menu {
	background: rgba(0,0,0,0.7);
    border-radius: 0;
  	border: none;
    box-shadow: none;  
}
.dropdown-menu>li>a {
  	color: #FFF;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background: rgba(29,152,1,1);
    color: #FFF;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	color: #FD0;
}

/*SECTION*/
section {
	min-height: 300px;
}
h2 {
    border-bottom: 1px solid #AAA;
    color: #4b4b4d;
    overflow: hidden;
    position: relative;
    padding: 10px 10px 20px;
    text-align: center;
	text-shadow: 2px 2px 0px #F8F8F8, 3px 3px 0px rgba(0, 0, 0, 0.1);
  	font-size: 24px;
}
h2:before {
    content: "";
    left: -10%;
    top: 100%;
    position: absolute;
    width: 120%;
    height: 100%;
    border-radius: 100%;
    box-shadow: rgba(255,255,255,1) 0px 0px 10px 15px;
}
ul.check{
    padding: 0;
}
ul.check li{
	list-style-type: none;
}
ul.check li:before {
	content: "";
    display: table-cell;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
	color: #000;
}
ul.check li span{
	display:table-cell;
	padding-left:5px;
	color:#666;
}
ul.check li span b{
    color:#000;
}
.svg-icon {
    width: 4em;
    height: 4em;
    background: #FFF;
    padding: 10px;
    border-radius: 100%;
    vertical-align: middle;
    border: 1px solid #EEE;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #FC0;
}
.svg-icon circle {
  stroke: #FC0;
  stroke-width: 1;
}
#thumb-carousel .carousel-indicators {top:-10px;height:10px;}
#thumb-carousel img {
    width: 100%;
  	height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#thumb-carousel .carousel-indicators li {border:1px solid #000;}
#thumb-carousel .carousel-indicators .active {background-color:#000;}

.menu {display:table;margin:0;padding:0;width:100%;}
.menu li {display:table-row;width:100%;padding:5px 0;}
.menu li > * {display:table-cell;min-width:60px;}
.menu li > span {padding:5px 5px 5px 0;}
.menu li > var {font-style:normal;width:40px;min-width:40px;padding-left:5px;}
.menu li > strong {text-align:right;padding-right:5px;}
.menu li:nth-child(odd){background-color:#fdfdfd;}

/*footer*/
footer {
  	position: relative;
  	background:#333;
  	overflow: hidden; 
  	padding: 75px 0 25px;
  	margin-top: 30px;
    box-shadow: #F8F8F8 0 5px 0 0 inset;  
  	color: #EEE;
}
footer:before {
    content: "";
    left: -10%;
    top: -275%;
    position: absolute;
    width: 120%;
    height: 300%;
    background: #F8F8F8;
    border-radius: 100%;
    border: 5px solid #F8F8F8;
    box-shadow: #333 0px 0px 0px 5px inset,#FFF 0 0 0 5px;
}
@media (max-width: 768px) { footer:before { width: 240%; left: -70%; top: -285%;} }

address abbr {display:inline-block;width:48px;border:none !important;text-align:right;margin-right:5px;}
address a {color:#FD0;}
address a:hover {text-decoration:none;color:#FD0;}


.shadow{background:#F0F0F0 url('adds/shadow.png')50% 0% no-repeat;background-size:contain;}
/*FOOTER*/
footer{}
address abbr {}
address a:hover {text-decoration:none;}
/***SCROLLUP***/
#scrollup {
	display:none;position:fixed;top:100%;left:50%;width:96px;height:96px;box-sizing:border-box;margin:0 0 0 -48px;
	background:#EEE url('svg.php?scrollup')50% 0% no-repeat;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;
	z-index:999;
}
#scrollup:hover {background-color:#FC0;}
/***COOKIE***/
#cookie {
	position:relative;display:none;padding-top:3px;background:#000;color:#EEE;text-align:center;font-size:12px;min-height:26px;line-height:14px;z-index:99;
}
#cookie button {
	width:16px;height:16px;vertical-align:middle;margin:2px 5px;float:right;border:none;background:transparent url('svg.php?cookie')50% 50% no-repeat;background-size:cover;
}
@media (min-width: 915px) {
	#cookie {line-height:22px;}
}
/***MAP***/
#map {
	width: 100%;
	min-height: 380px;
  	border-radius: 0;
}
/***SVG***/
.svg {
  display:block;border:0;background-repeat:none;background-size:cover;width:48px;height:48px;
}
.svg img {
  width:100%;height:100%;opacity:0.8;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;
}
.svg:hover img {
  opacity:1;
}
/***WEBMASTER***/
#webmaster {
  font-size:11px;text-decoration:none;text-align:right;color:#EEE;
}
/*MEDIA*/
@media print {
	.noprint{display:none;}
}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
