html { font-size: 62.5%; } 
BODY, TD, TH, DL, UL, OL, P {FONT-FAMILY: Arial,Verdana; FONT-SIZE: 10pt; font-size: 1.3rem;}
body { margin: 0 3px 0 3px; padding: 0px; background-color: white;}

a:link{color: #0000FF; text-decoration: underline;}
a:visited{color: #6666FF; text-decoration: underline;}
a:hover{color: #FF0000;	}
.content {min-height: calc(100vh - 160px);}
.footer {height: 50px;}

.title{	font-family: Arial, verdana, Geneva; font-size: 20px; font-weight: bold; color: #000000;}

.txt {
   font-family: Arial,Verdana, Helvetica, sans-serif; 
   font-size:11px;
   background-color: #FFFFFF;
   border-style: solid;
   border-width: 1px;
}

.submit {
	font-family: Arial,Verdana,  Helvetica, sans-serif; 
   	font-size:11px;
	border-style: solid;
   	border-width: 1px;	
}

input,select,textarea {
	border:1px solid #7F9DB9;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Geneva;
	font-size: 13px;
}
select{cursor:pointer;}


h1 { font-size:15px; font-family: Arial; margin-bottom: 0px; margin-top:0px; }
h2 { font-size:12px; margin-bottom: 0px;  display:inline; margin-top:0px;}
h3 { font-size:11px; font-family: Arial, Verdana; margin-bottom: 0px; margin-top: 0;}
h4 { font-size:16px; font-family: Arial, Verdana; margin-bottom: 0px; margin-top: 0;}
h6 { margin-top:-10px; width:16px; cursor: pointer; position:relative; z-index:51; display:inline}

.warn { color: #FF0000; text-align:center; font-weight:bold;}	
.star { color: #FF0000; }

UL { list-style-type: square; }
.red { color: #FF0000; }

.tabstyle {
-webkit-box-shadow: 7px 7px 5px rgba(46, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(46, 50, 50, 0.75);
opacity: 0.85;
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
}

.tabstyle2 {
-webkit-border-radius: 5px;
border-radius: 5px;  
}

.tabstyle3 {
-webkit-box-shadow: 7px 7px 5px rgba(46, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(46, 50, 50, 0.75);
opacity: 0.85;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 85);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
-webkit-border-radius: 10px;
border-radius: 10px;  
}

.tabstyle4 {
-webkit-box-shadow: 7px 7px 5px rgba(46, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(46, 50, 50, 0.75);
-webkit-border-radius: 10px;
border-radius: 10px;  
}

.tabstyle5 {
-webkit-box-shadow: 3px 3px 2px rgba(46, 50, 50, 0.75);
box-shadow:         3px 3px 2px rgba(46, 50, 50, 0.75);
}

.textshadow2 {
text-shadow: 5px 4px 5px #000;
}

.textshadow {
text-shadow: 2px 1px 2px #ffffff;
}

img-label {background-image: url(S&V-5.png);}

.title{                
	position:relative;
	z-index:1;
	transform: scale(1.0);
	color:#fff;
}
.title em{display:none;}
.title:hover em{
	width:200px;
	display:table-row;
	position:absolute;
	z-index:1;
 	background-color:#000080;
 	-webkit-border-radius:5px; 
 	border-radius:5px;
	line-height:normal;
	color:#FFF;
	text-decoration:none;
	padding:3px 5px;
	bottom:22px;
	right:0;
	-webkit-box-shadow:0 0 5px #000; 
	box-shadow:0 0 5px #000;
}
.title:hover em i{
	position:absolute;
	z-index:1;
	bottom:-7px;
	right:5px;
	border-top:7px solid #000;
	border-left:7px solid transparent;
	width:200px;
	display:table-row;
	height:0;
	overflow:hidden;
}

.shadow{
-webkit-box-shadow: 7px 7px 5px rgba(46, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(46, 50, 50, 0.75);
}

.divclass500 {min-width: 500px;}
.divcl400 {min-width: 400px;}
.divclass400 {
	min-width: 400px;
	/*width:expression(document.body.clientWidth < 770? "400px": "auto" );*/
	width:expression(document.body.clientWidth > 400? "100%" : "400px");
	float:left;
	margin-right: 10px; margin-bottom: 10px;
	width: 48%;
	background-image:url('/cl/layout_images/paper-bg.png');
	padding: 5px;
}

.divclass400 table {
	width: 100%;
}

.divclass360 {
	min-width: 360px;
	/*width:expression(document.body.clientWidth < 770? "400px": "auto" );*/
	width:expression(document.body.clientWidth > 360? "100%" : "360px");
	float:left;
	margin-right: 10px; margin-bottom: 10px;
	width: 48%;
	background-image:url('/cl/layout_images/paper-bg.png');
	padding: 5px;
}
.divclass360 table {
	width: 100%;
}

.divclass350 {
	width: 100%;
	min-width: 350px;
	/*width:expression(document.body.clientWidth < 770? "350px": "auto" );*/
	/*width:expression(document.body.clientWidth > 350? "100%" : "350px");*/
	float:left;
	margin-right: 25px; margin-bottom: 10px;
	margin-left: 0px;
	background-image:url('/cl/layout_images/paper-bg.png');
	padding: 5px;
}
.divclass350 table {
	width: 100%;
}


.divclass340 {
	min-width: 340px;
	/*width:expression(document.body.clientWidth < 770? "340px": "auto" );*/
	width:expression(document.body.clientWidth > 340? "100%" : "340px");
	float:left;
	margin-right: 10px; margin-bottom: 10px;
	width: 100%;
	background-image:url('/cl/layout_images/paper-bg.png');
	padding: 5px;
}
.divclass340 table {
	width: 100%;
}

.divclass320 {
	min-width: 320px;
	width:expression(document.body.clientWidth < 770? "320px": "auto" );
	
	/*float:left;*/
	/*margin-right: 15px;*/ 
	margin:auto;
	margin-bottom: 10px;
	width: 90%;
	background-image:url('/cl/layout_images/paper-bg.png');
	padding: 5px;
}
.divclass320 table {
	width: 100%;

}


.divclass300 {
	min-width: 300px;
}

.divcl200 {min-width: 200px;}

.divclass200 {
min-width: 200px;
width:24%; float: left; margin-right: 5px; margin-bottom:5px; background-image: url('/cl/layout_images/paper-bg.png');
}

.form_button {
margin       : 0;
padding      : 5px;
border-width : 0;
/*background-image:url('/cl/layout_images/fon-top.png');*/
cursor       : pointer;
-webkit-border-radius: 5px;
border-radius: 5px;  
}

.tab_menu {background-image:url('/Donetsk/content-images/blank2.png'); height: auto;}


@media screen and (min-width: 600px) and (max-width: 1280px) {
    #header {
        display: none;
    }
}

.item_img_holder {position:relative; z-index:10; margin-bottom: -10px; height: 140px; overflow:hidden;}
.item_img_holder img {border: 0;}
.item_img_holder2 {position:relative; z-index:10; margin-bottom: -10px; height: 140px; overflow:hidden;}
.item_img_holder2 img {width: 140px; max-height: 145px; border: 0;}



button {cursor:pointer;}

#imgSpinner1
{
display: none;
max-width:300px;
/*height: 50px;
background-color:white;*/
position: fixed;
top: 50%;
left: 45%;
text-align:center;
margin-left: -50px;
margin-top: -100px;
z-index:2;
padding:20px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
-webkit-box-shadow: 1px 1px 1px 1px #aaa;
box-shadow: 1px 1px 1px 1px #aaa;
background-color:#D4D0C8;
}
#imgSpinner1 img{width:100%;}


/* Menu */

.menu {
	background: #555 /*url('images/menu-bg.jpg') repeat left top*/;
	left: -285px; /* прячем меню */
	height: 100%;
	position: fixed;
	width: 285px;
	overflow-y:scroll;
	overflow-x:hidden;
}
.menu_right{
	background: #555 /*url('images/menu-bg.jpg') repeat left top*/;
	right: -285px; /* прячем меню */
	height: 100%;
	position: fixed;
	width: 285px;
	overflow-y:scroll;
	overflow-x:hidden;
}

/* Basic CSS */

.background {
  background-image: url('images/chicago-night.jpg'); 
  height: 100%;
  width: 100%;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.menu ul {
  border-top: 1px solid #555;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  border-bottom: 1px solid #555;
  font-family: 'Open Sans', sans-serif;
  line-height: 15px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-top: 3px;
}

.menu li:hover {
  cursor: pointer;
  background-color: #555;
  }

.menu a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
}

.icon-close {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 6px;
}
.icon-close-right {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 6px;
}


.icon-menu {
  color: #000;
  cursor: pointer;
  font-family: Arial, 'Open Sans', sans-serif;
  font-size: 18px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-top: 5px;
  text-transform: uppercase;
  margin-left:5px;
  /* background-image:url(/cl/layout_images/fon-top.png);*/
  border-radius:6px;
}
.icon-menu-right {
  color: #000;
  cursor: pointer;
  font-family: Arial, 'Open Sans', sans-serif;
  font-size: 18px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-top: 5px;
  text-transform: uppercase;
  margin-left:5px;
  /* background-image:url(/cl/layout_images/fon-top.png);*/
  border-radius:6px;
}

.icon-menu img {
  margin-right: 5px;
  float:left;
  width:25px;
}


@media (max-width: 960px) {
	.hidden960 {display:none;}
	.banner_text1 {font-size: 30px;}
}

@media (max-width: 900px) {
	.hidden900 {display:none;}
	.banner_text1 {font-size: 30px;}
}

@media (max-width: 860px) {
	.hidden860 {display:none;}
	.banner_text1 {font-size: 40px;}
}

@media (max-width: 800px) {
	.hidden800 {display:none;}
	.banner_text1 {font-size: 38px;}
}

@media (max-width: 760px) {
	.hidden760 {display:none;}
	.banner_text1 {font-size: 36px;}
}

@media (max-width: 700px) {
	.hidden700 {display:none;}
	.banner_text1 {font-size: 24px;}
}

@media (max-width: 600px) {
	.hidden600 {display:none;}
	.banner_text1 {font-size: 34px;}
	
}

@media (max-width: 570px) {
	.hidden570 {display:none;}
	#imgSpinner1{width: 100px;}
	.banner_text1 {font-size: 32px;}
}

@media (max-width: 550px) {
	.hidden550 {display:none;}
	.banner_text1 {font-size: 30px;}
}

@media (max-width: 500px) {	
	.hidden500 {display:none;}
	td.td_left {width:2px;}
	td.td_right {width:2px;}
	.banner_text1 {font-size: 28px;}
}

@media (max-width: 400px) {	
	.hidden400 {display:none;}
	#div_logo {width:59px;}
	#td_logo {width:60px;}
	.banner_text1 {font-size: 26px;}
	
}

@media (max-width: 320px) {	
	.hidden320 {display:none;}
	.banner_text1 {font-size: 24px;}
}

@media (max-width: 310px) {	
	.hidden310 {display:none;}
	.banner_text1 {font-size: 22px;}
}

@media (max-width: 300px) {	
	.hidden300 {display:none;}
	.banner_text1 {font-size: 20px;}
}

@media screen and (min-width: 0px) and (max-width: 400px) {
  .display400 { display: block; }  /* show it on small screens */
}

@media screen and (min-width: 401px) {
  .display400 { display: none; }   /* hide it elsewhere */
}

.classbutton {
	box-shadow: 1px 1px 1px 1px #aaa;
	background-color:#D4D0C8;
	border-top-left-radius:1px;
	border-top-right-radius:1px;
	border-bottom-right-radius:1px;
	border-bottom-left-radius:1px;
	text-indent:0;
	border:1px solid #ddd;
	display:inline-block;
	color:#777;
	font-family:Arial;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	width:24px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	margin: 0;
	cursor:pointer;
}

.classbutton:hover {
	box-shadow: 2px 2px 2px 2px #aaa;
	background-color:#eee;
}