html, body {margin:0px; padding:0px; font-family: Arial, Serif; font-size:12pt;}
.MOBonly {display:none;}
.HOPOLOGO {float:left;padding-left:20px;width:10%;}
.HOPOLOGO {float:left;padding-left:20px;}
.LOGINFORM {float:right;}
.LOGINREG {float:right;}
#LOGFRM {float:right;width:80%;}


H1
{
font-size:11pt;
color:#888888;
}


.tab
{
width:98%;
font-size:12pt;
border:1px #4B3D26 solid;
margin-top:20px;
margin-left:1%;
margin-bottom:20px;

}

.tab tr:nth-child(2n) {
    background: #FFF6E5; /* Цвет фона */
   }
.tab td {padding:6px;}



.tooltipBL {
  color: #000000; outline: none;
  cursor: help; text-decoration: none;
  position: relative;
}
.tooltipBL span {
  margin-left: -999em;
  position: absolute;
}
.tooltipBL:hover span {
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute;
  left: 1em;
  top: 2em;
  z-index: 190;
  margin-left:20px;
  width: 310px;
  font-size:12pt;
}


.tooltipBR {
  color: #000000; outline: none;
  cursor: help; text-decoration: none;
  position: relative;
}
.tooltipBR span {
  margin-left: -999em;
  position: absolute;
}
.tooltipBR:hover span {
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute;
  left: 10px;
  top: 55px;
  z-index: 190;
  margin-left:-350px;
  width: 310px;
  font-size:12pt;
}

.classic { padding: 0.8em 1em;  z-index:190;}
.custom { padding: 0.5em 0.8em 0.8em 2em; }
<strong>* html</strong> a:hover { background: transparent; }

.blacktool {padding:20px;color:#FFFFFF;text-decoration:none;background: rgba(0,0,0,0.8); border: 0px solid #000000;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; }
.whitetool {padding:20px;color:#000000;text-decoration:none;background: rgba(255,255,255,0.9); border: 0px solid #000000;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; }


.pages
{
float:left;
padding:3px;
font-size:8pt;
text-align:center;
margin:5px;
width:20px;
height: 15px;
border:1px #aaaaaa solid;
background-color:#ffffff;
}

.pages > a
{
text-decoration:none;
color:#777777;
}

.tooltip {
  border-bottom: 1px dotted #000000;
  color: #000000; outline: none;
  cursor: help; text-decoration: none;
  position: relative;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}
.tooltip:hover span {
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute;
  left: 1em;
  top: 2em;
  z-index: 190;
  margin-left: 0;
  width: 250px;
}
.tooltipOLD:hover img {
  border: 0;
  margin: -10px 0 0 -55px;
  float: left;
  position: absolute;
}
.tooltip:hover img {

}
.tooltip:hover em {
  font-family: Candara, Tahoma, Geneva, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em;  z-index:190;}
.custom { padding: 0.5em 0.8em 0.8em 2em; }
<strong>* html</strong> a:hover { background: transparent; }

.classic { background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334; }
.help { background: #9FDAEE; border: 1px solid #2BB0D7; }
.info { background: #9FDAEE; border: 1px solid #2BB0D7; }
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

#Box
{
	 width: 98%;
	 max-width:980px;
     background-color: #ffffff;
     margin: 0 auto;
     text-align:left;
     padding: 0px;
     padding-left:10px;
     padding-right:10px;
}


.unrl
{
border-bottom: 1px dotted red;
}


.redram
{
  border:2px #ee0000 solid;
  background-color:#ffaaaa;

}


.vcBox{
float:left;
width: 94%;
margin:2%;
background-color:#fefefe;
border:1px #eeeeee solid;
padding: 1%;
box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;
     text-align:left;
}


#Header {
background-color: #ffffff;
height:109px;
padding:0px;
}

#Navigation
{
 width: 260px;
 float: right;
 margin-top:14px;
}

#NavBTNBar
{
float:left;
width:99%;
height:30px;
background-color:#4d9dda;
color:#ffffff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
padding: 5px;
margin:0px;
text-align:left;
text-shadow: 1px 1px 1px #000044;
}

#NavBTNBarB
{
float:left;
width:100%;
height:50px;
background-color:#E98105;
color:#ffffff;
padding: 0px;
margin:0px;
text-align:left;
text-shadow: 1px 1px 1px #000044;
}


#NavBar
{
background-color: #f5f5f5;
width: 1000px;
float: left;
height:145px;
color:#888888;
font-size:12px;
    -moz-box-shadow: 0px 5px 10px #555;
    -webkit-box-shadow: 0px 5px 10px #555;
    box-shadow: 0px 5px 10px #555;

}

#NavBarLK
{
background-color: #ffffff;
width: 100%;
float: left;
color:#222222;
font-size:12px;
}


#NavLK
{
width: 100%;
/*height:60px;*/
margin-top:20px;
float: left;
color:rgb(27, 153, 236);
font-size:14pt;
}


#Content {background-color: #ffffff;     float: left; width:100%;   margin-top: 0px;}
#Footer
{
float:left;
width:100%;
background-color: #292525;
clear: both;
font-size:11pt;
color:#555555;
margin-top:0px;
padding-bottom:65px;
}

#Footer a
{
font-size:11pt;
color:#fa9f2f;
text-decoration:none;
}

#Footer a:hover
{
font-size:14pt;
color:#62BBFF;
text-decoration: underline;
}


.alert_red {
width: 96%;
float:left;
background-color: #fff0f0;
color:#500000;
text-align:center;
border: 1px #ff0000 solid;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 2%;
}

.alert_org {
width: 96%;
float:left;
background-color: rgb(255, 185, 62);;
color:rgb(38, 24, 0);
text-align:center;
border: 1px rgb(120, 79, 6) solid;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 2%;
}

.alert_green {
width: 96%;
float:left;
background-color: #f3fff0;
color:#065000;
text-align:center;
border: 1px #065000 solid;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 2%;
}

.alert_blue {
width: 630px;
float:left;
     background-color: #ffffff;
     margin:15px;
     text-align:left;
     border: 1px #0000ff solid;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     border-radius: 6px;
     padding: 20px;

}


.linkul { color:#e5e5e5; text-decoration: none; }
.linkul:hover { text-decoration: underline; color:#ffffff;}

.linkultx1 { color:#4d9dda; text-decoration: none;}
.linkultx1:hover { text-decoration: underline; color:#0000f0;cursor:pointer;}

.ulred { cursor:pointer;color:#000000; text-decoration: none; }
.ulred:hover { text-decoration: underline; color:#ff0000;}

.tx1
{
  color:#4d9dda;
}

.tx-org
{
  color:#f89507;
}

.tx-w
{
  color:#ffffff;
}

.tx-g
{
  color:#aaaaaa;
}


.tx-grey
{
  color:#444444;
}

.tx-b2
{
  color:#4700FF;
}



.pole
{
     height:40px;
     color:#4d9dda;
     font-size:14pt;
     border-radius: 4px;
     padding-left:6px;
     width:98%;
}

.pole1
{
     border: 0px #eee solid;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     padding: 5px;
    -moz-box-shadow: inset  2px 2px 2px #cccccc;
    -webkit-box-shadow: inset  2px 2px 2px #cccccc;
    box-shadow:inset  2px 2px 2px #cccccc;

   background-color:#efefef;
}

.pole2
{
     border: 1px #eee solid;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     padding: 5px;
    -moz-box-shadow: inset  3px 3px 10px #333;
    -webkit-box-shadow: inset  3px 3px 10px #333;
    box-shadow:inset  3px 3px 10px #333;
    background-color: #ffffff;
    color:#4d9dda;
}



.ugb1sm { background-image:url(/img/bm1sm.png);
height:35px;
text-align:center;
color:#ffffff;
text-shadow: #000070 1px 1px 1px;
border-right:1px #9acdf4 solid;
border-left:1px #236294 solid;

}

.ugb1sm a {color:#ffffff;
text-decoration:none;
font-size:12px;
}

.ugb1sm a:hover {color:#ffff00;
text-decoration:none;
font-size:12px;
text-shadow: #000070 -1px -1px 1px;
}


.ugb1tmlk {
color:#0fffff;
height:40px;
text-align:center;
border-left:1px #EBB73A solid;
border-right:1px #D7690D solid;
}

.ugb1tmlk a {
color:#ffffff;
text-decoration:none;
font-size:11pt;
text-shadow: #000000 2px 2px 2px;
}

.ugb1tmlk a:hover {
color:#ffff50;
text-decoration:none;
font-size:11pt;
text-shadow: none;
}

.ugb1tmlk:hover
{
color:#ffff80;
background-color:#E45B02;
}






.ugb1tm {
color:#0fffff;
background-color:#111111;
height:27px;
text-align:center;
border-right:1px #666666 solid;
border-left:1px #444444 solid;
opacity:0.8;
filter: alpha(opacity=80);

}

.ugb1tm a {
color:#ffffff;
text-decoration:none;
font-size:11pt;
}

.ugb1tm a:hover {
color:#ffff50;
text-decoration:none;
font-size:11pt;
text-shadow: #000000 3px 3px 3px;
}

.ugb1tm:hover
{
color:#ffff80;
background-color:#000000;
}


.ugb1 { background-image:url(/img/bm1.png);
height:35px;
text-align:center;
color:#ffffff;
text-shadow: #000070 1px 1px 1px;
}


.ugb2 { background-image:url(/img/bm2.png);
height:35px;
text-align:center;
color:#ffff00;
}

.ugb3 { background-image:url(/img/bm3.png);
height:35px;
width:3px;
}


.ugb1 a {color:#ffffff;
text-decoration:none;
font-size:12px;
}

.ugb1 a:hover {color:#ffff00;
text-decoration:none;
font-size:12px;
text-shadow: #000070 -1px -1px 1px;

}

.ugb2 a {color:#ffff00;
text-decoration:none;
font-size:14px;
}

.ugb2 a:hover {color:#ffff00;
text-decoration:none;
font-size:14px;
}

table.stuff{
 border-collapse:separate;
 border: 1px solid #000000;
 }

table.stuff td{
 padding:5px 10px;
 border:1px solid #eeeeee;
 }


.mnu
{
background-color: #FCD594;;
text-align:center;
border-right:1px #ddd solid;
padding-top:5px;
padding-left:10px;
padding-right:10px;
height:30px;
}


.mnu a
{
text-decoration:none;
color:#444444;
}

.mnu:hover
{
color:#0392FF;
background-color:#F9B545;
}


.mnu:hover a
{
color: #ffff80;
}


.UserMenus
{
	width:100%;
	background-color:rgb(62, 152, 255);
	color:#FFFFFF;
	font-size:14pt;
	height:40px;
}

.bmnu     {height:55px;	background-color:rgb(62, 152, 255);	color:#FFFFFF;	font-size:10pt;padding-right:2px;padding-left:2px;border:none;text-align:center;cursor:pointer;}
.bmnu_sel {height:55px;	background-color:rgb(62, 152, 255);	color:#FFFF00;	font-size:11pt;padding-right:2px;padding-left:2px;border:none;text-align:center;text-shadow: 3px 3px 3px #000044;cursor:pointer;}
.bmnu:hover , .bmnu_sel:hover {background-color:rgb(42, 121, 210);padding-right:5%;padding-left:5%;}

.bmnu>img {float:left;margin-right:5px;height:30px;}
.bmnu_sel>img {float:left;margin-right:5px;height:30px;border-bottom:1px #FFFF00 dotted;}

/*
.lring {position:absolute;left:0px;width:150px;height:300px;border:1px rgb(62, 152, 255) solid;background-color:rgb(62, 152, 255);color:#FFFFFF;border-top-left-radius:150px;border-bottom-left-radius:150px;}
.rring {position:absolute;right:0px;;width:150px;height:300px;  border:0px rgb(62, 152, 255) solid;background-color:#FFFFFF;border-top-right-radius:150px;border-bottom-right-radius:150px;}
.ringpod {position:absolute;top:52px;left:52px;}
*/
.lring {position:absolute;left:75px;width:75px;top:75px;height:150px;border:1px rgb(62, 152, 255) solid;background-color:rgb(62, 152, 255);color:#FFFFFF;border-top-left-radius:75px;border-bottom-left-radius:75px;}
.rring {position:absolute;right:75px;;width:75px;top:75px;height:150px;  border:0px rgb(62, 152, 255) solid;background-color:#FFFFFF;border-top-right-radius:75px;border-bottom-right-radius:75px;}
.ringpod {position:absolute;top:90px;left:90px;width:40%;}


.bmnug     {height:40px;	background-color:#eeeeee;	color:#000000;	font-size:11pt;padding-right:40px;padding-left:40px;cursor:pointer; border:none;border-left:1px #ffffff solid; border-right:1px #888888 solid;}
.bmnug_sel {height:40px;	background-color:#eeeeee;	color:#3e98ff;	font-size:12pt;text-shadow: 1px 1px 1px #000044;cursor:pointer;border:none;border-left:1px #ffffff solid; border-right:1px #888888 solid;padding-right:40px;padding-left:40px;}
.bmnug:hover , .bmnug_sel:hover {background-color:#696969;color:#FFFFFF;border-left:1px #ffffff solid; border:none;border-right:1px #888888 solid;padding-right:40px;padding-left:40px;}


.avatar {float:right;width:50px;height:50px;border:1px #dddddd outset;border-radius:25px;overflow:hidden;margin-top:-16px;margin-right:10px;}
.avatar > img {height:50px;margin-left:-20%;}
.RBt     {width:45%;margin-right:5%;height:40px;color:#000000;font-size:10pt;margin-bottom:16px;border-top-right-radius:20px;border-bottom-right-radius:20px;background-color:rgb(236,236,236) ;cursor:pointer;text-align:left;padding-left:4%;}
.RBt_sel {width:45%;margin-right:5%;height:40px;color:#FFFFFF;font-size:10pt;margin-bottom:16px;border-top-right-radius:20px;border-bottom-right-radius:20px;background-color:rgb(62, 152, 255);cursor:pointer;text-align:left;padding-left:4%;}
/*
.RBt   {width:100%;height:40px;color:#000000;font-size:12pt;margin-bottom:16px;border-top-right-radius:20px;border-bottom-right-radius:20px;background-color:rgb(236,236,236);cursor:pointer;text-align:left;padding-left:4%;}
.RBt_sel {width:100%;height:40px;color:#FFFFFF;font-size:12pt;border-style:none;margin-bottom:16px;border-top-right-radius:20px;border-bottom-right-radius:20px;background-color:rgb(62, 152, 255);cursor:pointer;text-align:left;padding-left:4%;}
*/
.Bt40    {width:180px;height:40px;font-size:11pt;color:#ffffff;border-radius:20px;cursor:pointer;text-align:center;}
.BtGrey    {width:200px;height:40px;font-size:11pt;color:#555555;border-radius:20px;cursor:pointer;text-align:center;}
.BtBlue    {width:200px;height:50px;font-size:11pt;color:#ffffff;border-radius:20px;cursor:pointer;text-align:center;background-color:rgb(62, 152, 255);}
.BtOrg    {float:left;width:80%;margin-left:10%;height:40px;font-size:12pt;color:#ffffff;border-radius:20px;cursor:pointer;text-align:center;background-color:rgb(255, 113, 19);}
.BtRed    {float:left;width:50%;margin-left:25%;height:40px;font-size:12pt;color:#ffffff;border-radius:20px;cursor:pointer;text-align:center;background-color:rgb(191, 26, 26);}
.NewPodBt {float:right;width:200px;height:40px;background-color:rgb(62, 152, 255);	color:#FFFFFF;border-radius:20px;margin-bottom:20px;font-size:12pt;cursor:pointer;}
.BtGr {width:80px;height:40px;}
.UserBlock {float:left;width:92%;border:1px rgb(62, 152, 255) solid; padding:4%;margin-bottom:20px;background-color:#FFFFFF;}
.UserBlock > img {width:100%;}
.UserBlockSmall {float:left;width:200px; background-color:#FFFFFF;margin-top:20px;}
.MSGBOX
{
position:fixed;
box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;
     text-align:left;
width:96%;
margin:0 auto;
background-color:#FFFFFF;
border:6px rgb(62, 152, 255) solid;
margin-top:2%;
height:96%;
left:1%;
}

.MSGBOXBLOKn
{
float:left;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(255,255,255,0.8);
margin-left: -999em;
display:none;
}

.MSGBOXBLOKv
{
float:left;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(255,255,255,0.8);
margin-left: 0em;
display:block;
z-index:999;
position:fixed;
}
#BSGBOXclose {position:absolute;bottom:4%;right:4%;z-index:1000;}
#BSGBOXclose > span > img {width:50px;}


/*
.MSGBOX
{
position:relative;
box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;
     text-align:left;
width:700px;
margin:0 auto;
background-color:#FFFFFF;
border:6px rgb(62, 152, 255) solid;
margin-top:5px;
height:400px;
}

.MSGBOXBLOKn
{
float:left;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(255,255,255,0.8);
margin-left: -999em;
display:none;
}

.MSGBOXBLOKv
{
float:left;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(255,255,255,0.8);
margin-left: 0em;
display:block;
z-index:999;
position:fixed;
}
#BSGBOXclose {width:700px;margin:0 auto;margin-top:6%;padding-left:50px;text-align:right;z-index:1000;}
*/


.white_obvod {text-shadow: white 1px 0px, white 1px 1px, white 0px 1px, white -1px 1px, white -1px 0px, white -1px -1px, white 0px -1px, white 1px -1px, white 0 0 3px, white 0 0 3px, white 0 0 3px, white 0 0 3px, white 0 0 3px, white 0 0 3px, white 0 0 3px, white 0 0 3px;}

.HS {float:left;width:300px;height:55px;border:none;background-image:url(/img/hsy.png);overflow:hidden;text-align:right;padding-right:20px;padding-top:25px;font-size:20pt;color:#dea42b;}
.HS:hover {cursor:pointer;background-image:url(/img/hsb.png);color:#5555aa;}
.HS > a {color:#dea42b;text-decoration:none;}
.HS:hover > a {color:#5555aa;text-decoration:none;}

.ReqOtkl {
	float:left;width:40%;margin-left:30%;height:40px;border:1px rgb(167, 116, 28) dotted; text-align:center;padding-top:20px;margin-top:30px;background-color:rgb(255, 185, 62);
}

@-webkit-keyframes HIDE {
    0% {opacity: 1;}
    100% {opacity: 0;display:none;}
   }
   @-moz-keyframes HIDE {
    0% {opacity: 1;}
    100% {opacity: 0;display:none;}
   }
   @-o-keyframes HIDE {
    0% {opacity: 1;}
    100% {opacity: 0;display:none;}
   }
   @keyframes HIDE {
    0% {opacity: 1;}
    99% {height:100%;opacity: 0;}
    100% {height:0px;opacity: 0;display:none;}
   }
   .HIDE {
   	animation-fill-mode: forwards;
    -webkit-animation-name: HIDE;
    -moz-animation-name: HIDE;
    -o-animation-name: HIDE;
    animation-name: HIDE;
    /* Задержка перед началом */
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    /* Продолжительность анимации */
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
   }
.WISH {}
.WISH:hover {border:1px #f5761f solid;box-shadow:none;cursor:pointer;}
.WISH_1 {float:left;width:280px;}
.WISH_2 {float:left;width:280px;height:200px;border:0px #888888 solid; background-color:#FFFFFF;overflow:hidden;margin-right:10px;cursor:pointer;}
.WISH_3 {float:left;margin-top:-230px;margin-left:-20px;}
.WISH_4 {float:left; width:100%; margin-top:9px;text-align:left;}
.WISH_5 {float:right; width:45%;/*height:180px;overflow:hidden;*/}
.WISH_6 {float:left; width:100%; height:120px;overflow:hidden;}
.WISH_7 {float:left; width:100%;font-size:9pt;border-top:1px #888888 dotted;padding-bottom:10px;margin-bottom:10px;margin-top:10px;padding-top:10px;}
.WISH_8 {float:right; width:30%; font-size:9pt;text-align:right;}
.WISH_9 {float:right; width:25%; text-align:left;font-size:9pt;}
.WISH_10 {float:left;width:98%;background-color:#eaeaea;padding:5px;font-size:11pt;}

.bbr {background-color:rgb(62, 152, 255);color:#FFFFFF;float:left;width:100%;height:37px;margin-top:20px;margin-bottom:10px;padding-top:8px;font-size:20pt;text-align:center;}
#HPML {float:left;width:49%; border:2px rgb(62, 152, 255) solid;height:400px;color:rgb(62, 152, 255);border-top-left-radius:20px;border-bottom-left-radius:20px;}
#HPMR {float:left;width:49%; border:2px rgb(62, 152, 255) solid;height:400px;background-color:rgb(62, 152, 255);color:#FFFFFF;border-top-right-radius:20px;border-bottom-right-radius:20px;}
.FootSec {float:left; width:22%;height:300px;margin:0px;}
.FootSecCap {float:left;width:100%;height:36px;background-color:rgb(255, 185, 62);color:#292525;padding-top:16px;margin-bottom:26px;}
.FootSecDsc {float:left;width:90%;margin-left:0px;}
.FootSecNull {float:left;width:6%;}
.HPML_1 {float:left;width:70%;border:0px #000000 solid;height:50px;margin-top:50px;font-stretch: condensed;font-size:30pt;text-align:center;}
.HPML_2 {float:left;width:70%;border:0px #000000 solid;height:200px;text-align:center;}
.HPMR_1 {float:right;width:70%;border:0px #000000 solid;height:50px;margin-top:50px;font-stretch: condensed;font-size:30pt;text-align:center;}
.HPMR_2 {float:right;width:70%;border:0px #000000 solid;height:200px;text-align:center;}
.HPMR_3 {position:relative;left:-7px;margin:0 auto;top:50px;height:300px; width:300px;}
#UsPod  {float:left;width:98%;margin-top:10px;margin-left:1%;}
#UsPodL {float:left;width:98%;    font-size: 16pt;}
#UsPodR {float:left;width:100%; background-color:#ffffff;padding-top:20px;}
.srtab {font-size:10pt;}
.us1 {float:left;width:160px;}
.us2 {float:left;width:160px;height:160px;border-radius:80px;overflow:hidden;margin:20px;box-shadow: 0 0 7px #666; border:1px #555 solid;text-align:center;}
.us3 {float:left;width:160px;height:160px;border-radius:80px;overflow:hidden;margin:20px;box-shadow: 0 0 7px #666; border:1px #555 solid;text-align:center;}
.us4 {float:left;width:200px;text-align:center;}
.us5 {float:right;width:200px;padding-top:20px;text-align:right;margin-right:10px;}
.us6 {    position: relative; width: 100%;  text-align: right; top: -50px;}
.us7 {float:left;width:100%;margin-bottom:10px;}
.us8 {float:right; width:360px;padding:10px;}
.us9 {float:left;width:100%;font-size:10pt;}
.us10 {float:right; border:1px rgb(62, 152, 255) dotted;margin:10px;padding:10px;margin-bottom: 30px;}
.us11 {position:relative;width:99%;padding:0.5%;height:25px;background-color:rgba(0,0,0,0.5);color:#FFFFFF;margin-top:-36px;padding-top:6px;overflow:hidden;text-align:center;}
.us12 {float:right;width:48%;margin-left:2%;text-align:right;}
.us13 {float:left;width:49%;overflow:hidden;}
.us13 > img {width:100%;}
.us14 {position:absolute;float:left;width:182px;padding:0.5%;height:25px;background-color:rgba(0,0,0,0.5);color:#FFFFFF;margin-top:0px;padding-top:6px;overflow:hidden;text-align:left;}
.us15 {}
.us16 {}
.us17 {float: right;height: 200px;text-align: right;margin-right: 10px; /*margin-top: -200px;*/}

/*
#UsPod  {float:left;width:100%;margin-top:30px;}
#UsPodL {float:left;width:23%;height:100%;}
#UsPodR {float:right;width:75%;height:100%; background-color:#ffffff;}

.us1 {float:left;width:200px;}
.us2 {float:left;width:160px;height:160px;border-radius:80px;overflow:hidden;margin:20px;box-shadow: 0 0 7px #666; border:1px #555 solid;text-align:center;}
.us3 {float:left;width:160px;height:160px;border-radius:80px;overflow:hidden;margin:20px;box-shadow: 0 0 7px #666; border:1px #555 solid;text-align:center;}
.us4 {float:left;width:200px;text-align:center;}
.us5 {float:right;width:230px;padding-top:20px;text-align:right;}
.us6 {float:right;width:270px;padding-top:20px;}
.us7 {float:left;width:100%;margin-bottom:10px;}
.us8 {float:right; width:360px;padding:10px;}
.us9 {float:left;width:100%;font-size:10pt;}
.us10 {float:right; border:1px rgb(62, 152, 255) dotted;margin:10px;padding:10px;margin-bottom: 30px;}
.us11 {position:relative;float:left;width:99%;padding:0.5%;height:25px;background-color:rgba(0,0,0,0.5);color:#FFFFFF;margin-top:-36px;padding-top:6px;overflow:hidden;}
.us12 {float:left;width:100%;}
.us13 {}
.us14 {position:absolute;float:left;width:182px;padding:0.5%;height:25px;background-color:rgba(0,0,0,0.5);color:#FFFFFF;margin-top:0px;padding-top:6px;overflow:hidden;text-align:left;}
*/

#RINGSTAB  {float:left;width:100%;}
#RING_MENU {float:left;width:100%;}
#RING_DSC  {float:left;width:98%;margin-left:0.5%;}
.z1 {position:relative;width:100%;float:right;bottom:-10px;}
.z2 {width:100%; float:left;}
.z3 {float:left;width:98%;  background-color:#DDEBFF;padding:1%;}
.z4 {float: left; width: 95%; font-size: 12pt;text-align:justify;}
.z5 {float:left;width:98%; margin-top:30px;font-size:9pt;}
.z6 {float: right; margin-top: 4px; width: 40%; border: 1px #7e5306 solid; color: #322000;  border-radius: 8px; padding: 3%; text-align: center;   background-color: #ffb93e;}
.z7 {width:100%;}
.z8 {float:left;width:50%;}
.z9 {float:left;width:300px; background-color:#efefef; border:1px #555 dotted; padding:3px;}
.z10 {float:left;width:100%;margin-top:10px;;text-align:left;}
.um1 {float:left;width:100%;height:43px;background-color:#eeeeee;}

/*
#RINGSTAB  {float:left;width:100%;}
#RING_MENU {float:left;width:20%;}
#RING_DSC  {float:right;width:74%;}
.z1 {position:relative;width:90%;float:right;margin-right:10px;bottom:50px;}
.z2 {width:70%; float:left;}
.z3 {width:25%; height:500px;margin-left:10px; margin-top:-40px;float:left; background-color:#DDEBFF;padding:10px;}
.um1 {float:left;width:100%;height:43px;background-color:#eeeeee;}
*/
#HL60 {float:left;width:100%;height:80px;background-color:#000000;text-align:center;overflow:hidden;margin-top:50px;margin-bottom:0px;background-image:url(/img/gl.jpg);}
#HL61 {float:left;height:80px;width:100%;overflow:hidden;background-image:url(/img/hl6.jpg);background-position: center center;}
#contmun {float: left;
    position: relative;
    width: 20px;
    height: 17px;
    border-radius: 10px;
    font-size: 8pt;
    color: #ffff00;
    background-color: #51a700;
    text-align: center;
    border: 1px #ffffff solid;
    /* margin-left: -12px; */
    left: 10px;
    top: 16px;
    padding-top: 3px;}
.ppHP {float: left; width: 45%;margin: 1%; margin-top: 20px; border: 1px #2196f3 solid;padding: 1%;}
.ppHP:hover {border:1px #FF0000 solid;box-shadow: 0 0 8px 0px #8d8d8d;}
.WISH_21 {float:left;width:100%;height:200px;}
.ppHP a {text-decoration:none;float: left;width: 80%;padding: 10px;background-color: #FFFFFF;color: #FFFFFF;position: relative;top: 0px;    display: block;}
.ppHP:hover a {text-decoration:none;float: left;width: 80%;padding: 10px;background-color: #FF5722;color: #FFFFFF;position: relative;top: 0px;    display: block;}