html, body{
 height: 100%;
}

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 background-position:0 0;
 background-repeat:no-repeat;
 font-style:inherit;
 margin:0;
 padding:0;
}

/*Старая форма входа в ajax окне*/
#uidLogButton {display:none;} 
#baseLogForm {display: block !important;}
#uidLogButtonAjx {display: none !important;}
#baseLogFormAjx {display: block !important;}
/*Старая форма входа в ajax окне*/

a img, :link img, :visited img {
 border:0 none;
}

ol, ul {
 padding-left: 20px;
} 

q:before, q:after, blockquote:before, blockquote:after {
 content:"";
}

#wrap {
 min-height:90%; 
 position: relative; 
 margin: 0px auto; 
 overflow: hidden;
}

.clean{clear:both}

hr{border:none; background:#c6c6c6; height:1px;}

.l{float:left;}
.r{float:right;}
.clear{clear:both;}
.tariffs td{text-align: center; padding: 5px; vertical-align:top;}
.tariffs tr:hover{background-color: #fbfbfb;}
#ri{text-align: center;}
.hat {background-color: #fbfbfb; font-size: 12px;}
.econom {color: #fff; background-color: #00CC66;}
.economp {color: #fff; background-color: #FF9933;}
.bussines {color: #fff; background-color: #3366FF;}
.vip {color: #fff; background-color: #FF00FF;}
.pack {color: #fff; background-color: #c6c6c6; }
.economh {color: #fff; background-color: #00CC66; font-size: 10px;}
.economph {color: #fff; background-color: #FF9933; font-size: 10px;}
.bussinesh {color: #fff; background-color: #3366FF; font-size: 10px;}
.viph {color: #fff; background-color: #FF00FF; font-size: 10px;}
.packh{color: #fff; background-color: #c6c6c6; font-size: 10px;}

#header{position:relative; height:65px; padding-left:8%; text-align:left; background-color:rgba(255, 255, 255, 0.5); z-index: 2; }
#header img{float:left;}
#header #mmenu{display:block; margin-left:352px; font-family: Georgia; font-size:12px; width: 630px}
.wide #header #mmenu{display:block; margin-left:352px; font-family: Georgia; font-size:16px; width: 850px;}
#header #mmenu li{display:block; height:33px; float:left; margin-bottom:-1px; padding-left:20px;}
#header #mmenu li a{display:block; height:33px; float:left; color: rgb(32, 143, 143);}
#header #mmenu li a span{display:block; height:25px; padding:8px 20px 0; text-align:center; cursor:pointer; margin-bottom:-1px; float:left; white-space:nowrap; text-decoration:underline;}
#header #mmenu li a:hover{text-decoration: none;}
#header #mmenu li a:hover span{ text-decoration:none; color:#3d7489;}
#header #mmenu .i8{padding-left:20px;background-image: url('/imgs/zvjozdochka1.gif'); background-size: 25px; background-repeat: no-repeat; background-position-x: right;}
#header #mmenu .i2{padding-left:20px;}
#header #mmenu .i3{padding-left:20px;}
#header #mmenu .i5{padding-left:0;}
#header h1{color: #fff; text-shadow: 2px 1px #00566f; font-family:Georgia; font-size:35px; font-style:italic; padding: 8px 0 0 250px; font-weight: normal;}

.content{position:relative; padding:5% 5% 0 0; text-align: left; min-height:100%; height:auto !important; height:100%;}
.content a{color:#3366cc;}
.content a:hover{color:#3399ff;}

.content-kontakt {background-image: url(/partimg/contacts.png); background-position: center top; background-size: 400px 150px; padding:40px 2% 0 0; text-align: left; height:100%; vertical-align: top; font-size:14px; font-family: 'Open Sans', Verdana, Arial, Tahoma; line-height:1.65; padding-top: 150px;}
.content-kontakt a{color:#3366cc;}
.content-kontakt a:hover{color:#3399ff;}

.content-first {background-image: url(/partimg/econet.png); background-position: center top; background-size: 400px 150px; padding:40px 2% 0 0; text-align: left; height:100%; vertical-align: top; font-size:14px; font-family: 'Open Sans', Verdana, Arial, Tahoma; line-height:1.65; padding-top: 150px;}
.content-first a{color:#3366cc;}
.content-first a:hover{color:#3399ff;}

.content-about {background-image: url(/partimg/work.jpg); background-position: center top; background-size: 700px 150px; padding:40px 2% 0 0; text-align: left; height:100%; vertical-align: top; font-size:14px; font-family: 'Open Sans', Verdana, Arial, Tahoma; line-height:1.65; padding-top: 150px;}
.content-about a{color:#3366cc;}
.content-about a:hover{color:#3399ff;}

.content-econet {background-image: url(/partimg/about.png); background-position: center top; background-size: 400px 150px; padding:40px 2% 0 0; text-align: left; height:100%; vertical-align: top; font-size:14px; font-family: 'Open Sans', Verdana, Arial, Tahoma; line-height:1.65; padding-top: 150px;}
.content-econet a{color:#3366cc;}
.content-econet a:hover{color:#3399ff;}

.content-inn {
 text-align: left; 
 vertical-align: top; 
 font-size:14px; 
 font-family: 'Open Sans', Verdana, Arial, Tahoma; 
 line-height:1.65; 
 width: 80%;
 margin: 0 auto;
 overflow: hidden;
 margin-top: 110px;
 max-width: 1600px;
}

.content-inn a{color:#008e7c;}
.content-inn a:hover{color:#05b39d;}

.content-inn h3{font-family: 'Open Sans', Verdana, Arial, Tahoma; font-size: 22px;}

.publ-breadcrumbs{
 padding-left: 10px;
}

.left-col{ 
 padding: 0 2% 10px 20px;
 font-family: 'Open Sans', Verdana, Arial, Tahoma;
 vertical-align: top;
 width: 40%;
 float: left;
}

.top-menu{display:flex; align-items: center; }
.footer-menu{display:flex;}

.top-menu ul li a:hover, .footer-menu ul li a:hover{text-decoration:none; border-bottom: 2px solid #09d4ba; color: #000;}
.top-menu ul li .selected, .footer-menu ul li .selected {text-decoration:none; color: #000; border-bottom: 2px solid #09d4ba;}
.top-menu ul li .selected:hover, .footer-menu ul li .selected:hover {text-decoration:none; border-bottom: 2px solid #09d4ba; cursor: default;}

.top-menu ul li{display: inline-block; clear:both; overflow:hidden; padding-right:30px; line-height:28px; }
.top-menu ul li a{color: #008e7c; font-family: 'Open Sans', Verdana, Arial, Tahoma; font-size:16px;}

.footer-menu ul li{clear:both; overflow:hidden; padding-right:30px; line-height:1.5; }
.footer-menu ul li a{color: #7f8281; font-family: 'Open Sans', Verdana, Arial, Tahoma; font-size:14px;}


a.anchor {text-decoration: none; border-bottom: 1px dashed;}
a.anchor:hover {border: none;}

.inner ul li{ display:block; clear:both; overflow:hidden; padding-left:27px; line-height:26px; margin: 5px 5px 10px;}
.inner ul li a{line-height:1.5;}

.right_col .pinf {margin-bottom:30px; line-height:1.65; color: #ff0000; font-size: 10px;}

#panel{position:absolute; right:-355px; z-index:100; width:395px; top: 100px; padding-bottom:25px; background:transparent url(http://ecoukraine.org/i/panel_bottom.png) no-repeat scroll 15px bottom; font:italic 16px Georgia; color:#fff;}
#panel div{background:transparent url(http://ecoukraine.org/i/panel_top.png) no-repeat scroll top;}
#panel div div{position:relative; padding:0 66px 3px 83px; background:transparent url(http://ecoukraine.org/i/panel_middle.png) no-repeat scroll 15px 220px;}
#panel ul{ list-style: decimal outside;}
#panel p{padding-top:20px; line-height:1.23;}
#panel .hide{display:none; position:absolute; margin-left:-72px; top:8px; cursor:pointer;}
#panel .show{position:absolute; margin-left:-75px; top:7px; cursor:pointer;}
#panel a{color: #fff!important;}
#sFltLst {top: 110px!important;}

#panelinn{position:absolute; right:-355px; z-index:100; width:395px; top: 200px; padding-bottom:25px; background:transparent url(http://ecoukraine.org/i/panel_bottom.png) no-repeat scroll 15px bottom; font:italic 16px Georgia; color:#fff;}
#panelinn div{background:transparent url(http://ecoukraine.org/i/panel_top.png) no-repeat scroll top;}
#panelinn div div{position:relative; padding:0 66px 3px 83px; background:transparent url(http://ecoukraine.org/i/panel_middle.png) no-repeat scroll 15px 220px;}
#panelinn ul{ list-style: decimal outside;}
#panelinn p{padding-top:20px; line-height:1.23;}
#panelinn .hide{display:none; position:absolute; margin-left:-72px; top:8px; cursor:pointer;}
#panelinn .show{position:absolute; margin-left:-75px; top:7px; cursor:pointer;}
#panelinn a{color: #fff!important;}

.wide .backg {z-index: -99; position: absolute; width:100%; height:1052px; background:url(../i/theme1700.jpg) 50% 0 no-repeat #fff; min-width: 1280px; }
.backg {z-index: -99; position: absolute; width:1024px; height:770px; background:url(../i/theme1024.jpg) left top no-repeat #fff;}
.wide .map{width:1210px; height:630px;}
.wide .map .city{font-size:14px;}
.wide .map div.active{font-size:18px;}
.map{position:relative; width:1024px; height:370px; margin:0 auto; min-width: 1024px;}
.map .city{position:absolute; font-family:Georgia; font-size:11px; border-bottom:1px dashed #000; cursor:pointer;}
.map .over{border:none; padding-bottom:1px;}
.map div.active{z-index:100; font-size:18px; border:none; padding-bottom:1px;}

.map .popup{position:absolute; display:none; width:401px; margin:-50px 0 0 80%; padding-bottom:25px; background:transparent url(../i/popup_bottom.png) no-repeat scroll bottom; cursor:default; font-family:Verdana;}
.map .popup div{position:relative; padding:25px 0 0; background:transparent url(../i/popup_top.png) no-repeat scroll top;}
.map .popup div div{padding:0 39px; background:transparent url(../i/popup_middle.png) repeat-y scroll;}
.map .popup div div div{padding:10px 0 0; margin:0; background: #fff;}
.map .popup div div div div{padding:0; margin:0; background:none;}
.map .popup .close{position:relative; text-align:right; top:-16px; right:-19px; height:24px; margin-bottom:-24px; font-size:10px; color:#fff;}
.map .popup .close img{margin-left:7px; vertical-align:middle; cursor:pointer;}
.map .popup h4{font-size:24px; margin-bottom:25px; font-weight:normal;}

.map .popup p{font-size:12px; line-height:1.7;}
.map .popup p.info{font-size:14px; line-height:1.3;}
.map .popup p.info span{display:inline; color:#008000;}
.map .popup p.inforec {
 font-size:10px; 
 line-height:1.3;
 border-radius: 10px 10px 10px 10px;
 -moz-border-radius: 10px 10px 10px 10px;
 -webkit-border-radius: 10px 10px 10px 10px;
 border: 3px dashed #000000;
 padding: 5px;
 background: #F5CD2D;
 text-align: justify;
}

.map .popup .buttoninfo {text-align:center; font-size:9px;}
.map .popup p.inforec span{display:inline; color:#ff0000;}
.map .popup .buttons{margin-top:15px}
.map .popup .buttons a{display:block; width:150px; margin-left:10px; background:#e7e7e7 url(../i/but_l.png) no-repeat scroll left; color:#ff0000;}
.map .popup .buttons a span{display:block; height:21px; padding-top:4px; background:transparent url(../i/but_r.png) no-repeat scroll right; text-align:center; font-size:12px;}
.map .popup .buttons a:hover{color:#ffffff; background:#ff0000 url(../i/but_l_over.png) no-repeat scroll left;}
.map .popup .buttons a:hover span{background:transparent url(../i/but_r_over.png) no-repeat scroll right;}
.map .popup .buttons a span.over{padding-bottom:0;}

.map .popup .ibuteco{margin-top:15px}
.map .popup .ibuteco a{display:block; width:150px; margin-left:10px; background:#e7e7e7 url(../i/but_l.png) no-repeat scroll left; color:#008000;}
.map .popup .ibuteco a span{display:block; height:21px; padding-top:4px; background:transparent url(../i/but_r.png) no-repeat scroll right; text-align:center; font-size:11px;}
.map .popup .ibuteco a:hover{color:#ffffff; background:#008000 url(../i/ibut_l_over.png) no-repeat scroll left;}
.map .popup .ibuteco a:hover span{background:transparent url(../i/ibut_r_over.png) no-repeat scroll right;}
.map .popup .ibuteco a span.over{padding-bottom:0;}

.map .popup .classes{line-height:57px;}
.map .popup .classes a{display:block; position:relative; float:right; margin-left:10px; text-align:center; text-decoration:none; font-size:9px;}
.map .popup .classes a span{display:inline; cursor:pointer; color:#fff;}
.map .popup .classes a.noactive span.over{border:none;}
.map .popup .classes a.noactive{font-size:9px; background:none;}
.map .popup .classes a.noactive span{color:#336699; border-bottom:1px dashed #336699;}
.map .popup .classes .class4{background:transparent url(../i/class1.gif) no-repeat scroll center; background-size: 100%;}
.map .popup .classes .class3{background:transparent url(../i/class2.gif) no-repeat scroll center; background-size: 100%;}
.map .popup .classes .class2{background:transparent url(../i/class3.gif) no-repeat scroll center; background-size: 100%;}
.map .popup .classes .class1{background:transparent url(../i/class4.gif) no-repeat scroll center; background-size: 100%;}

/* cityes */
/* #econet{left:272px; top:135px;} */

#bigboard2{width: 120px; height: 123px; left:252px; top:155px; background: url('../i/bigboard2.png'); background-size: cover;}
#bigboard2 img {width: 117px; height: 64px; padding: 2px;}
#bigboard{left:720px; top:-70px;}
#bigboard span > a > img {width: 120px; height: 123px;}

#kabinet{left:715px; top:50px; font-size:12px;}
#allukraine{left:110px; top:407px; font-size:12px; }
#chernigov{left:562px; top:12px;}
#simferopol{left:700px; top:286px;}
#sevastopol{left:585px; top:335px;}
#yalta{left:710px; top:335px;}
#herson{left:650px; top:207px;}
#nikolaev{left:540px; top:170px;}
#zaporozhe{left:725px; top:171px;}
#lugansk{left:865px; top:88px;}
#dnepropetrovsk{left:663px; top:119px;}
#krog{left:628px; top:143px;}
#kirovograd{left:545px; top:120px;}
#kharkov{left:760px; top:70px;}
#sumy{left:645px; top:20px;}
#poltava{left:630px; top:70px;}
#cherkasy{left:520px; top:90px;}
#vinnitsa{left:400px; top:103px;}
#khmelnitskyi{left:333px; top:69px;}
#ternopol{left:262px; top:75px;}
#ivano-frankovsk{left:190px; top:95px;}
#uzhgorod{left:132px; top:104px;}
#lvov{left:200px; top:58px;}
#rovno{left:355px; top:18px;}
#lutsk{left:286px; top:5px;}
#zhitomir{left:407px; top:30px;}
#odessa{left:385px; top:256px;}
#kyev{left:500px; top:45px; font-size:16px;}
#chernovtsy{left:253px; top:117px;}
#donetsk{left:827px; top:135px;}
#mariupol{left:843px; top:185px;}

#kabinet .popup{margin: 10px 0 0 -395px; font-size:12px; }
#allukraine .popup{margin:-335px 0 0 195px; font-size:12px; }
#simferopol .popup{margin:-150px 0 0 -370px;}
#sevastopol .popup{margin:-200px 0 0 60%;}
#yalta .popup{margin:-150px 0 0 -370px;}
#poltava .popup{margin-left:-370px;}
#sumy .popup{margin-left:-370px;}
#kharkov .popup{margin-left:-370px;}
#dnepropetrovsk .popup{margin-left:-370px;}
#krog .popup{margin-left:-370px;}
#herson .popup{margin-left:-340px;}
#zaporozhe .popup{margin-left:-370px;}
#lugansk .popup{margin-left:-370px;}
#donetsk .popup{margin-left:-370px;}
#mariupol .popup{margin-left:-340px;}

/* .wide #econet{left:350px; top:280px;} */
.wide #bigboard2{width: 200px; height: 188px; left:280px; top:280px; background: url('../i/bigboard2.png'); background-size: cover;}
.wide #bigboard2 img {padding: 2px; width: 196px; height: 99px;}

.wide #bigboard{left:910px; top:-45px;}
.wide #bigboard span > a > img {width: 187px; height: 192px;}

.wide #kabinet{left:915px; top:50px; font-size:14px;}
.wide #allukraine{left:111px; top:503px; font-size:18px;}
.wide #chernigov{left:700px; top:100px;}
.wide #simferopol{left:913px; top:461px;}
.wide #sevastopol{left:735px; top:530px;}
.wide #yalta{left:910px; top:525px;}
.wide #herson{left:820px; top:352px;}
.wide #nikolaev{left:675px; top:315px;}
.wide #zaporozhe{left:938px; top:311px;}
.wide #lugansk{left:1110px; top:190px;}
.wide #dnepropetrovsk{left:858px; top:248px;}
.wide #krog{left:818px; top:278px;}
.wide #kirovograd{left:702px; top:244px;}
.wide #kharkov{left:970px; top:168px;}
.wide #sumy{left:835px; top:119px;}
.wide #poltava{left:806px; top:173px;}
.wide #cherkasy{left:680px; top:201px;}
.wide #vinnitsa{left:490px; top:220px;}
.wide #khmelnitskyi{left:400px; top:180px;}
.wide #ternopol{left:310px; top:185px;}
.wide #ivano-frankovsk{left:216px; top:213px;}
.wide #uzhgorod{left:125px; top:229px;}
.wide #lvov{left:230px; top:160px;}
.wide #rovno{left:430px; top:116px;}
.wide #lutsk{left:340px; top:98px;}
.wide #zhitomir{left:510px; top:129px;}
.wide #odessa{left:491px; top:419px;}
.wide #kyev{left:630px; top:150px; font-size:18px;}
.wide #chernovtsy{left:290px; top:245px;}
.wide #donetsk{left:1063px; top:265px;}
.wide #mariupol{left:1090px; top:330px;}

.wide #kabinet .popup{margin: 10px 0 0 -395px; font-size:14px;}
.wide #allukraine .popup{margin:-335px 0 0 195px; font-size:18px;}
.wide #simferopol .popup{margin:-150px 0 0 -370px;}
.wide #sevastopol .popup{margin:-200px 0 0 60%;}
.wide #yalta .popup{margin:-200px 0 0 -370px;}
.wide #poltava .popup{margin-left:-370px;}
.wide #sumy .popup{margin-left:-370px;}
.wide #kharkov .popup{margin-left:-370px;}
.wide #dnepropetrovsk .popup{margin-left:-370px;}
.wide #krog .popup{margin-left:-370px;}
.wide #zaporozhe .popup{margin-left:-370px;}
.wide #lugansk .popup{margin-left:-370px;}
.wide #donetsk .popup{margin-left:-370px;}
.wide #mariupol .popup{margin-left:-370px;}

.topsearch{padding: 20px; float: right;}

.schQuery{float: left;}
.schBtn{float: right; padding: 2px; }
.queryField,.AdvQueryFl{
 padding: 5px 5px 5px 30px;
 width: 230px;
 background: url(../i/seacrh.png) no-repeat #fff;
 background-position: 5px 5px;
 border: 1px solid #c6c6c6;
 margin: 5px;
 border-radius: 5px;
}

.searchSbmFl{
 margin: 5px;
}

ul.menu {
 margin: 0;
 padding: 0;
 font-size:11px;
 
}
ul.menu li {
 display: inline;
 float: left;
 list-style: none;
 
}

ul.menu li ul {
 display: none;
 
}
ul.menu li:hover ul {
 display: inline;
 position: absolute;
 font-color:#effcef!important;
 
}
ul.menu li:hover ul li {
 float: none;
 margin-right: 1px;
 position: relative;
}

/**** ****/

/* Стиль меню для второй строчки */
ul.menurl {
 margin: 0;
 padding: 0;
 font-size:11px;
 position: relative;
 left: 428px; 
}

/**** ****/

a.inmenu {
 display: inline;
 text-decoration: none;
 border-bottom: 1px dashed #3366cc;
 margin-left: 5px; 
 color: #3366cc!important;
}

a.inmenu:hover {
 border: 0;
 color: #3399ff!important;
}
/**** ****/

/* Стиль меню для второй строчки */
ul.menucen {
 margin: 0;
 padding: 0;
 font-size:11px;
 position: relative;
 left: 431px;
}
/**** ****/

.uTable .uTd{font-size: 12px; border: 0px solid #c6c6c6; padding: 5px 5px 5px 20px;}
.uTable tr:hover {background-color: #f5f5f5;}
.uTd {text-align: left!important; }
.uTd > div { display: none; }

.user_avatar{border-radius: 50%; width: 80px; height: 80px;}

.uTopTd {text-align: left!important; padding: 5px 0 5px 20px; background-color: #008e7c; color: #fff;}

/*--ubutton-fix--*/
.myBtnLeft img, .myBtnRight img, .myBtnLeftA img, .myBtnRightA img, .myBtnRight + td input, .myBtnRightA + td input { display: block }
.myBtnCenter, .myBtnCenterA { line-height:19px !important }
.myBtnCont { height:19px; padding-bottom:0 !important }

/* Entries Style */
.eMessage {padding: 15px 0 10px 0; font-size: 1.18em; line-height: 1.4;}
.eMessage p{display: block;
 -webkit-margin-before: 1em;
 -webkit-margin-after: 1em;
 -webkit-margin-start: 0px;
 -webkit-margin-end: 0px;}

.eTitle, .eTitle1, .eTitle2, .eTitle3, .eTitle4, .eTitle5 {
 font-family: 'Open Sans', Verdana, Arial, Tahoma; 
 font-size:20px; 
 padding: 5px 0 0 0;
}

.block-eTitle{
 clear: both; 
 margin: 10px 0; 
}

.block-eTitle .id-entry{
 color: #c6c6c6; 
 float: left; 
 padding: 5px 20px; 
 color: #fff; 
 margin: 5px 10px 5px 0;
}

.block-eTitle .status-color1{background: #F71649; }
.block-eTitle .status-color2{background: #DFA614; }
.block-eTitle .status-color3{background: #449D18; }
.block-eTitle .status-color4{background: #1679F7; }
.block-eTitle .status-color5{background: #828282; }

.block-eTitle .eTitle-border-color1{border-bottom: 3px solid #F71649;}
.block-eTitle .eTitle-border-color2{border-bottom: 3px solid #DFA614;}
.block-eTitle .eTitle-border-color3{border-bottom: 3px solid #449D18;}
.block-eTitle .eTitle-border-color4{border-bottom: 3px solid #1679F7;}
.block-eTitle .eTitle-border-color5{border-bottom: 3px solid #828282;}


/*

.eTitle2:hover::after {
display: inline-block;
content: attr(data-title); 
position: relative;
top: -5px; 
z-index: 1;
background: #DFA614;
font-family: Arial, sans-serif;
font-size: 11px; 
padding: 5px 10px; 
border: 2px solid #333; 
color: #fff;
margin: 6px;
} 

*/

td .eMessage {text-align:justify;padding-bottom:5px;font-family:Verdana,Arial,Sans-Serif;}
.eText {font-size: 1em; text-align:justify;padding-bottom:5px;padding-top:5px;border-top:1px solid #C2C2C2; line-height: 1.4;}
.eText p{padding-top: 10px; text-indent: 1.5em;}
.eText div{padding-top: 10px; text-indent: 1.5em;}
.eText img{margin: 10px!important; border: 1px solid #000!important;}
.eDetails {border:1px solid #D7D7D7;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px;text-align:left;font-size:7pt;background:#FFFFFF;}
.eDetails1 {border:1px solid #D7D7D7;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;background:#FFFFFF;}
.eDetails2 {border:1px solid #D7D7D7;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;background:#FFFFFF;}
.commReg{font-size: 14px; padding: 20px; border: 1px solid #c6c6c6; border-radius: 5px; background-color: #f6f6f6; line-height: 2; }
.adddate{font-weight: normal; line-height: 2; font-size: 14px;}


.eRating {font-size:7pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/971/14.gif') no-repeat 0px 0px;}
/* ------------- */

.infmessage{font-family: verdana!important; font-size: 12px!important; line-height: 1.5!important;}
.searchForm{float: right;}

.loginlink {
 background-position: center left;
 font: 15px 'Open Sans', Verdana, Arial, Tahoma; ;
}

.logoutlink {
 display: inline-block;
 width: 20px;
 height: 20px;
 position: relative;
 top: 3px;
 background: url(/imgs/simple-exit.png) no-repeat;
 background-position: 50% 50%;
}

.catsTableI {font-size: 14px; line-height: 2; padding-left: 8%;}



#lean_overlay {
 position: fixed;
 z-index:100;
 top: 0px;
 left: 0px;
 height:100%;
 width:100%;
 background: #000;
 display: none;
}

#callback {display: none;}

.privatdesc{color: #f6f6f6;}

.catNumData{color: #828282; font-size: 10px;}

.about-us{
 display: flex;
 flex-wrap: wrap;
 width: 100%;
}

.about-us .biografia {font-size: 10pt; font-family: 'Open Sans'; font-style: italic; min-height: 94px;}

.about-us .coordination, .about-us .vacancy{
 display: inline-block;
 padding: 10px;
 border: 1px solid #008e7c;
 font-style: normal;
 margin: 5px 0;
 border-radius: 3px;
}

.about-us .coordination{
 background: #fff;
 color: #008e7c;
}

.about-us .vacancy{
 background: #008e7c;
 color: #fff;
}

.about-us .person-brief{
 width: 100%;
 padding-left: 10px;
}

.about-us .bio-name{
 font-size: 20px;
 font-family: 'Open Sans';
}

.about-us .person-ava{
 border-radius: 50%;
 min-width: 90px; height: 90px;
 margin: 5px;
}

.about-us .person-details {
 overflow:hidden;
 display: flex;
 flex-grow: 1;
 width: 100%;
}

.about-us .vacancy-details, .coordination-details {
 position:relative
};

.about-us .sticky {margin-left:0px !important;}

/* Всплывающая форма входа для uCoz 
------------------------------------------*/ 
#simplemodal-container { 
 width:400px; 
 height:250px; 
 background:#fff; 
} 

/* Тёмный фон при открытии окна*/ 
#simplemodal-overlay { 
 cursor:wait; 
 width: 100%;
 height: 100%;
 position: absolute;
 background: rgba(0, 0, 0, 0.5); 
 display: none;
 z-index: 999;
} 

.basic_content { 
 display: none;
 width: 400px;
 position: fixed;
 z-index: 1000;
 top: 300px;
 left: 40%;
 background: #fff;
 height: 270px;
} 

/* Кнопка закрыть вверху окна */ 
.basic_content #cv_close { 
 float: right;
 cursor: pointer;
} 

.basic_content #cv_close:hover { 
 color: red;
} 

.cv_title { 
 float:left; 
 width:360px; 
 height:27px; 
 background:#f2f2f2; 
 margin-bottom: 10px; 
 padding: 8px 20px 5px 20px; 
 border-bottom: 1px solid #e9e9e9; 
 color:#728696; 
 font-weight:500; 
 font-family: 'Open Sans', Verdana, Arial, Tahoma;
} 

.c_vxod { 
 float:left; 
 width:280px; 
 margin: 10px 60px 0px 60px; 
} 

/* Основа формы входа 
------------------------------------------*/ 
.vxod_error{ 
 float:left; 
 width:100%; 
 color:red; 
 margin-bottom: 10px; 
 text-align:center; 
 font-weight: bold; 
} 

.vxod_name { 
 width:50px; 
 height:15px; 
 background: #15a591; 
 padding: 5px 10px 5px 10px; 
 border: 1px solid #15a591; 
 border-right:none; 
 color:#fff; 
 font-family: 'Open Sans', Verdana, Arial, Tahoma; 
 font-size: 14px;
} 

.vxod_pole { 
 outline:none; 
 color:#666!important; 
 width:187px!important; 
 height:15px!important; 
 text-shadow: 1px 1px 1px #fff!important; 
 background:#f9f9f9!important; 
 border: 1px solid #CAD1DB!important; 
 padding: 5px 10px 5px 10px!important;
 font-family: 'Open Sans', Verdana, Arial, Tahoma;
} 

.vxod_name, 
.vxod_pole { 
 float:left; 
 margin: 0px 0px 10px 0px; 
 font-family: 'Open Sans', Verdana, Arial, Tahoma; 
} 

.vxod_pole:focus { 
 box-shadow:inset 0px 0px 3px #ccc!important; 
 -webkit-box-shadow:inset 0px 0px 3px #ccc!important; 
 -moz-box-shadow:inset 0px 0px 3px #ccc!important; 
} 

.vxod_zapomnit { 
 overflow: hidden;
 float:left; 
 margin-top: 5px; 
 font: 14px 'Open Sans', Verdana, Arial, Tahoma;
} 

.vxod_niz { 
 overflow: hidden;
 float:left; 
 width:100%; 
 color:#CAD1DB; 
 text-align:center; 
 font-weight: bold; 
 padding-top: 5px; 
 margin-top: 10px; 
 border-top: 1px solid #CAD1DB; 
 font: 14px 'Open Sans', Verdana, Arial, Tahoma;
} 

.vxod_niz a{
 color: #008e7c;
}

/* Зелёная кнопка входа 
------------------------------------------*/ 
.vxod_kn{ 
 background: #09a0dc;
 padding: 3px 15px;
 border-bottom: 3px solid #035575;
 float: right;
 overflow: hidden;
 cursor: pointer;
 border-radius: 3px;
}

.vxod_kn input { 
 background: #09a0dc;
 border: 0;
 color: #fff;
 cursor: pointer;
}

.vxod_kn:hover{ 
 background: #2bb4ea;
}

.vxod_kn:hover input{ 
 background: #2bb4ea;
}



.gsc-control-cse {height: 20px!important; padding-top: 5px!important; background-color: transparent!important; border: none!important;}

.reestr-message {font-size: 14px; border: 1px dashed #c6c6c6; border-radius: 10px; padding: 10px!important; text-align: justify; }
.inner-message { border: 1px dashed #c6c6c6; border-radius: 10px; padding: 10px!important; text-align: justify; }
.inner-message-about {border: 1px dashed #c6c6c6; border-radius: 10px; padding: 10px; }
.inner-psevdobtn {float: left; border: 1px dashed #c6c6c6; border-radius: 10px; padding: 5px 15px 5px 0; text-align: center; margin-right: 20px;}
.inner-psevdobtn a {color: #10AC42; padding-top: 5px;}

.add-problem-warning{
 padding: 20px 50px;
 text-align: center;
 background: #fff5e8;
 margin: 10px 0;
}

.inner-frame { border: 1px dashed #c6c6c6; border-radius: 10px; padding: 0px!important; text-align: justify; font-family:}
.adstyleleft {padding-top: 60px;}
.adstyleleft img{border: 1px dashed #c6c6c6;}
.adstyleleft a {font-size: 9px; color: #10AC42;}

.adstyletop {font-family: 'Open Sans', Verdana, Arial, Tahoma;}
.adstyletop img{border: 1px dashed #c6c6c6;}
.adstyletop a {display: block; padding-bottom: 3px; font-family: 'Open Sans', Verdana, Arial, Tahoma;font-size: 9px; color: #10AC42;}

.cAnswer {text-align:left;clear:both; padding: 10px 10px 10px 50px;}
.cMessage {
 text-align:left; 
 padding: 10px; 
 background-color: #EAEAEA; 
 color: #000; 
 padding: 10px; 
 margin: 0 10px 10px 100px;
 position: relative;
}

.cMessage::before {
 content: '';
 position: absolute;
 left: -30px;
 top: 5px;
 border: 10px solid transparent;
 border-right: 20px solid #eaeaea;
}

.cMessage > img{
 width: 600px;
}


.manTd1 {padding: 5px;}
.manHr{display: none;}

#form-add-wrap{
 width: 100%;
}

.cap-form-add{
 width: 100%;
}

.field-form-add{
 width: 100%;
}

/* ВИД КОММЕНТАРИЯ 
===================================================*/ 
.cell_coment { 
 list-style: none; 
 padding: 0px; 
 margin: 0px; 
} 

.cell_coment li { 
 padding-top: 20px;
 position: relative; 
 padding-left: 140px; 
 width: 84%; 
} 

.coment_info { 
 position: relative; 
 text-align:justify; 
 color: #fff; 
 background: #A4D82D; 
 border: 1px solid #C9C9C9; 
 padding: 10px; 
 margin-bottom: 30px; 
 border-radius: 5px;
 box-shadow: 2px 3px 7px #c6c6c6;
} 

.coment_os { 
 overflow: hidden; 
} 

.coment_name, 
.coment_nomer { 
 padding-bottom: 5px; 
} 

.coment_message { 
 width: 100%; 
 border-top: 1px solid #fff; 
 border-bottom: 1px solid #fff; 
 padding: 5px 0px; 
} 

.coment_rating { 
 padding-top: 5px; 
} 

.coment_name, 
.coment_nomer, 
.coment_rating { 
 font:Verdana,Arial,Helvetica, sans-serif; color:#fff; font-style: italic; 
} 

.coment_name span {font-size: 11px;}

.avatar { 
 padding-left: 30px;
 position: absolute; 
 width: 100px; 
 left: 0; 
} 

.avatar img { 
 width: 100px; 
 border: none; 
} 

.tip{ 
 position: absolute; 
 top: 10px; 
 left: -7px; 
 height: 13px; 
 width: 9px; 
 background: url("/i/fon_ugol.png") no-repeat top left; 
} 

.left {float:left;} 
.right {float:right;} 
.clear {clear:left;} 

.coment_rating a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50);} 


/* =================================================*/

.scrollup{
 width:72px;
 height:102px;
 opacity:0.8;
 position:fixed;
 bottom:90px;
 left:30px;
 display:none;
 text-indent:-9999px;
 background: url('/i/balloon.png') no-repeat;
}

#topsearch {width: 400px;}
.koordtable {width: 100%;}
.koordtable th{font-weight: bolder; background-color: #c6c6c6; padding: 10px;}
.koordtable td {font-weight: bolder; padding: 7px; border-top: 2px solid #c6c6c6;}


#finreport td{ padding: 5px; text-align: center;}
#finreport tr:hover{ background-color: #f7f7f7;}
#finreport th{border: 2px solid #fff; font-weight: bold; background-color: #c6c6c6; padding: 5px; text-align: center;}

#load {background: url('/i/load.gif') no-repeat; background-size: contain; width: 170px; height: 170px;}

.reviews {background: url('/i/forum/sofistyka2.png') no-repeat; background-size: contain; padding-left: 30px; display: block; height: 30px; font-style: italic; font-weight: bolder;}
.thread_subscribe {color: #fff!important;}
.replaceTable{border: 1px solid #000; margin-left: auto;margin-right: auto;}


/*Оповещение о личных сообщениях*/
.LsMesTitle {border:0px; border-top:1px solid #fff; border-bottom:1px solid #b7b7b7; background:#0DBFFF url('/userinfo/pers_message/1.png') repeat-x 0 0; font-size:11px; font-family:tahoma; color:#555; font-weight:bold; padding:6px 7px 6px 7px; text-shadow:#fff 0px 1px 0px;} 
span.closeLs {float:right; width:16px; height:16px; background:url('/userinfo/pers_message/2.png') no-repeat 0px 0px; margin:0px; margin-top:-1px; cursor:pointer;} 
span.closeLs:hover {background:url('/userinfo/pers_message/2.png') no-repeat 0px -17px; cursor:pointer;} 
.LsMesWrap {position: fixed; bottom:0px; right:10px; padding:10px;} 
.LsMesWrapp {border:1px solid #bababa; background:url('/userinfo/pers_message/3.png'); padding:4px; margin-bottom:50px;} 
.LsMesWrappp {text-align:left; border:1px solid #b7b7b7; width:300px; background:#fff; padding:0px; text-shadow:0px 1px 0px #fff;} 
/* =======*/

/*Доски обьялений*/
.AdvSubmit,.AdvFilter2,.AdvFilter3,.AdvQuery,.finddoska {float:left;margin-right: 5px;}
.AdvQueryFl {width:160px;}
.AdvFilter2 select,.AdvFilter3 select{padding-top: 5px; padding-bottom: 5px; margin-top: 5px;}
.AdvSubmit input{border: 1px solid #45818E; background: url('http://www.google.com/uds/css/v2/search_box_icon.png') no-repeat 26px #0594B2; filter: none;border-radius: 2px;padding:4px; margin-top: 5px; text-indent:-999px; width:69px; }
.finddoska{margin-top: 8px;}
.vakan_zp {background:#89C403; border:2px solid #649B04;border-radius: 5px;color:#fff;padding:5px 11px;float:left;font-weight:bold;font-size:16px;margin: 5px 10px 5px 0px;}
.rezume_zp {background:#0594B2; border:2px solid #45818E;border-radius: 5px;color:#fff;padding:5px 11px;float:left;font-weight:bold;font-size:16px;margin: 5px 10px 5px 0px;}
.rezume_zp span,.vakan_zp span{position:relative;top:2px;margin-top:2px;}
.summa_r{background:#0587B2;border-radius: 5px;padding:2px 11px;float:right;margin-left: 11px;}
.summa_v{background:#77A809;border-radius: 5px;padding:2px 11px;float:right;margin-left: 11px;}
.photo-board {background: url('http://ecoukraine.org/i/placeforfoto.gif'); width:300px; padding: 5px;}
.photo-board img {box-shadow: 2px 2px 3px #c6c6c6;}
.categories{background:#649B04; color:#fff; border-radius:3px;padding:5px;font-size:17px;text-decoration:none;}
.catka{font-size:17px;font-weight: bold;}
/* =======*/

/*Файлы*/
.uMenuRoot > li {float: left; margin-left:20px; font-size: 14px; list-style: none; }
.uMenuRoot {float:left}
#uMenuDiv2 a.uMenuItemA, #uMenuDiv2 .uMenuItemA span {background: #649B04; padding: 0px 3px 0px 3px;height: 25px; border-radius:3px; margin-left:2px; }

.format a{background: transparent url(icons.png) no-repeat; background-position: 0 0; margin: 2px; display: block;width: 81px;}
.format a[href $='.pdf'] {padding-left: 18px; height:93px; background: url('/images/files/doc-icons.png') no-repeat scroll 65% 26% transparent;}
.format a[href $='.doc'] {padding-left: 18px; height:93px; background: url('/images/files/doc-icons.png') no-repeat scroll 65% 0% transparent;}
.format a[href $='.docx'] {padding-left: 18px; height:93px; background: url('/images/files/doc-icons.png') no-repeat scroll 65% 0% transparent;}
.format a[href $='.xls'] {padding-left: 18px; height:93px; background: url('/images/files/doc-icons.png') no-repeat scroll 65% 76% transparent;}
.format a[href $='.xlsx'] {padding-left: 18px; height:93px; background: url('/images/files/doc-icons.png') no-repeat scroll 65% 76% transparent;}
.format a[href $='.zip'] {padding-left: 18px; height:93px; background: url('/images/files/doc-icons.png') no-repeat scroll 65% 101% transparent;}
.format a[href $='.rar'] {padding-left: 18px; height:93px; background: url('/images/files/doc-icons.png') no-repeat scroll 65% 101% transparent;}
.format a[href $='.ppt'] {padding-left: 18px; height:93px; background: url('/images/files/doc-icons.png') no-repeat scroll 65% 52% transparent;}
.format a[href $='.pptx'] {padding-left: 18px; height:93px; background: url('/images/files/doc-icons.png') no-repeat scroll 65% 52% transparent;}
/* =======*/

/*Каталог підприємств категорії*/
.catName{font-size:15px;}
.catName:hover,.catNameActive{
 text-decoration: none;
 font-size:15px;
}
.contact_p{background:#f7f7f7;padding:5px;}
/* =======*/



/*Блог*/
.blogMessage {background:#FFFFFF; line-height: 1.5; text-align:left; clear:both; font-size: 10pt; padding-top: 10px;}
.catsblog {padding: 1px; border-radius: 16px 16px 0 0 ; color:#fff; 
 background: #6a9ae1; 
 background: -moz-linear-gradient(top, #6a9ae1 0%, #225aae 100%); 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a9ae1), color-stop(100%,#225aae));
 background: -webkit-linear-gradient(top, #6a9ae1 0%,#225aae 100%);
 background: -o-linear-gradient(top, #6a9ae1 0%,#225aae 100%);
 background: -ms-linear-gradient(top, #6a9ae1 0%,#225aae 100%);
 background: linear-gradient(to bottom, #6a9ae1 0%,#225aae 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a9ae1', endColorstr='#225aae',GradientType=0 ); /* IE6-9 */}
.catsblog-green {padding: 1px; border-radius: 0 0 16px 16px; color:#fff; 
 background: #006600;
 background: -moz-linear-gradient(top, #006600 0%, #339933 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006600), color-stop(100%,#339933));
 background: -webkit-linear-gradient(top, #006600 0%,#339933 100%);
 background: -o-linear-gradient(top, #006600 0%,#339933 100%);
 background: -ms-linear-gradient(top, #006600 0%,#339933 100%);
 background: linear-gradient(to bottom, #006600 0%,#339933 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006600', endColorstr='#339933',GradientType=0 ); /* IE6-9 */}
.catsblog a, .catsblog .catNumData{color:#fff;}
/*====*/

#txt{ width: 90%;
 font-size: 7pt;
 text-align: left;
 line-height: 2;
 font-weight: bold;
 border: 0px solid #CDC0C0;
 background: #fff;
 color: #fff;}

#txt td{ padding: 5px;}
#txt .first{background: #1D6D9E;}
#txt .second{background: #006633;}
#txt .third{background: #FF3333;}

#allnews {
 position: absolute;
 padding: 20px;
 font-family: Georgia, Tahoma, Arial, sans-serif;
 font-size: 25pt;
 border-radius: 20px;
 right: 60px;
 top: 30px;
 background: rgba(255, 255, 255, 0.6);
 text-shadow: rgb(113, 113, 113) 1px 1px 4px;
 color: white;
}

.pollBlock {font-size: 12pt; font-family: Georgia!important;}
.pollBlock .pollQue {font-size: 12pt!important;}
.pollBlock .pollAns {font-size: 12pt; padding-left: 25px;}


body {
 font-family:verdana;
 font-size:15px;
} 

.link { text-decoration:underline}
.link:hover { text-decoration:none} 

#mask {
 position: absolute;
 left: 0;
 top: 0;
 z-index: 980;
 background: rgba(255, 255, 255, 0.95);
 display: none; 
 width: 100%;
 height: 100%;
 
}

#boxes .window {
 position:fixed;
 left:0;
 top:0px;
 -top: 40px;
 width:600px;
 height:450px;
 display:none;
 z-index:9999;
 padding: 20px;
 overflow: hidden;
} 

#boxes #dialog {
 width:600px; 
 height:450px;
 padding:40px;
 background-color:#ffffff;
 font-family: 'Open Sans', Arial, Verdana, Tahoma;
 font-size: 16px;
} 

.top {
 position:absolute;
 left:0;
 top:0;
 width:600px;
 height:30px;
 background: #0085cc;
 padding: 8px 20px 6px 10px;
 font-size: 16pt;
 
}

.contentrules {
 padding-top: 35px;
}

.podskazka{
 display: inline;
 position: relative;
 сolor: #000000!important;
}

.podskazka:hover:after{
 font-family: 'Open Sans', Verdana, Arial, Tahoma;
 font-size: 9pt;
 background: #333;
 background: rgba(18,121,108,.8);
 border-radius: 5px;
 bottom: 26px;
 color: #fff;
 content: attr(title);
 left: 20%;
 padding: 5px 15px;
 position: absolute;
 z-index: 98;
 width: 200px;
}

.podskazka:hover:before{ /* Добавляем стрелочку внизу блока всплывающей подсказки */
 border: solid;
 border-color: #12796C transparent;
 border-width: 6px 6px 0 6px;
 bottom: 20px;
 content: "";
 left: 50%;
 position: absolute;
 z-index: 99;
}

.podskazka2{
 display: inline;
 position: relative;
 сolor: #000000!important;
}

.podskazka2:hover:after{
 font-family: 'Open Sans', Verdana, Arial, Tahoma;
 font-size: 9pt;
 background: #333;
 background: rgba(18,121,108,.8);
 border-radius: 5px;
 top: 46px;
 color: #fff;
 content: attr(title);
 left: 20%;
 padding: 5px 15px;
 position: absolute;
 z-index: 98;
 width: 200px;
}

.podskazka2:hover:before{ /* Добавляем стрелочку внизу блока всплывающей подсказки */
 border: solid;
 border-color: #12796C transparent;
 border-width: 0 6px 6px 6px;
 top: 40px;
 content: "";
 left: 35%;
 position: absolute;
 z-index: 99;
}

/* Делаем градиент на картинках в екореестре в зависимости от статуса решеняи проблемы */
.block-problem{
 height: 150px;
 position: relative;
}

.problem-img{
 position: absolute;
 color: #fff;
 font: 14px 'Open Sans', Arial, Verdana;
 font-weight: 500;
 padding: 10px 0;
 bottom: 0;
 width: 100%;
 text-align: center;
}


.problem-img-status1{
 background: #F71649;
} 

.problem-img-status2{
 background: #DFA614;
} 

.problem-img-status3{
 background: #449D18;
} 

.problem-img-status4{
 background: #1679F7;
} 

.problem-img-status5{
 background: #828282;
} 

.problem-bg-mess{
 background: rgba(255, 255, 255, 0.9); 
 height: 150px;
}

.problem-bg-mess:hover{
 background: rgba(33, 33, 33, 0.5);
 color: #fff;
 cursor: pointer;
}

.problem-bg-mess:hover div.eMessage{
 color: #fff;
 cursor: pointer;
}



.problem-info {
 color: #000;
}

.problem-info a{
 font: 18px Verdana, Arial, 'Open Sans';
 color:#3399ff;
}

.problem-info div.eMessage {
 padding: 15px; 
 font-size: 17px; 
 line-height: 1.4;
 overflow: hidden;
}

.top-panel{
 position: fixed;
 width: 100%;
 background: #fff;
 z-index: 999;
 display: flex;
 box-shadow: 0 3px 17px #a5a5a5;
 top: 0;
}

.top-panel-in{
 display: flex;
 width: 80%;
 margin: 0 auto;
 align-items: stretch;
 justify-content: space-between;
 max-width: 1600px;
}


.top-block-logo{
 display: flex;
 padding: 10px;
 overflow: hidden;
}

.top-block-login{
 display: flex;
 align-items: center;
 background: #f0f0f0;
 padding: 0 15px;
}
.top-block-login a{
 color: #05b39d;
 font-family: 'Open Sans', Verdana, Arial, Tahoma;
}

.top-block-search{
 /* display: flex; */
 align-items: center;
 overflow: hidden;
 float: right;
}

.add-problem-btn{
 display: flex;
 align-items: center;
}

.green-btn a{
 padding: 15px;
 border-radius: 5px;
 background: #008e7c;
 color: #fff;
 font: 16px Verdana;
 text-decoration: none;
 border-bottom: 4px solid #006756;
}

.green-btn a:hover{
 background: #02a792;
 color: #fff;
 border-bottom: 4px solid #006756;
}

.green-btn a:active{
 margin-top: 2px;
 border-bottom: 2px solid #006756;
}

.top-google-map{
 box-shadow: 0 4px 10px 2px #b5b5b5;
 position: absolute;
 z-index: 990;
 width: 100%;
 padding-bottom: 5px;
}

.blue-btn a{
 padding: 15px;
 border-radius: 5px;
 background: #007092;
 color: #fff;
 font: 16px Verdana;
 text-decoration: none;
 border-bottom: 4px solid #01475d;
}

.blue-btn a:hover{
 background: #038cb5;
 color: #fff;
}

.top-google-mapo-bg{
 position: absolute;
 background: url(/i/bg-google-map.gif) repeat-x;
 width: 100%;
 bottom: 0;
 height: 9px;
}

.map-ruchka{
 background: url(/imgs/google-map-ruchka2.png) no-repeat;
 width: 28px; height: 56px;
 margin: 0 auto;
 cursor: pointer;
 padding-right: 10px;
}

.show-map{
 position: relative;
 width: 120px;
 top: 20px;
 left: 34px;
 padding: 10px;
 text-align: center;
 border-radius: 5px;
 background: #009273;
 box-shadow: 1px 1px 5px 1px #999;
 font-family: 'Open Sans', Verdana, Arial, Tahoma;
}

.show-map a{
 color: #fff;
 font: 14px 'Open Sans', Verdana, Arial, Tahoma;
}

.utopinfo {
 font-family: 'Open Sans', Verdana, Arial, Tahoma; 
 font-size: 12pt; 
 margin: 0 15px 0 15px; 
 padding: 10px; 
 position: relative;
}

.utopinfomain {
 font-family: 'Open Sans', Verdana, Arial, Tahoma;
 font-size: 12pt; 
 margin: 0 15px 0 15px; 
 padding: 10px; 
 position: relative;
}

.wysibb-texarea{
 width: 100%;
}

.index-main-table{
 border-collapse: collapse; 
 margin-top: 200px;
}

.main-table{
 border-collapse: collapse; 
 margin-top: 130px;
}

.block-form-cities, .block-img-cities{
 float: left;
}

.block-form-cities select{
 font-size: 11pt;
 margin: 6px;
 padding: 3px;
 width: 220px;
}

.top-acc-avatar{
 border-radius: 50%;
 width: 35px;
 height: 35px;
 display: inline-block;
 float: left;
 margin: -3px 5px;
 border: 3px solid #ffffff;
}

.new-pm{
 background: #f00;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 position: absolute;
 top: 35px;
 left: 15px;
 text-align: center;
}

.new-pm a{
 text-decoration: none;
 font-size: 11px;
 color: #fff;
 font-family: arial;
 position: relative;
 font-family: 'Open Sans';
 font-weight: 700;
}

/* === Контакти === */

.wrap-contact{
 display: flex;
 flex-wrap: wrap;
 width: 80%;
 margin: 0 auto;
}

.wrap-contact .contact-block{
 width: 40%;
 margin: 20px;
}

.wrap-contact .contact-block .green-btn{
 margin: 25px 0;
}

.wrap-contact h4{
 margin-bottom:5px;
}

/* =//= */
.uf-reg-wrap{
 width: 60%;
 margin: 0 auto;
}

.uf-soc-icons{
 padding-top: 20px!important;
}

.cat-info-block{
 padding: 20px; 
 border-radius: 5px; 
 background: #dcf7f3; 
 margin: 15px 0; 
 overflow: hidden;
}

.reg-progress-cap{
 text-align: center;
 padding: 15px;
 font-size: 20px;
 border-top: 5px solid #c5c5c5;
 border-bottom: 2px solid #c5c5c5;
 margin-top: 20px;
 background: #006756;
 color: #fff;
}