@charset "utf-8";
/* CSS Document */

/*html, body,  span, p,
em, font, img,strong, ol, ul, li, 
form, table, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit; 
	vertical-align: baseline; 
}
*/
body { 
  line-height: normal; 
  color: black; 
  background: url(/themes/standart/img/bg_h.jpg) repeat-x top #fefdfd; 
  font-family:Arial, Helvetica, sans-serif;
  font-size: small;
  margin:0px ;
    }

a { font-size:small; color:#3b6a9d; text-decoration:none; text-transform:none;}
a:hover { font-size:small; color:#3b6a9d; text-decoration: underline; text-transform:none;}


#m {
	margin:10px 0 0 5px;
	padding:0px;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	
}

#m a {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
		}

#m a:hover { 
	color:#CF9;
	text-transform:uppercase;
	text-decoration:none;}

#b {

}
.vers {
	position:absolute;
	right:120px;
	top:0px;
	height:30px;
	line-height:30px;
	padding-left:35px;
	background:url(img/svdiv.png) left center no-repeat;}
	
.vers a {
	font-weight:bold;
	color:#000;}	

.mnews {
	background:url('img/bgl.jpg') repeat-x;}
#gerb {
		background-image:url('img/gerb.png');
		background-repeat:repeat-no;
		width:126px;
		height:140px;
		border:0px solid red;
		position:absolute;
		left:183px;
		top:100px;
		z-index:999;
		}

.ip {
	 	border-left:1px solid #9aa1a6;
	border-right:1px solid #9aa1a6;
	}

.obv  {
	border-bottom:1px solid #9aa1a6;
	border-left:1px solid #9aa1a6;
	border-right:1px solid #9aa1a6;
	}

.obv img{
	margin:10px;}

.obvm  {
	padding-top:20px;
	padding:5px;
	border-bottom:1px solid #9aa1a6;
	border-left:1px solid #9aa1a6;
	border-right:1px solid #9aa1a6;
	}

div#adr {
	font-size:80%;
	margin:5px 10px;
	text-align:justify;
	}

div#b ul  {
	margin:3% 2%;
	padding:0px;
	}

div#b ul li {
	display:block;
	list-style:none;
	padding:3% 0.1em 6px 0.1em;
	border-bottom:1px solid #5b79a3;}

div#b ul li a {
	text-decoration:none;
	text-transform:uppercase;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	padding-bottom:5px;
	}

#lb {
	height:4px;
	background-color:#eff7fc;
	background-image:url(/themes/standart/img/line.png);
	background-repeat: repeat-x;
	background-position:50% 50%;
	border-radius:3px;
	margin:6% 8px 6% 8px;
}

#ln {
	height:4px;
	background-color:#eff7fc;
	background-image:url(/themes/standart/img/line.png);
	background-repeat: repeat-x;
	background-position:50% 50%;
	border-radius:3px;
	margin:20px 2%;
}

#head {
	width:715px;
	height:307px;
	background:url(/themes/standart/img/head.jpg) no-repeat ;
	position:absolute;}

#ugol {
	width:75px;
	height:79px;
	position:absolute;
	top:225px;
	right:11px;
	z-index:999;
}
	
#ugol2 {
	width:75px;
	height:79px;
	position:absolute;
	top:225px;
	left:15px;
	border:0px solid red;
	z-index:999;
}
	

#cent {
	width:164px;
	height:108px;
	border:0px solid red;
	position:absolute;
	top:195px;
	left:253px;
	z-index:50;
}
	
	
#slide {
	width:280px;
	height:108px;
	position:absolute;
	top:195px;
	right:11px;
	z-index:50;}

#slide2 {
	width:250px;
	height:108px;
	position:absolute;
	top:195px;
	left:15px;
	z-index:50;}	
	
#slide img {
	/*display:block;
	width:280px;
	height:106px;
	z-index:20;*/
	}

.foot {
	background:url(/themes/standart/img/bott.jpg) repeat-x;
	border-top:1px solid #666;
	font-size:11px;
	color:#626060;
	padding:0 10px 10px 0;}

#z {
	font-size:85%;
	font-weight:bold;}

.z { font-size:78%;
	font-weight:bold;}

#but {
	background:url(/themes/standart/img/but.jpg) repeat-x bottom;
	height:18px;
	behavior: url(PIE/PIE.htc);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #6593cf;
	font-size:10px;
	margin-top:8px;
	}

div#ps {
}

div#ps ul {
	margin:0px 3%;
	padding:0px;}

div#ps ul li {
	list-style:none;
	display:block;
	background:url(/themes/standart/img/kub.jpg) no-repeat;
	background-position:left center;
	padding-left:15px;
	margin:4px 0;
	}

div#ps ul li a {
	color:#000;
	text-decoration:none;
	text-transform:none;
	font-size:85%;
	font-weight:bold;
	}

div#ps ul li a:hover {
	text-decoration: underline;
	text-transform:none;}

.date {
	font-weight:bold;
	color:#484a50;}

.zagn {
	font-weight:bold;
	color:#182845;
	font-size:90%;}

.txtn {
	font-size:90%;
	text-align:justify;}

a.anews {
	color:#000;
	display:block;
	float:right;
	padding:2px 5px;
	margin-right:2%;
	background:url(/themes/standart/img/chit.jpg) repeat-x;
	border:1px solid #a1c0e8;
	font-size: 80%;
	text-decoration:none;
	text-transform:none;
	}

a.anews:hover {
	color:#000;
	display:block;
	float:right;
	padding:2px 5px;
	margin-right:2%;
	background:url(/themes/standart/img/chit2.jpg) repeat-x;
	border:1px solid #a1c0e8;
	font-size: 80%;
	text-decoration:none;
	text-transform:none;
	}

#l {
	height:2px;
	background:url(/themes/standart/img/bg-line.jpg) repeat-x ;
	margin:0 15px;}

#nav  {
	float:right;
	border:0px solid red;
	}

#nav a {
	display: block;
	padding-right:5px;
	margin:10px 10px 0 0;
	float:right;}


#nav img {
	border:0px;}
	
#map {
margin-right:-80px;
height:224px;
width:261px;
margin-top:50px;	
border:0px solid red;
float:right;
z-index:999;
}

/*----------------вопрос ответ-------------*/
.zad_vopros {
	border:0px solid red;
	padding:4px;
	margin:0px;
	height:25px;
	}

.zapros_otpr{
	font-family:verdana;
	font-size:11px;
	padding:4px 0 0 3px;
	height:16px;
	background-color:#ebebeb;
	color:#296094;
	}
	
.zad_vopros  a {
		padding:4px;
		width:100px;
		display:block;
		color:#fff;
		font-family:verdana;
		font-size:10px;
		font-weight:bold;
		text-decoration:none;
		text-transform:none;
		text-align:center;
		background-color:#0c5a8c;
		float:right;
		behavior: url(PIE/PIE.htc);
		border-radius:3px;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 

		}
	
.zad_vopros  a:hover {
		background-color:#8C220C;
		text-decoration:none;
		text-transform:none;
		}
	
.vopro_vyvod {
	border:0px solid red;
	background:#dde8f7;
	font-family:arial;
	color:#161719;
	padding:3px;
	padding-bottom:5px;
	}

.vopro_vyvod  span {
		color:#102e56;
		border:0px solid red;
		font-family:arial;
		font-size:12px;
		font-weight:bold;
		display:block;
		margin:0px;
		margin-bottom:10px;
		
	}	
	
.vyvod_daty {
		font-family:verdana;
		font-size:11px;
		font-weight:bold;
		color:#275798;
		padding-top:4px;
		padding-left:4px;
		height:16px;
		background-color:#e2e8ed;
		border-bottom:1px  dashed #adbccb;}
		
.vyvod_otvet {
			border:0px solid red;
			background:url(/themes/standart/img/strela.png) no-repeat 2% 0;
			min-height:40px;
			}

			
			
.otvet_text {
				border:1px  dashed #adbccb;
				margin-left:50px;
				min-height:40px;
				background-color:#f2f2f2;
				color:#0e5683;
				padding:3px;
				}

*:first-child+html .vyvod_otvet .otvet_text {
			min-height:40px;}

.mail {
overflow:hidden;
width:144px;
height:18px;
display:block;
background:url(../../images/mail.jpg) -10px 0;
}

/*--------------------------------------------------------------------------*/
td#vert{background:url(../../img/24.gif) repeat-y center center;}
td#vert1{background:url(../../img/28.GIF) repeat-y center center;}
td#vert2{background:url(../../img/29.GIF) repeat-y center center;}
td#vert3{background:url(../../img/30.GIF) repeat-y center center;}

.selt{border:1px solid #cccccc;font-size:11px; background-color:#e6e6e6; padding:3px;}
.ht{border:1px solid #cccccc;font-size:14px; background-color:#e6e6e6; padding:3px; font-weight:bold;}

a.n1 {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #036; text-decoration:none; text-transform:none;}
a.n1:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #036; text-decoration: underline; text-transform:none;}

a.nt {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color: #036; text-decoration:none; text-transform:none;}
a.nt:hover {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color: #036; text-decoration: underline; text-transform:none;}		


ul#podmenu {
	}	

ul#podmenu li {text-indent:14px; background:url(img/bg-str.png) left no-repeat!important; border-bottom-style:dotted!important;}	

a.vlmenu {
	font-size:11px!important;
	font-family:tahoma;
	}	

a.vlmenu:hover {text-decoration:underline!important;}	

.zagol1 { 
	background:url(/themes/standart/img/l.png) repeat-x;}

table.tbls {
	border:1px solid #ccc;}	

table.tbls td{
	border:1px solid #ccc;
	text-align:center;}	

table.tbls td p {
	text-align:center!important;}	
	
a.mlink {
		font-weight:bold;
		font-size:16px;
		text-decoration:underline;
}	

   * {
box-sizing: border-box;
}


.ad {
	    width: 400px;
    height: 60px;
    font-size: 18px;
    font-weight: 700;
    color: white;
    text-shadow: 2px 2px 4px black;
    box-shadow: 1px 1px 2px black;
    background: #32558E;
}

h1,
h2 {
    font-weight: 300;
    margin: 0 0 1rem 0;
}

header {
    padding: 7vh 10vw;
    background: #ffebee;
}
header h1 {
    color: rgba(0,0,0,0.54);
}
.info {
    background: #009688;
    padding: 3vh 10vw;
    color: #d9d9d9;
}
/* Всплывающее окно 
* при загрузке сайта            
*/
/* базовый контейнер, фон затемнения*/
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}
/* модальный блок */
.popup {
    top: 25%;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px 'Tahoma', Arial, sans-serif;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
/* заголовки в модальном блоке */
.popup h2, .popup h3 {
    margin: 0 0 1rem 0;
    font-weight: 600;
    line-height: 1.3;
    color: #16539e;
    text-shadow: 1px 2px 4px #ddd;
}
/* кнопка закрытия */
.close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 131, 119, 0.9);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;

}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/* кнопка закрытия при наведении */
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}
/* изображения в модальном окне */
.popup img {
    width: 100%;
    height: auto;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/* миниатюры изображений */
.pl-left,
.pl-right {
    width: 25%;
    height: auto;
}
/* миниатюры справа */
.pl-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* миниатюры слева */
.pl-left {
    float: left;
    margin: 5px 18px 5px 0;
}
/* анимация при появлении блоков с содержанием */
@-moz-keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 } 
}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
}