/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
/*	vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
        list-style-position: outside;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
.alarm
{
 color: red;
 font-weight: bold;
 font-size: 120%;
}
.clearfloat:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.hot
{
 color: red !important;
 position: absolute;
 text-size: 6px;
}
.upper
{
 text-transform: uppercase;
}
.font_strong
{
 font-weight: bold;
}
.left,
.left li
{
 text-align: left !important;
}

/* End CSS Reset */


html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body 
{
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 height: 100%;
 background: #fff;
}
.bold
{
 font-weight: bold;
}
.clearfix            
{                 
 clear: both;     
 height: 1%;      
 font-size: 1px;  
 line-height: 1px;
 display: block;  
}                 
.clear:after 
{
 content: "";
 display: table;
 clear: both;
}
.invisible
{
 display: none;
 visibility: hidden;
}
h3.vtext
{
 writing-mode: vertical-rl;
}
#blue-line
{
 min-width: 1150px;
 width: 100%;
 height: 124px;
 position: absolute;
 left: 0;
 top: 40px;
 background-color: #376092;
}

#grey-line
{
 min-width: 1150px;
 width: 100%;
 height: 30px;
 position: absolute;
 top: 164px;
 left: 0;
 background: #e5e5e5;
}

#page-wrap 
{
 text-align: left; 
 min-width: 1180px;                                       
 width: 1110px; 
 min-height: 100%;   
 margin: 0 auto;                                           
 position: relative;
 overflow: hidden;
margin-bottom: 211px;
}

#link_two_colors            
{                           
 color: #03106c;            
 font-size: 95%;            
 font-family: Tahoma;
 font-weight: bold;         
 text-align: center;        
 text-transform: uppercase; 
 width: 100%;               
 height: 30px;              
 overflow: hidden;          
 position: absolute;        
 top: -4px;                  
}                           
#link_two_colors a          
{                           
 color: #6286bb;            
 display: inline-block;     
 margin-top: 0px;           
}

#submenu_under_head
{
 text-align: center;
 font-size: 95%;
 width: 100%;

height: 20px;
 overflow: hidden;

 
 clear: both;
 position: absolute;
 top: -4px;
 color: #ff8c1b;
 font-size: 90%;
 font-family: 'Arial Black';
 font-weight: bold;
 text-transform: uppercase;
}
#submenu_under_head li
{
 display: inline;
 color: #ff8c1b;
 font-size: 90%;
 font-family: 'Arial Black';
 font-weight: bold;
 text-transform: uppercase;	
}
#submenu_under_head li a
{               
 color: #ff8c1b;
 font-size: 115%;
 margin-right: 10px;
}                           


/* TOP MENU */
#top-menu
{
 color: #1f497d;
 list-style-type: none;
 width: 1110px;
 height: 40px;
 overflow: hidden;
}
#top-menu a,
#top-menu li a,
#top-menu li   
{
 color: #1f497d;
 text-decoration: none;
}
#top-menu li
{
 display: inline-block;
 line-height: 40px;
 margin-left: 7px;
}
#top-menu span                              
{                                                   
 display: inline-block;                             
 width: 18px;                                       
 height: 18px;                                      
 position: relative;                                
 overflow: hidden;                                  
}                                                   
#top-menu span.over                         
{                                                   
 position: absolute;                                
 left: 0px;                                         
 top: 1em;                                          
 background: url(../img/eng.png) left top no-repeat;
 cursor: pointer;                                   
} 
#top-menu .big-red-font
{
 color: red;
 font-size: 160%;
 margin-left: 80px;
}                                                  
#top-menu .first            
{         
 text-transform: uppercase;       
 margin-left: 0px;
} 
#top-menu .left-marg
{
 margin-left: 80px;
}           
#top-menu .square
{
 position: relative;
} 
          
#top-menu .pic-left           
{                         
 text-transform: uppercase;
 font-size: 120%;
 margin-left: 30px;
 padding-left: 40px;
 background: url(../img/glass.png) left center no-repeat;        
}     
#top-menu .img_left           
{                         
 font-size: 120%;
 width: 27px;
 height: 27px;
 display: inline-block;
 margin-left: 25px;
 background: url(../img/attention.png) left center no-repeat;
 position: relative;
 top: 7px;       
}
#top-menu .img_left1,
#top-menu .img_left2
{
 width: 20px;
 height: 20px;	
 padding: 0px;
 display: inline-block;
 margin: 0px 0px 0px 7px;
 background: url(../img/vk.png) 0px 0px no-repeat;
 position: absolute;
 top: 11px;
}
#top-menu .img_left2
{
 background: url(../img/telega.png) 0px 0px no-repeat;
 margin: 0px 0px 0px 21px;
 border-radius: 3px;
}

/* HEADER */
#header
{
 height: 124px;
 width: 100%;
 position: relative;
 overflow: hidden;
 background-color: #376092;
}  
#header h1
{
 color: #fff;
 font-size: 140%;
 line-height: 1.3em;
 font-weight: bold;
 text-transform: uppercase; 
 width: 710px;
 height: 80px;
 overflow: hidden;
 padding: 14px 0px 0px 90px;
 position: relative;
 text-shadow: 1px 1px 0px black;
} 
#header h1 span
{
 display: block;
 font-weight: normal;
 font-size: 85%;
}
#logo-hold
{
 width: 80px;
 height: 100px;
 position: absolute;
 left: 0px;
 top: 0px;
 background: url(../img/logo.webp) 0px 7px no-repeat;        
}



/* HEADER MENU */
#header_menu
{
 font-size: 80%;
 text-transform: uppercase;
 text-shadow: 1px 1px 0px black;
 line-height: 2em;
 display: block;
 margin-top: 3px;
 margin-left: 89px;
 height: 28px;
 width: 1035px;
 overflow: hidden;
}
#header_menu,
#header_menu a
{
 color: #b1c7f6;
 font-family: Tahoma;
}
#header_menu a
{
 text-decoration: underline;
}
#header_menu li
{
 display: inline-block;
 margin-right: 25px;
 padding-left: 25px;
}
#header_menu .letter
{
 font-weight: bold;
 background: url(../img/mail.png) 0px .1em no-repeat;
}
#header_menu .check
{
 background: url(../img/ok.png) 0px .1em no-repeat;
}
#header_menu .book
{
 background: url(../img/book.png) 0px .1em no-repeat;
}
#header_menu .vopros
{
 background: url(../img/znak_q.png) 0px .1em no-repeat;
}
#header_menu .employee
{
 background: url(../img/employee.png) 0px .1em no-repeat;
}

/* END HEADER MENU */
                                                    
#banner-pic
{
 float: left;
 clear: both;
 width: 177px;
 height: 61px;
 margin: 30px 0px 0px 35px;
}


/* SEARCH FORM */
#search
{
 position: absolute;
 top: 40px;
 right: 150px;
 border: 1px solid #597aac;
 z-index: 2;
}
#searchField
{
 font-size: 14px;
 color: #fff;
 outline: 0 none;
 padding: 7px 33px 9px 10px;
 width: 180px;
 background: transparent;
}
#searchIcon
{
 font-size: 15px;
 color: #fff;
 width: 16px;
 display: block;
 background: url(../img/search.png) no-repeat;
 cursor: pointer;
 position: absolute;
 bottom: 9px;
 right: 10px;
}

/* MAIL FORM */                                    
#form_mail_wrap                                    
{                                                  
 color: #fff;                                      
 font-size: 120%;                                  
 position: absolute;                               
 top: 5px;                                         
 right: 154px;                                     
 width: 220px;                                     
 height: 30px;                                     
 background: url(../img/door.png) 0% 50% no-repeat;
 z-index: 5;
}                                                  
#form_mail_wrap a                                  
{                                                  
 color: #fff;                                      
 text-decoration: underline;                       
}                                                  
#form_mail_wrap p                                  
{
 display: inline-block;                                                  
 margin-top: 6px;                                  
 margin-left: 25px;                                
}                                                  
#form_mail_holder                                  
{                                                  
 width: 256px;                                     
 height: 216px;                                                                    
 border: 1px solid #9a9a9a;
 position: absolute;                               
 top: 35px;                                        
 right: 116px;                                     
 z-index: 5;                                      
 display: none; 
 background: #fff url(../img/mail_bg.png) 0% 0% no-repeat;                                   
}                                                  
#form_mail_holder form                             
{                                                  
 color: #666;                                      
 font-size: 16px;                                  
 text-transform: uppercase;                        
}                                                  
#form_mail_holder .btn                             
{                                                  
 font-size: 12px;                                  
 color: #fff;                                      
 text-transform: uppercase;                        
 padding: 10px 25px;                               
 margin: 20px 0px 14px 150px;                       
 background: #336699;                              
}                                                  
#form_mail_holder .check                           
{                                                  
 font-size: 12px;                                  
}                                                  
#form_mail_holder .label                           
{  
 font-size: 10px;
 color: #fff;
 font-weight: bold;                                                
 margin-left: 12px;                                
 margin-top: 18px;                                 
 margin-bottom: 2px;                               
}                                                  
#login,                                            
#passwd                                            
{                                                  
 color: #555;                                      
 width: 216px;                                     
 height: 17px;                                    
 border: 1px solid #9a9a9a;                                                          
 margin-left: 12px;
 background: #fff;
 padding: 7px;
}                                               
#form_mail_holder input:focus                      
{                                                  
 -moz-box-shadow: 0px 0px 3px 3px #ADC3D5;         
 -webkit-box-shadow: 0px 0px 3px 3px #ADC3D5;      
 box-shadow: 0px 0px 3px 3px #ADC3D5;              
}


/* CONTENT */
#content-wrap
{
 position: relative;
 margin-top: 10px;
 margin-bottom: 50px;
 overflow: hidden;
 width: 1110px;
 clear: both;
}
#content-wrap .linkbutton
{
 text-align: center;
 width: 440px;
 height: 64px;
 margin-left: 6px;
}

#content-wrap .linkbutton span
{
 display: none;
}



#content-wrap .linkbutton1
{
 text-align: center;
 width: 440px;
 height: 60px;
 margin-left: 6px;
 margin-bottom: 30px;
}
#content-wrap .linkbutton1 span
{
 display: none;
}


/* MENU */
#menu
{
 color: #376092;
 font-weight: bold;
 width: 240px;
 float: left;
 overflow: hidden;
 margin-top: 20px; 
}
#menu a
{
 color: #376092;
 text-decoration: none;
 display: block;
 padding: 12px 3px 9px 15px;
 background: url(../img/arrow_menu_small.png) 7px 17px no-repeat;
 border-bottom: 1px solid #D4D4D4;
}
#menu .level-2 a
{
 border: none;
}
#menu .active a,
#menu li.active a,
#menu a:hover
{
 color: #E44235;
 background: url(../img/rarrow_menu_small.png) 7px 17px no-repeat;
}
#menu li  
{
 background: url(../img/arrow_menu_small.png) 7px 17px no-repeat;
}
#menu .level-2 li
{
 border: none; 
 padding: 12px 3px 7px 10px;
 background: none;
}
#menu .active ul li a
{
 border: none;
}
#menu .level-2 li a
{
 padding: 0px 0px 0px 15px;
 background: none;
}
#menu .active .level-2 a
{
 color: #376092;
}
#menu .level-2 li.active a
{
 color: #376092;
 background: url(../img/red_bg.png) 5px 0px repeat-y;
}
#menu .level-2 li a:hover
{
 color: #376092;
 text-decoration: underline;
}
#menu ul.level-2
{
 padding-bottom: 10px;
 border-bottom: 1px solid #D4D4D4;
}


/*ANKETA */
#button_link
{
 font-size: 86%;
 text-transform: uppercase;
 cursor: pointer;
 color: #fff;
 float: right;
 clear: both;
 width: 158px;
 padding: 2px;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #575959;
 border-bottom: 1px solid #575959;
 margin: 0px 0px 20px 20px;
 text-align: center !important;
 background: /* #1d85b3 */ #339900;
}
#button_link p
{
 text-align: center;
 font-weight: bold;
 color: #fff;
 display: block;
 padding: 0px 0px 14px;
 margin: 0px;
 letter-spacing: .1em;
 line-height: 1.2;
}
#button_link p a
{
 text-align: center;
 color: #fff;
 display: block;
 padding: 0px;
 margin: 0px;
 text-decoration: none;
/*
 text-shadow: 1px 1px 1px black, 0 0 .2em #339900;
 text-shadow: 1px 1px 8px rgba(0, 0, 0, .08), 2px 2px 1px rgba(0, 0, 0, .075), 4px 4px 1px rgba(0, 0, 0, .07), 6px 6px 1px rgba(0, 0, 0, .065), 8px 8px 1px rgba(0, 0, 0, .06), 10px 10px 1px rgba(0, 0, 0, .055), 12px 12px 1px rgba(0, 0, 0, .05), 14px 14px 1px rgba(0, 0, 0, .045), 16px 16px 1px rgba(0, 0, 0, .04), 18px 18px 1px rgba(0, 0, 0, .035), 20px 20px 1px rgba(0, 0, 0, .03), 22px 22px 1px rgba(0, 0, 0, .025), 24px 24px 1px rgba(0, 0, 0, .02), 26px 26px 1px rgba(0, 0, 0, .015), 28px 28px 1px rgba(0, 0, 0, .01), 30px 30px 1px rgba(0, 0, 0, .005), 32px 32px 1px rgba(0, 0, 0, .0025), 34px 34px 1px rgba(0, 0, 0, .002), 36px 36px 1px rgba(0, 0, 0, .0015), 38px 38px 1px rgba(0, 0, 0, .001);
text-shadow: 1px 1px 8px rgba(0, 0, 0, .08), 2px 2px 1px rgba(0, 0, 0, .075), 4px 4px 1px rgba(0, 0, 0, .07), 6px 6px 1px rgba(0, 0, 0, .065), 8px 8px 1px rgba(0, 0, 0, .06), 10px 10px 1px rgba(0, 0, 0, .055), 12px 12px 1px rgba(0, 0, 0, .05), 14px 14px 1px rgba(0, 0, 0, .045), 16px 16px 1px rgba(0, 0, 0, .04), 18px 18px 1px rgba(0, 0, 0, .035), 20px 20px 1px rgba(0, 0, 0, .03), 22px 22px 1px rgba(0, 0, 0, .025), 24px 24px 1px rgba(0, 0, 0, .02), 26px 26px 1px rgba(0, 0, 0, .015), 28px 28px 1px rgba(0, 0, 0, .01), 30px 30px 1px rgba(0, 0, 0, .005), 32px 32px 1px rgba(0, 0, 0, .0025), 34px 34px 1px rgba(0, 0, 0, .002), 36px 36px 1px rgba(0, 0, 0, .0015), 38px 38px 1px rgba(0, 0, 0, .001);
*/
}
#button_link p a span
{
 display: block;
 font-size: 160%;
 margin-bottom: 12px;
 padding-left: 15px;
 background: url(../img/ico_anketa.png) 21px top no-repeat;
}

/* END ANKETA */

/* INFO GRAFIKA */
#infograf,
#infograf1,
#infograf2,
#infograf3
{
 float: right;
 width: 148px;
 padding: 7px;
 margin: 0px 0px 15px 15px;
 border-bottom: 2px solid #2b860c;
 border-right: 2px solid #2b860c;
 border-left: 1px solid #ccc;
 border-top: 1px solid #ccc;
 clear: both;
}
#infograf1
{
 border-bottom: 2px solid #d304ff;
 border-right: 2px solid #d304ff;
}
#infograf2
{
 border-bottom: 2px solid #2b860c;
 border-right: 2px solid #2b860c;
}
#infograf3
{
 border-bottom: 2px solid #0048ff;
 border-right: 2px solid #0048ff;
}
#infograf div,
#infograf1 div,
#infograf2 div,
#infograf3 div
{
 width: 100%;
 overflow: hidden;
 clear: both;
 padding-top: 15px;
}
#infograf div progress,
#infograf1 div progress,
#infograf2 div progress,
#infograf3 div progress
{
 background-color: #dbdde0;
 border: 0;
 width: 60%;
 height: 14px;
 margin-bottom: 10px;
 border-radius: 5px;
 background-color: #f1f1f1;
 box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2), inset 0px -1px 3px 1px rgba(0, 0, 0, 0.2);
 color: #ffb76b;
}
#infograf1 div progress
{
 color: #d304ff;
}
#infograf2 div progress
{
 color: #2b860c;
}
#infograf3 div progress
{
 color: #0048ff;
}
#infograf progress::-webkit-progress-bar, /* SAFARI */
#infograf1 progress::-webkit-progress-bar,
#infograf2 progress::-webkit-progress-bar,
#infograf3 progress::-webkit-progress-bar
{
 border: 0;
 height: 14px;
 margin-bottom: 10px;
 border-radius: 5px;
 background: #f1f1f1;
 -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2), inset 0px -1px 3px 1px rgba(0, 0, 0, 0.2);
 box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2), inset 0px -1px 3px 1px rgba(0, 0, 0, 0.2);
}
#infograf progress::-webkit-progress-value, /* CHROME */
#infograf1 progress::-webkit-progress-value,
#infograf2 progress::-webkit-progress-value,
#infograf3 progress::-webkit-progress-value
{
 border: 0;
 height: 14px;
 margin-bottom: 10px;
 border-radius: 5px;
 background: linear-gradient(to bottom, #ff7f04, #ffb76b);
}
#infograf progress::-moz-progress-bar, /* FIREFOX */
#infograf1 progress::-moz-progress-bar,
#infograf2 progress::-moz-progress-bar,
#infograf3 progress::-moz-progress-bar
{
 border: 0;
 width: 60%;
 height: 14px;
 margin-bottom: 10px;	
 border-radius: 5px;
 background: linear-gradient(to bottom, #ff7f04, #ffb76b);
}



#infograf1 progress::-webkit-progress-value /* CHROME */
{
 background: linear-gradient(to bottom, #ffa1ff, #d304ff);
}
#infograf1 progress::-moz-progress-bar /* FIREFOX */
{
 background: linear-gradient(to bottom, #ffa1ff, #d304ff);
}

#infograf2 progress::-webkit-progress-value /* CHROME */
{
 background: linear-gradient(to bottom, #9ff57c, #2b860c);
}
#infograf2 progress::-moz-progress-bar /* FIREFOX */
{
 background: linear-gradient(to bottom, #9ff57c, #2b860c);
}


#infograf3 progress::-webkit-progress-value /* CHROME */
{
 background: linear-gradient(to bottom, #97b1f3, #0048ff);
}
#infograf3 progress::-moz-progress-bar /* FIREFOX */
{
 background: linear-gradient(to bottom, #97b1f3, #0048ff);
}


#content #infograf p,
#content #infograf1 p,
#content #infograf2 p,
#content #infograf3 p
{
 text-align: center !important;
 display: block;
 margin-top: 5px;
 font-size: 80%;
}
#infograf span,
#infograf1 span,
#infograf2 span,
#infograf3 span
{
 display: inline-block;
 float: left;
 font-size: 72%;
}
#infograf .first,
#infograf1 .first,
#infograf2 .first,
#infograf3 .first
{
 font-weight: bold;
 margin-right: 7px;
}
#infograf .second,
#infograf1 .second,
#infograf2 .second,
#infograf3 .second
{
 margin-right: 5px;	
}
/* END INFO GRAFIKA */



/* CONTENT */
#content
{
 width: 830px;
 padding-top: 12px;
 margin-left: 280px;
 overflow: hidden;
 margin-top: 20px;
}
#content h2,
#news-cols h2
{
 color: #376092;
 font-size: 120%;
 text-align: left;
 text-transform: uppercase;
 font-weight: bold;
 padding: 0px 3px 7px 10px;
 margin-bottom: 20px;
 border-bottom: 1px solid #D4D4D4;
}
#content h2
{
 position: relative;
}
#content h2 span.link_h2
{                       
 font-style: normal;    
 display: block;        
 position: absolute;    
 right: 0px;            
 top: 2px;              
}                       
#content h3
{
 color: #111;
 font-size: 125%;
 text-align: left;
 font-weight: bold;
 margin-bottom: 7px;
}
#content h3.cent_pad
{
 text-align: center;
 margin-bottom: 20px;
 width: 660px; 
}
#under-h2
{
 font-size: 90%;
 text-align: right;
 margin: -10px 50px 10px 0px;
}
#under-h2 .green-link,
#under-h2 .green-link a
{
 color: green;
}
#under-h2 .red-link, 
#under-h2 .red-link a
{
 color: red;
}
#under-h2 .blue-link, 
#under-h2 .blue-link a
{                    
 color: blue;         
}  
#content p
{
 text-align: justify;
}
#content .undate
{
 display: block;
 margin: 5px 0px 12px;
 color: #9a9a9a;
 font-style: italic;
}
                
                 


/* NEWS */
#content .news-wrap
{
 padding-bottom: 10px;
 margin-bottom: 0px;
 /* border-bottom: 1px solid #D4D4D4; */
}
#content .news-wrap hr
{
 margin: 10px 0px 0px 0px;
 padding: 0;
 height: 0;
 border: none;
 border-top: 1px solid #D4D4D4; 
}
#content .news-wrap .date,
#content .date
{
 color: #777;
 margin-bottom: 5px;
}
#content .news-wrap .link-more
{
 color: #4DA4E2;
 font-size: 90%;
 text-decoration: underline;
 text-transform: uppercase;
}
#content .news-wrap .search_res
{
 font-size: 130%;
 margin-top: 0px;
 margin-bottom: -15px;
}
#content .highlight
{
 display: inline-block;
 background: yellow;
}
#content .single-img
{
 float: left;
 margin: 0px;
}
#content .single-img img
{
 border: 1px solid #9a9a9a;
 margin: 0px 15px 0px 0px;
}
#content .gallery,
#content .gallery1             
{                             
 float: left;                 
 width: 170px;                
 clear: both;
 margin-top: 12px;                 
}     
#content .gallery1
{
 float: right;
 clear: none;
 margin: 10px -15px 15px 15px;
}        
#content .gallery             
{                             
 float: left;                 
 width: 170px;                
 clear: both;
 margin-top: 10px;                 
}                             
#content .gallery p.single-img,
#content .gallery1 p.single-img
{                             
 margin: 0px 10px 10px 0px;   
}                             


/* TEXT STYLES */
#content a
{
 color: #1d85b3;
}
#content b,
#content strong
{
 font-weight: bold;	
}
#content em,
#content i
{
 font-style: italic;	
}
#content h3.padd
{
 margin: 40px 0px;	
}
#content h3.marg,
#content h4.padd
{
 margin: 25px 0px 10px;	 
}
#content h3.size-marg
{ 
 font-size: 140%;	
 margin: 35px 0px 10px;
}
#content h3 a
{
 text-decoration: none;
 color: #000;
 cursor: pointer;	
}
#content h3 em
{
 display: block;
 font-weight: normal;
 font-size: 90%;
 font-style: italic;
}
#content h2 span
{
 display: block;
 font-weight: normal;
 font-style: italic;	
 text-transform: none;
}
#content h4
{
 font-weight: bold;
 text-align: left;	
}
#content h4.marg
{
 margin-top: 15px;
}
#content h4.blue
{
 color: #376092;
 margin-left: 5px;
 margin-top: 10px;
}
#content h4.under
{
 font-size: 120%;
}
#content h5
{
 text-transform: uppercase;
 margin: 10px 0px 0px;
 text-decoration: underline; 
}
#content div.left_marg
{
 margin-left: 70px;
}
#content dl
{
 margin: 20px 0px;	
}
#content dt
{
 font-weight: bold;	
}
#content dd
{
 margin: 0px 0px 0px 15px;	
}
#content dl dd span
{
 font-style: italic;
 display: inline-block;
 margin-bottom: 12px;	
}
#content dd.last-dd
{	
 margin-bottom: 10px;	
}
#content ol 
{
 counter-reset: li; 
 list-style: none;
 list-style-position: outside;
 margin: 15px 0px 25px 20px;
}
#content ol.one-in-text
{
 list-style-type: decimal;
 list-style-position: outside;	
 margin: 20px 0px 20px 40px;
}
#content ol.more-level
{
 counter-reset: list 7;	
}
#content ol.more-level-1
{
 counter-reset: list 9;		
}
#content ol ol ul,
#content ul
{
 counter-reset: li; 
 margin: 10px 0px 20px 20px;
}
#content ul
{
 list-style-type: disc;
 margin-left: 0px;	
}
#content .with_gallery
{
 margin-left: 170px;
}
#content ul ul
{
 list-style-type: circle;
 margin-left: 20px;	
}
#content ul ul ul
{
 list-style-type: square;
}
#content ul.colors ul,
#content ul.colors ul li a
{
 color: green;
}
#content ul.colors ul ul,    
#content ul.colors ul ul li a
{                         
 color: brown;              
}   
#content ul.colors ul ul ul,    
#content ul.colors ul ul ul li a
{                            
 color: coral;               
}  
#content ul#under-h2
{
 list-style-type: none;	
}
#content ul.lower-rus
{
 list-style-type: none;	
}
#content li
{
 text-align: justify;
 margin-bottom: 10px;	
}
#content ul li a span
{
 font-style: italic;
 display: block;
}
#content .more_pad li
{
 padding-bottom: 15px;	
}
#content .trans li
{
 text-transform: uppercase;	
 font-size: 110%;
 font-weight: bold;
 text-align: left;
 padding-bottom: 15px;
}
#content .trans li a span
{
 text-transform: none;
 font-weight: normal;
}
#content .align_l li
{
 text-align: left;	
}
#under-h2 li
{
 margin-bottom: 0px;
}
#content li:before 
{
 counter-increment: li;
 content: counters(li,".") ". ";
}
#content ul li:before
{
 content: " ";	
}
#content ul li
{
 margin-left: 20px;	
}
#content ul.upper li
{
 text-transform: uppercase;
 font-size: 90%;	
}
#content ul.lower-rus li::before 
{
 margin-right: 6px;
 text-align: justify;
 display: inline-block;
}	
#content ul.lower-rus li:nth-child(1)::before { content: 'а)'; }
#content ul.lower-rus li:nth-child(2)::before { content: 'б)'; }
#content ul.lower-rus li:nth-child(3)::before { content: 'в)'; }
#content ul.lower-rus li:nth-child(4)::before { content: 'г)'; }
#content ul.lower-rus li:nth-child(5)::before { content: 'д)'; }
#content ul.lower-rus li:nth-child(6)::before { content: 'е)'; }
#content ol.one-in-text li
{
 margin-bottom: 17px;	
}
#content ol.one-in-text li:before
{
 content: " ";
}
#content ol ol ul li
{	
 margin-bottom: 10px;
}
#content ol.more-level li span
{
 font-style: italic;
 display: block;
 margin-top: 3px;	
}
#content ol.more-level li span.top-marg
{
 margin-top: -25px;	
}
#content ul.icon li                                   
{                                                     
 list-style-type: none;                               
 padding: 11px 0px 3px 34px;                           
 background: url(../img/mword.png) left top no-repeat;
}                                                     
#content ul.icon li.pdf                             
{                                                   
 background: url(../img/pdf.png) left top no-repeat;
}     
#content ul.icon li.zip                             
{                                                   
 background: url(../img/zip.png) left top no-repeat;
}
#content ul.icon li.zip                             
{                                                   
 background: url(../img/ppt.png) left top no-repeat;
}
#content ul.icon li.ppt                             
{                                                   
 background: url(../img/ppt.png) left top no-repeat;
}
#content ul .grey
{
 font-weight: bold;
 color: grey;
}
#content ul.href_b a
{
 font-weight: bold;
}
#content ul.pic_li
{
}
#content ul.pic_li li
{
 list-style-type: none;
 padding-left: 38px;
 padding-top: 7px;
 padding-bottom: 7px;
 background: url("../koronavirus/smile.png") left center no-repeat;
}
#content ol.num
{
 list-style: none; 
 counter-reset: li; 
}
#content ol.num li:before
{
 counter-increment: li;
 content: counters(li,".") ". "; 
}
                                                                                                

#content p
{
 margin-top: 12px;	
}
#content p.banner_wrap
{
 border: 1px solid #aaa;
 width: 800px;
 height: 140px;
 margin: 0 auto;
 margin-bottom: 20px;
}
#content p.img_hold
{
 margin: 20px 0px;
 text-align: center;
 position: relative;
 z-index: 1;
}
#content p.img_hold span,
#content p.img_hold em
{
 display: block;
 font-style: italic;
}
#content .i_pad
{
 font-style: italic;
 margin: 0px 0px 30px;
}
#content p.img_hold img
{
 border: 1px solid #9a9a9a;
}
#content p.img_hold img.nobord
{
 border: none;
}
#content p.one_link
{
 margin: -5px 0px 25px;
}
#content p.pad
{
 margin-bottom: 25px;
}
#content p.red
{
 color: red;
 margin-bottom: 20px;
}
#content p.red a
{
 color: red;
}
#content p.search_info
{
 font-weight: bold;
 margin-bottom: 25px;
}
#content p.link_under_h2
{
 margin: -17px 0px 0px 10px;
 font-size: 95%;
}
#content p.red_right_link
{
 float: right;      
 margin-right: 10px;
 margin-top: -15px; 
}
#content p.red_right_link a
{
 color: red;
}
#content p.big_b_cent,
#content p.small_b_cent
{
 font-size: 200%;
 font-family: 'Times New Roman';
 font-weight: bold;
 text-transforn: uppecase;
 text-align: center;
 line-height: 1.4em;
 padding-bottom: 20px;
}
#content p.small_b_cent
{
 text-transforn: normal;
 line-height: 1.3em;
 font-size: 180%;
}
#content pre
{
 font-size: 90%;	
 line-height: 1em;
 margin: 15px 0px 20px;	
}
#content sup
{
 line-height: .6em;
}
#content sup.red
{
 color: red;
}
#content .error
{
 color: red;
}
#content .green-block,
#content .red-block
{
 display: inline-block;
 width: 17px;
 height: 17px; 
 background: #40C047;
 position: relative;
 top: 5px;
}
#content .red-block
{
 background: red;	
}
#content .i
{
 font-style: italic;	
}
#content .map-wrap
{
 border: 1px solid #9a9a9a;
 width: 800px;
 height: 633px;	
}
#content .pad
{
 margin-top: 0px;	
 padding-bottom: 20px; 	
}
#content .marg
{
 margin-bottom: 15px;
}
#content .trans
{
 font-size: 80%;
 text-transform: uppercase;
} 
#content .text-pic-left
{
 font-size: 110%;	
 margin-top: 40px;
 width: 820px;
 overflow: hidden;
}
#content .text-pic-left div
{
 padding-top: 10px;	
 margin-left: 220px;
}
#content .text-pic-left .info_block1,
#content .text-pic-left .info_block2,
#content .text-pic-left .info_block3,
#content .text-pic-left .info_block4,
#content .text-pic-left .info_block5            
{  
 text-align: justify;    
 width: 600px;        
 display: none;  
 margin-left: 0px;
}                     
#content .text-pic-left h3
{
 color: #1d85b3;
 cursor: pointer;
 width: 350px;
 margin-top: 10px;
}
#content .text-pic-left h4
{
 margin: 20px 0px -5px;
 padding: 0px;
}
#content .text-pic-left img
{
 float: left;	
 border: 1px solid #9a9a9a;	
}
#content .menu_under_h2
{
 margin: -20px 0px 0px 10px;
}
#content .video_wrap
{
 margin: 20px 0px;
 padding: 5px;
 border: 1px solid #9a9a9a;
}
#content .p_button a      
{                         
 color: #333;           
 text-align: left;        
 text-decoration: none;   
 display: block;          
 padding: 7px;            
 width: 456px;            
 background: #cccc99;     
 border: 1px solid #333;  
 margin-bottom: 15px;     
}                         
#content .p_button a:hover
{                         
 color: #fff;             
 background: #898678;
 border: 1px solid #6f6d60;   
}
#content .marg_left
{
 padding-left: 20px;
}
#content .pic_left
{
 margin: 0px 10px 0px 0px;
}
#content .pic_left img
{
 display: block;
 float: left;
 border: 1px solid #9a9a9a;
 margin: 5px 15px 15px 0px;
}
#content p.attention,
#content div.attention
{
 background: #f2f5f9;
 border-left: 5px solid #dd6000;
 padding: 25px;
 border-left: 3px solid #E44235; /* #46CDD6; */
 background: rgba(0,0,0,.03);
 margin-top: 20px;
}



/* TEXT WITH BORDER*/                 
#content div.bold_frame
{
 font-weight: bold;
 border: 1px solid #9a9a9a;
 padding: 10px;
 margin: 15px 0px;
}
#content div.bold_frame p
{
 margin: 0px;
 padding: 0px;
}
#content div.bold_frame .link_more
{
 text-transform: uppercase;
 text-align: right;
 margin-top: 5px;
 display: block;
}


#float-right-text,
#float-right-text-mini,
#float-right-pic-mini
{
 font-size: 90%;
 text-align: left;
 float: right;
 width: 320px;
 padding: 10px;
 border: 1px solid #9a9a9a;
 margin: 0px 0px 20px 20px;
}
#float-right-text-mini,
#float-right-pic-mini
{	
 text-align: center;
 font-family: 'Palatino Linotype';
 font-size: 110%;
 font-weight: bold;	
 width: 140px;
 background: #88171d;
 color: #fff;
 border: 2px solid #996666;
 border-left: 2px solid #330000;
 border-bottom: 2px solid #330000;
 margin-bottom: 0px;
 clear: both;
}
#float-right-text-mini span
{
 display: block;
 padding: 0px;
 margin: 0px;	
}
#float-right-text-mini span.yell_back
{
 color: #000;
 line-height: 100%;
 font-size: 200%;
 width: 100px;
 margin: 12px auto;
 padding: 5px 0px 26px;
 background: #ffd703 url(../img/yellow_end.png) 50% 100% no-repeat;
}
#float-right-text-mini span.yell_font
{
 color: #ffd703;
 line-height: 100%;
 font-size: 300%;
 margin-bottom: 12px; 	
}
#float-right-text-mini
{
 margin: 0px 0px 20px 20px;
}

#float-right-pic-mini
{
 width: 162px;
 height: 187px;
 padding: 0px;
 border: 1px solid orange;
 margin-bottom: 20px;
 position: relative;
 background: #fff;
 clear: both;
}
#float-right-pic-mini span
{
 width: 162px;
 height: 187px;
}
#float-right-pic-mini span.under
{
 position: relative;
 z-index: 0;
}
#float-right-pic-mini span.over
{
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 99;
 background: #fff url(../pitanie/pitanie_logo.webp) 0% 0% no-repeat;
 /* background: #fff url(../img_news/2020/2020_01_29/p75.jpg) 0% 0% no-repeat; */
 cursor: pointer;
}

#float-right-text h3 a
{
 color: #111;
 text-decoration: none;
 cursor: pointer;
}
#float-right-text h3 em
{
 font-size: 80%;
 display: block;
 font-weight: normal;
 font-style: italic;
}
#float-right-text h4
{
 font-weight: normal;
 margin-bottom: 7px;
}
#float-right-text h4 a
{
 color: #111;
 text-decoration: underline;
 margin-left: 7px;
}
#float-right-text .date
{
 color: #777;
}
#float-right-text p
{
 text-align: left;
}
#float-right-text li
{
 text-align: left;
}

/* BREADCRUMBS */
ul#breadcrumb
{
 font-size: 75%;
 text-transform: uppercase;
 list-style: none;
 margin: -9px 0 0px 5px;
 padding: 0;
 position: absolute;
 top: 0px /* 174px */;
 left: 0px;
 height: 30px;
 width: 1110px;
 overflow: hidden;
}
ul#sbreadcrumb
{
 font-size: 90%;
 list-style: none;
 padding: 0;
 margin: 0;
 overflow: hidden; 
}
#breadcrumb li,
#sbreadcrumb li
{
 color: #376092;
 display: inline-block;
 margin: 0;
 padding: 0;  
}
#sbreadcrumb li
{
 color: #999;
 margin-right: -15px;
}
#breadcrumb li a,
#sbreadcrumb li a
{
 text-decoration: none;
 color: #1d85b3;
 line-height: 28px;
 padding: 0;
 margin: 0;
 color: #376092;
 text-decoration: underline;
}
#sbreadcrumb li a
{
 color: #999;
}
#breadcrumb li a.active
{
 color: #E44235;
}
#sbreadcrumb li a.active
{
 color: #999;
}


/* PAGE NUMBERS FOR NEWS */
#content .pagination               
{                                  
 margin: 20px 0px;                 
}                                  
#content .pagination ul            
{                                  
 list-style-type: none;            
 margin: 0px;                      
 padding: 0px;                     
 border-left: 1px solid #c7c7c7;   
 overflow: hidden;                 
 clear: both;                      
}                                  
#content .pagination ul li         
{                                  
 display: inline-block;            
 float: left;                      
 border-top: 1px solid #c7c7c7;    
 border-bottom: 1px solid #c7c7c7; 
 border-right: 1px solid #c7c7c7;  
 margin: 0px;                      
 padding: 7px;                     
}                                  
#content .pagination ul li.active  
{                                  
 background-color: #e7e7e7;        
}                                  
#content .pagination ul li a       
{                                  
 color: #6FA4E6;                   
 text-decoration: none;            
 display: inline-block;            
}                                  



/* NEWS COLUMNS */
#news-cols
{
 width: 1110px;
 overflow: hidden; 
 clear: both;
}
#news-cols h2
{
 font-size: 115%;
}
#news-cols h2 a
{
 text-decoration: none;
 color: #376092;
}
#news-cols h3
{
 color: #111;
 font-weight: normal;
 font-size: 110%;
}
#news-cols h3 a
{
 text-decoration: underline;
 color: #111;
}
#news-cols .news_one_col
{
 text-align: left;
 width: 350px;
 margin-top: 50px;
 margin-right: 30px;
 float: left;
}
#news-cols .last
{
 margin-right: 0px;
}
#news-cols .news-wrap
{
 display: table;
 margin-bottom: 20px;
}
#news-cols .date
{
 color: #777;
 margin-right: 7px;
}
#news-cols h3 a span
{
 text-decoration: none;
}


/* PIC TOP NEWS */
#pic-wrap                  
{                          
 font-size: 80%;           
 text-align: left;         
 font-weight: bold;        
 text-transform: uppercase;
 margin: 10px 0px;         
 overflow: hidden;         
 width: 830px;             
 clear: both;              
 position: relative;       
}                          
#pic-wrap img              
{                          
 float: left;              
 margin-right: 13px;       
 border: 1px solid #ccc;   
 position: relative;       
 z-index: 2;               
}                          
#pic-wrap p                
{                          
 font-size: 120%;          
 position: absolute;       
 top: 224px;               
 left: 361px;              
 z-index: 5;               
 background: #105828;      
 padding: 7px;             
}                          
#pic-wrap a                
{                          
 color: #fff;              
}                          
                                                         
#pic-wrap ul                                                               
{                                                                          
 list-style: none;                                                         
 margin-top: 0px;                                                          
}                                                                          
#pic-wrap ul li                                                            
{                                                                          
 margin: 0px;                                                              
 padding: 0px;                                                             
}                                                                          
#pic-wrap ul li a                                                          
{                                                                          
 color: #333;                                                              
 text-decoration: none;                                                    
 line-height: 30px;                                                        
 display: block;                                                           
 /* width: 300px; */
 height: 31px;                                                             
 padding: 0px 5px 0px 5px;                                                 
 overflow: hidden;                                                         
 border: 1px solid #ccc;                                                   
 margin-bottom: 7px;                                                       
}                                                                          
#pic-wrap ul li a.lines                                                    
{                                                                          
 line-height: 1.2em;                                                       
 padding: 6px 5px 0px 5px;                                                 
 height: 26px;                                                             
}                                                                          
#pic-wrap ul li a:hover                                                    
{                                                                          
 color: #FFF;                                                              
 background: #376092 none repeat scroll 0% 0%;                             
 border: 1px solid #376092;                                                
}                                                                          
                                                                           
                                                                           
                                                                           
/* SLIDER */                                                                                                                                 
#slidebox                                                                  
{                                                                          
 width: 500px;                                                             
 height: 275px;                                                            
 overflow: hidden;                                                         
 float: left;                                                              
 position: relative;                                                       
 margin-right: 13px;                                                       
 z-index: 2;
 border: 1px solid #ccc;
}                                                                          
#slidebox ul,                                                              
#slidebox ul li,                                                           
#slidebox ul li a                                                          
{                                                                          
 width: 500px;                                                             
 height: 275px;                                                            
}                                                                          
#slidebox ul li a                                                          
{                                                                          
 border: none;                                                             
 padding: 0px;                                                             
 margin: 0px;                                                                                                                          
}                                                                          
#slidebox ul li a:hover                                                    
{                                                                          
 border: none;                                                             
 background: none;                                                         
}                                                                          
#slidebox ul li                                                            
{                                                                          
 position: relative;                                                       
 left: 0;                                                                  
 background: #eee;                                                         
 float: left;                                                              
 list-style: none;                                                         
 padding: 0px 0px;                                                         
 overflow: hidden;                                                        
}                                                                          
#slidebox .next,                                                           
#slidebox .previous                                                        
{                                                                          
 position: absolute;                                                       
 z-index: 2;                                                               
 display: block;                                                           
 width: 21px;                                                              
 height: 21px;                                                             
 top: 120px;                                                              
}                                                                          
#slidebox .next                                                            
{                                                                          
 right: 0;                                                                 
 margin-right: 7px;                                                        
 background: url(../slider/slidebox_next.png) no-repeat left top;          
}                                                                          
#slidebox .next:hover                                                      
{                                                                          
 background: url(../slider/slidebox_next_hover.png) no-repeat left top;    
}                                                                          
#slidebox .previous                                                        
{                                                                          
 margin-left: 7px;                                                        
 background: url(../slider/slidebox_previous.png) no-repeat left top;      
}                                                                          
#slidebox .previous:hover                                                  
{                                                                          
 background: url(../slider/slidebox_previous_hover.png) no-repeat left top;
}                                                                          
#slidebox .thumbs                                                          
{                                                                          
 position: absolute;                                                       
 z-index: 2;
 /* top: 3px; */
 top: 3px;
 right: 3px;                                                              
}                                                                          
#slidebox .thumbs a                                                        
{                                                                          
 display: block;                                                           
 margin-left: 5px;                                                         
 float: left;                                                              
 font-family: Verdana, Geneva, sans-serif;                                 
 font-size: 14px;                                                           
 text-decoration: none;                                                    
 padding: 2px 4px;                                                         
 background: url(slider/slidebox_thumb.png) repeat;                                
 font-weight: normal;
 opacity: .5;
 background: #000;                                                         
 color: #fff; 
 border: 1px solid #fff;                                                           
}                                                                          
#slidebox .thumbs a:hover                                                  
{                                                                            
 background: #000;                                                         
 color: #fff;  
 border: 1px solid #000;                                                          
}                                                                          
#slidebox .thumbs .thumbActive                                             
{                                                                                                                                        
 display: block;                                                           
 margin-left: 5px;                                                         
 float: left;                                                              
 font-family: Verdana, Geneva, sans-serif;                                 
 font-size: 14px;                                                            
 text-decoration: none;                                                    
 padding: 2px 4px;
 opacity: 1;  
 background: #fff;                                                         
 color: #000;  
 border: 1px solid #000;                                                    
}                                                                                                                                        
#slidebox img                                                             
{                                                                          
 width: 500px;                                                             
 height: 275px;
 border: none;                                                           
}                                                                                                


/* TABLE STYLES */
#content .tab
{
 text-align: left;
 border: 1px solid #ccc;
 margin: 30px 0px 30px;	
}
#content .tab_img
{
 text-align: center;
 margin: 30px 0px 30px;
}
#content .cent
{
 text-align: center;
}
#content .miniF
{
 font-size: 90%;
}
#content .width_fix
{
 width: 110px;
}
#content .width_min
{
 width: 40px;
}
#content a.green
{
 color: #40C047;
}
#content .tab th,
#content .tab td
{
 border: 1px solid #ccc;
 padding: 7px;	
}
#content .tab_img
{
 border-style: hidden;
}
#content .tab_img th,
#content .tab_img td
{
 padding: 26px;
 border: 2px solid #1d85b3;
}
#content .tab_img td img
{
 border: 1px solid #9a9a9a;
}

#content .miniF th,
#content .miniF td
{
 padding: 4px;
}
#content .maxpad a
{
 display: block;
 text-decoration: none;
 border-bottom: 1px solid #1d85b3;	
}
#content .maxpad a.green
{
 border-bottom: 1px solid #40C047;
}
#content .minpad td,
#content .minpad th
{	
 padding: 3px;
 width: 70px;	
}
#content .minpad th
{
 font-size: 95%;
}
#content .minpad a
{
 display: block;
}
#content .link_block a
{
 display: block;
 padding: 3px 0px;
}
#content .minpad a.red
{
 color: red;
}
#content .minpad td,
#content .maxpad td
{
 text-align: center;
}
#content .maxpad td,
#content .maxpad th
{
 padding: 7px;
}
#content .more_pad td,
#content .more_pad th
{
 padding: 12px;
}
#content .maxpad td p
{
 margin-bottom: 3px;	
}
#content .minpad th.left,
#content .maxpad th.left
{
 text-align: left;
 padding: 10px; 
}
#content .tab th
{
 font-weight: bold;
 text-align: center;
}
#content table .left
{                     
 text-align: left;    
}                     
#content .tab .left th
{
 text-align: left;
}
#content table .cent
{
 text-align: center; 
}
#content .tab th.fix-width
{
 width: 200px;	
}
#content .tab th.fix-width-1
{
 width: 120px;	
}
#content .tab th.fix_width_max
{
 width: 240px;	
}
#content .tab .no_wrap
{
 white-space: nowrap;	
}
#content .gray
{
 background-color: #e7e7e7;	
}
#content .violet
{
 background-color: #b1c7f6 !important;
}
#content table .bigf
{
 text-transform: uppercase;
}
#content .tab p
{
 margin: 0px 0px 15px;	
}
#content .lefttab p
{
 text-align: left;
}
#content .vertical td
{
 vertical-align: top;
 padding: 4px;	
}
#content .vertical td h3
{
 font-size: 120%;
}
#content .vertical td ul
{
 margin-left: -5px;
}
#content .vertical td ul li
{
 text-indent: -2px;
}
#content .vertical td h3
{
 margin: 5px;	
 padding: 0px;
}
#content .one_line
{
 font-style: italic;
 text-align: center;
 width: 100%;
 border-top: 1px solid black;
}
#content .nekro
{padding: 10px;
}

/* FORM QUEST MODULE STYLES */ 
#form_module_wrap                 
{                          
 margin: 20px 0px 0px;         
 padding: 15px;            
 border: 1px solid #ADC3D5;
 background-color: #F8F8F8;
} 
#form_module_wrap legend                         
{
 font-weight: bold;
}
#form_module_wrap fieldset
{
 padding: 12px;
 margin-bottom: 25px;
 border: 1px solid #ADC3D5;
}
#form_module_wrap .error
{
 color: red;
 margin: 0px;
 padding: 0px;
}
#form_module_wrap .radio
{
 overflow: hidden;
 position: relative;
}
#form_module_wrap .radio input
{
 position: absolute;
 left: 2px;
 top: 3px;
}
#form_module_wrap .radio label
{
 margin-left: 19px;
}
#form_module_wrap .submit                 
{                          
 color: #fff;              
 font-weight: bold;        
 font-size: 90%;           
 text-transform: uppercase;
 margin: 0px 0px 5px 0px;
 padding: 5px 12px;        
 background-color: #5D7A91;
 border: 1px solid #ADC3D5;
}                          



/* BANNERS */                      
#banners-wrap                      
{                                  
 width: 1000px;                  
 height: auto;                    
 margin: -190px auto 211px;          
 position: relative;               
 z-index: 5;                     
 overflow: hidden;                 
}                                  
#banners-wrap a                    
{              
 width: 200px;
 height: 60px;
 overflow: hidden;                 
 display: inline-block;     
}  
#banners-wrap li
{
 width: 200px;
 height: 60px;
 display: inline-block;     
 margin: 0px 22px 15px;      
 border: 1px solid #9a9a9a;        
} 


/* FORM FEEDBACK STYLES */                  
#form-wrap                                  
{                                           
 margin: 20px 0px;                          
 border: 1px solid #ADC3D5;	            
 padding: 15px;                             
 background-color: #F8F8F8;                 
}                                         
#form-wrap div                              
{                                           
 margin: 0px 10px;                          
 padding: 15px 10px;                   
 overflow: hidden;	                    
}                                           
#form-wrap div.grey                         
{                                           
 background-color: #E5E5E7;                 
}                                           
#form-wrap input,
#form-wrap select,
#form-wrap textarea
{                                           
 border: 1px solid #ADC3D5;                 
}                                           
#form-wrap input:focus,                     
#form-wrap textarea:focus,                  
#form-wrap select:focus                     
{                                           
-moz-box-shadow: 0px 0px 3px 3px #ADC3D5;   
-webkit-box-shadow: 0px 0px 3px 3px #ADC3D5;
box-shadow: 0px 0px 3px 3px #ADC3D5;        
} 
#form-wrap fieldset
{
 padding: 12px;
 width: 714px;
 border: 1px solid #ADC3D5;
}                                          
#form-wrap label                            
{                                           
 text-align: left;     
 display: inline-block;
 width: 180px;         
 padding-right: 20px;                            
}  
#content .label_right label
{
 text-align: right;
}
#content .label_right label.top_label
{
 text-align: justify;
 display: block;
 width: 720px;
 margin-bottom: 15px;
}
#theme,                                     
#theme option                               
{                                           
 width: 550px;                              
 overflow: hidden;                          
}                                           
#form-wrap p                                
{                                           
 margin: 0px;	                            
} 
#form-wrap p.smoke
{
 color: #888;
}                                          
#form-wrap span                             
{                                           
 color: red;	                            
}                                           
#form-wrap .checkbox                        
{                                           
 width: 400px;                              
 margin-left: 7px;	                    
}                                           
#form-wrap option.bold                      
{                                           
 color: #000 !important;                    
}                                           
#sname,                                     
#name,                                      
#lname,                                     
#phone,                                     
#email,                                     
#social,                                    
#vip,                                       
#place,                                     
#theme,                                     
#f,
#socio,  
#kategory,
#punkt                                        
{                                           
 width: 300px;  
 margin: 5px 0px;                             
}
#content .label_right input.input
{
 height: 1.64em;
 line-height: 1.64em;
 width: 540px;
 margin: 5px 0px;
}                                           
#adress                                     
{                                           
 width: 530px;	                            
}                                           
#message                                  
{                                           
 width: 535px;                              
 resize: none;                              
 float: right;
 margin-right: 15px;
}
#content .label_right textarea
{
 width: 735px;
 margin-right: 0px;
 float: none;
 resize: none;
}                                         
#send_mess                                  
{                                           
 color: #fff;                               
 font-weight: bold;                         
 font-size: 90%;                            
 text-transform: uppercase;                 
 margin: 15px 0px 5px 10px;                 
 padding: 5px 12px;                         
 background-color: #5D7A91;	            
 border: 1px solid #ADC3D5;                 
}
#content .label_right #send_mess
{
 margin-left: 20px;
}

/* RADIO */
#form-wrap p.label_radio
{
 text-align: right;
 float: left;
 width: 190px;         
 padding-right: 20px;
}
#form-wrap p.radio
{
 width: 100px;
 float: left;
 margin-right: 30px;
}
#form-wrap p.min
{
 width: 60px;
 float: left;
 margin-right: 5px;
}
#form-wrap p.radio input
{
 float: left;
 border: none;
 margin-top: 3px;
}
#form-wrap p.radio label
{
 float: right;
 width: 60px;
}
#form-wrap p.radio label.to_left
{
 text-align: left;
 width: 20px;
}
#form-wrap p.label_max_radio_min
{
 float: left;
 width: 300px;         
 padding-right: 90px;
}
#form-wrap p.mini
{
 width: 60px;
 float: left;
 margin-top: 1.4em;
 margin-right: 90px; 
}
#form-wrap p.mini label
{
 float: right;
 width: 20px;
}
#form-wrap p.mini input
{
 float: left;
 border: none;
 margin-top: 3px;
}


/* FORM MESSAGE STYLES */
#wrap-forma                                  
{                                           
 margin: 20px 0px;                          
 border: 1px solid #ADC3D5;	            
 padding: 0px 15px; 
 background-color: #F8F8F8;                                            
}



/* SOC SETI */
#group_button
{
 width: 95%;
 margin: 15px 0px;
 text-align: right;
 overflow: hidden;
}
#group_button li
{
 display: inline-block;
 margin: 0px;
 padding: 0px;
}

/* VIDEO GALLERY STYLE */ 
.video_gallery
{
 margin: 20px 0px; 
}    
.video_gallery img            
{                             
 display: block;              
}                             
.video_gallery p              
{                             
 position: relative;          
 top: 15px;                   
}                             
.video_gallery .video_img     
{                             
 position: relative;          
 width: 800px;                
 height: 142px;               
 margin-bottom: 20px;         
 overflow: hidden;            
}                             
.video_gallery .video_ico     
{                             
 position: absolute;          
 top: 0px;                    
 left: 0px;                   
 z-index: 5;                  
}                             
.video_gallery .video_screen  
{                             
 padding: 5px;                
 border: 1px solid #9a9a9a;   
 position: relative;          
 top: 30px;                   
 left: 30px;                  
 z-index: 1;                  
}                             
.video_gallery .img_video_wrap
{                             
 float: left;                 
 overflow: hidden;            
 width: 192px;                
 height: 142px;               
 margin-right: 10px;          
}                             


/* ARROW TOP */
#back-top {
position: fixed;
bottom: 30px;
right: 50px;
z-index: 200;
}
#back-top a {
width: 108px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #6fa4e6;
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #1f497d;
}
/* arrow icon (span tag) */
#back-top span {
width: 108px;
height: 108px;
display: block;
margin-bottom: 7px;
background: #6fa4e6 url(../img/up_arrow.png) no-repeat center center;
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #1f497d;
}

/* GALLERY */
#photo_wrap  .photo_line {
	overflow: auto;
	clear: both;
	margin-bottom: 20px;
   } 
#photo_wrap  .photo {
    font-size: 90%;
    text-align: center;
    display: inline-block;	
    margin-right: 30px;
    float: left;
   }
 #photo_wrap  .photo img {
    margin: 0px; 
    padding: 0px;
	display: block;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);	
   }
#photo_wrap  .photo p  {
	margin: 0px;
	padding: 0px;	
    background: #fff;	
   }
 #photo_wrap  .photo p.img {
	font-size: 0;
    width: 170px;
    height: 250px;
    padding: 20px;	
    border: 1px solid #99ccff;		
   }   
 #photo_wrap  .photo p.caption {
	color: #0506ff;
	text-align: center; 
    margin: 0;
	padding: 20px;
	width: 172px;
        height: 200px;
    background: #99ccff;	
    overflow: hidden;
   }
#photo_wrap  .photo p span {
	color: #000;
	font-weight: bold;
	display: block;
   }
#photo_wrap  .photo p span.upper {
	text-transform: uppercase;
   }



/* TOP INFO */
#content ul#top_info
{
 font-size: 110%;
 font-family: Tahoma;
 padding: 0px;
 width: 100%;
 margin: 5px 0px 15px;
 padding-left: 0;
 margin-left: 0px;
 list-style-type: none;
} 
#content ul#top_info a
{
 color: #339900;
 text-decoration: none;
 text-transform: uppercase;
 display: inline-block;
 border-bottom: 1px solid #339900;
 padding-bottom: 2px;
} 
#content ul#top_info a:hover
{
 color: #E44235;
 border-bottom: 1px solid #E44235; 
}
#content ul#top_info li
{
 display: inline-block;
 padding: 0px 10px;
 margin: 0px; 
 border-right: 2px solid #ccc;
}
#content ul#top_info li.last
{                 
 border: none;
}
#content ul#top_info li.first
{                 
 padding-left: 0px;
}

/* MAP MAIN PAGE */
#map_wrap
{
 margin-top: 50px;
}


/* IMAGE GALLERY */
#image_wrap
{
 margin: 30px 0px;
 position: relative;
 bottom: 20px;
}
#image_wrap p
{
 display: inline-block;
 float: left;
 margin: 0px 2px;
 padding: 2px;
 border: 1px solid #376092;
}
#image_wrap p.first
{
 margin-left: 0px;
}
#image_wrap p img
{
 margin: 0px;
 padding: 0px;
 display: block;
/*
 border-left: 1px solid #333;
 border-bottom: 1px solid #333;
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
*/
}
#image_wrap .image_line
{
 margin: 0px;
 padding: 4px 0px;
 overflow: visible;
 clear: both;
}
.img_wrap
{
 clear: both;
 overflow: visible;
}
#content .img_wrap .float_img,
#content .img_wrap .img_float,
#content .img_wrap .float_img_right
{
 display: block;
 float: left;
 width: 150px;
 height: 220px;
 margin: 2px 15px 15px 0px;
 position: relative;
 border: 1px solid #9a9a9a;
}
#content .img_wrap .img_float
{
 width: 220px;
 height: 150px;
}
#content .img_wrap .float_img_right
{
 float: right !important;
 margin: 15px 0px 0px 15px;
}
#content .img_wrap strong
{
 text-transform: uppercase;
}


/* ГЛАВНАЯ БЛОКИ СПРАВА ОТ НОВОСТЕЙ */
#img_link_hold,
#img_link_hold_horiz,
#img_link_hold_horiz_1
{             
 display: block;
 float: right;
 clear: both;
 width: 162px;
 height: 230px;
 background:url(../img/fs100let.jpg) no-repeat;
 position: relative;
 margin: 0px 0px 20px 20px;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #575959;
 border-bottom: 1px solid #575959;                                       
}
#img_link_hold
{
 background:url(../img/virt_muzeum.webp) no-repeat;
}
#img_link_hold_horiz,
#img_link_hold_horiz_1
{
 width: 320px;
 height: 120px;
 float: none;
 margin: 0px;
 background: url(../img/fs-100let-horizon.jpg) no-repeat; 
}
#img_link_hold_horiz_1
{
 margin-top: 10px;
 background: url(../museum/img/muzbanner.jpg) no-repeat; 
}
#img_link_hold_orgmu
{             
 display: block;
 float: right;
 clear: both;
 width: 162px;
 height: 70px;
 background:url(../img_banners/sanshield.webp) no-repeat;
 position: relative;
 margin: 0px 0px 20px 20px;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #575959;
 border-bottom: 1px solid #575959;                                       
}


/* FOOTER */
#footer
{
 color: #7b7b7b;
 font-size: 80%;
 text-align: left;
 border-top: 1px solid #c6c6c6;
 margin: -161px auto 0px;
 height: 160px;
 width: 1110px;
 position: relative;
} 
#bottom-logo
{
 position: absolute;
 top: -35px;
 left: 520px;
 width: 70px;
 height: 70px;
 background: #fff url(../img/slogo.png) 50% 50% no-repeat;
 z-index: 1;
}   
#footer a
{
 color: #4DA4E2;
 text-decoration: underline;
}
#footer p
{
 float: left;
 position: relative;
 z-index: 3;
}
#footer .left-p
{
 width: 290px;
 padding: 35px 0px 0px 30px;
}  
#footer .center-p
{
 text-align: right;
 float: right;
 width: 280px;
 padding: 10px 30px 0px 0px;
}
#footer .center-p span
{
 display: block;
}
#counter_wrap
{
 position: absolute;
 left: 510px;
 top: 50px;
}

/* MOB STYLES RESET */
#mob-head-menu
{
 display: none;
 visibility: hidden;
}
#burger,
#burger-label
{
 display: none;
 visibility: hidden;
}
#hamburger,
#hamburger-label
{
 display: none;
}

/* TABS */
    .tabs {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }

    .tabs>input[type="radio"] {
      display: none !important;     
    }

    .tabs>input[type="radio"]:checked+label {
      font-weight: bold;
      cursor: default;
      background: #eee;     
    }

    .tabs>div {
      display: none;
      border: 3px solid #ccc;
      padding: 10px;
    }

    #tab-btn-1:checked~#content-1,
    #tab-btn-2:checked~#content-2,
    #tab-btn-3:checked~#content-3,
    #tab-btn-4:checked~#content-4,
    #tab-btn-5:checked~#content-5,
    #tab-btn-6:checked~#content-6,
    #tab-btn-7:checked~#content-7,
    #tab-btn-8:checked~#content-8,
    #tab-btn-9:checked~#content-9,
    #tab-btn-10:checked~#content-10,
    #tab-btn-11:checked~#content-11,
    #tab-btn-12:checked~#content-12,
    #tab-btn-13:checked~#content-13,
    #tab-btn-14:checked~#content-14,
    #tab-btn-15:checked~#content-15,
    #tab-btn-16:checked~#content-16,
    #tab-btn-17:checked~#content-17,
    #tab-btn-18:checked~#content-18,
    #tab-btn-19:checked~#content-19,
    #tab-btn-20:checked~#content-20,
    #tab-btn-21:checked~#content-21,
    #tab-btn-22:checked~#content-22,
    #tab-btn-23:checked~#content-23,
    #tab-btn-24:checked~#content-24
    {
      display: block;
    }

    .tabs>label {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      user-select: none;
      font-size: 12px;
      line-height: 1.5;
      transition: color 0.15s ease-in-out;
      cursor: pointer;
      padding: 3px 7px;  
      border-top: 3px solid #ccc;
      border-right: 3px solid #ccc;    
    }

    .tabs>label:first-of-type {
      margin-left: 0;
      border-left: 3px solid #ccc;
    }
   .tabs ul {
      list-style-type: circle !important;
      font-family: "Lucida Sans Unicode" !important;
      font-size: 120% !important;
    }





    .tabs-second {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }

    .tabs-second>input[type="radio"] {
      display: none !important;     
    }

    .tabs-second>input[type="radio"]:checked+label {
      font-weight: bold;
      cursor: default;
      background: #eee;     
    }

    .tabs-second>div {
      display: none;
      border: 3px solid #ccc;
      padding: 10px;
    }

    .tabs-second>label {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      user-select: none;
      font-size: 12px;
      line-height: 1.5;
      transition: color 0.15s ease-in-out;
      cursor: pointer;
      padding: 3px 7px;  
      border-top: 3px solid #ccc;
      border-right: 3px solid #ccc;    
    }

    .tabs-second>label:first-of-type {
      margin-left: 0;
      border-left: 3px solid #ccc;
    }
   .tabs-second ul {
      list-style-type: circle !important;
      font-family: "Lucida Sans Unicode" !important;
      font-size: 120% !important;
    }
/* END TABS */