@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%;
  background:white; 
}


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

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

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

@media (max-width: 360px) {

.cala-strona-naglowek-zaw img
{
  width:100%;
  height:auto;
}

}

.cala-strona-naglowek-zaw span
{
  color:#871518;
  font-size:26px;
  font-weight:300;
}



.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 h1, .cala-strona-zawartosci-zaw h2
{
  position: relative;
  font-size:26px;
  color:#009fe3;
  font-weight:400;
  padding-left:60px;
  margin-bottom:40px;
}


.cala-strona-zawartosci-zaw h1 span, .cala-strona-zawartosci-zaw h2 span
{
  display:block;
  position: absolute;
  top:-5px;
  left:0px;
  width:40px;
  height:40px;
  background:#009fe3;
  border-radius:20px;
  color:white;
  line-height:38px;
  text-align:center;
  font-weight:300;
}

.cala-strona-zawartosci-zaw-pol
{
  float:left;
  width:50%;
}


@media (max-width: 760px) {

.cala-strona-zawartosci-zaw-pol
{
  float:none;
  width:100%;
}

}

.cala-strona-zawartosci-zaw-pol-l
{
  padding-right:20px;
}

.cala-strona-zawartosci-zaw-pol-r
{
  padding-left:20px;
}


@media (max-width: 760px) {
.cala-strona-zawartosci-zaw-pol-l
{
  padding-right:0px;
}

.cala-strona-zawartosci-zaw-pol-r
{
  padding-left:0px;
}

}

.cala-strona-zawartosci-poz-formularz-label
{
  margin:10px 0px;
}

.cala-strona-zawartosci-poz-formularz-label label
{
  font-size:20px;
  color:#5F6160;
  font-weight:300;
}


.cala-strona-zawartosci-poz-formularz-label label span
{
  font-size:14px;
  
}

.cala-strona-zawartosci-poz-formularz-input
{
  border:1px solid #5F6160;
  border-radius:4px;
  padding:10px; 
}

.cala-strona-zawartosci-poz-formularz-input input, .cala-strona-zawartosci-poz-formularz-input select
{
  width:100%;
  font-size:20px;
  color:#5F6160;
  font-weight:300;
  font-family: 'Lato', sans-serif;  
}

.cala-strona-zawartosci-poz-formularz-input textarea
{
  width:100%;
  font-size:20px;
  color:#5F6160;
  font-weight:300;
  font-family: 'Lato', sans-serif;  
  height:200px;
  resize:none;
}


.linia
{
  margin:60px 0px;
  height:1px;
  background:#009fe3;
  width:100%; 
  position:relative;

}


.linia::before
{
  content:'';
  position: absolute;
  top:0px;
  left:0px;
  width:17px;
  height:1px;
  z-index:2222;

}

.linia::after
{
  content:'';
  position: absolute;
  top:0px;
  right:0px;
  width:17px;
  height:1px;
  z-index:2222;

}



.cala-strona-zawartosci-zaw-pola-obrazki
{
  float:left;
  width:70%;
}

.cala-strona-zawartosci-zaw-pola-obrazki-duzy
{
  float:left;
  width:30%;
}


@media (max-width: 760px) {

.cala-strona-zawartosci-zaw-pola-obrazki
{
  float:none;
  width:100%;
}

.cala-strona-zawartosci-zaw-pola-obrazki-duzy
{
  display:none;
}


}

.cala-strona-zawartosci-zaw-pola-obrazki-kat
{
  font-size:28px;
  color:#5F6160;
  font-weight:300;
  margin:20px 0px;
}


.cala-strona-zawartosci-zaw-pola-obrazki-img, .cala-strona-zawartosci-zaw-pola-obrazki-img-akt, .montaz-dod-image, .montaz-dod-image-akt
{
  width:120px;
  float:left;
  margin:10px;  
  cursor: pointer;
  text-align:center;
  position: relative;
}

.cala-strona-zawartosci-zaw-pola-obrazki-img img, .montaz-dod-image img, .montaz-dod-image-akt img
{
  width:100%;
  height:auto;
  border:1px solid #5F6160;
  border-radius:6px;
  
}

.cala-strona-zawartosci-zaw-pola-obrazki-img-akt::before
{
  content:'';
  background:url('../img/selected.png') no-repeat center center ;
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:9999;
  
}

.montaz-dod-image-akt::before
{
  content:'';
  background:url('../img/selected.png') no-repeat center center ;
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:9999;
  
}

.cala-strona-zawartosci-zaw-pola-obrazki-img-akt img, .cala-strona-zawartosci-zaw-pola-obrazki-img:hover img, .montaz-dod-image:hover img
{
  width:100%;
  height:auto;
  border:1px solid #009fe3;
  border-radius:6px;
  opacity:0.4;

  
}

.cala-strona-zawartosci-zaw-pola-obrazki-img span
{
  font-size:18px;
  color:#5F6160;
  font-weight:300;
  
}

.cala-strona-zawartosci-zaw-pola-obrazki-img-akt span
{
  font-size:18px;
  color:#009fe3;
  font-weight:400;
  
}

.cala-strona-zawartosci-zaw-pola-obrazki-duzy-img
{
  padding-left:20px;
}


.cala-strona-zawartosci-zaw-pola-obrazki-duzy-img img
{
  width:99%;
  height:auto;
  border:1px solid #5F6160;
  border-radius:6px;  
}

.cala-strona-zawartosci-dodaj-zam-cal
{
  width:100%;
  text-align:center;
}

.cala-strona-zawartosci-dodaj-zam, .cala-strona-zawartosci-dodaj-wys
{
  padding:20px;
  background:#009fe3;
  color:white;
  display:inline-block;
  margin:40px 0px;
  font-size:20px;
  font-weight:300;
  border-radius:4px;
  cursor: pointer; 
  width:40%;
  text-align:center;
}


.strona-okono-tlo
{
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:white;
  opacity:0.9;
  z-index:19998;
  display:none;
}

.strona-okono-zaw
{
  position:fixed;
  top:50%;
  left:50%;
  background:white;
  border:1px solid #009fe3;
  border-radius:6px; 
  z-index:19999;
  padding:40px;
  -webkit-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    3px 3px 6px 0px rgba(50, 50, 50, 0.75);
 box-shadow:         3px 3px 6px 0px rgba(50, 50, 50, 0.75);
 display:none; 
 text-align:center; 
}


.strona-okono-zaw-zam
{
  position: absolute;
  top:5px;
  right:5px;
  width:20px;
  height:20px;
  background: #009fe3;
  color:white;
  font-size:16px;
  text-align:center;
  line-height:16px;
  border-radius:50%;
  cursor: pointer;
}


.cala-strona-zamowienia
{
  border:1px solid #5F6160;
  border-radius:4px;
  padding:40px;  
}

.cala-strona-zamowienia-brak
{
    font-size:30px;
    color:#009fe3;
    font-weight:400;
    text-align:center;
}


.cala-strona-zamowiene
{
 

  font-size:18px;
  color:#5F6160;
  font-weight:300;
  width:33.33%;
  float:left;
  line-height:24px;
  text-align:center;
  position: relative;
  padding-top:30px;
  padding-bottom:30px;
}

@media (max-width: 960px) {

.cala-strona-zamowiene
{
  width:50%;

}


}


@media (max-width: 760px) {

.cala-strona-zamowiene
{
  width:100%;
  float:none;
}


}

.cala-strona-zamowiene img
{
  width:100px;
  height:auto;
  border:1px solid #5F6160;
  border-radius:4px;
}

.cala-strona-zamowiene-zam
{
  position: absolute;
  top:0px;
  right:0px;
  background:#009fe3;
  padding:4px 14px;
  color:white;
  font-size:14px;
  border-radius:4px;
  cursor: pointer;
}

.cala-strona-zamowiene span
{
  font-size:30px;
  color:#009fe3;
  font-weight:400;
}


.cala-strona-info
{
  padding-left:40px;
  height:30px;
  line-height:30px;
  color:#797979;
  font-size:14px;
  font-weight:300;
  cursor: pointer;
}


@media (max-width: 760px) {
.cala-strona-info-img
{
  width:300px;
  height:auto;
}
}


@media (max-width: 400px) {
.cala-strona-info-img
{
  width:150px;
  height:auto;
}
}



.loader {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #009fe3;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display:inline-block;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.montaz-dod-pozycja
{
  display:none;

}

.cala-strona-zawartosc-ilekoszt
{
  color: #5F6160;
  font-size: 18px;
  font-weight: 300;
  margin-bottom:40px;
  line-height:26px;
}

.cala-strona-zawartosc-ilekoszt span
{
  color: #009fe3;
  font-size: 24px;
  font-weight: 900;

}

.cala-strona-naglowek-zaw-linki
{
  margin-top:40px;
}

.cala-strona-naglowek-zaw-linki a
{
  padding: 10px;
  background: #009fe3;
  color: white;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}