/*
 * body format
 */
	body {
		font-family: sans-serif;
		font-size: 28px;
		/*background-image: url("fotos/IMG_0447.JPG");*/
		background-color: #fff;
		background-position: center top; /* Center the image */
		background-repeat: no-repeat; /* Do not repeat the image */
		background-size: cover; /* Resize the background image to cover the entire container */
		background-attachment: fixed;
		/*border: 5px dotted lightgrey;*/
		margin: 0px 2px 0px 2px;
		overflow-x: hidden;
	}

/*
 * div format
 */
	div.slideIn{
		position: fixed;
		right: 100%;
		width: 90%;
		bottom: 0%;
		top:0%;
		height: 100%;
		display: block;
		background-color: #29333D;
		padding: 6px 3px 3px 3px;
		overflow-y:auto;
		transition: 1s;
	}
	div.logo{
		text-align: left;
		/* display: block; */
		position: sticky;
		width: 100%;
	}
	div.menu{
		/*border: 5px dotted lightgrey;*/
		width: 10%;
		left:90%;
		height: 100%;
		position: fixed;
		top: 0;
		background-color: rgba(0, 0, 0, 0);
		/*
		 * background-color: #fff;
		 * opacity: 0.10;
		 */
		text-align: left;
		border-left: 2px solid lightgray;
		padding 0 0 0 0;
		margin: 0 0 0 0;
		z-index: 7;
	}
	#page {
		position: relative;
		transition: 1s;
		left: 0%;
		width: 90%;
		display: block;
		background-color: #ffffff; //668099;
		padding: 6px 3px 3px 3px;
		overflow-y:auto;
		/*
		left: 0%;
		top: 0%;
		content-box: 100%;
		height: 100%;
		height: auto !important;
		*/
	}
		div.contentaccross{
			/*font-family: sans-serif;*/
			font-family: Courier, monospace;
			font-size: 18px;
			width: 100%;
			border: 0px;
			/*margin: 10px 0px 60px 0px;*/
			margin: 0% 0% 0% 0%;
			overflow: auto;
			color: gray;
			text-align: center;
		}
		div.contentaccrosstitle{
			position: relative;
			right: 0px;
			top: 0px;
			/*transform: rotate(90deg);
			 */
			font-family: sans-serif;
			font-size: 100px;
			font-variant: small-caps;
			color: #fff;
			width: 100%;
			border: 0px solid lightgrey;
			margin: 0px 0px 50px 0px;
			text-align: center;
			background-color: grey;
			opacity:0.6;
		}
	div.bottomC{
		position: relative;
		width: 100%;
		text-align: right;
		font-family: sans-serif;
		font-size: 9px;
		bottom: 0;
	}
.scale-down {
	/*
	 * object-fit: scale-down;
	 */
object-fit: contain;
}


/*
 * paragraph format
 */
	p {
		font-family: sans-serif;
		font-size: 28px;
	}

/*
 * list format
 */
	li {
		text-align: left;
	}

/*
 * button format
 */
	button{
		border: 0;
	}

/*
 * table format
 */
	table {
		font-family: arial;
		color: blue;
		width: 100%;
		border: none;
		font-size: 111px;
		padding: 0;
		margin: 0;
		border-collapse: collapse;
		font-stretch: ultra-condensed;
	}
	td {
		border: none;
		border-collapse: collapse;
		padding: 0;
		margin: 0;
		vertical-align: top;
		text-align: center;
	}
	th {
		text-align: left;
		border-bottom: 0px solid #ddd;
	}
	/*
	tr:hover {background-color:lightgray;}
	*/

/*
 * link
 */
	/* unvisited link */
	a:link {
	  color: #666;
	}

	/* visited link */
	a:visited {
	  color: #AAA;
	}

	/* mouse over link */
	a:hover {
	  color: #888;
	}

	/* selected link */
	a:active {
	  color: #888;
	}

	a.menubutton{
		font-family: sans-serif;
		font-size: 18px;
		border: 0px;
		margin: 0px 20px 0px 20px;
		position: static;
		top: 0px;
		left: 50px;
		right: 50px;
		color: #888;
		transition: 0.5s;
		background: none;
	}
	a.menubutton::after{
		content: ".\00000a";
		white-space: pre;
	}