:root {
	--site_color1: #FF7260;
	--site_color2: #129793;
	--site_color3: #9BD7D5;
	--site_color4: #FFF5C3;
	--site_color5: #FFD1C8;
	--font_color1: #FFFFFF;
	--font_color2: #129793;
	--font_color3: #FF7260;
	--font_color4: #505050;
}


.left {
	background-color: var(--site_color2);
}
.main {
	background-color: var(--site_color3);
}
.otter_div {
	color: var(--font_color2);
	
}


.video_label {
	color: var(--font_color1);
}
.video_label_small {
	color: var(--font_color1);
}

/* NAWIGACJA VIDEO */
.nav-Video	{
	color: var(--font_color3);
}
.nav-Video li:hover {
	background-color: var(--site_color1);
}

.top-nav	{
	background-color: var(--site_color2);
	color: var(--font_color1);
}
.nav-mainMenu a {
	color: var(--font_color1);
}
.nav-Video a	{
	color: var(--font_color1);
}


/* NAWIGACJA MENU GŁÓWNE */

.menu li:hover {
	background-color: var(--site_color1);
}
/* PODMENU USŁUG */
.nav-subMainMenuServices {
	background-color: var(--site_color1);
}
.nav-subMainMenuServices li:hover {
	background-color: var(--site_color2);
}


/* RODZAJE */
.rodzaj_div {
	color: var(--font_color4);
}


@media screen and (max-width: 768px){

	.menu {
		background-color: var(--site_color2);
	}
	.menu li:hover {
		background-color: var(--site_color1);
	}
	.nav-subMainMenuServices li:hover {
		background-color: var(--site_color2);
	}
}