/* Basic ///////////////////////////////////////////////////////////////////////////////////  */
body { background: #cccccc url('../gfx/bg.jpg') 0 0 repeat-x; }
body,form,input,textarea,select,option { color: #666666; font: 11px Tahoma, Arial, Helvetica,Verdana; line-height: 18px; padding: 0; margin: 0;}
h1,h2,h3,h4,h5,p,ul,ol,dl { margin: 0; padding: 0; }
a { text-decoration: none; color: #d72722; }
a img {border: none;}
a:link, a:visited {color: #d72722; text-decoration: none;}
html body a:hover {text-decoration: underline; }
p { padding:  5px 0 15px 0; }
h1 { 	color: #000; padding:  20px 0 5px 0; font-size: 12px}
h2 { 	color: #666; padding:  20px 0 5px 0; font-size: 16px}
h3 { 	color: #999; padding:  5px 0 5px 0; font-size: 14px; }
h4 { 	color: #000; padding:  15px 0 5px 0; font-size: 13px; }
/* List  ///////////////////////////////////////////////////////////////////////////////////  */
ul { margin: 0px 0px 0px 0px;  }
li { padding: 0px 12px 4px 12px; list-style-type: none; background: url('../gfx/li.gif') 2px 6px no-repeat; line-height: 18px;}
/* Forms  /////////////////////////////////////////////////////////////////////////////////// */
input,textarea,select { vertical-align: middle; width: 160px; }
textarea, input.text, select { border: 1px solid #CCC; background-color: #FFF; width: 150px;  padding: 1px 4px; }
textarea {  height: 70px; }
input.text { background-color: #FFF; border: 1px solid #999; }
input:focus { background-color: #FFF; border: 1px solid #666; }
input.button { border: 1px solid #e95c52; background:#cd0d00 url('../gfx/bg_menu.gif') center center no-repeat; font-weight: bold; padding: 1px 5px 2px 5px; color: #FFF; cursor: pointer; width: auto; overflow: visible; text-transform:uppercase; line-height: 15px; }
input.light { background-color:#ccc; }
/* General  ///////////////////////////////////////////////////////////////////////////////////  */
.clearing { clear: both; line-height: 0.1%; font-size: 0.1%; }
.fl { float: left }
.fr { float: right }
.l_img { float: left; margin: 0 15px 10px 0; border: 1px solid #e1e1e1; background-color: #FFF; padding: 2px; }
.r_img { float: right; margin: 0 0 10px 15px; }
.c_img { text-align: center; margin: 0 15px 10px 15px; }
.separate { background: url('../gfx/dots.gif') 0 7px repeat-x;  height: 14px; }


/* Format strony  /////////////////////////////////////////////////////////////////////////////////// */
.wrapper { overflow: hidden;}
#container {width: 968px; margin: 0 auto; padding-bottom: 20px;}
#header {height: 311px; margin-bottom:34px;}
.content { background: url('../gfx/cont.gif') 0 0 repeat-y; width: 700px; margin-top: 10px;}

#logo{height:90px;background:url('../gfx/logo.gif') left top no-repeat;float:left;}
#logo a {display:block; width:220px;height:90px;}

#menu_top{float:right;display:block;margin-right:20px;margin-top:20px;}

#menu_top ul{float:left;}

#menu_top ul li{float:left;padding:0px;margin:0px;}
#menu_top ul li a span{display:none;}
#menu_top ul li a#menu_o_firmie {display:block;width:74px;height:35px;background:url('../gfx/o_firmie.gif')}
#menu_top ul li a#menu_katalog_produktow {display:block;width:124px;height:35px;background:url('../gfx/katalog_produktow.gif')}
#menu_top ul li a#menu_kontakt {display:block;width:70px;height:35px;background:url('../gfx/kontakt.gif')}

#wide #inside { width: 665px;  }
.left_col {width: 220px; float: left;}
.left_col ul li{
    border-bottom:1px solid #c9c9c9;
}

.left_col ul li a{
    display:block;
    color:#4a4a4a;
}

.left_col ul li a:hover{color:#000;}
.left_col ul li a:visited{color:#000;}


.left_col ul ul{
    margin:0px;
    padding:0px;
}

.left_col ul ul li{
    border-bottom:0px solid red;
    background:none;
}

.left_col ul ul li a{
    display:block;
    color:blue;
}

.left_col ul ul li a:hover{color:#000;}
.left_col ul ul li  a:visited{color:#4a4a4a;}

.content{margin-left:20px;margin-right:0px;float:right}

#title{overflow:auto;margin-bottom:20px;}
#title ul li{ float:left;padding:0px;margin:0px;}
#title ul li{padding:0px;margin:0px;}
#title_l{ width:10px;height:35px;background:url('../gfx/title_l.gif')}
#title_c { height:35px;background:url('../gfx/title_c.gif')}
#title_c p {font-size:14px;font-weight:bold;color:#000;padding:8px 4px 0px 4px }
#title_r { width:7px;height:35px;background:url('../gfx/title_r.gif')}


#page { float: left; width: 705px; background: url('../gfx/page.gif') left top repeat-x; padding: 0 0 0 40px; }
#inside { padding: 40px 40px 0 0; float: left; width: 520px;  }


/* FOOTER  /////////////////////////////////////////////////////////////////////////////////// */
#f{width:100%;height:71px;background:url('../gfx/footer.jpg');}
#footer { margin: 20px 0 20px 0; margin: 0 auto; width: 950px; font-size: 9px; color: #cbcbcb; line-height: 13px; }
#partnerzy { float: right; width:300px; }
#footer p { padding: 20px 0 10px 10px;float:left; }
#footer p#madeby  { padding:20px 10px 10px; color: #cbcbcb;float:right; }
#madeby a { color: #cbcbcb; }
/* TABLE  ///////////////////////////////////////////////////////////////////////////////////  */
.mytable { margin: 10px auto 20px auto; border-collapse: collapse; color: #000; border: 1px solid #CCC; }
.mytable td { padding: 5px 8px; border: 1px solid #CCC; border-collapse: collapse; vertical-align: middle; text-align: left; background-color: #fbfbfb; }
.mytable th { background-color: #e2e2e2;	padding: 2px 8px 2px 8px; color: #000; text-align: center; border: 1px solid #CCC; }
.buttons td { text-align: center; padding: 12px 8px; }
.first { font-weight: bold; }
.line0 td { background-color: #f6f6f6; }