* { margin:0;
    padding:0;
}

body {
margin: 0px;
padding: 0px;
text-align: center;
font-family: Tahoma, Arial;
font-size: 12px;
color: #121212;
background: url('img/bg.jpg');
height: 100%;
}




@font-face {
    font-family: 'comfortaaregular';
    src: url('fonts/comfortaa_regular-webfont.eot');
    src: url('fonts/comfortaa_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/comfortaa_regular-webfont.woff') format('woff'),
         url('fonts/comfortaa_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'kelson_sans_regular-webfont';
    src: url('fonts/kelson_sans_regular-webfont.eot');
    src: url('fonts/kelson_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kelson_sans_regular-webfont.woff') format('woff'),
         url('fonts/kelson_sans_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


a:active, a:focus {
outline: 0;
}

p{
padding: 4px;
}

a img {
border: none;
}

a {
color: #a20c00;
}

h1 {
font-family: 'kelson_sans_regular-webfont';
font-size: 24px;
font-weight: normal;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
color: #a20c00;
}




h2 {
font-family: 'kelson_sans_regular-webfont';
font-size: 24px;
font-weight: normal;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
color: #a20c00;
}



h3 {
font-family: 'kelson_sans_regular-webfont';
font-size: 18px;
font-weight: normal;
padding: 10px 10px;
margin: 10px 0px 5px 0px;
color: #fff;
background: url('img/h3_bg.gif') left center repeat-x;
}

h4 {
font-family: 'kelson_sans_regular-webfont';
font-size: 18px;
font-weight: normal;
padding: 10px 10px;
margin: 10px 0px 0px 0px;
color: #fff;
background: url('img/h2_bg.gif') left center repeat-x;
}

h5 {
font-size: 14px;

padding: 0px 0px 5px 0px;
margin: 0px;
}

#page-bg {
width: 100%;
background: url('img/header_bg.gif') left top repeat-x;
}

#reklama{
position: absolute; 
top: 180px;
left: 250px;  
width: 400px; 
padding: 30px 10px 10px 10px; 
overflow: hidden;
z-index: 999;
moz-box-shadow: 5px 5px 5px #373737;
-webkit-box-shadow: 5px 5px 5px #373737;
box-shadow: 5px 5px 5px #373737;
background: #fff;
}


#reklama-przycisk{
position: absolute; 
padding: 4px 0px; 
top: 0px; 
right: 0px; 
width: 100px; 
z-index: 999; 
font-size: 12px;
}

#reklama-przycisk a{
color: #000000; 
font-weight: bold; 
padding: 5px;
}

#page {
width: 980px;
padding: 0px 0px;
text-align: left;
margin: 0 auto;
position: relative;
}

#header {
width: 980px;
height: 100px; 
}

#logo {
float: left;
width: 160px;
height: 100px; 
overflow: hidden;
}

#logo img {
display: block;
height: 100px
}

.motto{
float: right;
text-align: right;
font-size: 24px;
font-family: 'kelson_sans_regular-webfont';
width: 460px;
padding: 30px 20px 0px 0px
}

.motto span{
font-size: 18px;
}


#menu {
clear: both;
width: 980px;
height: 65px;
overflow: hidden;
}



#menu li{
	background: none;
	list-style: none;
	float: left;
	margin: 0px;

}


#menu  li a:link , #menu li  a:visited  {
font-family: 'kelson_sans_regular-webfont';
display: block;
margin: 0px 0px;
padding: 25px 13px;
color: #ffffff;
text-decoration: none;
font-size: 16px;
margin-right: 1px;
}

#menu  li a:hover {
background: url('img/menu_hover_bg.gif') left top repeat-x;
color: #121212;

}


#active a {
color: #121212 !important;
background: url('img/menu_hover_bg.gif') left top repeat-x !important;

}




#top-left{
float: left;
width: 361px;
height: 342px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}

#top-right{
float: right;
width: 619px;
height: 342px;
overflow: hidden;
}


#content{
clear: both;
width: 958px;
padding: 0px 10px 10px 10px;
background: #fff;
border-left: 1px solid #d7d7d7;
border-right: 1px solid  #d7d7d7;
border-bottom: 1px solid  #d7d7d7;

}


#left{
float: left;
width: 680px;
}

#right{
padding-top: 15px;
float: right;
width: 260px;
}

#cont{


}

#cont ul{
margin-left: 10px;
}

#cont ul li{
margin: 2px 0px 0px 10px;
list-style-image: url('img/li_bg.gif');
}

#product-content ul{
margin: 10px;
}

#product-content ul li{
margin: 2px 0px 0px 10px;
list-style-image: url('img/li_bg.gif');
}


#menu-left{
float: left;
margin-top: 5px;

}

#menu-left li{
list-style-image: url('img/li_bg.gif');
margin-left: 15px;
padding: 5px 0px;
font-size: 12px;
font-weight: bold;
}

#menu-left li ul li{
list-style-image: url('img/li_bg.gif');
margin-left: 15px;
padding: 5px 0px;
font-size: 12px;
font-weight: normal;
}

#menu-left li a:link, #menu-left li a:visited{

text-decoration: none;
}

#menu-left li a:hover{
color: #2a2a2a;
}

#current a{

color: #2a2a2a !important;
}


.product-box-bg{
float: left;
width: 200px;

text-align: center;
margin: 8px;
font-size: 10px;
background: #ffffff;
}


.product-box{

text-align: center;
}

.product-box-bg a{
color: #2a2a2a;
text-decoration: none;

}

.product-box-bg{

max-height: 170px;
overflow: hidden;
padding: 1px;
border: 1px solid #e0e0e0;
}


.product-box:hover{
-moz-opacity: 0.8; 
filter: alpha(opacity=80);
opacity: 0.8;
}



.product-box img{
width: 198px;

}


.product-galeria-box{
float: left;
width: 200px;
text-decoration: none;
text-align: center;
color: #2a2a2a;
background: #ffffff;
margin: 8px;
}

.product-galeria-box p{
font-size: 12px;
font-weight: bold;

}
.product-galeria-box-bg a{

text-decoration: none;

}

.product-galeria-box:hover{
-moz-opacity: 0.8; 
filter: alpha(opacity=80);
opacity: 0.8;
}

.product-galeria-box img{
width: 200px;

}



.box-title-top{
background: url('img/box_title_top.gif') left top no-repeat;
padding-top: 5px;
width: 200px;
margin: 0px 0px 10px 0px;
}


.box-title-middle{
background: url('img/box_title_middle.gif') left top repeat-y;
width: 200px;
padding: 0px 0px;
}


.box-title-bottom{
background: url('img/box_title_bottom.gif') left bottom repeat-x;
padding-bottom: 20px;
width: 200px;
}




.box-gallery-top{
float: left;
width: 220px;
background: url('img/box_special_top.gif') left top no-repeat;
padding-top: 10px;
margin: 8px 8px;
}

.box-gallery-middle{
width: 200px;
background: url('img/box_special_middle.gif') left top repeat-y;
padding: 0px 10px;
text-align: center;
}

.box-gallery-middle-img{
width: 200px;
height: 135px;
overflow: hidden;
}



.box-gallery-middle p{


}

.box-gallery-middle a{
color: #121212;
text-decoration: none;
}

.box-gallery-middle img:hover{
-moz-opacity: 0.8; 
filter: alpha(opacity=80);
opacity: 0.8;
	}

.box-gallery-bottom{
width: 220px;
background: url('img/box_special_bottom.gif') left bottom no-repeat;
padding-bottom: 17px;
}


.more {
text-align: right;
padding: 0px;
}

.more a{
color: #ffffff;
text-decoration: none;
padding: 2px 14px 2px 5px;
font-size: 11px;
background: #a20c00 url('img/more2.gif') right center no-repeat;
margin: 0px;
}

.more2 {
text-align: right;
padding: 0px;
}

.more2 a{
color: #ffffff;
text-decoration: none;
padding: 2px 14px 2px 5px;
font-size: 11px;
background: #b8592d url('img/more.gif') right center no-repeat;
margin: 0px;
}

.back-news {
text-align: right;
padding: 10px 0px 10px 0px;
}

.back-news  a{
text-decoration: none;
padding: 0px 10px 5px 10px;
font-size: 16px;
margin: 10px 10px;
color: #3b3b35;
background: url('img/left.gif') left center no-repeat;
}

.back-article {
text-align: right;
padding: 10px 0px 10px 0px;
}

.back-article  a{
text-decoration: none;
padding: 0px 10px 5px 10px;
font-size: 16px;
margin: 10px 10px;
color: #3b3b35;
background: url('img/left.gif') left center no-repeat;
}

.lista{
margin-left: 10px;
}

.lista li{
margin: 2px 0px 0px 10px;
list-style-image: url('img/li_bg.gif');
}



.news-start{
padding: 10px 10px 10px 10px;
background: #fff url('img/news_start_bg.jpg') left bottom repeat-x;
margin: 0px 0px 0px 0px;
width: 341px;
height: 151px;
overflow: hidden;
}

.news{
padding: 10px 10px 10px 10px;
background: #fff url('img/bg3.gif') left bottom repeat-x;
margin: 0px;
}

.moneypl{
float: left;
width: 260px;
padding: 0px 0px 0px 20px;

}

.cw_h1_t{
font-size: 18px;
font-weight: normal;
padding: 10px 10px;
margin: 10px 0px 0px 0px;
color: #fff;
background: url('img/h2_bg.gif') left center repeat-x;
}

#mny_cw li{
margin: 2px 0px 0px 15px;
list-style-image: url('img/li_bg.gif');
}

#news-details .box-gallery-top{
margin: 0px 20px;
}

#news-details  ul{
margin-left: 10px;
}

#news-details  ul li{
margin: 2px 0px 0px 10px;
list-style-image: url('img/li_bg.gif');
}


#firmy{


}



.box1{
width: 240px;
padding:  5px 10px 15px 10px;
background: #f8ffca;
float: left;
}

#kontakt-left{
float: left;
width: 300px;
margin: 10px 0px 0px 0px;

}

#mapa{
float: right;
width: 340px;
margin: 10px 0px 0px 0px;
}

#footer{
width: 100%;
}

#footer-content{
width: 960px;
margin: 0 auto;
padding: 5px 0px 10px 0px;
}

.leftblock {
float: left;
width: 700px;
color: #9a9a9a;
text-align: left;
}

.rightblock {
float: right;
width: 100px;
}

.rightblock  a{
text-decoration: none;

color: #9a9a9a;
}

.formularz{
text-align: left;
margin-left: 0px;
float: left;
}

.formularz ul {
        list-style: none;
        padding: 0;
        margin: 0;
		margin-left: 0px;
      }
.formularz li label{
padding: 2px 10px;
font-size: 11px;
display: block;
text-transform: uppercase;
      }
	  
.formularz ul li {	  
	  list-style: none;
padding: 5px 0px;
}


.formularz ul li input{
padding: 6px 10px;
margin: 0px 3px;
border: 1px solid #cfcfcf;
border-radius: 3px;
}

.formularz ul li input:focus{
border: 1px solid #a20c00;
outline: none;

}

.formularz ul li textarea:focus{
border: 1px solid #a20c00;
outline: none;

}

.formularz textarea{
overflow: hidden;

border: 1px solid #cfcfcf;
border-radius: 3px;
}




ul.ppt {

	position: relative;
	top: 0px ;
	left: 0px;

width: 619px;
height: 342px;
	overflow: hidden;
	left: 0px;
}

.ppt li {
margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	top: 0px;
	left: 0px;
width: 619px;
height: 342px;
}

.ppt img {
width: 619px;
margin: 0px;

}

#slider2{
clear: both;
width: 619px;
overflow: hidden;
padding: 0px 0px;
margin: 0px 0px 0px 0px
}

#slider1 {


}


	
 #slider1 li{
margin: 0;
padding: 0px 0px;
list-style: none;
width: 236px;

}


#sidePanel{
    width:245px;
    position:fixed;
    right: -202px;
    top: 200px;
	z-index: 999
    
}
#panelHandle{
	background: url('img/facebook.jpg') no-repeat right top;

    height:150px;
    width:40px;
    float:right;
    cursor:pointer;
}
#panelContent{
    float:right;
    border:1px solid #0354a0;
    width:200px;
    height:400px;
    background-color:#EEEEEE;
	padding: 0px;
}