body {margin: 0 0 0 0;padding: 0 0 0 0; color: #000000;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 0px;}

table{border: 3px;align:center}
table td{padding:5px; vertical-align: top;}
table tr{margin: 0 0 0 0;padding: 0 0 0 0;}

img{border: 0;margin: 0 0 0 0;padding: 0 0 0 0;}

ol, ul, li, p{font-size: 12px;}

p.pc {text-align: center; line-height: 1px;}
p.pcb {text-align: center; font-weight: bold;}
p.pci {text-align: center; font-style: italic;}
p.pcbi {text-align: center; font-weight: bold;font-style: italic;}
p.pr {text-align: right;}
p.prb {text-align: right;font-weight: bold;}
p.pri {text-align: right;font-style: italic;}
p.prbi {text-align: right;font-weight: bold;font-style: italic;}

a:link, a:visited, a:active{font-size: 16px;text-decoration: underline;color: #3d6cf2;}
a:hover{font-size: 16px;color: #000000;text-decoration: underline;}

h1{text-transform: uppercase;font-size: 16px; text-align: center; margin: 5px 5px 5px 5px;}
h2{font-size: 14px; text-align: center; margin: 5px 5px 5px 5px;}
h3{font-size: 12px; text-transform: none; text-align: center; margin: 5px 5px 5px 5px;}

/*шапка 1*/
#hmenu{background: #e7f0f7;margin: 0 5% 0 5%; overflow: hidden;border-bottom: 5px solid #999060;border-top: 0px solid #999060;}
#hmenu td{text-align: center; vertical-align: middle;}

/*шапка 2*/
#hd{ height: 35%;margin: 0 5% 0 5%; overflow: hidden; }
#hd td,#hd p {text-align: center; vertical-align: middle;text-transform: uppercase; font-size: 20px; font-weight: bold;}



.gmenu2{background: #89C1A4;margin: 0 5% 0 5%; overflow: hidden;border-bottom: 5px solid #999060;border-top: 0px solid #999060; border-style:ridge}
.gmenu2 h1{text-transform: uppercase;font-size: 95%; text-align: center;background: #caf182;  border: 0px solid #b9bcaf; margin: 5px 5px 5px 5px;}

#cntbl{margin: 0 5% 0 5%;}

/*левый блок*/
#reg1{background: #f5f5f5;width: 180px;margin: 0 0 0 0;font-size: 12px;padding: 1px 10px 0 10px;}
#reg1 h1{font-size: 14px;font-weight: bold;width: 200px;text-align: center;background: #3E825F; border: 0px solid #999060;margin: 10px 0 0 -10px;  padding: 5px 0 5px 0;}
#reg1 h2{font-size: 14px; text-align: center; border: 0px solid #b9bcaf; margin: 5px 5px 5px 5px}

/*информационный блок*/

#way{font-size: 12px;font-weight: normal;text-align: left;line-height: 1em;background: #caf182;border: 0px solid #999060; margin: 10px 0 10px 0; padding: 5px 5px 5px 5px;}

#reg2-g{background: #f5f5f5;border: 0px solid #999060;font-size: 12px;margin: 0 0 0 10px;padding: 1px 10px 0 10px;}

#reg2-g h1{font-size: 14px;font-weight: bold;line-height: normal;background: #caf182; border: 0px solid #999060;text-align: center;margin: 10px 0 0 -10px;  padding: 5px 0 5px 0;}

#reg2{background: #f5f5f5;border: 0px solid #999060;font-size: 12px;margin: 0 0 0 10px;padding: 1px 10px 0 10px;line-height: normal;}

#reg2 h1{font-size: 14px;font-weight: bold;text-align: center;margin: 10px 0 0 -10px;  padding: 5px 0 5px 0;line-height: normal;}


/*------------------------ */
/* Соц. кнопки, html_to_pdf*/
/*------------------------ */


.share-buttons-top {float: right;}
     .share-buttons-top .b-share {padding: 0 !important; }

.b-share a {padding: 3px !important; text-align: center; }
.b-share a:hover {background-color: #288AC8; }


.share-buttons-article {line-height: 24px; }
    .share-buttons-article > div {float:left; }
.share-buttons-article div.share-buttons-description {font-size: 0.8em; margin-right: 0.6em;}
.yashare-auto-init {font-size: 0;}

#html_to_pdf {line-height:24px; display:inline-block; margin-left: 3em; font-size: 0.8em; }
    #html_to_pdf a {display: inline-block; width: 24px; height: 24px; border-radius: 3px; margin: 0 0.5em; float: right; background: darkred url(/sm.aspx?guid=32673) center no-repeat; opacity:0.75; }
     #html_to_pdf a:hover {opacity: 1; }

/*блок новостей*/
#ib h4{font-size: 12px;}
#ib .news{font-size: 12px;}
#ib .nlnk{text-align: left;}

/*банеры*/
#ban{background: #f5f5f5; border: 0px solid #999060;text-align: center;font-size: 12px;margin: 0 0 0 10px;padding: 1px 10px 0 10px;}

/*подвал*/
#pod{background: #f5f5f5;border: 0px solid #999060;text-align: center;font-size: 12px;margin: 0 0 0 10px;padding: 1px 10px 0 10px;}



/*стили для гостевой книги*/
.guestbook_form {overflow: hidden; margin-bottom: 2em; padding-bottom: 1em; border-bottom: dotted 2px #A0CCEC; }

ul.guestbook {   list-style-type: none;}
.guestbook_post {margin-bottom: 1.5em; list-style-type: none;}

.message { }
.answer{ margin-left: 30px;  font-style: oblique;  padding: 1em;  color: #777; }

.site_search {margin: -6px; /* компенсируем padding 6px в стилях Яндекс.Поиска */}

.ya-site-form__input-text {line-height: 24px; border-color: #BEDBF1 !important; border: solid 3px #BEDBF1 !important; box-sizing: border-box; border-right: none !important; padding: 0 4px; height: 30px;}

.ya-site-form__submit {
    display: block;
    background: #BEDBF1 url(sm.aspx?guid=2753) 50% no-repeat;
    text-indent: -9999px;
    width: 30px !important; line-height: 24px;
    margin: 0 !important;
    border: solid 3px #BEDBF1; box-sizing: border-box;
    border-radius: 0 4px 4px 0;
    border-left: none;
height: 30px;
}

.ya-site-form__submit:hover {
    background-color: #E2F3FF;
    cursor: pointer;
}

/* ----------------- */
/*  Формы обращения  */
/* ----------------- */

.form_structure {list-style-type: none; }
.form_structure li {clear: both; display: block; margin-bottom: 1em; width: 100%; float: left; }
.form_structure .info_field {display: block; float: left; width: 220px; margin-right: 10px; }
.form_structure .input_field {display: block; float: left; width: 420px; }
.form_structure input[type="button"] {border: none; font-size: 1em; }

.form_structure input[type="text"], .form_structure textarea, .form_structure select {width: 100%; max-width: 100%; box-sizing: border-box; border: solid 2px #A0CCEC; border-radius: 3px; padding: 0.3em; font-size: 0.8em; }

.form_structure select {cursor: pointer; background: #fff;}


.form_structure input[type="text"]:valid, .form_structure textarea:valid {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1ElEQVQ4T6WT4Q3CIBSEj+B/beIAjtAmDqAjuEGZxFHoKA6gqW7gAE3KAoiBFIIIlCo/gfve8e5B8Ociv+h5P9asqe5auxjAb0NLFDiArt1v2SKAJ7bGu2JARAwF9SgCpMSgq4MBTBfOitKTbY71mBOzphIkuCAUpUcLmRObFPh1EARYe3EaCF6ynrrtjvSbtW1d2W4SnSmkvIQQABt/RmJiNwcJSLayc+CaFXdiogpt+84+YgydzImjo2whgHrmKn89wbfF+3EHQPjdTn26oknM/dg3BfKDm4nsiKYAAAAASUVORK5CYII='); background-position: right 5px center; background-repeat: no-repeat; }

.form_structure input[type="text"]:focus, .form_structure textarea:focus, .form_structure select:focus {border: solid 2px #165686; background-color: #E2F3FF; font-weight: bold; }

.form_structure input[type="text"]:focus:valid, .form_structure textarea:focus:valid {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1klEQVQ4T6WTMRKCMBBF/55AGnqPwBH0CBbMWOo5KLRBj6E9jUfwCHoDe5qUgsU6m3GdkAkQNCWT//L5+5fw56Ff9GleZnVV3EQ7GZDm5YaITsx8rqtiOwmgYnUtkGiALxYIA/coQJ/41bYLC/hc2DHzSsNRm0Nic9kbci8wswGwVMiY2E4hzQ+GCDMnGAsBkEna7pjln8W2vKzfxUEG0NWHEFEyJv72IASJEXeK1AcJ2XbhnTH6kDFxsMoKAeHhBxbam2CRkvVxjmdj3LT7li6qiUMb+wYA3IxQS8gWoAAAAABJRU5ErkJggg=='); }


#pmgimg {float: left; margin-right: 1em; width: 200px; height: 50px; }
#pmgimg img {width: 200px; height: 50px; }
#pmgtext {width: auto; }

#pin_reload {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuZJREFUeNqkU9tLVGEQn3Pb21HX1V1dV0hbL2mBUadwS7qR+FARJXSh3oOgP6GH3noK6rGX7GHtwaKCwCQiiMUoYgsltXDX9dKalz3pupdzvu/cmuOaGQU9dGC+73zfzPxm5jfzMZZlwf98vL0c61u6i5v0F30c5SaKgJLHYLJpGFTXddA17ReAYRgxsCzpQk9IIqSUEc8x8OjVPJw9WtcgZ2kgnVHp7IKSNw2YQPW3nxFYe0G0KKIO9Q/OxhnLhEJOA0IMsCNp1GREgattCXoaTh4I7HLwVg8GC/8GoBESAkPrOtVZI2WWiuBy4p2qoTOFhy9TuXdji+V5hTSvympTzz7/HgaM85ZpVmI5GxlQ2tsYdDVnV4rA8xY8GJyMCw68JwTQKD6bzr54HptRVErD8lKheZvf2YE+hwzkYZ0DSkhXtchXUaLBaEpO4vnt/SfjpRwRhGXZD0hgcDSRkdpDFfX+cp6gzRHUPiuVoKotHAseHetPppZXDV2/htFvo8SVfB5yKyt2loNTqWUH2tSjbRh99qNsZlBQdGtN0631f7OIpQhCFPsRxRLsFscKa2tRjufFgm5VCLBuJ262karq++UcqTAYzhnwizQ9lzmBkQcFpxM25sOWSDDorZRVEzjQiugzubULr2e/ZiZkEKZ82+sVZP8w1rxXxUxQB8d7D0q4R/w7m5rQBubS8nc8D9u6EgClsekvM6OuSjGR5sSpcHfEXV7r60EuJEwVkkUWdp/rlhIKC6bogcTYdAJ9HtvTuA6Ada6q+eJAfGDoo8frTs67vAmzM5Kru3imHMmDLOeAkRwHvioPjESfxmmhMIwlzOeHbpQ4yPVfArambYrsOK18uqe0e1vDZUK40UHqgpY9TKZDADdrwYIJ0H71sjR6p892+6wvjkcZ+zUyDGNf2KwGGLevGgJtIpSFBIauGVDTcQWqW1r/eGby5IT55tb1rQA4e+BBcaMw/3jF9ovTbfp+CDAAIqquPExvnOoAAAAASUVORK5CYII=') 0 50% no-repeat; display: inline-block; padding-left: 20px; margin-bottom: 0.6em;}


.feedback_anno {clear: both; border-top: dotted 2px #A0CCEC; margin-top: 2em; padding-top: 1em; text-align: justify; }


/*----------------*/
/* mini-Framework */
/*----------------*/
.w25 {width: 25%;}    .w30 {width: 30%;}    .w50 {width: 50%;}
.w70 {width: 70%;}    .w75 {width: 75%;}
.op50 {opacity: 0.5; }
.leftimg {margin-right: 0.8em; margin-bottom: 0.8em; }
.rightimg {margin-left: 0.8em; margin-bottom: 0.8em; }

.fleft, .leftimg {float:left;}    .fright, .rightimg {float: right;}
.text-center {text-align: center;}
.v-align-middle {line-height: initial; display: table-cell; vertical-align: middle;}
.clear {clear: both;}
.active {font-weight: bold; }
.no_bg {background-color: transparent !important; }


/* Красивые таблицы в содержании */
.content_box .tbl {margin: 0.5em auto; vertical-align: middle; }
.content_box .tbl thead {background-color: #BEDBF1; border-bottom: solid 2px #165686; }
.content_box .tbl td {border:1px solid #165686; padding: 5px; vertical-align: middle; }
.content_box .tbl tr:nth-of-type(even) {background-color: #E2F3FF;}
.content_box .tbl tr:hover{background:#F7F1C8;}
.content_box .tbl caption {margin-bottom: 5px;}

#scroll_up {display: none; position: fixed; bottom: 30px; right: 40px; min-width: 32px; height: 50px; border-radius: 4px; background: #D1ECFF url(/sm.aspx?guid=18703) 10px 50% no-repeat; line-height: 50px; text-align: center; cursor: pointer; padding: 0 1em 0 55px; opacity: 0.6; }

#scroll_up:hover {opacity: 1; background-color: #fff; box-shadow: 0 0 50px #ccc; }



/*-------------------------------*/
/* Главное меню - горизонтальное */
/*-------------------------------*/

#h_menu {clear: both; width: 100%; text-align: center; line-height: 2.4em; background: #A0CCEC; border-bottom: solid 3px #165686; }
       #h_menu ul {list-style-type: none; display: block; }
       #h_menu ul li {display: inline-block; }
           #h_menu ul li a, #h_menu ul li span {display:block; color: #000; padding: 0 0.8em; text-decoration: none; min-width: 32px; }
           #h_menu ul li a:hover {background-color: #288AC8; color: #fafafa; }

.home-icon {background: url(/sm.aspx?guid=1463) center no-repeat;}
.home-icon:hover, .home-icon-active {background: url(/sm.aspx?guid=1563) center no-repeat;}

.menu_active, .home-icon-active {background-color: #165686; color: #fafafa !important; }


/*---------*/
/* слайдер */
/*---------*/


.cssSlider {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.cssSlider .slides {
	overflow: hidden;
	overflow: hidden;
	width: 100%;
	height: 70vmin;
	margin: 0;
	padding: 0;
	list-style: none;
}
.cssSlider .slides > li {
	width: 100%;
	height: 70vmin;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}
.cssSlider .slides > li > img {
	width: 100%;
	height: auto;
}
/*
.cssSlider .slides > li:first-child:not(:target) {
	z-index: 1;
	-webkit-transform: translateY(0%);
	        transform: translateY(0%);
}
*/
.cssSlider .thumbnails {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
}
.cssSlider .thumbnails > li {
	float: left;
	width: 20%;
}
.cssSlider .thumbnails > li > a {
	display: block;
}
.cssSlider .thumbnails > li > a > img {
	width: 100%;
	height: auto;
}

.cssSlider .slides li:target {
	z-index: 3;
	-webkit-animation: slide 1s 1;
}
.cssSlider .slides li:not(:target) {
	-webkit-animation: hidden 1s 1;
}
@-webkit-keyframes slide {
	0% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
}
@keyframes slide {
	0% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
}
@-webkit-keyframes hidden {
	0% {
		z-index: 2;
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
	100% {
		z-index: 2;
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
	}
}
@keyframes hidden {
	0% {
		z-index: 2;
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
	100% {
		z-index: 2;
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
	}
}