@CHARSET "UTF-8";

/* ---- ALL ----- */

body {
	background-image: url('../img/body_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Trebuchet MS", "Tahoma";
	margin: 0px;
	font-weight: normal;
}

a {
	text-decoration:  none;
	font: inherit;
}

#all-content {
	width: 980px;
	margin: 112px auto 0px;
	padding: 0px;
	background-color: #fff;
	position: relative;
	z-index: 10;
}

div, img, span {
	border: 0px none;
}

.wide {
	width: 980px;
	padding: 0px;
}

.content, .introduction {
	font-size: 12px;
	line-height: 22px;
	color: #5c5c5c;	
	padding: 1px 0px;
}

div.middle_content {
	margin: 0px;
	padding: 0px;
	width: 100%;
	position:relative;
	z-index: 10;	
}

table {
	border-spacing: 0px;
}



/* ---- MENU TOP ---- */

div.menu {
	position: relative;
	z-index: 11;
}

ul.menu, ul.menu-slide {
	padding: 0px;
	list-style-type: none; 
	margin: 0px;
}

ul.menu {
	height: 51px;
	margin: 0px 0px -5px;
	position: relative;
	z-index: 10;
	background-color: none;
}

ul.menu img.separator {
	float: right;
	width: 3px;
}

ul.menu li, ul.menu a, ul.menu span.dropdown {   
	/* display: inline-block; */
	float: left;
	position: relative;
	width: 246px;
	height: 51px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

ul.menu a, ul.menu span.dropdown {
	width: 243px;
}

ul.menu .last_menu_item, ul.menu .last_menu_item a {
	width: 242px;
}

ul.menu li:hover > ul.menu-slide {
	display: block;
	z-index: 11;
}

ul.menu > li {
	margin-bottom: -5px;
}

ul.menu a, ul.menu span.dropdown {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin: 0px 0px -5px;
	background-position: center-top;
	background-repeat: repeat-x;
	font-weight: normal;
}

ul.menu span.dropdown > span {
	position: relative;
	bottom: 17px;
	display: inline;
}

ul.menu a > span, ul.menu span > span {
	display: block;
	padding: 11px 0px 12px;
}

ul.menu a:link, ul.menu a:visited, ul.menu span.dropdown, ul.menu a:active {
	background-image: url('../img/menu_bg.png');
}

ul.menu a:hover {
	background-image: url('../img/menu_bg.png');
}

ul.menu a#menu-active, ul.menu span#menu-active {
	background-image: url('../img/menu_active.png');
	background-position: center top;
}

ul.menu ul.menu-slide {
	display: none;
	background-color: #004f8e;
	width: 245px;
	position: absolute;
	top: 44px;
	left: -1px;
	z-index: 10;
	text-align: center;
	z-order: 10;
	box-shadow: 0px 1px 2px #004f8e;
}

ul.menu-slide li {
	height: 34px;
	display: block;
	float: none;
	position: static;
}

ul.menu-slide a {
	padding: 10px 0px;
}

ul.menu-slide hr {
	color: #0266bc;
	background-color: #0266bc;
	width: 94%;
	height: 1px;
	margin: 0px 3%;
	border: 0px none;
	float: left;
}

ul.menu-slide div {
	width: 245px;
	height: 40px;
}

ul.menu-slide a, ul.menu-slide a:link, ul.menu-slide a:hover, ul.menu-slide a:visited, ul.menu-slide a:active {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background-image: none;
	height: auto;
	margin: 0px;
}

ul.menu a:hover > span, ul.menu span.dropdown:hover > span, ul.menu-slide a:hover {
	color: #e3e3e3;
}

/* ---- SLIDESHOW ---- */

div.slideshow {
	width: 980px;
	height: 293px;
	margin: 0px 0px 40px;
	padding: 0px;
	z-index: 5;
/*	box-shadow: 0px 30px 100px -50px #050505; */
	background-color: #efefef;
	position: relative;
}

div.slideshow_scroll {
	height: 293px;
}

td.slideshow_slide {
	width: 980px;
	height: 293px;
	position: relative;
	z-index: 1;
	top: 0px;
	left: 0px;
}

.slide_cont {
	width: 980px;
	height: 293px;
	position: relative;
	top: 0px;
	left: 0px;
}

.red_stripe, .red_stripe_bg {
	position: absolute;
	top: 118px;
	left: 0px;
	height: 86px;
	font-size: 24px;
	color: #fff;

	width: auto;
}

.red_stripe a {
	font-size: 24px;
	color: #fff;	
}

/*
.red_stripe_bg {
	width: 1px;
	background-color: #d01b37;
	visibility: visible;
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: Alpha(opacity='70');
	z-index: 2;
}
*/


.red_stripe {
	z-index: 15;
/*	display: none;	*/
}

.red_stripe > a > span, .red_stripe > span {
	background-color: none;
	background-image: url('../img/stripe_bg.png');
	background-repeat: repeat;
	float: left;
	height: 86px;
}

.red_stripe > a > span > span, .red_stripe > span > span  {
	margin: 28px 10px 28px 30px;
	float: left;	
}

img.right_stripe {
	margin: 0px;
	padding: 0px;
	float: left;
}

.slideshow div, .slideshow span, .slideshow td {
	margin: 0px;
	padding: 0px;
}

.slideshow table {
	width: 980px;
	border-collapse: collapse;
	border-style: none;
	margin: 0px 0px 0px;
	padding: 0px;
}

.slideshow img {
	z-index: 1;
	padding: 0px;
	margin: 0px 0px 0px;
}

.slideshow_controls_bg, .slideshow_controls {
	width: 100%;
	position: absolute;
	height: 52px;
	bottom: 0px;
}

.slideshow_controls {
	z-index: 13;
}

.slideshow_controls_bg {
	background-color: #f1f2f4;
	opacity: 0.66;
	filter: Alpha(opacity='66');
	visibility: visible;
	z-index: 12;
}

.slideshow_prev, .slideshow_next  {
	height: 52px;
	width: 54px;
	margin: 0px;
	padding: 0px;
}

.slideshow_prev {
	float: left;
	background-image: url('../img/banner_left_arrow.png');
}

.slideshow_next {
	float: right;
	background-image: url('../img/banner_right_arrow.png');
}

span.slide_links {
	display: block;
	margin: 10px auto;
	height: 32px;
	text-align: center;
	width: 100px;
}

.slide_links span {
	background-color: #024480;
/*	background-image: url('../img/slide_but.png');
	background-repeat: repeat-x;	*/
	font-size: 14px;
	color: #fff;
	width: 23px;
	height: 21px;
	float: left;
	padding-top: 2px;
	margin: 5px 5px 4px;
	text-align: center;
}

.slide_links span.active {
	background-color: #5c5c5c;
	background-image: none;
}

.center_element {
	float: left;
	width: 872px;
	height: 52px;
	text-align: center;
}

.slide_links span, .slideshow_prev, .slideshow_next {
	cursor: pointer;
}

div.slideshadow {
	width: 100%;
	height: 145px;
	background-image: url('../img/banner_shadow.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 100%;
	background-position: center top;
	z-index:1;
}


/* ---- MAIN LINKS ---- */

.oferta_groups {
	height: 170px;
	padding: 0px;
}

.main_links {
	margin:20px 0px 10px;
	width: 100%;
	overflow: auto;	
	padding: 0px;
}

.main_links span, .oferta_groups span, .main_link a {
	display: block;
	
}

.big_link, .oferta_group {
	float: left;
	/* margin-top: -50px; */
	color: #000;
	position: relative;
	top: 0px;
	left: 0px;
}

.big_link {
	margin: 0px 10px 10px;
	width: 230px;
	height: 205px;
}

.big_link, .oferta_group, .links_short {
	background-image: url('../img/ramka_bg.png');
	background-repeat: repeat;
}

.big_link table, .oferta_group table {
	width: 208px;
	height: 183px;
	border-collapse: collapse;
	border: none;
	margin: 0px 11px 11px 11px;
	padding: 0px;
	z-index: 10;
	position: relative;
	top: 11px;
}

.big_link_text a, .big_link_text span, .big_link_text {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
	
}

.big_link_text, .big_link_text_bg, .big_link_text_fg {
	height: 63px;
	width: 208px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	line-height: 150%;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.big_link_text {
	margin-top: -55px;
	margin-bottom: -8px;
	position: relative;
	z-index: 6;
	padding: 0px 10px;
}

.big_link_text_bg {
	margin: 11px 11px 0px 11px;
/*	opacity: 0.7;	
	filter: Alpha(opacity='70');	*/
	position: absolute;
	top: 0px;
	left: 0px;
	background-repeat: repeat;
	background-position: 9px 8px;
}

.big_link_text_fg {
	margin: 11px 11px 0px 11px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 30;	
}

.left_link .big_link_text_bg {
/*	background-color: #094577;	*/
	background-image: url('../img/1_bg_header.png');
}

.middle_left_link .big_link_text_bg {
/*	background-color: #e89c00;	*/
	background-image: url('../img/2_bg_header.png');
}

.middle_right_link .big_link_text_bg {
/*	background-color: #eb3244;	*/
	background-image: url('../img/3_bg_header.png');
}

.right_link .big_link_text_bg {
/*	background-color: #1091af;	*/
	background-image: url('../img/4_bg_header.png');
}

.big_link_text span.one_line {
	padding-top: 12px;
}

.big_link_img {
	margin: 0px 11px 11px 11px;
	padding: 0px;
}

.big_link_img img {
	width: 208px;
	height: 120px;
	border-style: none;
}

.left_link {
	margin-left: 0px;
}

.right_link {
	margin-right: 0px;
}

/* ---- TREŚĆ ---- */

table.content {
/*	margin: 20px -20px 0px;	
	border-spacing: 20px;	*/
	border-spacing: 0px;
	margin: 20px 0px 10px;
}

/* ---- SUBSKRYPCJA ---- */

td.subscribe, td.formularz, td.kontakt {
	width: 360px;
/*	height: 222px; */
	padding: 0px;
}

td.kontakt {
	width: 350px;	
}

td.address {
	width: 350px;
	padding: 0px 0px 0px 20px;	
}

td.phones table td {
	padding: 0px 30px 0px 0px;	
}

td.phones {
	vertical-align: top;
	padding: 0px 20px 0px 30px;	
}

td.subscribe > div, td.kontakt > div {
	padding: 0px;
	width: 360px;
	background-image: url('../img/subskrypcja_bg.png');
	background-repeat: repeat;
/*	height: 222px; */
	margin: 0px;
	position: relative;
}

td.kontakt > div {
	width: 350px;
}

form.subscribe div.error, form.subscribe div.msg, form.contact div.error, form.contact div.msg {
	font-weight: bold;
	font-size: 13px;	
}

form.subscribe div.error, form.contact div.error {
	color: #ff0000;	
}

form.subscribe div.msg, form.contact div.msg {
	color: #006800;
}

form.subscribe > div > div, form.contact > div > div {
	width: 340px;
/*	height: 192px; */
	background-image: url('../img/mail.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 15px 10px;
	margin: 0px;
	position: relative;
}

form.contact > div > div {
	background-image: none;	
}

form.subscribe > div > div > div, form.contact > div > div > div {
	width: 100%;
}

form.subscribe > div > div > div:first-child, form.contact > div > div > div:first-child {
	margin-bottom: 5px;
}

form.subscribe > div > div > div:first-child > span {
	font-size: 18px;
	color: #163876;
}

form.contact > div > div > div:first-child > span,
#map > div {
	font-size: 12px;
	font-weight: bold;
	color: #5c5c5c;
}

form.subscribe > div > div > div > input[type="text"], 
form.subscribe > div > div > select,
form.contact > div > div > div > input[type="text"],
form.contact > div > div > div > textarea {
	width: 340px;
	height: 40px;
	margin: 10px 0px 5px;
}

form.contact > div > div > div > input[type="text"],
form.contact > div > div > div > textarea,
form.contact > div > div {
	width: 330px;
}

form.contact > div > div > div > textarea {
	resize: none;	
	font-size: 12px;
	font-weight: bold;
	font-family: sans-serif, "Trebuchet MS", "Tahoma";
}

form.subscribe > div > div > div > input[type="text"],
form.contact > div > div > div > input[type="text"],
form.contact > div > div > div > textarea {
	width: 319px;
	height: 16px;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 0px none;
	border-right: 0px none;
	border-color: #b1afab;	
	font-size: 12px;
	font-weight: bold;
	color: #898989;
	padding: 12px 10px 12px;
}

form.contact > div > div > div > input[type="text"],
form.contact > div > div > div > textarea {
	width: 309px;	
}

form.contact > div > div > div > textarea {
	height: 100%;
	min-height: 200px;	
}

form.subscribe > div > div > div > select {
	font-size: 12px;
	font-weight: bold;
	color: #000;		
	width: 295px;
}

form.contact > div > div > div > input[type="text"].inputError {
	border: 1px solid #ff0000;
}

/* form.subscribe > div > div {
	position: relative;
	margin: 0px;
	padding: 0px;
} */

.select_extended {
	background-color: #fff;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 0px none;
	border-right: 0px none;
	border-color: #b1afab;	
	font-size: 12px;
	font-weight: bold;
}

a.select_extended {
	width: 339px;
	height: 39px;
	margin: 5px 0px 0px;
	background-image: url('../img/select_arrow.png');
	background-position: right top;
	background-repeat: no-repeat;
}

div.select_extended {
	border-width: 1px;
	border-style: solid;
	width: 338px;
	z-index: 20;
	cursor: default;
	max-height: 133px;
}

div.select_extended td {
	border-top: 1px solid;
	border-color: #b1afab;
	padding: 5px 10px;
	color: #000;
}

div.select_extended tr:first-child td {
	display: none;
}

div.select_extended table {
	border-collapse: collapse;
	width: 100%;
}

td.text > div {
	width: 280px;
	color: #000;
	
	padding: 3px 10px;
}

form.subscribe > div > div > div > input[type="submit"],
form.contact > div > div > div > input[type="submit"] {
	width: 138px;
	height: 40px;
	background-image: url('../img/button_bg_subskrybuj.png');
	background-repeat: repeat-x;
	border: 0px none;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	float: right;
	cursor: pointer;
	margin: 0px;
}

form.subscribe > div > div > div.bottom,
form.contact > div > div > div.bottom {
	position: relative;
	margin-top: 15px;
	margin-bottom: 8px;
	height: 40px;
}

form.subscribe > div > div > div.bottom > img {
	width: 95px;
	height: 71px;
	position: absolute;
	top: -8px;
	left: -10px;
	z-index: 19;
	margin: 0px;
	padding: 0px;
}

table.kontakt {
	margin-left: 18px;	
}

/* ---- TRESC ---- */

.intro p, .intro span {
	padding: 0px;
	text-indent: 0px;	
	margin: 0px;
}

td.content {
	padding: 0px 10px 0px 20px;
}

td.content {
	vertical-align: top;
}

/* .content {
	
} */

td.content p {
	margin: 10px 0px;
}

/* ---- FOOTER ---- */

div.footer {
	width: 1600px;
	height: 115px;
	margin: 30px -310px 0px;
	margin-left: -310px;
	margin-right: -310px;
	background-image: url('../img/footer.png');
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	position: relative;
	z-index: 9;
}

div.inner_footer {
	width: 980px;
	height: 115px;
	margin: 0px auto;
}


div.inner_footer > table {
	margin: 0px;
	border-spacing: 0px;
}

td.footer_left {
	padding: 0px 10px 0px 0px;
	width: 370px;
	vertical-align: middle;
	font-size: 11px;
	color: #929292;
	height: 70px;
}

td.footer_right {
	width: 600px;
}

table.footer_links {
	width: auto;
	height: 30px;
	border-collapse: collapse;
	text-align: center;
	margin: 5px auto 0px;
}

table#footer_links_low {
	margin: 0px auto;
}

table.footer_links a {
	font-size: 12px;
	color: #005cac;	
	font-weight: bold;
}

table.footer_links td {
	padding: 0px 26px;
}

table#footer_links_low td {
	padding: 0px 10px;
}

table#footer_links_low a {
	font-size: 11px;
}

td.stopka_fsi {
	height: 45px;
	vertical-align: middle;
	font-size: 12px;
	color: #929292;
}

td.stopka_fsi a {
	font-size: 12px;
	color: #929292;
}

/* ---- OFERTA ---- */

h1 {
	font-size: 30px;
	color: #163876;
	margin: 25px 20px 15px;
	font-weight: normal;
}

h1 .subtitle {
	font-size: 18px;
	vertical-align: baseline;
}

div.inline {
	float: left;
}

#oferta_topleft {
	width: 460px;
	margin: 10px 10px 10px 20px;
	padding: 6px 0px 0px;
}

#oferta_topright {
	margin: 10px 10px 10px 10px;
}

.links_short {
	width: 470px;
}

.short_over {
	width: 225px;
	max-height: 54px;
	padding: 6px 0px 10px 0px;
	position: relative;
	top: 0px;
	left: 0px;
}

#ofertaall {
	margin-right: 10px;
}

#ofertaprod {
	margin-left: 10px;
}

.short_over .podpis {
	display: none;
	width: 100%;
	position: absolute;
	top: 49px;
	height: 20px;
	text-align: center;
}

.short_active .podpis {
	display: block;
}

.short_active, .short_over .podpis {
	background-color: #dcdfe0;
}

.short_link {
	width: 204px;
	height: 19px;
	background-image: url('../img/short_link.png');
	background-repeat: no-repeat;
	cursor: pointer;
	text-align: center;
	font-size: 12px;
	color: #005cac;
	font-weight: bold;
	padding: 10px 0px;
}

.short_link span {
	margin: 12px 0px 12px 28px;	
}

#short_link_left {
	margin: 0px 10px 0px 10px;
}

#short_link_right {
	margin: 0px 10px 0px 10px;
}

.oferta_groups {
	height: 255px;
}

.oferta_group {
	width: 225px;
	height: 225px;
	margin: 10px 10px 20px;
	padding: 0px;
}

.oferta_group_active {
	background-image: none;
	background-color: #dcdfe0;
	margin-bottom: 0px;
	height: 245px;
}

.oferta_group .podpis {
	display: none;
	height: 20px;
	width: 205px;
	padding: 15px 0px;
	margin: -2px auto 0px;
}

.podpis {
	text-align: center;	
	color: #807f7f;
	font-size: 14px;
	font-weight: bold;
}

.oferta_group_active .podpis {
	display: block;
}

.oferta_groups .big_link_text_bg {
/*	background-color: #0158a3;	*/
	margin: 10px 11px 0px 10px;
	width: 204px;
	background-image: url('../img/1_bg_header.png');
	background-position: 10px 9px;
}

.oferta_group table {
	margin: 0px 11px 10px 10px;
	position: relative;
	top: 10px;
	width: 204px;
	cursor: pointer;
	border-collapse: collapse;
	border: 0px none;
}

.oferta_group td.big_link_img {
	height: 121px;
}

.oferta_group .big_link_img img {
	width: 204px;
	height: 120px;
	margin: 0px;
}

.oferta_group .big_link_img {
	padding-top: 1px;	
}

.group_links {
	display: none;
	width: 980px;
	background-color: #dcdfe0;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px;
}

.group_active {
	display: block;
}

#oferta_content .introduction {
	height: 75px;
}

.oferta_group .big_link_text, .oferta_group .big_link_text span {
	font-size: 12px;
}

.group_links ul {
	list-style-type: none;
	margin: 0px 0px;
	padding: 0px;
	overflow: auto;
	width: 100%;
}

.group_links li {
	display: block;
	float: left;
	width: 200px;
	height: auto;
	margin: 0px 10px 0px 20px;
	padding: 7px 0px 7px 15px;
	background-image: url('../img/bullet.png');
	background-repeat: no-repeat;
	background-position: 0px 14px;
}

.group_links li a {
	
	color: #005cac;
	font-size: 14px;
	font-weight: bold;
	
}

.group_links li a:hover {
	
	color: #010101;
	
}

#content_bottom {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0px;
}

.middle_content > .introduction {
	padding-left: 20px;
	padding-right: 20px;		
}

/* ---- TOOLTIPS ---- */

.tooltips {
	border: 0px none;
	background-color: none;
	z-index: 19;
}

.tooltip_top, .tooltip_content {
	position: relative;
	max-width: 470px;
	min-width: 50px;
}

.tooltip_top {
	height: 12px;
	top: 0px;
	left: 0px;
	z-index: 21;
	background-image: url('../img/tooltip_tip.png');
	background-position: 20px 0px;
	background-repeat: no-repeat;
}

.tooltip_content {
	background-color: #eaeaea;
	border: 2px solid #fff;
	box-shadow: 0px 0px 10px #808080;
	overflow: auto;
	
	top: -2px; left: 0px;
	z-index: 20;
	
	font-weight: bold;
	font-size: 11px;
	padding: 12px;
	color: #000;
	line-height: 182%
}

.tooltip_content img {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 50px;
	height: 50px;	
}

.dymek {
	position: relative;
}

/* ----- MAPA ----- */

#map {
	width: 525px;
	height: 496px;
	padding: 18px 10px;
	background-image: url('../img/ramka_bg.png');
	backgrouns-repeat: repeat;
}

#map div {
	height: 22px;
	padding-bottom: 4px;
}

.facebook_button {
	padding-right: 40px;
	vertical-align: middle;
	text-align: right;
}
div#komunikat {
  text-align: center;
  margin: 30px auto -60px;
  width: 300px;
  background: #005bac;
}
.infook {
  color: #fff;
  margin: auto;
  text-align: center;
  padding: 20px 0;
}