/* 1 тем -- число, скрипт определяет количество дополнительных тем ("по умолчанию" не учитывается) */

/* ТЕМА ПО УМОЛЧАНИЮ */
:root{
    --color0: #2266A5;		
	--color1: #185996;
	--color2: #0B4881;
	--color3: #C0994C;
	--color4: #EDC067;
	--color5: #3883cc;
	--color6: #E4B862;
	--color7: #DCB15D;
	--color8: #EEEEEE;
	--color9: #D6A037;
	--color10: #44515d;
	--color11: rgba(34, 101, 164, 0.75);
}

/* 0 - это тема по умолчанию. индекс новых тем должен начинаться с 1 и следовать по порядку */
#palette .color_theme_0 > .color_0 {background-color: #2266A5; }
#palette .color_theme_0 > .color_1 {background-color: #185996; }
#palette .color_theme_0 > .color_2 {background-color: #0B4881; }
#palette .color_theme_0 > .color_3 {background-color: #C0994C; }
#palette .color_theme_0 > .color_4 {background-color: #EDC067; }
#palette .color_theme_0 > .color_5 {background-color: #3883cc; }
#palette .color_theme_0 > .color_6 {background-color: #E4B862; }
#palette .color_theme_0 > .color_7 {background-color: #DCB15D; }
#palette .color_theme_0 > .color_8 {background-color: #EEEEEE; }
#palette .color_theme_0 > .color_9 {background-color: #D6A037; }
#palette .color_theme_0 > .color_10 {background-color: #44515d; }
#palette .color_theme_0 > .color_11 {background-color: rgba(34, 101, 164, 0.75); }



#palette .color_theme_1 > .color_0 {background-color: #6f242a; }
#palette .color_theme_1 > .color_1 {background-color: #4c0f1c; }
#palette .color_theme_1 > .color_2 {background-color: #0B4881; }
#palette .color_theme_1 > .color_3 {background-color: #b58425; }
#palette .color_theme_1 > .color_4 {background-color: #EDC067; }
#palette .color_theme_1 > .color_5 {background-color: #316eaf; }
#palette .color_theme_1 > .color_6 {background-color: #E4B862; }
#palette .color_theme_1 > .color_7 {background-color: #8dafd0; }
#palette .color_theme_1 > .color_8 {background-color: #EEEEEE; }
#palette .color_theme_1 > .color_9 {background-color: #D6A037; }
#palette .color_theme_1 > .color_10 {background-color: #44515d; }
#palette .color_theme_1 > .color_11 {background-color: rgba(34, 101, 164, 0.75); }


html {opacity: 0; }

/* ******************************** */


	.archive_header > a:hover,
	.archive_header .MapTabs .tabSelect,
	.panel-heading,
	button, .button,
	.nav-tabs > .active
{background-color: var(--color0); }
	#footer_content,
	.announcements,
	.archive_header .MapTabs,
	.ww_form input:focus,
	.ww_form select:focus,
	.ww_form textarea:focus,
	.tab-content
{border-color: var(--color0); }
	.ww_form li::marker
{color: var(--color0); }



	#header
{background-color: var(--color1); }
	a,
	#sidebar .panel,
	#date_time
{color: var(--color1); }


	h1,
	.section_heading
{color: var(--color2); }


	#main_menu {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2266a5+0,185996+100 */
	background: var(--color0); /* Old browsers */
	background: -moz-linear-gradient(top, var(--color0) 0%, var(--color1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, var(--color0) 0%,var(--color1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, var(--color0) 0%,var(--color1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color0)', endColorstr='var(--color1)',GradientType=0 ); /* IE6-9 */
}

	

	
@media screen and (min-width: 768px) {
	#main_menu .level_0 ul {background: var(--color3); } 
	
	#main_menu .level_1 li:hover {background: var(--color6); }
	
	#main_menu .level_0 > li:hover {
		background-image: -webkit-gradient(linear,top,bottom,color-stop(0,var(--color4)),color-stop(1,var(--color3)));
		background-image: -ms-linear-gradient(top, var(--color4),var(--color3));
		background-image: -o-linear-gradient(top, var(--color4),var(--color3));
		background-image: -moz-linear-gradient(top, var(--color4),var(--color3));
		background-image: -webkit-linear-gradient(top, var(--color4),var(--color3));
		background-image: linear-gradient(to bottom, var(--color4),var(--color3));
	}
	
}


@media screen and (max-width: 767px) {
	#main_menu a:hover {background: var(--color4); }

	#main_menu_mobile {background: var(--color0); }
}


	#main_menu .level_0 > .active,
	#main_menu .level_0 > li.parent_active:not(:first-of-type)
{background-color: var(--color5); }

	#main_menu .level_1 > li:hover
{background: var(--color6); }


	#copyrights,
	button:hover, .button:hover
{background-color: var(--color7); }
	
	#footer_content
{background-color: var(--color8); }


	a:hover,
	a:focus
{color: var(--color9); }

	a:visited
{color: var(--color10); }


	.gallery > .item > span {background-color: var(--color11); }

/* ******************** */