html, body { width: 100%; height: 100%; }
html { word-wrap: break-word;  scroll-behavior: smooth; }
body { overflow-y: scroll; scroll-behavior: smooth; }
/**/
#WRAPPER { height: 100%; text-align: center; margin: 0 auto; }
#WRAPPER_C1 { width: 100%; }
#WRAPPER_C2 { height: 100%; width: 100%; vertical-align: middle; }
#WRAPPER_C3 { width: 100%; }
/**/
#WRAPPER2 { width: 100%; height: 100%; }
#WRAPPER2_CL { height: 100%; width: 200px; text-align: right; }
#WRAPPER2_CM { height: 100%; width: 100%; position: relative; }
#WRAPPER2_CR { height: 100%; width: 200px; text-align: left; }
/**/
#WRAPPER3_O { height: 100%; }
#WRAPPER3 { height: 100%; width: 100%; }
#WRAPPER3_CM { width: 100%; }
#WRAPPER3_CM2 { height: 100%; display: table-CELL; vertical-align: top; text-align: center; width: 100%; }
/**/
#WRAPPER_BOTTOM { margin: 0 auto; height: auto; }
#BOTTOM_INNER { margin: 0 auto; }
#BOTTOM_INNER2 { position: relative; padding: 20px 20px 20px 20px; }
/**/
#END_BOTTOM { height: 60px; overflow: hidden; }
/**/
#TOP_O { width: 100%; position: relative; text-align: left; }
#TABLE_LEFT_C { vertical-align: middle; }
#TABLE_LEFT_C2 { height: 100%; }
/**/
#LEFT { padding: 20px 20px 20px 20px; }
#LEFT2 { padding: 20px 20px 20px 20px; }
/**/
#TABLE_RIGHT_C { vertical-align: middle; }
#TABLE_RIGHT_C2 { height: 100%; }
#RIGHT { padding: 20px 20px 20px 20px; }
/**/
#RIGHT_A { position: absolute; z-index: 2; right: 0px; top: 0px; height: 100%; }
#RIGHT_F { float: right; position: relative; z-index: 3; }
/**/
#MAIN_O { position: relative; margin: 0 auto 0 auto; }
#MAIN a { cursor: pointer; text-decoration: none; color: #000; }
#MAIN a:hover { color: #666; }
/**/
#MAIN2 { position: relative; padding: 10px 20px 10px 20px; }
#MAIN2_1 { position: absolute; right: 40px; top: 20px; }
#MAINinfo_O { position: absolute; top: 0px; left: 0px; width: 100%; }
#MAINinfo_O2 { margin: 0 200px 0 0; }
#MAINinfo { position: relative; margin: 0 auto; }
/**/
#BOTTOM_O { position: relative; }
#BOTTOM_1 { position: absolute; bottom: 10px; left: 40px; margin: 0 0 0 40px; padding: 0 0 0 0; }
#BOTTOM_2 { position: absolute; bottom: 10px; right: 40px; margin: 0 40px 0 0; padding: 0 0 0 0; }
#BOTTOM_3 { text-align: center; }
#GO_TOP2 { display: block; padding: 10px 40px 10px 40px; }
#BOTTOM_21 { position: relative; padding: 60px 0 0 0; }
#BOTTOM_22 { position: relative; text-align: center; padding: 20px 0 40px 0; }
#BOTTOM_22 a { text-align: center; width: 160px; background-color: #FFF; display: inline-block; margin: 0 1px; padding: 4px 0; }
#BOTTOM_22 a { -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#BOTTOM_22 img { filter: alpha(opacity = 100); -ms-filter: "alpha(opacity = 100)"; opacity: 1.00; margin: 0 0 -4px 0; }
#BOTTOM_22 img:hover { filter: alpha(opacity = 70); -ms-filter: "alpha(opacity = 70)"; opacity: 0.70; }
#BOTTOM_23 { position: relative; text-align: center; }
/* colors logo */
.LOGO { height: 180px; }
/*.LOGO img {  margin: 0 0 -3px 80px; }*/
/**/
/* ---- links ---- */
/* flags */
.flags { float: left; margin: 0 0 0 40px; }
.flags a { display: inline-block; padding: 15px 5px 15px 5px; }
.flags img { border: 2px solid transparent; margin: 0 0 -4px 0; }
.flag_name { display: inline-block; float: left; margin: 0 0 0 30px; padding: 15px 5px 15px 5px; }
/**/
/* top_right */
.top_right { float: right; margin: 0 40px 0 0; }
.top_right a { display: inline-block; padding: 15px 10px 15px 10px; }
.top_right span { padding: 0 1px 0 0; }
/**/
/* links 2 */
.links_2 { z-index: 10; position: relative; min-height: 36px; text-align: center; margin: 0 20px; padding: 0px 20px 0px 20px; }
.links_2 a { display: inline-block; padding: 0 5px; height: 36px; line-height: 36px; }
.links_2 span { padding: 0 1px 0 0; }
/**/
/* steps */
.steps { margin: 0 0 30px 0; }
.steps a { position: relative; display: block; text-align: left; padding: 0px 10px 10px 20px; }
.steps span { position: absolute; left: 0px; top: 0px; }
/**/
/* links 4 */
/*.links_4 a { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTBGQjQ0NjcyQTRBMTFFNkE2NUZBOENFMDg1NThFMjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTBGQjQ0NjYyQTRBMTFFNkE2NUZBOENFMDg1NThFMjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkIxM0Y0NDEwNjMwMTFFNkE4M0ZGRDFFNTY2OTdDMEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkIxM0Y0NDIwNjMwMTFFNkE4M0ZGRDFFNTY2OTdDMEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Uy9K4AAABLElEQVR42jRQO26DUBAcfgIk/IlsIytIbnKGdEkR5QQRjU+TIgV97pCekjJFaOhocoFIRLYQhZEtY/NxZp+cJ432LW92ZwZtPp/jem6JV13XH6Tp+z5ledM07Vd67Up8NE0ztm17xqqmuq5D0zQV6wvJX0Jc8LHwPM9yXReC1WqF6XSKPM9RFEV7Pp8Dg4R3x3Hux+OxehRSFEUIwxDL5RJpmhqn0+mGlvQnSkIwmUwQBAGqqsIwDNhsNjAMA8Ix/5OwgWVZ4gtJkihkWSahQI8wL5fLJ5s7MX84HLDdbhXkXpalIgpH831/wU0FPVqj0Qj0qxRk8263w36/V2FEumzb9rmu65h1JvJyeMfxeKxY5feUklo8/ND8B+U9JnS5oSRifltz5lsG/wQYAF41lq+U0C+pAAAAAElFTkSuQmCC"); }*/
.links_4 a { display: block; text-align: right; padding: 4px 20px 10px 4px; }
.links_4 a { background-repeat: no-repeat; background-position: right 8px; }
.links_4 a:hover { color: #8ebcc0; }
/**/
.TABLE { margin: 0; padding: 0; display: table; height: 100%; }
.ROW { display: table-ROW; }
.CELL { margin: 0; padding: 0; display: table-CELL; vertical-align: top; }
.C { margin: 0; padding: 0; display: table-CELL; }
.CLEAR { clear: both; }
/**/
/**/
.TOP_LINE { margin: 0 50px; height: 1px; overflow: hidden; width: auto; text-align: left; }
.TOP_LINE_O { height: 1px; overflow: hidden; position: relative; bottom: 0px; }
.BOTTOM_LINE { margin: 0 50px; height: 1px; overflow: hidden; width: auto; text-align: left; }
.BOTTOM_LINE_O { height: 1px; overflow: hidden; position: relative; bottom: 0px; }
/* colors */
#WRAPPER { background-color: #fff; background-color: rgba(255,255,255,0.97); }
#WRAPPER_BOTTOM { background-color: rgba(255,255,255,0.7); }
.TOP_LINE { background-color: #ccc; }
.BOTTOM_LINE { background-color: #ccc; }
.flags a { color: #000; }
.flags a:hover { color: #666; }
.flags #LINK_1 { color: #8ebcc0; }
.flags #LINK_1 img { border-color: #ccc; }
.flag_name { color: #666; }
/* colors top_right */
.top_right a { color: #000; }
.top_right a:hover { color: #666; }
.top_right #LINK_TOP { color: #8ebcc0; }
.top_right span { color: #666; background-color: #ccc; }
/* colors links 2 */
.links_2 { }
.links_2 a { color: #000; }
.links_2 a:hover { color: #666; }
.links_2 #LINK_2 { color: #8ebcc0; }
.links_2 span { color: #666; background-color: #ccc; }
/* colors steps */
.steps a { color: #000; }
.steps a:hover { color: #666; }
.steps span { color: #999; }
#STEPS_END { color: #8ebcc0; }
/* colors links 4 */
.links_4 a { color: #000; }
.links_4 a:hover { color: #666; }
.links_4 #LINK_4 { color: #8ebcc0; }
/**/
#MAIN a { color: #000; }
#MAIN a:hover { color: #8ebcc0; }
#GO_TOP2 { color: #000!important; }
#GO_TOP2:hover { color: #8ebcc0!important; }
/**/
body, #container { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#MAIN { -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
