* {
margin : 0;
padding : 0;
}

body {
text-align: center;
background-color: #DBDCF8;
margin: 4px 0 130px 0;
background-repeat: repeat-x;
background-position: center bottom;
background-image: url(img/background.jpg);
}

#contener {
width: 880px;
margin: 0 auto;
position: relative;
}

#content {
width: 880px;
min-height: 500px;
overflow: hidden;
padding-top: 115px;
position: relative;
background-repeat: repeat-y;
background-image: url(img/content.gif);
}

#contentleft {
top: 115px;
left: 7px;
width: 130px;
text-align: left;
position: absolute;
}

#contentcenter {
top: 0;
left: 145px;
width: 560px;
float: left;
text-align: left;
position: relative;
}

#contentcenter2 {
left: 145px;
width: 729px;
float: left;
text-align: left;
position: relative;
background-color: #EAD9C3;
}

#contentright {
top: 115px;
right: 5px;
width: 160px;
text-align: left;
position: absolute;
}

#header {
top: 0;
width: 880px;
height: 111px;
position: absolute;
background-repeat: no-repeat;
background-image: url(img/header.jpg);
}

#footer {
clear: both;
width: 880px;
height: 20px;
text-align: left;
background-position: bottom;
background-repeat: no-repeat;
background-image: url(img/bottom.gif);
}




/* menu z lewej strony */
.liG {
margin : 4px 0px 2px 0px;
list-style-type : none;
font : bold 12px Verdana, Tahoma, Arial, sans-serif;
}

.liG a:link, .liG a:visited {
color : #000000;
text-decoration : none;
font : bold 12px Verdana, Tahoma, Arial, sans-serif;
}

.liG a:active, .liG a:hover {
color : #000000;
text-decoration : underline;
font : bold 12px Verdana, Tahoma, Arial, sans-serif;
}

.liR {
color : #444444;
margin-left : 15px;
list-style-type : circle;
}

.liR a:link, .liR a:visited {
color : #444444;
text-decoration : none;
font : normal 11px Verdana, Tahoma, Arial, sans-serif;
}

.liR a:active, .liR a:hover {
color : #000000;
text-decoration : underline;
font : normal 11px Verdana, Tahoma, Arial, sans-serif;
}


/* link aktywny wybrany */
a.active:link, a.active:visited, a.active:hover, a.active:active {
color : #000000;
text-decoration : underline;
}


#menu {
top : 89px;
left : 260px;
width : 600px;
height: 18px;
position : absolute;
text-align: left;
}

#menu a:link, #menu a:visited {
color: #FFFFFF;
padding: 0px 10px 0px 10px;
font: bold 8pt/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
}

#menu a:hover, #menu a:active {
color: #FFFFFF;
padding: 0px 10px 0px 10px;
background-color: #000000;
font: bold 8pt/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
}

#menu #active {
color : #FFFFFF;
background-color : #000000;
}

#fb {
position : absolute;
top : 90px;
right : 0;
width : 220px;
height : 30px;
}

#fb span {
float : left;
}

/* naglowek w wyszukiwaniu i w kategoriach */
#szukane {
width : 100%;
padding : 10px 5px 20px 5px;
}

#szukane p {
color : #5B5B59;
text-align : center;
}

/* wyniki wyszukiwania i kategorii */
#szukaj {
height : 100px;
margin : 5px;
padding : 5px;
}

#szukaj div {
width : 125px;
height : 90px;
float : left;
overflow : hidden;
margin-right : 7px;
border : 1px solid #A29795;
background-color : #E5D6C2;
background-repeat : no-repeat; 
background-position : center;
background-image : url(/img/loader.gif);
}

#szukaj_ads {
height : 280px;
margin : 5px;
padding : 5px;
padding-left : 133px;
background-image: url(/img/szukaj_ads.jpg); 
background-repeat: no-repeat; 
background-position: left;
}

/* newsy */
#news {
width : 100%;
clear : both;
margin : 5px;
padding : 5px;
}

#news p {
margin : 0;
padding : 0;
text-align : left;
}

#news div {
width : 127px;
float : left;
margin : 4px;
overflow : hidden;
}

#news span {
width : 125px;
height : 90px;
float : left;
overflow : hidden;
margin-right : 7px;
border : 1px solid #A29795;
background-color : #E5D6C2;
background-repeat : no-repeat;
background-position : center;
background-image : url(/img/loader.gif);
}

ul {
margin : 0;
padding : 0;
}

li {
text-align : left;
list-style-type : none;
}

/* lista komentarzy */
.li1 {
padding : 5px;
margin : 5px 0 5px 0;
background-color : #DFCEB9;
border : 1px solid #DACBB7;
font : bold 11px/15px "Arial CE", Helvetica, sans-serif;
}

.li2 {
padding : 5px 0 5px 20px;
margin : 5px 0 5px 0;
background-color : #E5D6C2;
border : 1px solid #DACBB7;
font : normal 11px/15px "Arial CE", Helvetica, sans-serif;
}

.li3 {
padding : 5px 2px 5px 1px;
margin : 5px 0 5px 0;
background-color : #E5D6C2;
border : 1px solid #DACBB7;
}

.li4 {
padding : 1px;
margin-bottom : 4px;
background-color : #E5D6C2;
border : 1px solid #DACBB7;
}

ul a:link, ul a:visited {
color : #000000;
text-decoration : none;
font : normal 11px "Arial CE", Helvetica, sans-serif;
}

ul a:hover, ul a:active {
color : #000000;
text-decoration : underline;
font : normal 11px "Arial CE", Helvetica, sans-serif;
}

ul #wybrane {
color : #000000;
text-decoration : underline;
}

p {
text-align : justify;
margin : 0px 10px 0px 10px;
font : normal 13px/15px Arial, sans-serif;
}

b {
text-decoration : underline;
font : bold 12px "Arial CE", Arial, Helvetica, sans-serif;
}

small {
color : #425866;
font : normal 9px/10px Tahoma, Arial, Helvetica, sans-serif;
}


/* naglowki w calosci serwisu */
h1 {
margin : 10px 10px 0px 10px;
font : bold 16px "Arial CE", Arial, Helvetica, sans-serif;
}

h2 {
text-decoration : underline;
font : bold 11px "Arial CE", Arial, Helvetica, sans-serif;
}

h3 {
margin : 0;
font : bold 11px "Arial CE", Arial, Helvetica, sans-serif;
}


/* linki w calosci serwisu */
a:link, a:visited {
color: #333333;
text-decoration: none;
font: normal 8pt/14px Verdana, Arial, sans-serif;
}

a:hover, a:active {
color: #000000;
text-decoration: underline;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
color : #000000;
text-decoration : underline;
font : bold 16px "Arial CE", Arial, Helvetica, sans-serif;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
color : #000000;
text-decoration : underline;
font : bold 11px "Arial CE", Arial, Helvetica, sans-serif;
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
color : #333333;
text-decoration : underline;
font : bold 11px "Arial CE", Arial, Helvetica, sans-serif;
}


/* galeria, albumy i grupy*/
.galeria {
float: left;
width: 135px;
height: 150px;
padding: 0;
margin: 1px;
overflow: hidden;
text-align: center;
color : #555555;
border: 1px solid #E5D6C2;
font: normal 8pt/14px Arial CE, Arial, Helvetica, sans-serif;
}


.galeria:hover {
float: left;
width: 135px;
height: 150px;
padding: 0;
margin: 1px;
overflow: hidden;
text-align: center;
color : #000000;
background-color : #E5D6C2;
border: 1px solid #DACBB7;
font: normal 8pt/14px Arial CE, Arial, Helvetica, sans-serif;
}


/* navigacja miedzy stronami */
#navi {
width : 300px;
margin : 0 auto;
clear : both;
padding-top : 20px;
font: bold 8pt/20px Arial CE, Arial, Helvetica, sans-serif;
}

#navi span {
float : left;
width : 200px;
text-align : center;
}

#navi strong {
float : left;
color : #999999;
}

#navi a {
float : left;
}






input,textarea {
height : 16px;
padding : 1px 2px 1px 2px;
color : #000000;
border : 1px solid #404040;
font : normal 11px Arial, Helvetica, Sans-Serif;
}

select {
height : 18px;
padding : 1px 2px 1px 2px;
color : #000000;
border : 1px solid #404040;
font : normal 11px Arial, Helvetica, Sans-Serif;
}

option {
padding : 1px 2px 1px 2px;
color : #000000;
font : normal 11px Arial, Helvetica, Sans-Serif;
}

.radio {
width : 12px;
border : none;
}

.button {
width : 50px;
height : 21px;
border : 1px solid #DACBB7;
text-align : left;
font : bold 11px Arial, Helvetica, Sans-Serif;
background-color : #FFFFFF;
}

.trueuser {
display: none;
}

.c {
width : 100%;
clear : both; 
padding-bottom : 10px;
}

.clear {
clear: both; 
}

.left {
float: left;
}

.right {
float: right;
}

.alert {
color: #FF0000;
font-weight: bold;
text-align: center;
}

/* zdjecie w foto */
#foto {
width : 640px;
margin : 20px auto;
border : 1 px solid #DACBB7;
background-color : #E5D6C2;
background-repeat: no-repeat;
background-position: center 200;
background-image: url(img/loader.gif);
}

/* navigacja miedzy stronami */
#nawi {
width : 640px;
height : 60px;
margin : 0 auto;
overflow : hidden;
background-color : #E5D6C2;
border : 1px solid #DACBB7;
color : #000000;
font : normal 10px/14px Verdana, Arial, sans-serif;
}

#nawi div {
width : 200px;
float : left;
}

#nawi div a:link, #nawi div a:visited, #nawi div a:hover, #nawi div a:active {
color : #000000;
text-decoration : underline;
font : bold 11px Verdana, Arial, sans-serif;
}

#nawi span {
width : 240px;
float : left;
text-align : center;
}

#nawi p, #nawi strong {
color : #B0B0B0;
font : normal 10px/14px Verdana, Arial, sans-serif;
}

/* pokaz zdjec z content */
#slideshow {
width : 240px;
height : 230px;
padding : 3px;
text-align : left;
background-color : #E5D6C2;
border : 1px solid #DACBB7;
float : right;
margin : 30px 8px 0px 10px;
}

#slideshow div {
width : 230px;
height : 166px;
margin : 0 auto;
border : 1px solid #000000;
overflow : hidden;
}

#slideshow p {
margin : 2px;
color : #000000;
text-align : left;
font : normal 10px/13px Verdana, Arial, sans-serif;
}

#slideshow a:link, #slideshow a:visited, #slideshow a:active, #slideshow a:hover {
color : #000000;
text-decoration : underline;
font : bold 11px/14px Verdana, Arial, sans-serif;
}

/* dodawanie komentarza */
#opinia {
width : 98%;
margin : 0 auto;
}

/* blok z flash playerem */
.fplayer {
width : 435px;
margin : 5px auto;
padding : 10px;
text-align : center;
background-color : #e5d6c2;
border : 1px solid #dacbb7;
font : normal 10px/14px Verdana, Arial, sans-serif;
}


/* reklama w tekscie */
#text_ads {
margin : 0 auto;
padding : 10px;
margin : 10px;
text-align : center;
}
