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

*
{
  margin: 0;
  padding: 0;
  border: 0;


}


body
{
   margin:0px;
   font-family: 'Lato', sans-serif;
   width:100%;
   
}

body a
{
   text-decoration:none;

}


.kasuj
{
  clear:both;
}


.cala-strona
{
  width:100%;
}


.cala-strona-naglowek
{
  width:100%;
  min-height:60px;
  background:#00AFF0; 
}


.cala-strona-naglowek-c
{
  width:100%;
  max-width:1200px;
  min-height:60px;
  margin:0px auto; 
}

.cala-strona-naglowek-p
{
  padding:0px; 
}

.cala-strona-naglowek-zaw
{
  font-size:20px;
  text-align:center;
  width:100%;
  line-height:60px;
  min-height:60px;
  color:white;
  position: relative;
  font-weight:700;
}

@media (max-width: 330px) {


.cala-strona-naglowek-zaw-p
{
  padding-bottom:10px;
}

}


.cala-strona-naglowek-zaw span
{
  display: inline-block;
  vertical-align:middle;
  line-height:18px;
  margin-top:-8px;
  width:50%;
  font-size:18px;
}


.cala-strona-naglowek-powrot-home
{
  position: absolute;
  width:70px;
  height:40px;
  left:0px;
  top:10px;
  background:#777092;
  text-align:center;
  color:white;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; 
  display:block; 
  font-size:16px;
  line-height:18px;  
}


.cala-strona-naglowek-idz-do-pytania
{
  position: absolute;
  width:70px;
  height:40px;
  right:0px;
  top:10px;
  background:#777092;
  text-align:center;
  color:white;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; 
  display:block; 
  font-size:16px;
  line-height:18px;  
}

@media (max-width: 330px) {

.cala-strona-naglowek-powrot-home
{
  position: relative;
  width:100%;
  height:40px;
  left:0;
  top:0;
  background:#777092;
  text-align:center;
  color:white;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; 
  display:block; 
  font-size:16px;
  line-height:40px;
  margin:10px 0px;  
}


.cala-strona-naglowek-idz-do-pytania
{
  position: relative;
  width:100%;
  height:40px;
  right:0;
  top:0;
  background:#777092;
  text-align:center;
  color:white;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; 
  display:block; 
  font-size:16px;
  line-height:40px;
  margin:10px 0px;   
}

}



@media (max-width: 1200px) {

.cala-strona-naglowek-p
{
  padding:0px 40px; 
}

}





.cala-strona-zawartosci
{
  width:100%;

}


.cala-strona-zawartosci-c
{
  width:100%;
  max-width:1200px;
  margin:0px auto; 
}

.cala-strona-zawartosci-p
{
  padding:0px; 
}


@media (max-width: 1200px) {

.cala-strona-zawartosci-p
{
  padding:0px 40px; 
}

}

.cala-strona-zawartosci-zaw
{
  padding-top:30px;
}


.cala-strona-zawartosci-zaw
{


  line-height:22px;
  color:#232323;
  font-size:20px;
  font-weight:400;
 
}


.cala-strona-zawartosci-zaw-lista
{
  width:100%;
  min-height:60px;
  margin-top:30px;
}


.cala-strona-zawartosci-zaw-lista-lewo
{
  width:70%;
  float:left;
  text-align:center;
  
}


.cala-strona-zawartosci-zaw-lista-prawo
{
  width:30%;
  float:left;
  text-align:center;
}

@media (max-width: 370px) {


.cala-strona-zawartosci-zaw-lista-lewo
{
  width:100%;
  float:none;
  text-align:center;
  
}


.cala-strona-zawartosci-zaw-lista-prawo
{
  width:100%;
  float:none;
  text-align:center;
  margin-top:20px;
  padding-bottom:30px;
  border-bottom:1px solid #cccccc;
}

}


.cala-strona-zawartosci-zaw-lista-lewo .cala-strona-zawartosci-zaw-przycisk
{
  width:100%;
  height:60px;
  text-align:center;
  background:#00AFF0;
  font-size:24px;
  line-height:60px;
  color:white; 
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 2px 3px 0px rgba(59, 68, 125, 1);
  -moz-box-shadow:    2px 3px 0px rgba(59, 68, 125, 1);
  box-shadow:         2px 3px 0px rgba(59, 68, 125, 1); 
  display:block; 
}

.cala-strona-zawartosci-zaw-lista-lewo .cala-strona-zawartosci-zaw-przycisk:hover
{

  background:#0094CB;

}


.cala-strona-zawartosci-zaw-lista-lewo .cala-strona-zawartosci-zaw-przycisk span
{
  display: inline-block;
  vertical-align:middle;
  line-height:18px;
  margin-top:-8px; 
}

.cala-strona-zawartosci-zaw-lista-prawo .cala-strona-zawartosci-zaw-przycisk
{
  width:80%;
  height:60px;
  text-align:center;
  background:#00AFF0;
  font-size:20px;
  line-height:60px;
  color:white;
  display:inline-block;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;  
  -webkit-box-shadow: 2px 3px 0px rgba(59, 68, 125, 1);
  -moz-box-shadow:    2px 3px 0px rgba(59, 68, 125, 1);
  box-shadow:         2px 3px 0px rgba(59, 68, 125, 1);
}

@media (max-width: 760px) {


.cala-strona-zawartosci-zaw-lista-prawo .cala-strona-zawartosci-zaw-przycisk
{
  
  font-size:16px;

}

}


@media (max-width: 370px) {


.cala-strona-zawartosci-zaw-lista-prawo .cala-strona-zawartosci-zaw-przycisk
{
  
  font-size:16px;
  width:100%;

}

}

.cala-strona-zawartosci-zaw-lista-prawo .cala-strona-zawartosci-zaw-przycisk:hover
{

  background:#0094CB;

}




.cala-strona-zawartosci-zaw-lista-prawo .cala-strona-zawartosci-zaw-przycisk span 
{
  display: inline-block;
  vertical-align:middle;
  line-height:18px;
  margin-top:-8px;
}


.cala-strona-zawartosci-zaw-ilosc-pytan
{
  font-size:18px;
  text-align:left;
  padding:0px 0px 20px 0px;
  border-bottom:2px solid black;
  font-weight:400;
  margin-bottom:30px;
}


.cala-strona-zawartosci-zaw-ilosc-pytan-lewo
{
  float:left;
}


.cala-strona-zawartosci-zaw-ilosc-pytan-prawo
{
  float:right;
}


.cala-strona-zawartosci-zaw-pytanie
{
    line-height: 22px;
    color: #232323;
    font-size: 20px;
    font-weight: 400;
    margin-bottom:30px;
}




.cala-strona-zawartosci-zaw-odpowiedz
{
  
  padding-top:15px;
  margin-left:20px;  
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;  

}


.cala-strona-zawartosci-zaw-odpowiedz-3
{
  margin-bottom:30px;
  padding:15px;
  margin-left:20px;  
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;  

}


.cala-strona-zawartosci-zaw-odpowiedz-tak
{
  background:#01FFA7;

}

.cala-strona-zawartosci-zaw-odpowiedz-nie
{
  background:#EC3237;

}

.cala-strona-zawartosci-zaw-odpowiedz label
{
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 34px;
  font-size:18px;
  color:black;
  font-weight:400;

}

.cala-strona-zawartosci-zaw-odpowiedz-tekst
{
  line-height:26px;
}



.cala-strona-zawartosci-zaw-odpowiedz label:before {
  content: "";
  display:block; 
  width: 26px;
  height: 26px;
  position: absolute;
  top:0px;
  left:0px; 
  background:url('../grafika/checkbox-n.png') no-repeat center center;  
 
}

.cala-strona-zawartosci-zaw-odpowiedz input
{
  display: none;

}

.cala-strona-zawartosci-zaw-odpowiedz input[type="radio"]:checked + label:before {
  content: "";
  display:block; 
  width: 26px;
  height: 26px;
  position: absolute;
  top:0px;
  left:0px; 
  background:url('../grafika/checkbox-a.png') no-repeat center center; 
  color:red;
}

.cala-strona-zawartosci-zaw-odpowiedz input[type="radio"]:checked + label {

  color:black;
}








.cala-strona-zawartosci-zaw-odpowiedz-3 label
{
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 34px;
  font-size:18px;
  color:black;
  font-weight:400;

}

.cala-strona-zawartosci-zaw-odpowiedz-tekst
{
  line-height:26px;
}



.cala-strona-zawartosci-zaw-odpowiedz-3 label:before {
  content: "";
  display:block; 
  width: 26px;
  height: 26px;
  position: absolute;
  top:0px;
  left:0px; 
  background:url('../grafika/checkbox-n.png') no-repeat center center;  
 
}

.cala-strona-zawartosci-zaw-odpowiedz-3 input
{
  display: none;

}

.cala-strona-zawartosci-zaw-odpowiedz-3 input[type="radio"]:checked + label:before {
  content: "";
  display:block; 
  width: 26px;
  height: 26px;
  position: absolute;
  top:0px;
  left:0px; 
  background:url('../grafika/checkbox-a.png') no-repeat center center; 
  color:red;
}

.cala-strona-zawartosci-zaw-odpowiedz-3 input[type="radio"]:checked + label {

  color:black;
}












.cala-strona-zawartosci-zaw-przycisk
{
  text-align:center;
}

.cala-strona-zawartosci-zaw-przycisk .cala-strona-zawartosci-zaw-dalej
{
  width:100%;
  max-width:500px;
  height:60px;
  text-align:center;
  background:#00AFF0;
  font-size:20px;
  line-height:60px;
  color:white;
  display:inline-block;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;  
  -webkit-box-shadow: 2px 3px 0px rgba(59, 68, 125, 1);
  -moz-box-shadow:    2px 3px 0px rgba(59, 68, 125, 1);
  box-shadow:         2px 3px 0px rgba(59, 68, 125, 1);

}


.cala-strona-zawartosci-zaw-przycisk .cala-strona-zawartosci-zaw-dalej:hover
{

  background:#0094CB;

}




.cala-strona-zawartosci-zaw-przycisk .cala-strona-zawartosci-zaw-dalej span 
{
  display: inline-block;
  vertical-align:middle;
  line-height:18px;
  margin-top:-8px;
}



.cala-strona-zawartosci-zaw-przycisk .cala-strona-zawartosci-zaw-submit
{
  width:100%;
  max-width:500px;
  height:60px;
  text-align:center;
  background:#00AFF0;
  font-size:28px;
  line-height:60px;
  color:white;
  display:inline-block;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;  
  -webkit-box-shadow: 2px 3px 0px rgba(59, 68, 125, 1);
  -moz-box-shadow:    2px 3px 0px rgba(59, 68, 125, 1);
  box-shadow:         2px 3px 0px rgba(59, 68, 125, 1);
  font-weight:700;
  margin-bottom:60px;
  cursor: pointer;

}


.cala-strona-zawartosci-zaw-przycisk .cala-strona-zawartosci-zaw-submit:hover
{

  background:#0094CB;

}




.cala-strona-zawartosci-zaw-przycisk .cala-strona-zawartosci-zaw-submit span 
{
  display: inline-block;
  vertical-align:middle;
  line-height:18px;
  margin-top:-8px;
}



.okno-ktora-strona-tlo
{
  position: fixed;
  width:100%;
  height:100%;
  background:black;
  opacity:0.7;
  top:0px;
  left:0px;
  z-index:99998;
  display:none;
}


.okno-ktora-strona-zaw
{
  position: fixed;
  width:100%;
  z-index:99999;
  left:0px;
  top:90px;
  display:none;
}


.okno-ktora-strona-zaw-okno
{
  
  width:90%;
  max-width:400px;
  background:#E6E7E9;  
  border:1px solid black;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; 
  min-height:200px;
  margin-left:-1px;
  margin:0px auto; 
}

.okno-ktora-strona-zaw-okno-t
{
  padding:30px;
  font-size:30px;
  text-align:center;
}

.okno-ktora-strona-zaw-okno-input 
{
   padding:0px 30px;

}


.okno-ktora-strona-zaw-okno-input input
{
   background:#E6E7E9; 
   width:100%;
   text-align:center;
   font-family: 'Lato', sans-serif;
   font-size:60px;
   padding:10px 0px;
   border-bottom:1px solid black;

}


.cala-strona-zawartosci-zaw-pytanie-wszystkie
{

  font-size:18px;
  font-weight:500;
  color:black;
  padding-top:30px;
}

.cala-strona-zawartosci-zaw-odpowiedzi-wszystkie
{

   font-size:18px;
  font-weight:700;
  color:black; 
  padding-bottom:30px;
}









.zawartosc-admin-napis-logowanie
{
  text-align:center;
  line-height: 22px;
  color: #232323;
  font-size: 20px;
  font-weight: 400;
  margin-bottom:30px;
  margin-top:30px;
}


.zawartosc-admin-napis-logowanie span
{
  
  color: #00AFF0;
  
}


.zawartosc-admin-formularz-logowanie
{
  text-align:center;
  line-height: 22px;
  color: #232323;
  font-size: 20px;
  font-weight: 400;
  margin-bottom:30px;
  margin-top:30px;

}


.zawartosc-admin-formularz-logowanie-poz
{
  text-align:center;
  margin-bottom:30px;
}



.zawartosc-admin-formularz-logowanie-poz label
{
  display:block;
  margin-bottom:10px;
}


.zawartosc-admin-formularz-logowanie-poz-2
{
  text-align:center;
 
}



.zawartosc-admin-formularz-logowanie-poz-2 label
{
  display:block;
  margin-bottom:10px;
}

.formularz-logowania-pola
{
  border:2px solid black;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  font-weight: 300;
  padding:8px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  text-align:center; 
}


.szerokosc-jeden
{
  width:200px;  
}

.szerokosc-dwa
{
  width:90%;  
}


.przycisk
{

  
  height:60px;
  text-align:center;
  background:#00AFF0;
  font-size:20px;
  line-height:60px;
  color:white;
  display:inline-block;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;  
  -webkit-box-shadow: 2px 3px 0px rgba(59, 68, 125, 1);
  -moz-box-shadow:    2px 3px 0px rgba(59, 68, 125, 1);
  box-shadow:         2px 3px 0px rgba(59, 68, 125, 1);
  cursor: pointer;

}


.przycisk:hover
{

  background:#0094CB;

}


.przycisk-maly
{

  
  height:30px;
  text-align:center;
  background:#00AFF0;
  font-size:18px;
  line-height:30px;
  color:white;
  display:inline-block;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;  
  -webkit-box-shadow: 2px 3px 0px rgba(59, 68, 125, 1);
  -moz-box-shadow:    2px 3px 0px rgba(59, 68, 125, 1);
  box-shadow:         2px 3px 0px rgba(59, 68, 125, 1);
  cursor: pointer;
  padding:0px 6px;
  margin:5px;
}


.przycisk-maly:hover
{

  background:#0094CB;

}


.zawartosc-admin-linki
{
  margin:30px 0px;
  text-align:center;
}

.zawartosc-admin-linki .przycisk
{
  padding:0px 10px;
  margin:10px;
}


.zawartosc-admin-komunikat
{
  text-align:center;
  line-height: 22px;
  color: #232323;
  font-size: 20px;
  font-weight: 400;
  margin-bottom:30px;
  margin-top:60px;
}


.zawartosc-admin-komunikat span
{
  
  color: #00AFF0;
  
}



.zawartosc-admin-pozycja-lista
{
  
  border:2px solid #00AFF0;
  padding:10px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-bottom:30px; 
  position: relative;
  padding-right:100px; 
}

.zawartosc-admin-pozycja-lista span
{
  
  font-size:14px;
  color:#cccccc; 
}


.zawartosc-admin-kolejnosc
{
   position: absolute;
   top:10px;
   right:10px;
   width:80px;
   height:30px;
}


.zawartosc-admin-kolejnosc-50
{
   float:left;
   width:30px;
   height:30px;
   margin:0px 5px;   
}

.zawartosc-admin-kolejnosc-50 a
{
  
   width:30px;
   height:30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background:#00AFF0;
  color:white;
  font-size:16px;
  line-height:30px;
  text-align:center;
  display:block;
  font-weight:700;
  -webkit-box-shadow: 2px 2px 0px rgba(59, 68, 125, 1);
  -moz-box-shadow:    2px 2px 0px rgba(59, 68, 125, 1);
  box-shadow:         2px 2px 0px rgba(59, 68, 125, 1);

}


.zawartosc-admin-kolejnosc-50 a:hover
{
  
   background:#0094CB;

}


.zawartosc-admin-kolejnosc-50 a span
{
     display:block;
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg); 
     transform: rotate(180deg);
     color:white; 
     position: absolute;
     top:3px;
     left:16px;
     font-size:16px;
}

.zawartosc-admin-stronicowanie
{
  width:100%;
  position: relative;
  text-align:center;
  min-height:60px;
  margin-bottom:40px;
}

.zawartosc-admin-stronicowanie-strony
{
  display:inline-block;
  font-size:20px;
  color:black;
  height:60px;
  line-height:60px;
}

.zawartosc-admin-stronicowanie-l
{
  position: absolute;
  top:0px;
  left:0px;
}

.zawartosc-admin-stronicowanie-p
{
  position: absolute;
  top:0px;
  right:0px;
}

.zawartosc-admin-stronicowanie-l .przycisk, .zawartosc-admin-stronicowanie-p .przycisk
{
  width:100px;


}


.zawartosc-admin-pole-ile-na-stronie
{
  width:100%;
  margin-bottom:30px;
}

.zawartosc-admin-pole-ile-na-stronie-zaw
{
  float:right;
  font-size:20px;
}

.zawartosc-admin-pole-ile-na-stronie-zaw select
{
  border:2px solid black;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  font-weight: 300;
  padding:8px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  text-align:center; 
}

.zawartosc-admin-dane-zaimportowane-tytul
{
  font-size:24px;
  text-align:center;
}

.zawartosc-admin-dane-zaimportowane
{
  font-size:15px;
  
}


.zawartosc-admin-wybrano-test
{
   font-size:30px;
   display:inline-block;
   margin-left: 40px;

}