* {	margin: 0px; padding: 0px;  font-size:11px; list-style-type:none;}

body {color:#0d526b; font-family: Tahoma; font-size:12px ;}
img {border: 0;}
a { text-decoration:none; color:#0d526b;}
a:hover {color:#d9224e;}

div.hr {clear:left; height: 1px; border-top: 1px solid #dfeef3; margin-top: 5px; margin-bottom: 5px;}
div.hr hr {display: none;}

input, textarea {padding:2px 4px; font-size:11px; color:#0d526b;  border-top:#197eb8 solid 1px; border-left:#197eb8 solid 1px; border-bottom:#dfeef3 solid 1px; border-right:#dfeef3 solid 1px;}
input.red, select.red {border: 1px solid #ff0000;}

select {padding:2px 4px; font-size:11px; color:#0d526b; background-color:#FFFFFF; border-top:#197eb8 solid 1px; border-left:#197eb8 solid 1px; border-bottom:#dfeef3 solid 1px; border-right:#dfeef3 solid 1px;}

.fleft {float: left;}
.fright {float: right;}
.clear {clear: both; font-size: 1px; height: 1px; padding: 0;}
.content_drop_down {margin-bottom: 20px; margin-top: 10px;}
.noborder {border: 0;}


#pojemnik {height: auto !important; height: 400px; margin: auto; text-align: left; width: 981px;}
#pojemnik {height: auto !important; height: 400px; margin: auto; text-align: left; width: 981px; background-color: #fff;}

/* HEADER 
***************************************** */
#logo { width:480px; float:left}
#logo img { padding:26px 0 0 3px}

#header {height:78px; width:500px; float:left}


#header #menutop { padding-top:7px}
#header #menutop ul {  float:right;  font-size:11px }
#header #menutop li { float:left; padding:4px;}
#header #menutop li a { text-decoration:none;color:#0d526b;}
#header #menutop li a:hover { color:#d9224e;}
#header #menutop li img { position:relative; top:2px;}


 #search { clear:both;}
#header #search ul {  float:right;  font-size:11px; padding-top:11px; }
#middle #search ul {  font-size:11px; padding-top:6px;}
 #search li { float:left; padding:4px; vertical-align:middle; display:block; height:20px;}
 #search input { width:185px; height:13px;}
 #search a { display:block; background:url(../images/button1.gif) no-repeat; width:62px; height:18px; text-align:center; vertical-align:middle; color:#d9224e; font-weight:bold; text-decoration:none; }
 #search a span { position:relative; top:2px;}
 #search a:hover { color:#FF0000;}


/* MENU GŁÓWNE
***************************************** */

#menu li { float:left; margin-right:2px;}

#menu a { display:block; height:27px; color:#FFFFFF; text-decoration:none; font-weight:bold; text-align:center; }
#menu a p { position:relative; top:7px; font-size:12px;}

#menu a.home { background-color:#42a3d8; width:27px; margin-top:3px; padding-top:0px;}
#menu a.home:hover { margin-top:0px; padding-top:3px;}
#menu a.home_active { background-color:#42a3d8; width:27px; margin-top:0px; padding-top:3px; }

#menu a.menu1 { background-color:#157ab2; width:134px; margin-top:3px; padding-top:0px;}
#menu a.menu1:hover { margin-top:0px; padding-top:3px; }
#menu a.menu1_active { background-color:#157ab2; width:134px; margin-top:0px; padding-top:3px; }

#menu a.menu2 { background-color:#42a3d8; width:134px; margin-top:3px; padding-top:0px;}
#menu a.menu2:hover { margin-top:0px; padding-top:3px; }
#menu a.menu2_active { background-color:#42a3d8; width:134px; margin-top:0px; padding-top:3px; }


#menu a.menu3 { background-color:#db224e; width:134px; margin-top:3px; padding-top:0px;}
#menu a.menu3:hover { margin-top:0px; padding-top:3px; }
#menu a.menu3_active { background-color:#db224e; width:134px; margin-top:0px; padding-top:3px; }
/* CONTENT
***************************************** */

#content { width:980px; clear:both}


/* main page */

#content #photomain {padding: 3px 0 0 0 ;}

#mainbox1 {height: 180px;	min-height:180px;	width:235px; background-color: #cae9f4; float:left; margin-right:1px;}
#mainbox1 #photo img {vertical-align: bottom;}
#mainbox1 #title { padding:10px 10px 7px 10px }
#mainbox1 #txt, #mainbox1 .txt {padding: 10px 0 9px 13px;}
#mainbox1 .txt a.index_offer {color: #0D526B;}
#mainbox1 .txt a.index_offer:hover {color: #D9224E;}

#mainbox1 a { color:#d9224e; text-decoration:none}
#mainbox1 a:hover {color:#d9224e;}

#mainbox_search { width:267px; height:190px; float:right}
#mainbox_search #title { height:20px; background-color: #db224e; color:#FFFFFF; font-weight:bold; padding:7px 8px 0px 8px}
#mainbox_search #form { border:1px solid #6fb2ca; border-top:none; height:158px; padding:2px }
#mainbox_search #form fieldset { border:none; } 
#mainbox_search #form fieldset div { padding:4px 4px}
#mainbox_search #form fieldset div label {padding: 0px 4px}

#mainbox_search #form select { height:18px; padding:0}
#mainbox_search #form .input_none{ border:none; padding:0px}
#mainbox_search #form #more { float:right; padding:8px}

#mainbox2 {position:relative;	height: auto !important; height: 170px;	min-height:170px;	width:235px; float:left; margin:5px 1px 5px 0px; border-right:1px #cae9f4 solid}
#mainbox2 #title { padding:10px 10px 0px 10px }
#mainbox2 #txt { padding:5px 10px;}
#mainbox2 #txt p { padding:5px 0px 10px 0px;}
#mainbox2 #txt ul {position: relative;}
#mainbox2 #txt li { background: url(../images/bullet1.gif) no-repeat 0px 9px; padding:5px 0 5px 12px; list-style-position:outside}
#mainbox2 #more { float:right; bottom:20px; position:absolute; right:15px;}
.download_group li { background: url(../images/bullet1.gif) no-repeat 0px 9px; padding:5px 0 5px 12px; list-style-position:outside}
#mainbox2 a { color:#0d526b; text-decoration:none}
#mainbox2 a:hover {color:#d9224e;}
#mainbox2 #newsletter {position: absolute; height: 19px; bottom: 23px; right: 15px; width: 210px;}
* html #mainbox2 #newsletter {bottom: 13px;}
#mainbox2 #newsletter div { float:left; padding:4px;} 
#mainbox2 #newsletter a { display:block; width:29px; height:17px; text-align:center; color:#FFFFFF; background-color: #db224e; font-weight:bold} 
#mainbox2 #newsletter a span { position:relative; top:1px; font-size:10px;}
#mainbox2 #newsletter input { color:#000000; width:155px;}

#mainbox3 { width:267px; height:180px; overflow: hidden; float:right; padding-top:5px;}


/* path

************************************************************** */

#path {	padding:10px 10px 5px 10px; height:20px	}
#path .home {background:none;	padding: 0 8px 0 0;	font-weight:bold; }
#path li {	font-size:11px;	float:left;	background: url(../images/bullet2.gif) no-repeat left ;	padding:0 8px 0 20px;}
#path a {	text-decoration:none;	color:#0d526b;	}
#path a:hover{	color:#d9224e;}



/* sub pages shared components */

#pagetitle, .pagetitle { height:51px; background-color:#dfeef3; font-size:30px; padding:10px 0px 0px 200px; clear:left; margin-bottom:1px}

#left { float:left; width:190px;}

#menuleft {width:190px;}

#menuleft a.element1 { display:block; background:url(../images/bullet3.gif) no-repeat 10px 12px; background-color:#dfeef3;   color:#3b5096; font-weight:bold; text-decoration:none; padding:7px 10px 5px 27px; margin-bottom:1px}
#menuleft a.element1:hover { color:#d92252; background:url(../images/bullet3red.gif) no-repeat 10px 12px; background-color:#dfeef3;}
#menuleft a.element1_active, #menuleft a.element1_selfactive
{ display:block; color:#d92252; background:url(../images/bullet3red.gif) no-repeat 10px 12px; background-color:#dfeef3; font-weight:bold; text-decoration:none; padding:7px 10px 5px 27px; margin-bottom:1px}
#menuleft a.element1_selfactive { color:#3b5096; }


#menuleft a.element2 { display:block; background:url(../images/bullet3red_mini.gif) no-repeat 27px 12px; background-color:#ffffff;   color:#3b5096; text-decoration:none; padding:7px 10px 5px 38px; margin-bottom:1px; border-bottom:1px #dfeef3 solid}
#menuleft a.element2:hover { color:#d92252;}
#menuleft a.element2_active , #menuleft a.element2_selfactive   
{ display:block; background:url(../images/bullet3red_mini.gif) no-repeat 27px 12px; background-color:#ffffff; font-weight:bold;  color:#d92252; text-decoration:none; padding:7px 10px 5px 38px; margin-bottom:1px; border-bottom:1px #dfeef3 solid}
#menuleft a.element2_selfactive { color:#3b5096;}


#menuleft a.element3 { display:block; background:url(../images/bullet4.gif) no-repeat 38px 12px; background-color:#ffffff;   color:#55737b; text-decoration:none; padding:7px 10px 5px 46px; margin-bottom:1px; border-bottom:1px #dfeef3 solid}
#menuleft a.element3:hover { color:#d92252;}
#menuleft a.element3_active  { display:block; background:url(../images/bullet4red.gif) no-repeat 38px 12px; background-color:#ffffff; font-weight:bold;  color:#d92252; text-decoration:none; padding:7px 10px 5px 46px; margin-bottom:1px; border-bottom:1px #dfeef3 solid}
#menuleft a.element3_selfactive   
{ display:block; background:url(../images/bullet3red_mini.gif) no-repeat 27px 12px; background-color:#ffffff; font-weight:bold;  color:#d92252; text-decoration:none; padding:7px 10px 5px 38px; margin-bottom:1px; border-bottom:1px #dfeef3 solid}
#menuleft a.element3_selfactive { color:#3b5096;}

#menuleft a.element4 { display:block; background:url(../images/bullet5.gif) no-repeat 46px 12px; background-color:#ffffff;   color:#0D526B; text-decoration:none; padding:7px 10px 5px 54px; margin-bottom:1px; border-bottom:1px #dfeef3 solid}
#menuleft a.element4_selfactive, #menuleft a.element4_active {display:block; background:url(../images/bullet5.gif) no-repeat 46px 12px; background-color:#ffffff; font-weight:normal;  color:#d92252; text-decoration:none; padding:7px 10px 5px 54px; margin-bottom:1px; border-bottom:1px #dfeef3 solid}
/*
#menuleft a.element3:hover { color:#d92252;}
#menuleft a.element3_active  { display:block; background:url(../images/bullet4red.gif) no-repeat 38px 12px; background-color:#ffffff; font-weight:bold;  color:#d92252; text-decoration:none; padding:7px 10px 5px 46px; margin-bottom:1px; border-bottom:1px #dfeef3 solid}
#menuleft a.element3_selfactive   
{ display:block; background:url(../images/bullet3red_mini.gif) no-repeat 27px 12px; background-color:#ffffff; font-weight:bold;  color:#d92252; text-decoration:none; padding:7px 10px 5px 38px; margin-bottom:1px; border-bottom:1px #dfeef3 solid}
#menuleft a.element3_selfactive { color:#3b5096;}
*/

#left #box_czywiesz {height: auto !important; margin:2px 0px; background:url(../images/box_czywiesz_title.gif) no-repeat 16px 20px; background-color:#dfeef3;}
#left #box_czywiesz p {padding:40px 16px 12px 16px; text-align: left;}
#left #box_czywiesz #txtfield { float:right; padding:4px 14px;}

#left #box_agent_map {margin:2px 0px;}



#middle { float:left; width:579px; height: auto !important; height: 400px;	min-height:400px; margin:10px;}
#middle_search { float:left; width:770px; height: auto !important; height: 400px;	min-height:400px; margin:10px 10px 10px 0px;}


#mfoot { border-top:2px #dfeef3 solid; width:579px; padding-top:5px; margin-top: 10px;}
#mfoot #mleft { float:left; width:100px} 
#mfoot #mright { float:right; height:30px;} 
#mfoot #mright ul li { float: left;}
#mfoot #mright  a { display:block;  text-decoration:none; padding:2px 18px 0px 18px; font-size:10px; color:#0d526b;}
#mfoot #mright  a:hover { color:#db224e }
#mfoot #mright  a.print { background:url(../images/icon_print.gif) no-repeat 0px 0px; }
#mfoot #mright  a.recommend {background:url(../images/icon_mail.gif) no-repeat 0px 0px; padding-right:0px;}


#right { float:left; width:190px; margin-top:10px;}
#right #box1 { margin-bottom:1px; height:41px;}
#right #box_newsletter { height:145px; margin:2px 0px; background:url(../images/box_right_news_title.gif) no-repeat 16px 20px; background-color:#dfeef3;}
#right #box_newsletter p {padding:40px 16px 15px 16px;}
#right #box_newsletter #txtfield {padding:4px 14px}
#right #box_newsletter #txtfield div { float:left; padding:0px 2px;}
#right #box_newsletter #txtfield div input {width:110px; color:#000000; height:13px}


#right #box_search { width:190px; height:215px; background-color:#bbdeec}
#right #box_search #title { height:20px; background-color: #db224e; color:#FFFFFF; font-weight:bold; padding:7px 8px 0px 8px}
#right #box_search #form { height:170px;  padding:4px; background:url(../images/search_box_right_bg_27.gif) repeat-x bottom; background-color:#dfeef3 }
#right #box_search #form fieldset { border:none; } 
#right #box_search #form fieldset div { padding:4px 4px}
#right #box_search #form fieldset div label {padding: 0px 0px; display:block }

#right #box_search #form select { height:18px; padding:0}
#right #box_search #form .input_none{ border:none; padding:0px;}
#right #box_search #form #more { float:right; padding:8px}



/* sub pages */

#middle #top_photo {margin-bottom: 5px; width: 579px; overflow: hidden;}

#middle #text1 { width:301px; height: auto !important; height: 200px;	min-height:200px; border-top:2px solid #dfeef3; background:url(../images/text_bg1.gif) no-repeat top; float:left; padding:20px;}
#middle #text1 p { padding:5px}

#middle #text2 { width:198px; border-top:2px solid #dfeef3; background-color:#dfeef3; float:left; padding:20px}
#middle #text2 table { width:100%; }
#middle #text2 .column1 { width:80px ; padding-bottom:12px; font-weight:bold; vertical-align:top}
#middle #text2 .column2 { width:118px; padding-bottom:12px; color:#42a3d8; vertical-align:top; text-align:right}

#middle p {line-height:14px}
#middle #text3{text-align: justify;}
#middle #text3 p { padding:5px 0; line-height:14px}
#middle #text3 table p { padding:0; line-height:14px}
#middle #text3 a { color:#db224e ;}
#middle #text3 a:hover { color:#d79fac ;}
#middle #text3 ul, #middle #text1 ul {padding-left:20px}
#middle #text3 ul li, #middle #text1 ul li { list-style-type:square; line-height:14px}
#middle #text3 ul, #middle #text1 ul {padding-left:20px}
#middle #text3 ul li, #middle #text1 ul li { list-style-type:square; line-height:14px}
#middle #text3 ol, #middle #text1 ol {padding-left:30px}
#middle #text3 ol li, #middle #text1 ol li  {list-style: decimal ; line-height:14px}

#middle .newslist { width:579px; height: auto !important; height: 115px; min-height:115px; }
#middle .articleslist {height: 0 !important; min-height: 0 !important;}
#middle .newslist a img {border: #dfeef3 1px solid; float: left; width: 155px; margin-top: 8px;}
#middle .newslist .desc { width: 400px; padding:5px 10px; float:left}
#middle .newslist .wide { width: 550px;}
#middle .newslist .desc h1 { font-size:12px}
#middle .newslist .desc h2 { padding:3px 0 10px 0; font-weight:normal; color:#56737d}
#middle .newslist .desc p span {color:#d9224e;}

#middle .newspage { width:579px; height: auto !important; height: 100px; min-height:100px; }
#middle .newspage #news_image {width:579px; overflow: hidden;}
#middle .newspage img.top {border:#dfeef3 1px solid; margin:0 10px 10px 0}
#middle .newspage h1 { font-size:14px; font-weight:bold}
#middle .newspage h2 { padding:3px 0 10px 0; font-weight:normal}
#middle .newspage p { padding-bottom:10px;} 
#middle .newspage #news_summary {border: 1px solid #000000; clear: both; margin-bottom: 10px; margin-top: 10px; padding: 8px;}

#middle .searchhead,#middle .searchmore { border-bottom:2px solid #dfeef3; margin:5px 0; padding:5px 0; background-color:#dfeef3; text-align:center}

#middle .searchmore {}

#middle .searchresult { width:780px; }
#middle .searchresult .desc { width: 780px; padding:5px 0px; float:left}
#middle .searchresult .desc h1 { font-size:12px}
#middle .searchresult .desc h2 { padding:3px 0 10px 0; font-weight:normal; color:#56737d}
#middle .searchresult .desc p span {color:#d9224e;}

/* sets.tpl */
#middle #tariff_additional_text ul, #middle #text1 ul {padding-left:20px}
#middle #tariff_additional_text ul li, #middle #text1 ul li { list-style-type:square; line-height:14px}

/* tariff.tpl */
.tariff {margin-bottom: 20px; text-align: center;}
.tariff .tariff_group {margin-bottom: 40px;}
.tariff table {border-collapse: collapse; margin: auto; width: 579px;}
.tariff table tr td {height: 25px; vertical-align: middle; padding: 3px;} 
.tariff table tr td.col1 {width: 300px; text-align: left;}
.tariff table thead tr td {font-weight: bold;}
.tariff table.simple td, .cruise_plan table td  {background: #eef6f9; border: 1px solid #157ab2;}
.tariff table.simple thead tr td, .cruise_plan table thead tr td {background: #157ab2; color: #ffffff; padding: 3px;}
.tariff table.simple .lighter {border: 1px solid #157AB2; background-color: #EEF6F9; font-weight: bold; color: #0D526B; padding: 3px;}
.tariff table.special td {background: #fff1f4; border: 1px solid #db224e; color: #db224e;} 
.tariff table.special thead tr td {background: #db224e; color: #ffffff;}
.tariff .tariff_text {text-align: justify; margin-top: 15px;}
.tariff ul {padding-left:20px}
.tariff ul li { list-style-type:square; }
.tariff ol {padding-left:5px}
.tariff ol li  {list-style: decimal ; }
.tariff_date {font-size: 14px; font-weight: bold;}
.tariff_date .date {font-size: 14px; text-decoration: underline;}
.tariff_head {font-size: 16px; font-weight: bold; text-align: left; text-decoration: underline; margin-bottom: 10px; float: left;}
.tariff_group .datum {text-align: left;}

.gallery { clear:left; margin-bottom:20px; overflow:auto}
.gallery h1 { font-size:12px; padding:6px 0 5px 10px; border-bottom:#dfeef3 2px solid }
.gallery ul { clear:left; padding:10px 0}
.gallery li { float:left; padding:3px 5px 3px 0;}
.gallery li a img { border:#dfeef3 1px solid; cursor: pointer; width:75px; height: 75px;}
.gallery li a:hover img { border:#d9224e 1px solid;}

#wide_popups a img {cursor: pointer;}
#wide_popups div.zoom {margin-bottom: 25px; margin-top: 1px; height: 18px;}
#wide_popups div.zoom img {float: right;}

/* contact.tpl */
#contact_message {font-size: 14px; margin: 15px;}
.contact_form_header {background-color: #dfeef3; margin-bottom: 5px; padding: 20px;}
.contact_form_header p {display: block; margin-bottom: 5px;}

/* contact_agents.tpl */
#city {padding-bottom: 20px;}
.city {border-bottom: 1px dashed #dfeef3; padding-bottom: 10px; margin-bottom: 10px;}

/* offer_weekend.tpl */
#offer_weekend_price {margin-bottom: 10px;}
.offer_price {height: 30px; text-decoration: underline;}

/* offer_houses.tpl */
.house {clear: both; margin-bottom: 20px;}
.house .name {margin-bottom: 5px;}
.house .price {margin-top: 10px;}
.house img {margin: 0px 10px 10px 0px;}

/* offer_trips.tpl */
#trip_terms, #trip_prices {margin-bottom: 20px;}
#trip_terms ul li, #trip_prices ul li {list-style-type: square; margin-left: 20px;}

/* offer hotel */
#attribute {margin-bottom: 15px; margin-top: 10px;}
#attribute .small {text-align: center; font-size: 9px; margin-top: 1px;}
#attribute .attr {float: left; width: 35px; text-align: center;}
#hotel_price {clear: both;}
.hotel_price_info, #hotel_remarks {text-align: left; margin-top: 5px;}

#middle #pager {margin:auto;}
#middle #pager ul { float:left; padding:0 5px;}
#middle #pager li { float:left;} 
#middle #pager li a {width:20px; height:18px; display:block; background:url(../images/button_pager.gif) no-repeat; text-align:center ; padding-top:2px; font-weight:bold; margin:0 2px;}

#middle #pager li span {display:none}

#middle #pager li a.active { background:url(../images/button_pager_red.gif) no-repeat;  color:#FFFFFF} 
#middle #pager li a.previous { background:url(../images/button_previous1.gif) no-repeat; float:left} 
#middle #pager li a.previous_end { background:url(../images/button_previous_end1.gif) no-repeat; float:left } 
#middle #pager li a.next { background:url(../images/button_next1.gif) no-repeat; float:left } 
#middle #pager li a.next_end { background:url(../images/button_next_end1.gif) no-repeat; float:left } 


#contact { width:256px; line-height:14px; float:left}
#contact #data1 { background-color:#ffffff; padding:20px}
#contact #data2 { background-color:#dfeef3; padding:20px}
#contact #data3 { background-color:#db224e; padding:20px; color:#FFFFFF}
#contact #data3 a { color:#FFFFFF; text-decoration:underline;}

#contact2 { width:270px; line-height:14px; float:left; padding:20px;}
#contact2 td { padding:0 20px 20px 0; }
#contact2 td a { color:#db224e;}

#contact3 { width:539px; padding:20px}
#contact3 p { padding-bottom:10px;}
#contact3 a { color:#db224e;}

#contact_form { background-color:#dfeef3; width:539; padding:20px; height: auto !important; height: 200px;	min-height:200px; }
#contact_form h1 { font-size:14px; font-weight:bold}
	#contact_form h1 span {font-size: 14px;}
#contact_form fieldset { border:none}
#contact_form	label {display:block;float:left;	width: 100px;}
#contact_form	label.checkbox {margin-left: 8px;}
#contact_form	input, #contact_form textarea {float:left;}
#contact_form   select {width: 130px;}
#contact_form	div .text { width:300px;}
#contact_form .checkbox {border: 0; margin-left: 20px;}
#contact_form	div .text2 { width:310px;}
#contact_form	div {clear: left; padding:5px 0px;}
#contact_form ul {clear: left; margin-left:275px}
#contact_form ul li {float:left; padding:5px;}

#contact_form.business	div .text { width:130px;}
#contact_form.reservation h1 {margin-top: 10px;}
#contact_form.reservation table {text-align: center;}
#contact_form.reservation table.cabin,
  #contact_form.reservation table.passangers {border-collapse: collapse; border: 1px solid #157AB2;}
#contact_form.reservation table thead td {background: #157AB2; border: 1px solid #157AB2; color: #ffffff; font-weight: bold; padding: 5px;}
#contact_form.reservation table thead td.lp {width: 20px;}
#contact_form.reservation table thead td.type {width: 250px;}
#contact_form.reservation table thead td.cabin_number, 
  #contact_form.reservation table.cabin thead td.people_number {width: 120px;}
#contact_form.reservation table.cabin thead td.or {width: 45px; text-align: center;}
#contact_form.reservation table tbody td {padding: 3px; background: #EEF6F9; border: 1px solid #157AB2;}
#contact_form.reservation table.cabin tbody td.type {text-align: left;}
#contact_form.reservation table.cabin tbody td input {float: none; width: 30px; text-align: center;}
#contact_form.reservation select.short {width: 50px;}
* html #contact_form.reservation #car_type {margin-left: -3px;}
#contact_form.reservation #car_type {width: 350px;}
#contact_form.reservation textarea {width: 500px; height: 150px; overflow: auto;}
#contact_form.reservation ul {margin-left:0px}
#contact_form.reservation ul li {padding:5px;}
#contact_form.reservation ul li.left {float:left;}
#contact_form.reservation ul li.right {float:right;}
#contact_form.reservation .decrease,
	#contact_form.reservation .increase {font-size: 16px; font-weight: bold; line-height: 16px;}
#contact_form.reservation .info {font-size: 10px; margin-left: 100px}

#f_step4 div span {display: block; float: left;}
#f_step4 div span.l {width: 150px;}

/* FOOTER
***************************************** */

#footer {width:980px; border-top:1px solid #84b1c1; padding: 0px; text-align:center}
#footer ul {padding:7px; font-size:11px; }
#footer li { display:inline; padding:5px;} 
#footer a { text-decoration:none; color:#0d526b;}
#footer a:hover { color:#d9224e;}
#footer #exchange {color: #0084c5; position: absolute; top: 7px; right: 0; width: 180px;}

#footer2 {width:980px; border-top:1px dashed #84b1c1; padding:5px 0px; overflow:auto}
#footer2 div {font-size:11px; color:#84b1c1}
#footer2 a { text-decoration:none; color:#84b1c1;}
#footer2 a:hover { color:#d9224e;}

/* SCROLLNEWS
***************************************** */
#news {padding: 7px 0 10px 0;}

#news  .tickercontainer { /* the outer div with the black border */
border-top: 2px solid #db224e;
border-bottom: 2px solid #db224e;
background: #fff; 
width: 981px; 
height: 30px; 
margin: 0; 
padding: 0;
overflow: visible; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 971px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
color:#db224e;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
text-decoration: underline;
white-space: nowrap;
color:#db224e;
padding: 0;
font: bold 12px Arial;
font-size: 12px;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
color: #0D526B;
font: 12px Arial;
} 
ul.newsticker span.text {
white-space: nowrap;
color:#db224e;
padding: 0;
color: #db224e;;
font: bold 12px Arial;
font-size: 12px;
margin: 0 50px 0 0;
} 

/* Added from HPE
***************************************** */
.text_plus1 {
					font-size: 115%;
					line-height: 115%;
				}
				.text_plus2 {
					font-size: 130%;
					line-height: 130%;
				}
				.text_minus1 {
					font-size: 85%;
					line-height: 85%;
				}
				.text_minus2 {
					font-size: 70%;
					line-height: 70%;
				}
				
						h2.tit{width:579px;height:30px; background-color:#DFEEF3; margin-top:10px; margin-bottom:10px; line-height:26px;}
				h2.tit a{font-size:16px; margin-left:10px;}
				
				.term_title {width:569px;height:20px;font-weight:bold; background-color:#E0E0E0; padding-left:10px;line-height:18px;}
				.term_title span{font-size:14px;}
				.term_txt  {width:559px; height:auto; background-color:#EFEFEF; overflow:hidden;padding:10px;}
				.term_txt span  {font-size:12px;}
				
				
div.warstwa_back{
 	background-color: #fff;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90;
}

div.warstwa{
    left: 0;    
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 990;
}

div.warstwa div.content{
	height: 360px;
    margin: 200px auto;
    width: 643px;  
	background-image: url(../images/swieta_bg.png);
	background-repeat: no-repeat;
	background-position: center;  
}


div.warstwa div.content div.close{
	height: 26px;
	clear: both;
}

div.warstwa div.content div.close img{
	float: right;
	margin-right: -7px;
	margin-top: -7px;
	position: relative;
	cursor: pointer;
}

#address {
	margin-bottom: 5px;
}