body {
text-align: center;
background-image: url('gfx/gradient.png');
background-repeat: repeat-x;
background-position: 0 -30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin:     0;
padding:     0;
}

img {
border:     0px;
}

li {
font-family:         Tahoma, Helvetica, Arial, “MS Trebuchet”, sans-serif;
font-size:             14px;
color:                #00572A;
}

a {
color: white;
font-family:         Helvetica, Arial, “MS Trebuchet”, sans-serif;
font-size:             11px;
text-decoration:    none;
margin-top:            16px;
}

a:active {
color: white;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: none;
}

a:visited {
color: white;
text-decoration: none;
}
/*poczatek menu*/


.nav, .nav ul {
text-align: center;
font-family:             Helvetica, Arial, sans-serif;
font-weight: normal;
letter-spacing:         1px;
padding:                0;
list-style-type:        none;
list-style-position:    outside;
/*line-height:            30px;*/
z-index:                0;
}

.nav {
text-align: center;
margin: 0 auto;
width: 800px;
}

.nav .sub a, .nav .topsub a {
margin:             0;
display:            block;
text-align: center ;
padding:            0px 2px;
color:                #ffffff;
text-decoration:    none;
background:            #28334d;
border-top:            1px solid #aaa;
}
.nav .act .back li.hover, .nav .act .back a:hover {
background:            #28334d;
height:                30px !important;
}

.act{
/*background-color: red;*/
padding: 0px;
margin-top: -5px;
background-image: url(gfx/button_.gif);
background-repeat: no-repeat;
font-weight:bold;
color:white;
text-decoration: none ;
}

.n{
cursor: pointer;
background: url(gfx/button.gif) no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/to22.png', sizingMethod='image');
top:22px;
font-weight:bold;
color:white;
text-decoration: none;
}

.act a, .n a{
font: 14pt;
text-align: center;
margin-left: -4px;
margin-top:            18px;
vertical-align: middle;
}

.nav li:hover, .act:hover, .n:hover {
cursor: pointer;
background-image: url(gfx/to22.gif);
background-repeat: no-repeat;
}

.nav .topsub a {
border:     0px;
}
.nav a {
text-align: center;
display: block;
}
.nav a.ccc {
font-family:        Tahoma, Arial, sans-serif;
font-size:            13px;
text-align: center;
color:                 #fff;
border:                0;
padding:            0px;
}

#cl {

}

.nav a.ccc:hover {
opacity:             0.8;
filter:             alpha(opacity=80);
-moz-opacity: 0.8;
/*background:        url(blue.png) repeat-x;*/
}

.nav .sub a:hover, .nav .topsub a:hover {
opacity:             0.8;
filter:             alpha(opacity=80);
-moz-opacity: 0.8;
}

.nav ul.back .sub:hover, .nav ul.back .topsub:hover{
opacity:             0.8;
filter:             alpha(opacity=80);
-moz-opacity: 0.8;
color:                    #fff;
}
.nav li {
float:        left;
text-align: center;
position:    relative;
}
.nav li.act, .nav li.n {
text-align: center;
position: relative;
/*background-image: url('gfx/menu-bg.png') repeat-x;*/
width: 130px;
height:     41px;
}

.nav li.sub {
float:        left;
position:    relative;
height: 30px;
/*border-left: 1px solid white;*/
}
.nav li.topsub {
margin-top:    33px;
float:        left;
position:    relative;
height: 30px;
/*border-left: 1px solid white;*/
}

/*.nav li.sub:hover, .nav li.topsub:hover {
border-top: 1px solid #222;
}*/

.nav li.iright {
float: right;
}
/*
.nav ul {
text-align: center;
display:    none;
width:        160px;
}

.nav li ul a {
text-align: center;
width:    150px;
height:    30px;
float:    left;
}
.nav li ul a.short {
width:    150px;
height:    30px;
float:    left;
}
.nav ul ul {
top:    auto;
}
.nav li ul ul {
left:            120px;
margin:            0px 0 0 10px;*/
/*border-left:     1px solid white;
}*/
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul {
display:    none;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul {
display:    block;
}

/* koniec menu*/

















.top {
margin: 0 auto;
text-align: center;
height: 127px;
background-image: url('gfx/r.gif');
background-repeat: repeat-x;
overflow: hidden;
width: expression(document.documentElement.clientWidth < 1221? "1221px": "auto" );
display: block;
}

.top-ll {
width: 50%;
min-width: 611px;
text-align: right;
position: relative;
float: left;
background-image: url('gfx/l.gif');
background-repeat: repeat-x;
height: 127px;
}
/*
.top-l {
width:30%;
float:left;
background-image: url('gfx/l.gif');
background-repeat: repeat-x;
margin-right:-370px;
background-color: #111715;
height: 127px;
}

.coll {
margin-right:55px;
}

.top-m {
margin: 0 auto;
min-width:1100px;
float:left;
position:relative;
z-index:10;
text-align: center;
height: 127px;
background-color: white;
}
/*
.top-r {
background-image: url('gfx/logo-r.jpg');
background-repeat: no-repeat;
background-position: left;
height: 127px;
}

.top-rr {
background-image: url('gfx/r.gif');
background-repeat: repeat-x;
background-color: #f68a2b;
margin-left:19px;
height: 127px;
}

.colr {
width:30%;
float:right;
margin-left:-301px;
background-image: url('gfx/gradient-top.png');
background-repeat: repeat-x;
background-position: 0 114px;
}
*/

.top-rr {
width: 49%;
overflow:hidden;
position: relative;
float: left;
text-align: left;
background-image: url('gfx/r.gif');
background-repeat: repeat-x;
background-color: #f68a2b;
height: 127px;
}


.top2a {
min-width: 1221px;
margin: 0 auto;
text-align: center;
}


.top2 {
/*box-shadow: -10px -10px 20px #fff;*/
text-align: center;
background:     url(gfx/menu-bg.png) repeat-x;
height:         40px;
}


.container {
margin: 16px auto;
padding: 5px;
clear: both;
text-align: center;
width: 824px;
border: 1px solid #f68a2b;
display: block;
box-shadow: 0px 0px 50px #555; 
-moz-box-shadow: 0px 0px 50px #555; 
-webkit-box-shadow: 0px 0px 50px #555; 
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

.container img {
padding: 0;
margin-top: 0;
margin-bottom: 0;
}

#cont_img {
padding: 5px;
border: 1px solid #ffd3ac;
border-left: 0;
border-right: 0;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}

#cont_img p{
text-shadow: 0em 0em 0.4em #fff, 0em 0em 0.4em #fff, 0em 0em 0.4em #fff;
text-align: center;
font-weight: bold;
color: #fffff;
margin-top: 0;
padding: 0;
}

.left {
float:left;
width: 300px;

}

.right {
float: left;
text-align: left;
padding-left: 10px;
width: 514px;
}

.left img {
margin-top: 15px;
}

.footer {
margin: 0 auto;
clear: both;
display: block;
height: 57px;
}

.footer-middle {
color: white;
float: left;
padding: 0px;
background-image: url(gfx/footer.gif);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/footer4.png', sizingMethod='scale');
height: 57px;
width: 732px;
}

.footer-middle div{
margin-top: 15px;
}

.footer-middle  p{
margin-top: 5px;
}

.footer-right {
float: left;
}

.footer-left {
float: left;
}

.par {
margin: 0 auto -15px auto;
padding: 0;
color: #f68c2e;
font-size: 12pt;
font-weight: bold;
border-bottom: 1px solid #ffdaaf;
}

#box {
box-shadow: 2px 2px 5px #888;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
margin: 20px auto;
width: 250px;
display: box;
border: 1px double #f68c2e;
}

#box h4 {
text-align: left;
color: #fffff;
border-bottom: 1px solid #f68c2e;
margin-top: 5px;
margin-left:5px;
padding: 3px 0 0 20px;
background-image: url('gfx/k.gif');
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/k.png', sizingMethod='crop');
height: 0;
}

#box2 {
box-shadow: 2px 2px 10px #888; 
-moz-box-shadow: 2px 2px 10px #888;
-webkit-box-shadow: 2px 2px 5px #888;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
margin: 20px auto;
padding: 3px 3px 3px 20px;
width: 450px;
padding: 10px;
display: block;
border: 1px double #f68c2e;
}

#box2 h4 {
text-align: left;
color: #fffff;
border-bottom: 1px solid #f68c2e;
margin-top: -5px;
padding: 3px 0 0 20px;
background-image: url('gfx/k.gif');
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/k.png', sizingMethod='crop');
height: 0;
z-index: 15;
}

#box2 a, #box a, #box3 a {
font-weight: bold; 
color:#e87e17;
}

.box3a {
max-height: 7em;
overflow: hidden;
}

.box3 {
drop-shadow: 2px 2px 10px #888;
box-shadow: 2px 2px 10px #888; 
-moz-box-shadow: 2px 2px 10px #888;
-webkit-box-shadow: 2px 2px 5px #888;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
margin: 20px auto 20px 0;
padding: 10px 10px 20px 10px;
width: 410px;
display: block;
border: 1px double #f68c2e;
}

.box3 li {
color: #000000;
font-size: inherit;
}

.more {
color: #f68c2e;
font-weight: bold;
text-align: right;
}