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

body {
	margin: 0 0 0 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background: #e2e3e7;
	height:100%;
}

#strona {
	width: 100%;
	margin: 0;
}

a > img {vertical-align: middle;}

#tresc1 {
	display: block;
	width: 1100px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.contentWrap {width: 1100px; margin: 0 auto;}

#top1 {
	display: block;
	width: 100%;
	height: auto;
	line-height: 1.0;
	background: #ffffff;
	border-bottom: 2px solid #02a8e6;
}
#napis1 {
	height: 54px;
	border-left: 2px solid #009fe3;
	line-height: 54px;
	padding: 0 0 0 50px;
	margin: 23px 0;
	font-size: 18px;
	color: #002d67;
	font-weight: 400;
	margin-left: 50px;
}
#napis1 b {font-weight: 800;}

#napis2 {
	padding: 23px 50px 23px 70px;
	margin-left: 0px;
	text-align: right;
	height: 54px;
	line-height: 27px;
	background: url(./images/top_kontakt.png) no-repeat top left;
	width: 300px;
	font-size: 18px;
	color: #6f6f6f;
}

#napis2 span.tel {font-weight: 800; color: #002d67; font-size: 24px;}

#top2 {
	display: block;
	width: 100%;
	height: auto;
	line-height: 1.0;
	background: #21244f;
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
	margin-bottom: 20px;
}

#top1 .left a {display:block; height: 100px;}

#menu {
	display: block;
	clear: both;
	min-height: 58px;
}

#menu ul {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	list-style-type: none;
	margin: 0px 0 0 0;
	padding: 1px 0 0 0px;
	text-align: left;
}
#menu > ul > li:first-child {padding-left: 10px;}

#menu li {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin: 0 0px 0 0px;
	padding: 0;
	list-style-type: none;
	display:inline;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
	height:54px;
	text-transform: uppercase;
}

#menu li:hover a {
	color: #fff;
	text-decoration: none;
	border-bottom: 3px solid #02a8e6;
}

#menu li.menu-current > a, #menu li.menu-parent > a {
	color: #fff;
	text-decoration: none;
	border-bottom: 3px solid #02a8e6;
}

#menu li a {
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	color: #fff;
	line-height: 18px;
	padding: 18px 0px;
	margin: 0 20px;
	display: inline-block;
	text-decoration: none;
}

#menu li ul {display:none; margin-left: 20px;}

#menu li.menu-0:hover > ul {
	display:block;
	margin-top: -1px;
	position:absolute;
	background: #02a8e6;
	border: 1px solid #000;
	border-radius: 3px;
	z-index: 50;
}

#menu li ul li {
	display: block;
	border-bottom: 1px solid #fff;
	height: auto;
}
#menu li ul li:last-child {border-width: 0px;}
#menu li ul li a {
	padding: 5px 10px;
	font-size: 16px;
	text-decoration: none !important;
	white-space: nowrap;
	min-width: 120px;
	border-width: 0;
	margin: 0;
}
#menu li ul li:hover {
	background: #21244f;
	color: #fff;
}
#menu li ul li:hover a, #menu li:hover ul li a {border-width: 0;}

#menu1 {
	display: block;
	
	width: 430px;
}

#menu1 ul {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: #004581;
	list-style-type: none;
	margin: 0px 0 0 0;
	padding: 0 0px;
	text-align: right;
	width: 430px;
	margin-top: 80px;
}

#menu1 li {
	font-size: 16px;
	font-weight: normal;
	color: #004581;
	margin: 0 0px 0 0px;
	padding: 0;
	list-style-type: none;
	display:inline;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#menu1 li a:hover {
	color: #fff;
	background: #006ab3;
	text-decoration: none;
}

#menu1 li.menu-current a, #menu1 li.menu-parent a {
	color: #fff;
	background: #006ab3;
}

#menu1 li a {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #004581;
	line-height: 16px;
	padding: 25px 16px;
	display: inline-block;
	text-decoration: none;
}


#menu2 {
	display: block;
	width: 250px;
	padding: 0;
}

#menu2 ul {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	margin: 0 8px 5px 25px;
	padding: 0;
}

#menu2 li {
	font-size: 14px;
	font-weight: normal;
	color: #404040;
	margin: 0 4px 0 15px;
	padding: 0 0;
	list-style-image: url(./images/arrow.png);
	text-align:left;
}

#menu2 li a:hover {
	text-decoration: none;
}

#menu2 li a:hover {
	color: #004581;
}

#menu2 li.menu-current > a {
	color: #004581;
	font-weight: bold;
}

#menu2 li a {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #10293b;
	line-height: 22px;
	padding: 0 0 0 0px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: block;
}

#menu2tytul {
	margin: 8px;
	background: #006ab3;
	height: 38px;
	border-radius: 3px;
}
#menu2tytul p {
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	padding: 5px 0;
	margin: 0 0 0 10px;
	line-height: 28px;
	/*text-transform: uppercase;*/
}
#menu2tytul a {color: #fff; text-decoration:none;}

#tresc_prawa {
	display: block;
	float: right;
	width: 750px;
	background: #FFF;
	margin-bottom: 100px;
}

#tresc1 h1 {
	color: #002d67;
	font-size: 26px;
	font-weight: 700;
	padding: 0 0 20px 0px;
	margin: 0px 20px;
	display: block;
	line-height: 30px;
	text-transform:uppercase;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

div.tresc {
	font-size: 14px;
	line-height: 1.5;
	padding: 20px;
	text-align: justify;
	min-height: 300px;
	background: #fff;
	margin-bottom: 20px;
}

div.tresc h2 {
	font-size: 20px;
	line-height: 1.0;
	margin: 10px 0px;
	text-align: justify;
}

div.tresc h3 {
	font-size: 17px;
	line-height: 1.0;
	margin: 5px 0px;
	text-align: justify;
}

div.trescmod {
	font-size: 11px;
	line-height: 1.5;
	margin: 0px 10px 10px 10px;
	text-align: justify;
	color: #666;
}

div.tresc p {
	line-height: 1.5;
	text-align: justify;
}

div.tresc div {
	line-height: 1.5;
	text-align: justify;
}

div.tresc a {color: #02a8e6;}
div.tresc a:hover {color: #002d67;}

div.tresc ul>li {list-style-type:disc;}

div.tresc li {
	line-height: 1.3;
}

ul {
	padding-left: 0;
}

li {
	font-weight: normal;
	color: #000000;
	margin-left: 25px;
	margin-right: 10px;
	margin-bottom: 4px;
	line-height: 1.5;
	text-align: justify;
}

ul.li {
	list-style-type: square;
}

ol.li {
	list-style-type: decimal;
}

.glowna_box {width: 225px; margin-left: 20px; margin-bottom: 20px; height: 223px; border-bottom: 1px solid #fb553f; background: #f3f3f3; float:left;}
.glowna_box img {display: block;}
.glowna_box a {color: #3f3f3f; text-decoration: none;}
.glowna_box p {line-height: 63px; color: #3f3f3f; font-size: 18px; font-weight: normal; text-decoration: none; text-align:center;}

p {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	padding: 0;
	margin: 0;
	text-align: justify;
}

#tresci {
	margin: 0 0px;
}


#lewa {
	display: block;
	float: left;
	width: 250px;
	margin-bottom: 100px;
}

.box_lewa {
	margin: 8px;
}
.box_lewa p {
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	padding: 0 10px;
	margin: 0 0 5px 0px;
	line-height: 38px;
	background: #10293b;
}
.box_lewa div {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	padding: 0;
	margin: 0;
	text-align: center;
}


#stopka {
	width: 100%;
	margin: 0;
	background: #10293b;
}

#logo_stopka {
	width: 264px;
	height: 240px;
}

#logo_stopka img {margin: 20px 0 0 20px;}

#stopka_tresc {
	display: block;
	background-color: #0d0f2d;
	color: #fff;
}

#stopka_tresc .contentWrap {padding: 50px 0;}

#stopka_tresc .social {
	width: 200px;
	float: right;
	font-size: 18px;
	line-height: 1.3;
	font-weight: bold;
	margin-left: 30px;
}
#stopka_tresc .social p {padding-bottom: 15px; color: #fff; font-size: 18px; font-weight: bold;}
#stopka_tresc .social img {margin-right: 10px;}

#stopka_tekst1 {
	color: #fff;
	padding: 0px;
	vertical-align:top;
	font-size:14px;
	line-height: 28px;
}
.b {font-weight: 800;}

#stopka_tekst2 {
	color: #ddd;
	padding: 0px;
	vertical-align:top;
	font-size:12px;
	line-height: 18px;
	overflow: hidden;
}
#stopka_tekst2 a {color: #ddd; text-decoration: none;}


#stopka_copyr {
	float: left;
	color: #0d0f2d;
	font-size: 12px;
	font-weight:normal;
	margin: 25px 0 25px 50px;
}
#stopka_wyk {
	float: right;
	color: #0d0f2d;
	font-size: 12px;
	margin: 25px 50px 25px 0;
}
#stopka_wyk a {
	color: #0d0f2d;
	font-size: 12px;
	text-decoration: none;
}
#stopka_wyk a:hover {
	text-decoration: underline;
}

#menu_stopka {
	display: block;
	min-height: 40px;
	margin-top: 0px;
}

#menu_stopka ul {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	list-style-type: none;
	margin: 25px 0 15px;
	padding: 0 0px;
	text-align: left;
}

#menu_stopka li {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	margin: 3px 0px;
	padding: 0 0;
	list-style-type: none;
	display:inline;
}

#menu_stopka li a:hover {
	text-decoration: none;
	border-color: #02a8e6;
}

#menu_stopka li.menu-current a, #menu_stopka li.menu-parent a  {
	border-color: #02a8e6
}

#menu_stopka li.menu-last a {
	border-right: 0px solid #fff !important;
}

#menu_stopka li a {
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	color: #fff;
	line-height: 18pxpx;
	padding: 14px 0px;
	margin-right: 40px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	border-top: 2px solid transparent;
}

.czysc, .clear {
	clear:both;
}
.left {float: left}
.right {float: right;}

img { border:0; }

.tekst_srodek {
	text-align: center;
}

.pics {  
    height:  380px;  
    width:   1100px;  
    padding: 0;  
    margin:  0px 0; 
	background: url(./images/slider_tlo.png) no-repeat bottom center;
	padding-bottom: 20px;
} 
 
.pics img {  
    padding: 0px;  
    border:  1px solid #ccc;  
    background-color: #e2e3e7;  
    top:  0; 
    left: 0 
} 

#wb_1 + p img {margin-left: 28px;}
#wb_1 + p img:first-child {margin-left: 0px;}

#slideshow {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1100px;
    height: auto;
    max-height: 379px;
	margin-bottom: 20px;
}
#slideshow img {
    width: 100%;
    height: auto;
}

.icon_menu {width: 30px; height: 30px; background: url(./images/icon_menu.png) no-repeat center center; display: inline-block; float: right; margin: 0px 15px 0 0; padding: 10px; }
div.tresc p iframe, div.tresc img {max-width: 100%;}

.mobile-only {display: none;}
.cntmapa iframe {max-width: 100%;}

#wb_1 + p img {width: 23.0909%; margin-left: 2.5454%; height: auto;}
.lcont {margin-bottom: 15px;}





/* -- SMARTFON -- */
@media (max-width: 767px) {
	.contentWrap, #tresc1 {width:95%;margin:0px auto;}
	#fb, #gplus {display: none;}
	.mobile-only {display: block;}
	#top1 .left {float: none; text-align: center;}
	#napis2, #napis1 {display: none;}
	#menu {display: none;}
	.cntmapa {width: auto; float: none;}
	table.frm-field_table, table.frm-field_table tr, table.frm-field_table td, table.frm-field_table tbody {display: block; width: auto;}
	table.frm-field_table .frm-field_title {text-align: left;}
	#stopka_tresc .social {float: none; width: auto; margin-left: 0;}
	#stopka_tresc .social > p {float: left; margin-right: 20px; line-height: 38px;}
	#stopka_tekst1 {clear: both;}
	#stopka_copyr, #stopka_wyk {margin: 10px;}
	#wb_1 + p img {width: 48%; margin-left: 4%; height: auto;}
	#wb_1 + p img:nth-child(2n+1){margin-left: 0;}
	#stopka_tresc .contentWrap {padding: 30px 0 20px 0;}
	
}
@media (max-width: 487px) {
	
}
/* -- END -- SMARTFON -- */
/* -- TABLET -- */
@media (min-width: 768px) and (max-width: 991px) {
	.contentWrap, #tresc1 {width:738px;margin:0px auto;}
	#napis2 {display: none;}
	.cntmapa {width: 50%;}
	
}
/* -- END -- TABLET -- */
/* -- DESKTOP SMALL + TABLET -- */
@media (min-width: 992px) and (max-width: 1149px) {
	.contentWrap, #tresc1 {width:958px;margin:0px auto;}
	.cntmapa {width: 50%;}
}
/* -- END --  DESKTOP SMALL + TABLET -- */
/* -- DESKTOP -- */
@media (min-width: 1150px) {
	
}
/* -- END -- DESKTOP -- */