body {
font-family: Arial; 
font-style: normal; 
font-weight: normal; 
font-variant: normal; 
line-height: normal; 
text-align: left; 
text-decoration: none; 
color: #000; 
font-size: 13px;
background: url('gfx/bg.gif') top left repeat-x #4d5c67;
margin: 0;
}

.ramka {
	border: 1px solid #DDD;
}

.ramka2 {
	border: 1px solid #000;
	margin: 2px 0 2px 0;
	width: 200px;
}

.ramka3 {
	border: 1px solid #000;
	margin: 2px 0 2px 0;
}

/* ############### GLOBAL SETTINGS ############### */

h1 {
color: #9a0001;
font-size: 30px;
padding: 30px 0;
margin: 0;
font-weight: normal;
}

h2 {
color: #9a0001;
font-size: 18px;
font-weight: normal;
text-align: left;
margin: 0;
padding: 15px 0;
}

h3 {
color: #9a0001;
font-size: 18px;
font-weight: normal;
text-align: center;
margin: 0;
padding: 15px 0;
}

p {
/*color: #444;
text-indent: 40px;*/
font-size: 13px;
text-align: justify;
padding: 5px 10px;
margin: 0;
}

a {
color: #9a0001;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

a.logo {
display: block;
width: 230px;
height: 118px;
background: url('gfx/logo.gif') top left no-repeat;
position: absolute;
margin: 0 8px;
}

.heading {
display: block;
width: 450px;
height: 127px;
background: url('gfx/heading.jpg') top left no-repeat;
position: absolute;
margin: 0 0 0 330px;
}

#banner {
display: block;
width: 200px;
height: 100px;
background: #fff;
margin: 0px 0 0 5px;
padding: 0 0 0 0;
text-align:center;
color:#999;
}

/* ############### VERTICAL MENU CLASSES ############### */

#menuBar {
height: 25px;
width: 764px;
background: url('gfx/m_right.gif') top right no-repeat;
margin: 0 0 0 16px;
padding: 0;
}
#menuBar a.StronaGlowna {
display: block;
float: left;
height: 25px;
width: 112px;
background: url('gfx/m_home.gif') top left no-repeat;
}
#menuBar a.StronaGlowna:hover {
background: url('gfx/m_home.gif') bottom left no-repeat;
}
#menuBar a.oFirmie {
display: block;
float: left;
height: 25px;
width: 78px;
background: url('gfx/m_firma.gif') top left no-repeat;
}
#menuBar a.oFirmie:hover {
background: url('gfx/m_firma.gif') bottom left no-repeat;
}
#menuBar a.Oferta {
display: block;
float: left;
height: 25px;
width: 71px;
background: url('gfx/m_oferta.gif') top left no-repeat;
}
#menuBar a.Oferta:hover {
background: url('gfx/m_oferta.gif') bottom left no-repeat;
}
#menuBar a.Nowosci {
display: block;
float: left;
height: 25px;
width: 71px;
background: url('gfx/m_nowosci.gif') top left no-repeat;
}
#menuBar a.Nowosci:hover {
background: url('gfx/m_nowosci.gif') bottom left no-repeat;
}
#menuBar a.Kontakt {
display: block;
float: left;
height: 25px;
width: 77px;
background: url('gfx/m_kontakt.gif') top left no-repeat;
}
#menuBar a.Kontakt:hover {
background: url('gfx/m_kontakt.gif') bottom left no-repeat;
}
#menuBar .Partnerzy a {
display: block;
float: left;
height: 25px;
width: 84px;
background: url('gfx/m_part.gif') top left no-repeat;
}
#menuBar .Partnerzy a:hover {
background: url('gfx/m_part.gif') bottom left no-repeat;
}

#menuBar .Partnerzy .popMenu {
display: none;
}
#menuBar .Partnerzy:hover .popMenu {
display: block;
position: absolute;
width: 170px;
background: none;
padding: 0 5px;
color: #fff;
margin: 25px 0 0 340px;
}
#menuBar .popMenu a {
display: block;
width: 180px;
background: url('gfx/m_box_cnt.gif') top left repeat-y;
line-height: 18px;
height: 18px;
color: #fff;
text-decoration: none;
margin: 0;
padding: 0 10px;
}
#menuBar .popMenu a:hover {
background: url('gfx/m_box_cnt.gif') top left repeat-y;
color: #bd5e5e;
}
#menuBar .popMenu .top {
display: block;
width: 180px;
background: url('gfx/m_box_top.gif') top left no-repeat;
height: 23px;
margin: 3px 0 0 0;
}
#menuBar .popMenu .bottom {
display: block;
width: 180px;
background: url('gfx/m_box_btm.gif') top left no-repeat;
height: 12px;
clear: both;
}


/* ############### SIDE-PANEL MENU CLASSES ############### */

#sidePanel {
display: block;
width: 211px;
height: 180px;
background: url('gfx/sidepanel.jpg') top left no-repeat;
margin: 25px auto;
padding: 35px 0 0 0;
}
#sidePanel a {
display: block;
color: #444;
font-size: 14px;
text-decoration: none;
line-height: 22px;
padding-left: 23px;
width: 168px;
}
#sidePanel a:hover {
color: #9a0001;
background: url('gfx/m_quo.gif') 10px 10px no-repeat;
}

#sidePanel .subMenu {
margin: 0 0 0 10px;
border-bottom: 1px dashed #aaa;
width: 170px;
padding: 0;
line-height: 0;
}
#sidePanel .subMenu a {
font-size: 12px;
line-height: 20px;
width: 148px;
}
#sidePanel .subMenu a:hover {
background: none;
text-decoration: underline;
}

/* ############### FOOTER CLASSES ############### */

#footer {
display: block;
width: 760px;
margin: 5px auto;
padding: 2px 0;
border-top: 1px solid #ccc;
color: #777;
font-size: 11px;
}
#footer .data {
display: block;
position: absolute;
width: 150px;
margin: 0 610px;
text-align: right;
}