body{color:#777777;background-color:#000000;font-family:arial;}
img{border:0px none transparent;}
.headb{width:53.5%;border:1px solid #F00;}
.head{width:53.5%;height:250;background-image:url(head.jpg);background-size:100% 100%; background-repeat:no-repeat;}
.doamn{color:#FF0000;position:absolute;margin:80 0 0 4.0%;font-size:18pt;}
.logotip{position:absolute;top:45px;left:26%;width:8.5%}
.lefthead{position:absolute;margin-top:80px;left:60%;font-style:italic;letter-spacing:2px;color:#FFFFFF;}
.lefthead1{position:absolute;margin-top:80px;left:53%;font-style:italic;letter-spacing:2px;color:#FFFFFF;}
.centre{width:53.5%;text-align:left;}
.leftmenu{vertical-align:top;width:22%;border-right:1px solid #CCCCFF;position:relative;float:left;}
.lmtb, .rmtb{width:99%;margin:30 0 0 0;}
.bton, .rbton{color:#FF0000;text-decoration:none;font-size:0.8em;}
.rbton{ margin:0 0 0 5;}
.bton:hover , .rbton:hover{text-decoration:underline;}
.richt
{
vertical-align:top;
width:20%;
border-left:1px solid #CCCCFF;float:right;

}
.centers
{
padding:10 10 10 25;
vertical-align:top;
text-indent:10px;
text-align:left;

width:53%;
left:22%;
float:left;
}



.pagedive
{
width:53.5%;
}

h2
{
color:#FF0000;
font-size:16pt;
}
.langblock
{
position:absolute;
margin-left:55%;
top:10px;
}
.selectedl
{
color:#FFFF00;
font-weight:bold;
}
.slang
{
color:#FF0000;
}
.topmobilemenu{	width: 100%;	border-radius:15px 15px 0px 0px; padding: 5px;	font: 0.9em Arial;	color: #0F0;	background: #223 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZ3bsYwAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAAAqSURBVBhXY/gPBwyMcIDM/A8T/c+AzISy/wNFkZlgNtBIoCgyE8gG2QMAt/EqEfziFTgAAAAASUVORK5CYII=) no-repeat;;
  background-position:95% 50%;	-webkit-appearance: none;  -moz-appearance: none;  appearance: none;	border:none;	border-bottom:1px solid #AAA;	text-align:center;	font-weight:bold;  text-transform: uppercase;cursor:pointer;	display:none;}
.topmobilemenu:hover{	background-color: #F00;}
.topmobilemenu option {	border:1px solid #000;	width: 100%;	padding: 5px;	background: #444;	text-transform: uppercase;	font: 1em Arial;	margin:0 0 0 -3px;	border-left:none;	position:absolute;  margin-left:-10px;}
.topmobilemenu option:hover{	background-color: #82B4D9;}
.topmobilemenu::-ms-expand {  display: none;}
.formzakaz{width:100%}
.formzakaz td{padding:8px 0;}
.obyasnenie{color:#F00;float:left;width:40%;}
.textpole{float:right;width:55%;background:#223;border:1px dotted #080;color:#FFF;padding:5px;box-shadow:2px 2px 5px #555;border-radius:2px;}
.messagepole{float:right;width:55%;background:#223;border:1px dotted #080;color:#FFF;padding:5px;padding:5px;box-shadow:2px 2px 5px #555;border-radius:2px;}
.buttonzak{cursor:pointer;background:#F00;color:#FF0;font-weight:bold;padding:10px 5px;font-size:1.0em;border-radius:65px;border:1px solid #FF0;height:95px}
.buttonzak:hover {background:#FF0;color:#F00;border:1px solid #F00;height:95px}
.podval{width:99.5%;height:60px;display:none;}
.zakazat{width:100%;height:50px;position:fixed;z-index:100;bottom:0;left:0;width:99.5%;background:rgba(255,255,255,0.2);display:none;}
.zakazat a{text-decoration:none;}
.buttonzakaz{border:1px solid #FF0;width:96%;margin:8px;background:#F00;padding:5px 0;text-align:center;color:#FF0;font-weight:bold;font-size:1.2em}
.buttonzakaz:hover {background:#FF0;color:#F00;border:1px solid #F00;}

@media only screen and (max-width: 1870px){.headb, .head, .centre,.pagedive{width:63.5%;}.logotip{left:21%;}}
@media only screen and (max-width: 1715px){.logotip{left:20%;width:9.5%}.langblock{margin-left:58%}}
@media only screen and (max-width: 1583px){.headb, .head, .centre,.pagedive{width:70.5%;}.logotip{left:17%;width:10%}.langblock{margin-left:65%}}
@media only screen and (max-width: 1440px){.headb, .head, .centre,.pagedive{width:80.5%;}.logotip{left:12%;width:11%}.langblock{margin-left:73%}}
@media only screen and (max-width: 1250px){.headb, .head, .centre,.pagedive{width:90.5%;}.logotip{left:6%;width:13%}.langblock{margin-left:80%}}
@media only screen and (max-width: 1120px){.headb, .head, .centre,.pagedive{width:98%;}.bton, .rbton{font-size:0.7em}.logotip{left:3%;width:15%}.langblock{margin-left:88%}}
@media only screen and (max-width: 970px){.lefthead1{left:45%}}}
@media only screen and (max-width: 900px){.logotip{left:3%;width:17%}}
@media only screen and (max-width: 855px){.lefthead1{left:35%;font-size:0.9em}.richt{width:15%;}.leftmenu{min-width:170px;}}
@media only screen and (max-width: 760px){.podval, .zakazat{display:block} .centre, .centers, .contents {left:0%;}.centers {padding:10px;}.messagepole,.textpole,.obyasnenie{float:none;width:100%;}.lefthead1{display:none}.leftmenu{border-right:none;}.topmobilemenu{display:block}.richt{display:none}.lmtb{display:none;}.leftmenu{float:none;width:99.1%}.centers{width:92%;}.lefthead{display:none;}.logotip{left:3%;width:20%}}
@media only screen and (max-width: 620px){.logotip{left:3%;width:25%}.langblock{margin-left:80%}}
@media only screen and (max-width: 520px){.logotip{left:1%;width:30%}}
@media only screen and (max-width: 450px){.logotip{left:1%;width:35%}}
@media only screen and (max-width: 380px){.logotip{left:1%;width:40%}}
@media only screen and (max-width: 320px){.logotip{left:1%;width:50%}.langblock{margin-left:75%}}