
IMG, DIV, A, H1 {
	behavior: url('./css/iepngfix.htc');
}



HTML {
	background: url('./../graphic/background.png') repeat 56px 47px;
}
HTML, FORM TEXTAREA {
	font-family: "Verdana CE", Verdana, "Tahoma CE", Tahoma, "Arial CE", Arial, "Times New Roman";
	font-size: 13px;
}
* {
	font-size: 13px;
}

BODY {
	background: url('./../graphic/background_x.png') repeat-x -11px 0px;
	margin: 0px;
height: 500px; /**/
}


IMG {
	border: none;
}

H3 {
	font-weight: normal;
	font-size: 25px;
	margin: 10px 5px 25px 5px;
	0border: 1px solid red;
}


FORM {
}
	.form200 {
		margin-left: 200px;
	}
	FORM INPUT, FORM SELECT, FORM TEXTAREA, FORM .file {
		float: left;
		clear: left;
		font-size: 15px;
		padding: 2px;
		margin: 2px 0px 10px 0px;
		
		width: 200px;
		
		background-color: transparent;
		
		border: rgb(65,65,65) solid 1px;
		border: rgb(150,150,150) solid 1px;
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;
	}
	FORM .file {
		width: 340px;
		height: auto;
		padding: 0px 0px 0px 2px;
	}
	FORM .file INPUT {
		border: 0px solid transparent;
		margin: -2px;
	}
	FORM SELECT OPTION {
		margin: 0px 0px 0px 10px;
	}
	FORM SELECT .group {
		font-weight: bold;
		margin: 2px 0px 8px 0px;
	}
	FORM .butt, FORM INPUT[type="submit"] {
		width: auto;
		background: url('./../graphic/form_button.png') repeat-x left -3px;
		height: 28px;
		padding: 0px 10px 0px 10px;
		cursor: hand; cursor: pointer;
	}
		FORM .butt:hover, FORM INPUT[type="submit"]:hover {
			background: url('./../graphic/form_button.png') repeat-x left bottom;
		}
		FORM .center {
			text-align: center;
		}
		FORM .center INPUT {
			float: none;
		}
	FORM LABEL {
		float: left;
		clear: left;
		margin: 3px 0px 3px 0px;
	}
	FORM P {
		clear: both;
		float: left;
		text-align: left;
		width: 400px;
		font-size: 9px;
		margin: 0px 0px 10px 0px;
		color: rgb(65,65,65);
	}
	FORM *[readonly="readonly"], FORM *[disabled="disabled"] {
		cursor: not-allowed;
		
		border-color: rgb(165,165,165);
		color: rgb(165,165,165);
	}
	/*
	FORM INPUT[type="checkbox"], FORM INPUT[type='radio'] {
		width: auto;
		border: 1px solid red;
		background: red;
	}
	*/

/*==================================================*/

A, .a {
	color: rgb(166,70,0);
	0color: rgb(191,109,48);
}
A:hover, .a:hover {
	color: rgb(255,133,0);
	color: rgb(166,70,0);
	color: rgb(255,163,64);
}
A:active {
	color: transparent;
	color: rgb(255,76,0);
}

/*==================================================*/

.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
}

.hidden {
	display: none;
}

.important {
	color: rgb(255,76,0);
}

.red {
	color: red;
	font-weight: bold;
}

.caps {
	font-variant: small-caps;
}

.small {
	font-size: 80%;
}
.big {
	font-size: 110%;
}

.bold {
	font-weight: bold;
}

.fl {
	float: left;
}
.fr {
	float: right;
}
.fc {
	float: center;
}

.tar {
	text-align: right;
}
.tal {
	text-align: left;
}
.tac {
	text-align: center;
}

.ul_clear {
	margin: 0px;
	padding: 0px;
}
.ul_clear LI {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.ul_inline LI {
	display: inline
}


/*==================================================*/

#mybody {
	width: 900px;

}
	#mybody #header {
		background: url('./../graphic/header.png') no-repeat center 10px;
		height: 279px;
		position: relative;
	}
		#mybody #header #home {
			position: absolute;
			display: block;
			width: 200px;
			height: 240px;
		}
	
		#mybody #header #jazyky {
			position: absolute;
			top: 50px;
			left: 500px;
			width: 375px;
			text-align: right;
			padding: 0px 25px 0px 0px;
		}
		#mybody #header #jazyky .border {
			border-left: 1px solid rgb(0,0,0);
			padding-left: 5px;
		}
		
		#mybody #header #title {
			position: absolute;
			width: 419px;
			height: 47px;
			top: 150px;
			left: 440px;
		}
		#mybody #header #title SPAN {
			display: none;
		}
		#mybody #header .cz {
			background: url('./../graphic/title_cz.png') no-repeat center bottom;
		}
		#mybody #header .en {
			background: url('./../graphic/title_en.png') no-repeat center bottom;
		}		
		#mybody #header .de {
			background: url('./../graphic/title_de.png') no-repeat center bottom;
		}		
		
		#mybody #header #menu_lista {
			position: absolute;
			top: 228px;
			left: 350px;
			width: 550px;
			text-align: right;
		}
		#mybody #header #menu_lista LI {
			margin-right: 40px;
		}
		#mybody #header #menu_lista A {
			color: rgb(0,0,0);
			text-decoration: none;
		}
		#mybody #header #menu_lista A:hover {
			text-decoration: underline;
			color: rgb(166,70,0);
		}
		
		#mybody #header H2 {
			margin: 0px;
			padding: 0px;
			position: absolute;
			top: 250px;
			left: 35px;
			font-weight: normal;
			font-size: 17px;
		}
		
		#mybody #header #cesta {
			margin: 0px;
			padding: 0px;
			position: absolute;
			top: 250px;
			left: 362px;
			padding: 6px 20px 0px 0px;
			height: 23px;
			font-size: 11px;
			background: url('./../graphic/path.png') no-repeat right center;
			font-weight: normal;
		}
		#mybody #header #cesta A {
			font-size: 11px;
		}
		#mybody #header #cesta SPAN {
			0display: none;
		}
			
			#mybody #header #cesta #prepinacplemene {
				display: inline;
			}
			#mybody #header #cesta #prepinacplemene SPAN {
				display: inline;
				text-decoration: underline;
				cursor: hand; cursor: pointer;
			}
			#mybody #header #cesta #prepinacplemene DIV {
				display: none;
				z-index: 10;
				position: absolute;
				margin-left: -105px;
				background: url('./../graphic/cesta_prepinac.png') no-repeat;
				padding: 38px 0px 0px 26px;
				width: 312px; width: 286px;
				height: 175px; height: 137px;
			}
			#mybody #header #cesta #prepinacplemene:hover DIV {
				display: block;
			}
			#mybody #header #cesta #prepinacplemene DIV A {
				display: block;
				float: left;
				background: url('./../graphic/button_small.png') no-repeat center top;
				color: rgb(0,0,0);
				padding: 10px 5px 0px 5px;
				width: 99px;
				height: 99px;
				position: relative;
				margin: 0px 11px 1px 10px;
				text-decoration: none;
			}
			#mybody #header #cesta #prepinacplemene DIV A:hover {
				background-position: center -136;
				margin: 1px 10px 0px 11px;
			}
			#mybody #header #cesta #prepinacplemene DIV A IMG {
				width: 95px;
				0margin-top: -5px;
				position: absolute;
				top: 13px;
				left: 0px;
			}
			#mybody #header #cesta #prepinacplemene DIV A .parrson {
				left: 16px;
			}
		
		#mybody #stat {
			background: url('./../graphic/body.png') repeat-y center top;
			padding-bottom: 50px;	
		}
			#mybody #stat #menu {
				float: left;
				width: 194px;
0background: red;
			}
			#mybody #stat #menu {
				margin: 0px 0px 0px 6px;
				padding: 0px;
			}
			#mybody #stat #menu LI {
				display: block;
				background: url('./../graphic/menu_shadow.png') no-repeat -30px bottom;
				padding-bottom: 4px;
				text-align: left;
			}
			#mybody #stat #menu LI A {
				background: url('./../graphic/menu_gradient_small_2.png') no-repeat left bottom;
				display: block;
				text-align: left;
				width: 155px;
				padding: 7px 0px 7px 35px;
				0font-variant: small-caps;
				font-size: 17px;
				color: rgb(65,65,65);
				text-decoration: none;
			}
			#mybody #stat #menu LI A:hover {
				color: rgb(166,70,0);
				background-position: right bottom;
			}
			#mybody #stat #menu LI A IMG {
				display: none;
				margin: -10px 0px -7px 25px;
				margin: -10px 0px -7px -15px;
			}
			#mybody #stat #menu LI A .show {
				display: block;
			}
			
			
			
			#mybody #stat #obsah {
				float: left;
				width: 700px;
			}

			#mybody #stat #obsah .content {
				padding: 0px 60px 0px 50px;
			}
			#mybody #stat #obsah .content P {
				text-align: justify;
			}
			#mybody #stat #obsah .article P:first-letter {
				margin-left: 20px;
			}
			#mybody #stat #obsah .dva_sloupce DIV {
				float: left;
				width: 50%;
			}
			#mybody #stat #obsah .dva_sloupce DIV P {
				padding: 0px 70px 0px 70px;
			}
			
		
/* STENATA - VRHY */		
			#mybody #stat #obsah .vrhy {
				margin: 0px;
				padding: 0px 0px 0px 50px;
			}
			#mybody #stat #obsah .vrhy LI {
				display: block;
				float: left;
				margin: 5px;
			}
			#mybody #stat #obsah .vrhy LI IMG {
				position: absolute;
				top: 55px;
				top: 15px;
				left: 15px;
			}
			#mybody #stat #obsah .vrhy LI A, #mybody #stat #obsah .vrhy .vrh, #mybody #stat #obsah .pridat A {
				display: block;
				width: 109px;
				padding-top: 22px;
				height: 87px;
				font-size: 45px;
				background: url('./../graphic/button_small.png') no-repeat center top;
				margin: 0px 1px 1px 0px;		
				text-decoration: none;
				position: relative;
			}
				#mybody #stat #obsah .vrhy .vrh {
					margin: 5px;
				}
			#mybody #stat #obsah .vrhy LI A:hover, #mybody #stat #obsah .pridat A:hover  {
				background: url('./../graphic/button_small.png') no-repeat center bottom;
				margin: 1px 0px 0px 1px;
			}
	
	/* PRIDAVACI BUTTON */		
			#mybody #stat #obsah .pridat {
				0border: 1px solid red;
				float: right;
				margin: -10px 40px -99px 0px;
				position: relative;
				z-index: 100;
				filter: alpha(opacity=75);
				-moz-opacity: 0.75;
				opacity: 0.75;
			}
			#mybody #stat #obsah .pridat A {
				padding: 20px 10px 0px 10px;
				width: 89px;
				height: 89px;
				font-size: 16px;			
			}

/* KARTA */
			#mybody #stat #obsah .karta_load {
				background: url('./../graphic/loading.gif') no-repeat 167px 97px;
				clear: both;
			}
			#mybody #stat #obsah .karta_photo {
				background: no-repeat 45px 20px;
			}
			#mybody #stat #obsah .karta_photo .karta {
				width: 659px;
				height: 373px;
				background: url('./../graphic/karta.png') no-repeat left top;
				margin: 0px 0px 20px 0px;
				text-align: left;
				position: relative;
			}
			#mybody #stat #obsah .karta_photo .karta A {
				text-decoration: none;
			}
			
				#mybody #stat #obsah .karta_photo .karta .datumovka {
					position: absolute;
					top: 180px;
					left: 87px;
					width: 250px;
					background: url('./../graphic/datumovka.png') repeat-y right center;
					text-align: right;
					padding: 5px 10px 5px 0px;
					color: rgb(166,70,0);
					filter: alpha(opacity=20);
					-moz-opacity: 0.2;
					opacity: 0.2;
					/* 0.8 */
				}
				#mybody #stat #obsah .karta_photo .karta .datumovka:hover {
					filter: alpha(opacity=90);
					-moz-opacity: 0.9;
					opacity: 0.9;
				}
				
				#mybody #stat #obsah .karta_photo .karta .datumovka, #mybody #stat #obsah .karta_photo .karta .datumovka * {
					font-size: 11px;
				}
				
				
				#mybody #stat #obsah .karta_photo .karta .jmeno {
					padding: 18px 0px 0px 380px;
					font-size: 19px;
					color: rgb(166,70,0);
				}
				#mybody #stat #obsah .karta_photo .karta .rasa {
					padding: 6px 0px 25px 380px;
				}
				#mybody #stat #obsah .karta_photo .karta .name {
					margin-left: 380px;
					width: 80px;
					float: left;
					clear: both;
				}
					#mybody #stat #obsah .karta_photo .karta .space {
						margin-top: 6px;
					}
				#mybody #stat #obsah .karta_photo .karta .value {
					float: left;
					width: 180px;
				}
						
				#mybody #stat #obsah .karta_photo .karta .photos {
					position: absolute;
					top: 275px;
					left: 25px;
				}
				#mybody #stat #obsah .karta_photo .karta .photos A {
					display: block;
					float: left;
					padding: 4px;
					0width: 68px;
					0height: 52px;
					margin-right: 8px;
					background: url('./../graphic/photo_mini.png') no-repeat left top;
				}
				#mybody #stat #obsah .karta_photo .karta .photos .photocancel {
					background: url('./../graphic/photo_cancel.png') no-repeat center center;
					display: block;
					width: 25px;
					height: 24px;
					margin: 28px 0px 0px -83px;
						filter: alpha(opacity=60);
						-moz-opacity: 0.60;
						opacity: 0.60;
				}
					#mybody #stat #obsah .karta_photo .karta .photos .photocancel:hover {
						filter: alpha(opacity=100);
						-moz-opacity: 1;
						opacity: 1;
					}
				#mybody #stat #obsah .karta_photo .karta .photos .photocancel:hover {
					background-position: center center;
				}
				
				#mybody #stat #obsah .karta_photo .karta .photos A:hover {
					background-position: left -52px;
				}
				#mybody #stat #obsah .karta_photo .karta .photos .active {
					background-position: left -104px;
				}
				#mybody #stat #obsah .karta_photo .karta .photos IMG {
					width: 60px;
					height: 44px;
				}
				#mybody #stat #obsah .karta_photo .karta .line {
					position: absolute;
					top: 342px;
					padding: 0px 27px 0px 27px;
					width: 659px; width: 605px;
				}
				#mybody #stat #obsah .karta_photo .karta .line .icon {
					float: right;
					display: block;
					width: 46px;
					height: 40px;
					margin: -20px 0px 0px 5px;
						filter: alpha(opacity=60);
						-moz-opacity: 0.60;
						opacity: 0.60;
				}
					#mybody #stat #obsah .karta_photo .karta .line .icon:hover {
						filter: alpha(opacity=100);
						-moz-opacity: 1;
						opacity: 1;
					}
					
					.edit {
						background: url('./../graphic/icon_edit.png') no-repeat center center;
					}
					.cancel {
						background: url('./../graphic/icon_cancel.png') no-repeat center center;
					}
					.up {
						background: url('./../graphic/icon_up.png') no-repeat center center;
					}
					.kryci {
						background: url('./../graphic/icon_kryci.png') no-repeat center center;
					}
					.nekryci {
						background: url('./../graphic/icon_nekryci.png') no-repeat center center;
					}					
			
			#mybody #stat #obsah .karta_photo .karta FORM {
				padding: 10px 0px 0px 0px;
				position: relative;
			}
			#mybody #stat #obsah .karta_photo .karta FORM * {
					width: 176px;
					font-size: 12px;
					clear: none;
					margin: 0px;
					padding: 1px 3px 1px 5px;
					float: left;
			}
				#mybody #stat #obsah .karta_photo .karta FORM INPUT[type=text], #mybody #stat #obsah .karta_photo .karta FORM SELECT {
					margin-bottom: 10px;
				}
				#mybody #stat #obsah .karta_photo .karta FORM LABEL {
					float: left;
					width: 75px;
					margin: 0px 0px 0px 375px;
					clear: both;
				}
				#mybody #stat #obsah .karta_photo .karta FORM #pohlavi, #mybody #stat #obsah .karta_photo .karta FORM .pohlavi {
					margin-bottom: 25px;
					float: none;
					width: auto;
					width: 30px;
				}
				
				#mybody #stat #obsah .karta_photo .karta FORM #rasa {
					margin-bottom: 15px;
				}
				
				#mybody #stat #obsah .karta_photo .karta FORM TEXTAREA {
					height: 25px;
					margin-bottom: 3px;
				}
				
				#mybody #stat #obsah .karta_photo .karta FORM #vyska, #mybody #stat #obsah .karta_photo .karta FORM #cena {
					width: 150px;
				}
				#mybody #stat #obsah .karta_photo .karta FORM SPAN {
					display: block;
					float: left;
					width: auto;
					padding-top: 5px;
				}
				#mybody #stat #obsah .karta_photo .karta FORM #rasa {
					margin-bottom: 15px;
				}
				#mybody #stat #obsah .karta_photo .karta FORM #srst {
					0height: 20px;
					padding: 0px;
				}
				#mybody #stat #obsah .karta_photo .karta FORM #zuby {
					width: 160px;
				}
				#mybody #stat #obsah .karta_photo .karta FORM #plnochrupy {
					width: 20px;
					margin-top: 5px;
				}
				#mybody #stat #obsah .karta_photo .karta FORM P {
					float: right;
					width: 95px;
					padding-right: 12px;
					font-size: 11px;
				}
				#mybody #stat #obsah .karta_photo .karta FORM P INPUT {
					width: auto;
				}
				#mybody #stat #obsah .karta_photo .karta FORM INPUT[type=submit] {
					position: absolute;
					top: 290px;
					left: 100px;
					font-size: 13px;
				}
			
			#mybody #stat .znaminko {
				font-size: 80%;
				font-family: "Times New Roman";
			}
			
/* KARTA_RODIC */
			#mybody #stat #obsah .karta_rodic_photo {
				float: left;
				clear: right;
				text-align: left;
				width: 327px;
				margin: 0px -13px 20px 19px;
			}		
			#mybody #stat #obsah .karta_rodic_photo IMG {
				width: 290px;
				margin: 24px 0px -240px 19px;
				position: relative;
			}	
			#mybody #stat #obsah .karta_rodic {
				position: relative;
				padding: 248px 0px 0px 30px;
				width: 297px;
				height: 37px;
				background: url('./../graphic/karta_rodic.png') no-repeat left top;
			}
			#mybody #stat #obsah .karta_rodic_photo * {
				font-size: 18px;
				text-decoration: none;
			}
			
			
/* LOGIN */
			#mybody #stat #obsah #login {
				0width: 200px;
			}
			
		
		#mybody #bottom {
			clear: both;
			height: 60px;
			text-align: right;
			padding: 25px 30px 0px 30px;
			background: url('./../graphic/bottom.png') no-repeat center top;
		}


/*HOME*/
	#zvolterasu {
		margin: 60px -200px 70px 0px;
	}
	/*
	#zvolterasu H3 {
		font-weight: normal;
		font-size: 25px;
	}*/
	#zvolterasu UL LI {
		display: block;
		float: left;
		width: 50%;
	}
	#zvolterasu UL LI A {
		display: block;
		padding: 25px 50px 0px 50px;
		width: 150px;
		height: 225px;
		font-size: 18px;
		color: rgb(0,0,0);
		text-decoration: none;
		background: url('./../graphic/button_big.png') no-repeat center top;
		position: relative;
		margin: 0px 1px 1px 0px;
		
		text-align: center;
	}
	#zvolterasu UL LI A:hover {
		background: url('./../graphic/button_big.png') no-repeat center -250px;
		margin: 1px 0px 0px 1px;
	}
	#zvolterasu #jack DIV, #zvolterasu #parrson DIV {
		width: 250px;
		height: 250px;
		position: absolute;
		top: 0px;
		left: 0px;
		background: url('./../graphic/rasa_jack.png') no-repeat 0px 6px;
	}
	#zvolterasu #parrson DIV {
		background: url('./../graphic/rasa_parrson.png') no-repeat 23px 6px;
	}
	
	#zvolterasu #jack {
		/* float: right; */
		left: 80px;
	}
	#zvolterasu #parrson {
		/* float: left; */
		left: -80px;
	}


/* ================= FOTOGALERIE ================= */

.photo_thumbnails A {
	display: block;
	float: left;
	margin: 0px 0px 15px 20px;
		/*filter: alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;*/
	background: no-repeat center center;
}
	.photo_thumbnails A:hover IMG {
		/*filter: alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;*/
		background: none;
	}
	
	.photo_thumbnails A IMG {
		width: 205px;
		height: 159px;
		background: url('./../graphic/clona.png') repeat;
	}




/* =================== CANVAS ==================== */
#canvas {
	position: absolute;
	width: 900px;
	margin: 30px 0px 0px -200px;
	padding-bottom: 100px;
}
	#canvas #canvas_bg {
		background: rgb(255,255,255);
	}
		#canvas #canvas_bg DIV {
			width: 100%;
			height: 100%;
			background: url('./../graphic/loading.gif') no-repeat center center;
		}
#canvas #canvas_img {
	background: no-repeat center center;
}
	#canvas #canvas_img .q1, #canvas #canvas_img .q2, #canvas #canvas_img .q3, #canvas #canvas_img .q4 {
		display: block;
		float: left;
		height: 50%;
		width: 50%;
		background: url('./../graphic/photo_frame.png') no-repeat left top;
		cursor: not-allowed;
		color: transparent;
	}
	#canvas #canvas_img .q2 {
		background-position: right top;
	}
	#canvas #canvas_img .q3 {
		background-position: left bottom;
	}
	#canvas #canvas_img .q4 {
		background-position: right bottom;
	}
		
/* ================== MESSAGEs =================== */
.message_ok, .message_ko, .message_i, .message_w, .message_q {
	text-align: center;
	margin: 8px 10px 8px 10px;
	background: 0px 0px repeat-y;
	border: 1px solid rgb(255,255,255);
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 80%;
}
	.message_ok {
		background-image: url('../graphic/message/bg_green.png');
		border-color: rgb(22,157,50);
	}
	.message_ko {
		background-image: url('../graphic/message/bg_red.png');
		border-color: rgb(224,18,18);
	}
	.message_i {
		background-image: url('../graphic/message/bg_blue.png');
		border-color: rgb(26,110,225);
	}
	.message_w {
		background-image: url('../graphic/message/bg_orange.png');
		border-color: rgb(255,118,17);
	}
	.message_q {
		background-image: url('../graphic/message/bg_purple.png');
		border-color: rgb(123,17,255);
	}
	
	.message_ok H6, .message_ko H6, .message_i H6, .message_w H6, .message_q H6 {
		display: block;
		margin: 0px;
		padding: 0px; /**/
		background: 8px center no-repeat;
		padding: 3px 0px 3px 45px;
		font-weight: normal;
		font-size: 12px;
		border: 1px solid rgb(255,255,255);
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;
	}
		.message_ok H6 {
			background-image: url('../graphic/message/ico_okay.png');
			color: rgb(22,157,50);
			border-color: rgb(255,255,255);
		}	
		.message_ko H6 {
			background-image: url('../graphic/message/ico_discart.png');
			color: rgb(224,18,18);
			border-color: rgb(255,255,255);
		}
		.message_i H6 {
			background-image: url('../graphic/message/ico_info.png');
			color: rgb(26,110,225);
			border-color: rgb(255,255,255);
		}
		.message_w H6 {
			background-image: url('../graphic/message/ico_warn.png');
			color: rgb(255,118,17);
			border-color: rgb(255,255,255);
		}
		.message_q H6 {
			background-image: url('../graphic/message/ico_quest.png');
			color: rgb(123,17,255);
			border-color: rgb(255,255,255);
		}
	.message_ok HR, .message_ko HR, .message_i HR, .message_w HR, .message_q HR {
		background: none;
		border: none;
		border-bottom: 1px dashed rgb(22,157,50);
		border-bottom: 1px dotted rgb(22,157,50);
		margin: 5px 10% 5px 10%;
	}	
		.message_ok HR {
			border-color: rgb(22,157,50);
		}	
		.message_ko HR {
			border-color: rgb(224,18,18);
		}
		.message_i HR {
			border-color: rgb(26,110,225);
		}
		.message_w HR {
			border-color: rgb(255,118,17);
		}
		.message_q HR {
			border-color: rgb(123,17,255);
		}