/* CSS Document */

/***********/
/* GENERAL */
/***********/

body {
	background: url(../images/template/background.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

p {
	margin: 5px auto;
}

a, input {
	outline: none;
}

a {
	color: #00A650;
}

a, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

/**********/
/* LAYOUT */
/**********/

#pageWrapper {
	width: 970px;
	margin: 0 auto;
	padding: 0;
}

#bannerWrapper {
	width: 970px;
	height: 123px;
	margin: 0;
	display: block;
	background: url(../images/template/banner.jpg);
}

#menuBar {
	width: 970px;
	height: 55px;
	margin: 0;
	display: block;
	background: url(../images/template/menu_bg.jpg) no-repeat;
	padding: 0;
}

#contentBGWrapper {
	width: 970px;
	background: url(../images/template/content_bg.gif) repeat-y;
	margin: 2px 0 0 0;
	overflow: auto;
}

#contentWrapper {
	width: 970px;
	background: url(../images/template/content_bg_border.gif) no-repeat bottom;
	padding: 0 0 2px 0;
	overflow: auto;
}

#footer {
	background: url(../images/template/footerbg.jpg) no-repeat top center;
	width: 921px;
	margin: 20px;
	border: #F9A649 2px solid;
}

/**************/
/* MENU ITEMS */
/**************/

#menuWrapper {
	height: 49px;
	margin: 0;
	padding: 0;
	float: left;
	margin: 0 0 0 21px;
}

a#menuItemHome {
	width: 58px;
	height: 49px;
	background: url(../images/template/menuitems/home.jpg) no-repeat;
	display: block;
	float: left;
}

a#menuItemHome:hover {
	background: url(../images/template/menuitems/home.jpg) no-repeat;
	background-position: 0px -49px;
}

a#menuItemNews {
	width: 58px;
	height: 49px;
	background: url(../images/template/menuitems/news.jpg) no-repeat;
	display: block;
	float: left;
}

a#menuItemNews:hover {
	background: url(../images/template/menuitems/news.jpg) no-repeat;
	background-position: 0px -49px;
}

a#menuItemForo {
	width: 60px;
	height: 49px;
	background: url(../images/template/menuitems/foro.jpg) no-repeat;
	display: block;
	float: left;
}

a#menuItemForo:hover {
	background: url(../images/template/menuitems/foro.jpg) no-repeat;
	background-position: 0px -49px;
}

a#menuItemRaids {
	width: 58px;
	height: 49px;
	background: url(../images/template/menuitems/raids.jpg) no-repeat;
	display: block;
	float: left;
}

a#menuItemRaids:hover {
	background: url(../images/template/menuitems/raids.jpg) no-repeat;
	background-position: 0px -49px;
}

a#menuItemDKP {
	width: 53px;
	height: 49px;
	background: url(../images/template/menuitems/dkp.jpg) no-repeat;
	display: block;
	float: left;
}

a#menuItemDKP:hover {
	background: url(../images/template/menuitems/dkp.jpg) no-repeat;
	background-position: 0px -49px;
}

a#menuItemRecruit {
	width: 88px;
	height: 49px;
	background: url(../images/template/menuitems/recruit.jpg) no-repeat;
	display: block;
	float: left;
}

a#menuItemRecruit:hover {
	background: url(../images/template/menuitems/recruit.jpg) no-repeat;
	background-position: 0px -49px;
}

/*************/
/* USER MENU */
/*************/

#userMenuWrapper {
	height: 49px;
	margin: 0 51px 0 0;
	padding: 0;
	float: right;
}

#userMenuWrapper ul {
	margin: 17px 20px;
	float: left;
}

#userMenuWrapper ul li {
	color: #F7FF9A;
	font-size: 12px;
	float: left;
}

a#userMenuItemHome {
	width: 39px;
	height: 49px;
	background: url(../images/template/menuitems/userhome.jpg) no-repeat;
	display: block;
	float: left;
}

a#userMenuItemHome:hover {
	background: url(../images/template/menuitems/userhome.jpg) no-repeat;
	background-position: 0px -49px;
}

a#userMenuItemMail {
	width: 58px;
	height: 49px;
	background: url(../images/template/menuitems/usermail.jpg) no-repeat;
	display: block;
	float: left;
	margin-left: 22px;
}

a#userMenuItemMail:hover {
	background: url(../images/template/menuitems/usermail.jpg) no-repeat;
	background-position: 0px -49px;
}

a#userMenuItemSearch {
	width: 41px;
	height: 49px;
	background: url(../images/template/menuitems/usersearch.jpg) no-repeat;
	display: block;
	float: left;
	margin-left: 17px;
}

a#userMenuItemSearch:hover {
	background: url(../images/template/menuitems/usersearch.jpg) no-repeat;
	background-position: 0px -49px;
}

input.dklogintextbox {
	color: #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 7px 10px;
	margin: 12px 5px;
	width: 185px;
	height: 12px;
	background: url(../images/template/menuitems/logintextboxbg.jpg) no-repeat;
	border: 0;
}

input.dkloginbutton {
	margin: 12px 10px;
	width: 33px;
	height: 26px;
	background: url(../images/template/menuitems/loginbuttonbg.jpg) no-repeat 0 0;
	border: 0;
}

input.dkloginbutton:hover {
	background: url(../images/template/menuitems/loginbuttonbg.jpg) no-repeat 0 -26px;
	border: 0;
}

/********************************/
/* MAIN NAVIGATION (LEFT PANEL) */
/********************************/

#mainNavigationPanel {
	width: 200px;
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
}

#mainNavigationTitle {
	width: 200px;
	height: 25px;
	background: url(../images/template/main_nav_title.jpg) no-repeat;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#mainNavigationWrapper {
	width: 196px;
	background: #000000;
	margin: 0;
	padding: 0;
	float: left;
	border-left: #F9A649 2px solid;
	border-right: #F9A649 2px solid;
}

#mainNavigation {
	width: 176px;
	background: url(../images/template/deathwing_left_bg.jpg) center top no-repeat;
	margin: 0;
	padding: 10px;
	float: left;
}

#mainNavigation #recruitInfo {
	float: left;
}

#mainNavigation #recruitInfo li {
	width: 143px;
	height: 27px;
	margin: 1px 0 1px 25px;
	float: left;
}

#mainNavigation .extraContentTitle {
	width: 176px;
	height: 12px;
	display: block;
	background: url(../images/template/extracontent_title.jpg) no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding: 2px 0;
	color: #FFF799;
	margin: 10px 0;
	float: left;
}

#mainNavigation #recruitInfo .extraContentTitle a {
	width: 176px;
	height: 12px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #FFF799;
}

#mainNavigation #recruitInfo div.t1 {
	width: 176px;
	height: 20px;
	display: block;
	background: url(../images/template/extracontent_subtitle.jpg) repeat-y;
	font-size: 10px;
	padding: 0;
	color: #FFF799;
	margin: 1px 0;
	float: left;
	cursor: pointer;
}

#mainNavigation #recruitInfo div.t1 img {
	width: 20px;
	height: 20px;
	margin: 0 5px;
	float: left;
}

#mainNavigation #recruitInfo div.t1 span {
	height: 10px;
	margin: 5px 0;
	float: left;
}

#mainNavigation #recruitInfo li img {
	width: 27px;
	height: 27px;
	margin: 0 2px;
	float: left;
}

#mainNavigation #recruitInfo li span {
	height: 10px;
	margin: 7px 0;
	float: left;
}

#mainNavigation #friendSites {
	float: left;
}

#friendSitesHeader {
	cursor: pointer;
}

#mainNavigation #friendSites ul {
	float: left;
}

#mainNavigation #friendSites ul li {
	width: 176px;
	margin: 1px 0;
	float: left;
	text-align: center;
}

#mainNavigation #friendSites ul a {
	width: 120px;
	height: 50px;
	margin: 0px auto;
}

#randomContentHeader {
	cursor: pointer;
}

#mainNavigation #friendSites ul a img {
	width: 120px;
	height: 50px;
	border:  none;
	margin: 0px auto;
}

#mainNavigation #randomContent {
	float: left;
	text-align: center;
}

#mainNavigation #randomContent a {
	width: 176px;
	overflow: hidden;
}

#mainNavigation #randomContent a img {
	width: 172px;
	border: 2px dotted;
	overflow: hidden;
}

/*******************************/
/* MAIN CONTENT (MIDDLE PANEL) */
/*******************************/

#mainContentPanel {
	width: 485px;
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
}

#mainContentTitle {
	width: 485px;
	height: 28px;
	background: url(../images/template/main_content_title.jpg) no-repeat;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#mainContentWrapper {
	width: 481px;
	background: #000000;
	margin: 0;
	padding: 0;
	float: left;
	border-left: #F9A649 2px solid;
	border-right: #F9A649 2px solid;
}

#mainContent {
	width: 461px;
	background: url(../images/template/deathwing_bg.jpg) center top no-repeat;
	margin: 0;
	padding: 10px;
	float: left;
}

#mainContent h1 {
	color: #00A650;
	font-size: 14px;
}

div.contentTitle {
	width: 361px;
	height: 14px;
	display: block;
	background: url(../images/template/content_title.jpg) no-repeat;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
	color: #FFF799;
	margin: 10px 50px;
	float: left;
}

div.contentSubtitle {
	width: 321px;
	height: 11px;
	display: block;
	background: url(../images/template/content_subtitle.jpg) no-repeat;
	color: #FFF799;
	margin: 5px auto;
	padding: 4px 20px;
	cursor: pointer;
	float: left;
}

div.contentHiddenDiv {
	width: 100%;
	display: none;
	margin: 0;
	padding: 0;
	float: left;
}

div.contentVisibleDiv {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

/*******************************/
/* EXTRA CONTENT (RIGHT PANEL) */
/*******************************/

#extraContentPanel {
	width: 200px;
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
}

#extraContentWrapper {
	width: 196px;
	background: #000000;
	margin: 0;
	padding: 0;
	float: left;
	border-left: #F9A649 2px solid;
	border-right: #F9A649 2px solid;
}

#extraContent {
	width: 176px;
	background: url(../images/template/deathwing_right_bg.jpg) center top no-repeat;
	margin: 0;
	padding: 10px;
}

#extraContentTitle {
	width: 200px;
	height: 25px;
	background: url(../images/template/extra_content_title.jpg) no-repeat right;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#extraContent .extraContentTitle {
	width: 176px;
	height: 12px;
	display: block;
	background: url(../images/template/extracontent_title.jpg) no-repeat;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0;
	color: #FFF799;
	margin: 10px 0;
}

#extraContent ul li.t1 {
	width: 176px;
	height: 10px;
	display: block;
	background: url(../images/template/extracontent_subtitle.jpg) no-repeat;
	font-size: 10px;
	text-align: right;
	padding: 0;
	color: #FFF799;
	margin: 5px 0;
}

#extraContent ul li.t2 a img {
	border: none;
	width: 176px;
	height: 80px;
	margin: 5px 0 0;
}

#extraContent ul li.t2 a.raidboss {
	width: 176px;
	height: 10px;
	display: block;
	font-size: 10px;
	text-align: right;
	padding: 0;
	/*color: #FFF799;*/
	margin: 5px 0;
}

#lastRaidsHeader {
	cursor: pointer;
}

/**********/
/* FOOTER */
/**********/

.footerText {
	margin: 10px;
	width: 896px;
	text-align: center;
}

.footerText p {
	margin: 5px 0;
}

.footerText a {
	color: #FFF799;
}

.footerText a img {
	width: 88px;
	height: 31px;
	border: none;
	margin: 5px;
}

/********************************************************************/
/*							SECCIONES								*
/********************************************************************/

/************/
/* NOTICIAS */
/************/

#newsContent {
	width: 100%;
	float: left;
}

#newsContent .bbc_img {
	width: 200px;
	overflow: hidden;
	margin: 0 20px 0 0;
	float: left;
}

#newsContent hr {
	width: 100%;
	float: left;
}

#newsContent .div {
	width: 100%;
	float: left;
}

#newsContent .newsTopic {
	width: 100%;
	float: left;
	margin: 10px 0;
}

#newsContent .newsTopicContent {
	width: 100%;
	float: left;
}

/***************/
/* WOW CLASSES */
/***************/
.mage {
	color:#7AB4FD;
}

.hunter {
	color:#21B021;
}

.druid {
	color:#FF7E00;
}

.warrior {
	color:#825112;
}

.warlock {
	color:#8517B8;
}

.shaman {
	color:#0E58AC;
}

.rogue {
	color:#FFFF00;
}

.priest {
	color:#FFFFFF;
}

.paladin {
	color:#F083D5;
}

.deathknight {
	color:#C41F3B;
}

a.mage, a.mage:visited {
	color:#7AB4FD;
}

a.hunter, a.hunter:visited {
	color:#21B021;
}

a.druid, a.druid:visited {
	color:#FF7E00;
}

a.warrior, a.warrior:visited {
	color:#825112;
}

a.warlock, a.warlock:visited {
	color:#8517B8;
}

a.shaman, a.shaman:visited {
	color:#0E58AC;
}

a.rogue, a.rogue:visited {
	color:#FFFF00;
}

a.priest, a.priest:visited {
	color:#FFFFFF;
}

a.paladin, a.paladin:visited {
	color:#F083D5;
}

a.deathknight, a.deathknight:visited {
	color:#C41F3B;
}