@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&subset=latin-ext');

*
{
	margin: 0;
	padding: 0;
}

html {
  height: 100%;
  box-sizing: border-box;
}

body
{
margin:0px;
font-family: 'Lato', sans-serif;
background:white;
position: relative;
min-height: 100%;
word-wrap: break-word;
}

body a
{

text-decoration:none;

}

body input, body select, body textarea
{
font-family: 'Lato', sans-serif;
}


.kasuj
{
  clear:both;
}



header
{
  width:100%;
  position: relative;
  padding-top:103px;
}


.naglowek
{
  width:100%;
  height:103px;
  position:fixed;
  top:0px;
  left:0px;
  z-index:8000;
  background:white;
}





.naglowek-c
{
  width:100%;
  max-width:984px;
  margin:0px auto;
  position: relative;
  height:103px;
  

}

.naglowek-p
{
  padding:0px 60px
}

.naglowek-poz
{
 padding:30px 0px 27px 0px;
 position: relative;
}

.naglowek-poz .logo-komp
{

  width:186px;
  height:46px; 
  display:inline-block;
  vertical-align:middle;
  
}








/*NAWIGACJA STRONY*/

.menu-strony-nav
{
    position:absolute;
    top:50%;
    right:0px;
    transform: translateY(-50%); 
   -webkit-transform: translateY(-50%);
  - ms-transform: translateY(-50%); 
    
}



.menu-strony li
{
  list-style-type:none;
  display:inline-block;
  vertical-align:middle;
  margin-left:36px;

}

.menu-strony li a
{
  position: relative;
  display:inline-block;
  vertical-align:middle;;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor:pointer;
  color: #254784;
  text-transform: uppercase;
  font-size: 18px;
  font-weight:700;
  padding:7px 0px;


}


.menu-strony li a::before
{
  position: absolute;
  content:'';
  bottom:0px;
  left:0px;
  width:0%;
  height:3px;
  background:#edb800; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  



}

.menu-strony li a:hover, .menu-strony .aktywny a
{   
  color:#254784;
}


.menu-strony li a:hover::before, .menu-strony .aktywny a::before
{  
  width:100%;
}






.menu-strony-przycisk-mobilny
{
  width:52px;
  position: absolute;
  right:0px;
  top:50%;
  padding-top:8px;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%); 
  display:none;
  cursor: pointer;
}

.menu-strony-przycisk-mobilny-a
{
  width:52px;
  position: absolute;
  right:0px;
  top:50%;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);   
  cursor: pointer;
}

.menu-strony-przycisk-mobilny div, .menu-strony-przycisk-mobilny-a div
{
  height:4px;
  margin-bottom:8px;
  background:#254784;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; 

}

.menu-strony-przycisk-mobilny-a div:first-child
{
  
  height:4px;
  margin-bottom:8px;
  background:black;  
  transform: translateY(12.5px) rotate(45deg); 
  -webkit-transform: translateY(12.5px) rotate(45deg);
  -ms-transform: translateY(12.5px) rotate(45deg);
}

.menu-strony-przycisk-mobilny-a .srodek
{
  opacity:0;
}


.menu-strony-przycisk-mobilny-a div:last-child
{
  height:4px;
  margin-bottom:8px;
  background:black;  
  transform: translateY(-12.5px) rotate(-45deg); 
  -webkit-transform: translateY(-12.5px) rotate(-45deg);
  -ms-transform: translateY(-12.5px) rotate(-45deg);
}






/*BANER STRONY*/

.baner
{
  width:100%;
  height:414px;
  position: relative;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover; 
  
}


.baner-zaw
{
  position: absolute;
  top:50%;
  width:100%; 
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);   
}

.baner-zaw-teksty
{
   width:100%;
   max-width:655px;  
}

.baner-zaw-nag
{
  display:inline-block;
  color: white;
  font-size: 35px;
  font-weight:700;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid white; 
  text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.7); 
}

.baner-zaw-teksty p
{
  color: white;
  font-size: 20px;
  font-weight:300;
  line-height:25px;  
}



.sekcja-c
{
   width:100%;
   max-width:984px;
   margin:0px auto;
}

.sekcja-p
{
   padding:0px 60px;
}



.strona-naglowek
{
  display:block;
  font-size: 35px;
  font-weight: 400;
  position: relative;
  color: #254784;
  background:url('../grafika/tlo-nag.png') repeat-x top left;
  text-align:left;
  margin-bottom:28px;

}

.strona-naglowek span
{
  display:inline-block;
  background:white;
  padding-right:16px;

}

/*SEKCJA TEKSTOWA*/

.sekcja-tekst
{
  width:100%;
  padding:70px 0px 10px 0px;  
}


/*SEKCJA START*/


.sekcja-start
{
  width:100%;
  padding:70px 0px 80px 0px;
}



.sekcja-start-zaw p
{
  line-height: 25px;
  font-size: 18px;
  font-weight: 300;
  color: #3b3b3b;
}

.sekcja-start-tekst-op p 
{
  line-height: 25px;
  font-size: 18px;
  font-weight: 300;
  color: #3b3b3b;
  padding-bottom:34px; 
}

.sekcja-start-tekst-op p a, .sekcja-start-tekst-op p a:hover
{
  line-height: 25px;
  font-size: 18px;
  font-weight: 300;
  color: #3b3b3b;
  
}

.sekcja-start-tekst-op ul 
{
  margin:0px 0px 34px 0px;
  padding:0px;
}

.sekcja-start-tekst-op ul li
{
  line-height: 25px;
  font-size: 18px;
  font-weight: 300;
  color: #3b3b3b;
  margin-left:16px;
}


/*SEKCJA OFERTA*/


.sekcja-oferta
{
  width:100%;
  padding:34px 0px 0px 0px;
  background:#ebebeb;
}

.sekcja-oferta-zaw
{
  margin-left:-34px;
}

.sekcja-oferta-zaw-poz
{
  float:left;
  width:33.33%;

}

.sekcja-oferta-zaw-poz-p
{
  padding-left:34px;
  padding-bottom:34px;
  display:block;

}



.sekcja-oferta-box
{

  height:440px;
  border:2px solid #254784;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  position: relative;
    -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

a:hover .sekcja-oferta-box
{


  border:2px solid #edb800;

}

.sekcja-oferta-box-z
{
  
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:rgba(37,71,132,0.65);
    -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}


a:hover .sekcja-oferta-box-z
{
  
  background:rgba(237,184,0,0.65);
  
}

.sekcja-oferta-box-nag
{
  margin-top:115px;
  background:#254784;
  padding:10px 0px;
  color:#ebebeb;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
    -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}

a:hover .sekcja-oferta-box-nag
{
  
  background:#edb800;
  color:#473907;
   
}

.sekcja-oferta-box-tekst
{
  padding:25px;
}

.sekcja-oferta-box-tekst p
{
  color:#ebebeb;
  font-size: 15px;
  font-weight: 400;
  line-height:18px;
  text-align:justify;
}




/*SEKCJA STRZAŁKI OPISY*/


.sekcja-pod
{
  width:100%;
  padding:70px 0px 70px 0px;
  
}

.sekcja-pod-zaw-sl
{
  width:100%;
  position: relative;
  border-bottom:12px solid #cecece;
  padding-bottom:25px;
}

.sekcja-pod-zaw-sl-lewo
{
  position: absolute;
  left:-20px;
  top:50%;
  width:20px;
  height:38px; 
  margin-top:-19px;
  cursor:pointer;
  z-index:999; 
}

.sekcja-pod-zaw-sl-prawo
{
  position: absolute;
  right:-20px;
  top:50%;
  width:20px;
  height:38px; 
  margin-top:-19px;
  cursor:pointer;
  z-index:999;  
}

.sekcja-pod-zaw-sl-lewo img, .sekcja-pod-zaw-sl-prawo img
{

  width:20px;
  height:38px;  
}

.sekcja-pod-zaw-sl-pozycja
{
  width:100%;
}

.sekcja-pod-zaw-sl-pozycja-z
{
  padding:0px 25px;
}

.sekcja-pod-zaw-sl-pozycja-tekst
{
  float:left;
  width:25%;
}

.sekcja-pod-zaw-sl-pozycja-tekst-p
{
  padding:25px; 
}

.sekcja-pod-zaw-sl-pozycja-tekst-nag
{
  
  color:#454545;
  font-size: 32px;
  font-weight: 300;
  padding:0px 0px 12px 0px;
  border-bottom:1px solid #254784;
  margin-bottom:12px;
    
}

.sekcja-pod-zaw-sl-pozycja p
{
  color:#454545;
  font-size: 12px;
  font-weight: 400; 
  text-align:justify;
}

/*SEKCJA KONTAKT DÓŁ GŁÓWNA*/

.sekcja-kontakt-dol
{
  padding: 70px 0px 0px 0px;
}

.sekcja-kontakt-dol-lewo, .sekcja-kontakt-dol-prawo
{
  float:left;
  width:50%;
}

.sekcja-kontakt-dol-lewo-p
{
  padding-right:17px;
}

.sekcja-kontakt-dol-lewo-p > div
{
  width:100%;
  height:174px;
}

.sekcja-kontakt-dol-lewo-l
{
  padding-right:17px;
}

.sekcja-kontakt-dol-prawo-p
{
  padding-left:17px;
}

.sekcja-kontakt-dol-prawo p
{
  color:#7c8081;
  font-size: 18px;
  font-weight: 300;
   
}

.sekcja-kontakt-dol-prawo .strona-naglowek
{
  font-size: 24px;
  background:url('../grafika/tlo-nag-dwa.png') repeat-x top left;   
}


/*SEKCJA OFERTA PODSTRONA*/


.sekcja-podstrona-oferta
{
  width:100%;
  padding:90px 0px 0px 0px;

}

.sekcja-podstrona-oferta-zaw-kon
{
  padding-bottom:20px;
}

.sekcja-podstrona-oferta-zaw
{
  margin-bottom:52px;
}

.sekcja-podstrona-oferta-ob
{
  float:left;
  width:43%;
}

.sekcja-podstrona-oferta-ob-p
{
  padding-right:23px;
}

.sekcja-podstrona-oferta-ob-p img
{
  width:100%;
  height:auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.sekcja-podstrona-oferta-tekst
{
  float:right;
  width:57%;
}

.sekcja-podstrona-oferta-tekst-nag
{
  padding-bottom:10px;
  margin-bottom:20px;
  position: relative; 
}

.sekcja-podstrona-oferta-tekst-nag::before
{
  content:'';
  position: absolute;
  left:0px;
  bottom:0px;
  width:100%;
  height:7px;
  background:#254784;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;   
}

.sekcja-podstrona-oferta-tekst-nag .nag-ob
{
  display:inline-block;
  vertical-align:top;
  width:60px;
  text-align:center;
}

.sekcja-podstrona-oferta-tekst-nag .nag-ob img
{
  height:30px;
  width:auto;
}

.sekcja-podstrona-oferta-tekst-nag .nag-tekst
{
  display:inline-block;
  vertical-align:top;
  font-size:25px;
  font-weight: 700;
  color: #254784; 
  margin-top:-2px; 
}

.sekcja-podstrona-oferta-tekst p
{
  
  font-size: 16px;
  font-weight:300;
  color: #686666;
  line-height:22px;
}


/*SEKCJA KONTAKT*/

.sekcja-kontakt
{
  width:100%;
  padding:70px 0px 20px 0px;  
}

.sekcja-kontakt-zaw
{
  text-align:center;
}

.sekcja-kontakt-calosc
{
  width:100%;
  margin:0px auto;
  text-align:left; 
}



.sekcja-kontakt-lewo
{
  float:left;
  width:50%;
  padding-top:60px;
}

.sekcja-kontakt-prawo
{
  float:left;
  width:50%;
  padding-top:60px;
}

.sekcja-kontakt-poz
{
  margin-bottom:40px;  
}

.sekcja-kontakt-poz a, .sekcja-kontakt-poz > span
{
  display:inline-block;  
}

.sekcja-kontakt-poz a span
{

   display:inline-block;
   vertical-align:middle;
   font-size: 18px;
   color: #7d8181;
   font-weight: 400;
   text-align:left;
}

.sekcja-kontakt-poz a:hover span
{

   color: #7d8181;
  
}

.sekcja-kontakt-poz > span  > span
{

   display:inline-block;
   vertical-align:middle;
   font-size: 18px;
   color: #7d8181;
   font-weight: 400;
   line-height:28px;
   text-align:left;
}


.sekcja-kontakt-ikona-1 img,
.sekcja-kontakt-ikona-2 img,
.sekcja-kontakt-ikona-3 img,
.sekcja-kontakt-ikona-4 img
{
   width:37px;
   height:37px;
   display:inline-block;
   vertical-align:middle;
   margin-right:24px;

}


.sekcja-kontakt-przyp
{
  padding-right:90px;

}

.sekcja-kontakt-przyp-p
{
  text-align:left;
  display:inline-block;

}
.sekcja-kontakt-przyp-p p
{
  padding-bottom:20px;
  
}

/*STOPKA*/

.stopka
{
  margin-top:70px; 
  background:#254784;
}

.stopka-podstrona
{
  margin-top:40px;
  background:#282628; 
}

.stopka-teksty
{
  width:100%;
  margin:0px auto;
  padding:16px 0px; 
}

.stopka-copy
{
  float:left;
}

.stopka-copy span
{
  display:inline-block;
  vertical-align:middle;
  line-height: 19px;
  text-align: left;
  font-size: 15px;
  color: #FFFFFF;
  font-weight: 400;
}

.stopka-linki
{
  float:right;

}

.stopka-linki a
{
  display:inline-block;
  vertical-align:middle;
  margin-left:36px;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  color: #FFFFFF;
}

.stopka-linki a:hover, .stopka-linki .aktywny
{
  text-decoration:underline;
}




/*FORMULARZ*/

.alert-f
{
  position: fixed;
  width:400px;
  border:3px solid #edb800;
  height:100px;
  top:50%;
  left:50%;
  margin-top:-25px;
  margin-left:-200px;
  text-align:center;
  line-height:100px;
  color:black;
  font-size:24px;
  font-weight:400;
  background:white;
  display:none;
  z-index:888;
}


.pole-input-a
{
  display:block;
  padding:18px 26px;
  background:white;
  margin-bottom:3px;
  border: 2px solid #1b477b;
  
}

.pole-input-a input
{
  width:100%;
  border:0px;
  background:white;
  font-size: 18px;
  color: #1b477b;
  font-weight: 300;
  line-height:18px;
  outline: none;     
}

.pole-input-b
{
  display:block;
  padding:18px 26px;
  background:white;
  margin-bottom:3px;
  border: 2px solid #1b477b;
}

.pole-input-b input
{
  width:100%;
  border:0px;
  background:white;
  font-size: 18px;
  color: #1b477b;
  font-weight: 300;
  line-height:18px;
  outline: none;    
}

.pole-input-c
{
  display:block;
  padding:18px 26px;
  background:white;
  border: 2px solid #1b477b;
  margin-bottom:3px;
  
}

.pole-input-c textarea
{
  width:100%;
  height:140px;
  border:0px;
  background:white;
  font-size: 18px;
  color: #1b477b;
  font-weight: 300;
  line-height:18px; 
  resize:none; 
  outline: none;  
}

.przycisk-wyslji
{
  text-align:right;
}
.przycisk-wyslji .przycisk
{
  display:inline-block;
  padding:12px 40px;
  background:#edb800;
  font-size: 18px;
  font-weight: 700;
  line-height:22px;
  text-transform:uppercase;
  color:black;
  cursor:pointer;  
    -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.przycisk-wyslji .przycisk:hover
{
 
  background:#d0a100;

}

input::-webkit-input-placeholder {
  color: #1b477b;
  opacity:1;
}
input::-moz-placeholder { 
  color: #1b477b;
  opacity:1;
}
input:-ms-input-placeholder { 
  color: #1b477b;
  opacity:1;
}
input:-moz-placeholder {
  color: #1b477b;
  opacity:1;
}

textarea::-webkit-input-placeholder {
  color: #1b477b;
  opacity:1;
}
textarea::-moz-placeholder { 
  color: #1b477b;
  opacity:1;
}
textarea:-ms-input-placeholder { 
  color: #1b477b;
  opacity:1;
}
textarea:-moz-placeholder {
  color: #1b477b;
  opacity:1;
}