/* strona */

/*
ccc
UWAGI DO KODU CSS:
- w miarę możliwości wielkości czcionek wyrażamy w "em" z wyjątkiem wielkości czcionki body który jest w px - responsywny design

- w formularzach styli CSS można używać koloru z zakładki Pola danych w formacie:
.klasa { color: };
.klasa2 { background-color: }
Uwaga: kolory z zakładki Pola danych obowiązują tylko w tym formularzu - przekopiuj kolory pomiędzy poszczególnymi stylami w celu utrzymania kolorystyki(np. strona, menu, pozostałe elementy)

- można  używać ustawień systemowych PULPIT-> Ustawienia Strony -> kod CSS
.klasa3 {padding-top:150px;margin-bottom:150px;}

jeśli nie pamiętasz wszystkich rodzajów właściwości css np text-align, to napisz błędną właściwość a z boku okna z kodem wyświetli sie pomoc z wszystkimi właściwościami,
np. 
.klasatest {text-align:glupota; background: url('/tpl/images/obrazek.png') repeat;}
*/

html {height: 100%;} 
 
body {
background: #fff;
color:#333333;
font-size: 18px;
} 



.proj {

} 

body .kontrastwcag {
background: #000;
color:#ffff00;    
}

html, body, div, input,span, object, iframe,
p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, sub, sup, var,
i,h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video  {
font-family: 'Lato', sans-serif;
/* UWAGA: trzeba zmineić font weight stosownie do czcionki jaką się zaimportowało z google... */

}


html ul, html ol{
  margin: 1em 0;
  padding: 0 0 0 20px;
  line-height:1.5;
}

p {line-height:1.5; padding-bottom:1em;}


/*
.tlo-nakladka{
width:100%; height:100%; position: fixed; top:0; left:0;
background : url('/') repeat;
z-index:3;
}
`]]
*/


:focus {outline:2px solid red}
input:focus, button:focus{outline:none;border:2px solid red}
hr {margin-top:5px; margin-bottom:5px; padding-top:5px; padding-bottom:5px}


li {padding-bottom:5px;}

.kolor1 {color:}
.kolor2 {color:}
.kolor3 {color:}
.kolor4 {color:}
.kolor5 {color:}
.kolor6 {color:}
.kolor7 {color:}
.kolor8 {color:}
.kolor9 {color:}
.kolor10 {color:}
.kolor11 {color:}
.kolor12 {color:}


.bgkolor1 {background-color:}
.bgkolor2 {background-color:}
.bgkolor3 {background-color:}
.bgkolor4 {background-color:}
.bgkolor5 {background-color:}
.bgkolor6 {background-color:}
.bgkolor7 {background-color:}
.bgkolor8 {background-color:}
.bgkolor9 {background-color:}
.bgkolor10 {background-color:}
.bgkolor11 {background-color:}
.bgkolor12 {background-color:}


.tlo90 {background: url('/tpl/images/tlo90.png') repeat;}
.tlo80 {background: url('/tpl/images/tlo80.png') repeat;}
.tlo70 {background: url('/tpl/images/tlo70.png') repeat;}
.tlo60 {background: url('/tpl/images/tlo60.png') repeat;}
.tlo50 {background: url('/tpl/images/tlo50.png') repeat;}

/* UWAGA: trzeba zmineić font weight stospownie do czcionki jaką się zaimportowałeo z google... */
h1, h2, h3, h4, h5 {
font-family: 'Lato', sans-serif;;
font-weight:bold;
}

h1 {font-size:2em;}
h2 {font-size:1.4em;}
h3 {font-size:1.17em;}
h4 {font-size:1.12em;}



/* "strzępki" CSS czyli kod np.  można edytować oraz dodawać nowe w Ustawieniach strony (link na pulpicie) */
/*  dodaje do klasy kod skryptu css3 pie pomagającego wyświetlić css3 w starszych przeglądarkach */

.czcionka1 { font-family: 'Lato', sans-serif; }

.zaokraglenie1 {  }
.zaokraglenie2 {  }
.zaokraglenie3 {  }

.cien1{  }
.cien2{  }
.cien3{  }

.cientekst1 {  }

/* 
http://css3generator.com/
*/

.gradient1 {
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	
	
}
.gradient3{background:linear-gradient(0deg,#fefefe 0%,#ececec 50%,#f7f7f7 51%,#fefefe 100%);}

.przejscie1 {
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.transformacja1 {
-moz-transform: scale(1) rotate(5deg) translateX(5px) translateY(5px) skewX(5deg) skewY(5deg);
-webkit-transform: scale(1) rotate(5deg) translateX(5px) translateY(5px) skewX(5deg) skewY(5deg);
-o-transform:scale(1) rotate(5deg) translateX(5px) translateY(5px) skewX(5deg) skewY(5deg);
-ms-transform: scale(1) rotate(5deg) translateX(5px) translateY(5px) skewX(5deg) skewY(5deg);
transform: scale(1) rotate(5deg) translateX(5px) translateY(5px) skewX(5deg) skewY(5deg);
}
.border1 {border: solid 1px ;}

.tlo1{
background-attachment: scroll;
background-color : ;
background-repeat: no-repeat;
}

.lista1 ul {list-style: none;}
.lista1 ul li {  padding-left: 1.2em;} 
.lista1 ul li:before {
list-style:none;
font-family: standard;
content: '\0066';
font-size:0.5em;
display: inline-block;
margin-left: -1.2em; 
width: 1.2em; 
} 
.lista1 ul ul li{  padding-left: 2.2em;} 
.lista1 ul ul li:before {
list-style:none;
content: '\0066';
font-size:0.5em;
font-family: standard;
display: inline-block;
margin-left: -1.2em; 
width: 1.2em; 
} 


/* TABELA */

.tabela1  table{ width:100%; border-collapse:collapse; }
.tabela1 table td { padding:8px; border:0; }
.tabela1 table th {background:; color:#fefefe;}
.tabela1 tr:nth-child(even) { /*(even) or (2n 0)*/}
.tabela1 table tr:nth-child(odd) { /*(odd) or (2n 1)*/background: ;}
.tabela1 table tr:last-child {border-bottom:solid 1px  }


@media screen and (max-width: 760px) {
   .tabela1 tbody,.tabela1 thead { float: left;display: block; width:100% }
   .tabela1 tr {display: block; width:100% }
   .tabela1 thead { min-width: 360px; display: block; width:100% }
   .tabela1 td, .tabela1 th { display: block; width:100% }
}


.iko1 {}
.iko1:before {content: 'a' ;  font-family: standard;  display: inline-block;margin-right: 3px;}


/* LINKi */
main a:link, main a:visited, aside a:link, aside a:visited {
	color: ;
	outline:0;
	-webkit-transition:background-color .25s linear;
    transition:background-color .25s linear;
}

main a:active, main a:focus, main a:hover, aside a:active, aside a:focus, aside a:hover {
	background:#dbd8d8;
	color: ;
	outline:none;
}



#maingl {}
@media only screen and (max-width:768px){
#maingl {}
}

.tlogl1 {background:}


.przycisk1:link{
font-size: 0.9em;
background-color: ;
color:#fefefe;
padding:10px 20px 10px 20px;
text-decoration:none;
color:#fefefe;
font-weight:300;
} 

.przycisk1:after {  content: '\0056' ;  font-family: standard; font-size:0.8em; display: inline-block;margin-left: 3px;vertical-align:middle;}
.przycisk1:link {color:#fefefe;}
.przycisk1:visited {color:#fefefe;}
.przycisk1:hover{
background-color:  ;
border:none;
border-radius: 0px;
	-webkit-animation: bg-pan-left 1s both;
	        animation: bg-pan-left 1s both;
}

.przycisk1:focus {
background-color:  !important;
border:none;
border-radius: 0px;
outline:2px solid red

}

.przycisk1.kolorykontrast {border: solid 1px #ffff00;}

.przycisk2{
font-size: 0.8em;
text-transform:uppercase;
color:;
padding:8px 15px 8px 15px;
text-decoration:none; background:none;border: solid 1px ;

} 
.przycisk2:after {  content: '\0046' ;  font-family: standard;  display: inline-block;margin-left: 3px;}
.przycisk2:link {color:#0a3f52;}
.przycisk2:visited{color:#0a3f52;}
.przycisk2:hover{
color:;
background: ;
cursor:pointer; border-style:solid; border-width:1px; border-color:transparent;
}


.przycisk3{
font-size: 0.8em;
text-transform:uppercase;
color:;
padding:8px 15px 8px 15px;
text-decoration:none; background:none;border: solid 1px ;

} 
/*.przycisk3:after {  content: '\0046' ;  font-family: standard;  display: inline-block;margin-left: 3px;} */
.przycisk3:link {color:#0a3f52;}
.przycisk3:visited{color:#0a3f52;}
.przycisk3:hover{

background: ;
cursor:pointer; border-style:solid; border-width:1px; 
}



.przycisk-pobierz{
font-size: 0.8em;
border: solid 1px ;
padding:10px 20px 10px 20px;
text-decoration:none;

margin-left:50px;
} 

.przycisk-pobierz:after {  content: 'k' ;  font-family: standard;  display: inline-block;margin-left: 3px;}
.przycisk-pobierz:link {color:#333;}
.przycisk-pobierz:visited {color:#333;}
.przycisk-pobierz:hover{color:#333;
background: ;
cursor:pointer;
}


.przycisk-acc{font-size:13pt;background:;color:#ffffff;padding:3px 10px 3px 10px; text-decoration:none;}
.przycisk-acc:link{color:#ffffff;}
.przycisk-acc:visited{color:#ffffff;}
.przycisk-acc:hover{color:#ffffff;background:;}


.pliki {background:#eee;padding-bottom: 10px;}
.pliki-grupa-naglowek {font-size:2.0em;padding:10px 20px 10px 20px;}
.plik-grupa {display:block; width:100%;}
.plik {display:block;  width:100%; padding:10px 20px 10px 20px;}
.plik-nazwa {font-size:1.2em}
.plik-ikona {font-size:2em; vertical-align:middle;margin-right:10px;}

#skipto{position:absolute;z-index:-999999;top:312px;}
#mainwrapper{width:100%;position:relative;text-align:left;}


.wrap80{width:85%; max-width:1500px;margin:0 auto;}


.wrapproc {width:85%; max-width:1200px; margin:0 auto;}
.wrapproc-aktualnoscigl {width:85%; max-width:1160px; margin:0 auto; }

@media only screen and (max-width:1400px){
.wrapproc {width:95%}

}

p{padding-bottom:7px}




/* wyszukiwanie */
#wyszukiwanie {float:right; position:relative; z-index:999;}
@media only screen and (max-width:768px){
#wyszukiwanie {padding-top:10px;}
}
#wyszukiwanie-formularz {

}

.wyszukiwanie-input  {
display:inline-block;  
color:;
border:solid 1px ;
background: #fefefe; 
font-size: 1.0em;
-webkit-transition:all 0.35s ease-in-out;
transition:all 0.35s ease-in-out;
width:180px;
margin:0;
padding: 5px 5px 6px 10px;/* padding wyrównujący przycisk z formularzem */

}

.wyszukiwanie-input:focus  {
background: #ffffff; 
width:250px;
}

.wyszukiwanie-przycisk {
font-size:1.0em;
border:solid 0px ;
background: ;
color:#333;
} 



.wyszukiwanie-przycisk:link {color:#eee;}
.wyszukiwanie-przycisk:visited {color:#eee;}
.wyszukiwanie-przycisk:hover{color:;
background: ;
cursor:pointer;
}



#headcontainerwr{}
#headcontainer {
position:relative;
}


/*
#headcontainer.przewin {
clear:both;
padding-bottom:0;
position:fixed;
top:0; left:0;
width:100%;
z-index:500; 

}
*/


#menutech{} /* div fla logo bip*/
.biplogo {float: right; margin-top:60px;width:140px; height: 50px;}
@media only screen and (max-width:768px){
.biplogo {float: left;width:100px; height: 36px;margin-top:40px; padding-left:50px;}
}


#herb{float: left; padding-top:20px; padding-bottom:20px;} /* div fla loga strony*/
.logostrony{width:140px; height: 117px;}
@media only screen and (max-width:768px){
    #herb{float: left; padding-top:20px; padding-bottom:20px;}
	.logostrony {width:100px; height: 84px;}
}	
	
	
#tytulstrony {float:left; padding-left:20px; padding-top:40px; position:relative;font-size:3.5em; color:#ffffff; }
@media only screen and (max-width:768px){
#tytulstrony {font-size:2.0em}
}

#headerwr {position:relative;
background : url('/tpl/images/baner1920.jpg') no-repeat top right;
height:264px;
}

@media only screen and (max-width:768px){
#headerwr {position:relative;
background : url('/tpl/images/baner980.jpg') no-repeat top center;}
}

@media only screen and (max-width:768px){
#headerwr {position:relative;
background : url('/tpl/images/baner720.jpg') no-repeat top left;}
}




#kontaktgorny { font-size:0.8em; background:; color:#fefefe;padding:2px 10px 2px 10px ; }

#kontaktgorny a:link {color:#fefefe;}
#kontaktgorny a:visited {color:#fefefe;}
#kontaktgorny a:hover{color:#fefefe;}



#podtytul {position:absolute; top:33px; left:140px}
  
#maincontentcontainer{width:100%;}
.w100 {width:100%;}
.pt100 {padding-top:100px}


#maincontent{clear:both;line-height:1.2;position:relative;padding-top:0px;padding-bottom:20px;}



.naglowek-glowna {display:block; z-index:1; float:left; position:relative; color:#ffffff; padding: 20px 0 20px 30px; margin: 0 0 50px 15px; font-size: 1.2em; border-left: solid 2px #fff; text-transform:uppercase;}
.naglowek-glowna2 {display:block; z-index:1; float:left; position:relative; color:; padding: 20px 0 20px 30px; margin: 0 0 50px 0; font-size: 1.5em; border-left: solid 2px #b90f0f; text-transform:uppercase;}
.naglowek-glowna3 {  color:; padding: 20px 0 20px 30px; margin: 0 0 50px 0; font-size: 1.5em; text-transform:uppercase;}

.naglowek-podstrony { display:inline-block;  z-index:1;  position:relative; color:#fff; padding: 10px 0 20px 30px; margin: 0 0 50px 0; font-size: 1.2em; border-left: solid 2px #fff; text-transform:uppercase;}
.naglowek-boczny { display:block; z-index:1; float:left; position:relative; color:#236840; padding: 20px 0 20px 30px; margin: 0 0 50px 15px; font-size: 1.0em; border-left: solid 2px #236840; text-transform:uppercase;}
.naglowek-aktualnosci { display:block; z-index:1; float:left; position:relative; color:; padding: 20px 0 20px 30px; margin: 0 0 50px 15px; font-size: 2.5em; border-left: solid 2px #b90f0f; text-transform:uppercase;}


.naglowek-podstrony-wrap {  min-height:190px; background:#236840; position:relative;clear:both;}
#breadcrumbwrap {padding: 20px 0 20px 0}

@media only screen and (max-width:1120px){ 
#podstronanaglowek {padding-top:100px;}
}
@media only screen and (max-width:950px){ 
#podstronanaglowek {padding-top:60px;}
}
@media only screen and (max-width:540px){ 
#podstronanaglowek {padding-top:100px;}
}

.button {

  background: url("../images/button.jpg") no-repeat scroll 0 0 transparent;
  color: #636363;
  float: left;
  font-family: Arial;
  font-size: 14px;
  height: 50px;
  text-decoration: none;
  
  width: 237px;
  display:table;
}

a.button:hover, a.button:focus {background: url("../images/buttonh.jpg") no-repeat scroll 0 0 transparent;}

a.button p {
  float: left;
  width: 173px;
}
a.button span {
  display: table-cell;
  vertical-align: middle;
 
}

a.button img {
  padding-top:4px;
}
.image_right {
  width: 77px;
  text-align:center;
}


#linki-boczne {
margin: 0;
padding: 0;
}

#linki-boczne li {
margin: 0;
padding: 0;
list-style:none;
width:100%;
display:block;
}

#linki-boczne li a:link, #linki-boczne li a:visited {
width:100%;
display:block;
margin-top:3px;
border: solid 1px ;
background: ;

color:;
outline:0;
text-decoration:none;

}

#linki-boczne li a:active, #linki-boczne li a:focus, #linki-boczne li a:hover {
background:#ccc;
color:;
outline:none;
border-radius:0px;
-webkit-transition:none;
transition:none;
}

#linki-boczne li a:focus {
background:#ccc;
border:none;
border-radius: 0px;
outline:2px solid red

}

/* Linki boczne kwadratowe png */


#linki-boczne-wewn {display:block; float:left;  width:100%; padding:0; margin:0;}
#linki-boczne-wewn ul {float:left;}
#linki-boczne-wewn li { display:block; width:45%;  list-style:none; text-align:center;float:left;margin:2%; border: 1px solid #dedede; background:#eee }
#linki-boczne-wewn li a { height:130px; display:block; font-size:0.9em; padding:35px 0 10px 0; }
@media only screen and (max-width:1000px){ 
#linki-boczne-wewn li {height:130px;}
}
@media only screen and (max-width:768px){ 
#linki-boczne-wewn li {height:90px;}
}
#linki-boczne-wewn li:last-child {}



#linki-boczne-wewn li a:hover {background:#dedede; }
#linki-boczne-wewn li a:focus {}


#linki-boczne-wewn li a:link, #linki-boczne-wewn li a:visited {
text-decoration: none;
text-transform: uppercase;
outline:0;
width:100%; height:100%;
color:#555;
}

#linki-boczne-wewn li a:active, #linki-boczne-wewn li a:focus, #linki-boczne li a:hover {
background:none;
outline:none;
border-radius:0px;

}


#linki-boczne-wewn li a:focus {
display:block;
border:none;
border-radius: 0;
outline: solid 1px red;

}



/* Linki na skróty */


#linki-na-skroty {display:block; margin:0 auto; float:left;  width:100%; padding:0; }
#linki-na-skroty ul {float:left;}
#linki-na-skroty li { display:table-cell; width:20.5%;  list-style:none; text-align:center;float:left;margin:2%; border: 1px solid #dedede;  }
#linki-na-skroty li a { display:block; font-size:0.9em; padding:35px 0 10px 0; background:#dedede;}
@media only screen and (max-width:1000px){ 
#linki-na-skroty li {width:41%;margin:4%;}
#linki-na-skroty li a {padding:20px 0 0px 0; margin:0; }
}
@media only screen and (max-width:768px){ 
#linki-na-skroty li {width:90%; margin:5%;}
#linki-na-skroty li a { height:150px;  }
}
#linki-na-skroty li:last-child {}



#linki-na-skroty li a:hover {background:#cdcaca; }
#linki-na-skroty li a:focus {}


#linki-na-skroty li a:link, #linki-na-skroty li a:visited {
text-decoration: none;
text-transform: uppercase;
outline:0;
width:100%; height:100%;
color:#555;
}

#linki-na-skroty li a:active, #linki-na-skroty li a:focus, #linki-boczne li a:hover {
background:none;
outline:none;
border-radius:0px;

}


#linki-na-skroty li a:focus {
display:block;
border:none;
border-radius: 0;
outline: solid 1px red;

}



/* linki boczne graf */


#linki-boczne-graf {display:block; float:left; width:100%; padding:0; margin:0;}
#linki-boczne-graf ul {float:left;}
#linki-boczne-graf li { display:block;  width:100%;   list-style:none; text-align:center;float:left;}
#linki-boczne-graf li:last-child {border: none;}

#linki-boczne-graf li {border-top:0px; padding-top:1px; }
#linki-boczne-graf li:hover {border-top:1px solid #777; padding-top:0px;}
#linki-boczne-graf li:focus {outline:1px solid red}



#linki-boczne-graf li a:link, #linki-boczne li a:visited {
text-decoration: none;
text-transform: uppercase;
outline:0;
width:100%; height:100%;
}


#linki-boczne-graf li a:active, #linki-boczne li a:focus, #linki-boczne li a:hover {
background:none;
outline:none;
border-radius:0px;
-webkit-transition:none;
transition:none;

}

#linki-boczne-graf li a:focus {
display:block;
border:none;
border-radius: 0;
outline: solid 1px red;
}




.linki-boczne-zaw {display:table;}

.linki-boczne-ikonka-obr {display:table-cell;   vertical-align: middle; min-width:130px;font-size:0.8em;}

.linki-boczne-ikonka-font {
display:table-cell;
padding-left:10px; padding-top:5px; padding-right:10px;
border-right:solid 1px ;
vertical-align:middle;
font-size:1.8em;
background:;
;
color:;
}


.linki-boczne-nazwa-linku {display:table-cell;font-size:0.7em; padding-left:10px;  vertical-align: middle;}

.tresc-1-2 {width:45%; display:inline-block}

.bloktresci { background:#fff;  border:solid 1px ;  padding-left: 20px; padding-right:20px; padding-bottom:30px;padding-top:20px; display:block; }
.bloktrescigl {width: 90%;  display: table-cell; background:#fff;  border:solid 1px ; float:left;  padding:5%; }
.trescstrglramka { border:solid 1px #eee;}
.trescstrgl {padding:30px;}

#trescwrap {margin-bottom:10px; position:relative; }
.tresc {margin-top:50px;}

@media only screen and (max-width:768px){
.tresc {margin: 0}
}



.bottomcontainer {background:#236840; color:#fff; padding:50px;font-size:0.8em}
.bottomcontainer a:link {color:#fff}
.bottomcontainer a:visited {color:#fff}
.bottomcontainer a:hover {color:#fff}

.bottomcontainer h1, .bottomcontainer h2, .bottomcontainer h3, .bottomcontainer h4 {color:#fefefe} 
.bottomcontainer hr {border-top: 1px solid #2a5fa9;}

.godziny-dzien {padding-right:20px; border-right: solid 1px #2a5fa9;display:inline-block; width:40%;}
.godziny-godz {padding-left:20px; display:inline-block;}
@media only screen and (max-width:1260px){
.godziny-dzien { width:30%;}
}


.stopka{padding:10px}


#goracontainer{width:100%; position:relative; display:block; z-index:0;margin-bottom:-90px;}
#goracontent{padding:0;color:#333;position:relative;z-index:0}
#banergora{}

#gorapas{}

#banerglprawa{}
.cookiesinfo{font-size:0.8em;}

#slajdwr{min-width:480px;padding-right:20px}
.opis{font-size:0.8em;}




.iko{float:left;padding-right:10px;color:#00ac49;display:inline-block;}
#banergllewa{padding-top:40px}
#licznik{font-size:0.8em;}

.kolumnabanerpr{text-align:center;padding:0 0 30px 0;clear:both;z-index:10}
#banery-flash{display:inline-block;width:250px;height:auto;margin:0;padding:0}
#banery-flash2{display:inline-block;width:250px;height:auto;margin:0;padding:0}
#banery-jpg{display:inline-block;width:250px;height:auto;margin:0;padding:0}
#baner-flash{}


#gorawstawka{position:absolute;left:220px;top:-40px;width:75px;height:131px;}

#gorakontakt{display:block; height:60px; position:absolute;right:5px;top:-22px; padding-top:38px; background:url("../images/kontaktg.png") no-repeat bottom right;padding-right:90px}
#gorakontakt-opis {}
#gorakontakt-tel {}



#slogan {color: #023968; font-size:2.6em; padding-left:30px;padding-top:20px}
.slogan2 {font-size:0.7em}

.powrot, .powrot:hover  { float:left; clear:both; text-decoration:none; margin-top:30px; margin-bottom:30px;}

.powrot:before { content: '\0061' ;  font-family: standard; font-size:0.8em; vertical-align:middle;}

.ramka {border: solid 1px #5f5f5f; padding:5px; margin:5px} 
.sp {clear: both; width:100%; height:5px; display:block;}


#tlostrony {position:fixed; bottom:0; left:0; width:100%; height:100%;z-index:-2;}
.tlostrony-img {position:fixed; bottom:0; left:0; width:100%; height:100%;z-index:-2;}

.glowna-tlo {background: #fff; }


.tlo-nakladka {
width:100%; height:100%; position: fixed; bottom:0; left:0;
background:url("../images/dot.png") repeat;
z-index:-1;
}

.tlokomunikaty {background:#fff; border:solid 1px #ddd; margin-bottom:20px;}


#home,#ofertawrap,#galeriawrap,#kontaktwrap, #paketywrap  {position:relative; visibility:visible}


#ofertawrap {background:}
#kontaktwrap {background:}
#kontakt-tresc {color:#fefefe;line-height:1.2 }

#o-nas-tresc {color:#fefefe;line-height:1.2 }
#o-nas-tresc h1,#o-nas-tresc h2,#o-nas-tresc h3,#o-nas-tresc h4  {color:#ccc; }

#kontaktwrap h1, #kontaktwrap h2, #kontaktwrap h3, #kontaktwrap h4  {color:#fefefe; }

#kontakt-tresc {text-transform:uppercase}

#kontakt-tresc h1, #kontakt-tresc h2, #kontakt-tresc h3, #kontakt-tresc h4 {font-weight:400} 
#kontakt-tresc h1:before, #kontakt-tresc h2:before, #kontakt-tresc h3:before,#kontakt-tresc h4:before {content: '\0050' ;  font-family: standard; font-size:0.15em; vertical-align:middle;}
#kontakt-tresc h1:after, #kontakt-tresc h2:after, #kontakt-tresc h3:after,#kontakt-tresc h4:after  {content: '\0050' ;  font-family: standard; font-size:0.15em; vertical-align:middle;}

#kontakt-tresc a:link {
text-decoration : none;
color :#fefefe;
}

#kontakt-tresc a:visited {
text-decoration : none;
color : #fefefe;;
}
#kontakt-tresc a:hover {
text-decoration : none;
color : #fefefe;;
}
#kontakt-tresc a:active {
text-decoration : none;
color : #fefefe; ;
} 


.obrazekokr {
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
border:solid 5px #fefefe;
; 
}


#w-dol {position:absolute;bottom:4%; right:49%; color:#fefefe;}
.linkbialy:link {color:#fefefe;}
.linkbialy:hover {color:#fefefe;}
.linkbialy:active {color:#fefefe;}
.linkbialy:visited {color:#fefefe;}

.podstrony-lista-rzad {padding:10px; margin-bottom:10px;border:solid 1px ;border-left:solid 3px ; }



@media only screen and (min-width:1600px){

}

@media only screen and (max-width:1320px){
.wrap80{width:95%;}
}

@media only screen and (max-width:1100px){
.naglpodstrony{max-width:300px;}
}

@media only screen and (max-width:990px){
}

@media only screen and (max-width:768px){
body  {font-size : 16px;} 
}

@media only screen and (max-width:480px){

h1 {font-size:1.3em;}
h2 {font-size:1.2em;}
h3 {font-size:1.15em;}
h4 {font-size:1.12em;}
span.kolko {	font-size:2em; border-radius: 1.2em;  -moz-border-radius: 1.2em;  -webkit-border-radius: 1.2em;  line-height: 2.4;  width: 2.5em;}



.naglpodstrony{
margin-top:-40px;
padding: 10px 40px 10px 10px;
-webkit-border-radius: 4px 30px 0 0;
border-radius: 4px 30px 0 0;}
#goracontainer{margin-bottom:20px;}
#podtytul {font-size:0.9em}
.pakiet_kol {float:left; max-width:98%}
}


.oferta-ikona  {font-size:5.0em;color:; }
.oferta-ikona-kolko  {
display:inline-block;
    height:5.0em;
	width:5.0em;
	padding:1.0em;
    -moz-border-radius: 5.5em;
    -webkit-border-radius:5.5em;
    border-radius:5.5em;
	background:;
	
}

#brandwrap {float:right}
#brand {}
#hostingnapis {}
#hostinglogo {}


#galeria-lista-kat {
display:block; text-align:center; width:100%; float:left;
}


.galeria-lista-kat-wpis {
padding:0 30px 10px 30px;
float:left;
width:300px; /* taka jak szer. obrazka */
padding-bottom:5px;
 display:inline-block;
 
}


#galeria-lista-kat {
display:block; text-align:center; width:100%; float:left;
}

.galeria-lista-wpis {
padding:0 20px 10px 20px;
float:left;
width:200px; /* taka jak szer. obrazka */
padding-bottom:5px;
 display:inline-block;
}


@media only screen and (max-width:768px){

}


#panelboczny h3 { font-weight:bold; color:; padding: 10px 0 10px 0; }

#panelboczny h3 span { font-weight:normal;  color: } 




#pasek-gorny {float:left; width:100%;  position:relative; display:block; padding:15px 0 15px 0; background:;color:;}


#pasek-gorny a:link, #pasek-gorny a:hover,#pasek-gorny a:visited,#pasek-gorny a:focus {color:; text-decoration:none}
#pasek-gorny a:hover {text-decoration:none}

/* WCAG  */
.kontrolkiwcag {float:left; position:relative; z-index:999; font-size:0.9em}
.kolorykontrast {background-color:#000 !important; color:#ffff00 !important; border-color:#ffff00 !important}   
.przyciskwcag {cursor:pointer;display:inline-block}
.przyciskwcag:focus {outline:2px solid red}
#skipnav a:link, #skipnav a:visited, #skipnav a:hover, #skipnav a:focus { color: #fff}

@media screen and (max-width: 760px) {
.kontrolkiwcag {font-size:0.8em}
}