/* Plik style.css http://maluch.pcz.pl */



body {
font-size: 100%;
margin: 0;
padding:0;
background: #E6E6E6 url(layout/tlo_dol.gif) repeat-y;
}



/* ################ Lewa kolumna stony  ################ */
div#sidebar {

		width: 182px;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		font: normal 0.7em Verdana, Tahoma, Arial, sans-serif;
		
		
}


#logo { /* element pozycjonuje logo w sidebar */
background: #E6E6E6 url(layout/logo.jpg) no-repeat;
position:relative;
top:0;
left:0;
width:100%;
height:160px;
}


#sidebar a { 

font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
}

#sidebar a:hover { 
color: #900;
}


li.menu {
color: #666666;
padding-bottom: 2px;
}





/* ################ Prawa kolumna stony  ################ */

div#content { /* element pozycujacy prawa kolumne strony */
margin: 0 0 0 183px;
font: normal 0.8em  Verdana, "Arial Unicode MS", Arial, sans-serif;
color: #000000;
}

#header { /* element okresla naglowek strony znajdujacy sie w prawej kolumnie */
background: #E6E6E6 url(layout/tlo_gora.gif) repeat-x;
}


.news { /* zasobnik na newsy */
margin: 30px 30px 0 70px;
width: 550px; 
font-family: verdana, arial, helvetica, sans-serif;
font-size:1em;
color: #000000; 
}

.newshead { /* klasa opisuje to co nad trescia newsa */
background:  #E6E6E6 url(layout/news.gif) left center no-repeat;
height:36px;
}

.newsfoot { /* klasa formatuje to co pod trescia newsa */
color: #808080;
text-align:right;
margin-bottom: 10px;
}

.tytul { /* klasa pomocna w newshead formatuje tytul newsa*/
margin: 0 0 0 35px;
font-weight: bold;
font-size: 1em;
}

.news a {

font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: none;

}

.news a:hover {
color: #900;
}

.data { /* klasa pomocna w newshead formatuje date */
color: #808080;
}

.tresc { /* formatuje tresc newsa */
font-size: 1em;
margin-top:20px;
text-indent:20px;
text-align: justify;
}

.mniejsza { /* mniejsza czcionka na użytek newsow */
font-size: 0.9em;
}


.newsogl { /* zasobnik na newsy w ogloszeniach */
margin: 30px 30px 0 0;
width: 550px; 
font-family: verdana, arial, helvetica, sans-serif;
font-size:1em;
color: #000000; 
}

.newsheadogl { /* klasa opisuje to co nad trescia newsa w ogloszeniach*/
background:  #E6E6E6 url(layout/newsogl.gif) left center no-repeat;
height:36px;
}

.ogladd { /* zastosowany w ogloszenia_add.php */
border: 1px solid #909090;
}

#oglframe { /* zasobnik na formularz w ogloszenia_add*/
width: 640px;
}


.oglmargin {
margin: 0 7px 0 0;
}
.oglpadd {
padding-bottom: 5px;
}

.ogllink {
font-size: 1em;
color: #666666;
text-decoration: none;
}

.ogllink:hover {
color: #900;
}


.kat { /* zastosowany w formularz ogloszenia */
vertical-align:top;}

.ogltlo { /* tlo dla naglowkow bo dodaniu ogloszenia */
background-color:#d9d9d9;
font-weight: bold;
width: 140px;
}



#contentframe { /* style opicyjcay ramke dla podstron */
margin: 30px 30px 10px 30px;
}


.link a {

font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: none;

}

.link a:hover {
color: #900;
}


/* Style pomocnicze */


.lewyfloat { /* teskt plynie w lewo*/
float: left;
}

.prawyfloat { /* teskt plynie w  prawo*/
float: right;
}


.srodek { /* klasa wysierodkuje element */
text-align: center;
}

.lewo { /* klasa przesunie element w lewo */
text-align: left;
}

.prawo { /* klasa przesunie element w prawo */
text-align: right;
}

.justuj { /*klasa justuje tekst*/
text-align: justify;
}

img {border:0;} /* zadnej niespodziewanej, ble ramki dla img na calusienkiej stronie */

.czysc {clear:both;}

li {list-style-type:square; padding-bottom: 7px;}

li a { /* okreslanie linkow, dzial Linki*/
font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
}

li a:hover { /* okreslanie linkow, dzial Linki*/
color: #900;
}



hr.kontakt { /* linia do dzialu kontakt */
height: 1px; 
width: 80%;
background-color: #000;
}

.kategorie { /* stosowana na calej stronie klasa do elementu h1 */
font-size: 1.2em;
border-bottom: 1px solid #000;
text-indent: 20px;
}

.admini { /* Dzial Kontakt, klasa pozycjonujaca tekst */
margin: 0 0 0 70px;
text-align:center;
float:left;
}

.siec { /* wycieci w akapitach klsy siec */
text-indent: 20px;
}

.stronki { /* zasobnik na zawartosc w dziale Nasze WWW */
text-align:center;
width:70%;
border-bottom: 1px dotted #000;
margin: 0 0 20px 60px;
}

.stronki img  { /* obramowanie dla elementow img w klasie stronki */
border: 10px #cccccc solid; 
} 

.stronkiimg { /* ustawia obrazek ze stronka w odpowiednim miejscu; dzial Nasze WWW */
float:left;
margin:0 20px 0 0;
}


.stronkiopis { /* czcionki dla opisow w dziale ze stronami uzytkownikow */
font-family: verdana, arial, sans-serif;
font-size:1.1em;
}


.mptrzy { /* zasobnik na zawartosc w dziale mp3 */
width:70%;
margin: 0 0 20px 60px;
border-bottom: 1px dotted #000;
}

.mptrzyopis { /* opis utowru w dziale mp3*/
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
}

.mptrzyopis a { /* linki w dziale mp3*/
color: #666666;
text-decoration: none;
}

.mptrzyopis a:hover { /* linki w dziale mp3*/
color: #900;
}

.malpa { /* marginesy przy znaczku @ w mailach */
margin: 0 1px 0 1px;
}

.blad { /* styl do stron bledow*/
font-size: 2.5em;
font-weight: bold;
}

.blad2 { /* styl do stron bledow*/
font-size: 1.3em;
font-weight: bold;
}

.gr { /* gr - green */
color: #008000;
}

.pur {/*pur - purple*/
 color:#800080;
}

.podkresl:hover {
text-decoration: underline;
}

.wroc  a {
font-size: 0.9em;
color: #666666;
text-decoration: none;
}

.wroc a:hover {
color: #900;
}

.linia {
border: 1px #000000 soild;

}

.awaria {
font-size: 1.2em;

}

/* --------- GALERIA -------------- */

.galeria {
font: normal 1.1em Verdana, Tahoma, Arial, sans-serif;
margin: 30px 10px 20px 20px;
}

.galeriatekst {
margin: 0 10px 0 10px;
}

.galeriatytul {
font: bold 1.1em Verdana, Tahoma, Arial, sans-serif;
margin: 0 0 0 10px;
}

.galeriatekst2 {
margin: 70px 50px 0 10px;
}

.galeriatytul2 {
font: bold 1.1em Verdana, Tahoma, Arial, sans-serif;
}

#podgaleria {

font: normal 1.3em Verdana, Tahoma, Arial, sans-serif;
text-indent: 30px;
}

.linkgaleria  {
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: underline;
}

.linkgaleria:hover {
color: #900;
text-decoration: none;
}



.obrazek img
{
width: 160px;
height: 120px;
padding: 2px;
background-color: #000 ; /*#AFA4A4; #C0C0C0;#8F8F8F */
border-left: 6px #595F59 solid;
border-right: 6px #595F59 solid;
border-top: 1px #000 solid;
border-bottom: 1px #000 solid;
}

.linkodstep {
margin-left: 10px;
}



/* ---END--- GALERIA -----END------ */



/* --------- POCZTA --------------- */
.poczta {
margin: 30px 10px 20px 20px;
width: 750px;
}

.poczta h2 {
font: normal 1.1em Verdana, Tahoma, Arial, sans-serif;
}

.poczta p {
font: normal 1em Verdana, Tahoma, Arial, sans-serif;
text-align: justify;
}

.hadwa {
font: bold 1.1em Verdana, Tahoma, Arial, sans-serif;
}


.linki_poczta a {

font: normal 1em Verdana, Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: none;

}

.linki_poczta a:hover {
color: #900;
}



.image-container {
padding-right: 1em;
}

.image-container img {
border: 10px #cccccc solid;
}

.image-container.lewyfloat {
padding-left: 0;
text-align: left;
}