/* basic */
*{padding:0; margin:0}
body{font:normal 12px/18px Arial, Helvetica, sans-serif;color:#333; background:#fff url(../images/bg.jpg) no-repeat center top}
a{text-decoration:none;color:#990000; font:normal 12px Arial, Helvetica, sans-serif}
a:hover{text-decoration:underline;color:#990000}
a img{border:0}
.ten{height:10px;clear:both; overflow:hidden}
.five{height:5px;clear:both; overflow:hidden}
.one{height:1px;clear:both; overflow:hidden}
.clear{ clear:both} 
.bold{font-weight:bold}
.orange{ color:#FF6600}
.red{color:#e80c0e}
.gray{color:#666}
.blue{color:#0099ff}
.black{color:#222}
.white{color:#FFF}
.under{ text-decoration:underline}
.old{ text-decoration:line-through}
.right{float:right}
.left{float:left}
.hand{ cursor:pointer}
.tdleft{ text-align:left}
.tdright{ text-align:right}
.tdcenter{ text-align:center}
.data{font:normal 11px tahoma; color:#999}
.break{height:4px;clear:both; overflow:hidden; margin: 10px 0; background:url(../images/hr2.gif) repeat-x left top; float:left; width:100%}
.mt10{margin-top:10px}
.mt5{margin-top:5px}
.mr5{margin-right:5px}
.ml5{margin-left:5px}
.p10{padding:10px}
.price{color:#0099ff; font-weight:bold}
li{margin-left:25px}
h1{ background:url(../images/pasek.png) no-repeat left bottom; font:normal 12pt Arial, Helvetica, sans-serif; color:#333; padding: 0 0 10px 0; margin: 0 0 10px 0}
h4{font:normal 11pt Arial, Helvetica, sans-serif}
h5{color:#017cfc; font:bold 12px Arial, Helvetica, sans-serif; margin: 0 0 10px 0}



/* form */
input.txt{ background:url(../images/input_bg.gif) repeat-x; border:#9c9c9d 1px solid;  padding: 5px 4px; color:#777; font:normal 11px tahoma}
select.txt{ background:url(../images/input_bg.gif) repeat-x; border:#9c9c9d 1px solid;  padding: 3px; color:#777; font:normal 11px tahoma}
input.btn_search{ background:url(../images/btn_search.gif) no-repeat; width:71px; height:26px; cursor:pointer; cursor:hand; border:0}
input.btn_login{ background:url(../images/btn_login.gif) no-repeat; width:71px; height:26px; cursor:pointer; cursor:hand; border:0}
input.btn_send{ background:url(../images/btn_send.gif) no-repeat; width:71px; height:26px; cursor:pointer; cursor:hand; border:0}
input.btn_dodaje{ background:url(../images/btn_dodaje.gif) no-repeat; width:71px; height:26px; cursor:pointer; cursor:hand; border:0}
textarea{ background:#fff; height:190px; width:420px; border:#cfd0d1 1px solid; font:normal 12px Arial, Helvetica, sans-serif; color:#555; padding: 3px 3px 0 3px}


/* linki */
a.btn_dodaje{ background:url(../images/btn_dodaje.gif) no-repeat; width:71px; height:26px; display:block}
a.btn_more{ background:url(../images/btn_more.gif) no-repeat; width:67px; height:25px; display:block}
a.btn_registry{ background:url(../images/btn_register.gif) no-repeat; width:87px; height:28px; display:block}

/* struktura */
#wrapper {margin:0 auto;width:980px}
#leftcolumn { float:left; width:580px}
#rightcolumn { float:right; width:392px}

/* header */
#header {width:980px;float:left; height:120px; margin:10px 0 0 0}
#header .logo{float:left; margin: 10px 0 0 0}
#header .panel{float:right; width:320px}

/* menu */
#menu{ float:left; width:980px; height:67px; background:url(../images/menu_bg.gif) repeat-x; margin: 0 0 10px 0}
#menu a{float:left; color:#000; font:bold 12px Arial, Helvetica, sans-serif; height:57px; padding: 8px 5px 0 5px; margin: 1px 0 0 0; width:151px}
#menu a:hover, #menu a.selected{background:url(../images/menu_over.gif) no-repeat center bottom; color:#fff; text-decoration:none}
#menu .menu_hr{ background:url(../images/menu_hr.gif) no-repeat; float:left; width:2px; height:67px}

.slider{ float:left; width:573px; height:305px; border:#7e7e7e 1px solid; overflow:hidden; font:normal 12px/16px Arial, Helvetica, sans-serif}
.slider .title{ position:relative; top:200px; left:0px; background:url(../images/transparent-bg.png) repeat; width:565px; height:70px; padding:5px; color:#fff; float:left; z-index:1}
.slider .title a h2{font:normal 12pt Arial, Helvetica, sans-serif; margin: 0 0 4px 0; color:#FFCC00}
.slider .title a {color:#FFCC00}
.slider .pages2{ position:relative; top:0px; left:0px; background:url(../images/slider_bg.gif) repeat-x; height:26px; border:#333 1px solid; border-top:0; border-left:0; float:left; z-index:1}
.slider .pages2 a{float:left; color:#fff; padding:6px 7px}
.slider .pages2 a:hover, .slider .pages2 a.selected{ background:url(../images/slider_over.gif) repeat-x; text-decoration:none}

.szukaj{ float:right; background:url(../images/search_bg.jpg) no-repeat; width:381px; height:161px; color:#fff; padding:45px 0 0 10px}
.reklama{ float:right; background:url(../images/reklama_bg.jpg) no-repeat; width:381px; height:161px; color:#fff; padding:45px 0 0 10px; margin: 10px 0}
.reklama a{color:#FFFF00; font-weight:bold; text-decoration:underline}
.porada{ float:right; background:url(../images/porada_bg.jpg) no-repeat; width:372px; height:164px; padding:50px 10px 0 10px}

.ogloszenie{ float:left; background: url(../images/hr.png) repeat-x left bottom; padding: 0 0 10px 0; margin: 0 0 10px 0; width:100%}
.ogloszenie .photo{ float:left; margin: 0 10px 0 0; width:245px; height:180px}
.ogloszenie .photo img {border:#666 1px solid}
.ogloszenie h3 a{font:bold 12px Arial, Helvetica, sans-serif}

.gallery { float:left; background:url(../images/plakaty_bg.gif) repeat-x; padding:10px; width:958px; border:#ccc 1px solid; margin: 0 0 10px 0}
.gallery .photo{ float:left; height:182px; border:#ccc 1px solid; margin: 0 5px; padding: 0 2px; width:195px; background:#fff}
.gallery .photo table{ width:100%; height:100%}
.gallery .photo table td{ vertical-align:middle; text-align:center}

.pages{float:right}
.pages a{border: #ebebeb 1px solid; float:left; display:block; background:url(../images/pages.gif) repeat-x; height:16px; margin: 0 3px 0 0; padding: 4px 4px 0 4px; color:#666}
.pages a:hover, #leftcolumn .pages a.selected{background:url(../images/pages_over.gif) repeat-x; border:#ccc 1px solid; text-decoration:none; color:#fff}

table.lista-ogloszen{ background:#ccc; width:575px}
table.lista-ogloszen td{padding:3px; background:#fff}
table.lista-ogloszen th{padding:3px; background:#eee}

/* footer */
#footer{ height:241px; clear:both; overflow:hidden; background:url(../images/foot_bg.gif) repeat-x center top}
#footer #wrapper2{margin: -1px auto 0 auto; width:980px; background:url(../images/foot.jpg) no-repeat center top; padding: 10px 0 0 0}
#footer .links{ float:left; width:980px; height:207px}
#footer .links table{ width:980px}
#footer .links table th{color:#fff; text-align:left; font:normal 12pt Arial, Helvetica, sans-serif; padding: 0 0 10px 0; text-shadow: 1px 1px 1px #d29036}
#footer .links table td a{color:#fff; font:bold 11px/20px Arial, Helvetica, sans-serif}
#footer .info{ float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; width:980px}
#footer .info a{color:#eee; font:normal 11px Arial, Helvetica, sans-serif}
