body {
 font-family: Arial, Tahoma;
 font-size: 15px;
 color: #D6EBED;
 margin: 0 auto;
 background-color: #FFFFFF;
 }
	
a {outline: none; text-decoration: underline; color: #161769; font-weight: bold;}
a:hover {text-decoration: none; color: #161769;}
 
.strona { 
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

#podklad_top {
	float: left;
	width: 100%;
	height: 424px;
	text-align: center;
	background-image: url(images/top.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

#podklad_top_podstrona {
	float: left;
	width: 100%;
	height: 220px;
	text-align: center;
	background-image: url(images/top.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

#podklad_top2 {
	float: left;
	width: 100%;
	height: 424px;
	text-align: center;
	background-image: url(images/top_podklad.jpg);
    background-position: top center;
    background-repeat: repeat-x;
}

#podklad_srodek {
	float: left;
	width: 100%;
	text-align: center;
	background-image: url(images/srodek_tlo.jpg);
    background-position: top center;
    background-repeat: repeat;
}

#box_rury{
  float: left;
  width: 100%;
  text-align: center;
  background-image: url(images/box_rury.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}

#podklad_stopka{
	float: left;
	width: 100%;
	height: 220px;
}

#top{
	float: left;
	width: 1120px;
	height: 424px;
	}
	
#top_podstrona{
	float: left;
	width: 1120px;
	height: 200px;
	}
	
#top2{
	float: left;
	width: 1120px;
	background-image: url(images/top2.png);
    background-position: top center;
    background-repeat: no-repeat;
	}
	
#top2_podstrona{
	float: left;
	width: 1120px;
	background-image: url(images/top2_podstrona.png);
    background-position: top center;
    background-repeat: no-repeat;
	}
	
#logo{
	float: left;
	width: 286px;
	height: 136px;
	margin-top: 62px;
}

a.logo{
	width: 286px;
	height: 136px;
	display: block;
	background-image: url(images/logo.png);
    background-position: top center;
    background-repeat: no-repeat;
}

a.logo:hover{
	color: #ae469a;
	text-decoration: none;
	background-image: url(images/logo.png);
	background-position: center -170px;
    background-repeat: no-repeat;
	}

#language{
	float: left;
	width: 834px;
	height: 53px;
	padding-top: 22px;
	text-align: right;
	font-size: 11px;
	color: #b7ccce;
	text-transform: uppercase;
}

#language img{
	margin-left: 3px;
	margin-right: 3px;
	padding: 2px;
	border: 1px solid #7aa5ab;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	}
	
#language img:hover{
	border: 1px solid #193451;
	}

#menu {
	float: left;
	width: 834px;
	height: 92px;
}

#slider_foto{
	float: right;
	width: 650px;
	padding-top: 45px;
}

#srodek{
	float: left;
	width: 1120px;
	min-height: 300px;
	}
	
#top2_box{
	float: left;
	width: 760px;
	height: 117px;
	padding-left: 30px;
	}
	
.box_download{
	float: left;
	text-align: left;
	line-height: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	}


a.box_download{
	width: 282px;
	height: 87px;
	padding-top: 30px;
	padding-left: 50px;
	font-size: 20px;
	display: block;
	color: #4e7b81;
	text-decoration: none;
}

a.box_download:hover{
	text-decoration: underline;
	background-image: url(images/hover.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.box_download img{
	float: left;
	margin-right: 15px;
	}
	
.box_maly{
	float: left;
	text-align: right;
	line-height: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	}


a.box_maly{
	width: 162px;
	height: 92px;
	padding-top: 25px;
	padding-right: 18px;
	display: block;
	color: #4e7b81;
	text-decoration: none;
}

a.box_maly:hover{
	text-decoration: underline;
	background-image: url(images/hover.png);
    background-position: top center;
    background-repeat: no-repeat;
}

#lewa {
	float: left;
	width: 343px;
	padding-top: 74px;
	margin-bottom: 50px;
	text-align: left;
}

#lewa2 {
	float: left;
	width: 420px;
	padding-bottom: 30px;
	text-align: left;
	font-size: 18px;
}
	
.naglowek_news{
	float: left;
	width: 100%;
	height: 25px;
	margin-bottom: 5px;
	font-size: 23px;
	color: #cde6e9;
	text-align: left;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	}
	
.news_tekst{
	float: left;
	width: 312px;
	min-height: 60px;
	margin-top: 10px;
	padding: 15px;
	font-size: 14px;
	color: #d9ebed;
	text-align: left;
	line-height: 14px;
	background-color: #558187;
	border-bottom: 6px solid #467379;
-webkit-transition: background 300ms ease-out;
-moz-transition: background 300ms ease-out;
-o-transition: background 300ms ease-out;
transition: background 300ms ease-out;
	}
	
.news_tekst a{
	color: #d9ebed;
	text-decoration: none;
	}
	
.news_tekst:hover{
	background-color: #447278;
}
	
.news_tekst a:hover{
	text-decoration: underline;
		}
		
.wiecej{
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 30px;
	color: #FFFFFF;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}

.wiecej a{
	color: #FFFFFF;
	text-decoration: none;
	}

.wiecej a:hover{
	text-decoration: underline;
	}
	
#newsletter{
	float: left;
	width: 100%;
	padding-top: 30px;
	background-image: url(images/linia.jpg);
	background-position: top center;
    background-repeat: repeat-x;
	}
	
#newsletter a{
	color: #FFFFFF;
	text-decoration: none;
	}

#newsletter a:hover{
	text-decoration: underline;
	}

.newsletter_form{
	width: 200px;
	height: 30px;
	margin-right: 5px;
	text-align: center;
	color: #7aa5ab;
	border: 1px solid #447278;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.newsletter_form:hover{
	border: 1px solid #FFFFFF;
}

#prawa {
	float: left;
	width: 702px;
	padding-left: 40px;
	padding-right: 35px;
	text-align: justify;
}

#prawa2{
	float: left;
	width: 580px;
	min-height: 450px;
	padding-top: 10px;
	padding-left: 40px;
	text-align: right;
}

#podstrona_box {
	float: left;
	width: 1040px;
	padding-left: 40px;
	padding-right: 35px;
	padding-bottom: 50px;
	text-align: justify;
}

#podstrona_box a{
	color: #FFFFFF;
	font-weight: normal;
	}
	
#podstrona_box2 {
	float: left;
	width: 1040px;
	padding-left: 40px;
	padding-right: 35px;
	padding-bottom: 0px;
	text-align: justify;
}

#podstrona_box2 a{
	color: #FFFFFF;
	font-weight: normal;
	}

.tekst{
	color: #447278;
	font-size: 22px;
	text-align: left;
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

.tekst2{
	color: #D6EBED;
	margin-top: 20px;
	padding-bottom: 30px;
	font-size: 20px;
	line-height: 25px;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
	background-image: url(images/linia.jpg);
    background-position: bottom center;
    background-repeat: repeat-x;
}

.tekst3{
	float: left;
	width: 1040px;
	color: #D6EBED;
	padding-bottom: 30px;
	font-size: 20px;
	line-height: 25px;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

.tekst4{
	float: left;
	width: 1040px;
	color: #D6EBED;
	padding-bottom: 30px;
	font-size: 20px;
	line-height: 25px;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
	background-image: url(images/kontakt_tlo.png);
    background-position: top center;
    background-repeat: no-repeat;
}

#box_chmurka{
	float: right;
	width: 405px;
	height: 241px;
	margin-top: 20px;
	padding-top: 55px;
	padding-left: 215px;
	padding-right: 80px;
	text-align: left;
	color: #7aa5ab;
	font-size: 14px;
	background-image: url(images/box_chmurka.png);
    background-position: top center;
    background-repeat: no-repeat;
}

#box_chmurka a{
	color: #447278;
	}

#naglowek{
	width: 100%;
	height: 55px;
	padding-top: 30px;
	margin-bottom: 30px;
	line-height: 60px;
	text-align: right;
	color: #add3d8;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
	background-image: url(images/linia.jpg);
    background-position: bottom center;
    background-repeat: repeat-x;
	}

#stopka {
	float: left;
	width: 1120px;
	height: 100px;
	padding-top: 15px;
	background-image: url(images/stopka.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

#stopka a{
	color: #7aa5ab;
	text-decoration: none;
}
	
#stopka a:hover{
	text-decoration: underline;}
	
#stopka_lewa{
	float: left;
	width: 472px;
	margin-top: 5px;
	}
	
#stopka_prawa{
	float: right;
	width: 435px;
	text-align: right;
	margin-top: 2px;
	padding-right: 35px;
	font-size: 15px;
	color: #7aa5ab;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
	text-transform: uppercase;
}

#logo_male{
	float: left;
	width: 170px;
	padding-top: 32px;
	text-align: center;
	font-size: 11px;
	color: #7aa5ab;
}

.foto{
	float: left;
	margin-right: 25px;
	border: 5px solid #FFFFFF;
	}
	
.foto2{
	float: left;
	margin-right: 25px;
	}
	
.kod{
	margin-right: 5px;
	margin-bottom: 5px;
	}
	
img
{
border: 0px;
}

.clear { clear: both; background: none; }

ul{
    padding-left: 36px;
	margin-left: 0px;}
	
li{
	line-height: 22px;
	padding-bottom: 4px;
	font-size: 18px;
	margin-left: 19px;
	}

hr {
 color: #447278;
 border-top: 1px dashed #447278;
 border-bottom:none;
 border-left:none;
 border-right:none;
 margin-top: 12px;
 margin-bottom: 12px;
}

::selection {
	background: #548187;
	color: #FFFFFF;
}
::-moz-selection {
	background: #548187;
	color: #FFFFFF;
}

.menu{
	text-align: right;
    list-style: none;
    margin-top: 57px;
	padding: 0;
}

.menu li {
display: inline;
margin: 0;
padding: 0;
}

.menu a{
height: 34px;
margin-left: 35px;
text-align: center;
font-size: 18px;
text-decoration: none;
display: inline-block;
color: #7aa5ab;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}

.menu a:hover{
color: #456600;
}

#menu li#selected a{
color: #456600;
border-bottom: 2px solid #456600;
}

.menu_stopka{
    list-style: none;
    margin: 0;
	padding: 0;
    text-align: left;
}

.menu_stopka li {
display: inline;
margin: 0;
padding: 0;
}

.menu_stopka a{
width: 110px;
margin-left: 3px;
margin-right: 3px;
padding-left: 0px;
padding-right: 15px;
text-align: left;
font-size: 14px;
text-decoration: none;
display: inline;
color: #7aa5ab;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
background-image: url(images/linia_ukosna.png);
background-position: top right;
background-repeat: no-repeat;
}

.menu_stopka a:hover{
text-decoration: underline;
}

.effects:after, .effects:before {
    -moz-transition:width 0.5s ease 0s;
    height: 0px;
    width: 0px;
    position: absolute;
    content: ' ';
    display: block;
    opacity:0;
    box-shadow: 0px 0px 5px #00c6ff;
}

.effects:after {
    background: -moz-linear-gradient(left, #0ad, #08b);
    top: 84px;
    left: 75px;
}

.effects:before {
    background: -moz-linear-gradient(right, #0ad, #08b);
    top: 84px;
    right:75px;
}

.effects:hover:after, .effects:hover:before{
    width: 72px;
    height: 1px;
    opacity:1;
} 

.formularz_pole{
	width: 250px;
	height: 25px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding-left: 10px;
	font-family: Tahoma, Arial;
	color: #447278;
	font-size: 15px;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	border: 1px solid #447278;
	background-color: #8FB3B8;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
	}
	
.formularz_pole:hover{
	border: 1px solid #FFFFFF;
	}
	
.formularz_pole2{
	width: 345px;
	margin-left: 10px;
	padding-top: 4px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 4px;
	margin-bottom: 5px;
	color: #447278;
	font-size: 15px;
	line-height: 28px;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	border: 1px solid #447278;
	background-color: #8FB3B8;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
	}
	
.formularz_pole2:hover{
	border: 1px solid #FFFFFF;
	}
	
	.formularz_pole3{
	width: 225px;
	height: 80px;
	margin-left: 0px;
	padding: 10px;
	margin-bottom: 5px;
    font-family: Tahoma, Arial;
	color: #4a0b01;
	font-size: 13px;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	border: 1px solid #dbdbdb;
	}
	
.formularz_pole3:hover{
	border: 1px solid #B7B7B7;
	}
	
.formularz_pole4{
	width: 150px;
	height: 25px;
	margin-left: 0px;
	margin-bottom: 5px;
	padding-left: 10px;
	font-family: Tahoma, Arial;
	color: #447278;
	font-size: 15px;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	border: 1px solid #447278;
	background-color: #8FB3B8;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
	}
	
.formularz_pole4:hover{
	border: 1px solid #FFFFFF;
	}
	
.formularz_przycisk{
	margin-left: 10px;
	padding: 4px;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-size: 18px;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	border: 0px;
	background-color: #447278;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;

	}
	
.formularz_przycisk:hover{
	color: #FFFFFF;
	cursor: pointer;
	background-color: #4B6700;
	}
	
.formularz_przycisk2{
	margin-left: 0px;
	padding: 5px;
	margin-bottom: 10px;
    font-family: Tahoma, Arial;
	color: #666768;
	font-size: 12px;
	font-weight: bold;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	border: 1px solid #dbdbdb;
	}
	
.formularz_przycisk2:hover{
	border: 1px solid #B7B7B7;
	}

.odstep{
	margin-left: 20px;}
	
.style1{
font-size: 22px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 600;
}

.style2{
color: #FFFFFF;
font-size: 18px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 600;
}

.style3{
color: #cde6e9;
font-size: 30px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 600;
}

.style4{
	color: #447278;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
}

.style5{
color: #587D00 !important;
}

.style6{
	color: #447278;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
}

.style7{
	color: #FFFFFF;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
}