body { background:#000000 url('images/bg.jpg') no-repeat fixed center bottom; padding:0; margin:0; color:#F3B7AD; font-style:normal; font-variant:normal; font-weight:normal; font-size:8.5pt; font-family:verdana, arial, sans-serif; background-attachment:fixed }
body, #contenttitle, #main1, #contenthighlight, .tabletit, .tdshadow1, .tdshadow, .tdnoshadow, .tdshadowtop, .cellb, .cellc, .dbnav, .dbsearch, .cellw, #adb { text-align:center }

a  { color: #EC5C8D; text-decoration:none;}
a:hover { color: #F9DC79; text-shadow: 0px 0px 2px #EFA930, 0px 0px 2px #EFA930; text-decoration:none }


img, fieldset { border:0px none;  }
hr { border-left:0px none; border-right:0px none; border-top:0px none; border-bottom:1px dotted #EFA930; margin:8px auto; height: 1px; clear:both }
h1, .toptabletit { font-size:12pt; text-transform: uppercase; font-family: georgia,verdana,sans-serif; border-bottom:1px dotted #D57D33; border-top:1px solid #D57D33; margin:0 0 8px 0; padding:3px; color:#D57D33; background:#E7D7C8 url('images/header_bg.gif') repeat-x; }
h2 { font-size:11pt; text-transform: uppercase; color:#E3547F; border-bottom:2px solid #A0346E; padding-bottom:4px; margin-bottom:4px; text-align: left;}
label { width:100px; margin-right:5px }
textarea, select, input { color:#754949; font:8.5pt verdana,arial,sans-serif; margin-bottom:4px; padding:3px; }
dt { font-weight:700; }
th { font-weight:700; color: #623F3F; border-left:1px solid #D1B9B3; border-top:1px solid #D1B9B3; text-align:left; background:#BE9C94 url('images/th_bg.gif') repeat-x; padding:4px }
.sortable th { cursor:pointer; }


#wrapper { margin:auto; width:998px; background:#000000 url('images/header.jpg') no-repeat; border-left:1px solid #000000; border-right:1px solid #000000; text-align:left; }
#top-nav { height:29px; text-align:right; padding:3px 10px 0 500px; }
#top-nav a { color: #CC58C8; text-shadow: 0px 0px 2px #DF00DA, 0px 0px 2px #DF00DA, 0px 1px 2px #DF00DA; text-decoration: none; padding: 4px 7px 0 0; display:block; float:right; width:200px; }
#top-nav a:hover { color: #ffffff; text-shadow: 0px 0px 4px #DF00DA, 0px 0px 4px #DF00DA, 0px 1px 4px #DF00DA; text-decoration: none; padding: 4px 7px 0 0; display:block; float:right; width:200px; }
#banner { margin-top:100px; height:85px; text-align:right; padding-right:5px; }
#nav-izq { padding-left:5px; width:176px; float:left;  margin-left:-181px; position:relative; }
#nav-der { padding-right:5px; width:176px; float:right; margin-right:-181px; position:relative; }
.nav { background:url('images/nav_bottom.gif') bottom no-repeat; padding-bottom:10px; margin-bottom:3px; }
.nav h2 { height:29px; margin:0; border:0px none; text-transform:uppercase; text-align:left; font-weight:700; color:#ffffff; text-shadow: 1px 2px 4px #A8FF01,1px 2px 4px #A8FF01; font-size:10pt; padding-left:55px; padding-right:0px; padding-top:30px; padding-bottom:0 }
.nav .h2-smaller { font-size:8.5pt; padding:32px 5px 0 0; height:27px;}
.nav-in { background:url('images/nav_bg.gif') repeat-y; margin:0; padding:0; list-style-type:none; position: relative; }
div.nav-in  { padding:0 10px 10px 10px; }
.nav-in  ul, .nav-in ol, .nav-in form { margin:0; padding:0; list-style-type:none; }
.nav li { margin:0; padding: 0 10px 0 10px; }
.nav li a { color: #FF8875; border-bottom:1px dotted #000000; text-transform: uppercase; display:block; width:155px; padding:1px; }
.nav li a:hover { text-decoration:none; text-transform: uppercase; background-color:#000000; color:#FFC586; } 
.nav li ul { margin:0; padding:0; list-style-type:none; border-bottom:1px dotted #000000; }
.nav li li { margin:0; padding:0; }
.nav li li a { border:0px; margin-bottom:1px; margin-left:15px; width:140px; font-weight:400; }
#contwrapper { width:636px; padding-left:181px; float:left; }
#contwrapper-wide { width:817px; padding-left:181px; float:right; }
#contwrapper-verywide { width:998px; }
#cont { width:626px; float:left; margin-right:-636px; padding:0 5px 0 5px; }
#cont-wide { width:807px; float:left; margin-right:-817px; padding:0 5px 0 5px; }
#cont-verywide { width:988px; padding:0 5px 0 5px; }
#cont-top { background:url('images/content_top.gif') repeat-x; padding:6px 0 0 0; height:30px; font-weight:700; margin:0 9px 0 9px; }
#cont-top form { float:right; margin-left:15px; }
#cont-top .input-top { padding:2px; border:1px solid #B0815B; background:#000000; width:125px; }
#cont-top .button { padding:1px; }
#cont-topleft { background:url('images/content_topleft.gif') no-repeat; width:21px; float:left; height:36px; margin-right:-5px;  }
#cont-topright { background:url('images/content_topright.gif') no-repeat; width:21px; float:right; height:36px; margin-left:-5px;  }
#cont-left { background:#14050C url('images/content_left.gif') repeat-y; padding-left:10px; clear:both; }
#cont-right { background:url('images/content_right.gif') right repeat-y; padding-right:10px; padding-bottom:10px; }
#cont-bot { background:url('images/content_bot.gif') repeat-x; height:11px; margin:0 5px 0 5px; }
#cont-botleft { background:url('images/content_botleft.gif') no-repeat; float:left; height:11px; width:25px; margin-right:-5px; }
#cont-botright { background:url('images/content_botright.gif') no-repeat; float:right; height:11px; width:25px; margin-left:-5px;  }
#footer { background:url('images/footer.jpg'); padding:100px 5px 0 140px; height:75px; clear:both; }

b, strong {	font-family: Arial; color: #FFCDED;	text-shadow: 0px 0px 2px #FE9ADA,0px 0px 2px #FE9ADA}
i, em { font-family: Arial, Helvetica, sans-serif; letter-spacing: 1; color: #FFFA9D; letter-spacing: 0;	}


/** Headers de navegación **/
.solace h2 { background:url('images/nav_solace.gif') no-repeat; }
.loli h2 { background:url('images/nav_loli.gif') no-repeat; }
.bacsojin h2 { background:url('images/nav_bacsojin.gif') no-repeat; }
.archbishop h2 { background:url('images/nav_arch.gif') no-repeat; }
.wishmaiden h2 { background:url('images/nav_wishmaiden.gif') no-repeat; }
.npc h2 { background:url('images/nav_npc.gif') no-repeat; }
.kafra h2 { background:url('images/nav_kafra.gif') no-repeat; }

.p
	{
		background-color: #000000;
		background-image: url('index_table.jpg');
background-repeat: no-repeat;
		border-left: none;
		border-bottom: #E236A3 5px double;
		border-top: #E236A3 3px double;
		padding: 10;
		margin-top: 0;
		margin-bottom: 30;
		color: #FFFFFF;
		text-bg-color: #000000;
		text-align: justify;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;	}
	
h3
	{
		margin-bottom: 0; margin-right: 20;
		height: 12pt;
		line-height: 12pt;
		font-size: 8pt;
		text-align: right;
		padding-right: 20;
		font-family: Arial, Helvetica, sans-serif;
		font-style: bold;
		letter-spacing: 1;
		color: #E236A3;
		background: #000000;	
							}
							
			
.graphic {
padding:2px; 
background-color: #4B0A2A; 
border:1px solid #7B043E;
}

.graphic:hover {
padding:2px; 
background-color: #D31655; 
border:1px solid #F3B81E;
}


.graphick18 {
padding:2px; 
background-color: #790000; 
border:1px solid #CC0005;
}

.graphick18:hover {
padding:2px; 
background-color: #9E0B0E; 
border:1px solid #FF000A;
}


.graphicnew {
padding:2px; 
background-color: #DC3956; 
border:1px solid #F0627B;
}

.graphicnew:hover {
padding:2px; 
background-color: #FF8875; 
border:1px solid #FCFC83;
}




ul.aff {
margin: 0 0 0 19px;
padding: 0;
list-style: none
}

.aff li {
font-family: arial;
font-size: 11px;
letter-spacing: 0px;
margin-bottom: 3px;
padding-left: 19px;
background: url('images/arr.gif') no-repeat left; 
}



ul.faq {
margin: 0 0 0 15px;
padding: 0;
list-style: none
}
.faq li {
font-family: arial;
font-size: 11px;
letter-spacing: 0px;
margin-bottom: 10px;
padding-left: 26px;
background: url('images/arr2.gif') no-repeat left; 
}

a.button img {
filter:alpha(opacity=80); 
-moz-opacity: 0.8; 
opacity: 0.8;
border:none;
}

a.button:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
border:none;
}

#pagination 
 {
	margin-top: 30;
	margin-bottom: 30;
	
	text-indent: 0;
	padding-right: 5px;
	float: none;
	width: 100%;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 1; word-spacing: 3;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	background-color: #000000;
	

	}
	
			#pagination a, #pagination a:link
				{		font-weight: bold;
					color: 0076A3;}
				
			#pagination a:hover
				{ color: #06ACEA;
					font-weight: bold;	}
				
				
				blockquote
{
	border-bottom: #29E4CC 2px dotted;
		text-align: right;
	 }
	 
input, textarea { 
	 font: 11px arial;
	 color: #ffffff; 
	 padding: 5px;
	 background: url('index_table.jpg') top no-repeat;
         background-color: #000000; 
         border: 1px dotted #F3EA00;
	 margin: 5px 0;}