* { box-sizing: border-box; }

/* UKŁAD */
html { height: 100%; min-height: 100%; }
body { margin: 0px; padding: 0px; height: 100%; min-height: 100%; min-width: 320px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background-color: #f1eee6; 
    color: #8f8f8f;}
#strona { max-width: 1050px; background-color: #ffffff;  margin: 0 auto; 
    min-height: 100%; height: auto; overflow: hidden; }
#tresc { clear: both; }
#lewy { float: left; width: 241px; padding: 0px 10px 20px 10px; background-color: white; }
#srodek { margin: 0px; font-size: 13px; width: 100%; padding: 10px 20px 10px 280px; }
#stopka { clear: both; text-align: center; margin-top: 0px; padding: 10px; background-color: #f1eee6;
    color: #68635d; font-size: 11px; position: relative; }
#stopka #powered { position: absolute; right: 10px; top: 10px; }

/* DEKORACJA */
body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background-color: #f1eee6; 
    color: #8f8f8f; }
p { word-spacing: normal; letter-spacing: normal; line-height: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; }
a:link { text-decoration: none; color: #68635d; }
a:visited { text-decoration: none; color: #68635d; }
a:hover { text-decoration: underline; color: #68635d; }

#naglowek { margin: 0px; padding: 0px; background-color: #f1eee6; padding-top: 20px; }
#naglowek h1 { font-size: 12px; font-weight: normal; padding: 0px; margin: auto; color: #68635d; }
#naglowek h2 { font-size: 20px; font-weight: normal; padding: 0px; margin: 0px; margin-top: -4px; 
    color: #81954a; }
#logo { float: left; margin-left: 30px; height: 45px; margin-bottom: 25px;}
#logo_img { float: left; margin-left: 0px; }
#logo_desc { float: left; margin-left: 10px; margin-top: 12px; }
#szukaj { float: right; margin-right: 30px; margin-top: 4px; width: 400px; height: 55px; }
#szukaj .wrapper { padding: 0 36px 0 0; width: 100%; }
#szukaj input { float: left; font-size: 14px; width: 100%; height: 36px; }
#szukaj .przycisk {width: 36px; float: right; display: block; }
#ilosc { clear: both; width: 100%; text-align: center; font-size: 16px; text-transform: uppercase; 
    color: #81954a; padding: 0px 5px 15px 5px; }
#menu { width: 100%; height: 67px; background-image: url("/ads/grafiki/_menu.png"); background-repeat: repeat-x; }
#menu .item { float: left; font-size: 16px; padding-right: 66px; padding-left: 66px; margin-top: 0px; 
        margin-bottom: 7px; padding-top: 23px; padding-bottom: 19px; }
#menu .rss {float: right; background-image: url("/ads/grafiki/_rss.png"); background-repeat: no-repeat; 
    background-position: 48px 20px; }
#menu .border-right { border-right: 1px solid #ecebeb }

#lewy h2 { padding-left: 25px; padding-top: 14px; margin-top: 5px; margin-bottom: 5px;
    font-size: 13px; height: 50px; color: #68635d;
    background-image: url(/ads/grafiki/_belka210.png); background-repeat: repeat-x; }
#lewy h1 { font-size: 12px; font-weight: bold; color: #81954a; padding-top: 0px; margin: auto;}
#lewy a:link { display: block; color: #81954a; padding-bottom: 5px; padding-top: 5px;
    padding-left: 25px; }
#lewy a:visited { color: #81954a; }
#lewy a:hover { background-color: #81954a; color: white; text-decoration: none; }
#lewy .even { background-color: #f6f4f0; }
#lewy .odd {}
#keywords a:link { display: inline; padding: 0px; margin: 0px; }
#lewy input { width: 100%; margin-bottom: 5px; }

#panel_switch { display: none; padding: 5px; margin: 0; font-size: 20px; cursor: pointer;
    width: 30px; text-align: center; }

#srodek { margin-bottom: 0px; padding-bottom: 0px; }
#srodek h1 { font-size: 22px; font-weight: bold; padding-top: 5px; margin-top: 15px;
    margin-bottom: 5px; color: #68635d; }
#srodek .wrapper { padding: 10px 0px; margin-bottom: 0px; }
#srodek .google { padding: 10px 0px; margin: 0px; border-bottom-style: solid; 
    border-bottom-width: 1px; border-bottom-color: #d7d7d7; }
#srodek .list-desc { height: 20px; font-size: 14px; color: #68635d; margin-top: 0px; 
    margin-bottom: 15px; font-weight: bold; } 

#srodek .list-element { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #d7d7d7;
    padding-bottom: 10px; padding-top: 10px; cursor: pointer; }
#srodek .list-element .zdjecie{ width: 64px; height: 64px; float: left; margin: 0px 5px 5px 5px; text-align: center; }
#srodek .list-element .desc { padding-left: 80px; }
#srodek .list-element h3 { font-size: 13px; margin-top: 5px; margin-bottom: 5px; }
#srodek .list-element p.detale { overflow: hidden; font-size: 11px; margin-bottom: 5px; }

#srodek .tech-info { font-size: 14px; color: #68635d; margin-top: 0px; margin-bottom: 15px;
    font-weight: bold; }
#srodek #delete { float: right; }
#srodek #delete a { color: #81954a;  }
#srodek .ogloszenie_nazwa { font-weight: bold; font-size: 14px;}
#srodek #reply { padding-top: 8px; color: white; text-decoration: none; text-align: center;
    font-weight: bold;  width: 213px; height: 32px; background-image: url(/ads/grafiki/_button.png);
    background-repeat: no-repeat; display: block }
#srodek .details { float: left;  margin-right: 5%; margin-bottom: 20px;}
#srodek .image { float: none; width: 100%; margin-bottom: 20px; text-align: center; }
#srodek .image img { max-width: 100%; margin-bottom: 20px; }


#send_form { display:none; border: 1px solid #1F3A4E; padding: 20px; margin: 10px; height: 440px; }
#send_form input[type="text"] { width: 100%; }
#send_form textarea { width: 100%; height: 80px; }
#send_form p#error { display: none; color: red; }
#send_form .powiadomienie { color: #afadad; margin-bottom: 20px; }
#send_form #send { margin-right: 10px; }

form[name="ogloszenie"] select, form[name="ogloszenie"] input, form[name="ogloszenie"] textarea { width: 98%; margin-top: 4px; }
form[name="ogloszenie"]  input[type="submit"], form[name="ogloszenie"] input[type="reset"] { width: auto; margin-right: 10px; }

#strony { font-size: 10px; margin-top: 10px; margin-bottom: 10px; color: #68635d; }
#strony span { display: inline-block; height: 20px; width: 20px;  text-align: center;
    margin-left: 2px; border: 1px solid #81954a; background-color: #f6f4f0; color: #81954a;
    font-weight: bold; padding-top: 3px; }
#strony a { display: inline-block; height: 20px; width:20px; text-align: center; border: 1px solid #dbdbdb;
    margin-left: 2px; padding-top:3px; }
#strony a:hover { text-decoration: none; color: white; background-color: #81954a; border: 1px solid #dbdbdb; }

#stopka img { cursor: pointer; margin-top: 5px; margin-left: 5px; margin-right: 5px;
    width: 22px; opacity:0.4; filter:alpha(opacity=40); }
#stopka img:hover { opacity:1; filter:alpha(opacity=100); }

.gradient{ background-image: -webkit-linear-gradient(left, #f1eee6, #e0e0e0, #f1eee6);
    background-image: -moz-linear-gradient(left, #f1eee6, #e0e0e0, #f1eee6);
    background-image: -o-linear-gradient(left, #f1eee6, #e0e0e0, #f1eee6);
    background-image: -ms-linear-gradient(left, #f1eee6, #e0e0e0, #f1eee6);
    background-image: linear-gradient(left, #f1eee6, #e0e0e0, #f1eee6);
    background-color: #f1eee6;
}

.half { width: 49%; }
.inline-block { display: inline-block; }
.przypis { padding-left: 5px; font-size: 9px; font-weight: bold; color: #A6A6A6; } 
.buttons { margin-top: 20px; text-align: center; }
.count_words { font-size: 9px; font-weight: bold; color: #A6A6A6; width: 98%; text-align: right;
    top: 5px; right: 5px; margin-bottom: -12px; position: relative; }
.terms {margin-left: 10%; margin-right: 10%; margin-top: 30px; border-top-style: solid;
    border-top-width: 1px; border-top-color: #81954a; text-align: center; padding-left: 20px;
    padding-right: 20px; padding-top: 10px; }


#overlay { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 2001;
    opacity: .6; background: #000; display: none; margin-left: 260px; }

/* ZMIANA STYLU W ZALEŻNOŚCI OD ROZDZIELCZOŚCI EKRANU */
@media screen and (max-width: 1050px) {
    #strona { background-color: #ffffff; min-width: 300px; margin: 0 auto; 
    min-height: 100%; height: auto; overflow: hidden; } 
}

@media screen and (max-width: 880px) {
    #menu .item { width: 49.5%; text-align: center; padding-right: 0px; padding-left: 0px; overflow: hidden; }
    #menu .rss { display: none; }
    #srodek #delete { float: none; }
}

@media screen and (max-width: 860px) {
    #logo { float: none; }
    #szukaj { float: none; width: 100%; padding: 0px 2%; }
}

@media screen and (max-width: 850px) {
    #lewy { display: none; }
    #srodek { padding: 10px 5px 0px 5px;}
    #panel_switch { display: block; }
}

/* Style zależne od szerokości ekranu */
@media screen and (max-width: 460px) {
    #menu { width: 100%; height: 134px; background-repeat: repeat; }
    #menu .item { width: 100%; text-align: center; padding-right: 0px; padding-left: 0px; }
    #logo h2 { display: none }
    .inline-block { display: block; }
    .half { width: 100%; }
}