BODY   { font-family: Verdana, serif; background-color: #666; margin: 35px; padding: 0; width: 1024px } 
#hoja  { background-color: #666; background-image: url(/images/logo.jpg); background-repeat: no-repeat; background-position: center top; margin: 0; border: solid 1px black }
#reporte   { background-image: url(/images/logo.jpg); background-repeat: no-repeat; background-position: center top; margin: 0; border: solid 1px black }

#online_war  {
	background-color: #666;
	background-image: url(/images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border: solid 1px black;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
#online_game   { background-image: url(/images/logo.jpg); background-repeat: no-repeat; background-position: center top; margin: 0; border: solid 1px black }

#menu  {
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-image : url(/images/vertical_line.png);
	padding-right: 0;
	position: absolute;
	top: 250px;
	left: 45px;
	width: 150px;
} 
#menu A   { color: #ff0; font-size: 100%; text-decoration: none; display: block; padding: 4px 0 4px 16px } 
#menu A:hover {
	background-position : 0% 50%; 
	background-image : url(/images/click.png); 
	background-repeat : no-repeat; 
	background-color : #000000; 
	color : #ffff00; 
} 
#central {
	padding-right : 10px; 
	margin : 0 50px 20px 180px; 
	position : relative; 
} 

#nomenu {
	padding-right : 10px; 
	margin : 0 50px 20px 50px; 
	position : relative; 
} 
#title {
	padding-right : 3px; 
	padding-left : 3px; 
	padding-top : 3px; 
	padding-bottom : 3px; 
	left : 500px; 
	top : 85px; 
	margin : 5px; 
	position : absolute; 
	font-family : Garamond, Verdana, serif; 
} 

#titulo {
	padding-right : 3px; 
	padding-left : 3px; 
	padding-top : 3px; 
	padding-bottom : 3px; 
	left : 500px; 
	top : 85px; 
	margin : 5px; 
	position : absolute; 
	font-family : Garamond, Verdana, serif; 
} 
#final  { color: black; font-size: 90%; font-family: console, serif; text-align: center; margin-top: 25px; border-top: 2px solid #888888 } 
P:first-letter {
	font-size : 150%; 
} 
H2 {
	border-bottom : 2px solid #888888; 
	font-weight : normal; 
} 
H3 {
	border-bottom : 1px solid #bcbcbc; 
	width : 400px; 
	font-weight : normal; 
} 
HR {
	color : black; 
} 

.ltr90 {
	font-family: arial,fixed,serif; 
	font-size: 90%;
}
.ltr80 {
	font-family: arial,fixed,serif; 
	font-size: 80%;
}
.ltr70   { font-size: 70%; font-family: arial, fixed, serif }
.ltr70R   { color: #dd0000; font-size: 70%; font-family: arial, fixed, serif }
.ltr70O   { color: #FF9900; font-size: 70%; font-family: arial, fixed, serif }
.ltr70C   { color: #33ddff; font-size: 70%; font-family: arial, fixed, serif }
.ltr70B   { color: #4488ff; font-size: 70%; font-family: arial, fixed, serif }
.ltr70Y   { color: #ffff00; font-size: 70%; font-family: arial, fixed, serif }
.ltr70W   { color: #ffffff; font-size: 70%; font-family: arial, fixed, serif }
.ltr70G   { color: #00ff00; font-size: 70%; font-family: arial, fixed, serif }
.ltr60   { font-size: 60%; font-family: arial, fixed, serif }
a:link { color: #ff0 }
a:visited { color: #ff0 }
a:active { color: #ff0 }
a:hover  { color: #ffff7b }
#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: yellow;
	font-size: 70%;
	visibility: hidden;
	z-index: 100;
}
.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #881111; line-height: 125%;
	background-color: #fcfcdc; border: #000000; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
}
.post {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 125%;
	background-color: #dee7de; border: #000000; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
}