@charset "utf-8";
/*
Layout Designed And Coded By Bufo
(c) Bufo Studio. All rights reserved.
*/

/* General CSS Settings */
body {
	color: #5a2800;
	font-family: Verdana;
	font-size: 12px;
	line-height: 1.5em;
	background-color: #000000;
	background-image: url('../images/cnt/header.gif');
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0px;
	padding: 0px;
}

a img {border: 0px;}
img {border: 0px;}

.white	{	color: #FFF;	font-weight: bold;	}
.whites{	color: #FFF;	font-weight: bold;	}

#content a, a:link, a:visited {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-weight: bold;
  color: #004294;
  text-decoration: none;
}
#content a:hover, a:focus, a:active {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: #0063DC;
}

ul {
	padding: 0px;
	margin: 0px;
}

#page {
	width: 1182px;
	margin: auto;
}

#logo {
	width: 100%;
	height: 395px;
	margin: 0px;
	padding: 0px;
}

#logo1 .img {
	width: 1182px;
	height: 284px;
	background-repeat: no-repeat;
	background-position: top center;
	/*background-image: url('../images/cnt/logo_riberia_endeles.png');*/
	margin: 0px;
	padding: 0px;
}

#logo .img {
	background: url(../images/bar/bar.png) no-repeat;
	width: 889px;
	height: 140px;
	position: relative;
	margin: auto;
	top: 280px;
	z-index: 3;
} 

div.fadehover {
	position: relative;
}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
}

.divider{height:1px;width:inherit;}

  /* ============================================== */
 /* ================== MENU TOP ================== */
/* ============================================== */

#menu_top_home {
	float: left;
	position: relative;
	left: 10px;
	top: 70px;
}

#menu_top_acc {
	float: left;
	position: relative;
	left: 95px;
	top: 70px;
}

#menu_top_guild {
	float: left;
	position: relative;
	left: 244px;
	top: 70px;
}

#menu_top_online {
	float: left;
	position: relative;
	left: 376px;
	top: 45px;
	width: 133px;
	font-size: 12px;
	font-weight: bold;
}

#menu_top_shop {
	float: left;
	position: relative;
	left: 552px;
	top: 70px;
}

#menu_top_forum {
	float: left;
	position: relative;
	left: 627px;
	top: 70px;
}

#menu_top_high {
	float: left;
	position: relative;
	left: 723px;
	top: 70px;
}
  /* ============================================== */
 /* ==================== MENU ==================== */
/* ============================================== */

#menu {
	width: 181px;
	float: left;
	text-align: justify;
	font-weight: bold;
}

#menu .nav-top {
	background-image: url('../images/menu/nav-top.gif');
	background-repeat: no-repeat;
	width: 181px;
	height: 40px;
}

#menu .nav-top .text {
	width: 181px;
	padding-left: 15px;
	padding-top: 12px;
	font-size: 15px;
	font-variant: small-caps;
	text-shadow: #b5c7db 0px 0px 3px;
	font-weight: bold;
	color: #FFF;
	position:absolute;
}

#menu .bg {
	background-image: url('../images/menu/chains.gif');
	background-repeat: repeat-y;
	width: 181px;
	margin: auto;
}

#menu .bg li  {
	display: block;
	font-variant: small-caps;
	width: 150px;
	padding: 2px 0px 2px 18px;
}



#menu .bg li a, a:link, a:visited {
	color: #CEA04B;
	text-decoration: none;
}

#menu .bg li a:hover, a:focus, a:active {
	color: #DDD;
	text-decoration: none;
}

#menu .bg_clean {
	background-image: url('../images/menu/chains_clean.gif');
	background-repeat: repeat-y;
	color: #CEA04B;
	width: 181px;
	margin: auto;
}

#menu .bg_clean a, a:link, a:visited {
	color: #CEA04B;
	text-decoration: none;
}

#menu .bg_clean a:hover {
	color: #DDD;
	text-decoration: none;
}

#menu_bot
{
    width: 181px;
    height: 11px;
    background: url('../images/menu/menu_bot.png') no-repeat;
    float: left;
    padding-left: 20px;
}

#icon-news, #icon-sss, #icon-account, #icon-community, #icon-library, #icon-forum, #icon-shop, #icon-events, #icon-status, #icon-admin {
    width:32px;
    height:32px;
    float:left;
    margin:-8px 5px 0 2px;
}

#icon-news { background:url("../images/menu/news.gif") no-repeat scroll 0 0 transparent; }
#icon-account { background:url("../images/menu/account.gif") no-repeat scroll 0 0 transparent; }
#icon-community { background:url("../images/menu/community.gif") no-repeat scroll 0 0 transparent; }
#icon-library { background:url("../images/menu/library.gif") no-repeat scroll 0 0 transparent; }
#icon-forum { background:url("../images/menu/icon-forum.gif") no-repeat scroll 0 0 transparent; }
#icon-shop { background:url("../images/menu/shop.gif") no-repeat scroll 0 0 transparent; }
#icon-status { background:url("../images/menu/status.gif") no-repeat scroll 0 0 transparent; }
#icon-events { background:url("../images/menu/events.gif") no-repeat scroll 0 0 transparent; }
#icon-admin { background:url("../images/menu/admin.gif") no-repeat scroll 0 0 transparent; }
#icon-sss { background:url("../images/menu/sss.gif") no-repeat scroll 0 0 transparent; }

  /* ============================================== */
 /* =================== CONTENT ================== */
/* ============================================== */

#content
{
	width: 820px;
	float: left;
}

#content-bg
{
	background: url(../images/cnt/cnt-bg.png) repeat-y center;
}

#content-top
{
	background: url(../images/cnt/cnt-top.png) no-repeat top;
}

#content-bot
{
	background: url(../images/cnt/cnt-bot.png) no-repeat bottom;
	padding: 20px 20px 20px 20px;
}

#margins {
	width: 793px;
	margin: auto;
}

#footer {
	padding-top: 10px;
	width: 793px;
	margin: auto;
	text-align: center;
	color: white;
	font-variant: small-caps;
	font-weight: bold;
	text-shadow: #95979a 1px 1px 0px;
}

img.avatar {
	width: 62px;
	height: 62px;
	padding: 5px;
	background: url('../images/avatar_bg.png') no-repeat left top;
}

img.item {
	width: 32px;
	height: 32px;
	padding: 13px;
	background: url('../images/item_bg.png') no-repeat left top;
}