/* LOADED Style - index */

HTML, BODY
	{
	border:0;
	margin:0;
	padding:0;
	}

BODY
	{
	background: #171717;
	text-align: center;
	}

img
	{
	border: none;
	margin:0;
	padding:0;
	}

a  /* saca los bordes punteados a los links en FF */
{ outline: none 0; }
	

/* MENU y BOTONERA */

	#Menu
	{
	height: 88px;
	background: url(../images/common/menu_bgr.jpg) repeat-x top left;
	}

	#Menu img
	{
	margin-left: auto;
	margin-right: auto;
	}

#ColumnaIzquierda iframe.IZQContent
{
	width: 470px;
	border: none;
}


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

/* COMMONS - Dividers */

		div.BorderTop,
		div.BorderBottom,
		div.Spacer
		{
		/*margin-left:4px;*/
		margin: 0 auto; /*new*/
		width: 790px;
		height: 7px;
		font-size: 1px;
		line-height: 0px;
		background: none;
		clear: both;
		}

		div.DividerDotNegra
		{
		height: 1px;
		background: url(../images/juegos/dotline_negra.gif) repeat-x top center;
		line-height: 0%;
		font-size: 1px;
		}

		div.BorderTop
		{
		border: 1px solid #555;
		border-bottom: none;
		}

		div.BorderBottom
		{
		border: 1px solid #555;
		border-top: none;
		margin-bottom:10px; /*new*/
		}

		


/* COMMONS - Tlos y textos */

	a, a:hover
	{ text-decoration: none; }
					
	h2, h3, h4, h5
	{
	font-size: 14px;
	color: #CCC;
	margin:0;
	font-weight: 600;
	text-transform: uppercase;
	}
		
	p.Comment
	{
	margin:0;
	line-height: 12px;
	}
		
		p.Comment strong.Title
		{
			color: #dadada;
			text-transform: uppercase;
		}
	

	p
	{
	margin:0;
	padding: 2px 0;
	}

	.Features
	{
	text-transform: uppercase;
	font-size: 9px;
	line-height: 11px;
	color: #66ccff;
	padding:0px
	}

	.Features a
	{
	color: #66ccff;
	text-decoration: none;
	cursor: pointer;
	text-transform: none;
	}
							
	.Features a:hover
	{	color: #FFF;	}

	.Features .Title /* 22-08 */
	{
		color: #FFF; 
		font-size:11px;	
	}

	.Features .Other
	{	color: #CCC;	padding-right: 3px;}


	.Normal1
	{
	font-size: 10px;
	color: #CCC;
	padding:0;
	margin:0;
	}

/* MENUES de secciones */

	.MenuTop
	{
	height: 21px;
	overflow: hidden;
	background: #272727;
	padding-left: 8px;
	border:1px solid #333;
	border-bottom: none;
	}

		.MenuTop img
		{
		border:0;
		margin-top: 5px;
		display: inline;
		}
		
		.MenuTop li
		{
			cursor: pointer;
			margin-right: 6px; /* Esto tiene q ir si no los botones quedan pegados! */
		}

	.MenuBottom
	{
	line-height: 1px;
	height: 18px;
	background:#222;
	}

	.MenuBottomChico
	{
		height: 10px;
		_height:8px;
		background: url(../images/common/bgr4bottom.jpg) repeat-x top left;
	}
	
		.MenuBottom img
		{
		line-height: 1px;
		display: inline;
		}

	.Borderline
	{ border:1px solid #333; }

	.NoBorders
	{ border:none; }
	
/* Recuadros y Banners */
	
	/* 22-08 */
	.Recuadro,
	.RecuadroSWF, 
	.Banner1,
	.Banner2
	{
	background: #222;
	padding-left: auto;
	padding-right: auto;
	}

	/* 22-08 */
	.Recuadro, 
	.RecuadroSWF
	{		
		padding: 2px;
		border: 1px solid #404040;
		overflow: hidden;
	}
	
	.Banner1,
	.Banner2
	{
	height: 61px;
	_height: 67px;	
	overflow: hidden;
	}

	.Banner1
	{	
	width:463px; 
	_width:469px; 
	padding: 2px;
	border: 1px solid #404040;
	overflow: hidden;
	}

	.Banner2
	{	
	width: 294px;
	_width: 300px;
	}

	.Banner2 img
	{ padding: 1px 0 0 1px; _margin: 1px 0 0 1px;}
	
	.TopRecuadro
	{
	height: 20px;
	overflow: hidden;
	background: #272727;
	border-bottom: 1px solid #333;
	}

	.TopRecuadro img
	{
	margin: 4px 9px 0 9px;
	display: inline;
	float: left;
	}

	.TopRecuadro a
	{
	float: right;
	}
	

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

/* CONTENIDO */
/* Conteiner | Dos Columnas */

	#Menu
	{
	width: auto;
	overflow: hidden;
	background: url(../images/common/bgMenu.gif) repeat-x top left;
	}
	
	#MainConteiner
	{
		margin: 0 auto;
		width: 100%;
		text-align: center;
		background-color: transparent !important;
		background-repeat: no-repeat !important;
		background-position: top center !important;
	}
	
	.BackBigBanner{padding-top: 108px;}
	.CBannerCabezal{
		padding-top: 18px;
		padding-left: 1px;
	}
	
	.BannerCabezalWFrame
	{
		height:88px;
		width: 728px;
		#width: 776px;
		#height: 96px;
		margin: 0 auto;
		overflow: hidden;
		
		border-color: #272727;
		border-style: solid;
		border-width: 4px 24px;
	}
	
	.BannerCabezal{height:88px; width: 728px; margin: 0 auto; overflow: hidden;}

		#Content
		{
			margin: 0 auto;
			width: 800px;
			font-family: Trebuchet MS, Arial, Helvetica; /* 25-09 */			
		}

		#Content div.TopNota, #Content #InfoDosColumnas, #Content #InfoDosColumnasBis
		{
		/*margin-left: 12px;*/
		width: 776px;
		/*overflow: hidden;*/ /* ESTO NO SE PORQUE HACE Q SE SELECCIONE TODO CUANDO HACES CLICK FUERA DE ESTE DIV */
		padding: 0px;
		margin: 0 auto;
		text-align: center;
		}

		#Content #InfoDosColumnas, #Content #Pie, #Content #InfoDosColumnasBis
		{
		font-size: 11px;
		color: #CCC;
		}

			#ColumnaIzquierda, #ColumnaDerecha,
			#ColumnaIzquierdaBis, #ColumnaDerechaBis
			{
			display: inline;
			margin:0;
			float: left;
			text-align: left;
			background: none;
			overflow: hidden;
			}


/* COLUMNA IZQUIERDA */
/* Review Game | Listado de Notas | Banner */

			#Content #ColumnaIzquierda, #Content #ColumnaIzquierdaBis
			{
				width: 476px;
			}

/* COLUMNA DERECHA */
/* Videos | Recuadro | Ranking | Banner */

			#Content #ColumnaDerecha, #Content #ColumnaDerechaBis
			{	width: 300px;	}
				

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

/* PIE DE PAGINA */

			#Pie
			{	
				/*height: 70px;*/
				padding-top: 4px;
				margin: 0 auto;
				width: 800px;
				#line-height: 0px;
				#overflow: hidden;
			}

				#Pie p
				{
					float:left;
					display:inline;
					text-align: left;
					width: 500px;
					padding: 4px 0 0 13px;				
					font-family: Trebuchet MS, Arial, Helvetica;
					font-size:10px;
					color:#BBB;				
					height: 45px;
					line-height: 18px;
				}

				#Pie .Logos
				{ margin-right:8px;	float:right;}

			#Pie .Banner1
			{margin-left: 13px;}
			
			#Pie .Banner2
			{margin-right: 12px;}


/* RECUADRO SWF */
		
	.RecuadroSWF
	{
		height: 314px;
		width: 298px;
		_width:300px;
		_float:right;
		overflow: hidden;
		text-align: center;
	}

/* IFRAME PARA JUEGOS */

	#Content .JuegosIn
	{
		width:470px;
	}

#ColumnaDerecha .RecuadroSWF
{
	margin-bottom: 5px;
}

div.Info .Features span.LINK
{
	display: block;
	width: 195px;
	overflow: hidden;
	white-space: nowrap;
}

	div.Info .Features span.LINK	span.Other
	{
		display: inline;
		white-space: nowrap;
	}
	
	div.Info .Features span.LINK	a
	{
		display: inline;
		white-space: nowrap;
	}

/*-----------------------------------------------------------------------*/
/* INFO DEL JUEGO */

	.Info .InfoDetalle
	{
	background: url(../images/juegos/infojuego_bgr.jpg) no-repeat top left; 
	/*height: 380px;*//*26-09*/
	}

		.InfoDetalle .DosCol .ColCaja img
		{
		margin-top: 7px;
		}

		.InfoDetalle .BloqueDos
		{ background: url(../images/common/ficha_tabs_bg.gif) repeat-x bottom left; }

			.BloqueTres .Bueno /* 22-08 */
			{ background: url(../images/juegos/flecha_lobueno.gif) no-repeat center left; }

			.BloqueTres .Malo /* 22-08 */
			{ background: url(../images/juegos/flecha_lomalo.gif) no-repeat center left; }
		
		
		.InfoDetalle .BloqueSeis
		{ height: 126px;
			_height: 139px;
			overflow: hidden;
			padding: 10px 12px 4px 8px;
			background:url(../images/common/ficha_bg.gif) repeat-x left top;
		}

		.InfoDetalle .BloqueSeis p.TituloSeis,
		.InfoDetalle .BloqueSeis p.Medidor
		{ text-transform: uppercase; font-weight: bold; padding: 0 0 0 2px; }

		.InfoDetalle .BloqueSeis p.TituloSeis { font-size: 12px; line-height: 13px;}
		.InfoDetalle .BloqueSeis p.Medidor { font-size: 10px; color:#FFF; }
		.InfoDetalle .BloqueSeis p.Descripcion { line-height: 12px; margin-top: 4px; }
		
		.InfoDetalle .BloqueSeis img
		{ float: left; margin: 6px 10px 0 0; border: 1px solid #444;}
		

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


a.Contacto{
	color: #0080CA;
	text-decoration: none;
}

a.Contacto:hover{
	text-decoration: underline;
}