* {
  -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
     -moz-box-sizing: border-box; /* Firefox 1+ */
          box-sizing: border-box; /* Chrome, IE8+, Opera, Safari 5.1*/
}
body{
padding-top: 20px;
}
a{
text-decoration: none;
}
@font-face {
  font-family: 'My';
  src: url('../font/ebrima.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

html{
}
p, a, h1, h2, h3, h4, h5 {
font-family: 'My', sans-serif;
}

@media only screen and (min-width: 600px) and (max-width: 1024px){
#startowa {
margin-top:20px;

width: 90%;
margin: auto;
background-color: white;
background-repeat: repeat-x;
position: absolute;
left: 5%;
top: 160px;background-position: top center;
background-color: rgba(100,100,100,0.1);
}


nav a{
font-size: 0.4em
}
header{
height: 100px;
margin-top: 20px;
margin-bottom: 30px;
}
#logoimg{
background-image: url(../img/logo.png);
width: 218px;
height: 77px;
}
#nawi{
margin-top: 10px;
}
p{font-size: 0.4em;}
#pov a{font-size: 0.4em;}
}

@media only screen and (min-width: 1025px) and (max-width: 1280px){

#startowa {
margin-top:20px;

width: 90%;
margin: auto;
background-color: white;
background-repeat: repeat-x;
position: absolute;
left: 5%;
top: 180px;background-position: top center;
background-color: rgba(100,100,100,0.1);
}

nav a{
font-size: 0.7em
}
nav ul{
padding: 10px 0;
}
header{
height: 110px;
margin-top: 30px;
margin-bottom: 40px;
}
#logoimg{
background-image: url(../img/logo_big1.png);
width: 280px;
height: 83px;
}
#nawi{
margin-top: 20px;
}
p{font-size: 0.7em;}
#pov a{font-size: 0.7em;}
}

@media only screen and (min-width: 1281px) and (max-width: 1680px) {

#startowa {
margin-top:20px;
width: 90%;
margin: auto;
background-color: white;
background-repeat: repeat-x;
position: absolute;
left: 5%;
top: 200px;
background-position: top center;
background-color: rgba(100,100,100,0.1);
}


nav a{
font-size: 0.9em
}
nav ul{
padding: 20px 0;
}
header{
height: 120px;
margin-top: 40px;
margin-bottom: 50px;
}
#logoimg{
background-image: url(../img/logo_big2.png);
width: 320px;
height: 95px;
}
#nawi{
margin-top: 30px;
}
p{font-size: 0.9em;}
#pov a{font-size: 0.9em;}
}


@media only screen and (min-width: 1681px) and (max-width: 2660px){

#startowa {
margin-top:20px;

width: 90%;
margin: auto;
background-color: white;
background-repeat: repeat-x;
position: absolute;
left: 5%;
top: 220px;background-position: top center;
background-color: rgba(100,100,100,0.1);
}

nav a{
font-size: 1.3em
}
nav ul{
padding: 30px 0;
}
header{
height: 130px;
margin-top: 50px;
margin-bottom: 60px;
}
#logoimg{
background-image: url(../img/logo_big3.png);
width: 379px;
height: 112px;
}
#nawi{
margin-top: 50px;
}
p{font-size: 1.3em;}
#pov a{font-size: 1.3em;}
}


#logo img:nth-child(1){
}
#omnieimg img{
width: 100%;
}

#omnieimg img:last-child{
padding-bottom: 12%;
}

#lewy_omnie{
width: 33%;
float: left;

}

#lewy_omnie img{
#
}
#prawy_omnie p{
color: rgb(24, 4, 115);

}
#nawi{
position: absolute;
width: 100%;
}
nav{
background-color: rgba(255,255,255,0.9);
width: 100%;
float: right;
margin-top: 2%;
position: absolute;
text-align: center;
}

#dolny_pas1 {
    height: 15px;
    width: 960px;
    clear: both;
    margin:auto;
    }

#lewy_omnie>div{
padding-left: 20%;
overflow: hidden;
margin-top: 10%;
}
#lewy_omnie>div img{

}
#prawy_omnie ul{
list-style: none outside none;
padding-top: 50px;
}
#prawy_omnie li{
width: 59%;
float: right;
clear: right;
margin-right: 50px;

color: rgb(100,100,100);
border-bottom: 1px dotted grey;

}
#pod {
cursor:pointer;
}
#oferta>div{
width: 29%;
}
#oferta img{
width: 100%;
}
#zamknij1{
position: absolute;
float: right;
margin-top: -60px;
color: rgb(122, 120, 114);
right: 2%;
font-size: 1.3em;
}

.podswietlenie{
  background-color: rgba(0,0,0,0.1);

}
#prawy_omnie li div{
float: left;
width: 30px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: rgb(206, 199, 252);
margin-left: -50px;
position: absolute;
height: 12px;
margin-top: 5px;
}
#dolny_pas1{
margin-top: 0;
}
#prawy_omnie{
padding-bottom: 20px;
text-align: justify;
min-height: 735px;
max-height: 1000px;
margin-right: 5%;
}
#prawy_omnie li:last-child{
border-bottom:none;
}
#prawy_omnie span{
position: absolute;
font-size: 600px;
margin-left: -200px;
opacity: 0.3;
font-weight: lighter;
}
#startowa1 {
width: 90%;
margin: auto;
top: 25%;
position: absolute;
left: 5%;
}

header{width:90%; left: 5%;
position: absolute;
text-align: center; clear: both; border-bottom: 1px dotted grey}

#logo{
margin: auto;
color: #180473;

width: 350px;
height: 122px;
	
 }
 
 .tlo{
position: absolute;
margin-top: -20px; 
 }
 #logo h1{
 	font-family: serif;
float: left;
line-height: 25px;
 }
 #logo h2{

font-weight: normal;
margin-top:10px;
font-size: 12px;
margin-left: 7px;

 }
 #logo #em {
	background-color: rgba(255,255,255,0.6);
	padding: 0px 10px 0 10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	font-size: 3em;
	margin-left: 110px;
	width: 90px;
	margin-top:5px;
letter-spacing: 1px;
	font-weight: bolder;

 }
 
 
 #logo #em1 {
	background-color: rgba(200,200,200,0.6);
	padding: 0px 10px 0 10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	font-size: 3em;
	margin-left: 110px;
	width: 90px;
	margin-top:5px;
letter-spacing: 1px;
	font-weight: bolder;

 }
 nav ul li{
	display: inline-block; 
	margin-top: 15px;
	text-decoration: none;
	text-align: right;
	padding:0 10px;
	border-right: 1px solid grey;
 }
  nav ul li a{
  text-decoration: none;
  color: rgb(0,0,102);
  padding: 10px 20px;

  }
  nav ul li a:hover{
  background-color: rgba(0,0,0,0.1);

  }
  nav ul li:last-child{
border-right: none;   
  }
 
  nav ul {
line-height: 18px;

  }
  #galleria div{
display: inline-block;  
  }
#img_opis{
display: none;
position: absolute;
background-color: rgba(255,255,255,0.8);
transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-moz-transition: all 1s;
width: 5%;
font-size: 1.5em;
padding: 10px;
color: rgb(0,0,102);
}
#galleria  img{
  height: auto;}
  
  .malezdjecie{
max-width: 100%;

}
  #zamknij{
position: fixed;
background-color: rgba(255,255,255,0.4);
padding: 10px 20px;
top:300px;
margin-left: 800px;
  }
.hide{
display: none;
 }

#galleria{
margin-top: 40px;
text-align: center;

}

#nav_gall{
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
   
    }

#galleria>div {
width: 30%;
height: 195px;
overflow: hidden;
padding: 20px;
margin-bottom: 40px;
}
#naw_gall{
clear: both;
}
#galleria  img:hover{
opacity: 0.5;
background-color: black; 

}
#prev_gall{
padding-right: 20px;
}

#next_gall{
margin-right: 10px;
}
  #nav_gall div{
display: inline-block;
  }
  .pasek{
  background-color: #CEC7FC;
  }
#gorny_pas{
	height: 5px;
}

#dolny_pas{
	height: 15px;
	width: 960px;
	margin:auto;
	clear: both;
	margin-top: 450px;
}
#oferta{
margin-top: 60px;
min-height: 600px;
/* height: 500px; */
text-align: center;
}

#prawy_omnie1 p{
text-align: left;
}
#oferta p{
min-height: -40px;
color: #180473;
}
#oferta>div{
display: inline-block;
margin-right: 2.8%;
vertical-align:top;

}
#oferta>div:first-child{
margin-left:3.4%;
}

#pod a:hover{
 background-color: rgba(0,0,0,0.1);
}
.one:hover, .two:hover{
 background-color: rgba(0,0,0,0.1);

}

.one{
line-height: 1;
}
#oferta div:last-child{

}
#wspolpraca{
text-align: center;
}
#wspolpraca p{
color: rgb(24, 4, 115);
letter-spacing: 1px;
font-size: 18px;
}
#wspolpraca p,li{
text-align: left;

}
#galleria div:last-child{

}
#wspolpraca img{
width: 180px;
height: 180px;
overflow: hidden;
border: 5px solid rgb(200,200,200);
}

#wspolpraca li{
width: 160px;

list-style: none outside none;
margin-left: 20px;
padding: 5px 0px;
 transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  -moz-transition: all 2s;
}
#wspolpraca li:hover{

color: rgb(0,0,0);
}
#wspolpraca li div{
float: left;
width: 20px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: rgb(206, 199, 252);
position: absolute;
height: 8px;
margin-left: -30px; margin-top: 5px;}

#wspolpraca ul{
text-decoration: none;
color: rgb(100,100,100);
}

#wspolpraca p{
margin-left: 30px;
font-weight: bold;
}
#lewy_omnie1{
width: 60%;
float: left;

padding:30px;
margin-top: 5%;
}

#prawy_omnie1 input, textarea{
display: block;
background-color: rgb(230,230,230);
border:none;
text-align: right;


}
#prawy_omnie1{
color: rgb(100,100,100);
width: 40%;
float: right;
}

#prawy_omnie1 form{
margin-top: 150px;
margin-left: 30px;
}
#strona{
height: 800px;;
}

.zdjece{
overflow: hidden;
width: 150px;
height: 150px;
border-radius: 50%;
border: 4px dotted rgb(200,200,200);
margin-top: -20px;
margin-left: 40px;
float: right;
position: absolute;

}

#dane_kont{
margin-left: 15%;
}

#moi_klient{
margin-top: 490px;
color: rgb(210,210,210);
padding: 20px;
}

#moi_klient p{
border-bottom: 1px dotted rgb(200,200,200);
}

#moi_klient span{
 transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  -moz-transition: all 2s;
  opacity: 1;
}
#moi_klient span:hover{
color: black;
opacity: 0.7;
}
.pixel{
border-bottom: 1px dotted rgb(200,200,200);
padding: 20px;
height: 1px;
width: 920px;
margin-left: 20px;
}

#strona span{
position: absolute;
top: 50%;
opacity: 0;
font-weight: lighter;
 transition: all 5s;
  -webkit-transition: all 5s;
  -o-transition: all 5s;
  -moz-transition: all 5s;
  margin-left: -1000px;
	color: rgb(100,100,100);
  
}

#startowa1{

}