html {  width:100%;}
body{
  position:absolute;      
  height:100%;
  width:100%;
  background:#ffd7cb  url("tlo1.png");
  margin:0;
  padding: 0 0;
  bottom:0px;
  font-family: sans-serif;
}

@media screen and (min-width: 600px) {
    body {   font-family: "Comic Sans MS", cursive, sans-serif; }
}

.baza {  width:100%;   height:100%;}
.glowna{
  position:relative;
  width:854px;
  max-width:100%;
  height:auto;
  margin:0 auto;
}

.logo{
    position: absolute;
    left:225px;
    width:400px;
    z-index:10;
    top:0;
}
.cialo{
  width:854px;
  height:100%;
  padding-top: 175px;
  margin: 0 auto 10px;
  font-size:32px;
}
div.plansze{
    position:absolute;
    text-align:center;
    width:854px;
    margin:0;
    padding: 0;
     background-color: #eff4aa;
}

div.opis{
  position:relative;
  width:834px;
  height:100%;
  margin:42px 0 0;
  text-align:left;
  font-size:32px;
}
div.opis2{
  float:left;
  width:814px;
  height:100%;
  position:relative;
 
/*  border-left: #fff 10px solid;
  border-right: #fff 10px solid;  */
}
div.strona{
  float:left;
  width:814px;
  height:100%;
  position:relative;
  padding: 75px 20px 0;
}

.tlo{
    width: 750px;
    padding-top: 0px;
    margin: 0 auto;
    background:  #eedd88 //url("TŁO.png")  no-repeat;
}
.nizej {
    padding: 100px 50px 0;
}
#litera { height:120%;}

p.centro {
    text-align:center;
    margin:0 20px 15px;
}
ul{ margin:0;}
a { color:#023;}
.vis { visibility: visible;}
.hid { visibility: hidden; }
h3{ text-align:center;}

.haslo {
    width:425px;
  padding:0;
  margin:0;

    position: fixed;
    right:10%;
    top:0px; 
    border: 1px solid #321;
    visibility:hidden
}
.haslo>img{
    padding:0;
    margin:0;
    background:#efe;
}
.w600 { width:600px; margin:30px auto 10px;}
.w800 { width:800px; margin:30px auto 10px;}
.inp { width:1em; }
.mazosp .inp{ padding:0;margin:0;width: 0.8em;}
div.dolny{
  position:absolute;
  height:1em;
  bottom:10px;
}
 div.prawy{
 text-align:right;
 right:80px;
}
 div.lewy{
 text-align:left;
 left:80px;
}
.wDol {
bottom:-10px;
    
}
img.duzy {
    margin:0 0px;
    width: 100%;
    margin:0 auto;
}
img.duza {
    width: 800px;
}
#flagi, #flagi3{
position:relative;  
margin: 0 auto;
}
#flagi3 {padding-left:100px;padding-right:100px;}
img.flaga {
    width: 170px;
    height: auto;
    margin:13px;
    border: 2px solid #060; 

}
#podpow{
    position:absolute;
 bottom:0px;
 left:13px;
    width:154px; 
    font-size:70%;
    background:#cbcfb7;

}
img.kn {
    width: 150px;
 
    margin:23px;
    border: 2px solid #060 ;
        border-radius:2rem;
}
.flaga:hover {
           border: 2px solid #bdf; 
}
div.buty{
    width:800;
    height:369px;
    padding:10px 50px;
    position:relative;
    text-align:center;   
}

img.buty {
    width:553px;
}
.odcisk {
    width:106px;
    height:140px;
    border: 2px solid #666  
}
img.odcisk {
   
    float:left;  
    position:relative;
}

.odcisk:hover {
        border: 2px solid #f66;
}
#tekst3 {
    width:137px;
    height:50px;
    position:absolute;
    background:#acd;
        border-radius: 20px / 20px;
        font-size:70%;
    border: 1px solid #3c5161;
}

img.StPio {     width:45px; margin:3px;}
img.StPoz {     width:80px; margin:3px;}
input { font-size:130%; }
input.m  { font-size:80%; }

div.miasteczko {
    width:100%;
   /* height:433px;*/
   position:relative;
     
}
#str_49 {
    width: 814px;
    height: 814px;
}
img.okno, div.okno{ 
    position:absolute;
    background-color:#fff;
    border-radius: 2rem;
}
 div.okno p {padding:0.5rem 1rem;margin:0;}

table.zag7 {
  border: 1px solid black;
  border-collapse: collapse;
    background-color: #b1d5be;
    margin:0 auto;
      font-family: sans-serif;
}
table.zag7 th {
  border: 1px solid black;
  width: 2em;
  text-align: center;
  vertical-align: bottom;
 
} 
table.zag7 td {
  border: 1px solid black;
  width: 2em;
  text-align: center;
  vertical-align: bottom;
  background: #b1d5be;
} 

table.zag7 td:hover {background-color: #f5f5f5}
#tekst { width:750;
    margin:0 auto;
    text-align:left;
}
#tekst div {  
padding:1em auto;
margin:0 auto;
width:500px;
}

#tekst h4{text-align:center; }

#text img {
margin:0 25px;
}
input {text-align:center;}

#obrazy { padding-top: 50px;text-align: center;}
#obrazy  img.d { width:400px; } 

table#zbior {  border-collapse:collapse; width:100%; }
    
table#zbior td  { 
 
    padding:0;
    margin:0;
    text-align:center;
}

table#zbior img {
    width:110px;
}

#formularz {
    width:700px;
    margin: 60px auto;
}

#formularz input {
margin-right: 0px;
}

.formularz{
	margin:0 auto;
	width:700px;
	position:relative;
	top:20px;
}
div.formularz label {
	width:100%;
	display: block;
	padding:10px 0 10px 0;
}

div.formularz label span {
	display: block;
	float:left;
	width:150px;
	text-align:right;
        padding:5px 20px 0 0;
}

div.formularz .m {
	padding:10px 10px;
	width:300px;
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
}
div.formularz .button	{
	margin:0 0  0px 0;
	padding:0;
	background:#3c5161;
        color:#fff;
	border:0px;
	position: relative;
	top:10px;
	left:582px;
	width:120px;
	
		}
.formularz textarea {

    width: 650px;
	height: 60px;
	border: 3px solid #cccccc;
	padding: 1px;    
}
		
.niebieski  {  color:#053d12; }
.dyplom_m {
        width:450px;
        height:636px;
        padding:0;
        margin:0 auto;#fff;
        border:3px solid ;
        position:relative;
}
.dyplom_m a {
    display:block;
        width:100%;
        height:100%;
        padding:0;
        margin:0;
}
.dyplom_m div { 
    position:absolute;
            padding:0;
        margin:0;
    width:100%;
    height:50px;
    color:#053d12;
    top:54%;
    left:0;
    font-size:150%;
    text-align:center;
  font-family: "Comic Sans MS", cursive, sans-serif;  
  
}
       
.dyplom {
        width:765px;
        height:990px;
        padding:0;
        margin:0 auto;
        border:0;
        top:20px;
        position:relative;
}
.dyplom img
{       width:765px;
        height:990px;
}
.dyplom div { 
    position:absolute;
    padding:0;
    margin:0;
    width:100%;
    height:150px;
    color:#053d12;
    top:54%;
    left:0;
    font-size:400%;
    text-align:center;
    font-family: "Comic Sans MS", cursive, sans-serif;
}
#dalej,#drukuj, #wyslij, #zobacz {

    width:185px;
    height:118px;
    text-align:center;
    margin:0 auto;
      padding:0px;
 /* border-radius: 25px / 8px;
  box-shadow:0 0 10px #357 inset;*/

    position:relative;
    z-index:10;
}
#dalej a, #drukuj a{    text-decoration:none;  width:185px; height:118px; display:block;}
 #dalej {     background:  url("dalej-oki.png") no-repeat;}
 #drukuj {     background:  url("drukuj-oki.png") no-repeat; margin-right:0;}
 #zobacz {     background:  url("zobacz.png") no-repeat; margin-right:0;}
 #wyslij {     background:  url("wyslij.png") no-repeat; }

#drukuj.noprint { position:absolute; top:20px; right:5%;}
#zobacz, #zobacz a {
    float:left;
    width:251px;
    height:45px; 
    display:block;
}
    
q { quotes: "\201E" "\201D" "\00BB" "\00AB"}
q:before { content: open-quote }
q:after { content: close-quote }
    
    
    @media print { 
.noprint { display: none; } 
}

.stoP {width:100%;}
.mazosp {position:relative; margin: 0 auto; padding:1rem auto;}
.cent {text-align: center;}

#litera:focus , .m:focus  inp:focus{border:2px solid #053d12; border-radius: 0.5rem;}
.lista5 {padding: 1rem;}

.paproc { height:4rem;}
.prAut { font-size:45%;  font-family: sans-serif; margin:0; text-align:center;}