@charset "utf-8";
/* CSS Document */
<style>

html {
}

@media only screen and (min-width: 768px) {
    .phone {
        display: none;
    }

    .ramastopki
{
	margin:auto;
	max-width:1200px;
	height:200px;
	background-image:url(images/stopka00.png);
	background-repeat:no-repeat;
	background-position: right top;

}
}

body{
margin:0;
background-color: #222220;

}


p{
font-family:Tahoma;
padding-top:1em;
margin:0;
line-height: 1.5;
font-size: 14px;
direction:rtl
}

ul.punkt{
list-style-image: url('Images/punktlist.png');
list-style-position:inherit;
line-height: 1.5;
font-size: 14px;
font-family:Tahoma;	
text-align:right;
direction: rtl;
}
.con{
margin-top:0px;
border: 0px solid red;

}
.con1{
margin:auto;
max-width:1200px;
}
.contekst{
	padding: 25% 1% 0 1%;
	position:relative;
	font-size:110%;
	color:#ccc;
    border: 0px solid red;
}
.contekst2{
	padding: 2% 1% 0 1%;
	position:relative;
	font-size:110%;
	color:#ccc;
}
.contekst3{
	padding: 2% 1% 0 1%;
	position:relative;
	font-size:110%;
	color:#ccc;
}

img { 
    width: 100%;
    height: auto;
}
.imgright{
	max-width:449px;
	height:auto;
	background-position:left;
	margin: 0 0 1em 1em;
    border:0px solid red;
}
.imgcenter{
	max-width:800px;
	height:auto;
	background-position:center;
	margin: 1em 0 1em 0;
}
.imgmap{
	max-width:500px;
	height:auto;
	background-position:center;
	margin: 1em 0 1em 0;
}
h1{
font-size:15px;
color:#007bbe;
padding-left: 1.5em;
display: block;
text-decoration:none;
margin:0.5% 0 0.5% 0;
background-image: url(p.png);
background-repeat: no-repeat;
background-position:left;
font-family:Tahoma;
text-align:right;
}

h2{
font-size:110%;
color:#007bbe;
margin:3% 0 0.1% 0;
}
.font2{
color:#FFF;
}
.fontwhite{
color:#fff;
}
.fontbig{
	font-size:130%;
	color:#fff;
}
/*slider anim-----------------------------------------http://stackoverflow.com/questions/26639912/pure-css-slider*/
.slider {
	background-color: #222220;
    color:#ffffff;
	position:relative;
	max-width:98%;
	height:auto;
	margin:auto;
}
.slideranim {
  margin:auto;
  width: 100%;
  height: 260px;
  overflow: hidden;
  position: relative;
 }
.photo {
  position:absolute;
  -webkit-animation: round 26s infinite;
  -moz-animation: round 26s infinite;
  -o-animation: round 26s infinite;
  animation: round 26s infinite;
  opacity: 0;
  width: 100%;
  height: auto;
  border-bottom: 0.5em solid #0093dc;
}
@-webkit-keyframes round {
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
}
@-moz-keyframes round {
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
}
@-o-keyframes round {
  25% {
opacity: 1;
}
  40% {
opacity: 0;
  }
}
@keyframes round {
  25% {
opacity: 1;
  }
  40% {
opacity: 0;
  }
}
img:nth-child(6) {
-webkit-animation-delay: 0s;
}
img:nth-child(5) {
-webkit-animation-delay: 4s;
}
img:nth-child(4) {
-webkit-animation-delay: 8s;
}
img:nth-child(3) {
-webkit-animation-delay: 12s;
}
img:nth-child(2) {
-webkit-animation-delay: 16s;
}
img:nth-child(1) {
-webkit-animation-delay: 20s;
}
/*slider anim -koniec----------------------------------------http://stackoverflow.com/questions/26639912/pure-css-slider*/

.header {
	max-width:98%;
	height:auto;
	margin:auto;
  
}

* {
    box-sizing: border-box;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
	float:none;
}

a:hover {
color:#fff;
text-decoration:none;
}
a {
text-decoration:none;
color:#c7e3f9;
}
a:visited {
text-decoration:none;
color:#c7e3f9;
}


.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.footer {

    background-color:#0071bf;
    color: #ffffff;
    text-align: center;
    font-size: 90%;
    padding: 15px;
	width: 100%;
    height: auto;
	margin:0 auto;
}

/* contact form start-----------------------------*/
input[type=text], select {
    max-width: 300px;
    padding: 5px 5px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
}
input[type=textarea]{
	font-family: "Lucida Sans", sans-serif;
	max-width: 300px;
	padding: 5px 5px;
	font-size:90%;
	
}
input[type=submit] {
    max-width: 300px;
    background-color: #006099;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	
}

input[type=submit]:hover {
	max-width: 300px;
    background-color: #0093de;
}

form{
	font-size:90%;}

/* contact form koniec-----------------------------*/




/*menu start----------------------------------------*/
ul.topnav {
	font-size:14px;
	font-weight: bold;
    list-style-type: none;
	margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius:0.4em;
	background: linear-gradient(#005f98, #0093dc);
	border:0.14em solid #007BBE;
    font-family:Tahoma;

}

ul.topnav li {float: right;}

ul.topnav li a {
    display:inline-block;
    text-align: center;
    padding: .3em .6em;
    text-decoration: none;
	transition: 0.3s;
    color: #c7e3f9;
}

ul.topnav li a:hover {background-color: #111; color: #fff; background: linear-gradient(#005f98, #0093dc);}
ul.topnav li.icon {display: none;}
/*menu koniec----------------------------------------*/

/* start galeria --------------------------*/
.tmb {
	max-width:280px;
	height:auto;
	float:left;
	margin:0.3em;
	border-radius:0.4em;
	border:0.14em solid #007BBE;
}

.lightbox {
	cursor: pointer;
}

.lightbox-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.95);
	overflow: hidden;
	z-index: 9999999;
}

.lightbox-exit,
.lightbox-button-left,
.lightbox-button-right {
	position: absolute;
	width: 20px;
	height: 20px;
	background: url("img/icons_white.svg");
	background-size: 60px 20px;
	z-index: 99999999999;
	cursor: pointer;
}

.lightbox-exit {
	top: 25px;
	right: 25px;
	background-position: 0 0;
}

.lightbox-button-left,
.lightbox-button-right {
	top: 50%;
	transform: translate(0, -50%);
}

.lightbox-button-left {
	left: 25px;
	background-position: 20px 0;
}

.lightbox-button-right {
	right: 25px;
	background-position: 40px 0;
}

	.lightbox-inactive {
		opacity: 0.2;
	}
	
.lightbox-slides {
	height: 100%;
}
	
.lightbox-slide {
	position: absolute;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

	.lightbox-slide img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 100%;
		max-height: 100vh;
	}
	
	.lightbox-caption {
		position: absolute;
		width: 100%;
		bottom: 0;
		background: rgba(0, 0, 0, 0.9);
		color: rgba(255, 255, 255, 1);
		line-height: 50px;
		font-size: 20px;
		text-align: center;
	}
	
.lightbox-loader {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999999999999;
	opacity: 0;
}

	svg path,
	svg rect{
	  fill: #fff;
	}
.lightbox-slides {
	transition: 500ms;
}
/* koniec galeria --------------------------*/

.logores
{
	display:inline-block;	
}
.logoresm
{
	display:none;	
}


/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}



@media screen and (max-width: 768px) {
    /* For desktop: */
    .col-1 {width: 98%;}
    .col-2 {width: 100%;}
    .col-3 {width: 98%;}
    .col-4 {width: 100%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 98%;}
    .col-7 {width: 98%;}
    .col-8 {width: 98%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	
form{font-size:60%;}
	
.logoresm{
	display:inline-block;
}
.logores{
	display:none;	
}	
	
h1{
color:#007bbe;
padding-left: 1.5em;
display: block;
font-size:15px;
font-family: Koodak;
text-decoration:none;
margin:auto;
background-image: url(p_m.png);
background-repeat: no-repeat;
background-position:left;
font-family: Koodak;
}
h2
{
font-size:90%;
}
p, ul.punkt
{
padding-top:1em;
margin:0;
line-height: 1.5;
font-size: 14px;
font-family: Koodak;
}

    .imgright {
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
        text-align: center;
        border: 0px solid red;
        width: 95%;
        height: 223px;
        padding-top: 20px;
        margin-bottom:7%
    }



/*menu mobile start----------------------------------*/
  ul.topnav{border-radius:0.3em;}
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    font-size:14px;
    float: left;
    display: inline-block;

  }


  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
  	position: absolute;
    left: 0;
    top: 0;
	  
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;

  }
  ul.topnav.responsive li a {
    display: block;
    text-align: right;
	font-size:14px;
  }
   a.aktywny
  {
	  font-size:14px;
  }
.photo
{
	border-bottom: 0.2em solid #0093dc;
}

.ramastopki
{
	margin:0;
	max-width:1200px;
	height:120px;

}

            .phone {
                position: fixed;
                margin: 0px auto;
                left: 0;
                right: 0;
                bottom: 0px;
                background-color: #222220;
                width: 100%;
                height: 55px;
            }

                        .telShow {
                text-align: center;
                position: relative;
                z-index: 0;
                top: 10px;
            }

                        
            .telLink a {
                position: fixed;
                border: 0px solid red;
                height: 55px;
                width: 100%;
                left: 0;
                right: 0;
                bottom: 0px;
                z-index: 100;
            }
}

p.whitebold
{
	font-weight: bold;
	color:#ffffff;
}



a.bluelink:link{color:#0090ff;}
a.bluelink:visited{color:#0090ff;}
a.bluelink:hover{color:#00c6ff;}

</style>