/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
* {margin: 0; padding:0;}

body {
       margin-bottom: 10px;
       background: #CECECE url(images/img1.gif);
       font: normal 0.74em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
       color: #183055;
       padding: 15px 0 5px ;
}

h2 {
       font-size: 16px;
}

h3 {
       font-size: 1em;
}

h3 {
font-size: 0.9em;
line-height:2.4em;
}

h4 {
font-size: 0.8em;
}



p, blockquote {
       margin-top: 0;
}

a:link {
       color: #234374;
}

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

a:visited {
       color: #69c;
}



img {
       border: none;
}

blockquote {
        font-style:italic;
        padding:15px 0pt 15px 60px;
        }

blockquote strong {display: block; text-align: right;}

/* Header */


#header {
       width: 700px;
       height: 200px;
       margin: 0 auto 0;
}

#header h1 span {display:none; margin:0; padding:0;}
#header h1 {margin:0; padding:0; line-height:0.7em;}
#header h1 img {margin:0; padding:0;}


/* search form */
#search {width: 700px; margin: 0 auto;}

#search form p {margin: 0; padding: 0;}

#search_engine {border:1px dotted #aaa;
border-width: 0 1px;
float:right;
margin:0;
padding:0 0pt 0pt 5px;
width:213px;
font-size: xx-small;
}

#keywords {background:transparent none repeat scroll 0%;
border:dotted 1px white;
border:medium none;
color:#aaa;
float:left;
font-size: 11px;
width: 130px;
}

 input.searchbutton {
background:transparent url(images/search1.gif) no-repeat scroll 100% 0%;
border:none;
float:right;
height: 20px;
width: 20px;
}

 input.searchbutton:hover {
background:transparent url(images/search1_hov.gif) no-repeat scroll 100% 0%;
}


/*NAVIGATION*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {padding:0; margin:0; list-style:none; 
       font-size: 12px; 
       position:relative; z-index:100;}

#nav        {width: 700px;
       height: 41px;
       margin: 0 auto;
       background: #2E2E2E url(images/img3.gif)}

#nav table {border-collapse:collapse;}
#nav li {float:left; text-align:center;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#fff; 
       height:39px;
       line-height:39px; 
       text-decoration:none; 
       font-weight:bold; 
       }
#nav li li a {height:31px; 
       line-height:32px; 
       float:none;
       background: #2E2E2E url(images/img3.gif) repeat scroll 0 32%;
      }

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100;       
       background: url(images/img4.gif) ;
       color:#fff;}


#nav :hover  ul {left:0; top:23px; 
       z-index:300;}

#nav ul {position:absolute; 
       left:-9999px; 
       top:-9999px;
       margin-top: 12px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background: #2E2E2E url(images/img4.gif) repeat scroll 0 32%; color:#fff;}

#nav li a:hover ul li a:hover {background: url(images/img4.gif) repeat scroll 0 32%;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#nav a.current {
       background: url(images/img4.gif);
       color: #FFFFFF;
}

a#a {width:108px}
a#b {width:70px}
a#c, a.c_sub {width:167px}
a#d {width:130px}
a#e {width:65px}
a#f, a#g {width:80px}





.right {float: right;}

/* Content */

#content {
       position: relative;
       width: 700px;
       margin: 0 auto;
       background: url(images/img5.gif);
}

#colOne {
float:left;
width:180px;
}

.oferta {font-size:15px;
text-transform:lowercase;
letter-spacing:10px;
margin:0 0 0 10px ;
padding:8px 0pt 4px;
line-height: 1em;
color:#fff;
font-weight:bolder;}

#sidemenu {
list-style: none;
padding: 0;
margin:0 0 50px;
}

#sidemenu li {
display: block;
}
#sidemenu li hover {
background: url(images/bg_li.gif) 0% 10%;}

#sidemenu a {
color:#234374;
display:block;
padding:5px 10px 3px;
text-decoration:none;}

#sidemenu ul li a:hover, #colOne ul li .active a {
color: #FFFFFF;
}

#sidemenu a:hover, #menu .active a {
background: url(images/bg_li.gif);
color: #FFFFFF;
}


/*           MAIN           */

#colTwo {
       float: left;
       width: 520px;
}


#page, .page {	width:340px;
	padding: 0px 10px;}
#colTwo p.teaser {width:300px;
	padding: 0px 10px;}

.square {float: right;}

#colTwo p.teaserImg {
	width: 140px;
	height: 90px;
	float:right;
	clear: right;
	overflow:hidden;
	padding:0;
	border-bottom: 3px solid #fff;}

.teaserImg img {
	width: 140px;}

.paginator {margin: auto; 
	text-align: center;
	padding: 0 145px 0 5px;
	font-size: xx-small; }

.artTitle {padding: 20px 10px;
	height:43px;
	border-top: #fff 1px dotted;}

.cena {background:transparent url(images/sunprice.gif) no-repeat scroll 100% 0%;
padding:20px 33px 10px 20px;
position:absolute;
right:-27px;
top:51px;
width:130px;}

.cena h2 {
font-size:14px;
height:60px;
letter-spacing:-0.05em;
padding:17px 0 0 ;
text-align:right;}

.cena h2 b {font-size:22px;
        letter-spacing:-0.11em;}

.cena h3, .cena h4, .cena ul, .cena dl {padding: 5px 0 0; line-height: 1.6em;}

#page div.cena dl dt {font-size: 0.9em; font-weight:bold;}


.important {
padding:5px;
position:absolute;
right:0px;
top:0px;
width:130px;}


#colTwo dl {padding: 10px 0; font-size:small;}
#colTwo dt {font-size:1.2em;}
#colTwo dd {}



#colTwo ul li, #colTwo dd {
background:transparent url(images/v.gif) no-repeat scroll 0pt 3px;
list-style:none;
padding:2px 0 2px 21px;
line-height:1.4em;
}

#colTwo ul li ul li {
background: none;
list-style:circle;
padding:2px 0 2px 21px;
line-height:1.2em;
margin:0pt 0pt 0pt 13px;
padding:2px 0pt 2px 7px;
}


#colTwo ol li {

margin:0pt 0pt 0pt 17px;
padding:2px 0pt 2px 2px;
line-height:1.4em;
}

#colTwo ol li ol li {list-style-type:lower-alpha;}

#colTwo p {padding: 7px 0 2px;}

p.obrazki {text-align: center; margin: 20px 0;}
p.obrazki img {border:5px solid #FFFFFF;
margin:10px 20px;
width:300px;}

#colThree {
padding:10px;
position:absolute;
right:0pt;
top:0pt;
width:120px;
}

hr.separator {color: #790F0F; margin: 10px 0;}
p.backtotop {text-align: right;
       border-bottom: 1px #790F0F solid;
       font-size:xx-small;
       text-transform:uppercase;
       margin:20px 0 0 0 ;}
p.backtotop a {color:#790F0F; text-decoration:none;}

/* Footer */



#footer {
background:transparent url(images/img6.gif) repeat-x scroll 0% 0%;
font-size:smaller;
margin:0pt auto;
padding:18px 0pt 0pt 180px;
position:relative;
width:520px;
}

#rss {float: right;}

#busola {position:absolute;
width:254px;
height:260px;
left:-80px;
background:transparent url(images/busola_tr.gif) no-repeat;
top:-59px;}

#footer * {
       color: #aaa;
}

/* klasy dodatkowe dla pojedynczych stron */
.krajowe {width:500px;
	padding: 0px 10px;}
.krajowe p img {bottom:25px;
float:right;
position:relative;
right:-10px;
width:140px;
}
.krajowe h3 {clear:both; padding:0; margin: -20px 0 0 0 ;}
.krajowe p {padding:0;}