/* use-style */
.s-serif{font-family:serif}
.s-cursive{font-family:cursive}
.s-fantasy{font-family:fantasy}
.s-monospace{font-family:monospace}
.s-w-serif-shadow{color:white; text-shadow:#000 0 0 10px; font: bold italic 1em Georgia, 'Times New Roman', Times, serif}
.size7{font-size: 7pt}
.size8{font-size: 8pt}
.size9{font-size: 9pt}
.size10{font-size: 10pt}
.size11{font-size: 11pt}
.size12{font-size: 12pt}
.size13{font-size: 13pt}
.size14{font-size: 14pt}
.size15{font-size: 15pt}
.size16{font-size: 16pt}
/* style */
body{background: #fff url(/Sites/demo/Images/bg.gif); color: #333; font: 9pt sans-serif}
A{text-decoration: none; color: #0061a6}
A:hover{text-decoration:underline}
ul li{padding-left: 5px; font-size: 8pt}
h3, h4{margin: 0.6em 0}
h3{font: 15pt arial, sans-serif}
h4{font: bold 13pt arial, sans-serif}
b, strong{font-weight: bold}
i, cite, em, var, address{font-style: italic}
u, ins{text-decoration: underline}
hr,
.news-line{border-bottom:0}
/* page */
.wrapper-page{min-width:980px; margin: 10px; box-shadow:gray 0 0 10px}
.site-ver{position: absolute; left: 20px;top: 20px;}
.flag-ru,
.flag-en{width: 23px; height: 15px;box-shadow: 0 0 3px #000;}
.flag-ru {background: URL(/Sites/demo/Images/flag_ru.gif) no-repeat;}
.flag-en {background: URL(/Sites/demo/Images/flag_en.gif) no-repeat;margin-top: 5px;}
/* linestyle */
.menuline td{background:#EFEFF0; height:27px}
/* header */
.header{width:100%; height:223px; background: url(/Sites/demo/Images/bg_head.gif)}
.head-left{vertical-align: top; width:316px; float: left}
.head-mid{vertical-align: middle; text-align: center; height:223px; background:url(/Sites/demo/Images/head5.gif) no-repeat; background-position:top right; /* padding-right:23px; */}
.head-mid-title{height:194px}
.head-mid-title img{margin: 8px 3px; height: 115px; /*box-shadow: #000 2px 2px 10px; border-radius: 12px;*/}
.titleheader{padding: 5px 0 0 0; color: #fff; font: bold italic 2em Georgia, 'Times New Roman', Times, serif; text-shadow: #000 2px 2px 10px}
.head-mid-find{height:29px}
.headimgleft,
.headimgright{vertical-align: top; width:368px}
.headtextmid{vertical-align: middle; text-align: center}
.searchbar{width: 320px; background:#438FDC url(/Sites/demo/Images/head_icons.gif); padding: 0 15px 1px 10px; height: 28px; float:right}
.searchbar-link-home,
.searchbar-link-feedback-office,
.searchbar-link-sitemap{float:left}
.searchbar-link-feedback-office{padding: 2px 0 0 0}
.searchbar form#searchform{padding: 0px 0px 0px 10px}
.searchbar input,
.searchbar img{vertical-align: bottom}
.searchbar img{padding: 5px 0 0 10px}
.searchbar input#search{width: 150px; font:8pt  arial, sans-serif; border: 1px solid #09529c; margin: 6px 0 0 50px; padding: 0 10px 0 0}
/* columnstyle */
.leftcolumn,
.middlecolumnfirst,
.middlecolumn,
.rightcolumn,
.cleancolumn{vertical-align: top; background: #fff url(/Sites/demo/Images/bg_cont_top.gif) repeat-x}
.leftcolumn{/* width: 19%; */padding: 20px 1px 5px 5px; min-width: 200px}
.middlecolumnfirst{/* width: 71%; */padding: 27px 10px 20px 10px; width:100%; min-width: 571px; font-size:9pt}
.middlecolumnfirst div#newscontent{padding: 15px 7px 20px 7px}
.middlecolumn{/* width: 71%; */padding: 15px 10px 20px 10px; width:100%; min-width: 571px; font-size:10pt}
.rightcolumn{/* width: 10%; */padding: 20px 5px 5px 0; min-width: 178px}
.cleancolumn{padding: 30px 40px 30px 40px; min-width:980px}
/* blockstyle */
.blockborder{padding:0 3px 15px 0}
.block,
.blocktitle{padding:6px; border-radius:3px; border-right-style: solid; border-bottom-style: solid; border-width: 1.5px}
.block{background: #ebf6fd; box-shadow:1px 1px 3px #e9e9e9; border-color: #E9E9E9}
.blocktitle{color: #FFF; font-weight: bold; font-size: 10pt; box-shadow: 1px 1px 5px #b2babf; border-color: #B2BABF; background:#428FDC url(/Sites/demo/Images/bg_block_title.gif)}
.blockcontent{margin: 10px 0 0 0; padding: 0 0 0 5px; font-size: 9pt}
/*.blockcontent table{width:100%}*/
.blockcontent_secmenu{margin: 0 0.2em; padding: 0}
.links-menu-style{padding:0 0 0 15px; list-style-image: url(/Sites/demo/Images/bullet_gt_blue.gif)}
.links-menu-style li,
.sitemap li{padding:3px 0 3px 3px}
/* contentstyle */
.content{clear:both}
/*.content *{font-size: 9pt}*/
.content td{background:#F7F7F7; border: thin solid #fff; vertical-align: middle; padding: 0 3px 0 3px}
.content p{margin: 0.6em 1em}
.content a{padding:1.5px}
.content a:hover{text-decoration: none; background: #A6DFE8; /*color: #fff;*/}
.content img{margin: 0 5px 0 5px}
.content ol,
.content ul{margin: 1em 0; padding: 0 0 0 20px}
.content ol{list-style-type: decimal}
.content ul{list-style-type: disc}
.content ul ul, ol ul{list-style-type: circle}
.content ul ul ul, ol ul ul{list-style: square}
.menupath{color: #777; font-size: 7pt; text-align:center; clear:both}
.soc-line{float:right; clear:both}
.title-content{clear:both}
.title-content h3{font: 13pt arial; text-transform: uppercase; text-align: center}
.page-nav-l-news{text-align:right}
.page-nav-area{float: right; clear:both}
.pagination{height:40px}
.pagination a,
.pagination span,
.page-nav a,
.pagination a:hover,
.galleryprevcontent div.pagination a:hover,
.page-nav a:hover{background: transparent url(/Sites/demo/Images/bg-page-nav.png) repeat-x 0 0}
.pagination a,
.pagination span,
.page-nav a{display: block; float: left; margin: 2px 1px 0 1px; padding: 0 4px; border: 1px solid #CCC; border-radius: 3px; line-height: 25px; height: 25px; white-space: nowrap; color: #000; text-align: center; cursor: default}
.pagination a,
.pagination span,
.page-nav a{min-width: 20px}
.page-nav a{min-width: 100px}
.pagination a,
.page-nav a{cursor: pointer}
.pagination span.nextprev,
.pagination span.pagenavigator{background: #DDD}
.pagination a:hover,
.galleryprevcontent div.pagination a:hover,
.page-nav a:hover{text-decoration:none; box-shadow: 0 0 5px 0 #A6DFE8; border-color: #A6DFE8; color:#000}
.con-stat{color:#c8c8c8; border-top: 1px solid; clear:both}
/* gallery */
.gallerylist ul li{font-size:10pt}
.galleryprevhead p{font-size:small}
.galleryprevcontent img{box-shadow: gray 0 0 5px; margin: 2px}
.galleryprevcontent a:hover{background: #fff; color: #0061A6; text-decoration: underline}
/* news */
.news-main{padding: 5px 5px 0 5px; display: inline-block; width: 100%}
.news-main-img{float: left; height:105px}
.news-main-img img{margin: 0 25px 0px 0; box-shadow: gray 0 0 5px}
.news-line{border-color: #67A6E4; border-style: solid; border-bottom-width: 0; height: 0; margin-top: 1em; margin-bottom: 1em; width:100%}
.newslastnews{font-size: 7.5pt; padding: 3px}
/* guestbook */
.guestbookmsg span,
.guestbookform td,
.comments tr{font-size:9pt}
/* sitemap */
.sitemap{padding:0 15% 0 15%}
/*.sitemap ul ul ul{list-style: square}
.sitemap ul ul{list-style: circle}*/
.sitemap ul{margin:0.2em}
/* form */
.form-style{margin: 0 auto; padding:1px; /* width: 600px; */line-height: 18px; text-shadow: 0 1px 0 #EEE; background: #F7F7F7; border-radius: 5px; box-shadow: 0 2px 5px gray inset, 0 1px 0 #fff; clear:both}
.form-style ul{list-style:none; padding:5px 5px}
.form-selection{position: relative}
.form-selection li{clear: both; padding: 3px; display: block; /* width: 97%; */position: relative}
.form-selection label{width: 150px !important; float: left; display: inline-block; padding: 3px; white-space: normal}
.form-header-line{background: gray; border-radius: 5px; text-align: center; margin: 0 auto}
.form-header{display: inline-block; color: #fff; text-shadow: 0 0 1px #fff; font: bold 13pt sans-serif}
.form-required{margin-left: 5px; color: #f00}
.form-input,
.form-captcha{display: inline-block; white-space:nowrap}
.form-input textarea{width:97%}
.form-sub-label-container{display: inline-block; margin-right: 5px; white-space: nowrap}
.form-textbox,
.form-textarea,
.form-dropdown,
.form-radio-other-input,
.form-captcha input,
.form-list{border-radius: 5px; box-shadow: 0 2px 3px #CBCBCB inset, 0 1px 0 #fff; background-color: #fff; border: 1px solid #999; padding: 3px 6px}
.form-sub-label{display: block; color: #777; font-size: 10px; padding-left: 3px}
.form-captcha a:hover{background:none; text-decoration:underline}
.form-buttons-wrapper{margin-left: 156px}
.form-submit-button{margin: 0; overflow: visible; width: auto}
/* footer */
.footer td{padding: 10px 10px 10px 25px; background: #4591DD}
.footer-banner{padding: 0 10px 0 0; float: left}
.footer-en-ver,
.footer-copyright{font-size: 9pt; color: #fff}
.footer-en-ver{float: left; text-align: left}
.footer-copyright{float: right; text-align: right}
.footer-copyright a{color:#fff}
.footer-email-adm{font-size: 8pt; clear: both; width: 100%; text-align: center;}
.footer-email-adm a{color:#F0F0F0}
/* other */
td.search_result{font:8pt  arial; color: #333}
h5{font: bolder 11pt arial}
/* minemenu-superfish 1.4.8 */
/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu *{margin:0; padding:0; list-style:none; text-shadow: gray 0px 0px 1px}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{left:0; top:2.8em; /* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul{left:15em; /* match ul width */top:0}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{left:10em; /* match ul width */top:0}
/*** DEMO SKIN ***/
.sf-menu{float:left}
.sf-menu a{padding: .75em 1em; text-decoration:none; font-size: 115%}
.sf-menu a,
.sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/color:#13a}
.sf-menu li{background:#EFEFF0}
.sf-menu li li{background:#EFEFF0; width: 15em}
.sf-menu li li li{background:#EFEFF0; width: 18em}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active{background:#d0e5f5 url(/Sites/demo/Templates/css/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;/*#a6dfe8;*/outline:0; /* color: #E17009; */}
.sf-menu ul li:hover,
.sf-menu ul li.sfHover,
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active{background:#a6dfe8; outline:0; /* color: #E17009; */}
/*** arrows **/
.sf-menu a.sf-with-ul{padding-right: 2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator{position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */width:10px; height:10px; text-indent: -999em; overflow:hidden; background:url('/Sites/demo/Templates/css/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator{  /* give all except IE6 the correct values */top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator{background-position: -10px -100px; /* arrow hovers for modern browsers*/}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator{ background-position:  -10px 0}
.sf-menu ul a > .sf-sub-indicator{ background-position:  0 0}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0; /* arrow hovers for modern browsers*/}
/*** shadows for all but IE6 ***/
.sf-shadow ul,
.sf-shadow ul ul{background:url('/Sites/demo/Templates/css/images/shadow.png') no-repeat bottom right; width:16em; padding:0 5px 9px 0; border-bottom-left-radius: 15px; border-top-right-radius: 20px}
.sf-shadow ul{width:16em}
.sf-shadow ul ul{width:19em}
.sf-shadow ul.sf-shadow-off{background: transparent}
/* secmenu-accordion jqerry-ui */
.secmenu-content-2lvl li:hover,.secmenu-content-2lvl a:hover{background:/*#FFCC9F*/#a6dfe8; text-decoration:none}
.secmenu-content-2lvl li{position:relative}
.secmenu-content-2lvl li ul{display:none; position:absolute; top:-3px; left:139px; width:146px; z-index:99; background:#fff; border: 1px solid #79B7E7; border-radius: 5px}
.secmenu-content-2lvl a,
.secmenu-content-2lvl li:hover ul{display:block}
