body {
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #000000;
text-align: center;
line-height: 1.5;
}

body a {
text-decoration: none;
color: #0000e0;
}

.ikona img {
border: solid 1px;
}

.flaga img {
border: solid 0px;
padding: 0px 0px;
}


.center {
text-align: center;
}

.right {
text-align: right;
}

#opakowanie {
position: relative;
width: 750px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 5px;
color: #000000;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
text-align: justify;
}

#srodek {
margin-left: 173px;
margin-right: 173px;
margin-top: 2px;
padding: 0px;
}

#lewa {
position: absolute;
top: 100px;
left: 2px;
margin: 0px 0px;
width: 174px;
text-align: center;
}

#prawa {
position: absolute;
top: 100px;
right: 2px;
margin: 0px 0px;
width: 174px;
text-align: center;
}

.tabela1 {
background-image: url(grafika/tlo/tabela1.png);
background-repeat: no-repeat;
width: 170px;
height: 18px;
}

.tabela1 img {
margin-top: 2px;
height: 14px;
}

.tabela2 {
background-image: url(grafika/tlo/tabela2.png);
background-repeat: repeat;
width: 170px;
text-align: justify;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

.tabela2 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
}

.tabela2 h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-decoration: none;
margin: 0px 0px;
padding-left: 0px;
padding-top: 10px;
text-align: center;
}



.tabela2 ul {
margin-top: 0px;
margin-bottom: 0px;
list-style: square outside;
padding-top: 0px;
padding-left: 10px;
margin-left: 10px;
text-align: left;
}

.tabela2 form {
padding: 3px 6px 3px 6px;	
margin: 0px;
}

.tabela2 form input {
text-align: center;
margin-bottom: 0px;
}

.tabela2 form p {
margin-bottom: 5px;
}


.tabela3 {
background-image: url(grafika/tlo/tabela3.png);
background-repeat: no-repeat;
width: 170px;
height: 10px;
margin-bottom: 5px;
}



.glowna1 {
background-image: url(grafika/tlo/glowna1.png);
background-repeat: no-repeat;
width: 400px;
height: 19px;
}

.glowna1 img {
margin-top: 3px;
margin-left: 65px;
height: 14px;
}

.glowna2 {
background-image: url(grafika/tlo/glowna2.png);
background-repeat: repeat-y;
width: 400px;
text-align: justify;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

.glowna2 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
margin: 0px 10px;
padding-left: 0px;
}


.glowna2 ul {
margin-top: 0px;
margin-bottom: 0px;
list-style: square outside;
padding-top: 0px;
padding-left: 10px;
margin-left: 10px;
text-align: left;
}

.glowna2 form {
padding: 3px 6px 3px 6px;	
margin: 0px;
}

.glowna2 form input {
text-align: center;
margin-bottom: 2px;
}

.glowna2 form p {
margin-bottom: 0px;
}


.glowna3 {
background-image: url(grafika/tlo/glowna3.png);
background-repeat: no-repeat;
width: 400px;
height: 10px;
margin-bottom: 5px;
}


#szeroka {
position: absolute;
top: 100px;
left: 170px;
right: 2px;
margin: 0px 0px;
text-align: center;
margin: 0px 10px;
}

.szeroka1 {
background-image: url(grafika/tlo/szeroka1.png);
background-repeat: no-repeat;
width: 576px;
height: 19px;
}

.szeroka1 img {
margin-top: 3px;
margin-left: 20px;
height: 14px;
}

.szeroka2 {
background-image: url(grafika/tlo/szeroka2.png);
background-repeat: repeat-y;
width: 576px;
text-align: justify;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

.szeroka2 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
margin: 12px 10px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
padding-top: 3px;
}

.szeroka2 h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
margin: 0px 10px;
padding-left: 0px;
padding-top: 10px;
text-align: center;
}

.szeroka2 ul {
margin-top: 0px;
margin-bottom: 0px;
list-style: square outside;
padding-top: 0px;
padding-left: 10px;
margin-left: 10px;
text-align: left;
}

.szeroka2 form {
padding: 3px 6px 3px 6px;	
margin: 0px;
}

.szeroka2 form input {
text-align: center;
margin-bottom: 2px;
}

.szeroka2 form p {
margin-bottom: 0px;
}

.szeroka2 img {
text-align: left;
padding: 3px;
margin: 0px;
}


.szeroka3 {
background-image: url(grafika/tlo/szeroka3.png);
background-repeat: no-repeat;
width: 576px;
height: 10px;
margin-bottom: 5px;
}

.szeroka3 p {
padding: 5px 5px;
margin: 5px 5px;
}


#noclegi_zdjecia {
width: 220px;
float: left;
margin: 0px;
margin-left: 7px;
margin-right: 0px;
text-align: center;
}

#noclegi_zdjecia img {
margin: 0px 0px;
padding: 3px 3px;
border: none;
}

#noclegi {
width: 340px;
margin: 0px 0px;
text-align: left;
float: right;
}


.noclegi_pokoje {
width: 100px;
}

.noclegi_odleglosci {
width: 100px;
}

.noclegi_wyposazenie {
clear: both;
}

#noclegi p {
margin: 0px 0px;
padding: 0px 0px;
}

.noclegi p {
margin: 0px 0px;
padding: 5px 5px;
}

.noclegi_pokoje p {
margin: 0px 0px;
padding: 5px 5px;
}

.stopka {
clear: both;
}

.tabelka td, .tabelka th {
border: 1px solid grey;
text-align: center;
}