@import url("reset.css");

/* 
/*
/*
/*     Pozytywne Strony
/*  www.pozytywnestrony.pl
/*  
/*
/*
*/

body {
  background: #363d55;
  font-family: Verdana, sans-serif;
  font-size: 70%;
  line-height: 1.3;
  word-spacing: 1.3pt;
  color: #2f3548;
  
  }
  
/* linki etc. */

a {
  color: #c7c34a
  }

a:hover {
  color: #b5b143
  }

a:active {
  color: #d4cf4e
  }

a:visited {
  
  }  

p {
  margin: 0 0 1em 0;
  line-height: 1.4;
  
  }

h1 {
  font-size: 2em;
  font-family: Trebuchet MS, Verdana, sans-serif;
  color: #646876;
  font-weight: bold;
  letter-spacing: 2pt;
  margin: 0 0 0.5em 0;
  }

h2 {
  font-size: 1.6em;
  font-family: Trebuchet MS, Verdana, sans-serif;
  color: #646876;
  word-spacing: 3pt;
  margin: 0 0 1em 0;
  font-weight: normal;
  }
  
h3 {
  font-size: 1.4em;
  font-family: Trebuchet MS, Verdana, sans-serif;
  color: #646876;
  word-spacing: 3pt;
  margin: 0 0 1em 0;
  font-weight: normal;
  }

strong {
  color: #707586;
  font-weight: bold;
  }

em {   
  font-style: italic;
  }

ul {
  list-style: none;
  margin: 0 0 1em 2em;
  }

ul li {
  background: transparent url(gfx/list_arrow.gif) 0 3px no-repeat;
  padding: 0 0 0 1em;
  margin: 0 0 0.4em 0;
  width: 100%;
  }

ol {
  list-style: none;
  margin: 0 0 1em 3em;
  color: #ccc20c;
  }

ol li {
  list-style-type: decimal;
  margin: 0 0 0.3em 0;
  color: #2f3548;
  }

.nodisplay {
  display: none;
  }

.noprint {  
  
  }

.srodek {
  text-align: center;
  }

.left {
  text-align: left;
  }

.right {
  text-align: right;
  }

.error {  
  text-align: center;
  width: 400px;
  height: 200px;
  border: 3px dotted #e8e8e8;
  padding: 5em 0 0 0;
  background: #f0f0f0;
  margin: 2em auto;
  }

.clear {  
  clear: both;
  }

#flash-player {
  position: relative;
  width: 150px;
  height: 85px;
  text-align: center;
  margin: 0 auto;
  padding: 15px 0 0 0;
  border: 2px dotted #9b9b9b;
  clear: both;
  }

a#detect-flash {
  color: blue;
  }

/* main */

#background-strip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 786px;
  background: transparent url(gfx/background_strip.gif) top left repeat-x;
  
  z-index: 1;
  
  }

#top {
  position: relative;
  margin: 0 auto;  
  width: 960px;
  height: 151px;
  background: transparent url(gfx/top.jpg) top left no-repeat;
  z-index: 3;
  
  }

#logo {
  position: absolute;
  top: 35px;
  left: 81px;
  width: 272px;
  height: 74px;
  background: transparent url(gfx/logo.jpg) top left no-repeat;
  z-index: 1;
  }

#middle {
  position: relative;
  width: 960px;
  margin: 0 auto;
  background: transparent url(gfx/under.gif) top left repeat-y;
  z-index: 2;
  
  }

#middle-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 960px;
  height: 782px;
  background: transparent url(gfx/background_middle.jpg) top left no-repeat;
  z-index: 3;
  
  }

#container {
  position: relative;
  width: 800px;
  z-index: 5;
  margin: 0 0 0 58px;
  
  }

/* left content */

#left-content {
  position: relative;
  float: left;
  width: 188px;
  height: 627px;
  
  }
  

/* menu */

#menu {
  position: relative;
  width: 188px;
  height: 393px;
  margin: 0 0 0 0;
  z-index: 11
  }

#menu-list {
  margin: 0 0 15px 0; 
  }

#menu ul {
	list-style-type: none;
  margin: 0;
  }
  
#menu ul li {
  display: inline;
  background: none;
  padding: 0;
  }

#menu ul li a {
	float: left;
  display: inline;
}

#menu ul li a span {
	display: none;
  }

#menu ul li a#menu-li-1 {
	position: relative;
  width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_not_active.png) no-repeat;
  background-position: 0 0;
  }

#menu ul li a#menu-li-1:hover {
	position: relative;
  width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_hover.png) no-repeat;
  background-position: 0 0;
  }

#menu ul li a#menu-li-1-active {
	position: relative;
  width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_active.png) no-repeat;
  background-position: 0 0;
  }

#menu ul li a#menu-li-2 {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_not_active.png) no-repeat;
  background-position: 0 -30px;
  }

#menu ul li a#menu-li-2:hover {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_hover.png) no-repeat;
  background-position: 0 -30px;
  }

#menu ul li a#menu-li-2-active {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_active.png) no-repeat;
  background-position: 0 -30px;
  }

#menu ul li a#menu-li-3 {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_not_active.png) no-repeat;
  background-position: 0 -60px;
  }

#menu ul li a#menu-li-3:hover {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_hover.png) no-repeat;
  background-position: 0 -60px;
  }

#menu ul li a#menu-li-3-active {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_active.png) no-repeat;
  background-position: 0 -60px;
  }

#menu ul li a#menu-li-4 {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_not_active.png) no-repeat;
  background-position: 0 -90px;
  }

#menu ul li a#menu-li-4:hover {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_hover.png) no-repeat;
  background-position: 0 -90px;
  }

#menu ul li a#menu-li-4-active {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_active.png) no-repeat;
  background-position: 0 -90px;
  }

#menu ul li a#menu-li-5 {
	width: 188px;
	height: 46px;
  background: url(gfx/menu/menu_not_active.png) no-repeat;
  background-position: 0 -120px;
  }

#menu ul li a#menu-li-5:hover {
	width: 188px;
	height: 46px;
  background: url(gfx/menu/menu_hover.png) no-repeat;
  background-position: 0 -120px;
  }

#menu ul li a#menu-li-5-active {
	width: 188px;
	height: 46px;
  background: url(gfx/menu/menu_active.png) no-repeat;
  background-position: 0 -120px;
  }

#menu ul li a#menu-li-6 {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_not_active.png) no-repeat;
  background-position: 0 -166px;
  }
  
#menu ul li a#menu-li-6:hover {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_hover.png) no-repeat;
  background-position: 0 -166px;
  }

#menu ul li a#menu-li-6-active {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_active.png) no-repeat;
  background-position: 0 -166px;
  }

#menu ul li a#menu-li-7 {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_not_active.png) no-repeat;
  background-position: 0 -196px;
  }

#menu ul li a#menu-li-7:hover {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_hover.png) no-repeat;
  background-position: 0 -196px;
  }

#menu ul li a#menu-li-7-active {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_active.png) no-repeat;
  background-position: 0 -196px;
  }

#menu ul li a#menu-li-8 {
	width: 188px;
	height: 31px;
  background: url(gfx/menu/menu_not_active.png) no-repeat;
  background-position: 0 -226px;
  }

#menu ul li a#menu-li-8:hover {
	width: 188px;
	height: 31px;
  background: url(gfx/menu/menu_hover.png) no-repeat;
  background-position: 0 -226px;
  }
  
#menu ul li a#menu-li-8-active {
	width: 188px;
	height: 31px;
  background: url(gfx/menu/menu_active.png) no-repeat;
  background-position: 0 -226px;
  }

#menu ul li a#menu-li-9 {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_not_active.png) no-repeat;
  background-position: 0 -256px;
  }

#menu ul li a#menu-li-9:hover {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_hover.png) no-repeat;
  background-position: 0 -256px;
  }
  
#menu ul li a#menu-li-9-active {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_active.png) no-repeat;
  background-position: 0 -256px;
  }  
  
#menu ul li a#menu-li-10 {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_not_active.png) no-repeat;
  background-position: 0 -286px;
  }

#menu ul li a#menu-li-10:hover {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_hover.png) no-repeat;
  background-position: 0 -286px;
  }

#menu ul li a#menu-li-10-active {
	width: 188px;
	height: 30px;
  background: url(gfx/menu/menu_active.png) no-repeat;
  background-position: 0 -286px;
  }

#menu ul li a#menu-li-11 {
	width: 188px;
	height: 31px;
  background: url(gfx/menu/menu_not_active.png) no-repeat;
  background-position: 0 -316px;
  }

#menu ul li a#menu-li-11:hover {
	width: 188px;
	height: 31px;
  background: url(gfx/menu/menu_hover.png) no-repeat;
  background-position: 0 -316px;
  }

#menu ul li a#menu-li-11-active {
	width: 188px;
	height: 31px;
  background: url(gfx/menu/menu_active.png) no-repeat;
  background-position: 0 -316px;
  }

/* newsletter */

#newsletter {
  width: 188px;
  height: 150px;
  padding: 35px 0 0 0;
  }

#newsletter p#wstep {
  float: right;
  width: 160px;
  margin: 0 0 15px 0;
  color: #2f3548;
  font-size: 80%;
  line-height: 1.3;
  word-spacing: 1.5pt;
  }

#newsletter div.opis-formularza {
  float: right;
  width: 160px;
  margin: 0 0 4px 0;
  color: #767a87;
  font-size: 80%;
  }

#newsletter div.input {
  float: right;
  width: 160px;
  color: #454b61;
  font-size: 80%;
  }

#newsletter .newsletter-input {
  border: 1px solid white;  
  width: 123px;
  height: 18px;
  margin: 0 0 13px 0;
  background: transparent url(gfx/newsletter_input_bkgnd.gif) top left no-repeat;
  }

#newsletter div#newsletter-wyslij {
  float: right;
  background: transparent url(gfx/newsletter_wyslij.jpg) 100% left no-repeat;
  padding: 10px 0 0 0;
  }

div#newsletter-errory div.blad {
  width: 300px;
  height: 90px;
  border: 3px dotted #e8e8e8;
  padding: 2em 0 0 0;
  background: #f0f0f0;
  text-align: center;
  margin: 0 auto 2em auto;
  }

div#newsletter-errory div.sukces {
  width: 300px;
  height: 55px;
  border: 3px dotted #e8e8e8;
  padding: 2em 0 0 0;
  background: #f0f0f0;
  text-align: center;
  margin: 0 auto 2em auto;
  }

/* right content */

.ramka {
  float: right;
  width: 520px;
  border: 1px solid #e8e8e8;
  margin: 0 0 1em 0;
  padding: 1em;
  }

#right-content {
  position: relative;
  float: right;
  width: 570px;
  padding: 45px 0 0 0;
  
  z-index: 10;
  }

#right-content div#inner {
  position: relative;
  float: left;
  width: 550px;
  min-height: 716px;
  padding: 0 0 3em 0;
  }

#right-content div#inner img {  
  border: 1px solid #d2d2d2;
  padding: 7px;
  }

#right-content p {
  margin: 0 0 1em 0;
  }

.decor-line {
  position: relative;
  float: left;
  width: 550px;
  height: 25px;
  background: transparent url(gfx/decor_line.png) top right no-repeat;
  margin: 0 0 10px 0;
  }

/* aktualnosci */

div.aktualnosci-archiwum h3 {
  margin: 0;
  }

div.aktualnosci-archiwum h2 {
  margin: 0;
  }

div.aktualnosci-archiwum h2 a, h3 a {
  text-decoration: none;
  }

div.aktualnosci-archiwum div.data, span.data-artykul {
  color: #d4d4d4;
  margin: 0 0 1em 0;
  }  
  
div.aktualnosci-archiwum div.wiecej {
  position: relative;
  float: right;
  padding: 0 3em 0 0;
  }
/* sklep stylisty */

.sklep-fotka {
  position: relative;
  float: left;
  }

.sklep-opis {
  position: relative;
  width: 380px;
  float: left;
  margin: 0 0 0 20px;
  }

/* kontakt */

#formularz-kontakt {
  width: 403px;
  margin: 0 auto;
  }

.inputy {
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  border: 1px solid silver;
  background: white url(/_layout/gfx/input.png) no-repeat top left;
  padding: 3px;
  margin: 3px 3px 3px 3px;
  width: 390px;
  }

.przycisk {
  width: 100px;
  margin: 0 10px 0 10px;
  }
  
div#formularz-kontakt div#przyciski {
  text-align: center;
  }

div#formularz-kontakt div.blad {
  width: 300px;
  height: 90px;
  border: 3px dotted #e8e8e8;
  padding: 2em 0 0 0;
  background: #f0f0f0;
  text-align: center;
  margin: 0 auto 2em auto;
  }

div#formularz-kontakt div.sukces {
  width: 300px;
  height: 55px;
  border: 3px dotted #e8e8e8;
  padding: 2em 0 0 0;
  background: #f0f0f0;
  text-align: center;
  margin: 0 auto 2em auto;
  }

/* formularz zgloszeniowy */

#formularz-zgloszeniowy { 
  width: 403px;
  margin: 2em auto 0 auto;
  }

#pytania-uwagi {
  width:390px;
  height:100px;
  }

div#formularz-zgloszeniowy div.blad {
  width: 300px;
  height: 90px;
  border: 3px dotted #e8e8e8;
  padding: 2em 0 0 0;
  background: #f0f0f0;
  text-align: center;
  margin: 0 auto 2em auto;
  }

div#formularz-zgloszeniowy div.sukces {
  width: 300px;
  height: 55px;
  border: 3px dotted #e8e8e8;
  padding: 2em 0 0 0;
  background: #f0f0f0;
  text-align: center;
  margin: 0 auto 2em auto;
  }

/* mapa strony */

li.mapa-strony {
  background: none;
  padding: 0 0 0 0;
  }

/* onas */ 

#fotka-onas {
  position: relative;
  float: left;
  width: 157px;
  text-align: center;
  }

#opis-onas {  
  position: relative;
  float: right;
  width: 370px;
  }

/* klienci */

div#klienci {
  padding: 35px 0 0 0;
  }

div#klienci img {
  margin: 0.5em;
  padding: 1em;
  border: 1px solid #d2d2d2;
  }

/* footer */

#footer {
  position: relative;
  width: 960px;
  height: 56px;
  margin: 0 auto;
  background: transparent url(gfx/footer.jpg) top left no-repeat;
  z-index: 2;
  
  }
  
#footer-credits {
  position: relative;
  float: left;
  width: 325px;
  height: 39px;
  margin: 18px 0 0 230px;
  background: transparent url(gfx/footer_credits.jpg) top left no-repeat;
  }
  
div#footer-credits a span {
	display: block;
  }

div#footer-credits a#link span {
  position: relative;
  margin: 14px 0 0 123px;
  background: transparent;
  height: 13px;
  width: 141px; 
  clear: both;
  }
 
div#footer-credits a#link:hover span {
  position: relative;
  margin: 14px 0 0 123px;
  background: transparent url(gfx/createdby.gif) top left no-repeat;
  height: 13px;
  width: 141px;
  clear: both;
  }