/* Black Age Online - home.css */
/* ============================================ */



/*  Estructura principal */
/* ============================================ */

html { height: 100% }

body {
	background: #000000 url('../img/fondo-repetir.jpg') top center repeat-y;
	color: #ffffff;
	font-size: 0.8em;
	font-family: Veranda, Arial, Geneva, sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
	
	}

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

:focus { outline: 0; } 		
	
/*  Main Site - BG Fixes */
/* ============================================ */

/* navegación superior(prescindible) */
.bg-fix-gnav {
	background: #000000;
	height: 24px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;

	}
	
/* fondomontañas */
.bg-fix-header {
	background: url('../img/headerfix.jpg') top center no-repeat;
	height: 449px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	}
	
.bg-fix-footer{
	background: url('../img/footer.jpg') no-repeat scroll center top;
	height: 406px;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	}
	
/*  Global Nav */
/* ============================================ */


#gnav-contenedor {
	background: #000000;
	color: #999999;
	font-size: 10px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
	}

	.gnav {
		background: #000000;
		margin: 0px auto;
		padding: 6px 0px 4px 330px;
		text-align: left;
		width: 400px;
		float: left;
		}

	.gnav a, gnav a:link, gnav a:visited {
		color: #cccc99;
		text-decoration: none;
		}

	.gnav a:hover {
		color: #f5c400;
		text-decoration: underline;
		}
		
	.gnav a.active {
		color: #990000;
		text-decoration: underline;
		}
		
	.idioma-select {
		width: 140px;
		height: 24px;
		padding-right:40px;
		float: right;
		text-align: right;
		margin: 0px 0px 0px 0px;
		background: #000000;
		z-index:2;
		}

/* Header */
/* ============================================ */

#header-contenedor {
	background: url('../img/header.jpg') top center no-repeat;
	height: 425px;
	margin: 0px auto;
	text-align: center;
	width: 100%;
	position: relative;
	}
	
	.navbar {
	height: 81px;
	margin: 0px auto;
	width: 524px;
	position: absolute;
	left: 228px;
	top: 183px;
	z-index: 2;
		}

/* botones gráficos español */
/* ============================================ */

	.boton-grafico1-esp {
	width: 123px;
	height: 82px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	}
	
	.boton-grafico1-esp a{
	position: absolute;
	margin:0px;
	top: 0px;
	width: 123px;
	text-decoration: none;
	padding: 82px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:82px; /* IE5/Win */ /*El mismo valor del padding-top, que es a su vez la altura del boton*/
	background: url('../img/boton_grafico1-esp.jpg') no-repeat;
	left: 0px;
	}
	
	
	.boton-grafico1-esp a:hover{
		background-position: 0 -82px; width: 123px; left: 0; 
		}
		
	.boton-grafico2-esp {
	width: 122px;
	height: 81px;
	position: absolute;
	left: 400px;
	top: 0px;
	z-index: 1;
	}
	
	.boton-grafico2-esp a{
	position: absolute;
	margin:0px;
	top: 0px;
	width: 123px;
	text-decoration: none;
	padding: 82px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:82px; /* IE5/Win */ /*El mismo valor del padding-top, que es a su vez la altura del boton*/
	background: url('../img/boton_grafico2-esp.jpg') no-repeat;
	left: 0px;
	}
	
	
	.boton-grafico2-esp a:hover{
		background-position: 0 -82px; width: 123px; left: 0; 
		}

/* botones gráficos inglés */
/* ============================================ */

	.boton-grafico1-eng {
	width: 123px;
	height: 82px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	}
	
	.boton-grafico1-eng a{
	position: absolute;
	margin:0px;
	top: 0px;
	width: 123px;
	text-decoration: none;
	padding: 82px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:82px; /* IE5/Win */ /*El mismo valor del padding-top, que es a su vez la altura del boton*/
	background: url('../img/boton_grafico1-eng.jpg') no-repeat;
	left: 0px;
	}
	
	
	.boton-grafico1-eng a:hover{
		background-position: 0 -82px; width: 123px; left: 0; 
		}
		
	.boton-grafico2-eng {
	width: 122px;
	height: 81px;
	position: absolute;
	left: 400px;
	top: 0px;
	z-index: 1;
	}
	
	.boton-grafico2-eng a{
	position: absolute;
	margin:0px;
	top: 0px;
	width: 123px;
	text-decoration: none;
	padding: 82px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:82px; /* IE5/Win */ /*El mismo valor del padding-top, que es a su vez la altura del boton*/
	background: url('../img/boton_grafico2-eng.jpg') no-repeat;
	left: 0px;
	}
	
	
	.boton-grafico2-eng a:hover{
		background-position: 0 -82px; width: 123px; left: 0; 
		}
				
#nav a {
		position: absolute;
		top: 0px;
		width: 183px;
		text-indent: -9000px;
		text-decoration: none;
		padding: 67px 0px 0px 0px;
		overflow: hidden;
		height: 0px !important;
		height /**/:67px; /* IE5/Win */
		background: transparent url('http://mythicmktg.fileburst.com/war/us/en/global/images/new-nav_matrix.gif') no-repeat;
		}


/* Body Structure */
/* ============================================ */

#wrapper {
	background: url('../img/fondo-repetir.jpg') top center repeat-y;
	height: auto !important;
   height: 100%;
	margin: 0px auto;
	min-height: 100%;
   position: relative;
   width: 985px;
	}

#contenido-contenedor {
	margin: 0px auto;
	padding: 0px 0px 406px 0px; /* makes room for footer*/
	text-align: center;
	width: 904px;
	}


/* Body Structure - Left Column (sub-nav)*/
/* ============================================ */

#contenido-izquierda {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 157px;
	position:relative;
	top:-210px;
	
	}

	.subnav {
		margin: 0px 0px 15px 0px;
		padding: 0px;
		}

	.subnav .cat-titulo {
		margin: 0px;
		padding: 0px;
		}

	.subnav .nav-seleccion {
		margin: 0px;
		padding: 0px;
		width: 157px;
		}

		.subnav .nav-seleccion .header {
			background: url('../img/nav_child-header.gif') top center no-repeat;
			height: 17px;
			margin: 0px;
			padding: 0px;
			width: 157px;
			}

		.subnav .nav-seleccion .listbox {
			background: url('../img/nav_child-bg.jpg') repeat-y;
			margin: -1px 0px 0px 0px;
			padding: 0px;
			width: 157px;
			}

			.subnav .nav-seleccion .listbox .seleccion {
				color: #cccc99;
				font-size: 11px;
				margin: 0px;
				padding: 5px 0px 5px 0px;
				word-spacing: 1px;
				line-height: 13px;
				}

				.subnav .nav-seleccion .listbox .seleccion a, .seleccion  a:link, .seleccion  a:visited {
						color: #cccc99;
						text-decoration: none;
						}

					.subnav .nav-seleccion .listbox .seleccion a:hover {
						color: #f5c400;
						text-decoration: none;
						}

		.subnav .nav-seleccion .footer {
			background: url('../img/nav_child-footer.gif') top center no-repeat;
			height: 12px;
			margin: 0px;
			padding: 0px;
			width: 157px;
			}


/* Body Structure - Middle Column*/
/* ============================================ */

#contenido-centro {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: justify;
	width: 585px;
	}
	
/* Gráfico Inicio*/	
.imagen_inicio {
	padding-left: 7px;

}


	
/* Titulares y texto noticias*/

#contenido-centro .titular {
	padding-left: 7px;
	padding-right: 8px;

}

#contenido-centro .titular .portada h2 a {
	color:#FFF;
	height: 70px;
	display:block;
}

#contenido-centro .titular .portada h2 a  span{
	display: none;

}

#contenido-centro .titular .noticia{
	background: url('../img/rw_index_welcome-text.gif') top center no-repeat;
	position:relative;
	top: -20px;
	height:214px;
	
}

#contenido-centro .titular .noticia p{	
	
	padding: 40px;
	
}

#contenido-centro .texto {

	padding: 20px;

	text-align: justify;

}
	
/* Body Structure - Right Column*/
/* ============================================ */


#content-right {
	float: right;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	width: 157px;
	position:relative;
	top:-210px;
	}

	.rightbar-box1 {
		margin: 0px 0px 15px 0px;
		padding: 0px;
		width: 157px;
		}

	.rightbar-box2 {
		margin: 0px;
		padding: 0px;
		width: 157px;
		}

	.rightbar-box3 {
		margin: 0px;
		padding: 0px;
		width: 157px;
		}


/* Footer*/
/* ============================================ */


#footer-container {
	background: url('../img/footer.jpg') top center no-repeat;
	margin: -406px auto 0px; /*be sure to adjust the padding in CONTENT CONTAINER to allow for spacing */
	position: relative;
	text-align: center;
	height: 406px;
	/*min-width:985px;
	width:auto !important;
	width:100%;*/
	width: expression(document.body.clientWidth < 986? "985px" : document.body.clientWidth > 1440? "1440px" : "auto");
	min-width: 985px;
	max-width: 1440px;
	
	
  
/*	width: 1440x;	
	min-width: 985px;*/
	}
	


	.footer {
		color: #f5c400;
		text-align: center;
		padding: 120px 0px 0px 0px;
		margin: 0px;
		}
		
		.footer .footer-row1 {
			width: 810px;
			text-align: center;
			margin: 0px auto;
			padding: 0px;
			}
			
			.footer .footer-row1 img{
				margin: 0px 10px;
				}
		
		.footer .footer-row2 {
			width: 810px;
			text-align: center;
			margin: 260px auto 0px auto;
			}
			
			.footer .footer-row2 .legal-img {
				float: left;
				margin: 5px 5px 0px 10px !important;
				margin: 5px 3px 0px 5px;
				}
			
			.footer .footer-row2 .legal-type {
				float: center;
				margin: 5px 0px 0px 0px;
				font-size: 11px;
				line-height: 20px;
				}
				
				.footer .footer-row2 .legal-type a, .legal-type a:link, .legal-type a:visited {
					color: #f5c400;
					text-decoration: none;
					font-weight: bold;
					}

				.footer .footer-row2 .legal-type a:hover {
					color: #fff;
					text-decoration: underline;
					font-weight: bold;
					}
					
			.footer .footer-row2 .mythic {
				float: right;
				margin: -10px 10px 0px 0px !important;
				margin: -10px 5px 0px 0px;
				}
					
					
/* 404*/
/* ============================================ */

.fourohfour {
	margin: 25px auto;
	}


/*////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////*/

/*///////////////////ESTILOS TEXTOS///////////////////////////*/

/*////////////////////////////////////////////////////////////*/

/*h2 {

	color:#333300;

	font-size:16px;

	font-weight:bold;

}*/

.texto_gris_12 {

	color:#999999;

	font-size:12px;

}

.texto_gris_11 {

	color:#999999;

	font-size:11px;

}

.texto_gris_bold_11 {

	color:#999999;

	font-size:11px;

	font-weight:bold;

}

.texto_gris_bold_12 {

	color:#999999;

	font-size:12px;

	font-weight:bold;

}

.texto_blanco_12 {

	color:#ffffff;

	font-size:12px;

}

.texto_blanco_11 {

	color:#ffffff;

	font-size:11px;

}

.texto_blanco_bold_11 {

	color:#ffffff;

	font-size:11px;

	font-weight:bold;

}

.texto_blanco_bold_12 {

	color:#ffffff;

	font-size:12px;

	font-weight:bold;

}

.texto_negro_12 {

	color:#000000;

	font-size:12px;

}

.texto_negro_11 {

	color:#000000;

	font-size:11px;

}

.texto_negro_bold_11 {

	color:#000000;

	font-size:11px;

	font-weight:bold;

}

.texto_negro_bold_12 {

	color:#000000;

	font-size:12px;

	font-weight:bold;

}

/* cosas por comprobar*/
/* ============================================ */

#contenido-centro .galeria {

	padding-right: 10px;

	padding-bottom: 15px;

	padding-left: 10px;

}

.galeria .miniatura-galeria {

	background-color:#FFFFFF;

	margin-top: 10px;

	margin-right: 5px;

	margin-left: 5px;

	height: 100px;

	width: 100px;

	float: left;

	z-index:100;

}

.miniatura:hover {

	filter: alpha(opacity=100);

	opacity: 1;

}

.miniatura {

	filter: alpha(opacity=80);

	opacity: .8;

}

.bg-fix-body {
	background: url('../img/fondo-repetir.jpg') top center repeat-y;
	height: 310px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 310px;
	}