html, body 
{height:80%}

BODY {
   font-family: verdana, arial, sans-serif;
   FONT-SIZE: 11px;
	margin: 0 0 0 0;
	color: #414141;
}

td {
BACKGROUND-COLOR: transparent;
}

td.nobg {
BACKGROUND-COLOR: transparent;
}


A {COLOR: #CB9B0A;}
A:hover {COLOR: #CB9B0A; TEXT-DECORATION: none;}

A.menug { COLOR: #15487C; TEXT-DECORATION: none;}
A.menug:hover { COLOR: #2784E2; TEXT-DECORATION: none;}

A.zaznaczone {COLOR: #2784E2; TEXT-DECORATION: none; font-weight: bold} 
A.zaznaczone:hover {COLOR: #2784E2; TEXT-DECORATION: none; font-weight: bold} 

A.menud { COLOR: #591014; TEXT-DECORATION: none; font-weight: bold}
A.menud:hover { COLOR: #931F25; TEXT-DECORATION: none; font-weight: bold}

A.menud_zaznaczone { COLOR: #520E12; TEXT-DECORATION: none; font-weight: bold}
A.menud_zaznaczone:hover { COLOR: #520E12; TEXT-DECORATION: none;font-weight: bold}

A.menul { COLOR: #404040; TEXT-DECORATION: none;}
A.menul:hover { COLOR: #C03200; TEXT-DECORATION: none;}

A.menul_zaznaczone {COLOR: #C03200; TEXT-DECORATION: none; font-weight: bold} 
A.menul_zaznaczone:hover {COLOR: #C03200; TEXT-DECORATION: none; font-weight: bold} 

A.wiecej { COLOR: #D46400; TEXT-DECORATION: none;}
A.wiecej:hover { COLOR: #FF9E05; TEXT-DECORATION: none;}

A.menu_naglowek { COLOR: #0A5498; TEXT-DECORATION: none;}
A.menu_naglowek:hover { COLOR: #A96300; TEXT-DECORATION: none;}

A.biale {COLOR: #ffffff; TEXT-DECORATION: none;} 
A.biale:hover {COLOR: #eeeeee ; TEXT-DECORATION: none;} 



hr{
color: #2C5692;
background-color: #2C5692;
width: 100%;
height: 1px;
border: 0;
}

.cms{
padding-top: 20px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 30px;

line-height: 1.6;
font-size: 11px;
color: #333333;
text-align: justify;
font-family: verdana, arial,sans-serif;
}

/************************** BOKSY */

div {
padding: 0px;
margin: 0px;
}


div.tresc{
width: 96%; 
background: #FDFDFD; 
padding-top: 8px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
color: #444444;
line-height: 1.5;
font-family: verdana;
font-size: 11px;
}


.obrazek_ramka
{
border-width: 1px;
border-style: solid;
border-color: #cbcbcb ;
margin-left: 0px;
margin-top: 0px;
text-align: center;
padding: 1px;
}

.obrazek_ramka2
{
border-width: 2px;
border-style: solid;
border-color: #ffffff;
margin-left: 0px;
margin-top: 0px;
text-align: center;
}

.pola
{
font-size: 12px;
font-family: arial,verdana, sans-serif;
BACKGROUND-COLOR: #FFE7C0;
height: 14px;
}

.kontakt
{
font-size: 13px;
font-family: arial,verdana, sans-serif;
COLOR: #EDE6AC;
}

.przycisk
{
font-size: 11px;
font-family: arial,verdana, sans-serif;
BACKGROUND-COLOR: #F4E9E4;
}

ul {
margin-left: 15px; 
padding-left: 15px;
list-style-image: url(layout/listy.gif);
list-style-position: outside;
}

LI 
{ 
margin-top: 3px;
font-size:11px; 
vertical-align: top;
padding-left: 5px;
} 

td.belka1
{
height: 30px; 
background: url(layout/belka1.gif); 
background-repeat: no-repeat; 
padding-top: 3px; 
padding-left: 15px; 
font-family: arial; 
font-size: 14px;
text-align: left;
}

td.belka2
{
height: 18px; 
background: url(layout/belka2.gif); 
background-repeat: no-repeat; 
padding-top: 0px; 
padding-left: 30px; 
font-family: verdana; 
font-size: 11px;
text-align: left;
}

/************************** obszary stron */

div.obszar
{
min-height: 650px; 
vertical-align: top; 
text-align: left; 
padding-bottom: 30px; 
border-style: solid; 
border-width: 1px; 
border-color: #C6D9EB; 
width: 500px; 
background: url(layout/tlo_srodek.jpg);
background-repeat: repeat-x;
background-color: #FBFBFB;
margin-top: 10px;
}


/************************** FACEBOOOK*/
#wysuwane
{

	background: url("layout/facebook_tlo.png") no-repeat scroll 0 0 transparent;
	
    padding: 10px;
    width: 343px;
    height:627px;
 
    position: fixed;
    margin-top: -150px; /*polowa wysokosci panelu w gore */
    left: 0px;
    top: 30%;
 
}
.zamknij
{
	background-position: 0px -242px;
}