/* Imports
----------------------------------------*/
@import url("default.css");

/* Main Elements
----------------------------------------*/
html, body {	height: 100%; }
body
{
  position: relative;
  margin: 0; padding: 0;
  font-family: Arial, sans-serif;
	font-size:12px;
	color:#393939;
  line-height: 160%;
  background: url(../images/bg.jpg);
}

textarea {font-family: Arial, sans-serif;}

a {color:#0580a9; font-size: 12px; }
a:hover {text-decoration: none}

h2 {font-size: 18px; color: #393939; font-family: Georgia, sans-serif; line-height: 25px;}
h1 {font-size: 24px; color: #07769c; font-family: Georgia, sans-serif; margin-bottom: 15px; line-height: 30px}
h3 {}
h4 {}
h5 {}

.msg_error {color:red}

p {}

.lh20 {line-height: 20px}
.p10 {padding: 0 10px}
/* Colors
----------------------------------------*/
.sgray {color:#959595}

/* Content elements
----------------------------------------*/
.simple-content {}
.simple-content h1 {font-size: 18px; color: #393939; font-family: Georgia, sans-serif; line-height: 25px; margin-bottom: 10px}
.simple-content a {}
.simple-content ul {margin-bottom: 10px}
.simple-content ul li {list-style-type: circle; list-style-position: inside; margin-bottom: 5px}
.simple-content p {margin-bottom: 10px}
.simple-content span {}
.simple-content b {font-weight: bold}
.simple-content strong {font-weight: bold}
.simple-content i {font-style: italic}
.simple-content em {font-style: italic}
.simple-content ol {margin-left: 15px}
.simple-content ol li { margin-bottom: 5px}
.simple-content table {margin-bottom: 10px;}
.simple-content table td { padding: 5px 10px 10px 5px; border-bottom: 1px solid #efefef }
.simple-content table th {background: #F7F7F7; border-bottom: 2px solid #EEE; padding: 5px 10px 10px 5px; font-weight: bold}
.simple-content table tr:hover td {background: #f9f9f9}
/* Site styles
----------------------------------------*/

.gsc-input {width: 300px}
.gsc-branding-user-defined {display: none}

#c {width: 960px; margin: 0 auto; }
#c .inner {padding: 30px 0}

#header {height: 80px; padding: 0 13px;}
.logo {float: left; width: 400px;}
.logo a { }
.logo .site-name {float: right; width: 311px; color: #3c3c3c; font-size: 17px}

.right-header {width: 212px; float: right;}
.search {height: 25px; background: url(../images/search.png); position: relative}
.search input {border: 0; margin-left: 15px;width: 155px; position: absolute; left:0; top:3px}
.ihint-help {left: 15px; font-style: italic; color: #dad9d9; font-family: Georgia, sans-serif; top:3px;}
.search span.btn {position: absolute; width: 20px; height: 20px; right:15px; top:2px; cursor: pointer}


.header-phone {font-family: Georgia, sans-serif; font-size: 11px; color:#393939; margin-top: 15px; text-align: end}


#content { margin-top: 25px; margin: 15px -10px; position: relative;}
#content .top {height: 10px; background:  url(../images/content.png) top left;}
#content .bottom {height: 12px; background:  url(../images/content.png) bottom left;}
#content .center { background:  url(../images/content-line.png) repeat-y;}
#content .container { padding: 3px 13px 5px 13px;}

.top-content {background: #f7f7f7; border-bottom: 3px solid #eee; padding: 10px; margin-bottom: 15px}
.top-content .right-box {float: right; width: 630px;}

.left-box {float: left; width: 282px;}

.right-box {float: right; width: 630px; margin-top: 15px}

.cphoto {width: 105px; height: 134px; border: 3px solid #e1e0e0; float: left}
.cinfo {float: left; width: 270px; margin-left: 27px;}
.ctext {font-size: 14px; line-height: 20px;}

.footer {background: #f7f7f7; border-top: 3px solid #eee; padding: 35px 10px; margin-top: 15px}
.footer .left {width: 275px; text-align: center}
.footer .right {width: 630px}

.footer-menu a {margin-right: 30px}

.news-item {padding-bottom: 6px; border-bottom: 1px dotted #e1e0e0; margin-bottom: 20px}
.news-item .date {width: 89px; height: 30px; line-height: 26px; font-size: 12px; color:#646464; font-style: italic; margin-bottom: 6px; text-align: center; background: url(../images/date-bg.jpg); }
.news-item a {text-decoration: none; font-size: 14px; color: #07769c}
.news-item a:hover {text-decoration: underline; }

.left-container {width: 282px; position: absolute; top:0px; left: 22px}

.crambs {float: right; width: 630px;}
.crambs  a {color: #646464; font-size: 11px}

/* Menu
----------------------------------------*/
.menu {background: url(../images/menu-top-bg.png) top left no-repeat; min-height: 450px;  padding: 5px 12px 70px 3px; position: relative;}
.menu .bb {border-bottom: 1px solid #237590;}
.menu .bt {border-top: 1px solid #5dadc8}
.menu .item {height: 35px; line-height: 35px; position: relative; z-index: 4}
.menu .item a {font-size: 18px;  padding-left: 15px;  display: block; height: 35px;  font-family: Georgia, sans-serif; color: #fff; text-decoration: none }
.menu .item a:hover, .menu .active a {background: #c8e3ec; color: #003c51}
.menu-bottom { position: absolute; top:295px; bottom: 0; left:0; width: 282px; z-index: 2; background: url(../images/menu-bg-new.png) bottom left;}

.menu .item-subitems {background: url(../images/menu-subitems.png) repeat-y; padding: 10px 18px 5px 25px; position: relative; z-index: 4}
.menu .item-subitems .item-zas {width: 12px; height: 9px; background: url(../images/menu-active.jpg); position: absolute; top:-9px;}
.menu .item-subitems .pos-fonds {left:85px}
.menu ul {}
.menu ul li {list-style-image: url(../images/li-item.png); margin-bottom: 10px;}
.menu ul li a {color: #ffffff; font-size: 16px; font-family: Georgia, sans-serif; text-decoration: none}

.imenu {margin-bottom: 20px}
.imenu table td {vertical-align: middle}
.imenu table td .icon-1 {width: 94px; height: 87px; background: url(../images/icons.jpg) 0 0;}
.imenu table td .icon-2 {width: 94px; height: 87px; background: url(../images/icons.jpg) 0 -110px;}
.imenu table td .icon-3 {width: 94px; height: 87px; background: url(../images/icons.jpg) 0 -220px;}
.imenu table td.texta {width: 170px; padding-left: 10px}
.imenu table td a { font-size: 14px; font-family: Georgia, sans-serif; color: #4d4d4d; text-decoration: none}


.form-item {margin-bottom: 12px}
.form-item label {font-size: 12px; line-height: 14px; display: block; margin-bottom: 4px}
.form-item input.input-text {width: 610px; padding: 3px 5px;}
.form-item textarea {width: 610px; padding: 3px 5px;}
.form-item .error {background: #FFEBED}
.form-item .slabel {display: inline}

.success {color: green; font-size: 16px}
.error-message {color: red; font-size: 16px; margin-bottom: 15px}

.pub_sections ul {margin-left: 15px}

.q_info {margin-bottom: 10px}
.q_info  .info {font-style: italic }
.q_info .question {font-weight: bold}
.q_info .answer {}


.btn-new {
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #fff;
    border-radius: 10px;
    background-image: linear-gradient(to right, #0F779F 0%, #19B5D9 51%, #003CC5 100%);
    width: 300px;
    height: 60px;
    font-size: 16px;
    border: none;
}

.btn-new:hover {
     background-position: right center;
}