.content, body,td {
margin: 0px;
padding: 0px;
border: 0px;
background: silver;
  font-size: 12px;
  font-family: verdana,helvetica,arial;
  color: #111111;
}

#submenu{
float: left;
margin: 20px 0px 0px 10px;
background-image: url('/images/submenu.png');
background-repeat: no-repeat;
background-position: -3px 0px;
width: 810px;
height: 60px; 
}

#submenu h1{
float: left;
text-align: left;;
width: 210px;
padding-top: 15px;
padding-right: 0px;
}

#submenu a{
color: black;
text-decoration: none;
display: block;
float: left;
padding: 15px 0px 0px 0px;;
font-size: 20px;
font-weight: bold;
text-align: center;
width: 200px;
height: 40px;
padding-right: 0px;
}

#submenu b{
display: block;
float: left;
background-image: url('/images/sub_select.png');
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 15px 0px 0px 0px;;
font-size: 20px;
font-weight: bold;
text-align: center;
margin-left: -2px;
width: 202px;
height: 50px;
padding-right: 0px;
}

.clink{
display: block; 
float: left; 
border: 2px solid white; 
cursor: pointer; 
padding: 6px 0px 3px 0px;
cursor: hand;}

.clink b{
font-size: 20px;
font-weight: bold;
color: white;
background: #777;
padding: 3px;
}

.clink b:hover{
background: #D8281B;}

.clink:hover{
border: 2px dotted #D8281B; 
}

.tall{
font-size: 24px;
}

#rodz{
float: left; 
width: 210px; 
border-left: 
black 1px dotted;
padding-left: 10px; 
margin-left: 10px; 
margin-top: 50px;
}

#rodz h2{
font-size: 12px;
}

#main_window {
       background: #E6E6E6;
       height: 100%;
       width: 1000px;
       margin: 0 auto; 

       }

#main_menu{

}

#zakladka{
position: fixed; 
left: 0px; 
top: 140px; 
width: 21px;
height: 303px;
background-image: url('/image/rabat30kal.png');  
border-style: none;
}


.demo a {
color: #D8281B;
text-decoration: underline;
cursor: pointer; 
}

.demo div{
cursor: pointer;}

#logotitle{
float: left;
height: 34px;
width: 160px;
background-image: url('/icons/www/newlogo.gif');   
background-repeat: no-repeat;
background-color: white;
text-decoration: none;
}

#logotitle a{     
text-decoration: none;
}

#logotitle a h1{
display: block;
color: white;
font-size: 20px;
padding-left: 10px;
text-decoration: none;
}

#logotitle a:hover h1{
color: yellow;
}

#navigation {  
    font-size: 11px;
    background: white;
    width: 840px;
    height:22px;
    float: left;
    margin: 0;
    padding: 0;
    padding-top: 11px;
    border-bottom: 1px solid #333;
    _border-bottom: 3px solid #333;
    list-style-type: none;
    }

#navigation li {

   float: right;
   margin: 0;
   padding: 0;
   font-family: "verdana", sans-serif;
   font-size: 1.2 em;
}

#navigation li a { 
            padding: 2px 7px;
            display: block;
            color: #777;
            text-decoration: none;
            text-align: center;
            border: 0px solid;
            background: #FFF;
            margin: 4px 1px 0 0;
            border-left: dotted darkgray 1px; 
            border-right: dotted white 1px; 
            }

#navigation a:hover {
          color: black;
          background: #E6E6E6;
}

#navigation .current a, #navigation .current{
background: lightgray; 
}
          


.spotbox{
float: left;
width: 278px;
height: 165px;
padding: 10px 14px;
margin: 7px;
font-size: 12px;
text-decoration: none;
color: black;
background-repeat: no-repeat;
background-position: 1px 2px;
}

 a.spotbox:hover {
background: #D8281B;
color: #D8281B;
text-decoration: underline;
background-repeat: no-repeat;
background-position: 1px 2px;
}

.probki{
width: 800px;
float: left;
}

.probki p{
float: left;
margin: 5px;
padding: 5px;
width: 108px; 
height: 108px;
font-size: 10px;
}

.probki .title{
width: 800px;
height: 20px;
float: left;
font-size: 14px;
font-weight: bold;
}


.probki2{
width: 280px;
padding-left: 40px;
padding-top: 50px;
float: left;
}

.probki2 p{
float: left;
margin: 5px;
padding: 5px;
width: 108px; 
height: 108px;
font-size: 10px;
}

.probki2 .title{
width: 800px;
height: 20px;
float: left;
font-size: 14px;
font-weight: bold;
}


#header{
  width: 960px;
  min-height: 85px;
  line-height: 20px;
  clear: both;
  background: white;
  background-image: url('/icons/www/newlogo.gif');
  background-repeat: no-repeat;
  background-position: 0px -34px;
  padding: 5px 20px 10px 20px;
  text-align: left;
 _margin-top: -2px;
  overflow: hidden;
}

#header .podtytul {
padding-left: 160px;
float: left;}

#header hr {
border: 1px solid dotted;
}

#header ol{
font-size: 14px;
font-weight: bold;
line-height: 23px;
}

#header ol li{
padding-bottom: 10px;}

.adres{
 height: 25px;
 display: block;
 float: left; 
 padding: 5px 15px;
 color: #777;
 font-weight: bold;
}

.data {
color: #D8281B;
margin-left: 20px;
padding: 0px;
}
                                                                  

h1 {
padding: 10px 0px;
margin: 0px;
font-size: 22px;
}

h2 {
padding: 10px 0px;
margin: 0px;
font-size: 15px;
}

#bodytext {
line-height: 20px;
padding: 10px 20px 10px 20px;
margin: 0px;
border-top: dotted darkgray 2px;
background: white;
}

.product{
width: 500px;
  line-height: 20px;
padding: 30px 0px 10px 0px;
margin: 0px;
background: white;
  overflow: hidden;
}

.product .title{
float: left;
border-top: 1px dotted black;
width: 800px;
font-weight: bold;
font-size: 14px;
display: block;
padding-bottom: 10px;
margin-top: 10px;
padding-top: 5px;
}

.product .title strong {
font-size: 30px;
}

.termin {
clear: both;
padding-top: 0px;
border-bottom: 1px dotted black;
background-image: url('images/czas_realizacji.gif');
background-repeat: no-repeat; 
background-position: 0px 0px;
}

.termin p{
margin-left: 90px;
font-size: 10px;
line-height: 14px;
}



.product table tbody tr td{
line-height: 14px;
width: 90px;
height: 20px;
background: white;
border-bottom: dotted darkgray 0px;
border-top: dotted darkgray 1px;
border-right: dotted darkgray 0px;
border-left: dotted darkgray 1px;
text-align: right;
padding-right: 10px; 
}

.product table {
text-align: right;
padding-bottom: 10px;
}

.product table thead {
font-weight: bold;
text-align: center;
}

.product table thead tr th{
width: 90px;
line-height: 14px;
background: white;
border-top: dotted darkgray 0px;
border-right: dotted darkgray 0px;
border-left: dotted darkgray 1px;
}

.product table td{
background: white;
}

.product table tbody tr th{
width: 90px;
text-align: right;
line-height: 14px;
background: white;
padding-right: 10px;
border-top: dotted darkgray 1px;
border-right: dotted darkgray 0px;
border-left: dotted darkgray 0px;
font-weight: normal;
}

#boxmenu{
  padding-top: 20px;
  width: 1000px;
  max-width: 1000px;
  height: 180px;
  background: #E6E6E6;
  overflow: hidden;
  clear: both;
  background-image: url('/icons/www/topshadow.gif');
  background-repeat: repeat-x;
  background-position: top;
}

.box{
  width: 283px;
  height: 130px;
  padding: 15px 13px 20px 30px;
  float: left;
  line-height: 14px;
  background-image: url('/icons/www/box.gif');
  background-repeat: no-repeat;
  background-position: 10px 0px;
}

#leftmenu img {
margin-left: -20px;
}

.insidebox{
  width: 280px;
  height: 130px;
  overflow: hidden;
}

.insidebox h1{
  font-size: 16px;
  padding: 0px 0px 10px 0px;
  margin: 0px; 
}



.box img{
float: left;
padding: 2px;
}

.insidebox a{
display:block;
padding-top: 10px;
color: black;
font-weight: bold;
text-align: right;
}

#maintext{
    background: #E6E6E6;
    padding: 0px 20px 20px 20px;
    border-bottom: black solid 1px;
}

#maintext a img{
border: 0px;
padding-right: 20px;
}

.product table{
float: left;
}

.demo{
float: left;
width: 650px;
}

.demo object {
float: left;
width: 260px;
height: 190px;
}

.demo img{
float: left;
}

#bottommenu{
    clear: both;
    background: #E6E6E6;
    width: 890px;
    height: 30px;
    padding: 0px;
    margin: auto;
    border: 0px; 
    padding-top: 5px;
    padding-right: 40px;
}

#bottomtext{
text-align: center;
clear: both;
padding-bottom: 20px;
}
 
#bottomnavigation {
clear: both;
padding-right: 5px;
    background: #E6E6E6;
    list-style-type: none;
    }

#bottomnavigation li {
   border: black solid 0px;
   padding: 0px 10px;
   float: right;
   font-family: "verdana", sans-serif;
   font-size: 11px;
}

#bottomnavigation li a{
color: black;
}

#leftmenu {
float: left;
width: 138px;
padding-left: 0px;
padding-top: 90px;
border-right: 1px dotted gray;
height: 500px;
}

.l_menu{
font-size: 11px;
color: black;
text-align: right;
}

.l_menu_sel{
font-size: 11px;
background: #f7e7bd;
color: black;
text-align: right;
border-top: 1px dashed #bbb;
}

.l_menu a:hover {
background: #eee;
}



.l_menu a, .sub_menu a{
clear: both;
display: block;
padding: 5px 8px;
color: black;
text-decoration: none;
border-top: 1px dashed #bbb;
}


.l_menu_sel a:hover {
background: #ddd;
}

.sub_menu {
float: right;
background: white;
width: 85%;
border-right: 8px solid #aaa;
border-bottom: 0px dashed #white;
}


.l_menu_sel a{
display: block;
padding: 5px 8px;
color: black;
text-decoration: none;
}

#content{
float: left;
padding-top: 30px;
margin-left: 10px;
width: 490px;
font-size: 11px;
}

.fullcontent {
width: 800px; 
margin-left: 10px; 
float:left;
font-size: 11px;
}

#content .intro {
float: left;
}

#content h1{
font-family: helvetica;
font-weight: bold;
font-size: 25px;
margin-bottom: 10px;
line-height: 30px;
}

#porady {
float: left;
width: 301px;
padding-top: 50px;
padding-left: 20px;
_padding-left: 0px;
}

#porady ul{
margin-top: 0px;
margin-bottom: 0px;
}

.textbox{
color: black;
width: 230px; 
padding: 10px; 
margin: 7px;
float: left;
border: 1px dotted #bbb;
height: 190px;
}

.textbox a{
text-decoration: none;
color: black;
}

.textbox img{
border: 0px;
}

.textbox ul {
margin-top: 0px;
margin-bottom: 0px;
line-height: 18px;
}

.textbox ul li{
font-weight: bold;
}

.textbox:hover {
border: 1px solid #D8281B;
text-decoration: underline;
color: #D8281B;
}

.textbox a:hover {
color: #D8281B;
}

.textbox h2 {
font-size: 13px;
padding-top: 0px;
}

.textbox img {
margin-top: -8px;
}

.textbox p {
margin-top: 0px;
}

#box_top{
  height: 20px;
  background-image: url('images/porady_top.gif');
}
#box_content{
  font-size: 10px;
  clear: both;
  background-image: url('images/porady_middle.gif');
  background-repeat: vertical;
  background-position: 0px 0px;
  padding: 1px 10px;
}

#box_bottom{
  height: 20px;
  background-image: url('images/porady_bottom.gif');
}

#box_title{
padding-bottom: 20px;
font-size: 14px;
font-weight: bold;
color: black;
}

.dopisek{
font-size: 9px;
font-weight: lighter;
display: block;
}

.product .minimalka {
display: block;
float: left;
width: 280px;
font-size: 9px;
font-weight: bold;
padding-top: 8px;
}

.product .dopisek {
margin-left: 90px;
}

.product .dopisek2 {
float: right;
width: 280px;
font-size: 9px;
}


.product .dopisek3 {
font-size: 10px;
font-family: arial;
display: block;
line-height: 15px;
padding-top: 5px;
}

.product .dopisek3 b{
font-size: 12px;
}

.znizka {
float: left;
display: block;
width: 290px;
font-size: 10px;
line-height: 12px;
color: #777;
font-family: arial;
}
 
.promo {
color: red;
font-weight: bold;
font-size: 11px
}