@import url(http://fonts.googleapis.com/css?family=Cuprum);

* {
background: none;
list-style: none;
margin: 0;
padding: 0;
}

body {
background: #e6e6e6;
color: #333;
font-family: 'Cuprum', sans-serif;
font-size: 14px;
line-height: 140%;
}

a {
color: #e2e2e3;
text-decoration: none;
}

.features {
font-size: 13px;
}

#motioncontainer img {
background: url('table.png') repeat-y;
padding: 5px;
margin: 10px;
}

#offers {
clear: both;
}

#foto {
position: relative;
z-index: 2;
height: 185px;
width: 762px;
margin-left: 229px;
margin-bottom: -185px;
background: url('http://wolnepokojeonline.pl/css/foto2.png');
}

.city, .name {
width: 80px;
}

.onePromoOffer .cena, .onePromoOffer .more {
display: block;
text-align: right;
}

.city {
font-size: 12px;
}

.leftOne {
float: left;
width: 330px;
}

.onePromoOffer .name {
float: left;
width: 110px;
padding-left: 10px;
}

.more span {
display: none;
}

.more a {
text-decoration: none;
font-weight: bold;
color: #fefeef;
}

.rightOne {
float: right;
width: 140px;
height: 100px;
padding-top: 5px;
color: #111;
text-align: center;
}

.rightOne a {
display: block;
padding: 7px 0;
}

h1 {
font-family: 'Maiden Orange';
font-size: 40px;
font-weight: normal;
padding: 10px 0;
text-align: center;
text-shadow: 1px 1px 1px #c3c3c3;
}


h2 {
font-family: 'Maiden Orange';
font-size: 28px;
font-weight: normal;
padding: 10px 0;
text-align: center;
text-shadow: 1px 1px 1px #c3c3c3;
}

h3 {
color: #508f1e;
font-family: 'Maiden Orange';
font-size: 24px;
font-weight: normal;
padding: 10px 0;
text-align: center;
text-shadow: 1px 1px 1px #fffeee;
}

#center {
margin: 0 auto;
width: 990px;
}

#sorting {
clear: both;
}

 /* slider */

#slidershow {
height: 176px;
position: relative;
z-index: 2;
}

#sliderContent {
height: 176px;
margin-bottom: -176px;
margin-left: 295px;
position: relative;
width: 609px;
z-index: 1;
}

 /* top */

#top {
background: url('top.png') top no-repeat;
height: 235px;
position: relative;
z-index: 3;
color: #e3e3e3;
}

 #mainmenu {
 background: url('mainmenu.png') no-repeat;
 height: 40px;
 margin: -82px -10px 5px 0;
 position:  relative;
 z-index: 4;
 }

  #mainmenu li {
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 40px;
  margin-right: 10px;
  text-align: center;
  width: 90px;
  }
 
  #mainmenu li a {
  color: #151515;
  display: block;
  text-decoration: none;
  }

 #filters {
 background: url('filters.png') no-repeat;
 height: 40px;
 margin: 8px -10px 0 0;
 position:  relative;
 z-index: 5;
 }      

  #filters li {
  display: inline-block;
  float: left;
  font-size: 14px;
  line-height: 40px;
  margin-right: 10px;
  text-align: center;
  width: 190px;
  }

#filters li a:hover, #mainmenu li a:hover {
background: #e2e2e2;
opacity: 0.6;
}
 
  #filters li a {
  color: #feefef;
  display: block;
  text-decoration: none;
  }

#filters li a:hover {
color: #222;
}

#top fieldset {
left: 10px;
position: relative;
top: 85px;
}

fieldset {
border: 0;
}

 #logon span {
 display: block;
 }

#login {
background: #79b927;
border: 1px solid #3f7414;
height: 25px;
width: 109px;
}

#pass {
background: #508f1d;
border: 1px solid #2a5d0f;
height: 25px;
width: 109px;
}

/* search */

input.search {
background: #508f1d;
border: 1px solid #2a5d0f;
height: 25px;
margin-left: 4px;
width: 148px;
}

select.search {
background: #79b927;
border: 1px solid #3f7414;
height: 27px;
margin-left: 4px;
width: 150px;
}

.searchC {
background: #508f1d;
border: 1px solid #2a5d0f;
height: 25px;
margin-left: 4px;
width: 76px;
}

#search_button {
background: #79b927;
border: 1px solid #3f7414;
height: 27px;
width: 107px;
}

.searchin {
display: block;
margin: 5px 0;
}

#searchform {
float: right;
margin-right: -10px;
width: 320px;
}

#welcome {
margin: 0 10px;
}

#ok {
background: #79b927;
border: 1px solid #3f7414;
height: 27px;
width: 39px;
}

center {
margin: 3px 0;
}

center a {
color: #508e1c;
padding: 3px 5px;
text-decoration: none;
}

span.opis {
font-family: 'Cuprum';
font-size: 14px;
display: inline-block;
padding: 0 5px;
text-align: left;
line-height: 14px;
width: 180px;
}

.oneOffer, .onePromoOffer {
height: 102px;
margin: 2px 0;
padding: 5px 5px 0 5px;
}

.oneOffer {
background: url('oneOffer.png') no-repeat;
}

.onePromoOffer {
color: #fffffe;
background: url('onePromoOffer.png') no-repeat;
}

#callus table {
width: 246px;
height: 92px;
background: url('callus.png') no-repeat;
}

.leftpromo {
color: #e3e2e1;
}

.leftpromo a {
color: #f7bca2;
}

.leftphoto {
padding: 3px 0 0 3px;
width: 103px !important;
}

.oneOffer .photo, .onePromoOffer .photo {
float: left;
display: inline-block;
width: 100px;
margin: 5px;
padding: 0;
height: 80px;
}


/*stary css */


a{text-decoration:none; color:#4f4f4f;}
a:focus{overflow:hidden;}
li {list-style:none;}

form
{
        margin: 0px;
        padding: 0px;
}
.pay_title
{
        margin-left: 2px;
		font-size: 14px;
}
.info
{
		
        padding: 8px 5px 0px 5px;
}
.offersdetails
{
        font-size: 14px;
        color: #5F6D3A;
        text-decoration: underline;
}
.offersdetails2
{
        font-size: 14px;
        color: #5f953a;
}
.list_1
{
        color: #393636;
        background: #dde9c4;
        margin: 3px 0px 0px 0px;
        padding: 3px 4px 1px 4px;
}
.list_1:hover
{
	background: #89B48F;
}
.list_2
{
        color: #393636;
        background: #bcdf73;
        margin: 3px 0px 0px 0px;
        padding: 3px 4px 1px 4px;
		border: 3px;
}

.list_2:hover
{
	background: #89B48F;
}

.list_3
{
	background: #99cc00;
	margin: 3px 0px 0px 0px;
    padding: 3px 4px 1px 4px;
	border: 3px;
}
.list_3:hover
{
	background: #89B48F;
}

.payment
{
        display: none;
        border: 1px solid #e6e6e7;
        margin-right: 7px;
        margin-top: 10px;
        padding: 10px;
}
.photo
{
        border: 1px solid #5c5352;
        padding: 1px 1px 0px 1px;
}

#photos {
clear: both;
display: block;
}

.textarea
{
        border: 1px solid #5c5352;
        background: #fffffd;
}
.textarea:hover
{
        background: #cffd63;
}
.textarea:focus
{
        background: #cffd63;
}
.submit-se
{
        color: #fffffc;
        background: #5c5352;
        border-top: 1px solid #324a21;
        border-left: 1px solid #324a21;
        border-right: 1px solid #324a21;
        border-bottom: 1px solid #92bf30;
        cursor: pointer;
        padding: 0px 25px 4px 25px;
}
.submit-se:hover
{
        background: #5c5352;
}

input#search
{
        color: #fefefe;
        background: #5c5352;
        height: 18px;
        padding-left: 3px;
        border-top: 1px solid #324a21;
        border-left: 1px solid #324a21;
        border-right: 1px solid #324a21;
        border-bottom: 1px solid #92bf30;
}
select#search
{
        color: #feffff;
        background: #5c5352;
        height: 22px;
        padding-left: 3px;
        border-top: 1px solid #324a21;
        border-left: 1px solid #324a21;
        border-right: 1px solid #324a21;
        border-bottom: 1px solid #92bf30;
}
input, select
{
        border: 1px solid #5c5352;
        padding: 1px 0px 1px 2px;
}
input:hover, select:hover
{
        background: #cffd63;
}
input:focus, select:focus
{
        background: #cffd63;
}
table.list
{
        border-collapse: separate;
        border-spacing: 1px;
		font-size: 14px;
}
table.list td.td_1
{
        background: #e8e8e8;
        text-align: center;
        font-weight: bold;
        border: 1px solid #e0dede;
        padding: 2px 0px 2px 0px;
}
table.list td.td_2
{
        background: #f5f2f2;
        border: 1px solid #e0dede;
        padding: 2px 0px 2px 0px;
}
table.list td.td_3
{
        background: #fffeff;
        border: 1px solid #e0dede;
        padding: 2px 0px 2px 0px;
}
.img
{
        margin: 0px;
        margin: -1px 0px -3px 0px;
}
div.error
{
        border-left: 1px solid #facd4a;
        border-top: 1px solid #facd4a;
        border-right: 2px solid #c29100;
        border-bottom: 2px solid #c29100;
        padding: 5px;
        color: #d1a005;
        font-weight: bold;
        margin-bottom: 10px;
        margin-right: 7px;
}
div.error img
{
        margin: 0px 10px -3px 0px;
        padding: 0px;
}
div.success
{
        border-left: 1px solid #b0d8a1;
        border-top: 1px solid #6fac58;
        border-right: 2px solid #679356;
        border-bottom: 2px solid #679356;
        padding: 5px;
        color: #3b7923;
        font-weight: bold;
        margin-bottom: 10px;
        margin-right: 7px;
}
#kontener
{
        font-size: 14px;
        background-repeat: no-repeat;
        width: auto;
        padding: 0px;
        text-align: center;
        margin-top: 3px;
}
.tabnav
{
        height: 20px;
        margin: 0;
        padding-left: 10px;
        background: url(../img/tab_bottom.gif) repeat-x bottom;
}
.tabnav li
{
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

.tabnav a:hover
{
        background: #ffe;
}
.submit-p
{
        cursor: pointer;
        border: 1px solid #5c5352;
        background: #ffffef;
        padding: 2px 15px 2px 15px;
}
.submit-p:hover
{
        background: #cffd63;
}
.page
{
        border: 1px solid #e6e6e8;
        margin-right: 7px;
        padding: 10px;
        
}

#top_white {
    float:left;
    position:relative;
    background:url(../img/logo08.jpg);
    width:958px;
}

#main {
float:left;
margin:10px 0 0 0;
margin:20px 0 0 0;
width:100%;
}

#sidebar {
    float:left;
    width:260px;
}

#content {
	float:right;
	width:720px;
}

#content_panel {
	float:right;
	width:958px;
}

h2 {display:block; margin:0;}
h4 {color:#5c5353; font-size:14px; font-weight:bold; margin-top: -4px;}

#top a {color:#ffefef;}

#buttons a {
display:block;
position:absolute;
top:15px;
width:16px;
height:16px;
text-indent:-1000em;
}

#buttons a#question{background:url(../img/buttons_question.gif) no-repeat; right:128px;}
#buttons a#home{background:url(../img/buttons_home.gif) no-repeat; right:87px;}
#buttons a#mail{background:url(../img/buttons_mail.gif) no-repeat; right:47px;}
#buttons a#list{background:url(../img/buttons_list.gif) no-repeat; right:4px;}

form#login fieldset {
position:absolute;
top:40px;
right:-9px;
width:150px;
margin-top: 8px;
}
form#login fieldset a{text-decoration:none;}

input.txt {
width: 131px;
height: 14px;
border: 1px;
padding: 4px 5px;
margin: 2px 0;
}

input.text {
background:url(../img/input.gif) no-repeat;
width:171px;
height:14px;
border:0;
padding:4px 5px;
margin:2px 0;
}

textarea {
width:191px;
height:94px;
background:url(../img/textarea.gif) no-repeat;
border:0;
margin:5px 0;
}

input.submit
{
        border:0;
        text-align:center;
        color:#ffeeff;
        text-transform:uppercase;
        font-size:14px;
        font-weight:bold;
        cursor: pointer;
}

input.textblack {
background:url(../img/input_black.gif) no-repeat;
color:#feefff;
width:162px;
height:16px;
border:0;
padding:4px 5px;
margin:0;
}



input.submitblack{
background:url(../img/submit_black.gif) 0 2px no-repeat;
width:77px;
height:29px;
border:0;
text-align:center;
color:#feffef;
text-transform:uppercase;
font-size:14px;
}

span.select {
  position:absolute;
  width: 162px; 
  height: 14px;
  background:none;
  overflow: hidden;
  color:#efefef;
  padding:5px;
  }

form#subskrypcja fieldset {
background: url(../img/subskrypcja_bg.jpg) no-repeat; height:47px; width:177px; padding:40px 30px;
}

form#kontaktform fieldset {
width:181px;
margin:10px auto;
}

#trackbar {
width:942px;
height:14px;
float:left;
padding:8px;
background:#e6e6e5;
color:#b6b6b6;
}

#trackbar a{color:#898989;}

#callus
{
        
         
        height:296px; 
        margin-top: 10px;
}

form#search {
float:left;
background:url(../img/search_bg.jpg) no-repeat;
width:713px;
height:117px;
}

form#search fieldset {
padding:20px 50px;
}

orm#search fieldset select {margin:5px 0;}

#welcome
{
        float:left;
        text-align: justify;
        margin-right: 10px;
		margin-bottom: 5px;
}

ul.offers {margin:10px 0; background: url(../img/offers_bg.gif) 0 100% no-repeat; padding:0 0 2px 0; float:left; font-size:14px;}
ul.offers ul {background:#e4e4e4; width:720px; height:24px; margin:3px 0; padding:8px 15px;}

ul.offers li ul li {float:left; width:180px;}
ul.offers li ul.lighted {border:2px solid #76913d; width:680px; height:20px;}
ul.offers li ul li.offersdetails {float:right; width:120px; padding:0 0 0 15px; background:url(../img/offerdetails.gif) 0 2px no-repeat;}
ul.offers li ul li.offersdetails a {font-size:14px;}
ul.offers li.head{background:#cacaca; height:35px; width:714px; position:relative;}
ul.offers li.head h3 {float:left; text-indent:-1000em;}
ul.offers li.head h3#offersnew {background:url(../img/offers_new.gif) no-repeat; width:162px; height:39px; display:block;}
ul.offers li.head h3#offersend {background:url(../img/offers_ending.gif) no-repeat; width:182px; height:39px; display:block;}

ul.offers li.head h3#offersweekly {background:url(../img/offersweek.jpg) no-repeat; width:576px; height:39px; display:block;}
ul.offers li.head h3#offersweekly_p {background:url(../img/offersweek_p.jpg) no-repeat; width:576px; height:39px; display:block;}
#special_offer
{
    background:url(../img/offersweek_p.jpg) no-repeat; width:576px; height:39px; display:block;
}
ul#offersweek li.head a#pro {background:url(../img/offersweeka.gif) no-repeat; width:138px; height:39px; padding:0; margin:0; text-indent:-1000em;}
ul.offers li.head a{float:right; font-size:14px; text-decoration:underline; display:block; background:url(../img/getall.gif) 100% 0 no-repeat; height:23px; padding:5px 30px 0 0; margin:5px 10px 0 0;}
ul#offersweek li.head a {background:url(../img/offersweeka_null.jpg) no-repeat; width:138px; height:39px; padding:0; margin:0; text-indent:-1000em;}



span.green {color:#111;}
span.where {font-size:14px; color:#a2a2a2;}
.description {font-size:16px; margin: 0 0 10px 0; padding: 0 10px 0 3px; text-align: justify;}
.description p {margin:5px 0;}

ul.parameters {background:#5c5352; width:712px; color:#eeffff; float:left; margin:10px 0 0 0; font-size:14px; padding:0 0 10px 0;}
ul.parameters li {float:left; margin:5px 0 5px 0px; width:250px; text-align:right;}
span.what {color:#a0a0a0; margin:0 5px 0 0;}
span.valuate{font-weight:bold;}
.valuatelink {color:#edff97; text-decoration:underline;}

ul.features {background: url('table.png') repeat-y; font-family: 'Cuprum'; width:706px; float:left; font-size:15px; margin:0 0 10px 3px;padding:5px;}
ul.features li {float:left; width:120px; padding: 0 0 0 20px;}

#footer {
clear: both;
background: #508e1d;
margin: 10px 0 10px 260px;
padding: 10px;
color: #eee;
}

#liczby {
font-size: 14px;
}

#liczby b {
color: #ff0001;
}

#below_footer
{
        width:961px;
        height:60px;
        margin:10px 0;
}

#motioncontainer
{
        width: 83%;
        height: 130px;
}

#statusdiv
{
        background-color: lightyellow;
        padding: 2px;
        position: absolute;
        left: -300px;
        visibility: hidden;
}

.likebox, .likebox2, .likebox3 {
position: fixed;
left: -80px;
text-align: center;
width: 99px;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
}

#gplus {
top: 30px;
}	

#facebook {
top: 137px;
}

#facebook a {
color: #def8ff;
font-size: 14px;
}

#link1 {
top: 260px;
}

#link2 {
top: 316px;
}

#link3 {
top: 388px;
}

#link4 {
top: 459px;
}

.likebox3 a {
text-align: left;
display: block;
color: #e1e2e3;
font-size: 14px;
line-height: 15px;
padding-bottom: 7px;
}

.likebox:hover, .likebox2:hover, .likebox3:hover {
left: 0px;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
}


.liketop {
display: block;
height: 18px;
background: url('liketop.png') no-repeat;
}

.liketop2 {
display: block;
height: 7px;
background: url('l2top.png') no-repeat;
}

.liketop3 {
display: block;
height: 7px;
background: url('l3top.png') no-repeat;
}

.likebg {
display: block;
background: url('likebg.png') repeat-y;
}

.likebg2 {
display: block;
padding: 5px;
background: url('l2bg.png') repeat-y;
}

.likebg3 {
display: block;
padding: 5px;
background: url('l3bg.png') repeat-y;
}


.likebtm {
display: block;
height: 14px;
background: url('likebtm.png') no-repeat;
}

.likebtm2 {
display: block;
height: 10px;
background: url('l2btm.png') no-repeat;
}

.likebtm3 {
display: block;
height: 10px;
background: url('l3btm.png') no-repeat;
}

#bottom {
margin: 0 auto;
width: 990px;
}