body {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	background-color: black;
	font-size: 14px; /*Cambiando esto se redimensiona toda la pagina*/
	margin: 0px;
	padding: 0px;
	background: #000000;
}


#wrapper {
	/*position: relative;*/
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 0em;*/ /* IE */
	/*width: 784px;*/
	width: 60em;
	margin-bottom: 20px;
}

#container {
	/*position: relative;*/
}


img.percentImage {
 background: white url(percentImage_back.png) top left no-repeat;
 padding: 0;
 background-position: 1px 0;
}


img.percentImageRojo {
 background: white url(percentImage_back_rojo.png) top left no-repeat;
 padding: 0;
 background-position: 1px 0;
}

img.percentImage_mini {
 background: white url(percentImage_back_mini.png) top left no-repeat;
 padding: 0;
 background-position: 1px 0;
}

#imagen_ppal{
	margin-left: 2.5em;
	position: absolute;
}

#barra_superior2{
	margin-top: 8em;
	margin-left: 44em;
	position: absolute;
	width: 6em;
	/*border: 0.1em solid #FFFFFF;*/
	font-family: verdana; 
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
	background-color: #000000;
}

#barra_superior{
	margin-top: 8em;
	margin-left: 50em;
	position: absolute;
	width: 16em;
	/*border: 0.1em solid #FFFFFF;*/
	font-family: verdana; 
	font-weight: bold;
	font-size: 0.8em;
	text-align: right;
	background-color: #000000;
}

#barra_idiomas
{
	margin-top: 9.4em;
	margin-left: 3.1em;
	position: absolute;
	width: 63.5em;
	/*border: 0.1em solid #FFFFFF;*/
	font-family: verdana; 
	font-weight: bold;
	font-size: 0.8em;
	text-align: right;
	background-color: #000000;
}

#barra_idiomas img{
	border: none;
}

#contenido_ppal barra_idiomas{
	text-align: right;
}


#barra_estado_clan
{
	margin-top: 10.7em;
	/*margin-left: 17.5em;*/
	margin-left: 19em;
	position: absolute;
	/*width: 48.6em;*/
	width: 46em;
	/*border: 0.1em solid #FFFFFF;*/
	font-family: verdana; 
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
	background-color: #333333;
}


#contenido_ppal {
	/*padding-top: 1em;  IE */
	margin-top: 10em;
	margin-left: 14em;
	width: 39em;
	position: absolute;
	background: #000000;
	/*height: 40em; 
	overflow: auto;*/ /* Al intentar meter el scroll se fastidian algunas paginas */
}


#contenido_ppal a
{
   text-decoration: underline;
   color: #990000;
}

#contenido_ppal a:hover {
	color: #FF6600;
}

/* Enlaces a otros comandos */
#contenido_ppal td a.detalle_comando
{
	color: #000000;
	text-decoration: underline;
}
#contenido_ppal td a.detalle_comando:hover
{
	color: #990000;
}

/* Enlaces de detalle de los combates de nuestro clan */
#contenido_ppal a.detalle_combate_propio
{
	color: #FF6600;
	text-decoration: underline;
}


/* Propiedades genericas de las tablas */
#contenido_ppal table
{
	color: #000000;
	width: 100%;
	background: #FFFFFF;
	border: 0.1em solid #000000;
}

#contenido_ppal table th
{
	text-align: center;
	border: 0.1em solid #996600;
	background: #FFCC99;
}

#contenido_ppal table td
{
	border: 0.1em solid #996600;
}


.enlace_normal {
	text-decoration: underline;
	color: white;

}

.enlace_normal:hover {
	color: #FF6600;

}

#contenido_ppal img
{
	border: none;
}

#contenido_ppal fieldset {
   padding-top: 1em;
   padding-left: 1em;
   padding-bottom: 1em;
   border: 0.1em solid #FFA07A;
   
}

#contenido_ppal fieldset.datos_usuario {
   padding-left: 8em; 
}

#contenido_ppal h1 {
	font-size: 1.5em;
	text-align: center;

}

#contenido_ppal h2 {
	font-size: 1.2em;
	text-align: center;
}


#contenido_ppal h3 {
	font-size: 1em;
	text-align: center;
}

/* Para que se vea bien en IE 6.0*/
/*
#contenido_ppal form input{
   font-size: 0.8em;
   background: #000000;
   border: 0.1em solid #FFFFFF;
   color: #FFFFFF;
}
*/



#contenido_ppal form input[type='text']{
   background: #FFFACD;
   border: 0.1em solid #B8860B;
   color: #000000;
}

#contenido_ppal form input[type='password']{
   font-size: 0.85em;
   background: #FFFACD;
   border: 0.1em solid #B8860B;
   color: #000000;
}

#contenido_ppal form input[type='password'].error_login
{
   border: 0.1em solid #CC0000;
   background: #FFC0CB;
}

/*
#contenido_ppal form input[type='file']{
   font-size: 0.8em;
   background: #000000;
   border: 0.1em solid #FFFFFF;
   color: #FFFFFF;
}*/


#contenido_ppal form select{
   background: #000000;
   color: #FFFFFF;
}

#contenido_ppal form textarea{
   font-size: 0.9em;
   background: #FFFACD;
   border: 0.1em solid #B8860B;
   color: #000000;
}


/* NO FUNCIONA EN IE */

#contenido_ppal input[type='text'].pts_entrenamiento{
	background: none;
	border: none;
	color: #CC0000;
	font-size:2.5em;
}


#contenido_ppal form input[type='text'].habilidades_entremaniemto{
	background: #FFFFFF;
	border: none;
	text-align: center;
	font-size: 1.2em;
}

#contenido_ppal input.btn_entrenar_mas{
	background-color: #009900;
	color: #FFFFFF;
	width: 1.5em;
	font-size: 1em;
	font-weight: bold;
	border: 0.2em solid #000000;
}

#contenido_ppal input.btn_entrenar_mas:focus
{
	/* Para que no cambie al pulsar en FF*/
	background-color: #009900;
	width: 1.5em;
	font-size: 1em;
	font-weight: bold;
	border: none;
	color: white;
	border: 0.2em solid #000000;
}

#contenido_ppal input.btn_entrenar_menos{
	background-color: #CC0000;
	color: #FFFFFF;
	width: 1.5em;
	font-size: 1em;
	font-weight: bold;
	border: none;
	border: 0.2em solid #000000;
}

#contenido_ppal input.btn_entrenar_menos:focus
{
	/* Para que no cambie al pulsar en FF*/
	background-color: #CC0000;
	width: 1.5em;
	font-size: 1em;
	font-weight: bold;
	border: none;
	color: white;
	border: 0.2em solid #000000;
}

#contenido_ppal input.btn_submit
{
	margin-left: 15em;
	background-color: #990000;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	border: 0.2em solid #FFFFFF;
	cursor: pointer;
}
#contenido_ppal input.btn_submit:focus
{
	border: 0.2em solid #FF6600;
}

#contenido_ppal input.btn_submit_disabled
{
	margin-left: 15em;
	background-color: #808080;
	color: #DCDCDC;
	font-size: 1em;
	font-weight: bold;
	border: 0.2em solid #FFFFFF;
	cursor: pointer;
}

#contenido_ppal input.btn_submit_disabled2
{
	background-color: #808080;
	color: #DCDCDC;
	font-size: 1em;
	font-weight: bold;
	border: 0.2em solid #FFFFFF;
	cursor: pointer;
}

#contenido_ppal input.btn_submit2
{
	background-color: #990000;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	border: 0.2em solid #FFFFFF;
}

#contenido_ppal fieldset.detalle_soldado {
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: 0.1em solid #FFFFFF;
}

#contenido_ppal  form label
{
	font-size: 0.8em;
}

#contenido_ppal form input.error
{
   font-size: 0.8em;
   background: #000000;
   border: 0.1em solid #FF0000;
   color: #FF0000;
}


/* TABLA DE LA LIGA */
#contenido_ppal table.tabla_liga
{
	width: 100%;
	background: #DEB887;
	color: #000000;
}


#contenido_ppal table.tabla_liga th.nombre_liga
{
	color: #FFFFFF;
	font-size: 1.2em;
	background: #FFFFFF url("tbl_background_nl.gif") repeat-x;
	border-color: #000000;
}

#contenido_ppal table.tabla_liga th
{
	background: #000000 url("tbl_background2.gif") repeat-x;
}

#contenido_ppal table.tabla_liga td
{
	background: #000000 url("tbl_background2.gif") repeat-x;
}

/* Puntos de la jornada en la tabla de liga */
#contenido_ppal table.tabla_liga td.pts_jornada_n1
{
	background: #000000 url("tbl_background_n1.gif") repeat-x;
	width: 2em;
	font-weight: bold;
}

#contenido_ppal table.tabla_liga td.pts_jornada_n2
{
	background: #000000 url("tbl_background_n2.gif") repeat-x;
	width: 2em;
	font-weight: bold;
}

#contenido_ppal table.tabla_liga td.pts_jornada_n3
{
	background: #000000 url("tbl_background_n3.gif") repeat-x;
	width: 2em;
	font-weight: bold;
}

#contenido_ppal table.tabla_liga td.fondo_naranja
{
	background: #000000 url("tbl_background_n3.gif") repeat-x;
	font-weight: bold;
}

#contenido_ppal table.tabla_liga td.prox_liga_up
{
	background: #000000 url("tbl_background_up.gif") repeat-x;
	width: 2em;
	font-weight: bold;
}

#contenido_ppal table.tabla_liga td.prox_liga_down
{
	background: #000000 url("tbl_background_down.gif") repeat-x;
	width: 2em;
	font-weight: bold;
}


/* PAGINA DE GRUPOS */
/* Conservamos los estilos de todos los grupos
	porque aún se pueden ver los 3 en el calendario */

#contenido_ppal table.tabla_combates_g1
{
	margin-left: 1.5em;
	width: 90%
}

#contenido_ppal table.tabla_combates_g2
{
	margin-left: 1.5em;
	width: 90%
}

#contenido_ppal table.tabla_combates_g3
{
	margin-left: 1.5em;
	width: 90%
}


#contenido_ppal table.tabla_combates_g1 th
{
	background: #000000 url("tbl_background_n1.gif") repeat-x;
	border: 0.1em solid #006400;
}

/* grupos de nivel 2*/
#contenido_ppal table.tabla_combates_g2 th
{
	background: #000000 url("tbl_background_n2.gif") repeat-x;
	border: 0.1em solid #990000;
}

/* grupos de nivel 3*/
#contenido_ppal table.tabla_combates_g3 th
{
	background: #000000 url("tbl_background_n3.gif") repeat-x;
	border: 0.1em solid #FF6600;
}


/* Tabla de novedades del pagina principal */
#contenido_ppal table.tabla_pergamino
{
	width: 90%;
	background: none;
	color: #CC0000;
	font-size: 0.9em;
	border: none;
	text-align: center;
	margin-left: 2em;
}


#contenido_ppal table.tabla_pergamino td
{
	text-align: center;
	border: 0.1em solid #996600;
	background: #FFDDAA;
}


/* ESTILOS para la tabla de soldado */
#contenido_ppal table.tabla_general_soldado
{
	/*background: #000000 url("tbl_background.gif") repeat-y;*/
	/*border: 0.1em solid #006400;*/
	width: 95%;
	background: #000000;
	border: none;
	color: #000000;
}

#contenido_ppal table.tabla_general_soldado tr
{
	
	border: none;
}
#contenido_ppal table.tabla_general_soldado td
{
	border: none;
}

#contenido_ppal table.tabla_general_soldado td.td_fondo1
{
	background: #000000 url("background_tabla_general_soldado1.gif") no-repeat center;
}

#contenido_ppal table.tabla_general_soldado td.td_fondo2
{
	background: #000000 url("background_tabla_general_soldado2.gif") no-repeat center;
}

/* Botones de la tabla de soldado */
#contenido_ppal table.tabla_general_soldado td.td_fondo2 a
{
	color:#000000;
	display: block;
	text-decoration: none;
	margin-left: 0.8em;
	padding-bottom: 0.6em; /* Determina la altura de los elementos */
	padding-left: 0em;
	padding-right: 0em;
	border-bottom: 0;
	background-position: 0px -2px; /* Posición de la imagen de fondo */
	background-image: url("background_tabla_general_soldado_button.gif");
	background-repeat: no-repeat;
	font-size: 0.8em;
	font-weight: bold;
}

#contenido_ppal table.tabla_general_soldado td.td_fondo2 a:hover
{
	background-position: 0px -24px; /* Posición de la imagen de fondo */
}

/* Botones de la tabla de soldado */
#contenido_ppal table.tabla_general_soldado td.td_fondo2 a.vender
{
	color:#000000;
	display: block;
	text-decoration: none;
	margin-left: 0.8em;
	padding-bottom: 0.6em; /* Determina la altura de los elementos */
	padding-left: 0em;
	padding-right: 0em;
	border-bottom: 0;
	background-position: 0px -2px; /* Posición de la imagen de fondo */
	background-image: url("background_tabla_general_soldado_button_vender.gif");
	background-repeat: no-repeat;
	font-size: 0.8em;
	font-weight: bold;
}

#contenido_ppal table.tabla_general_soldado td.td_fondo2 a.vender:hover
{
	background-position: 0px -24px; /* Posición de la imagen de fondo */
}

#contenido_ppal table.tabla_general_soldado td.td_fondo3
{
	background: #000000 url("background_tabla_general_soldado3.gif") no-repeat center;
}

#contenido_ppal table.tabla_general_soldado td.td_fondo4
{
	background: #000000 url("background_tabla_general_soldado4.gif") no-repeat center;
	font-weight: bold;
}


/* ESTILOS para la tabla del inventario del soldado */
#contenido_ppal div.tabla_inventario_soldado
{
	background: #000000 url("background_tabla_inventario.gif") no-repeat;
	/*border: 0.1em solid #006400;*/
	/*background: #000000;*/
	border: none;
	text-align: center;
}

#contenido_ppal div.lista_enlaces
{
	text-align: center;
	font-size: 0.9em;
}

#contenido_ppal div.lista_enlaces a
{
	text-decoration: none;
}


#contenido_ppal a.boton_modal
{
	font-size: 0.9em;
	background-color: #FFFACD;
    color: #000000; 
	text-decoration: none;
	padding: 0.2em;
	
    border-top: 0.1em solid #B8860B;
    border-bottom: 0.2em solid #666666;
    border-left: 0.1em solid #B8860B;
    border-right: 0.2em solid #666666;
}

/* Combates generados */
#combate
{
	text-align: center;
	padding-top: 1em;
	padding-left: 0em;
	padding-right: 1em;
	padding-bottom: 1em;
	color: #000000;
	background: #FFFAF0 url("background_550.gif") repeat-y;
}

#combate h1
{
	font-size: 1.5em;

}

#combate h2
{
	font-size: 1.2em;

}

#combate a
{
	color: #CC0000;
	text-decoration: none;
}

#combate hr
{
	width: 30%;
	height: 1.4em;
	border: none;
	background: #FFFAF0 url(hr_combate.gif) no-repeat center;
}

#combate a:hover
{
	color: #FF6600;
}

/* Página de las órdenes */
/* PODRIA ESTAR MUCHO MEJOR HECHO SIN REPETIR LOS PRIMEROS
   ATRIBUTOS EN TODAS LAS CLASES, PERO COMO IE6 ES TAN BUENO...*/
#fondo_pergamino1
{
	text-align: left;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	color: #000000;
	width: 21em; 
	margin-left: 14em;
	background: #FFFAF0 url("background_352.gif") repeat-y;
}

#fondo_pergamino2
{
	text-align: left;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	color: #000000;
	width: 10em; 
	margin-left: 24.5em;
	background: #FFFAF0 url("background_200.gif") repeat-y;
}


#fondo_pergamino3
{
	text-align: left;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	color: #000000;
	width: 13em; 
	margin-left: 21.5em;
	background: #FFFAF0 url("background_240.gif") repeat-y;
}

#fondo_pergamino4
{
	text-align: left;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	color: #000000;
	width: 19em; 
	margin-left: 16em;
	background: #FFFAF0 url("background_325.gif") repeat-y;
}

#fondo_pergamino4 a
{
	color: #000000;
}
#fondo_pergamino4 a:hover
{
	color: #CC0000;
}

#fondo_pergamino4 input[type='text'].normal_login
{
   font-size: 0.85em;
   background: #FFFACD;
   border: 0.1em solid #B8860B;
   color: #000000;
}


#fondo_pergamino4 input[type='text'].error_login
{
   font-size: 0.85em;
   background: #FFC0CB;
   border: 0.1em solid #CC0000;
   color: #000000;
}


#fondo_pergamino4 input.btn_submit
{
	margin-left: 1em;
	background: #FFFACD;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	border: 0.1em solid #B8860B;
	cursor: pointer;
}


#fondo_pergamino5
{
	text-align: left;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	color: #000000;
	width: 21em; 
	background: #FFFAF0 url("background_352.gif") repeat-y;
}

#fondo_pergamino5 a
{
	color: #000000;
}
#fondo_pergamino5 a:hover
{
	color: #CC0000;
}

#fondo_pergamino5 input[type='text'].normal_login
{
   font-size: 0.85em;
   background: #FFFACD;
   border: 0.1em solid #B8860B;
   color: #000000;
}


#fondo_pergamino5 input[type='text'].error_login
{
   font-size: 0.85em;
   background: #FFC0CB;
   border: 0.1em solid #CC0000;
   color: #000000;
}

#fondo_pergamino5 select.normal_login
{
   font-size: 0.85em;
   background: #FFFACD;
   border: 0.1em solid #B8860B;
   color: #000000;
}

#fondo_pergamino5 input.btn_submit
{
	margin-left: 1em;
	background: #FFFACD;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	border: 0.1em solid #B8860B;
	cursor: pointer;
}

#fondo_pergamino6
{
	text-align: left;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	color: #000000;
	background: #FFFAF0 url("background_551.gif") repeat-y;
}

#fondo_pergamino7
{
	text-align: left;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	color: #000000;
	background: #FFFAF0 url("background_550.gif") repeat-y;
}

#fondo_pergamino7 input[type='text'].normal_login
{
   font-size: 0.85em;
   background: #FFFACD;
   border: 0.1em solid #B8860B;
   color: #000000;
}

#fondo_pergamino7 input[type='text'].error_login
{
   font-size: 0.85em;
   background: #FFC0CB;
   border: 0.1em solid #CC0000;
   color: #000000;
}

#fondo_pergamino7 select.normal
{
   background: #FFFACD;
   border: 0.1em solid #B8860B;
   color: #000000;
}

#fondo_pergamino7 input.btn_submit
{
	margin-left: 1em;
	background: #FFFACD;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	border: 0.1em solid #B8860B;
	cursor: pointer;
}


#fondo_pergamino7 table.clase2
{
	color: #000000;
	width: 95%;
	background: #FFFFFF;
	border: 0.1em solid #000000;
	margin-left: 1em;
}

#fondo_pergamino7 table.clase3
{
	color: #000000;
	width: 100%;
	background: #FFFFFF;
	border: 0.1em solid #000000;
}

#fondo_pergamino7 p
{
	padding-left: 0.5em;
}

/*  ESTE EN IE6 SE VE MAL YA QUE EL INPUT SE QUEDA
	DEMASIADO GRANDE */
#fondo_pergamino8
{
	text-align: left;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	color: #000000;
	width: 13em; 
	background: #FFFAF0 url("background_240.gif") repeat-y;
}

#fondo_pergamino8 input[type='text'].normal_login
{
   font-size: 0.85em;
   background: #FFFACD;
   border: 0.1em solid #B8860B;
   color: #000000;
   width: 16em;
}

#fondo_pergamino8 input[type='password'].normal_login
{
   color: #000000;
   width: 16em;
}

#fondo_pergamino8 input.btn_submit
{
	margin-left: 1em;
	background: #FFFACD;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	border: 0.1em solid #B8860B;
	cursor: pointer;
}

#contenido_ppal span.fuente_reducida
{
	font-size: 0.8em;
}

acronym[title]
{
	cursor: help;
}

/* ESTILOS PARA EL RECAPTCHA . NO FUNCIONAN EN IE*/

/*
#recaptcha_response_field {
	font-size: 1em;
	border: 0.1em solid #B8860B;
	background-color:#FFFACD;
}
*/

#footer {
	text-align: center;
	font-size: 0.7em;
	padding-top: 3em;
	font-weight: bold;

}

#footer div.footer_manual
{
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;

}

#footer div.footer_manual a
{
	text-decoration: none;
	color: #999999;
}

#footer div.footer_manual a:hover
{
	text-decoration: underline;
	color: #FFFF99;
}


#footer a{
	color: #3366CC;
	text-decoration: underline;
}

#anuncios{
	margin-top:10em; 
	margin-left:54em; 
	position: absolute;
}