.lang {width: 70px;
    height: 20px;
    position: absolute;
    /* display: block!important; */
    /* margin-left: 30px; */
    right: 0;
    top: 15px;
    right: 5px;
    font-weight: bold;}

.turn_no_eye{width: 60px;
    height: 40px;
    position: absolute;
    /* display: block!important; */
    /* margin-left: 30px; */
    right: 0;
    top: 3px;
    right: 80px;}

.uk-panel {width: 60px;
    height: 40px;}
.uk-panel a {display: block;width: 60px;
    height: 40px;}


#infobardm {
    color: #FFF !important;
    background: #d6d6d6 !important;
    padding: 10px !important;
    z-index: 1000 !important;
    font-size: 14px !important !important;
    width: 98% !important;
    font-weight: bold !important;
    text-align: center !important;
    margin: 0 auto;
}

#infobardm {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.dmcolor4 {width:15%!important;}

/*--------ul-tabs--------*/

/* Базовый контейнер табов */
.tabs {
	padding-top: 30px;
	margin: 0 auto;
       
    padding-bottom: 20px;
}
/* Стили секций с содержанием */
.tabs>section {
	display: none;
	padding: 20px 0px 0px 15px;
	margin-left: 15px;
}
.tabs>section>p {
	/*margin: 0 0 5px; */
	line-height: 1.5;
	color: #383838;
	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
        width: 62%;
       font-size: 16px;
}

 
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.tabs>input {
	display: none;
	position: absolute;
}

.tabs>label {
	display: inline-block;
	border-bottom: 1px solid;
        border-bottom-style: dashed;
        margin-left: 30px;
	
	text-align: center;
	color: #aaa;
        
        font-size: 16px;
       
}

.tabs>label:before {
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 10px;
}

 
.tabs>label:hover {
	color: #888;
	cursor: pointer;
}

.tabs>input:checked+label {
	color: #da560b;
    border-bottom: 1px solid #fff;
    background: #fff;
    font-weight: 600;
}



#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4,#tab5:checked~#content-tab5 {
	display: block;
}

.tabs-img {
    width: 100%;
    height: 3px;
    position: relative;
    top: 20px;
}











#content ul li:before {

float: left;
width: 24px;
height: 23px;
margin: -4px 5px 0 0;
content: ""}

ul{list-style: none!important;}
li.menulevel1, li.menulevel1submenu {height:auto!important;}
#menu li a {background-size: cover!important;}
.bg1180025340578,.anons180024409353,.bg1180025340589 {background: #4382cf!important;}
.votebutton180025340578 {background: #4382cf!important;}
.anonsdate180024409353 {color: #4382cf!important;}
/*
    this predefined class BODY sets site environment color and
    body margins!
*/
body{ 
    background-color:#C6EDF0;
    margin-left: 0;
    margin-top: 0;
    }

/*
    this class BG used for background content area of site, and in some templates for background areas near content
*/
.bg{background : #DEF5F3;}

a {
   text-decoration: none;
    color: #4382cf;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
    padding-bottom: 5px;
   }
a:visited {
   color:#4382cf; 
   }
a:active {
   color:#5B5B5B; 
   }
a:hover {
   color:#006BF4; 
   }
.nna { 
   text-decoration:underline; 
   color:#DA560B; 
   font-size:12px; 
   font-family:Arial, Helvetica, sans-serif;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }
.nna:link {color:#DA560B; }
.nna:visited {color:#5B5B5B; }
.nna:active {color:#5B5B5B; }
.nna:hover {color:#006BF4; }
.nna:focus {color:#DA560B; }

.vlink {
   text-decoration:underline; 
   color:#5B5B5B; 
   font-size:12px; 
   font-family:Arial, Helvetica, sans-serif;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }

.alink {
   text-decoration:underline; 
   color:#5B5B5B; 
   font-size:12px; 
   font-family:Arial, Helvetica, sans-serif;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }

.hlink {
   text-decoration:underline; 
   color:#006BF4; 
   font-size:12px; 
   font-family:Arial, Helvetica, sans-serif;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }

.backcolor1 {background : #09F443;}
/* 
    this class BACKCOLOR2 is non optional and used by CR-components: "Text", "Text with picture" for paragraph sign char
*/
.backcolor2 {background : #B3E3F0;}
.backcolor3 {background : %CSS_MAIN_COLOR3%;}
.backcolor4 {background : %CSS_MAIN_COLOR4%;}
.backcolor5 {background : %CSS_MAIN_COLOR5%;}
/* new headers classes */
h1{
	color : #DA560B;
	font-family : Arial;
	font-size : 24px;
	font-weight : normal;
	font-style : normal;
	line-height : 130%;  
	margin-top:10px;  
	margin-right: 0px;  
	margin-bottom: 20px;  
	margin-left: 0px;  
}

h2{
	color : #DA560B;
	font-family : Arial;
	font-size : 22px;
	font-weight : normal;
	font-style : normal;
	line-height : 130%;  
	margin-top:15 px;  
	margin-right: 0 px;  
	margin-bottom: 10 px;  
	margin-left: 0 px;  
}

h3{
	color: #d51514;
    font-family: Arial;
    font-size: 17px;
	font-weight : normal;
	font-style : normal;
	line-height : 130%; 
	margin-top:15 px;  
	margin-right: 0 px;  
	margin-bottom: 10 px;  
	margin-left: 0 px;  
}

h4{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 8px;
	color: #000000;
	text-decoration: none;
	text-align: center;
}

/*
    class PICTURECAPTION used by CR-component "Picture with description"
*/	
.picturecaption {
	color: #000000;
	font-family : Arial;
	font-weight : normal;
	font-size : 11px;
}       

/* 
    class PICTURECELLPADDING need for correct margin between picture and text in CR-component "Picture with text" 
    NOTE!
    padding-XXX needed for NN4
    margin-XXX - for IE
*/
.picturecellpadding {
        padding-left : 10px;
        padding-right : 10px;
        margin-left : 10px;
        margin-right : 10px;
}

/* 
    class PARAGRAPH used by CR-components: "Text", "Text with picture", "List item"
*/
td{
	color: #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	font-size : 12px;
}
p {
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 14px; 
	line-height : 140%; 
	margin-top:0 px;  
	margin-right: 0 px;  
	margin-bottom: 15 px;  
	margin-left: 5 px;  
}

.lead{
	font-family: Verdana;
	color: #000000; 
	font-size: 12px;
	line-height : 130%;
	font-weight : bold;
	margin-top: 0 px;  
	margin-right: 0 px;  
	margin-bottom: 15 px;  
	margin-left: 0 px;  
}

.inset{
	border-left-width: 5;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color : #C2E0F4;
        font-family: Verdana;
	font-size: 11;
	float: right; /* aligning on the page */
	width: 30%; /* width should be from 20% to 100% relative to page width, step 10% */
	padding: 15px;
	background-color: #eeeeee;
	text-align: left;
	line-height: 120%;
}

li,ul{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height : 150%;
            padding-bottom: 4px;
    padding-top: 4px;
}
	
ul, ol{
	margin-top:-10px; /*Unchangeable*/
}

ul {
	list-style : circle;
}

UL,TABLE ul,ol{
	margin-top: 0px;
}
table {
	empty-cells:show;
}
/* Next classes: ENVIRONMENTBG, COLORBOXBORDER used only PropertyPage */
/*
    this class ENVIRONMENTBG used by PropertyPage for display color of site environment
*/
.environmentbg{
    background : #C6EDF0;
    }

.colorboxborderbg{
    background : #000000;
    }

.colorcaption { 
	color: #000000; 
	font-family : Verdana; 
	font-weight : normal; 
	font-style : normal; 
	font-size : 14px; 
	line-height: 130%; 
}              

.colordescription { 
	color: #000000; 
	font-family : Arial; 
	font-weight : normal; 
	font-style : normal; 
	font-size : 9px; 
	line-height: 130%; 
}              
.redstar_margin {
 position: relative;
 left: 30px;
}


/* old classes*/
.header {
	color: #DA560B;
	font-family  Arial;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
        margin-bottom: 5px;
        padding-bottom: 5px;
}
.pageheader{
	color : #DA560B;
	font-family : Arial;
	font-size : 22px;
	font-weight : normal;
	font-style : normal;
        margin-left : 10px;
        margin-bottom: 5px;
        padding-left : 10px;
        padding-bottom: 5px;
}
.paragraph {
	color: #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	font-size : 12px;
	line-height: 140%;
        margin-bottom: 5px;
        padding-bottom: 5px;
}        

.forwidth {width:620px;}