/* -------------------------------------------
project:  Pepco
date:    2009/01/14
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #555; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #0D67A0; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
html {height: 100.01%;}

/* basic text elements */
h1 {margin: 0 0 0.8em 0; color: #0F6399; font-size: 2em; font-family: Arial, Helvetica, sans-serif;}
h2 {margin: 1em 0 0.8em 0; font-size: 1.3em; font-weight: bold; }
h3 {margin: 1em 0 0.8em 0; font-size: 1.3em; font-weight: normal; }
h4 {margin: 1em 0 0.8em 0; font-size: 1.2em; font-weight: normal; }
p {margin: 1em 0 1em 0;}
ul, ol {margin: 1em 0 1em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}

/* basic form elements */
fieldset {border: none;}
legend {display: none;}
button {height: 1em; padding: 3px; border: 1px solid #000;  background: #0076BF; color:#fff; font-size:11px; cursor: pointer;}
table label {float: none; display: inline;}

/* layout
------------------------------------------- */
body {background: #fff url(../images/background.gif) left top repeat-x;}
#root {overflow: hidden; width: 940px; margin: 0 auto;}
	#header {margin-bottom: 20px;}
		#header h1 {margin: 0;}
			#header #logo {display: block; overflow: hidden; width: 550px; height: 75px; margin: 0; background: url(../images/logo.gif) no-repeat; text-indent: -10001px;}
		#utils {color: #d5d5d5; text-align: right;}
		#utils a, #utils a:visited {padding: 0 3px; color: #555;}
		#utils a:hover {color: #0D67A0; text-decoration: underline;}
		#listMenuRoot {height: 44px; margin: 0; background: url(../images/mainmenu-back.png) top repeat-x;}
			#listMenuRoot li {position: relative; float: left; list-style: none; margin: 0; padding: 0;}
			#listMenuRoot a, #listMenuRoot a:visited {display: block; z-index: 2; float: left; height: 44px; padding: 0 18px; border-right: 1px solid #82D1F2; background: url(../images/mainmenu.png) center top no-repeat; color: #fff; font-size: 1.1em; font-weight: bold; line-height: 44px; text-decoration: none;}
			#listMenuRoot a:hover, #listMenuRoot a.current, #listMenuRoot a.current:visited {background-position: center bottom; color: #FFE200; text-decoration: none;}
			#listMenuRoot ul {display: none; position: absolute; left: 0; top: 43px; z-index: 1; width: 200px; margin: 0; border-bottom: 1px solid #00ABED; background: #4FBFEE url(../images/submenu-back.png) left top repeat-x;}
			#listMenuRoot ul li {float: none; border: none; background: none;}
			#listMenuRoot ul li a, #listMenuRoot ul li a:visited {float: none; height: 30px; padding: 0 20px; border-top: 1px solid #5FC6F1; background: none; font-size: 1em; line-height: 30px;}
			#listMenuRoot ul li a:hover {color: #000;}
/*	#content {width: 940px; margin: 0 auto;} */
		#left-sidebar {float: left; width: 300px; margin: 0 20px 20px 0;}
			#left-sidebar li {list-style: none; margin: 0; background: url(../images/dotted-line.gif) bottom repeat-x; font-weight: bold;}
			#left-sidebar li.last {background: none;}
				#left-sidebar li a, #left-sidebar li a:visited {display: block; height: 2.8em; padding-left: 35px; background: url(../images/bullet.gif) 25px center no-repeat; line-height: 2.8em;}
				#left-sidebar li a:hover, #left-sidebar li a.current, #left-sidebar li a.current:visited {color: #000; text-decoration: none;}
		#main {float: right; width: 620px; margin: 0; padding: 0 0 20px 0;}
	#footer {margin: 20px auto; padding: 15px 0; background: url(../images/dotted-line.gif) left top repeat-x; color: #d2d2d2; text-align: left;}
		#footer strong {padding-right: 10px; color: #555; font-weight: normal;}
		#footer a {padding: 0 3px;}
	
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.mid {text-align: center;}
.news-date {color: #888;}
.lead {font-weight: bold;}
p.news-title {margin: 0 20px 10px 0;}
	.news-title a, .news-title a:visited {border-bottom: 1px dotted #000; color: #000; font-weight: bold; font-size: 1.1em;}
	.news-title a:hover {border-bottom: 1px solid #000; color: #0D67A0; text-decoration: none;}
ul.news li {list-style: none; margin-left: 0; margin-right: 20px; border-bottom: 1px solid #ededed; line-height: 1.8em;}
	ul.news li a, ul.news li a:visited {color: #000;}
	
.separator {clear: both; height: 7px; background: #eaeaea;}
.l {float: left; margin: 0 15px 15px 0; padding: 2px; border: 1px solid #ddd;}


/* special sections and elements
------------------------------------------- */
#banner {float: right; overflow: hidden; width: 619px; height: 200px;}
	#banner h2 {display: none;}
#gazetka {position: relative; float: left; width: 300px; height: 201px; background: url(../images/banners/banner-gazetka.jpg) no-repeat;}
#sidebar #gazetka {background: url(../images/banners/banner-gazetka2.jpg) no-repeat;}
	#gazetka h2 {display: none;}
	#gazetka p {margin: 0; }
	#gazetka #g-info {position: absolute; left: 20px; top: 30px;}
	#gazetka #g-link {display: block; position: absolute; left: 0px; top: 136px; width: 140px; height: 20px; padding: 0 15px 0 5px; color: #fff; line-height: 20px; text-decoration: none;}
	#gazetka #g-link:hover {color: #fff; text-decoration: underline;}


.col3 {float: left; width: 300px; margin: 20px 0 0 0;}
.col3.box {padding-bottom: 10px; background: url(../images/3cols-bottom.png) left bottom no-repeat;}
#box2.col3 {margin: 20px 20px 0 0px;}

.col3 h2 {overflow: hidden; height: 34px; margin: 0; background: url(../images/headers.png) left top no-repeat; text-indent: -10001px;}
#box2.col3 h2 {background-position: 0 -34px;}
#box3.col3 h2 {background-position: 0 -68px;}
		.box-content {border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
form#store-search {height: 175px; padding: 1px 20px; background: url(../images/store-search-back.gif) center top no-repeat;}
.footer form#store-search {height: 150px; padding-bottom: 10px; padding-left: 0px; background: url(../images/store-search-back2.gif) right top no-repeat;}
form#store-search p {margin-bottom: 5px;}
.footer form#store-search p {margin-bottom: 5px; margin-left: 0;}
form#store-search label {margin: 2px 0 0 0; color: #000; font-weight: bold; }
.footer form#store-search label {margin: 15px 0 0 0;}
form#store-search select {width: 225px; margin: 3px 0; padding: 5px; padding: 5px; border: 1px solid #d2d2d2;  background: #fff url(../images/input.png) no-repeat;}
form#store-search button {width: 62px; height: 21px; border: none; background: url(../images/button1.png) no-repeat; color: #fff; line-height: 21px;}
.footer form#store-search button {margin-top: 5px;}

.col3.column { width: 260px; padding: 10px 20px; background: url(../images/shadow-bottom.png) left bottom repeat-x;}
.col3.column h2 {height: 27px; position: relative; top: -10px;}
#col1.col3 h2 {background-position: -20px -129px;}
#col2.col3 h2 {background-position: -20px -102px;}
#col3.col3.footer h2, #store-search h2 {margin-left: -20px; background-position: 0 -183px;}
#col3.col3.footer #box3.col3.box {background: none;}
#col3.col3.footer #box3.col3.box .box-content {border: none; }
#col3.col3.footer #box3.col3.box form#store-search {padding: 0; border: none; background: none;}
#col2-wrapper {float: left; margin: 20px 10px 0 10px; padding: 0 9px; border-left: 1px solid #ededed; border-right: 1px solid #ededed;}
#col2 {margin-top: 0;}
#col3.col3 h2.dojazd {background-position: 0 -156px;}

.advert {display: block; text-align: center; text-decoration: none;}

p.prev {float: left; margin: 0; padding: 5px 20px;}
p.next {float: right; margin: 0; padding: 5px 20px;}

#map {float: right; width: 620px;}

/* styl przyciskow */

/* normalny */
.block_button
{ background-color:#fff;  color:#0D67A0;  padding:1px 6px 3px;  font-size:11px;  border: 0px solid #000;  height:1em;  cursor:hand; position:relative; * bottom:-3px }
/* najechany myszka */
.block_button_hover, .block_button_hover:visited, .block_button_hover:hover
{ background-color:#0D67A0; color:#fff;  padding:1px 6px 3px;  font-size:11px;  border: 0px solid #000;  height:1em;  cursor:hand; text-decoration:none; position:relative; * bottom:-3px; }

.bigger {margin: 1em 0 0.8em 0; color: #000; font-size: 1.5em; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
.big {margin: 1em 0 0.8em 0; font-size: 1.5em;}

.block_style {padding: 10px; border: 1px solid #000;}

#left-sidebar .col3.box {margin-left: 0; margin-right: -11px;}

.spacer {height: 10px;}
p.design {float: right; line-height: 12px; padding-top: 20px;}
p.design img {position: relative; top: 3px;}
/* zaremowane przez Softeris
ul.footerbanner {position: relative; height: 60px; list-style: none;}
ul.footerbanner li {display: block; position: absolute; left: 0; top: 0; width: 251px; height: 60px; margin: 0; padding: 0;}
*/
/* dodane przez Softeris */
.javalink {color: #0D67A0; cursor:hand;} /* przyciski przewijania w blokach Najlepszy zakup i Super hit*/
.thumbnail {border:1px solid #DDDDDD} /* domyślnie lokalizacja zdjęcia w informacjach */
img.thumbnail {margin-left:20px; margin-bottom:20px} /* domyślnie lokalizacja zdjęcia w informacjach */
#col3.col3 h2.bannerki {background-position: 0 -211px;} /* nowy blok */
.col3.column { * width: 300px; } /* znowu kiks merixa z box model dla ie */
body { * text-align: center } #root { * text-align:left } /* poprawka kiksu merixa z niepodaniem url doctype czyli quirskami */
.list_item { margin-bottom:20px; }
.list_item_hover { margin-bottom:20px; }
.divider { border-bottom:1px solid #dddddd; margin:20px 0px; }
#art_extra { display:none }
#art_similar { display:none }