#katalog_main{
  position: relative;
  width: 100%;
  height: 100%;
  border: 0px solid black;
}

.okno{
  position: relative;
  float: left;
  width: 100%;
  border: 0px solid green; 
}

.winmain{
  position: relative;
  float: left;
  border: 0px solid black;
}
.box{
  position: relative;
  float: left;
  border: 0px solid red;
}

.border1px{
  border: 1px solid black;
}

.border-bot{
  border-bottom: 1px solid black;
}


.paddL-1px{padding-left: 1px;}
.paddL-2px{padding-left: 2px;}
.paddL-3px{padding-left: 3px;}
.paddL-4px{padding-left: 4px;}
.paddL-5px{padding-left: 5px;}
.paddL-6px{padding-left: 6px;}
.paddL-7px{padding-left: 7px;}
.paddL-8px{padding-left: 8px;}
.paddL-9px{padding-left: 9px;}
.paddL-10px{padding-left: 10px;}
.paddL-11px{padding-left: 11px;}
.paddL-12px{padding-left: 12px;}
.paddL-13px{padding-left: 13px;}
.paddL-14px{padding-left: 14px;}
.paddL-15px{padding-left: 15px;}
.paddL-20px{padding-left: 20px;}
.paddL-25px{padding-left: 25px;}
.paddL-30px{padding-left: 30px;}
.paddL-35px{padding-left: 35px;}
.paddL-40px{padding-left: 40px;}
.paddL-45px{padding-left: 45px;}
.paddL-50px{padding-left: 50px;}
.paddL-55px{padding-left: 55px;}
.paddL-60px{padding-left: 60px;}
.paddL-65px{padding-left: 65px;}
.paddL-70px{padding-left: 70px;}
.paddL-75px{padding-left: 75px;}
.paddL-80px{padding-left: 80px;}
.paddL-85px{padding-left: 85px;}
.paddL-90px{padding-left: 90px;}
.paddL-95px{padding-left: 95px;}
.paddL-100px{padding-left: 100px;}

.paddR-1px{padding: 0px 0px 0px 1px;}
.paddR-2px{padding: 0px 0px 0px 2px;}
.paddR-3px{padding: 0px 0px 0px 3px;}
.paddR-4px{padding: 0px 0px 0px 4px;}
.paddR-5px{padding: 0px 0px 0px 5px;}
.paddR-6px{padding: 0px 0px 0px 6px;}
.paddR-7px{padding: 0px 0px 0px 7px;}
.paddR-8px{padding: 0px 0px 0px 8px;}
.paddR-9px{padding: 0px 0px 0px 9px;}
.paddR-10px{padding: 0px 0px 0px 10px;}
.paddR-11px{padding: 0px 0px 0px 11px;}
.paddR-12px{padding: 0px 0px 0px 12px;}
.paddR-13px{padding: 0px 0px 0px 13px;}
.paddR-14px{padding: 0px 0px 0px 14px;}
.paddR-15px{padding: 0px 0px 0px 15px;}
.paddR-20px{padding: 0px 0px 0px 20px;}
.paddR-25px{padding: 0px 0px 0px 25px;}
.paddR-30px{padding: 0px 0px 0px 30px;}
.paddR-35px{padding: 0px 0px 0px 35px;}
.paddR-40px{padding: 0px 0px 0px 40px;}
.paddR-45px{padding: 0px 0px 0px 45px;}
.paddR-50px{padding: 0px 0px 0px 50px;}
.paddR-55px{padding: 0px 0px 0px 55px;}
.paddR-60px{padding: 0px 0px 0px 60px;}
.paddR-65px{padding: 0px 0px 0px 65px;}
.paddR-70px{padding: 0px 0px 0px 70px;}
.paddR-75px{padding: 0px 0px 0px 75px;}
.paddR-80px{padding: 0px 0px 0px 80px;}
.paddR-85px{padding: 0px 0px 0px 85px;}
.paddR-90px{padding: 0px 0px 0px 90px;}
.paddR-95px{padding: 0px 0px 0px 95px;}
.paddR-100px{padding: 0px 0px 0px 100px;}

.paddT-1px{padding-top: 1px;}
.paddT-2px{padding-top: 2px;}
.paddT-3px{padding-top: 3px;}
.paddT-4px{padding-top: 4px;}
.paddT-5px{padding-top: 5px;}
.paddT-6px{padding-top: 6px;}
.paddT-7px{padding-top: 7px;}
.paddT-8px{padding-top: 8px;}
.paddT-9px{padding-top: 9px;}
.paddT-10px{padding-top: 10px;}
.paddT-11px{padding-top: 11px;}
.paddT-12px{padding-top: 12px;}
.paddT-13px{padding-top: 13px;}
.paddT-14px{padding-top: 14px;}
.paddT-15px{padding-top: 15px;}
.paddT-20px{padding-top: 20px;}
.paddT-25px{padding-top: 25px;}
.paddT-30px{padding-top: 30px;}
.paddT-35px{padding-top: 35px;}
.paddT-40px{padding-top: 40px;}
.paddT-45px{padding-top: 45px;}
.paddT-50px{padding-top: 50px;}
.paddT-55px{padding-top: 55px;}
.paddT-60px{padding-top: 60px;}
.paddT-65px{padding-top: 65px;}
.paddT-70px{padding-top: 70px;}
.paddT-75px{padding-top: 75px;}
.paddT-80px{padding-top: 80px;}
.paddT-85px{padding-top: 85px;}
.paddT-90px{padding-top: 90px;}
.paddT-95px{padding-top: 95px;}
.paddT-100px{padding-top: 100px;}


.marT-1px{margin-top: 1px;}
.marT-2px{margin-top: 2px;}
.marT-3px{margin-top: 3px;}
.marT-4px{margin-top: 4px;}
.marT-5px{margin-top: 5px;}
.marT-6px{margin-top: 6px;}
.marT-7px{margin-top: 7px;}
.marT-8px{margin-top: 8px;}
.marT-9px{margin-top: 9px;}
.marT-10px{margin-top: 10px;}
.marT-15px{margin-top: 15px;}
.marT-20px{margin-top: 20px;}
.marT-25px{margin-top: 25px;}
.marT-30px{margin-top: 30px;}
.marT-35px{margin-top: 35px;}
.marT-40px{margin-top: 40px;}
.marT-45px{margin-top: 45px;}
.marT-50px{margin-top: 50px;}

.marL-5px{margin-left: 5px;}
.marL-10px{margin-left: 10px;}
.marL-15px{margin-left: 15px;}
.marL-20px{margin-left: 20px;}
.marL-25px{margin-left: 25px;}
.marL-30px{margin-left: 30px;}
.marL-35px{margin-left: 35px;}
.marL-40px{margin-left: 40px;}
.marL-45px{margin-left: 45px;}
.marL-50px{margin-left: 50px;}

.w5p{width: 5%;}
.w10p{width: 10%;}
.w15p{width: 15%;}
.w20p{width: 20%;}
.w25p{width: 25%;}
.w30p{width: 30%;}
.w33p{width: 33.3%;}
.w35p{width: 35%;}
.w40p{width: 40%;}
.w45p{width: 45%;}
.w50p{width: 50%;}
.w55p{width: 55%;}
.w60p{width: 60%;}
.w65p{width: 65%;}
.w70p{width: 70%;}
.w75p{width: 75%;}
.w80p{width: 80%;}
.w85p{width: 85%;}
.w90p{width: 90%;}
.w95p{width: 95%;}
.w100p{width: 100%;}

.w5px{width: 5px;}
.w10px{width: 10px;}
.w15px{width: 15px;}
.w20px{width: 20px;}
.w25px{width: 25px;}
.w30px{width: 30px;}
.w35px{width: 35px;}
.w40px{width: 40px;}
.w45px{width: 45px;}
.w50px{width: 50px;}
.w55px{width: 55px;}
.w60px{width: 60px;}
.w65px{width: 65px;}
.w70px{width: 70px;}
.w71px{width: 71px;}
.w72px{width: 72px;}
.w73px{width: 73px;}
.w74px{width: 74px;}
.w75px{width: 75px;}
.w80px{width: 80px;}
.w85px{width: 85px;}
.w90px{width: 90px;}
.w95px{width: 95px;}
.w100px{width: 100px;}
.w120px{width: 120px;}
.w130px{width: 130px;}
.w140px{width: 140px;}
.w150px{width: 150px;}
.w160px{width: 160px;}
.w170px{width: 170px;}
.w180px{width: 180px;}
.w190px{width: 190px;}
.w200px{width: 200px;}
.w250px{width: 250px;}
.w300px{width: 300px;}
.w350px{width: 350px;}
.w400px{width: 400px;}
.w450px{width: 450px;}
.w500px{width: 500px;}
.w550px{width: 550px;}
.w600px{width: 600px;}
.w650px{width: 650px;}
.w700px{width: 700px;}
.w750px{width: 750px;}
.w800px{width: 800px;}
.w810px{width: 810px;}
.w820px{width: 820px;}
.w830px{width: 830px;}
.w840px{width: 840px;}
.w850px{width: 850px;}
.w900px{width: 900px;}
.w950px{width: 950px;}
.w1000px{width: 1000px;}

.font5px{font-size:5px;}
.font10px{font-size:10px;}
.font11px{font-size:11px;}
.font12px{font-size:12px;}
.font13px{font-size:13px;}
.font14px{font-size:14px;}
.font15px{font-size:15px;}
.font16px{font-size:16px;}
.font17px{font-size:17px;}
.font18px{font-size:18px;}
.font19px{font-size:19px;}
.font20px{font-size:20px;}
.font25px{font-size:25px;}
.font30px{font-size:30px;}
.font35px{font-size:35px;}
.font40px{font-size:40px;}
.font45px{font-size:45px;}
.font50px{font-size:50px;}
.font55px{font-size:55px;}
.font60px{font-size:60px;}

/*
input:required,
textarea:required {
  border-color: red !important;
}  */

.segmented-button input[type="radio"] {
  width: 0px;
  height: 0px;
  display: none;
}
.segmented-button label {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  text-shadow: white;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e4));
  background: -webkit-linear-gradient(#ffffff, #e4e4e4);
  background: -moz-linear-gradient(#ffffff, #e4e4e4);
  background: -o-linear-gradient(#ffffff, #e4e4e4);
  background: -ms-linear-gradient(#ffffff, #e4e4e4);
  background: linear-gradient(#ffffff, #e4e4e4);
  border: 1px solid #b2b2b2;
  color: #666666;
  padding: 5px 24px;
  padding-bottom: 3px;
  font-size: 12px;
  cursor: pointer;
  font-family: Helvetica;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  margin-right: -5px;
}
.segmented-button label {
  *display: inline;
}
.segmented-button label:hover {
  -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  color: #333333;
}
.segmented-button label:active, .segmented-button label.active {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e4), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(#e4e4e4, #ffffff);
  background: -moz-linear-gradient(#e4e4e4, #ffffff);
  background: -o-linear-gradient(#e4e4e4, #ffffff);
  background: -ms-linear-gradient(#e4e4e4, #ffffff);
  background: linear-gradient(#e4e4e4, #ffffff);
}
.segmented-button label:disabled, .segmented-button label.disabled {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(#ffffff, #efefef);
  background: -moz-linear-gradient(#ffffff, #efefef);
  background: -o-linear-gradient(#ffffff, #efefef);
  background: -ms-linear-gradient(#ffffff, #efefef);
  background: linear-gradient(#ffffff, #efefef);
  cursor: default;
  color: #b2b2b2;
  border-color: #cccccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.segmented-button label.first {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.segmented-button label.last {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.segmented-button input:checked + label, .segmented-button label.selected {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e4), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(#e4e4e4, #ffffff);
  background: -moz-linear-gradient(#e4e4e4, #ffffff);
  background: -o-linear-gradient(#e4e4e4, #ffffff);
  background: -ms-linear-gradient(#e4e4e4, #ffffff);
  background: linear-gradient(#e4e4e4, #ffffff);
}
.segmented-button input:disabled + label {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(#ffffff, #efefef);
  background: -moz-linear-gradient(#ffffff, #efefef);
  background: -o-linear-gradient(#ffffff, #efefef);
  background: -ms-linear-gradient(#ffffff, #efefef);
  background: linear-gradient(#ffffff, #efefef);
  cursor: default;
  color: #b2b2b2;
  border-color: #cccccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}