html, body {
	background-color: #000;
	font-family: Verdana;
}

div#lateral_bar {
	position: fixed;
	/*
	margin-top: -15px;
	margin-left: -10px;
	*/
	left: 0;
	top: 0;
	background-color: #222;
	padding: 20px;
	/* padding-top: 15px; */
	width: 150px;
	text-align: right;
	height: 4000%;
	overflow-y: hidden;
	line-height: 24px; 
	z-index: 99;
}

div#menu {
	position: absolute;
	top: 1%;
	left: 0;
	right: 0;
	padding: 20px;
	}

.titol a { font-size: 28px; color: #D3853D; text-decoration: none; }
.subtitol { font-size: 22px; color: #555; }

.own_books {font-size: 24px; color: #999; }
.comer_arte a { font-size: 22px; color: #555; text-decoration: none; }
.maillol a { font-size: 22px; color: #555; text-decoration: none; }
.more_books a {font-size: 24px; color: #999; text-decoration: none; }
.contact a {font-size: 24px; color: #999; text-decoration: none; }


#content {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 800px;
      height: 600px;
      margin-left: -305px; /* half of width */
      margin-top: -300px;  /* half of height */
      color: #FFF;
}
.text_content {font-size: 17px; color: #777; }
.text_subcontent {font-size: 17px; color: #444; }
#contentfoto {
      position: absolute;
      width: 800px;
      height: 600px;
      color: #FFF;
      border:1px solid #222;
}