html {
  margin:0px;
  padding:0;
   background-color : #C1C3C4;
   background-image:url('/img/fon.jpg');
}

body{

  margin:0px;
  padding:0;
  display:block;
}
img{
  border:0px;
}
#head{
  display:none;
  }
#header {
  
/*  background-color : #01638A; /*#4D8CA5;*/
/*  border:2px solid white;  /*black;*/
  color: white;
  width : 1000px;
  height : 24px;
  margin-left: auto;
  margin-right: auto;
  text-align:  center;
  border-bottom-left-radius:10px;
  font: 16px Arial, Verdana, Helvetica, sans-serif;
    overflow: hidden; 
}
.left_head{
   text-align:center;
   width: 765px;
   float: left;
   margin: auto;
}
.right_head{
  text-align:right;
   margin: auto;
      width: 200px;
   float: right;
   margin-right:10px;
   margin-top:2px;
}
#slide {
  position: relative;  
    width: 1000px;
  height : 105px;
    margin-left: auto;
  margin-right: auto;
    background-color : white;
  background-image:url('/img/head.jpg');
background-size:auto auto;
/*background-repeat:no-repeat;*/
    border:2px solid white;
    border-bottom-left-radius:10px;
    overflow:hidden; 
}
#menuus {
  width : 1000px;
  height : 24px;
  background-color : #01638A;
  text-align:center;
  color: white;
    margin-left: auto;
  margin-right: auto;
  border:2px solid white;
  border-bottom-left-radius:10px;
  font: 16px Arial, Verdana, Helvetica, sans-serif;
    overflow: hidden; 
}
#container{
  color: white;
  width: 1000px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  overflow: auto; /* so the size of the wrapper is alway the size of the longest content */
}
#leftcontainer{
  color: white;
  width: 200px;
  float: left;
  font: 16px Arial, Verdana, Helvetica, sans-serif;
  overflow: auto; 
}
#maincontainer{
  color: #000049;
  width: 790px;
  float: right;
  text-align:  left;

  font: 14px Arial, Verdana, Helvetica, sans-serif;

}
#product{
  color: #4D8CA5;
  background-color : #fff;
  width: 785px;
  float: right;
  text-align:  left;
  border:2px solid gray;
  border-bottom-left-radius:10px;
  font: 14px Arial, Verdana, Helvetica, sans-serif;
  
}
#pshowbox{

  color: #000;
  background-color : #fff;
  width: 160px;
  height : 120px; 

  text-align:  center;  
  border:2px solid gray;
  border-bottom-left-radius:10px;
  overflow:hidden;
}
#pshowboximg{
  display: table-cell;
  width: 155px;
  height : 115px; 
  vertical-align: middle; 
  text-align:  center
 }
#ptitlebox{
  color: #01638A;/*#4D8CA5;*/
  background-color : #fff;
  width: 160px;
  height : 30px;
  text-align:  left;  
  font: 12px Arial, Verdana, Helvetica, sans-serif;
  overflow:hidden;
}
#ppricebox{
  color: #01638A;/*red;*/
  background-color : #fff;
  width: 160px;
  height : 15px;
  margin-top: 1px;
  text-align:  left;  
  font: 12px Arial, Verdana, Helvetica, sans-serif;
  
}
#pbox{
  color: #000;
  background-color : #fff;
  width: 160px;
  height : 160px;
  margin:10px;
  text-align:  left;  
  float: left;
  font: 14px Arial, Verdana, Helvetica, sans-serif;
  
}
#path{
  color: #000;
  /*background-color : #C1C3C4;*/
  width: 100%;
  float: right;
  text-align:  left;
  /*opacity: 0.2;*/  /*transparency*/
  /*filter:alpha(opacity=20);*/ /* For IE8 and earlier */
  /*border:2px solid #C1C3C4;*/
  font: 14px Arial, Verdana, Helvetica, sans-serif;
  overflow: auto; 
}
#path a{
  color: #01638A;
  text-decoration: none;
} 
#allincategory{
  color: #000;
  background-color : #fff;
  width: 785px;
  /*height : 400px;*/
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  float: right;
  text-align:  left;
  border:2px solid gray;
  border-bottom-left-radius:10px;
  font: 14px Arial, Verdana, Helvetica, sans-serif;

}
#productleft{
  color: #000;
  background-color : #fff;
  width: 170px;
  margin-top: 2px;
  margin-left: 5px;
  float: left;
  text-align:  left;
  /*border:2px solid gray;*/
  /*border-bottom-left-radius:10px;*/
  font: 16px Arial, Verdana, Helvetica, sans-serif;
  overflow: hidden; 
}
#productright{
  color: #000049;
  background-color : #fff;
  width: 590px;
  margin-top: 8px;
  margin-right: 2px;
  float: right;
  text-align:  left;
  padding-left:3px;
  /*border:2px solid gray;*/
  border-bottom-left-radius:10px;
  font: 14px Arial, Verdana, Helvetica, sans-serif;
  overflow: hidden; 
}
#productrightopis{
  color: #000049;
  background-color : #fff;
  width: 590px;
  margin-top: 8px;
  margin-right: 2px;
  float: right;
  text-align:  left;
  padding-left:3px;
  /*border:2px solid gray;*/
  border-bottom-left-radius:10px;
  font: 14px Arial, Verdana, Helvetica, sans-serif;

}
#productdocs{
  color: #000049;
  background-color : #fff;
  width: 590px;
  margin-top: 8px;
  margin-right: 2px;
  float: right;
  text-align:  left;
  padding-left:3px;
  /*border:2px solid gray;*/
  border-bottom-left-radius:10px;
  font: 14px Arial, Verdana, Helvetica, sans-serif;
  overflow: hidden; 
}
#productboxprew{
  color: #000;
  background-color : #fff;
  width: 160px;
  height : 120px;
  margin:0px;
  text-align:  center;  
  vertical-align: middle;
  /*border:2px solid gray;
  border-bottom-left-radius:10px;*/
  overflow:hidden;
}

#productbox{
  color: #000;
  background-color : #fff;
  width: 160px;
  height : 120px;
  margin:2px;
  text-align:  center;  
  border:2px solid gray;
  border-bottom-left-radius:10px;
  overflow:hidden;
}
#topmenu{
  color: #01638A;
  width: 195px;
  height: 20px;
  float: left;
  /*background-color : #C1C3C4;*/
  /*border:2px solid white;*/
  border-bottom-left-radius:0px;
  text-align:  center;
  font: 14px  Verdana, Helvetica, sans-serif;
  overflow: hidden; 
}
#menu{
  color: gray;
  width: 195px;
  float: left;
  background-color : #01638A;
  border:2px solid white;
  border-bottom-left-radius:10px;
  text-align:  left;
  font: 13px Arial, Verdana, Helvetica, sans-serif;
  overflow: auto; 
}
#menuprew{
  color: white;
  width: 195px;
  height : 200px;
  margin-top: 5px;
  float: left;
  background-color : #fff;
  border:2px solid gray;
  border-bottom-left-radius:10px;
  text-align:center;
  font: 13px Arial, Verdana, Helvetica, sans-serif;
  overflow: auto; 
}
#news{
  color: #000;
  width: 195px;
  height : 200px;
  margin-top: 5px;
  float: left;
  background-color : #fff;
  border:2px solid gray;
  border-bottom-left-radius:10px;
  text-align:center;
  font: 13px Arial, Verdana, Helvetica, sans-serif;
  overflow:scroll;
}
#contacts{
  color: #000049;
  width: 195px;
  height : 100px;
  margin-top: 5px;
  float: left;
  background-color : #fff;
  border:2px solid gray;
  border-bottom-left-radius:10px;
  text-align:center;
  font: 13px Arial, Verdana, Helvetica, sans-serif;
  overflow: auto; 
}
#centre {
  text-align:center;
  margin-top:0px;
  padding:0;
}
#footer {
  width : 1000px;
  height : 20px;
  background-color : #01638A;
  text-align:center;
  color: white;
  margin-top: 5px;
  margin-left:auto;
  margin-right:auto;
  border:2px solid white;
  border-bottom-left-radius:10px;
  /*overflow: hidden;*/
}
#cboxOverlay {
  position:absolute;
  display:block;
  width: 100%;
  height: auto;
  /*cursor: pointer;*/
    background:none repeat scroll 0% 0% rgb(0, 0, 0);
  z-index: 10;
  opacity: 0.5;  /*transparency*/
  filter:alpha(opacity=40); /* For IE8 and earlier */
  overflow: auto; 
}

#prewboxmain {
  position:absolute;
  display:block;
    top: 50%;
    left: 50%;
  width : 500px;
  height :500px;
    margin-left:-250px;
  margin-top:-250px;
  text-align:center;
  background-color : #fff;
    z-index: 12;
  border:4px solid  gray;
  border-bottom-left-radius:10px;
    overflow: hidden;
}

label.chk {
    width: 125px;
    display: block;
    float: left;
    margin: 6px 0px 0px;
}

input.txt {
    border: 1px solid rgb(0, 0, 0);
    margin: 2px;
    font: 11px Arial;
    width: 200px;
    padding: 2px 5px;
}

#invoice {
    border: 1px solid rgb(0, 0, 0);
    padding: 5px;
    margin: 2px;
  text-align: left;
    font: 11px Arial;
  }
  
#tableorder{
  color:#01638A;
  border-collapse:collapse; 
  border-top:none;
  border-bottom:none;
  border-left: none;
  border-right: none;
  /*padding: 1px;*/

}
#tableorder thead{
  background-color :  #01638A;
  color: #fff;
  border-top:none;
  border-bottom:none;
  border-left: 1px solid;
  border-right: 1px solid;
}
#tableorder thead td{
  border-left: 1px solid;
  border-right: 1px solid;
  text-align:center;
}
#tableorder td{
  border-top:none;
  border-bottom:none;
  border-left: none;
  border-right: none;
}
#searchwords{
    width : 10px;
  height : 10px;
  background-color : #01638A;
  text-align:center;
  color: white;
  float:left;
  border:2px solid white;
  border-bottom-left-radius:10px;
  overflow: hidden;
}