html, body 
{height:80%}

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

td {
BACKGROUND-COLOR: #none;
}

td.nobg {
BACKGROUND-COLOR: #none;
}


A {COLOR: #1D4073;}
A:hover {COLOR: #C03200; TEXT-DECORATION: none;}

A.menud { COLOR: #484848; TEXT-DECORATION: none;}
A.menud:hover { COLOR: #484848; TEXT-DECORATION: none;}

A.menud_zaznaczone { COLOR: #484848; TEXT-DECORATION: none; font-weight: bold}
A.menud_zaznaczone:hover { COLOR: #484848; 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.nazwa1 {COLOR: #DE2E4D; TEXT-DECORATION: none; font-weight: bold;font-size: 11px;} 
A.nazwa1:hover {COLOR: #C03200; TEXT-DECORATION: none; font-weight: bold} 

A.nazwa2 {COLOR: #6D6D6D; TEXT-DECORATION: none; font-weight: bold; font-size: 13px;} 
A.nazwa2:hover {COLOR: #C03200; TEXT-DECORATION: none; font-weight: bold} 

A.red {COLOR: #C03200; TEXT-DECORATION: none; font-weight: bold; font-size: 13px;}
A.red:hover {COLOR: #C03200; TEXT-DECORATION: none;}

A.red2 {COLOR: #C03200; TEXT-DECORATION: none; font-weight: 400; font-size: 11px; font-family: arial;}
A.red2:hover {COLOR: #C03200; TEXT-DECORATION: none;}

A.szczeg {
display:block;
padding-top: 4px;
padding-left: 29px;
text-align:left;
font-family: verdana; 
font-size: 10px; 
line-height: 1.3; 
COLOR: #ffffff; 
TEXT-DECORATION: none; 
background: url(layout/szczeg1.gif); 
background-repeat: no-repeat; 
background-position: 0px 0px;
height: 22px;
}

A.szczeg:hover {
COLOR: #ffffff; 
display:block;
background: url(layout/szczeg2.gif);
background-repeat: no-repeat; 
background-position: 0px 0px;
}

/*A.menug {
display:block;
COLOR: #ffffff;
width: 112px; 
text-align: center;
TEXT-DECORATION: none; 
font-size: 11px; 
background: url(layout/przyciski_tlo2.gif); 
background-repeat: repeat-x; 
background-position: left top;
padding-top: 9px;
height: 23px;
}

A.menug:hover { 
display:block;
background: url(layout/przyciski_tlo2_h.gif);
background-repeat: no-repeat; 
background-position: 0px 0px;
COLOR: #ffffff;
}

A.menug_zazn {
display:block;
COLOR: #ffffff;
width: 112px; 
text-align: center;
TEXT-DECORATION: none; 
font-size: 11px; 
background: url(layout/przyciski_tlo2_h.gif); 
background-repeat: repeat-x; 
background-position: left top;
padding-top: 9px;
height: 23px;
}

A.menug_zazn:hover { 
display:block;
background: url(layout/przyciski_tlo2_h.gif);
background-repeat: no-repeat; 
background-position: 0px 0px;
COLOR: #ffffff;
}
*/

A.menug2 {
display:block;
COLOR: #ffffff;
width: 112px; 
text-align: center;
TEXT-DECORATION: none; 
font-size: 11px; 
background: url(layout/przyciski_tlo3.gif); 
background-repeat: repeat-x; 
background-position: left top;
padding-top: 9px;
height: 23px;
}

A.menug2:hover { 
display:block;
background: url(layout/przyciski_tlo3_h.gif);
background-repeat: no-repeat; 
background-position: 0px 0px;
COLOR: #ffffff;
}

A.menug2_zazn {
display:block;
COLOR: #ffffff;
width: 112px; 
text-align: center;
TEXT-DECORATION: none; 
font-size: 11px; 
background: url(layout/przyciski_tlo3_h.gif); 
background-repeat: repeat-x; 
background-position: left top;
padding-top: 9px;
height: 23px;
}

A.menug2_zazn:hover { 
display:block;
background: url(layout/przyciski_tlo3_h.gif);
background-repeat: no-repeat; 
background-position: 0px 0px;
COLOR: #ffffff;
}


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

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

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

A.szary { COLOR: #1D4073; TEXT-DECORATION: none; font-size: 11px;}
A.szary:hover { COLOR: #C03200; TEXT-DECORATION: none; font-size: 11px;}

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

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

.cms{
line-height: 1.7;
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: 0px;
}

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

.obrazek_ramka3
{
border-width: 1px;
border-style: solid;
border-color: #FFFEFF;
}

.pola
{
font-size: 12px;
font-family: arial,verdana, sans-serif;
BACKGROUND-COLOR: #F6F4F4;
border-width: 1px;
border-style: solid;
border-color: #cbcbcb ;
}

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

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

LI 
{ 
margin-top: 6px;
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; 
width: 518px; 
margin-top: 10px;
}

/************** przyciski góra **********/
td.przyciski_gora
{
width: 112px; 
margin-top: 1px; 
text-align: center; 
font-size: 11px; 
border-right-width: 1px;
border-right-style: solid;
border-right-color: #700C1D;
height: 32px;
}

/************** tabela parametró ************/

table.tabelki
{
border-collapse:collapse; 
border-style: solid;
border-width: 1px;; 
border-color: #CBCBCB;
background-color: #FcFcFc;
width: 100%;
text-align: center;
}

td.tab_top
{
background-color: #D5CDBB;
border-style: solid;
border-width: 1px;; 
border-color: #D8D8D8;
font-size: 10px;
text-align: center;
}

td.tab_kom
{
border-style: solid;
border-width: 1px;; 
border-color: #D8D8D8;
font-family: verdana;
font-size: 10px;
text-align: center;
height: 15px;
}

/************** poradnik ************/

.fader{
display:none;
padding: 10px;
padding-bottom: 17px; 
background-color: #EFEFEF;
margin-top: 0px;
margin-bottom: 10px;
border: 1px solid #B2B2B2;
border-top: 0px solid #B2B2B2;
}

A.fadeNext {
display:block;
line-height: 1.9; 
TEXT-DECORATION: none; 
font-weight: 600;
padding-top: 3px;
padding-left: 10px;
font-size: 11px;
font-family: verdana;
color: #BF2E31;
background: url(layout/belki_poradnik.jpg); 
background-repeat: no-repeat; 
}

A.fadeNext:hover {
display:block;
color: #F02327;
}

A.fadeNext_zwijaj {
background: url(layout/belki_poradnik2.jpg); 
background-repeat: no-repeat; 
}

.fader2{
display:none;
padding: 5px;
padding-left: 33px;
padding-bottom: 10px; 
padding-right: 15px;
background-color: #EFEFEF;
margin-top: 1px;
margin-bottom: 3px;
text-align: left;
}

A.fadeNext2 {
display:block;
line-height: 1.7; 
TEXT-DECORATION: underline; 
font-weight: 400;
padding-top: 5px;
margin-left: 7px;
padding-left: 15px;
padding-right:15px;
font-size: 11px;
font-family: verdana;
color: #044E9A;
background: url(layout/punktator2.gif); 
background-repeat: no-repeat; 
background-position: left 11px;
}

A.fadeNext2_zwijaj {
background: url(layout/punktator3.gif); 
background-repeat: no-repeat;
background-position: left 11px; 
}

A.fadeNext2:hover {
display:block;
color: #146BC5;
}




/*************** dropdown menu ***************/

 .menu{
	border:none;
	border:0px;
	margin-left:15px;
	padding:0px;	
	font: 100% verdana, Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	z-index:100;
	margin-top: 0px;	
	}
.menu ul{
	background: none;
	height:33px;
	list-style:none;
	margin:0;
	padding:0;	
	}

	.menu li{
		float:left;
		padding:0px;		
		margin-left: 1px;
		margin-bottom: 0px;
		margin-top: 0px;
		}
	.menu li a{
		background: url(layout/przyciski_tlo2.gif); 
		background-repeat: repeat-x; 
		background-position: left top;
		color:#fff;
		display:block;
		font-weight:normal;
		margin:0px;
		text-align: center;
		text-decoration:none;
		width: 112px;
		padding-top: 9px;
		height: 23px;	
		}
		
		.menu li a:hover, .menu ul li:hover a{
			background: url(layout/przyciski_tlo2_h.gif) bottom right no-repeat;
			color:#FFFFFF;
			text-decoration:none;		  
			}
			
	.menug_zazn {
	  	display:block;	
		background: url(layout/przyciski_tlo2_h.gif) bottom right no-repeat !important;
		}
	
	.menug2 {
	  	display:block;
		background: url(layout/przyciski_tlo3.gif) !important; 
		background-repeat: no-repeat !important;
		}
	
	.menug2:hover {
	  	display:block;
		background: url(layout/przyciski_tlo3_h.gif) !important; 
		background-repeat: no-repeat !important;		
		}			
		
	.menug2_zazn {
	  	display:block;
		background: url(layout/przyciski_tlo3_h.gif) !important; 
		background-repeat: no-repeat !important;	
		margin-top: 1px  !important; 	 
		}		
			
	.menu li ul{
		background:#7D1B26;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border-top: 1px solid #700B1D;
		position:absolute;
		z-index:200;
		/*top:1em;
		/*left:0;*/		
		}
		
	.menu li:hover ul{
		display:block;
		background: #A81F30;		
		}
		
	.menu li li {
		color: #fff;
		display:block;
		float:none;
		margin:0px;
		padding-left:0px;				
		}
	.menu li:hover li a{
		background:#A81F30;			
		}
		
	.menu li ul a{
		display:block;
		height:30px;
		width: 100px;
		line-height: 30px;
		padding-left: 13px;
		padding-top: 0px;		
		font-size:13px;
		font-style:normal;
		margin:0px;		
		text-align: left;	
		font-family: Arial;	
		}
		
		.menu li ul a:hover, .menu li ul li:hover a{
			background: #BC1D38;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			width: 100px;
			padding-left: 13px;
			margin:0px;
			font-family:Arial;
			}
	.menu p{
		clear:left;
		}