@charset "utf-8";
/* CSS Document */
* { 
padding: 0; 
margin: 0px; 
} 

#wrapper {width:1366px; height:auto; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; background-color:#EDEDED;}
#top {width:1366px; height:auto; position:relative}
#container {width:1366px; height:auto; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; background-color:#b59646;}


.top{width:AUTO; height:100px;  background:#000000; margin-top:0px; }
.top_left{width:auto; height:auto; float:left; margin-top:10px; margin-left:10px; position:absolute;}
.top_center{width:auto; height:auto; float:right; padding:0; margin-bottom:10px; margin-top:25px; margin-left:0px;} 
.baner{width:auto; height:720px; float:left;}


ol {	font-family:Lato; font-size: 20px; font-style:light; font-variant: light; font-weight: 300; line-height: 25px;
        list-style-type:none;
        padding:0;
        margin:0;
       	height:1em;
        line-height:1em;
        text-align:center;
      }

      /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
      ol a {
        display:block;
        text-decoration:none;
        color:#fefefe;
        padding:0 5px;
      }

      /* wygląd elementów - li - wszystkich dzieci elementu - ol */
      ol > li {
        float:left;
        width:120px;
        margin-left:1px;
        background-color:#000000;
        height:1em;
      }

      /* wygląd elementu - li - pierwszego dziecka elementu - ol */
      ol > li:first-child {
        margin-left:0;
      }

      /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
      ol > li:hover {
       color:#000;
      }

      /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      ol > li:hover > a {
        color:#b59646;
      }

      /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      ol > li:hover > ul {
        display:block;
      }

      /* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */

      /* wygląd głównych rozwijanych elementów - ul */
      ol > li > ul {
        display:none;
        list-style-type:none;
        padding:0;
       	width:300px;
		margin-left:5px;
		text-align:left;
      }

      /* wygląd elementu - li - w części rozwijanej */
      ol > li > ul > li {
        position:relative;
        background-color:#000000;
      }

      /* wygląd elementu - a - w części rozwijanej */
      ol > li > ul > li > a {
        border-top:1px solid #000;
      }

     
      /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
      ol > li > ul > li:hover > a {
        color:#b59646;
      }
   
	
.top_right{width:auto; height:auto; float:left;}


.kw1{width:683px; height:683px; margin-top:0px; float:left; background:#e6e7e8;}
.kw2{width:683px; height:683px; margin:auto; background:#e6e7e8; float:left;}
.kw2_3{width:100%; height:auto; margin-top:20px; background:#e6e7e8; margin-bottom:0px; margin-left:auto; margin-right:auto; float:left; text-align: center;}
.kw2_3a{width:100%; height:200px; margin-top:75px; margin-bottom:0px; margin-left:auto; margin-right:auto; float:left; text-align: center;}
.kw2_3b{width:100%; height:283px; margin-top:50px; margin-bottom:0px; margin-left:auto; margin-right:auto; float:left; text-align: center;}
.kw2_3c{width:100%; height:auto; margin-top:75px; background:#e6e7e8; margin-bottom:0px; margin-left:auto; margin-right:auto; float:left; text-align: center;}

.box{width:auto; height:360px; margin:0px; float:left; margin-top:0px; margin-bottom:0px;}
.box:hover{
opacity : 0.70;
filter : alpha(opacity=70);
}
.box_logo{width:auto; height:341,5px; margin:auto; float:left; margin-top:auto; margin-bottom:auto;}
.box_contact{width:1366px; height:683px; float:left; background-color:#e6e7e8; text-align:center; display:table-cell;}
.box_contact_1{width:683px; height:683x; float:left; background-color:#e6e7e8; text-align:center; display:table-cell;}
.box_contact_2{width:683px; height:683px; float:left; background-color:#e6e7e8; text-align:left; display:table-cell;}

span.napis {
	display: block;
	position: absolute;
	bottom: -135px;
	left: 30px;
	text-align: center;
	z-index: 10000;
	width: 100%;
}


footer{width:1366px; height:100px; background:#000000; float:left; text-align:center; vertical-align:central}
.foot{width:auto; height:auto; float:left; margin-top:2px; margin-bottom:2px;}
.foot1{width:341,5px; height:auto; float:left; margin-top:40px; margin-bottom:12px; margin-left:20px; margin-right:12px;}
.foot2{width:341,5px; height:auto; float:left; margin-top:40px; margin-bottom:2px; margin-left:40px; margin-right:12px;}
.foot3{width:341,5px; height:auto; float:left; margin-top:40px; margin-bottom:2px;}
.foot4{width:341,5px; height:auto; float:right; margin-top:5px; margin-bottom:2px; margin-right:40px;}
.logo{margin-bottom:0px;}

#formularz {
        width:400px; /* ustawiamy szerokość formularza */
        margin:0 0; /* jeżeli nasz formularz ma ustawioną szerokość wyśrodkowujemy go */
       /* border:2px solid #ccc;  dodajemy obramowanie o szerokości 2px */
       /* border-radius:10px;  zaokrąglamy tło naszego formularza */
		padding:20px; /* dodajemy margines wewnątrz naszego formularza */
        margin-top:20px; /* dodajemy margines górny naszego formularza */
}

#formularz label {
    font-family:Lato; font-size: 20px; font-style:light; font-variant: light;
	display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
    margin-bottom:5px;/* dodajemy margines dolny */
   /*font-weight:bold;  pogrubiamy czcionkę */
    text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
    font-size:14px; /* ustawiamy wielkość czcionki */
   /* color:#555555;  ustawiamy kolor czcionki */
}

#formularz textarea,
#formularz input {
	padding:5px; /* dodajemy margines wewnątrz naszego pola */
	border-radius:3px; /* dodajemy zaokraglone rogi */
	border:1px solid #ccc; /* dodajemy obramowanie */
	margin-bottom:25px; /* dodajemy margines dolny */
	width:400px; /* ustalamy szerokość */
	
}

#formularz input#submit {
	width:150px; /* ustalamy szerokość */
	cursor:pointer; /* zmieniamy kursor */
	margin-bottom:0px;/* resetujemy margines dolny */
}

#formularz p.copy {
	color:#555555; /* ustawiamy kolor czcionki */
	margin-bottom:0px; /* resetujemy margines dolny */
	font-size:12px; /* ustawiamy rozmiar czcionki */
	text-align: center; /* wyśrodkowywujemy tekst */
}

#formularz p.copy a {
	color:#555555;/* ustawiamy kolor czcionki */ 
	text-decoration: none; /* usuwamy podkreślenie linku */
	font-weight:bold; /* pogrubiamy czcionkę */
}

h1{font-size:24px; text-align:center; font-family: athelas, serif; font-style: ; margin-top:-10PX; margin-bottom:0px; color:white;}
h2{font-size:30px; text-align:center; font-family: athelas, serif; font-style: italic; font-style:bold; color:#731014;}

h3{font-family:Lato; text-align:center; font-size:16px; text-align:justify; font-style:light; color:#000000; font-variant: light; font-weight: 300; margin-left:60px; margin-right:60px; margin-bottom:15px; }
h3a{font-size:14px; text-align:justify; font-family: 'Source Sans Pro', sans-serif; font-style:light; color:#000000;  margin-left:15px; margin-right:15px; margin-bottom:15px;} 
h4{font-size:12px; text-align:left; font-family: 'Source Sans Pro', sans-serif; font-style:italic; color:#000000; margin-left:15px; margin-bottom:5px;}

h5{font-family:Lato; text-align:center; font-size:18px; text-align:justify; font-style:BOLD; color:#000000; font-variant:BOLD; margin-left:25px; margin-right:25px; margin-bottom:15px; }
h5A{font-size:24px; text-align:left; font-family: 'Source Sans Pro', sans-serif; font-style:bold; color:#000000; margin-left:10px; margin-right:10px; margin-top:10px}
h6{font-size:12px; text-align:left; font-family: 'Source Sans Pro', sans-serif; color:#FFFFFF; margin-left:15px; margin-bottom:5px;}
h7{font-family:Lato; font-size: 14px; color:#ffffff; font-style:bold; font-variant: bold;}

h10{font-family:Lato; font-size:60px; text-align:center; color:#000000; font-style:bold; font-variant: bold;}
h11{font-family:Lato; font-size:25px; text-align:center; color:#000000; font-style:bold; font-variant: bold;}
h11a{font-family:Lato; font-size:25px; text-align:center; color:#b59646; font-style:bold; font-variant: bold;}
h12{font-family:Lato; font-size:18px; text-align:center; color:#000000; font-style:bold; font-variant: bold;}
h12a{font-family:Lato; font-size:16px; text-align:center; color:#000000; font-style:bold; font-variant: bold;}

hr.pion{
border: 1px solid black;
height: 500px;
width: 1px;
}