/*
StyleSheet http://czlug.icis.pcz.pl
autor Jarosław (chłopczyk) Freus
mail: chlopczyk(malpa)czlug.icis.pcz.pl
Podziekowania dla 
Nerf-a
Mss-a 
za pomoc w borykaniu sie z Css-em :)
*/

html {height:100%;} 
 
body 
{
height:100%; 
margin:0px;
padding: 0px;
font-family: Tahoma, serif;
font-size: 12px;
background-color:#f3f2ed;
}



div#lewa /* elemnet zawiera wszystkie elementy w lewej kolumnie*/
{

background-color:#fff;
min-height: 100%;
border-right:1px #BBB497 dashed;
position: absolute;
left:0;
top:0;
right:201px;
}


#banner /* GRAFIKA "CZESTOCHOWSKA GRUPA UZYTKOWNIKOW LINUKSA */
{

background: #f3f2ed url('header.png') no-repeat;
background-color: #f3f2ed;
text-align:left;
 padding-top:57px;
border-bottom:1px #BBB497 dashed;
}

#margines /* wprowadza prawy i lewy margines ktory bedzie ograniczal wszystko co pod bannerem */
{
margin-left:5%;
margin-right:5%;
}

/* 
---------------------------------------------MENU-------------------------------------------------- 
style definiujace proste menu zrealizowane wg. wskazowek autora z linkow :) 
*/
#menu 
{
float:left;
}

#menu a {
font-family: verdana, tahoma, arial, sans-serif; 
color:#0078ff;/*#3A96FF; #6799CF; */
font-weight:bold;
font-size: 1em;
text-decoration:underline;
}

#menu a:hover 
{
text-decoration:none;
}
/* ------------------END---------------------MENU----------------------------END---------------------- */


#dzial /* wyswietla grafike oraz tytul dzialu, do ktorego aktualnie przelaczyl sie uztytkownik */
{
background: #fff url("header-image.png") no-repeat;
background-position: left center;
}

#przesun {margin-left:50px;} /* przesuwa tekst w lewo tak by nie zachodzil on nad grafike*/

/* -------------END------------------------LEWA--------------------------END--------------------------- */



/* ---------------------------------------------PRAWA-------------------------------------------------- */
div#prawa /* element okresla parametry prawej kolumny*/
{
float:right;
background-color: #F3F2ED;
text-align:center;
width:201px;
}

#prostokat /* wprowadza kawalek bialego tla na gorze prawej kolumny (stosowanie sie do projektu) */
{
background-color:#fff;
padding-top: 57px;
width:201px;
border-bottom:1px #BBB497 dashed;
}


#duze_logo
{
position: absolute;
top: 10px;
right: 36px;
text-align:center;
}

/* -------------END------------------------PRAWA--------------------------END--------------------------- */

/* ---------------------------STYLE TRESCI------------------------------ */
#dzial h2 
{
font-family: verdana, tahoma, arial, sans-serif;
font-weight: bold;
font-size:1.2em;
margin-left:50px;
}

h3 
{
font-family: verdana, tahoma, arial, sans-serif;
font-size:1.2em;
color:#F08D2F;
font-weight:bold;
border-bottom:1px #C8C893 solid;
}

.data 
{
float:right;
font-family: verdana, tahoma, arial, sans-serif;
font-size:0.9em;
color:#F08D2F;
font-weight:bold;
}

.tresc
{
background: url("penguin-gray.png") no-repeat;
text-align:justify;
font-family:verdana,tahoma,arial,sans-serif;
}
.tekst{
font-family:verdana,tahoma,arial,sans-serif;
text-align:justify;
}
.liniapod {border-bottom: 1px #000 dashed;} 
.linianad {border-top: 1px #BBB497 dashed;} 
/* ------------END------------STYLE TRESCI----------------END----------- */


/* --------- GALERIA -------------- */
.obrazek img 
{
padding: 2px;
background-color:#C0C0C0;
border-left: 5px #8F8F8F solid;
border-right: 5px #8F8F8F solid;
border-top: 1px #000 solid;
border-bottom: 1px #000 solid;

}

.galeria
{
font-family: verdana, tahoma, arial, sans-serif;
font-size:1em;
}

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




.sklad  {
color:#000000;
font: bold 1em verdana, tahoma, sans-serif;
}

.czlonkowie {
color:#000000;
font: normal 1em verdana, tahoma, sans-serif;
}

a.mail { text-decoration: none; }
      


/* POMOCNICZE */
a {color:#0078ff; font-weight:bold;}

li a {
font-family: verdana, tahoma, sans-serif;
font-size:1em;
color:#0078ff;
font-weight:bold;
}

li {list-style-type:square; }
.czysc {clear:both;}
img {border-width: 0;}
.wprawo {text-align:right;}
.wlewo {text-align:left;}
.srodek {text-align:center}
.gruba {font-weight:bold;}
.pochylona {font-style:italic;}
.grubapod {text-decoration:underline; font-weight:bold;}
.wciecie {text-indent:20px;}
.autor {color:#795b21; font-weight:bold;} /*#C0C0C0*/
.mapa_tekst 
{
font-family: verdana, tahoma, arial, sans-serif;
font-size:1.2em;
color:#000;
font-weight:bold;
}
/* POMOCNICZE END*/

textarea, input  {
border:1px #0d2250 solid;
}

input.submit {
border: none;
padding: 0px;
cursor: pointer;
}

.zdjecie {
text-align:center;
font: bold 1em Verdana, arial, sans-serif;
}

.kalendarz {
width: 640px;
height: 614px;
border: 0;
}