<!--
body {
	background: #e8eef0 url(/img/background_dg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 10pt;
    font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #303030;
}

a {

    font-size: 10pt;
    color: #691b1c;
    text-decoration: none; 

}

a:hover {

    font-size: 10pt;
    color: #ffbc04;
    text-decoration: none; 

}

input, label {

	font-size: 10pt;
    font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #303030;

}


.menu {

   margin-left: 12px;
   color: #ffffff;
   font-weight: bolder;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 10pt;

}


.menu2 {

   color: #ffbc04;
   font-weight: bolder;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 10pt; 
   margin-left: 20px;

}

.menubg {

   width: 178px; 
   height: 19px;
   margin-left: -12px;
   margin-right: 0px;

}

.menubg2 {

   width: 178px; 
   height: 19px;
   margin-left: -12px;
   margin-right: 0px;
   background: url(/img/barra_menulink.png);  

}

.mancha_top {

background: url(/img/mancha_top.png);
background-repeat: no-repeat;
background-position: top;
}

.mancha_bottom {

background: url(/img/fondo_web3_mancha.png);
/* background: url(/img/mancha_bottom2.png); */
background-repeat: no-repeat;
background-position: bottom;
/* background-position: 20px 101%; */

}

.mancha_noticias_leermas {

background: url(/img/noticias_mancha_leermas.png);
background-repeat: no-repeat;

background-position: top;

}

.mancha_noticias_leermas a {

   color: #5d584f;
   font-weight: bolder;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 9pt; 

}


.titulo_noticia {

font-size: 13pt;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:900;
color: #36342f; /* #571311 */
text-transform: uppercase;

}

.titulo_contenido {

font-size: 14pt;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:900;
color: #691b1c; /* #36342f */
text-transform: uppercase;

}

.contenido_noticia {

font-size: 10pt;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #303030;

}

.noticias_mancha_top {

background: #b8af9d url(/img/noticias_mancha_top.png); /* #b9b09e */
background-repeat: no-repeat;
background-position: top left;

}


.noticias_mancha_bottom {

background: #b8af9d url(/img/noticias_mancha_bottom.png); /*  #b8af9d */
background-repeat: no-repeat;
background-position: bottom left;

}

.mancha_menu_marron_bottom {

background: url(/img/noticias_mancha_bottom.png);
background-repeat: no-repeat;
background-position: bottom left;

}

.mancha_verde_bottom {

background: url(/img/mancha_verde_bottom.png);
background-repeat: no-repeat;
background-position: bottom left;

}

.mancha_roja_bottom {

background: url(/img/mancha_roja2_bottom.png);
background-repeat: no-repeat;
background-position: bottom left;

}


.mancha_registrate_naranja_bottom {

background: url(/img/registrate_mancha_bottom.png);
background-repeat: no-repeat;
background-position: bottom left;

}

.mancha_ultimospost_bottom {

background: url(/img/mancha_ultimospost.png);
background-repeat: no-repeat;
background-position: bottom left;

}

.menu_rojo {

background: #893531 url(/img/topmenu_rojo.png);
background-repeat: no-repeat;
background-position: top left;

}

.menu_amarillo {

color: #85410f;
background: #c18235 url(/img/topmenu_amarillo.png); /* #de8a04 */
background-repeat: no-repeat;
background-position: top left;

}

.menu_amarillo a {

font-size: 10pt; 
color: #fff;
/* font-weight: bolder; */
font-family: Geneva, Arial, Helvetica, sans-serif;

}

.menu_amarillo a:hover {

font-size: 10pt; 
color: #ffbc04;
font-weight: bolder;
font-family: Geneva, Arial, Helvetica, sans-serif;

}


.menu_naranja {

color: #762e08;
background: #9a4e14 url(/img/topmenu_naranja.png);
background-repeat: no-repeat;
background-position: top left;

}

.menu_azul {

color: #1f3d57;
background: #325f89 url(/img/topmenu_azul.png);
background-repeat: no-repeat;
background-position: top left;

}

.menu_azul2 {

color: #2c4258;
background: #576d81 url(/img/topmenu_azul.png);
background-repeat: no-repeat;
background-position: top left;

}

.menu_verde {

color: #fff;
background: #495024 url(/img/topmenu_verde.png);
background-repeat: no-repeat;
background-position: top left;

}

.menu_verde a {

font-size: 10pt; 
color: #fff;
font-weight: bolder;
font-family: Geneva, Arial, Helvetica, sans-serif;

}

.menu_verde a:hover {

font-size: 10pt; 
color: #ffbc04;
font-weight: bolder;
font-family: Geneva, Arial, Helvetica, sans-serif;

}
.menu_marron {

background: #b9b09e url(/img/topmenu_marron.png);
background-repeat: no-repeat;
background-position: top left;


}

.menu_marron a:hover {

font-size: 10pt; 
color: #fff;
/* font-weight: bolder; */
font-family: Geneva, Arial, Helvetica, sans-serif;

}


.menu_gris {

background: #7e7e7e url(/img/topmenu_gris.png);
background-repeat: no-repeat;
background-position: top left;

}

.menu_registrate {

font-size: 11pt; 
color: #762e08;
background: #9a4e14 url(/img/topmenu_naranja.png);
background-repeat: no-repeat;
background-position: top left;

}

.menu_registrate a {

font-size: 11pt; 
color: #fff;
font-weight: bolder;
font-family: Geneva, Arial, Helvetica, sans-serif;

}

.menu_registrate a:hover {

font-size: 11pt; 
color: #ffbc04;
font-weight: bolder;
font-family: Geneva, Arial, Helvetica, sans-serif;

}

.smallfont a {

font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
color: #fabf0a;

}

.smallfont {

font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
color: #FFFFFF

}

.copyright {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}


#twitter_div {

	border-bottom-style: solid;

	border-bottom-width: 0px;

	/* border-bottom-color: #5AA5BC; */

	font-family: Arial, Helvetica, sans-serif;

	/* font-size: 0.9em;*/

	padding-top: 0px;

	padding-right: 5px;

	padding-left: 0px;
	
	margin-top: -14px;
	margin-bottom: -14px;


}


#twitter_div ul {
    
	padding-left: 0px;
	margin-left: 5px;
	margin-right: 5px;
	
}

 
#twitter_div ul li {

	list-style: none;

	color: #ffffff;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-bottom-color: #2d425b; /* border-bottom-color: #A1E8F7; */

	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 0px;
	margin-left: 5px;

}


#twitter_div ul li a {

	text-decoration: none;

	color: #DDA84E;

}

 
#twitter_div ul li a:hover {

	text-decoration: none;

	color: #D78E42;

}

 
#twitter_div p {

	text-align: left;

	padding-right: 6px;

	padding-bottom: 10px;

	color: #DDA84E;

}


#page-wrap {
	width:960px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}


/*!
 * file: common/tooltip.css
 *
 * Styling of the tooltip used on forms
 */

.tooltip {
	position: absolute;
	top: -5000px;
	left: -5000px;
	z-index: 5000;
	background: url('../images/tooltip.png');
	_background: url('../images/tooltip-ie6.png');
	padding: 25px 15px 10px 15px;
	font-weight: bold;
	color:white;
}


/*
= IMAGE OVERLAY TRANSITIONS
*/

.magma-hover-image {
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
.magma-hover-image:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

/*
= HOVER TOGGLE
*/
.magma-hover-toggle .popup,
.magma-click-toggle .popup {display:none;}

.magma-ajax-url {display:none;}

#magma-cssready {display:none;}/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder
{
	text-align: left;
}
.jcrop-holder img {	background: url(../images/checkbg.png);}
.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url(../images/Jcrop.gif) top left repeat;
	/*
	opacity: .5;
	*filter:alpha(opacity=50);
	*/
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker {
	*background-color: gray;
	width: 100%; height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/*!
 * file: common/cache-info.css
 *
 * The cache indication widget
 */

.cache-info-container {
	position:relative;
	float:right;
	margin:8px 8px 0 0;
	padding:4px;
	_text-align:right;
	_width:100px;
}
.bfhBox .cache-info-container {
	position:absolute;
	top:0;
	right:0;
	margin:8px 3px 0 0;
	max-width:20px;
	*max-width:28px;
}
.cache-info-container .trigger {
	background:transparent url(http://www.bfheroes.es/img/cache-indicator.png) no-repeat 100% 0;
	_background-image:url(http://www.bfheroes.es/img/cache-indicator.gif);
	height:20px;
	width:20px;
	font-weight:bold;
	cursor:default;
}
.cache-info-popup {
	background:transparent url(http://www.bfheroes.es/img/cache-indicator.png) no-repeat 0 -20px;
	background-image /*\**/: url(http://www.bfheroes.es/img/cache-indicator.gif)\9;
	*background-image:url(http://www.bfheroes.es/img/cache-indicator.gif);
	display:none;
	position:absolute;
	top:6px;
	right:-13px;
	width:300px;
	height:155px;
	z-index: 1000;
	color:#fff;
}
.cache-info-popup .popup-in {padding:32px 20px 20px;}
.cache-info-popup h3 {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.cache-info-popup .cache-info {padding-top:25px;}
.cache-info-popup .cache-info p {margin:0 0 5px;}
.cache-info-popup .cache-info b {color:#fede01;}

/

-->


.heroerankingid {

text-align: center
vertical-align: middle;
width: 25px;
height: 22px; 

}


.heroeranking {

height: 22px;

}

.heroeranking ul.stats {

padding-left: 0px;

}

.heroeranking li {
    list-style: none;
	float:left;
	height:32px;
	background:url(http://www.bfheroes.es/img/sprite-user-profile.png) no-repeat;
	/* _background:url(http://www.bfheroes.es/img/sprite-user-profile.gif) no-repeat; */
	margin: 0px 0 0 3px;
}

.heroeranking li.ranking {background: none; margin-top: 10px;  }
.heroeranking li.faction-royal {width:32px;background-position:-460px 0;}
.heroeranking li.faction-national {width:32px;background-position:-420px 0;}
.heroeranking li.class-commando {width:32px;background-position:-300px 0;}
.heroeranking li.class-gunner {width:32px;background-position:-340px 0;}
.heroeranking li.class-soldier {width:32px;background-position:-380px 0;}
.heroeranking li.level-1 {width:32px;background-position:-500px 0;}
.heroeranking li.level-2 {width:32px;background-position:-540px 0;}
.heroeranking li.level-3 {width:32px;background-position:-580px 0;}
.heroeranking li.level-4 {width:32px;background-position:-620px 0;}
.heroeranking li.level-5 {width:32px;background-position:-660px 0;}
.heroeranking li.level-6 {width:32px;background-position:-700px 0;}
.heroeranking li.level-7 {width:32px;background-position:-740px 0;}
.heroeranking li.level-8 {width:32px;background-position:-780px 0;}
.heroeranking li.level-9 {width:32px;background-position:-820px 0;}
.heroeranking li.level-10 {width:32px;background-position:-860px 0;}
.heroeranking li.level-11 {width:32px;background-position:-900px 0;}
.heroeranking li.level-12 {width:32px;background-position:-940px 0;}
.heroeranking li.level-13 {width:32px;background-position:-980px 0;}
.heroeranking li.level-14 {width:32px;background-position:-1020px 0;}
.heroeranking li.level-15 {width:32px;background-position:-1060px 0;}
.heroeranking li.level-16 {width:32px;background-position:-1100px 0;}
.heroeranking li.level-17 {width:32px;background-position:-1140px 0;}
.heroeranking li.level-18 {width:32px;background-position:-1180px 0;}
.heroeranking li.level-19 {width:32px;background-position:-1220px 0;}
.heroeranking li.level-20 {width:32px;background-position:-1260px 0;}
.heroeranking li.level-21 {width:32px;background-position:-1300px 0;}
.heroeranking li.level-22 {width:32px;background-position:-1340px 0;}
.heroeranking li.level-23 {width:32px;background-position:-1380px 0;}
.heroeranking li.level-24 {width:32px;background-position:-1420px 0;}
.heroeranking li.level-25 {width:32px;background-position:-1460px 0;}
.heroeranking li.level-26 {width:32px;background-position:-1500px 0;}
.heroeranking li.level-27 {width:32px;background-position:-1540px 0;}
.heroeranking li.level-28 {width:32px;background-position:-1580px 0;}
.heroeranking li.level-29 {width:32px;background-position:-1620px 0;}
.heroeranking li.level-30 {width:32px;background-position:-1660px 0;}