@charset "utf-8";
/* CSS Document */
/* new comment */

.clr {
clear: both;
}

body {
background-image:  url(img/tlo.png);
background-repeat:repeat-x;
background-color: #FFF;
margin-top: 10px;
}

div#top {
height: 70px;
width: 990px;
}

div#logo {
width: 183px;
height: 50px;
float: left;
margin-top: 5px;
}

div#lang {
width: 188px;
height: 50px;
float: right;
text-align: left;
margin-top: 30px;
}

div#mainmenu {
height: 30px;
width: 985px;
padding-top: 7px;
padding-right: 5px;
margin-bottom: 18px;
text-align: left;
}

div#srodek {
width: 990px;
height: auto;
margin-top: 10px;
}

div#left {
float: left;
width: 250px;
text-align: left;
margin-right: 15px;
}

div#guziki {
float: left;
width: 230px;
text-align: center;
background-color: #fff;
}

div#leftmenu {
float: left;
width: 250px;
padding-left: 10px;
text-align: left;
}

div#content {
float: left;
width: 710px;
height: auto;
text-align: left;
padding-top: 12px;
}

div#othermenu {
height: 25px;
width: 990px;
padding-top: 10px;
border-top: 1px solid #ccc;
margin-top: 20px;
text-align: left;
}

div#footer {
width: 990px;
text-align: left;
font: 11px Verdana;
color: gray;
}

a {
font: 12px Verdana;
color: #003c6c;
text-decoration: underline;
}

a.mainmenu_g {
font: bold 12px Verdana;
color: #003c6c;
text-decoration: none;
}

a.mainmenu_p {
font: bold 12px Verdana;
color: #ff6600;
text-decoration: none;
}

.separator {
font:  11px Verdana;
color: #CCC;
}

.separator1 {
font:  9px Verdana;
color: #CCC;
}

a.othermenu {
font: 11px Verdana;
color: #003c6c;
text-decoration: none;
}

h1 {
width: 100%;
height: 23px;
font: bold 12px Verdana;
color: #008bd9;
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
}

h3 {
font: bold 12px Verdana;
color: #003c6c;
text-decoration: none;
margin-top: 25px;
margin-bottom: 10px;
}

h4 {
font: bold 12px Verdana;
color: #008bd9;
text-decoration: none;
margin-top: 30px;
}

h5 {
font: bold 14px Verdana;
color: #ff6c00;
text-decoration: none;
margin-top: 15px;
}

a.naglow {
font: bold 12px Verdana;
color: #003c6c;
text-decoration: none;
}

a.leftmenu {
font: 11px Verdana;
color: #003c6c;
text-decoration: none;
line-height: 15px;
}

div.spacer5 {
height: 5px;
}

div.spacer30 {
height: 30px;
}



p {
font: 12px Verdana;
color: #666;
line-height: 19px;
}

ul {
list-style-image:  url(img/kwadrat.gif);
}

li { 
font: 12px Verdana;
color: #666;
padding-bottom: 7px;
line-height: 19px;
}

div.f1, div.f2, div.f3 {
width: 200px;
/*width: 243px;*/
margin-right: 5px;
float: left;
} 

img.flaga {
margin-right: 5px;
margin-bottom: 5px;
}

a.flaga {
font: 11px Verdana;
color: #666;
text-decoration: none;
}

a.flaga:HOVER {
font: 11px Verdana;
color: #666;
text-decoration: underline;
}

a.flaga2 {
font: 9px Tahoma;
color: #666;
text-decoration: none;
}

a.flaga2:HOVER {
font: 9px Tahoma;
color: #666;
text-decoration: underline;
}

div#flagi {
width: 645px;
/*width: 745px;*/
height: 170px;
}

div.kontaktt {
width: 150px;
height: 30px;
float: left;
margin-left: 35px;
font: 12px Verdana;
color: #003c6c;
text-align: right;
}

div.kontaktf {
width: 400px;
height: 30px;
float: left;
text-align: left;
padding-left: 10px;
font: 12px Verdana;
color: #003c6c;
}

input.kontakt {
width: 240px;
height: 22px;
border: 1px solid #ccc;
font: 12px Verdana;
}

div.kontaktta {
width: 150px;
height: 150px;
float: left;
text-align: right;
margin-left: 35px;
font: 12px Verdana;
color: #000066;
}

div.kontaktfa {
width: 400px;
height: 150px;
float: left;
text-align: left;
padding-left: 10px;
font: 12px Verdana;
color: #000066;
}

textarea.kontakt {
width: 370px;
height: 140px;
font: 14px Verdana;
border: 1px solid #ccc;
}

button#wyslij {
width: 80px;
height: 22px;
border: 1px solid #333;
background-color: #ccc;
}

.part_tytul {
width: 550px;
height: 50px;
float: left;
font: bold 12px Verdana;
color: #003c6c;
margin-top: 20px;
}

.part_logo{
width: 150px;
height: 50px;
float: left;
margin-top: 20px;
text-align: right;
}

.part_tekst{
width: 700px;
font: 12px Verdana;
color: #666;
line-height: 19px;
margin-bottom: 30px;
}

.przy_tekst{
width: 560px;
font: 12px Verdana;
color: #666;
float: left;
margin-bottom: 15px;
line-height: 19px;
}

.przy_logo{
width: 130px;
float: left;
text-align: right;
margin-bottom: 15px;
}

span.bb {
color: #008bd9;
font-weight: bold;
}

img {
border:0
}

/* niebieskie pole na górze  */

div#niebiesko {
width: 990px;
height: 130px;
}

div#foto {
float: left;
width: 240px;
height: 130px;
margin-right: 21px;
}

div#txt {
float: left;
height: 130px;
width: 350px;
text-align: left;
}

div#text1 {
margin-top: 10px;
font: bold 15px Verdana;
color: #fff;
}

div#text2 {
margin-top: 5px;
font: bold 15px Verdana;
color: #fff;
}

div#text3 {
margin-top: 5px;
font: bold 15px Verdana;
color: #fff;
}
 
div#text4 {
font: bold 15px Verdana;
color: #fff;
margin-top: 5px;
margin-bottom: 15px;
}

div#guzik {
float: left;
width: 255px;
padding-top: 35px;
}

div#haslo {
margin-top: 0px;
}