body {font-family: Verdana; font-size: 11px; line-height: 18px; color: #848484; margin: 0; padding: 0; }

#layout { text-align: center; margin: 0 auto; width: 960px ; overflow: hidden; clear: both; padding: 0 10px 10px 10px; }

#lang { text-align: right; padding: 4px 4px 0 0; }

#header { width: 960px ; overflow: hidden; clear: both; height: 113px; background: url(../img/header_b.jpg) top left no-repeat; }

#header_logo { float: left; margin: 27px 0 0 0 ; }

#header_info { float: right; margin: 10px 0 0 0 ; text-align: right; color: #525252; }
#header_info p { margin: 0; padding: 0; }
#header_info span { font-weight: bold; color: #Bb0202; font-size: 12px; }
#header_info a { color: #525252; text-decoration: none;}
#header_info a:hover { color: #BB0202; text-decoration: underline; }

#menu { width: 960px ; overflow: hidden; clear: both; height: 33px; background: url(../img/menu_b.gif) top left repeat-x; text-align: left; font-size: 9px; }
#menu a { color: #383838; text-decoration: none; padding: 10px 10px 11px 10px; font-weight: bold; }
#menu a:hover { color: #Bb0202; text-decoration: none; }
#menu img { vertical-align: middle; }

#content { width: 960px ; overflow: hidden; clear: both; text-align: left; margin: 2px 0 0 0; position: relative; }

#content_homepage_news { position: absolute; top: 0; left: 660px; width: 300px; height: 395px; background: url(../img/homepage_news_back.gif); overflow: hidden; }
#content_homepage_news_text { margin: 20px; }
#content_homepage_news_rss { float: left; width: 300px; text-align: right; }
#content_homepage_news_rss img { margin: 4px 4px 0 0; border: 0; }

#content_top { width: 960px ; overflow: hidden; clear: both; background: url(../img/content_top_b.gif) top left repeat-y; margin: 0 0 2px 0; }

#content_left { float: left; width: 663px; }

#content_right { float: right; width: 257px; padding: 25px 20px 0 20px; }

.news { overflow: hidden; clear: both; line-height: 16px; margin: 0 0 20px 0; }

.news_date { font-size: 10px; overflow: hidden; clear: both; margin: 0 0 3px 0; }

.news_title { color: #000000; font-size: 12px; overflow: hidden; clear: both; margin: 0 0 3px 0; }
.news_title a { color: #000000; text-decoration: none; }
.news_title a:hover { color: #000000; text-decoration: underline; }

.news_text { overflow: hidden; clear: both; margin: 0 0 3px 0; }
.news_text span { color: #Bb0202; font-weight: bold; }
.news_text a { color: #Bb0202; text-decoration: underline; }
.news_text a:hover { color: #000000; text-decoration: underline; }

#content_bottom { width: 960px; overflow: hidden; clear: both; border-top: 1px solid #A41732; border-bottom: 1px solid #A41732; padding: 3px 0 3px 0; }

#footer { width: 960px ; overflow: hidden; clear: both; border-top: 4px solid #EEEEEE; }
.footer_text { float: right; margin: 0 0 0 25px; display: inline; }
.footer_text a { color: #848484; text-decoration: none; }
.footer_text a:hover { color: #000000; text-decoration: underline; }

a { color: #Bb0202; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }

#shops_map { width: 210px; float: left; }
#sklepy_lista { width: 440px; float: right; }

/*subpage*/
#content_top_subpage { width: 960px ; overflow: hidden; clear: both; background: url(../img/content_top_b_subpage.gif) top left repeat-y; margin: 0 0 2px 0; }

#content_right_subpage { float: right; display:inline;width: 660px; margin-top:15px;padding: 0 20px 30px 20px;text-align:justify }
#content_right_subpage ul{list-style:square;padding:0px 0 5px 30px}
.sklepy table {border:0px;border-collapse:collapse;}
.sklepy table td {padding:5px;border:0px}
#content_right_subpage h1 {color:#A1152F;font-size:23px;font-weight:normal;margin:0 0 15px 0;}
#content_right_subpage h2 {color:#A1152F;font-size:17px;font-weight:normal;margin:20px 0 15px 0;}
#content_right_subpage h3 {color:#A1152F;font-size:17px;font-weight:normal;margin:10px 0 5px 0;}
#content_right_subpage img {padding:5px;border:4px solid #e0e0e0}
#content_right_subpage .img_no_border {border:0px;padding:0}
#content_left_subpage { float: left;display:inline; width: 220px; padding: 15px 20px 0 20px; }
#subpage_menu {overflow: hidden;width:220px}
#subpage_menu ul  {list-style:none;margin:0 0 10px 0;padding:0 0 0 0px}
#subpage_menu ul li {background: url(../img/submenu_style.gif) no-repeat 0px 5px;padding:0 0 5px 15px;}
#subpage_menu ul li a{color: #BB0202;text-decoration:none}
#subpage_menu ul li a:hover {color:#86878B;text-decoration:underline}

/*form*/
#form_order fieldset {width:530px;color:#Bb0202;margin:10px 0 0 0;border:1px solid #e0e0e0;padding: 10px 0 10px 25px}
#form_order fieldset legend {color:#Bb0202;font-weight:bold;}
#form_order .form_position {margin:10px 0 10px 0;width:530px}
.form_position label {width:170px;float:left;display:inline;margin:0 20px 0 3px;color:#525252;font-weight:normal;text-align:left;}
.form_position label .wymagane {color:#Bb0202;font-weight:bold;}
.form_position input, select, textarea {float:left;display:inline;color:#525252;font-size:11px;font-family:tahoma;}
.form_position input {width:297px;padding:3px 0 3px 3px;border-top:1px solid #929292;border-left:1px solid #929292;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}

.form_position textarea {width:297px;padding:3px 0 0 3px;height:70px;border-top:1px solid #929292;border-left:1px solid #929292;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}

.form_position select {width:280px;border-top:1px solid #929292;border-left:1px solid #929292;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.form_position .select_multiple { height: 150px;}
.form_position .input_checkbox {float:left;display:inline;color:#525252;font-size:11px; border: none; width: 20px !important;}

.font_small {font-size:9px;color:#999;line-height:12px;}
#form_order .input_btn {width:100px;float:right;margin:0 10px 0 0}

#pola_ukryte { display: none; }

#content_homepage_news_text {}
#content_homepage_news_text ul { float: left; margin: 0; padding:0 ;}
#content_homepage_news_text ul li {float: left; list-style: none; margin: 0; padding:0 ; width: 250px;}
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Master button styles - note that left and right 
versions are included although they are not used in this example */

.simply-scroll-btn {
	position: absolute;
	background-image: url(buttons.png);
	width: 42px;
	height: 44px;
	z-index:3;
	cursor: pointer;
}
	
.simply-scroll-btn-left {
	left: 6px;
	bottom: 6px;
	background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
	background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover {
	background-position: 0 -88px;
}
	
.simply-scroll-btn-right {
	right: 6px;
	bottom: 6px;
	background-position: 84px -44px;
}
.simply-scroll-btn-right.disabled {
	background-position: 84px 0 !important;
}
.simply-scroll-btn-right:hover {
	background-position: 84px -88px;
}
	
.simply-scroll-btn-up {
	right: 6px;
	top: 6px;
	background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
	background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover {
	background-position: -126px -88px;
}
	
.simply-scroll-btn-down {
	right: 6px;
	bottom: 6px;
	background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
	background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover {
	background-position: -42px -88px;
}

/* Custom class modifications - adds to / overrides above

Vertical scroller example, with custom base class */

/* Container DIV */
.vert { 
	width: 300px; /* wider than clip for custom button pos. */
	height: 400px;
	margin-bottom: 1.5em;
	float:left;
}

/* Clip DIV */
.vert .simply-scroll-clip {
	width: 290px;
	height: 400px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
	width: 290px;
	height: 220px;
}

/* Modified button positions, overriding previous styles */
.vert .simply-scroll-btn-up { 
	right: 0;
	top: 0;
}

.vert .simply-scroll-btn-down { 
	right: 0;
	top: 52px;
}
