﻿body {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #3da902;
	margin: 0;
	padding: 0;
	background: url(/templates/template13/images/009.png);
}
.lc__menu__list {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.header {
	font-family: 'Lobster', cursive;
	width: 100%;
	height: 200px;
	background: url(/templates/template13/images/header.jpg) no-repeat;
	position: relative;
}
.panel_menu{
	background-color:#CEE52B;
	background: url(/templates/template13/images/panel_menu.jpg);
	font-size:14pt;
	height:40px;
	color:#FFFACD;
	font-weight:bold;
}

.panel_menu_text{
	padding-top:5px;
	padding-left:270px;
}

.menu_top{
	list-style-type: none;
}
.menu_top li a{
	color: #FFFF00;
}
.menu_top li a:hover{
	color:#D2B48C;
}

.fist_name {
	font-family: 'Lobster', cursive;
	position: absolute;
    top: 21px;
    right: 284px;
    line-height: 1.6;
    color: #05369F;
}
.second_name {
	font-family: 'Lobster', cursive;
    position: absolute;
    top: 11px;
    left: 25px;
    color: #C33A5A;
}
.sity_name {
	font-family: 'Lobster', cursive;
    position: absolute;
    top: 45px;
    right: 154px;
    color: #528037;
}
.main_content {
	font-size: 14px;
	margin-bottom: 70px;
	font-size: 0;
}
.left_column {
	width: 250px;
	display: inline-block;
	margin: 35px 0px;
	font-size: 15px;
}
.left_columl__menu {
	width: 100%;
	background-color: #FAFF99;
	border-radius: 0 0 10px 10px;
	margin-top: -35px;
}
.lc__menu__header {
	text-align: center;
	padding: 10px 30px;
	background: rgb(0, 255, 127);
	background: -webkit-linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
	background: -o-linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
	background: -ms-linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
	background: linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
	color: #B218D9;
	letter-spacing: 1px;
	font-size: 15px;
	position: relative;
}
.lc__menu__header:after {
	position: absolute;
    content: '';
    width: 1px;
    background-color: #37A10D;
    display: block;
    top: 1px;
    bottom: 1px;
    margin: auto;
    right: 0;
}
.lc__menu__item {
	list-style-type: none;
	position: relative;
}
.lc__menu__link {
	text-decoration: none;
	padding: 8px 15px;
	display: block;
	text-align: center;

}
.lc__menu__link:hover {	
	border-radius: 10px;
	
	padding: 8px 15px;
}

.lc__menu__item {
	border: 2px solid #FAFF99;
	border-radius: 10px;
}
.lc__menu__item:hover {
	border: 2px solid #DCBF87;
}

/*стили для меню второго уровня*/
.lc__submenu__item {
	list-style-type: none;
	padding: 3px;
}
.lc__submenu__list {
    background-color: #EDFF6E;
    text-align: center;
    width: 200px;
    position: absolute;
    top: 15px;
    left: 105%;
    border-radius: 0 7px 43px 7px;
    padding: 17px 0;
    display: none;
	z-index: 10;
}
.lc__submenu__list:before {
    content: '';
    border: 7px solid transparent;
    border-top: 7px solid #EDFF6E;
    border-right: 7px solid #EDFF6E;
    position: absolute;
    left: -13px;
    top: 0px;
}
.lc__submenu__list:after {
    content: '';
    width: 217px;
    height: 31px;
    position: absolute;
    top: -8px;
    left: -30px;
    z-index: 0;
 }
.lc__menu__item:hover>.lc__submenu__list {
	display: block;
}

.c1:hover {
	background: rgb(204, 255, 0);
	background: -webkit-linear-gradient(0deg, rgb(204, 255, 0) 0%, rgb(153, 255, 0) 90%);
	background: -o-linear-gradient(0deg, rgb(204, 255, 0) 0%, rgb(153, 255, 0) 90%);
	background: -ms-linear-gradient(0deg, rgb(204, 255, 0) 0%, rgb(153, 255, 0) 90%);
	background: linear-gradient(0deg, rgb(204, 255, 0) 0%, rgb(153, 255, 0) 90%);
}
.c2:hover {
	background: rgb(255, 255, 0);
	background: -webkit-linear-gradient(0deg, rgb(255, 255, 0) 0%, rgb(204, 255, 0) 90%);
	background: -o-linear-gradient(0deg, rgb(255, 255, 0) 0%, rgb(204, 255, 0) 90%);
	background: -ms-linear-gradient(0deg, rgb(255, 255, 0) 0%, rgb(204, 255, 0) 90%);
	background: linear-gradient(0deg, rgb(255, 255, 0) 0%, rgb(204, 255, 0) 90%);
}
.c3:hover {
	background: rgb(255, 204, 0);
	background: -webkit-linear-gradient(0deg, rgb(255, 204, 0) 0%, rgb(255, 255, 0) 90%);
	background: -o-linear-gradient(0deg, rgb(255, 204, 0) 0%, rgb(255, 255, 0) 90%);
	background: -ms-linear-gradient(0deg, rgb(255, 204, 0) 0%, rgb(255, 255, 0) 90%);
	background: linear-gradient(0deg, rgb(255, 204, 0) 0%, rgb(255, 255, 0) 90%);
}
.c4:hover {
	background: rgb(255, 153, 0);
	background: -webkit-linear-gradient(0deg, rgb(255, 153, 0) 0%, rgb(255, 204, 0) 90%);
	background: -o-linear-gradient(0deg, rgb(255, 153, 0) 0%, rgb(255, 204, 0) 90%);
	background: -ms-linear-gradient(0deg, rgb(255, 153, 0) 0%, rgb(255, 204, 0) 90%);
	background: linear-gradient(0deg, rgb(255, 153, 0) 0%, rgb(255, 204, 0) 90%);
}
.c5:hover {
	background: rgb(255, 102, 0);
	background: -webkit-linear-gradient(0deg, rgb(255, 102, 0) 0%, rgb(255, 153, 0) 90%);
	background: -o-linear-gradient(0deg, rgb(255, 102, 0) 0%, rgb(255, 153, 0) 90%);
	background: -ms-linear-gradient(0deg, rgb(255, 102, 0) 0%, rgb(255, 153, 0) 90%);
	background: linear-gradient(0deg, rgb(255, 102, 0) 0%, rgb(255, 153, 0) 90%);
}

.c6:hover {
	background: rgb(252, 86, 86);
	background: -webkit-linear-gradient(0deg, rgb(252, 86, 86) 0%, rgb(255, 102, 0) 90%);
	background: -o-linear-gradient(0deg, rgb(252, 86, 86) 0%, rgb(255, 102, 0) 90%);
	background: -ms-linear-gradient(0deg, rgb(252, 86, 86) 0%, rgb(255, 102, 0) 90%);
	background: linear-gradient(0deg, rgb(252, 86, 86) 0%, rgb(255, 102, 0) 90%);
}
.c7:hover {
	background: rgb(252, 115, 218);
	background: -webkit-linear-gradient(0deg, rgb(252, 115, 218) 0%, rgb(252, 86, 86) 90%);
	background: -o-linear-gradient(0deg, rgb(252, 115, 218) 0%, rgb(252, 86, 86) 90%);
	background: -ms-linear-gradient(0deg, rgb(252, 115, 218) 0%, rgb(252, 86, 86) 90%);
	background: linear-gradient(0deg, rgb(252, 115, 218) 0%, rgb(252, 86, 86) 90%);
	color: white;
}
.c8:hover {
	background: rgb(186, 71, 244);
	background: -webkit-linear-gradient(0deg, rgb(186, 71, 244) 0%, rgb(252, 115, 218) 90%);
	background: -o-linear-gradient(0deg, rgb(186, 71, 244) 0%, rgb(252, 115, 218) 90%);
	background: -ms-linear-gradient(0deg, rgb(186, 71, 244) 0%, rgb(252, 115, 218) 90%);
	background: linear-gradient(0deg, rgb(186, 71, 244) 0%, rgb(252, 115, 218) 90%);
}
.c9:hover {
	background: rgb(89, 89, 242);
	background: -webkit-linear-gradient(0deg, rgb(89, 89, 242) 0%, rgb(186, 71, 244) 90%);
	background: -o-linear-gradient(0deg, rgb(89, 89, 242) 0%, rgb(186, 71, 244) 90%);
	background: -ms-linear-gradient(0deg, rgb(89, 89, 242) 0%, rgb(186, 71, 244) 90%);
	background: linear-gradient(0deg, rgb(89, 89, 242) 0%, rgb(186, 71, 244) 90%);
}
.c10:hover {
	background: rgb(24, 188, 188);
	background: -webkit-linear-gradient(0deg, rgb(24, 188, 188) 0%, rgb(89, 89, 242) 90%);
	background: -o-linear-gradient(0deg, rgb(24, 188, 188) 0%, rgb(89, 89, 242) 90%);
	background: -ms-linear-gradient(0deg, rgb(24, 188, 188) 0%, rgb(89, 89, 242) 90%);
	background: linear-gradient(0deg, rgb(24, 188, 188) 0%, rgb(89, 89, 242) 90%);
}
.c11:hover {
	background: rgb(48, 195, 132);
	background: -webkit-linear-gradient(0deg, rgb(48, 195, 132) 0%, rgb(24, 188, 188) 90%);
	background: -o-linear-gradient(0deg, rgb(48, 195, 132) 0%, rgb(24, 188, 188) 90%);
	background: -ms-linear-gradient(0deg, rgb(48, 195, 132) 0%, rgb(24, 188, 188) 90%);
	background: linear-gradient(0deg, rgb(48, 195, 132) 0%, rgb(24, 188, 188) 90%);
}
.c12:hover {
	background: rgb(96, 213, 96);
	background: -webkit-linear-gradient(0deg, rgb(96, 213, 96) 0%, rgb(48, 195, 132) 90%);
	background: -o-linear-gradient(0deg, rgb(96, 213, 96) 0%, rgb(48, 195, 132) 90%);
	background: -ms-linear-gradient(0deg, rgb(96, 213, 96) 0%, rgb(48, 195, 132) 90%);
	background: linear-gradient(0deg, rgb(96, 213, 96) 0%, rgb(48, 195, 132) 90%);
}
.c13:hover {
	background: rgb(153, 255, 0);
	background: -webkit-linear-gradient(0deg, rgb(153, 255, 0) 0%, rgb(96, 213, 96) 90%);
	background: -o-linear-gradient(0deg, rgb(153, 255, 0) 0%, rgb(96, 213, 96) 90%);
	background: -ms-linear-gradient(0deg, rgb(153, 255, 0) 0%, rgb(96, 213, 96) 90%);
	background: linear-gradient(0deg, rgb(153, 255, 0) 0%, rgb(96, 213, 96) 90%);
}
.lc__submenu__link {
	text-decoration: none;
	padding: 8px 15px;
	display: block;
	text-align: center;
	font-size: 13px;

}
.lc__submenu__link:hover {	
	border-radius: 10px;	
	padding: 7px 15px;
	font-size:14px;
}

.lc__submenu__item {
	border: 2px solid #EDFF6E;
	border-radius: 10px;
}
.lc__submenu__item:hover {
	border: 2px solid #DCBF87;
}

/*  стили для блока "последние новости"  */

.left_columl__news{
	width: 100%;
	background-color: #FAFF99;
}
.lc__news__header {
	text-align: center;
	padding: 10px 30px;
	background: rgb(0, 255, 127);
	background: -webkit-linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
	background: -o-linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
	background: -ms-linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
	background: linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
	color: #B218D9;;
	border-radius: 7px;
	font-size: 15px;
}
.lc_news__block {
	border-radius: 4px;
    border: 2px solid #92B1D0;
    margin-top: 10px;
    display: block;
    text-decoration: none;
    position: relative;
}
.lc_news__title {
	background-color: #E5EC5B;
    padding: 10px;
    text-align: center;
    color: #C33A5A;
    border-bottom: 2px solid #92B1D0;
    display: block;
}
.lc_news__annotation {
	padding: 15px 10px;
    color: #5A1A8B;
    display: block;
}
.lc_news__meta {
	background-color: #92B1D0;
    color: #fff;
    text-align: center;
    display: block;
}
.lc_news__block:before {
	pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: -2px;
    left: -2px;
    background: white;
    background: linear-gradient(135deg, #FAFF99 45%, #aaa 50%, #cccccc 56%, white 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.lc_news__block:hover:before {	
	width: 25px;
	height: 25px;
}
.right_column {
	width: 750px;
	vertical-align: top;
	display: inline-block;
	overflow: hidden;	
	background-color: #fff;
	padding-bottom: 70px;
	font-size: 15px;
}
footer {
	width: 100%;
    height: 138px;
    background: url(/templates/template13/images/footer_fon.png);
    position: absolute;
    bottom: -70px;
    border-radius: 0 0 50px 50px;
}
footer div {
	color: #FFDAD0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 115px;
	height: 0px;
	padding-top: 40px;
}
.main_text__title {
	font-weight: bold;
    text-align: center;
    padding: 20px;
    font-size: 17px;
}
.main_text_content {
	padding: 0 30px;
	color: #551A8B;
}
.main_page__news_block {
	width: 100%;
	height: 365px;
	padding: 0 10px;
	margin-top: 10px;
}
.main_page__news {
	width:32%;
	display: inline-block;
	border: 1px solid #3da902;
	overflow: hidden;
	border-radius:10px;
	height: 295px;
}
.main_page__news_title {
	background-color: #E5EC5B;
    height: 26px;
    line-height: 26px;
    text-align: center;
/*    width: 219px;*/
    border-radius: 10px 10px 0 0;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #C33A5A;
    font-size: 15px;
    border-bottom: 1px solid #3da902;
}
.main_page__news_content {
	padding: 10px;
	height: 191px;
	overflow: hidden;
	color: #5A1A8B;
}
.main_page__news_block__header {
	font-size: 19px;
	padding: 20px;
	text-align: center;
	color: #3DA902;
}
.read_more {
	padding: 5px 10px;
    background: rgb(0, 255, 127);
    background: -webkit-linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
    background: -o-linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
    background: -ms-linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
    background: linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
    border-radius: 6px;
    margin: 10px 33px;
    display: inline-block;
    color: #B705FF;
}
.read_more:hover{
	background: #92B1D0;
    color: #fff;
}
.menu_top {
	width: 100%;
    display: table;
    text-align: center;
    background: rgb(0, 255, 127);
    background: -webkit-linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
    background: -o-linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
    background: -ms-linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
    background: linear-gradient(0deg, rgb(142, 204, 15) 0%, rgb(206, 229, 43) 52%);
}
.menu_top li {
	display: table-cell;
}
.menu_top li a {
	display: block;
    padding: 10px;    
    color: #B218D9;
    transition: box-shadow linear 300ms, color linear 300ms;
}
.menu_top li a:hover {
	box-shadow: inset 0 0 18px #37A10D;
    border-radius: 10px;
    color: red;
}
.lc__menu__list {
	    box-shadow: inset 0 0 22px;
}
.left_columl__news  {
	border-radius: 7px;
}

.hostcmsPanel
{
	position: absolute;
}

.blok_links {
	padding: 0px 0px 10px 10px;
}
.blok_links a{
	margin: 15px;
}


.c4 a:hover , .c5 a:hover, .c6 a:hover, .c7 a:hover, .c8 a:hover, .c9 a:hover, .c10 a:hover{
	color: white;
}

ul li{
	border-bottom: 1px dotted darkred;
}
