/* CSS STYLE */
*{margin:0; padding:0;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999;}
body {background: #fff url(../img/bg.jpg) repeat-x;}
#wraper{ background: #fff; margin:3em auto;  width:770px; border:1px solid #aeaeae; }
#l-side{ float: left; width:200px;}
#r-side{ float: left; width:500px; background:transparent url(../img/bg_rrn.gif) center 1em no-repeat;}
#page{background: transparent url(../img/bg_main.jpg) top repeat-y; border:1px solid #fc3; margin:10px; padding-bottom:1em;}
#baner {background: #fc3 url(../img/gora.jpg) top no-repeat; height:160px;}
#main { margin:2em 2em 0 2em; width:100%; }



img{display:block; background:#fff; padding:5px; border:1px solid #aeaeae;}
img.left {float:left;}
img.nobr {float:left; border:none; padding:5px;}
h1, h2, h3{font-family:Georgia, Times, serif; font-size:2em; color:#39c; text-align:center; padding:0.5em }
.kir {background: transparent url(../img/kir.gif) left center no-repeat; padding-left:20px;} 
.pl {background: transparent url(../img/pl.gif) left center no-repeat; padding-left:20px;} 
h2 {font-size:1.5em; text-align:left;}
h3 {font-size:1em; text-align:left;}
p {padding:0.5em;}
p.i  {font-style:italic; font-size:90%;}
.it {font-style:italic; font-weight:bold;}
.quote {float:left;  margin:0 auto; padding:0; width:280px;}
.quote p {padding-bottom:1em; text-align:center;}
.linkbr {float:left;  margin:0 auto; width:350px;}
/* CIENIE STYLE */
hr  {margin:1em 0; color: #ccc; background-color: #ccc; height: 2px; border:none;}
hr.clear {clear: both; height: 0; line-height: 0; visibility:hidden;}

#main ul li {margin-top:.5em; list-style:none; list-style-image:url(../img/li.gif);}
#main a {color:#39c; text-decoration:none;}
#main a:hover {color:#fc3; text-decoration:none;}

/* NAWIGACJA */
#navcontainer
{
width: 68%;
margin-left: 2em;
margin-top: 5em;
padding: 1em 0;
font-family: georgia, serif;
font-size: 13px;
text-transform: lowercase;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;

}
ul#navlist li
{
display: block;
margin: 0;
padding: 0;
border-bottom:1px solid #ccc;
}
ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0;
text-decoration: none;

text-align:center;
color:#39c;
}
ul#navlist li a:hover, ul#navlist li a#active {color:#fc3; background-color:#efefef;}



/*------------FORM FORMATING------------------*/
#kontaktform {margin:1em;}
#kontaktform input.inp,
#kontaktform textarea.inp
	{
	color:#000;
	border:none;
	border-bottom: 1px solid #fc3;
	width: 200px;
	padding: 3px;
	outline: none;
	}

#kontaktform p {clear:left; margin:0; padding:0;   }
#kontaktform label {float:left; width:30%;text-align:right; padding-right:15px; }
#kontaktform input.btn {width: 54px; height: 20px; background: transparent url(../img/btn.gif) no-repeat right; outline: none; }
#send-btn:hover, #send-btw:hover {width: 54px; height: 20px; background: transparent url(../img/btn_h.gif) no-repeat right; outline: none; }

.required { border:1px solid #FFB2B2;}
td.lbl { text-align:right; background:#D4E9F7; width:40%}
.tyt {text-align:center; color:#fff; background:#90B7D5;}
.mini {font-size:9px; font-style:italic;}
.blad {font-size:12px; color:#f00;}
.info {font-size:12px; color:#30f;}
/*------------------------------------------------------------------*/
.no {display:none;}

.hidden, .hide {
display: none;
}
dl { padding: .5em; background:#F0F5F9; border-top:1px solid #dedede;}
dl.par  { background: #fff0c1;}
dt {margin: .5em 0 0}
dd {margin-left: .5em}

#kknet {
	display: block;
	width:40px;
	margin: 1em auto;
}
#kknet img, #banner img { border:none;}
#popup body {cursor: pointer; padding: 5px 0 0; margin: 0; text-align:center;}
.title {color:#fff; font-size:1.2em; text-align:center;}
#popup img {border: 5px solid #fff;}
#popup p {margin-bottom:1em;}


#banner {text-align:center; margin: 5px 12px; width:100px;}