/*
    default color text #222222;
*/
html{
	font-size: 100%; height:100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	 overflow-y: scroll;
}
img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
a {color: #2c6dc8;}
a:hover{ text-decoration: underline; }
body{ 
	font-family: Verdana, Arial, Helvetica, Garuda, sans-serif;
	font-size: 14px; margin: 0; padding: 0; color: #222222; height:100%; min-height:100%;
}
h1{ font-size: 18px;font-weight: normal;}
h2{ font-size: 16px;font-weight: normal;}
h3{ font-size: 15px;font-weight: normal;}
h4,h5{ font-size: 14px;font-weight: normal;}
.eocontainer{ max-width:1280px; min-width:1255px; width:100%; margin: 0 auto -100px; position:relative; min-height:100%; }
.eofoot{ height:100px; position:absolute; top: 100%; margin: -100px auto 0; max-width:1280px; min-width:1255px; }
.eofoot>div{ width:100%; height:100px; position:relative;}
.mainclear{ height: 100px; clear:both;}
/** .eoheader */
.eocontainer .eoheader { background: #f8f8f8; position:relative; min-height:119px; height:119px;}
.eocontainer .eoheader>div{ position: absolute; top:10px;}

.eocontainer .eoheader .eologo { left: 24px; top:17px;}
.eocontainer .eoheader .eologo img{ width: 186px; height:88px; background: url(/Images/icons.png) -127px 0 no-repeat; border: 1px solid #ffffff; box-shadow: 0 0 3px #dddddd;}

.eocontainer .eoheader .eoslogan{position: absolute; font: 33px Tahoma,Geneva,Kalimati,sans-serif; text-transform: uppercase; left: 245px;}
/*
.eocontainer .eoheader .eoshome{ left:836px; width: 146px; top:0; height: 47px; background: url(/Images/icons.png) -42px 0 no-repeat; color: #ffffff; text-align:center; padding-top: 10px; text-transform:lowercase; font-family: Tahoma,Geneva,Kalimati,sans-serif; cursor:pointer;}

.eocontainer .eoheader .eoshome:hover{ text-shadow:  0 0 3px #ffffff;}

.eocontainer .eoheader .yashare-auto-init { left: 1035px; background: #ffffff; border: 1px solid #dddddd; box-shadow: 0 0 5px #dddddd;}
*/



.eocontainer .eoheader .eomenu{ width: 1008px; max-height:43px; background: url(/Images/eo_back1.png) 0 0 repeat-x; position: absolute; display: block; left: 245px; top:61px; font: 14px Tahoma,Geneva,Kalimati,sans-serif; padding: 12px 5px 0; height:100%;}
.eocontainer .eoheader .eomenu a { color: #ffffff; margin: 0 12px; text-decoration: none;}
.eocontainer .eoheader .eomenu a:hover { text-decoration:underline;}
/** eobody */
.eocontainer .eobody{ padding: 0 0 0 32px;}

/** eobody left >>> */
.eocontainer .eobody .eobleft { width: 980px; display:inline-block;}
.eocontainer .eobody .eobleft>div {margin-top: 27px;}
/** pupular >>> */
.eobleft .popular_menu { border: 1px solid #525266; padding: 0 0 30px 0; }
.eobleft .popular_menu a{ position: relative; padding: 10px 0; width: 140px; display:inline-block; margin: 0 9px;}
.eobleft .popular_menu a span{position:absolute; display:inline-block; width: 140px; left:0; top:130px; text-align:center; color: #424251;}
.eobleft .popular_menu a:hover span {text-decoration:underline;}
/** <<< popular */

/** блок вкладок со списками >>> */
.eocatusl .tabs_header {background: #f8f8f8; border: 1px solid #dddddd; z-index:2; }
.eocatusl .tabs_header a { display:inline-block; padding: 12px 17px; text-decoration:none; color:#404051; font-weight:bold; z-index:3; border-top:0; border-left: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; border-bottom:1px solid #dddddd; position:relative; top: 1px; margin-top:-1px; }
.eocatusl .tabs_header a.cat{ float: right;}
.eocatusl .tabs_header .active{ background: #ffffff; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd;  border-bottom:1px solid #ffffff;}
.eocatusl .tabs_header a:first-child.active {border-left:1px solid #ffffff;}

.eocatusl .tabs_body{  border: 1px solid #dddddd; border-top:0; z-index:1; position:relative;}
.eocatusl .tabs_body>div{display: none; padding: 20px;}
.eocatusl .tabs_body>.active, .eocatusl .tabs_body>.active2{display: block;}

.eocatusl .tabs_body ul { margin: 0; padding: 0; list-style-type: none; width:300px; display: -moz-inline-block; display: inline-block; vertical-align:top}


.eocatusl .tabs_body ul li { padding: 0 10px 0 15px; position:relative; //background: url(/Images/arrow.gif) 0 0 no-repeat; line-height:170%;}
.eocatusl .tabs_body ul li:before{ content: ""; width:10px; background: url(/Images/icons.png) 0 -44px no-repeat; height:10px; position: absolute; top: 5px; left: 0;}
.eocatusl .tabs_body ul li a{ color: #000000; text-decoration:none;}
.eocatusl .tabs_body ul li a:hover {text-decoration: underline;}
/** <<< блок вкладок со списками  */
.eocontainer .eobody .eobleft .eoblfoot{  font-size:12px; font-family: Tahoma,Geneva,Kalimati,sans-serif; overflow:hidden;}
.eocontainer .eobody .eobleft .eoblfoot>div {display: inline-block; width: 308px; vertical-align:top; margin-left: 21px; min-height:100%;}
.eocontainer .eobody .eobleft .eoblfoot>div:first-child {margin-left:0;}
.eoblfoot span,  .eoblfoot .topic{display: block;}
.eoblfoot>div>div{ padding: 0 15px 15px; position:relative; margin-bottom:20px; }

/** .snews >>> */
 .snews {text-align: left; background: #f8f8f8;border: 1px solid #dddddd;  }
.eocontainer .eobody .eobleft .eoblfoot>.onpage{ width: 99%;}
.snews a:hover{text-decoration: underline;}
.snews> div{ position: relative;}
.snews>span{ border-bottom: 1px solid #dddddd; font-size:18px; color: #424251; padding: 15px 15px 0; background: url(/Images/eo_news1.png) right 10px no-repeat; position:relative; min-height: 36px; margin-bottom: 15px;}
.snews>span:after{ background: url(/Images/eo_news1.png) right 0 no-repeat; content: ""; width:3px; right:-3px; top:10px; position:absolute; height: 33px; }

.snews .topic { color: #525266; text-decoration: none; font-weight: bold; margin-bottom: 5px;}
.snews .date { display: inline-block; background: #424251; color: #ffffff; padding: 3px 5px;}
.snews>div>div{ margin: 15px 0 5px; color: #525266;}
/*.eoblfoot .snews>div{ padding: 0 15px 15px; position:relative; margin-bottom:20px; }*/
.eobright .snews>div{ padding-bottom: 0; }
.eobright .snews .topic,.eobright .snews .date {font-size: 11px; font-weight: normal;}
.eobright .snews .date{ display: block; margin-top:3px; background-image: linear-gradient(to right, #dddddd, #F8F8F8 80%); color:#424251;}
.eobright .snews .more{ position: absolute; right: 3px; bottom:2px; color: transparent; font-size:1px; width:0; height:0; border-color:transparent transparent transparent #424251; border-style: solid; border-width: 8px 0 8px 16px; }
.eobright .snews>div:hover .more{ border-left-color: #dd0000; transition: border-color 0.3s linear;}
.eobright .snews>div:hover .date{background-image: linear-gradient(to right, #ffdddd, #F8F8F8 80%); transition: background-image 0.3s linear;}


/** <<< .snews */
/** .sart >>>*/
.eoblfoot .sart { background: #424251; border:1px solid #424251; color: #999999;}
.eoblfoot .sart>span{font-size:18px; color: #ffffff; padding: 15px 15px 0; min-height: 36px; margin-bottom: 15px; background: #383845;}
.eoblfoot .sart>div {margin-bottom: 0}
.eoblfoot .sart .topic{ color: #dddddd; text-decoration: none; font-weight: bold; margin-bottom: 5px;}
.eoblfoot .sart .topic:hover {text-decoration:underline;}
.eoblfoot .sart img {float:left; margin-right:13px;}
/** <<< .sart */
/** .srank >>> */
.srank { border: 1px solid #dddddd; vertical-align:top}
.srank>div{ position: relative; padding: 0 0 15px 0; margin:0; }
.srank>div>span { display: inline-block; min-height:33px; color:#a0a0b1;position:absolute; left: -3px; top: 5px;font-size: 1px; padding: 5px 15px 0 40px;}
.srank>div>ol { margin: 0; padding: 47px 0 0 20px ; font-size: 12px;}
.srank li{ font-size: 18px; }
.srank a {color: #222222;}
.srank a:hover{color:#555555;}

/** .srank .lider >>> */
.srank .lider>span {  background: url(/Images/eo_rank1.png) 0 0 no-repeat; width: 141px; }
.srank {  background: url(/Images/gl/2.png) 98% 47px no-repeat; }
.srank .lider ol{ width: 145px;}
.srank .lider ol>li{ font-size: 14px;padding-bottom: 3px;}
/** <<< .srank .lider */
	
/** .srank .nov >>>*/
.srank .nov>span { background: url(/Images/eo_rank2.png) 0 0 no-repeat; width:85px;}
.srank .nov ol>li{ font-size: 14px;}
/** <<< .srank .nov */
	
/** <<< .srank */

/** <<< eobody left */

/** eobody right >>> */
.eobody .eobright {width:205px; display: inline-block; vertical-align: top; padding-left: 25px;}
.eobody .eobright>div{margin-top: 27px; border:1px solid #dddddd;}
.eobody .eobright>div>span{ border-bottom: 1px solid #dddddd; font-size:18px; color: #424251; padding: 15px 15px 0; min-height: 36px; margin-bottom: 15px; display:block; background: #f8f8f8; }
.eobody .eobright>div>div{ padding: 10px; font-size:12px; position:relative;}
.eobody .eobright .Yandex { border:0;}
/***/
.eobody .eobright .eormenu {  padding: 10px 0; background: #f8f8f8;}
.eobody .eobright .eormenu ul{ margin:0; padding: 0; list-style-type: none; }
.eobody .eobright .eormenu li {  padding: 2px 10px; position:relative;}
.eobody .eobright .eormenu a { font-size:12px; font-weight: bold; text-decoration: none; color: #424251; border-top:1px solid #dddddd; display:block; padding: 8px 0 0; min-height:25px; }
.eobody .eobright .eormenu li:first-child a{border-top:0;}
.eobody .eobright .eormenu a:hover { text-decoration: underline;}
.eobody .eobright .eormenu a:after {position: absolute; width:6px; right: -3px; background: url(/Images/icons.png) 0 -55px no-repeat; content:"."; height:25px; font-size:1px; color: #a0a0b1; top: 5px;}
.eobody .eobright .eormenu a:hover:after{ background-position: -6px -55px;}
/***/
.eobody .eobright .eorregion>div>div>span{ font-weight:bold;}

/***/
.eobody .eobright .eorstat{padding-bottom: 15px;}

/***/
.eorcomm  {adding-top: 50px; position:relative;}
/*.eorcomm>span{ font-size:1px; background: url(/Images/eo_comm.png) 100% 5px no-repeat; border:0; position:absolute; top: 0; right:-3px; width:88px; color: #ffffff;}*/
.eorcomm>div{margin-bottom: 20px;}
.eorcomm>div>div{margin-bottom: 5px;}
.eorcomm>div>div>span{ display: block; font-weight:bold; font-size: x-small;}
.eorcomm>div>div img {float: left; background: url(/Images/icons.png) 0 0 no-repeat; width:42px; height: 42px; margin: 5px 5px 5px 0;}
.eobody .eocontent .eorcomm{ max-width: 300px; position: absolute; top: 5px; right: 5px; padding-top:50px;}
.eobody .eocontent .eorcomm>span {font-size: x-small;}
/***/ 
.more {position:absolute; bottom:-5px;  color: #2c6dc8; text-decoration: none; font-size:12px;}
.eoblfoot .snews>div .more { right:15px; bottom:0;}
.more:hover {text-decoration: underline;}
.more:after{ content:"...";}
/*
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiEJMSfAYQYAABswEobLWNSwAAAABJRU5ErkJggg==) 0 0 repeat; 
*/
.eofootbottom{ position:absolute; bottom:5px; right: 0; font-size:11px; color: #868695;}

.eofootbottom img {vertical-align: bottom;}
.eofootbottom a{ margin-left: 10px;}
.gotop img{ background: url(/Images/icons.png) -14px -44px no-repeat; width: 43px; height:38px;}
.eofootlogo img{ background: url(/Images/icons.png) -43px 0 no-repeat; width: 82px; height: 40px;}

/** profileauth*/
.eocontainer .eoheader .eoshome{ left: 850px; width:400px; }
/*
.eocontainer .eoheader .eoshome a{ margin-left: 25px; font-size: 12px; color: #424251;}
.eocontainer .eoheader .eoshome span{ font-size: 12px; color: #424251; text-decoration:underline; cursor: pointer;}
.eocontainer .eoheader .eoshome input { width: 150px; border-radius: 2px; border:1px solid #999999; margin-right: 10px; padding: 3px;}
*/
.eocontainer .eoheader .eoshome .openidmode{ text-align: right; margin-top: 3px;}
.eocontainer .eoheader .eoshome .openidmode>span{float: left;}

.eocontainer .eoheader .eoshome .openidmode a,
.eoshomeuslugi a {display: inline-block; width: 58px; height:16px; position: relative; background: url(/Images/prov.png) 0 0 no-repeat; text-decoration:none; vertical-align: middle; margin-left: 5px;}
.eocontainer .eoheader .eoshome .openidmode a:hover,
.eoshomeuslugi a:hover { text-decoration: underline;}
.eocontainer .eoheader .eoshome .openidmode a span,
.eoshomeuslugi a span {display: none; color: #424251; position: absolute;  right: 0;top: 32px; text-decoration:none; background: #f0f0f0; border: 1px solid #dddddd; padding: 5px; z-index:3;}
.eocontainer .eoheader .eoshome .openidmode a:hover span,
.eoshomeuslugi a:hover span{display: block;}

.eocontainer .eoheader .eoshome .openidmode .yandex,
.eoshomeuslugi .yandex{ background-position: 0 -22px; }
.eocontainer .eoheader .eoshome .openidmode .mail,
.eoshomeuslugi .mail{ background-position: 0 -42px;}
.eocontainer .eoheader .eoshome .openidmode .google,
.eoshomeuslugi .google{ background-position: 0px 0px;}
.eocontainer .eoheader .eoshome .openidmode .any,
.eoshomeuslugi .any{ background-position: 0px -62px;}
/*
.eocontainer .eoheader .eoshome .loginmode{ display: none;}
*/
.eocontainer .eoheader .eoshome .loginmode input {width: 150px;}
.eocontainer .eoheader .eoshome .loginmode input[type="submit"] {width: auto;}

.eocontainer .eoheader .eoshome .loginmode  div {display: inline-block;}
.eocontainer .eoheader .eoshome .shprofile { background: #dddddd; padding: 5px; }
.eocontainer .eoheader .eoshome .shprofile a {color: #222222; margin-right: 20px;}
.eocontainer .eoheader .eoshome .shprofile a:hover{text-decoration:none;}
.eocontainer .eoheader .eoshome .shprofile .quit{ float: right; margin-right:0;}

/** pager */
.pager { font-size: 14px; }
.pager a{ display: inline-block; margin: 0 2px; color: #333333; text-decoration: none; padding: 3px 5px; border: 1px solid #ffffff;}
.pager a.active{ background: #f8f8f8; border: 1px solid #dddddd;}
.pager a:hover { border: 1px solid #dddddd; background: #eeeeee;}

.pager span{ display: inline-block; font-weight: normal!important; font-size: 14px!important; color: #cccccc!important; margin: 0 2px!important; padding: 3px 5px!important; }

/****/
#authlogin {position:absolute; z-index:1010; background: #f0f0f0; border: 1px solid #dddddd; padding: 0 10px 10px; text-align: right; box-shadow: 1px 1px 3px rgba(0,0,0,0.2)}
#authlogin>div{ margin-bottom: 10px; text-align:right; font-size: 80%;} 
#authlogin>div.authcomm{ font-size: 100%; text-align: left;}
#authlogin input{ margin-bottom: 5px;}
#authlogin input[type="submit"]{ width: auto;}

#ymap.big{height:500px; width:100%; }
#ymap.small{height:300px; width:400px; }
.nav { font-size: 11px; color: #424251;}
.nav a {color:#424251; margin: 0 3px;}
.eocontent{ border: 1px solid #dedede; padding: 20px; position:relative; min-height: 300px;}
.eocontent h1 { margin: 0 0 10px 0; }
/* pmenu */
.eobody .eocontent .pmenu { padding: 10px; clear: both;}
/*.eobody .eocontent .pmenu h4{ padding: 5px; margin: 0; font-weight: bold; background: #f8f8f8;}*/
.eobody .eocontent .pmenu ul{ padding: 0; margin: 0; list-style-type: none; width:100%; overflow: hidden;}

.eobody .eocontent .pmenu li {  padding: 0; position:relative; margin: 0; display: inline-block; float: left;}
.eobody .eocontent .pmenu li:first-child span:after{ content: ":";  font-weight: bold; padding: 5px; font-size: 12px;}
.eobody .eocontent .pmenu a { font-size:12px; color: #424251;  display:block; padding: 5px 10px ; }

.eobody .eocontent .pmenu a.active{background: #dddddd;}
.eobody .eocontent .pmenu a:hover {background-color: #e8e8e8;}
/*
.eobody .eocontent .pmenu li:first-child a{border-top:0;}
.eobody .eocontent .pmenu a:hover { text-decoration: underline;}
.eobody .eocontent .pmenu a:after {position: absolute; width:6px; right: -3px; background: url(/Images/icons.png) 0 -55px no-repeat; content:"."; height:25px; font-size:1px; color: #a0a0b1; top: 5px;}
.eobody .eocontent .pmenu a:hover:after{ background-position: -6px -55px;}
*/
.btedit {display:inline-block; width:20px; height: 20px; vertical-align: middle;background-image: url("/Images/buttons_edit.png"); background-repeat: no-repeat; position:relative;}
.btedit.yellowznak{ background-position: -220px 0;}
.btedit.redznak{ background-position: -241px 0;}
.btedit[title]:hover:before{ content: attr(title); position: absolute; left: -100px; top:20px; width: 200px; background: #dddddd; border: 1px solid #cccccc; padding: 5px; font-size: 10px; font-weight:normal;}
.btedit.enablef{ background-position: -120px 0; width: 40px; }
.btedit.enablet{ background-position: -160px 0; width: 40px; }

/***/
.exform>div{ padding: 15px 0 7px; border-bottom: 1px solid #e8e8e8;}
.exform label{display: inline-block; width:200px;}
.exform>div>div{display: inline-block;}
.exform input,.requirementform textarea { width: 300px;}

/***/
.catitemlist>div{ padding: 5px; background: #f8f8f8; overflow: hidden; margin-bottom: 10px; border: 1px solid #dddddd; text-align:left; position:relative;}
.catitemlist .info {margin-left: 215px; position:relative;}
.catitemlist>div .img {float: left; margin-left: 0; width:200px; height:100px;}
.catitemlist>div h4 { margin: 0; padding: 0 0 5px 0; font-weight: bold;}
.catitemlist .date{ display: inline-block; background: #424251; color: #ffffff; padding: 3px 5px; }
.catitemlist .info a{ color: #2c6dc8; text-decoration: none; font-size:12px;}

/** commentList **/
.commentList  {padding-top: 50px; position:relative; font-size: 13px; overflow:hidden}
.commentList>div{ padding:  0 0 20px 0; overflow:hidden; border: 1px solid #dddddd; margin-bottom: 1px;}
.commentList span.header{ font-weight: bold; margin-right: 10px;}
.commentList>div>div{ padding: 0 10px;}
.commentList .blockheader {  background: #f8f8f8; color: #404051; border-bottom: 1px solid #dddddd; margin-bottom: 5px;}
.commentList .blockheader>div{ display: inline-block; vertical-align: top; padding: 0.5% 1%;}
.commentList .blockheader .cat,
.commentList .blockheader .cat2{ max-width: 68%; width: 100%;}
.commentList .blockheader .cat span{ font-size: 80%;}
.commentList .blockheader .prfl{ max-width: 28%; width: 100%; text-align: right; }
.commentList .blockheader .prfl span {display: block;}
.commentList .blockheader .prfl .date {font-size: 80%;}
.commentList .pager { font-size: 80%; padding: 5px 0; border:0;}
.commentList  .crating{float: right;}


.commentDialog{ display: none; position: fixed; top:0; left: 0; width: 100%; height:100%; z-index:10;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiEJMSfAYQYAABswEobLWNSwAAAABJRU5ErkJggg==) 0 0 repeat;
}
.commentDialog>div{ width: 80%; background: #ffffff; min-height: 80%; margin: 10%;}


#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#modal-container {height:400px; width:60%; max-height: 80%; min-width: 600px; max-width: 600px;color:#bbb; background-color:#ffffff; border:4px solid #424251; padding:12px;}
#modal-container .simplemodal-data {padding:8px;}
#modal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#modal-container a {color:#ddd;}
#modal-container a.modalCloseImg {background:url(/Images/js/simplemodal/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#modal-container h3 {color:#84b8d9;}

/** commentform **/
.commentform>div{ padding: 5px; border: 1px solid #eeeeee;}
.commentform>div:nth-child(odd){ background: #eeeeee;}
.commentform>div span{ display:inline-block; min-width: 150px; width: 100%; max-width: 200px; color: #222222;}
.commentform>div textarea{ display: inline-block; max-width: 350px; width:100%; min-height: 80px;}
.commentform>div>div{display: inline-block;}
.commentform .myrating .jStar{ background-position: 0 100% !important;}

/** .crating **/
.crating,#ymap .crating { position: relative; min-height: 12px;}
.crating b,#ymap .crating b {margin-left: 70px; white-space:nowrap;} 
.crating:after,#ymap .crating:after{ content:""; position: absolute; top:4px; left:0; width: 60px; height: 10px; 
    background: url(/Images/js/jRating/small.png) 0 0 repeat;
}
.crating span, #ymap .crating span{ position: absolute; left: 0; top: 4px; height: 10px; background: #ff7f00;}