html, body {
height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}
body{       
  color: #444;
  background-color: #f6f6f6;
  font-family: Arial, Verdana, sans-serif;
  font-size: 16px;
}
a{
color: #b22222;
}
div#contener{
position: relative;
  height: auto !important;
  height: 90%;
  min-height: 90%;
  width: 950px;
  max-width: 950px;
  min-width: 950px;
  margin: 0 auto 0 auto;
  padding: 0;
  border: none;
text-align: left;
background: #f4f4f4;
}
div#stopka{
  position: relative;
  text-align: right;
  height: auto !important;
  height: 10%;
  min-height: 10%;
  width: 950px;
  max-width: 950px;
  min-width: 950px;
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  color: #999;
  border: none;
  border-top: dotted 1px #cdcdcd;
  background: #f6f6f6;
  background: url("../img/top_background2.jpg");
background-position: left bottom;
background-repeat: repeat-x;
}
div#stopka a{
text-decoration: none;
}
#dhtmltooltip{
position: absolute;
text-align: center;
left: -300px;
width: 150px;
border: 1px solid #dbdbdb;
padding: 8px;
background-color: #b22222;
visibility: hidden;
z-index: 100;
font-family: Arial, verdana, sans-serif;
color: #fff;
font-size: 100%;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

div#left{
position: relative;
float: left;
width: 225px;
max-width: 225px;
min-width: 225px;
height: auto !important;
height: 400px;
min-height: 400px;
margin: 0;
text-align: center;
}

div#middle{
position: relative;
float: left;
width: 500px;
max-width: 500px;
min-width: 500px;
height: auto !important;
height: 400px;
min-height: 400px;
margin: 0;
}

div#right{
position: relative;
float: left;
width: 225px;
max-width: 225px;
min-width: 225px;
height: auto !important;
height: 400px;
min-height: 400px;
margin: 0;
}

div#gora{
position: relative;
height: 243px;
max-height: 243px;
min-height: 243px;
padding: 0;
margin: 0;
background: #b22222;
border: none;
background: url("../img/top_background.jpg");
background-position: left top;
background-repeat: repeat-x;
}
div#gora div#for_flash{
position: relative;
float: left;
margin: 10px auto auto auto;
width: 310px;
text-align: left;
height: 50px;
min-height: 50px;
max-height: 50px;
padding: auto;
padding-left: 15px;
}

div#gora div#for_flash2{
clear: both;
}
div#gora div#gorne_menu{
position: relative;
float: left;
margin: 10px auto auto 25px;
width: 550px;
height: 50px;
min-height: 50px;
max-height: 50px;
background: url("../img/boczek.png");
background-position: center right;
background-repeat: no-repeat;
}

div#gora div#gorne_menu a{
position: relative;
float: left;
display: block;
width: 70px;
text-align: center;
height: 20px;
margin: auto 3px;
border: none;
border-bottom: solid 2px #cdcdcd;
text-decoration: none;
color: #666;
font-size: 10px;
}

div#gora div#gorne_menu a:hover{
border-bottom: solid 2px #666;
text-decoration: none;
color: #b22222;
background: url("../img/mstrzalka.png");
background-position: bottom center;
background-repeat: no-repeat;
}

div#gora div#gorne_menu h1{
text-align: right;
font-size: 12px;
margin: 18px 40px 0 auto;
color: #777;
height: 28px;
min-height: 28px;
max-height: 28px;
background: url("../img/zebatka2.png");
background-position: left center;
background-repeat: no-repeat;
width: 300px;
padding-top: 5px;
}
/* Definicja okna komunikatu o bÅ,ÄTdzie */
div.komunikat_error{
z-index: 100;
margin: 40px auto 2% auto;
padding: 0;
background-color: #F5F5F5;
text-align: center;
width: 35%;
border-top: solid #808080 1px;
border-right: solid #808080 1px;
border-bottom: solid #808080 1px;
border-left: solid #b22222 10px;
}

div.komunikat_error p{
font-size: 90%;
text-align: center;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-variant: small-caps;
color: #696969;
margin: 3%;
padding: 1%;
}

div.komunikat_error ul{
text-align: right;
position: relative;
z-index: 101;
letter-spacing: 0.2em;
margin-top: -20px;
margin-bottom: 0;
margin-right:  0px;
padding: 0;
color: #000000;
}

div.komunikat_error  ul li{
font-size: 90%;
font-family: Arial, Tahoma, Helvetica, sans-serif;
list-style-type: circle;
list-style-position: inside;
}
/* Koniec definicji o bÅ,ÄTdzie */

/* Definicja okna komunikatu o powodzeniu */
div.komunikat_ok{
z-index: 100;
margin: 80px auto 2% auto;
padding: 0;
background-color: #F5F5F5;
text-align: center;
width: 35%;
border-top: solid #F5DEB3 1px;
border-right: solid #F5DEB3 1px;
border-bottom: solid #F5DEB3 1px;
border-left: solid #F5DEB3 10px;
}

div.komunikat_ok p{
text-align: center;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-variant: small-caps;
color: #696969;
margin: 3%;
padding: 1%;
}

div.komunikat_ok ul{
text-align: right;
position: relative;
z-index: 101;
margin-top: -20px;
letter-spacing: 0.2em;
margin-bottom: 0;
margin-right:  0px;
padding: 0;
color: #2E8B57;
}

div.komunikat_ok  ul li{
font-size: 90%;
font-family: Arial, Tahoma, Helvetica, sans-serif;
list-style-type: circle;
list-style-position: inside;
}
/* Koniec definicji o powodzeniu */

div.box{
position: relative;
margin: 5px auto;
padding: 0;
width: 210px;
max-width: 210px;
min-width: 210px;
height: auto !important;

}

div.box h4{
text-align: left;
background: url("../img/h1strzalka.jpg");
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 10px;
height: 26px;
min-height: 26px;
max-height: 26px;
font-size: 16px;
font-weight: bold;
margin: 0;
}
div.box div{
text-align: left;
border: none;
border-left: dotted 1px #cdcdcd;
border-bottom: dotted 1px #cdcdcd;
padding:10px;
margin: 0;
text-align: justify;
font-size: 80%;
}

div.box2{
position: relative;
margin: auto;
padding: 0;
width: 495px;
max-width: 495px;
min-width: 495px;
height: auto !important;
}

div.box2 h4{
text-align: left;
background: url("../img/h1strzalka.jpg");
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 10px;
height: 26px;
min-height: 26px;
max-height: 26px;
font-size: 16px;
font-weight: bold;
margin: 0;
}
div.box2 div{
text-align: left;
border: none;
border-left: dotted 1px #cdcdcd;
border-bottom: dotted 1px #cdcdcd;
padding:15px;
margin: 0;
text-align: justify;
margin-bottom: 10px;
}

table.zamowienia_table{
position: relative;
margin: auto;
border-collapse: collapse;
}
table.zamowienia_table td{
border: none;
border-bottom: dotted 1px #cdcdcd;
}

table.zamowienia_table td.left{
text-align: right;
}
.caps{
background: #b22222;
margin: 2px auto;
border: solid 1px #cdcdcd;
color: #fff;
font-weight: bold;
}

table.list_opon{
width: 98%;
margin: 5px auto;
border-collapse: collapse;
}

table.tabelka_first_opona{
position: relative;
margin: auto;
border-collapse: collapse;
text-align: center;
width: 450px;
background: #f9f9f9;
}

table.tabelka_first_opona td{
border: solid 1px #cdcdcd;
vertical-align: top;
width: 149px;
}