body { background:url(../img/body-bg.gif) repeat-x top #F6F8F9; font-size:12px; text-align:center; color:#3F5D69; font-family:Arial, Verdana, sans-serif; }

/* wyzerowanie marginesow i paddingow */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* clearing float */
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }

/* usuniecie obramowania obrazkow */
img { border: 0; }

/* common styles */
.floatleft { float:left; }
.floatright { float:right; }
p { line-height:150%; }
a { color:#969696; text-decoration:none; }

/* Main container */
#container { background:url(../img/container-bg.gif) repeat-x top #fff; width:950px; margin:0 auto; padding-bottom:5px; }

/* left side */
#left-side { width:196px; margin-top:70px; margin-bottom:10px; }
#left-side2 { width:196px; margin-bottom:10px; }

#menu { background:#fff; padding-top:5px; text-align:left; width:196px; }
#menu ul { width:186px; margin-left:5px; background:url(../img/menu-bg.png) repeat-y #EA0F00; list-style-type:none; }
#menu ul li { border-bottom:1px dotted #f4c3c2; height:35px; }
#menu ul li a { background:url(../img/arrow.gif) no-repeat 1px 6px; padding: 0 0 0 13px; margin-left:8px; line-height:200%; color:#FAF9F5; font-size:16px; font-style:italic; text-decoration:none; }
#menu ul li a:hover { margin-left:10px; }

#menu .infobox { padding:35px 0; width:186px; margin-left:5px; background:url(../img/menu-bg.png) repeat-y #EA0F00; text-align:center; }
#menu .infobox p { color:#fff; font-size:16px; }
#menu .infobox p span { font-size:24px; }

/* middle side */
#side { width:700px; background:url(../img/middle-bg.jpg) no-repeat top left; }
#middle-side { width:558px; background:url(../img/middle-bg.jpg) no-repeat top left; }
.contactbox { width:550px; height:104px; margin:0 auto; margin-top:206px; }
.promocje { position:relative; background:url(../img/promocje.jpg) no-repeat top; width:550px; height:133px; margin:0 auto; }
.promocje a { font-style:italic; font-weight:bold; position:absolute; right:14px; bottom:10px; }

#content { text-align:left; padding:8px 20px 12px 20px; }
#content h2 { font-size:18px; color:#ce0100; font-style:italic; padding-bottom:6px; }

#content2 { margin-top:206px; text-align:left; padding:8px 20px 12px 20px; }
#content2 h2 { font-size:18px; color:#ce0100; font-style:italic; padding-bottom:6px; }


/* right side */
#right-side { width:196px; text-align:left; margin-bottom:10px; }
#right-side2 { width:196px; margin-top: 100px; text-align:left; margin-bottom:10px; }
.logo { margin-top:22px; }
.loginbox { height:130px; background:#e1e9ed; }
h4 { font-size:12px; font-weight:bold; border-bottom:1px dotted #62686a; padding:10px 5px 2px 8px; margin:0 6px;}

#loguj { text-align:right; margin:9px 15px; }
#loguj div { margin-bottom:3px; }
#loguj input { width:95px; height:17px; border:1px solid #b2bfc4; padding:1px 2px; }
#loguj input.submit { border:none; background:url(../img/loguj.png) no-repeat; width:66px; height:18px; padding:0; margin:0; cursor:pointer; }

#newsletterbox { height:116px; margin-top:5px; background:url(../img/red-bg.png) repeat-y left #FE1800; text-align:center; }
#newsletterbox p, #calendar p { color:#fff; font-size:11px; padding-top:5px; }
#newsletterbox p span, #calendar p span { font-size:14px; font-style:italic; font-weight:bold; }

#newsletterbox input { border:1px solid #ad0200; width:175px; height:17px; padding:1px 2px; }
#newsletterbox input.submit-news { border:none; background:url(../img/zapiszsie.png) no-repeat; width:97px; height:20px; padding:0; margin:8px 0 0 0; cursor:pointer; }

.separator { height:16px; background:#e1e9ed; margin:5px 0; }
.redseparator { height:24px; background:#FB1800; width:940px; margin:0px auto; margin-bottom:0px; }
#calendar { background:url(../img/red-bg.png) repeat-y left #FE1800; text-align:center; height:173px; }

/* footer */
#footer { background:url(../img/footer-bg.gif) repeat-x top; height:30px; width:950px; margin:0 auto; text-align: left; padding-bottom: 15px;}
#footer div.bottom_box { display: block; width: 140px; float: left; padding-left: 15px; text-align: left; }
#footer div.bottom_box h3 { padding: 5px; line-height: 150%;}
#footer div.bottom_box ul { list-style-type:square; padding-left: 15px; } 
#footer div.bottom_box a { color: darkred; line-height: 150%; }
#footer div.bottom_box a:hover { text-decoration: underline; }


/* sitemap */
div.sitemap_box { display: block; width: 190px; float: left; padding-left: 15px; text-align: left; }
div.sitemap_box h3 { padding: 5px; line-height: 150%;}
div.sitemap_box ul { list-style-type:square; padding-left: 15px; } 
div.sitemap_box a { color: darkred; line-height: 150%; }
div.sitemap_box a:hover { text-decoration: underline; }

#formularz { float: right; width: 300px; padding: 20px; border: 1px dotted #3F5D69; margin-bottom: 10px; }
#formularz label { display:block; float:left; line-height:25px; text-align:right; width:80px; }
#formularz input, #formularz select, #formularz textarea  { float:left; margin-left:10px; padding:3px; width: 170px; }
#formularz div { padding: 6px; clear: both; }
#formularz input.error { border: 1px solid red; }
#formularz span.error { color: red; font-size: 10px; margin-left: 10px; }


#pakowanie ul li { line-height: 150%; }
#pakowanie ol { padding-left: 30px; }
#pakowanie ol li { line-height: 200%; }
#pakowanie ol li a:hover { color: #CE0100; }
#pakowanie ol li a { color: #000000; font-weight: bold; }
#pakowanie ol li ul { padding-left: 30px; list-type: square; }
#pakowanie ol li ul li { line-height: 200%; }
#pakowanie p {line-height: 150%; padding: 10px; }
#pakowanie span { line-height: 200%; font-size: 15px; font-weight: bold; border-bottom: 2px solid #CE0100; margin: 5px; padding: 5px; }


#tab_cennik { padding: 5px; }
#tab_cennik tr th { padding: 3px; border: 1px solid #CE0000; }
#tab_cennik tr td { padding: 3px; border: 1px solid #ddd; }
#tab_cennik tr td select { width: 100%; border: 0px; }
#tab_cennik tr td input { width: 100%; border: 0px; border-bottom: 1px dotted #ccc; color: #CE0100; }
#tab_cennik tr td.error { border: 1px solid red; }
span.error { color: red; font-size: 10px; margin-left: 10px; }

.ramka { border: 1px solid #ccc; padding-top: 10px; }
.ramka legend { font-weight: bold; padding: 3px; } 


a.conversion_button {
	padding: 20px;
	border: 2px dotted darkred;
	color: darkred;
	font-size: 20px;
	font-weight: bold;
}

a.conversion_button:hover {
	text-aling: center;
	padding: 20px;
	border: 2px dotted #000000;
	background: darkred;
	color: #ffffff;
	
}


#right-tagi {  }
#right-tagi ul { display: block; width: 196px; float: left; }
#right-tagi li { color: #aaa; float: left; padding: 4px; display: inline; }
#right-tagi li.s1 { font-size: 12px; }
#right-tagi li.s2 { font-size: 9px; }
#right-tagi li.s3 { font-size: 11px; }
#right-tagi li.s4 { font-size: 8px; }

#partnerzy td { padding: 5px; border: 1px solid #ccc; }

ul.list { padding-left: 15px; line-height: 150%; list-style-type:square; }
ul.list li { padding-left: 10px; line-height: 150%; }