body{
	background-color: white;
	margin: 0px 0px 0px 0px;
 	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 100;

	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

:root{
	--header_width:200px;
}

/* latin
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/* latin
@font-face {
  font-family: 'Miss Fajardose';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Miss Fajardose Regular'), local('MissFajardose-Regular'), url(https://fonts.gstatic.com/s/missfajardose/v9/E21-_dn5gvrawDdPFVl-N0Ajb_qoUverqJnp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/

@font-face {
  font-family: "Raleway", sans-serif;
	src: url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);
}

#header{
	position: absolute;
	width: 250px;
	height: auto;
	/*background-color: gray;*/
	z-index: 0;
}

	#logo{
		position:relative;
		margin: 50px 0 0 30px;
		width:auto;
		height:70px;
		/*font-family: 'Raleway', sans-serif;
		font-weight:100;
		font-style:normal;*/
		/*background-color: green;*/
	}

		#logo1{
			font-size: 28px;
			line-height: 30px;
			margin: 0 0 0 0;
			letter-spacing: 7px;
		}

		#logo2{
			font-size: 28px;
			line-height: 30px;
			margin: 0 0 0 0;
			letter-spacing: 9px;
		}

	#menu{
		margin: 20px 0 0 30px;
		position:relative;
		width:auto;
		height:auto;
		letter-spacing: 1px;
		/*background-color: red;*/
	}

	#media_path{
		margin: 5px 0 0 30px;
		position:relative;
		width:auto;
		height:20px;
		/*background-color: cyan;*/
	}

		#media_path img{
			width:auto;
			height: 100%;
		}

		.media_logo {
    	filter: grayscale(100%);
    	-webkit-filter: grayscale(100%);
    	opacity: .6;
		}

		.media_logo:hover {
    	filter: grayscale(0%);
    	opacity: 1;
		}

	#img_controls{
		margin: 40px 0 0 30px;
		position:relative;
		width:auto;
		height:inherit;
		text-decoration: none;
		color:#a8a8a8; /*grey*/
		font-size: 15px;
		/*background-color: pink;*/
	}

	#img_controls #aPrev{
		position: relative;
		width: 50px;
		height: 18px;
		/*background-color: blue;*/
	}

	#img_controls #aCount{
		position: relative;
		width: 70px;
		height: 18px;
		text-align: center;
		margin: -18px 0 0 50px;
		font-style: italic;
		/*background-color: red;*/
	}

	#img_controls #aNext{
		position: relative;
		width: 50px;
		height: 18px;
		text-align: right;
		margin: -18px 0 0 120px;
		/*background-color: cyan;*/
	}

	#img_controls #aTitle{
		position: relative;
		margin-top: 30px;
		height: auto;
		/*background-color: magenta;*/
	}

	/*top right bottom left */

	/*#img_controls #text_controls:hover{color: #a8a8a8; background-color: #FFFFFF;}*/
	#text_controls:hover {color: #ac1842; background-color: #FFFFFF;}


	#menu ul {list-style: none; line-height: 130%; margin: 0px 0px 0px 0px; padding: 0; text-decoration: none; color:#a8a8a8; }
	#menu a:link {text-decoration: none; color:#a8a8a8; }
	#menu a:active {text-decoration: none; }
	#menu a:visited {text-decoration: none; color:#a8a8a8; }
	#menu a:hover { text-decoration: none; color: #ac1842; background-color: #FFFFFF; }

.current {color: #ac1842; background-color: #FFFFFF; /*font-weight: bold;*/}

#content{
	margin-left: 250px;
	position:absolute;
	top:10px;
	bottom:10px;
	right:10px;
	left:10px;
	/*background-color: lightgray;*/
	z-index: 1;
	font-size: 15px;
}

#content_inner{
	margin-top: 160px;
	position: relative;
	/*background-color: cyan;*/
	width: 800px;
	height:auto;
}

#content table, th, td, tr{
	font-size: 15px;
}

	#item{
		position:relative;
		/*background-color: cyan;*/
	}

	#item img{
		max-width:100%;
		max-height:100%;
		margin:auto;
		display:block;
	}

	#content_inner img{
		max-width:100%;
		max-height:100%;
		margin:auto;
		display:block;
	}

/*img { position:relative; border: 0px solid #000000; height: auto; width:100%;}*/
a { border: none; outline: none;}
