@media (max-width: 720px) {

	TABLE#main {width:90%;}
	AUDIO {width:15em;}

}
/*@media (max-width: 1920px) {

	TABLE#main {width:50%;}
	AUDIO {width:20em;}

}*/


.color1 {color: #AADDBB;}
.color2 {color: #ff9999;}
.color3 {color: #990033;}
.color4 {color:lightblue;}
.color5 {color:#4499CC;} /*blue*/

.bglight1 {	background-color:#AADDBB }

BODY {
	/*width:100%;*/
	font-family: Arial;
}


TABLE#main {
	background-color:lightyellow;
	border: dashed 1px green;
	text-align:center;
	margin: 0 auto;
	width: 50%;

}

H2 {
	font-size:200%;
	font-family:Arial;
	color:lightyellow;
	background-color:darkblue;
	text-align:center;
	margin:6px auto;
	padding:10px 20px;
	border-radius: 10px;
}

H3 {
	text-align:center;
	color:darkblue;
	/*display:block;*/

}

P {
	text-align:center;
}

FORM {
	text-align:left;
}

HR {
	background-color:lightblue;
	/*width:90%;*/
	color: #773355;
}


.addresses {

	/*width:50%;*/
	margin:0px auto;

}

TABLE {
	padding:10px;
	}


TD {
	/*height:50%;*/
	vertical-align:middle;
}


.yellow_plashka {

	padding:0 0 10px 0;
	background-color: #ffccdd;
	text-align:center;

}


.video_plashka {

	padding:10px 0;
	background-color: #990033;
	color:white;
	border-radius:10px;

}

.video_plashka H1 {
	font-size:200%;
	font-weight:bold;
	color:white;
	margin:0px;

}

.alert1 {
	margin: 0 auto;
	padding:5px 0 0 0;
	border: solid 3px lightblue;
	width:200px;
	background-color:white;
	border-radius: 5px;
	font-family: monospace;
}
.alert2 {
	text-align:center;
	margin: 10px auto;
	padding:5px;
	border: solid 3px white;
	width:400px;
	background-color:red;
	color:white;
	border-radius: 5px;
	font-family: monospace;
	font-weight:bold;
}


.perevod1 {
	display:block;
	border-width:2px 0 0 0;
	padding:3px;
}

.current {
	font-size:120%;
}

.passing {
	border: solid 1px #222;
	padding:0px 1px;
}

.smaller {
	font-size:80%;
}

.players {
	text-align:center;
	margin:10px auto 20px auto;

}

#curtrackinfo {
	color:black;
	text-overflow:ellipsis;
	overflow-x:hidden;

}

#BandPicture {
	border:solid 1px gray;
	border-radius: 10px;
	width:250px;
	height:200ps;

}

#BandText {
	border:dashed 3px #bbaadd;
	/*width:80%;*/
	height:150px;
	padding:10px;
	margin:10px auto;
	text-align:left;
	background-color:#ccbbee;
	color:black;
	border-radius: 5px;
	font-family: monospace;
	overflow-y: scroll;
	display:block;
}

.AudioInfo {
	font-size:1em;
	margin:0 auto;
	background-color:lightblue;
	padding:15px 10px;
	/*width:80%;*/
	border:solid 1px gray;
	border-width: 1px 1px 0 1px;
	border-radius: 10px 10px 0 0;
}

.audioControl {

	background-color:lightblue;
	margin:0 auto 5px auto;
	/*width:100%;*/
	color:black;
	border:solid 1px gray;
	border-color: lightblue gray gray gray;
	border-width: 1px;
	border-radius: 0 0 10px 10px;
	padding:10px 10px;
}

AUDIO {
	/*width:15em;*/
	/*height:5em;*/
	/*filter: sepia(80%) saturate(50%) grayscale(0) contrast(80%) invert(0%);*/
}


.playerControl {
	text-align:center;

}

.playerControl BUTTON {
	width:3em;
	height:3em;
	font-size:150%;
	background-color:lightblue;
	border:solid 1px gray;
	border-width: 1px 2px 2px 1px;
	border-radius: 10px;
	margin:3px 2px 5px 2px;
}

BUTTON.help {

	width:4em;
	height:2em;
	font-size:130%;
}

BUTTON.red {

	background-color:#ff9999;
}
VIDEO {
	margin:10px auto;
	text-align:center;
}



A.logo:hover {
	color:blue;
	text-decoration: underline;
}

.logo {
	color:black;
	text-decoration: none;
	display:block;
	width:130px;
	height:50px;
	margin: 0 auto;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;

}

IFRAME {
	text-align:center;
	margin:10px auto;
	display:block;
}

.youtube {
	background-image:url("/images/logos/youtube.png");
	background-size:120px;
	background-repeat: no-repeat;
	padding-left: 130px;

}

.tg {
	background-image:url("/images/logos/tg.png");
	background-size:50px;
	background-repeat: no-repeat;
	width:100px;
	padding-left: 70px;

}

.twitch {
	background-image:url("/images/logos/twitch.png");
	background-size:100px;
	background-repeat: no-repeat;
	width:120px;
	padding-left: 100px;

}

.vkvideo {
	background-image:url("/images/logos/vkvideo.png");
	background-size:40px;
	background-repeat: no-repeat;
	width:200px;
	padding-left: 50px;

}

.vk {
	background-image:url("/images/logos/vk.png");
	background-size:40px;
	background-repeat: no-repeat;
	width:200px;
	padding-left: 50px;

}