div {
 border: 0px solid red;
 border-radius:3pt;
 margin: 0 0 0 0;
}

/*id = # class = . */
#bodybg {
/*background: url('/images/img/patterns/pattern1.png');*/
    background: black; /* For older browsers */
    background: rgba(0, 0, 0, .2); /* Transparent background for modern browsers */
    /* Making the color to change on hover with a transition */
    -webkit-transition: color .3s ease-in;
    -moz-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    -ms-transition: color .3s ease-in;
/*    background-color: #fff;*/
    border-radius:15pt;
    margin: 0 0 0 0;
    padding:5px 5px 5px 5px;
/*    height: 100%;*/
/*    width:1024;*/
}
#header_menu{
/*    position: fixed;*/
    left: 3px;
    top: 3px;
    z-index: 100;
    opacity: 1;
    background: #515151;
    background: rgba(51, 51, 51, .9);
    color: #fff;
    padding:5px 5px 5px 5px;
    
}
#content{
/*    background-color: #fff;*/
    left: 150px;
    padding:10px 10px 10px 10px;
    z-index: 1;
    opacity: 2;
    height: auto;
    background: #fff;
/*    background: rgba(f, f, f, .9);*/
    
}

#p_buttons{ 
    position: absolute;
/*    float: right;*/
    top: 130px;
    left: 950px;
    z-index: 100;
}
#p_com{ 
    position: absolute;
    float: right;
    top: 240px;
    left: 1060px;
    margin: 0 20px 0 0;
/*  width: 250px;*/
    width: auto;
    z-index: 100;
}
.p_com{ 
    position: relative;
/*    float: right;*/
/*    top: 260px;
    left: 1100px;*/
border:1px solid #808080;
text-align:left;
/*xheight:80px;*/
padding:4px 9px 4px 9px;
font:12px Arial,Helvetica,sans-serif;
border-radius:3pt;
text-decoration: none;
color:#000;
font-weight:bold;
word-break: break-all;
}


.hr1{
    position: relative;
    width: 1024px;
/*    height: 5px;*/
    margin-bottom: 10px;
    xfloat:left;
}
#foot {
    background: black; /* For older browsers */
    background: rgba(0, 0, 0, .9); /* Transparent background for modern browsers */
    /* Making the color to change on hover with a transition */
    -webkit-transition: color .3s ease-in;
    -moz-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    -ms-transition: color .3s ease-in;
/*    background-color: #006cff;*/
    color: #ffffff;
/*    position: fixed;
    bottom: 15px;
    right: 15px;*/
    text-align: center;
}
#glossary {
    position: absolute;
    float: right;
    text-align: left;
    margin-left: 1050px;
    margin-top: 0px;
    border: 1px solid;
    width: auto;
    height: auto;
    font-size: 12px;
}
.tz {
/*    position: absolute;
    position: relative;*/
    width: 1024px;
/*    float: left;*/
    text-align: left;
    font-size: 12px;
}
#logo {
/*background: url('/images/Epol.png') 0px no-repeat;*/
/*    width: 1024px;*/
    height: 130px;
    padding:10px 0px 0px 0px;
    z-index: 100;
    background: #fff; /* For older browsers */
    background: rgba(f, f, f, .9); /* Transparent background for modern browsers */

}
#headmenu {
    position: absolute;
    top: 45px;
    float: right;
    text-align: right;
    width: 1024px;
    border: 1px;
    font-size: 12px;
}
#headmenu2 {
    position: relative;
    top: -73px;
    right: 494px;
    xfloat: right;
    text-align: right;
    width: 1024px;
    border: 1px;
    font-size: 12px;
}
#client_headtxt {
    position: absolute;
    top: 15px;
    font-size: 30px;
    font-weight: bold;
    left: 500px;
}
#client_headtxt2 {
    position: absolute;
    top: 70px;
    font-size: 20px;
    font-weight: bold;
    left: 500px;
}

#privetstvie {
/*    position: absolute;*/
    position: relative;
/*    width: 1024px;*/
    margin: 0 0 0 0;
    float: left;
    text-align: right;
}
#body {
/*    width: 1024px;*/
/*    float: center;*/
}
#printz {
 border: 1px solid;
 border-collapse: collapse;
 width: auto;
}
.tdz {
    border: 1px solid;
    text-align: left;
    border-collapse: collapse;
    padding: 1px 3px 1px 3px;
    width: auto;
}
.tdl {
    border: 1px solid;
    text-align: left;
    border-collapse: collapse;
    width: auto;
    }
.tdc {
    border: 1px solid;
    text-align: center;
    border-collapse: collapse;
    width: auto;
    }
.tdr {
    border: 1px solid;
    text-align: right;
    border-collapse: collapse;
    width: auto;
    }
.tdzh {
    border: 1px solid;
    text-align: left;
    border-collapse: collapse;
    padding: 1px 3px 1px 3px;
    font-weight: bold;
}


.com{
    border: 1px solid;
    text-align: left;
    border-collapse: collapse;
/*    width: 500px;*/
    word-break: break-all;
}

.logob {
/*    background: url('/images/logo-bazis.png') 0px no-repeat;*/
    width: 1024px;
    height: 100px;
}
.headakt {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}
.headakt2 {
    position: relative;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    margin: 0 0 0 0;
    top: -35px;
}
.akt {
    z-index: 1000;
    width: 1024px;
    font-size: 22px;
    text-align: center;
/*    margin-top: -25px;*/
    margin-bottom: 15px;
    font-weight: bold;
    background: rgba(0, f, f, .9); /* Transparent background for modern browsers */
}


/*таблица акта*/
.tabakt {
 width: 1024px;
/* border: 1px solid;*/
 border-spacing: 0;
 border-collapse: collapse;
 padding: 4px;
 font-size: 12px;
}
.tab {
 width: 1024px;
 font-size: 12px;
 border-collapse: collapse;
}
.td {
    border: 1px solid;
}
.tdc {
    border: 1px solid;
    text-align: center;
}
.td1 {
    width: 15%;
    border: 1px solid;
    text-align:right;
    font-weight: bold;
}
.td2 {
    width: 15%;
    border: 1px solid;
}
.txt {
/*    width: 100%;
    colspan: 4;
    border: 1px solid;*/
    font-size: 12px;
}
.ttxt {
    border: 1px solid;
    font-size: 12px;
}
/* foot-forma */

.ftab {width: 1024px;font-size:12px;}
.ftdl {text-align:left;}
.ftdr {text-align:right;}
/**/
.usloviya {width: 1024px;font-size: 8px;}
#col1 {width: 5%;text-align: center;border: 1px solid;}
#col2 {width: auto;text-align: center;border: 1px solid;}
#col3 {width:10%;text-align: center;border: 1px solid;}
#col4 {width: 10%;text-align: center;border: 1px solid;}
#col5 { width: 10%;text-align: center;border: 1px solid;}
#col6 { width: auto;text-align: center;border: 1px solid;}
#col7 { width: auto;text-align: center;border: 1px solid;padding: 0 2px 0 2px;}

#acol1 {width: 698px;text-align: center;border: 1px solid;}
#acol2 {width: 40px;text-align: center;border: 1px solid;}
#acol3 {width: 89px;text-align: center;border: 1px solid;}
#acol4 {width: 109px;text-align: center;border: 1px solid;}
#acol5 {width: auto;text-align: center;border: 1px solid;}

#sale_tab {width: auto;align: center;}

/*
.menu ul {
  position: relative;
  bottom: 18px;
  min-width: 210px;
  background-color: white;
  padding: 5px 0;
  text-align: left;
  list-style: none;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); }
*/

/* разметка полей для заполнения */
.colwrite {
/*    size: 100%;*/
}
.code128{ 
    position: absolute;
    width: auto;
    height: 80px:
    left: 0px;
    top: 100px;
}
/* paginator */
a.first_page_link:link,a.first_page_link:visited{
border:1px solid #808080;
text-align:center;
height:20px;
padding:4px 9px 4px 9px;
font:14px Arial,Helvetica,sans-serif;
border-radius:3pt;
text-decoration: none;
color:#000;
font-weight:bold;
text-decoration:none;}
.num_page_not_link{
font:14px Arial,Helvetica,sans-serif;
color:#0000ff;
border-bottom:2px solid #0000ff;
text-align:center;
height:18px;
padding:4px 10px 4px 10px;}
/* меню на главной */

.home_div{
border:1px solid #808080;
position: relative;
text-shadow: 1px 1px 2px black, 0 0 1em blue;
text-align:center;
vertical-align:middle;
min-height:90px;
min-width:150px;
max-height: 200px;
max-width:150px;
/*padding:4px 9px 4px 9px;*/
font:24px Arial,Helvetica,sans-serif;
border-radius:6pt;
text-decoration: none;
/*color:#fff;*/
/***background-color:#aeaeae;***/
font-weight:bold;
/*text-decoration:none;*/
display:inline-block;
}
.home_td{
border:1px solid #808080;
position: relative;
/*text-shadow: 1px 1px 2px black, 0 0 1em blue;*/
text-align:	center;
vertical-align:	middle;
min-height:	90px;
min-width:	150px;
max-height:	auto;
max-width:	auto;
/*padding:4px 9px 4px 9px;*/
font:24px Arial,Helvetica,sans-serif;
/*border-radius:6pt;*/
text-decoration: none;
/*color:#fff;*/
/***background-color:#aeaeae;***/
font-weight:bold;
/*text-decoration:none;*/
display:inline-block;
}



.container{overflow:hidden;width:100%;}
.box{white-space:nowrap}
/*.box div{width:auto;display:inline-block;border:1px solid black}*/

a.home_link:link,a.home_link:visited{
/*border:1px solid #808080;
text-align:center;
height:80px;
padding:4px 9px 4px 9px;*/
font:24px Arial,Helvetica,sans-serif;
/*border-radius:3pt;*/
text-decoration: none;
color:#fff;
font-weight:bold;
/*text-decoration:none;*/
}
a.menu_link:link,a.menu_link:visited{
border:1px solid #808080;
text-align:center;
/*height:80px;*/
padding:4px 9px 4px 9px;
margin: 2px 2px 2px 2px;
font:12px Arial,Helvetica,sans-serif;
border-radius:3pt;
text-decoration: none;
color:#000;
font-weight:bold;
/*text-decoration:none;*/
}

a.button_link:link,a.menu_link:visited{
border:1px solid #808080;
text-align:center;
/*height:80px;*/
padding:4px 4px 4px 4px;
margin: 5px 2px 5px 2px;
font:12px Arial,Helvetica,sans-serif;
border-radius:3pt;
text-decoration: none;
color:#dlue;
font-weight:bold;
/*text-decoration:none;*/
}

.home_not_link{
font:14px Arial,Helvetica,sans-serif;
color:#0000ff;
border-bottom:2px solid #0000ff;
text-align:center;
height:18px;
padding:4px 10px 4px 10px;}

.usloviya2 {
width: 1004px;font-size: 12px;
border:1px solid #808080;
text-align:center;
/*height:80px;*/
padding:4px 9px 4px 9px;
font:12px Arial,Helvetica,sans-serif;
border-radius:3pt;
text-decoration: none;
color:#000;
font-weight:bold;
/*text-decoration:none;*/

}

/* всплывающее фото */
.b-container{
    width:200px;
/*    height:150px;*/
    background-color: #ccc;
    margin:0px auto;
/*    padding:10px;
    font-size:30px;*/
    color: #fff;
    position:relative;
}
.b-popup{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
    left:0px;
}
.b-popup .b-popup-content{
    margin:60px auto 0px auto;
    width:810px;
/*    height: 40px;*/
    padding:10px;
    background-color: #c5c5c5;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}

.b-popup .b-popup-clos{
    margin-top:-32px;
    margin-left: -32px;
    width:20px;
    height: 20px;
/*    padding:10px;*/
    
    border-radius:25px;
    box-shadow: 0px 0px 10px #000;
    position:absolute;
    text-align:center;
}
.aktin{
margin: 0 0 0 0;
color: blue;
}
.aktlose{
margin: 0 0 0 0;
color: red;
}
.aktfull{
margin: 0 0 0 0;
color: green;
}
.aktrw{
margin: 0 0 0 0;
color: violet;
}
.zrpdiv{
position: absolute;
top: 600px;
left: 850px;
width: 200px;
margin: 0 0 0 0;
background-color: green;
}
.Green1 {
    background: green;
    width: 100px;
    height: 30px;
    transition: .5s;
}
#col_id2:checked ~ .Green1 {
    background: yellow;
}
#col_id3:checked ~ .Green1 {
    background: red;
}
#col_id4:checked ~ .Green1 {
    background: darkred;
}
#col_id5:checked ~ .Green1 {
    background: pink;
}
#col_id6:checked ~ .Green1 {
    background: deeppink;
}
#col_id7:checked ~ .Green1 {
    background: tomato;
}
#col_id8:checked ~ .Green1 {
    background: orangered;
}
#col_id9:checked ~ .Green1 {
    background: orange;
}
#col_id10:checked ~ .Green1 {
    background: aqua;
}
#col_id11:checked ~ .Green1 {
    background: magenta;
}
#col_id12:checked ~ .Green1 {
    background: lime;
}
  #upbutton {
    background: url("/images/up2.png") no-repeat scroll;
    height: 94px;
    width: 74px;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    display: hidden;
    overflow: hidden;
    position: fixed;
    z-index: 9999;
  }
 
/*контейнер ценников*/
#cennik{
	width: 1000px;           // важно!
	height: auto;
}
#masonry{
    border-radius:1pt;
}
/* Контейнер блоков Masonry */
.masonry {
	column-count: 5; // сколько колонок нужно?
	column-gap: 0; // промежуток между блоками (справа или слева)
	width: 1000px;
	/* тоже самое с нужными префиксами на 18 марта 2016 */
	-webkit-column-count: 5; -moz-column-count: 5; column-count: 5;
	-webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;
}
/* Блоки Masonry */
.masonry .mitem {
	display: inline-block; // важно!
	width: 200px;           // важно!
/*	height: 150px;*/
/*	margin-bottom: 0px;*/
/*	background-color: #fff;*/
    margin-bottom: 0px;
    background-color: #eee;
    border:1px solid #808080;
    text-align:center;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    font:12px Arial,Helvetica,sans-serif;
/*    border-radius:3pt;*/
    text-decoration: none;
    color:#000;
    font-weight:bold;
}
.cennik{
    width:	200px;
    height:	200px;
    word-break: 	break-all;
    overflow:	 hidden;
    text-align:center;
/*    font:12px Arial,Helvetica,sans-serif;*/	
}
.cennik .logo_cennik{
    text-align:center;
    font:12px Arial,Helvetica,sans-serif;
    word-break: 	break-word;
    font-weight:bold;
}

.cennik .cenaname{
    height:	60px;
/*    font:	16px Arial,Helvetica,sans-serif;*/
    font:	auto;
    word-break: break-all;
    overflow:	 hidden;
}
.cennik .cena1{
    font:	20px Arial,Helvetica,sans-serif;
/*    font: auto;*/
}
.cennik .cena2{
/*    font: auto;*/
    font:28px Arial,Helvetica,sans-serif;
    font-weight:bold;
}
.firmname_cennik{
    max-width:	100px;
    font:10px Arial,Helvetica,sans-serif;
/*    font: auto;*/
    word-break: break-word;
}
.data_cennik{
    width:	55px;
    font:10px Arial,Helvetica,sans-serif;
}
.logo_cennik{
    width:	55px;
    font:10px Arial,Helvetica,sans-serif;
}

#chasy{
    position: absolute;
/*    float: right;*/
    top: 20px;
    right: 0px;
    z-index: 100;

}
#client_right{ 
    position: absolute;
    float: right;
    top: 240px;
    left: 1060px;
    margin: 0 20px 0 0;
/*  width: 250px;*/
    width: auto;
    z-index: 100;
}
.client_right{ 
    position: relative;
/*    float: right;*/
/*    top: 260px;
    left: 1100px;*/
border:1px solid #808080;
text-align:left;
/*xheight:80px;*/
padding:4px 9px 4px 9px;
font:12px Arial,Helvetica,sans-serif;
border-radius:3pt;
text-decoration: none;
color:#000;
font-weight:bold;
word-break: break-all;
}

.temp {
    border-radius: 35px;
    width: 63px;
    height: 63px;
    float: left;
/*    font-size: 17px;
    color: #2B82AC;
*/    background: url(/images/gradus.png) -1px -3px no-repeat;
    margin-top: 5px;
    margin-left: 5px;
    position: absolute;
    padding: 1px 1px 1px 1px;
    z-index: 99999;
}
.temp2{
    border-radius: 5px;
    width: 35px;
    height: 25px;
    float: center;
    font-size: 17px;
    color: #22d2bb	;
    margin-top: 5px;
    margin-left: 38px;
    position: absolute;
    padding: 1px 1px 1px 1px;
    z-index: 99999;

}
.btred {
    background-color: red;
    color: green;
    padding: 2px 2px 2px 2px;
    border-radius: 3px;
}