@charset "utf-8";
/* CSS Document */


/*cuerpo del documento*/
html, body
{
  min-height:100% ;
  
  height:100%;
  margin:0;
  padding:0;
  display:block;
}

body
{ 
  min-height:100%;
  
  height:100%;
  background-color:#000033;
  color:#FFFFFF;
  margin:0;
  display:block;
}


/*contenedor de posicionamineto*/
#Marco
{ 
	margin:0 auto;
	width:951px !important;
	width:995px;
	min-height:100%;
	height:100%;
	background-color:#001a50;
}


/*capa que contiene todo el documento*/
#Contenido
{ 
 float:left;
 min-height:100% !important; 
 height:auto !important;
 height:100%;
 width:100%;
 background-color:#001a50;
 background-image:url(images/fondoCabecera.png);
 background-repeat:repeat-x;
 background-position:top left;
 margin:0px;
 padding:0px;
}


/*capa de la cabecera*/
#Cabecera
{
 float:left;
 height:211px;
 width:100%;
 position:relative;
}

/*Logotipo de la pagina*/
#Logo
{
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 269px;
}

#CuadritoMolon
{
  position:absolute;
  top:10px;
  left:755px;

}

/*barra principal de direcciones de la pagina*/
#BarraPrincipal
{
	margin-left:18px !important;
	margin-left:6px;
	width:auto;
	height:67px;
	float:left;
	margin-top:23px;
	list-style-position: inside;
	list-style-type: none;

}

/*parte izquierda de la barra de menu principal*/
#BarraIzquierda
{
	float:left;
	background-image:url(images/BarraIzquierda.png) ;
	height:67px;
	width:19px;
}

#BarraPrincipal .fondo
{
background-image:url(images/barra.png);
	background-repeat:repeat-x;
	width: auto;
	height:67px;
	float:left;
}

#BarraPrincipal .fondo2
{

}

/*parte central de la barra principal de la pagina*/
#Barra
{
	width:100% !important;
	width:927px;
	height:100%;	
	float:left;
	list-style-position: inside;
	list-style-type: none;
	padding:0px;
	margin:0px;
}

#Barra li
{
list-style-position:inside;
background-image:url(images/barra.png);
	background-repeat:repeat-x;
list-style-type:none;
	float:left;
	margin: 0px;
	padding:0px;	
}

/*parte derecha de la barra principal de la pagina*/
#BarraDerecha
{
  width:26px;
  float:right;
  height:67px;
  background-image:url(images/barraDerecha.png);
}

/*todos los enlaces de la barra principal coinciden en esto*/
#Barra a
{
 margin-left:12px !important;
 margin-right:2px !important;
 margin-left:4px;
 margin-right:0px;
 margin-top:16px;
 float:left;
 padding:0px;
}

#Barra img
{ 
border:none;
}

/*Enlace a la portada de la pagina*/
#EnlacePortada
{
  margin-left:0px;
}

/*clase generica para los separadores de la barra prnciapl*/
.SeparadorBarra
{
	background-image:url(images/barraSeparador.png);
	height:67px;
	width:9px;
	background-repeat:no-repeat;
	float:left;
}

/*modificacion para el primer separador de la  barra principal*/
#SeparadorBarra1
{
margin-left:0px !important;
margin-left:7px;
margin-right:0px !important;
margin-right:16px;
}

/*enlace para la sección ¿Qué es?"*/
#EnlaceQueEs
{
   margin-left:0px !important;
   margin-left:0px;   
}

/*Segundo seaprador de la barra principal*/
#SeparadorBarra2
{
 margin-left:0px !important;
 margin-left:10px;
 margin-right:0px !important;
 margin-right:10px;
}

/*Enlace para la sección "La colección*/
#EnlaceColeccion
{
  margin-left:0px !important;
  margin-left:0px;
}

/*tercer separador de la barra principal*/
#SeparadorBarra3
{
  margin-left:0px !important;
  margin-left:6px;
  margin-right: 0px !important;
  margin-right: 10px;
}

/*Enlace par la seccion "las cartas"*/
#EnlaceCartas
{
 margin-left:0px !important;
 margin-left:0px;
}

/*cuarto separador de al barra*/
#SeparadorBarra4
{
 margin-left:9px !important;
 margin-left:9px;
 margin-right:0px !important;
 margin-right:6px;
}

/*enlace para la sección de técnicas*/
#EnlaceTecnicas
{
 margin-left:0px !important;
 margin-left:0px;
}

/*separadro 5 de la barra*/
#SeparadorBarra5
{
 margin-left:6px !important; 
 margin-left:6px;
 margin-right:0px !important;
 margin-right:10px;
}

/*enlace a las reglas*/
#EnlaceReglas
{
 margin-left:0px !important; 
 margin-left:0px;
}

/*ultimo separador de3 la barra principal*/
#SeparadorBarra6
{
	margin-left:12px !important;
	margin-left: 12px;
	margin-right: 0px !important;
	margin-right:4px;
}

/*enlace para las sugerencias*/
#EnlaceSugerencias
{
margin-left:0px !important;
margin-left:0px;
}

/*Barra lateral derecha de navegacion*/
#LateralDerecha
{
 width:200px !important;
 width:195px;
 float:left;
 margin-top:71px;
}

/*Contenido del documento*/
#Documento
{
 width:550px;
 float:left;
 min-height:300px;
 height:auto !important;
 height:300px;
 text-align:justify;
 font-weight:normal;
 font-size:0.9em;
}

/*barra lateral izquierda de navegación*/
#LateralIzquierda
{
  width:200px;
  float:left;
  margin-top:71px;
}

/*lista de las opciones de la izquerda* y de la derecha¿*/
#ListaLateral, #ListaLateralDerecha
{
 margin:0px;
 padding:0px;
 list-style-position: inside;
 list-style-type: none;
}
/*cuadro menu lateral*/
.MenuLateral, .MenuLateralRanking, .MenuLateralWeb
{
	width:167px;
	margin-left:24px !important;
	margin-left:12px;
	background-image:url(images/menu.png);
	height:auto;
	float:left;
	padding-left: 0px;
	list-style-position: inside;
	list-style-type: none;
}



.MenuLateral hr, .MenuLateralRanking hr, .MenuLateralWeb hr
{
	color:#94A5B1;
	width:100px;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #94A5B1;
    clear:both;
}

/*contenido del menu lateral*/
.MenuLateral ul, .MenuLateralWeb ul
{
 margin-left:20px !important;
 margin-left:10px;
 padding:0px;
 list-style-position:inside;
 list-style-type:none;
}



.ContenedorRanking
{
 margin-left:20px !important;
 margin-left:10px;
 
}





.ContenidoMenu
{
	width:130px;
	margin-left:20px !important;
	margin-left: 10px;
	color:#FFFFFF;
	font-weight:bold; 
	font-size:0.8em;
	
	float:left;
	list-style-position:inside;
	list-style-type:none;
}

.ContenidoMenuRanking
{
	width:130px;
	margin-left: 0px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.8em;
	padding-left:0px;	
	float:left;
	list-style-position:inside;
	list-style-type:none;
	}
	
	.ContenidoMenuRanking li
	{
	 margin:0px;
	 padding:0px;
	 	list-style-position:inside;
	list-style-type:none;
	width:100%;
	display:block;
	}
	
	.ContenidoMenuRanking li.enlacePropio a
	{
	  text-align:center;
	  display:block;
	  width:100%;
	} 
	

.ContenidoMenu li
{
 float:none;
 

 clear:both;
 margin:0px;
 padding-left:0px;
 list-style-position:inside;
	list-style-type:none;
}
.ContenidoMenu a, .ContenidoMenuRanking a
{
  color:#FFFFFF;
  text-decoration:none;

   font-style:normal;
}


/*parte de abajo del menu lateral*/
.MenuLateralBajo
{
 width:167px;
 background-image:url(images/menuAbajo.png);
 height:25px;
 float:left;
}

h2,h3, h4{
 margin:0px;
 padding:0px;
}


em, i
{
	color:#00CCFF;
}

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

#buscar, input[type=text], textarea
{
	color: #CCCCCC;
	background-color: #1B2443;
	border: 2px solid #3366CC;
}

input[type=text][class=Erroneo], textarea[class=Erroneo]
{
 background-color:#7D0000;
 color:#FFFF00;
 font-weight:bold;
}


#BusqueadorAvezado
{
	font-weight:normal;
	font-style:italic;
	color:#33FFFF;
	cursor:pointer;
	margin-bottom:10px;
}

#OpcionesAvezadas
{

 margin-bottom:10px;
}

#OpcionesAvezadas fieldset
{
border: 1px	 solid #B0D2CF;
}

#OpcionesAvezadas legend
{
 color:#FFFF00;
}

#Busqueamelo
{
	border: 3px solid #3366CC;
	background-color: #333333;
	color: #FFFFFF;
	font-size: 0.8em;
	width: 95%;
}

input[type=button]
{
	border: 3px solid #3366CC;
	background-color: #333333;
	color: #FFFFFF;	
	font-weight:bold;
}


#pie 
{
	font-size:0.8em;
	text-align:center;
	background-color: #00133C;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #C4EFFF;
	bottom: 0px;
	width: 951px;
	position:static;

	clear:both;
	margin:0px;
	height:1em;
}

#pieInactiva
{
	font-size:0.8em;
	text-align:center;
	background-color: #00133C;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #C4EFFF;
	bottom: 0px;
	width: 951px;
	position:absolute;

	clear:both;
	margin:0px;
	height:1em;
}

#Documento h2
{
 font-size:1em;
 margin:0px;
 padding:0px;
}

#DocumentoImprimible
{
  text-align:center;
}

/***********************************************************/
/***********************************************************/
/***********************************************************/
/*PAGINA DE LAS TIRAS:*/

#Navegador
{
margin-left:16px;
margin-top:4px;
width: auto;
float:left;
height:59px;
}

#NavegadorIzquierda
{
height:100%;
background-image:url(images/navegadorIzquierda.png);
width:10px;
float:left;
}

#NavegadorDerecha
{
 height:100%;
 background-image:url(images/navegadorDerecha.png);
 width:18px;
 float:left;
}

#ContenidoNavegador
{
 height:100%;
 background-image:url(images/navegador.png);
 background-repeat:repeat-x;
 float:left;
 width:495px !important;
 width:490px;
}

#ContenidoNavegador img
{
  border:0;
}

#Navegador a
{
 margin-top:10px;
 float:left;
}

#PrimeraCarta
{
 margin-left:0px;
}

#CartaAnterior
{
 margin-left:11px;
}

#NavegadorAnteriores
{
 width:216px;
float:left;
 height:30px;

}

#CartaSiguiente
{
margin-left:37px !important;
margin-left:30px;
}

#UltimaCarta
{
margin-left:10px !important;
margin-left:8px;
}

#TituloCarta
{
 margin-top:5px;
 margin-left:6px;
 width:537px;
 float:left;
 height:38px;
}

#TituloCartaIzquierda
{
	background-image:url(images/tituloIzquierda.png);
	width:13px;
	height:100%;
	float:left;
}

#TituloCartaTitulo
{
  background-image:url(images/titulo.png);
  height:100%;
  width:516px;
  float:left;
  color:#000000;
  font-weight:bold;
}

#TituloCartaTitulo span
{
 margin-top:8px;
 display:block;
}


#TituloCartaDerecha
{
  background-image:url(images/tituloDerecha.png);
  height:100%;
  width:8px;
  float:left;
}

#LaCarta
{
 float:left;
 margin-top:3px;
 width:550px;
}

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

.MenuLateral img, .MenuLateralRanking img
{
border:none;
 margin-bottom:4px;
}

#RSS
{
 margin-left:33px;
}

#RSS img
{
 
  border:none;
  margin-bottom:0px;
}


.TipoRanking
{
 color:#FFFF00;
 font-size:1.2em;
 margin:0px;
 padding:0px;
}


#Documento a
{
 text-decoration:underline;
 color:#999999;
 font-style:italic;
}

a
{
 text-decoration:underline;
 color: #CCD2EA;
 font-style:italic;
}

#spacer
{
 margin-top:0px;
 height:25px;
 width:550px;
 float:left;
}

.CuadroInfo
{
	background-color: #103771;
	border: 3px solid #011041;
	text-align:justify;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	padding:10px;
}


/*--------------------------------------------
//cuadro de votacion
*/

#PieCarta
{
  height:100px;
  width:100%;
}

#CapaVotar
{
  float:right;
 width:318px;
  height:60px;
 
}

#SinVotos
{
 height:60px;
 width:146px;
 background-image:url(images/votado0.png);
 float:left; 

}

#Valoracion
{
  width:123px;
   height:60px;
   float:left;
}
#HolderVotos
{
  float:left;
  margin-top:10px;
  height:37px;
  width:144px;
  margin-left:0px;
}

#ConVotos
{
 height:35px;
 background-image:url(images/5frikis.png);  
 display:none;
}

#CierreVotos
{
 height:60px;
 float:left;
 width:48px;
 margin:0px;
 background-image:url(images/votacionDerecha.png);
}

#Votado
{
  margin-top:8px;
  margin-left:0px;
}

#AsignarPuntuacion
{
 margin-top:2px;
 margin-right:5px;
  border:1px solid #ffffff;
   background-color:#000033;
  color:#ffffff;
  float:right;

}

#CuadroVotacion
{
  text-align:right;
  float:right;
  margin-right:20px;
  line-height:1.5em;
}

#Votar
{
  float:right;  
}


#ParaVotar
{
  float:left;
  margin-top:2px;
  margin-left:3px !important;
  margin-left:2px;
 display:none;

}

.frikiVoto
{
 height:31px;
 width:25px;
 float:left;
 margin-right:4px;
 cursor:pointer;
}

#friki5
{
 margin-right:0px;
}

.frikiVotoHover
{
 background-image:url(images/1friki.png);
}
 


/*--------------------------------------*/
#PieTools
{
  float:left;
  margin-top:5px;
  margin-left:15px;
}

#PieTools a, #PieTools span
{
 margin-right:10px;
}

#PieTools img
{
 border:0;
}

#CuadroUserBar, #FormularioCorreo
{	
float:left;
width:100%;
display:none;
margin-bottom:15px;
}


#CuadroUserBar div, #FormularioCorreo #CapaCorreo 
{

 padding:10px;
  background-color:#022E64;
  border:#00369B 2px solid;
  text-align:center;  
}

#CapaCorreo div
{
 text-align:left;
}

#CapaCorreo input[type=text], #CapaCorreo textarea, #InsertarComentario input[type=text], #InsertarComentario textarea
{
 width:100%;
}

code{
	width:auto;
	margin-left:10px;
	margin-right:10px; 
   background-color:#FF9900;
   color:#000000; 
   border:1px solid #FF3300;
   text-align:left;
   display:block;
      padding:5px;
}

#CuadroUserBar code
{

   display:inline-block;
   font-size:0.9em;


   font-weight:bold;


}


 

#MostrarUserBar, #MostrarFormularioCorreo
{ cursor:pointer;
}



#UrlPermanente
{
margin:10px;
margin-left:20px !important;
margin-left:15px;
padding:5px;
	float:left;
  background-color:#022E64;
  border:#00369B 1px solid;
  width:500px;
}


/*-----------------------------------
*/


.NoticiasBody
{
 background-image:url(images/noticiasBody.png);
 background-repeat: repeat-y;
 width:526px;
 float:left;
  margin-bottom:0px;
  padding-bottom:0px;
}

.NoticiasBody div
{
padding-right:20px;
padding-left:20px;
font-size:1em;
padding-bottom:0px;
margin-bottom:0px;
}

.NoticiasBody div a
{
  font-weight:bold;
}

.NoticiasBody div img
{
 border:0px;
}

.NoticiasBottom
{
 background-image:url(images/noticiasBottom.png);
 background-repeat:no-repeat;
 width:526px;
 height:12px;
 float:left;
}

.Noticias
{
 float:left;
 padding:15px;
}

#Captcha
{
 text-align:center;
 margin-left:110px;
 margin-bottom:10px;
}

#InsertarComentario
{
  margin-top:15px;
 text-align:left;
}

.CabeceraComentarios
{
color:#FFFFFF;
text-align:center;
  font-size:1.3em;
 margin-bottom:0px;
 padding-bottom:0px;
  background-color:#2597F3;
  display:block;
}

#CapaBotonComentario
{
 text-align:center;
 padding-bottom:10px;
}

#InsertarComentario em
{
  font-size:0.8em;
}

.Avatar
{
  float:left;
  border:none;
  vertical-align:text-top;
  margin-right:10px;
  margin-bottom:10px;
}

.UnComentario
{
  margin-left:0px;
  padding-left:0px; 
  padding-bottom:10px;
  margin-top:10px;
border-bottom:dotted medium #999999;
 list-style-type:none;
 list-style-position:inside;
}

#Comentarios, #Comentarios ol
{
  margin-left:10px;
  padding-left:0px;
  list-style-position:inside;
}

#Comentarios .persona, #Comentarios .persona a
{
  font-style:normal;
  color:#FFFF00;
  font-weight:bold;
}

.fechaComentario
{
  font-size:0.8em;
  font-style:italic;
  color:#999999;
}

.bloque
{
 display:block;
 clear:both;
 width:100%;
 height:auto;
 float:left;
}

.noBorder
{
 border:none;
}

.flotarIzquierda
{
 float:left;
}

.flotarIzquierdaMargen
{
 float:left;
 margin-right:20px;
}

.derecha
{
 text-align:right;
}

.centrado
{
 text-align:center;
 width:100%;
}

.centradoNoFix
{
 text-align:center;
}

#WebsPropagadoras
{ 
 list-style:circle;

 width:100%;
}

#WebsPropagadoras li
{
  text-align:left;
  width:33%;
  display:block;
  float:left;
  margin-bottom:10px;
}

#WebsPropagadoras a
{
  color:#FFFF00;
 
}


 #IE6
 {
  width:100%;
  color:#000000;
  background-color:#FF9900;
  border:3px solid #FF6600;
  font-size:0.8em;
 }
 
 #IE6 em
 {
  color:#000000;
 }
 
 #IE6 a
 {
   font-weight:bold;
   color:#666666;
 }
 
  #Close 
 { 
 cursor:pointer;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#FF0000;
  display:inline-block;
    font-style:normal;
	margin:5px;
	padding:5px; 
   text-decoration:none;
 }
 

 /*////////////////////*/
 #Documento .seccion
 {
  color:#FFFF00;
  margin-top:50px;
  font-size:1.5em;
  border-bottom: solid 1px	 #FFFF00;
 }
 
 #Documento .listado
 {
  list-style: none inside;
 }
 
 #Documento .listado li
 {
  margin-bottom:15px;
  padding-bottom:10px;
 }
 
 #Documento .listado ol li
 {

  list-style-type:decimal;
  list-style-position:outside;
 }
 
 #Documento .listado ol ul li
 {
  list-style:disc;
 }
 
 #Documento .subseccion
 {
   list-style-type:none;
   list-style-position:inside;
   font-size:1.2em;
   margin-top:20px;

   color:#FF6600;
   margin-bottom:0px;
   padding-bottom:0px;
 }
 
 #Documento .listaEnlaces
 {
   background-color:#022E64;
   border:2px solid #00369B;
   display:block;
   list-style-position:inside;
   list-style-type:none;

   padding-left:20px;
 }

 #Documento .listaEnlaces ul
 {
  list-style-position:inside;
   list-style-type:none;
 }
 
 #Documento .arriba
 {
  
   color:#FFFF00;   
 }
 
 
 
 
 #Documento .listaEnlaces a
 {
   color:#FFFF00;   
   font-style:normal;
 }
 
 #Documento strong, #Documento b
 {
  color:#FFAE17;
  font-weight:bold;
 }
 
 
 

 
 /*-------------------------*/
 /*pagina de colección */
 
#TablaColeccion
{
  width:100%;
  border:0px;
}


.cabeceraColeccion
{
 text-align:left;
 background-color:#FF3300;
 color:#ffffff;  
 font-weight:bold;
 font-size:1.1em;
}

.celdaColeccion
{
 text-align:center;
}

#Documento .listadoColeccion
{
  font-style:normal;
  color:#CCCCCC;
}

#paginadorListado
{
  background-color:#0066FF;
  color:#FFFFFF;
  text-align:center;
}

#Documento #paginadorListado a
{
  color:#FFFFFF;
  text-decoration:none;
  
}


#Contenido .rankingLateral
{
  color:#FF9900;
  font-size: 0.9em;
  font-weight:normal;
}