@charset "utf-8";
body {
    	font: 11px Verdana, Arial, Helvetica, sans-serif;
		background:url(../../body/i_safe.gif) repeat-x #848484;
    	
    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    	padding: 0;
    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
    	color: #000000;
    }
body,td,th {
    	font: 11px Verdana, Arial, Helvetica, sans-serif;
    	
    	color: #000000;
    }
	A:link, A:active, A:visited
    {
	color: #ff0000;
	text-decoration:none;
    }
	A:hover
    {
	color: #ff0000;
	text-decoration:underline;
    }
	img {
		border:none;
		}

    .oneColFixCtr #container {
    	width: 1016px; background:url(../body/bg.jpg) repeat;

    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
 /* esto anula text-align: center en el elemento body. */
    }
	 .oneColFixCtr #container h2 {
	   font-size:13px;
    	
    }
	.oneColFixCtr #container h3 {
	   font-size:12px;
    	
    }
	h6 {
	   font-size:12px;
	   text-align:left;
    	
    }
    .oneColFixCtr #cabeza {
    	padding: 0 26px 0px 26px;
		text-align: left;  /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
		text-align:center;
		margin:auto 0;
    }
	.oneColFixCtr #cierre {
    	width: 1016px; background:url(../body/bg-cierre.jpg) no-repeat; height:6px;

    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
 /* esto anula text-align: center en el elemento body. */
    }
	.oneColFixCtr #menudiv {
    	padding: 0 25px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    }
	.oneColFixCtr #mainContent {
    	padding: 0 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    }
	.oneColFixCtr #bgnegro {
	    width: 964px;
		background:#000000;
		margin:0 auto;
    }
	.oneColFixCtr #videodiv {
	    width: 960px;
    	border: solid 2px #333333;
		text-align:left;
		margin:0 auto;
		height:360px;
		background:#000000;
    }
	.oneColFixCtr #headdiv {
	    width: 960px;
    	border: solid 2px #333333;
		text-align:left;
		margin:0 auto;
		height:174px;
		background:#000000;
    }
	.oneColFixCtr #divscroll {
	    width: 960px;
    	border: solid 2px #333333;
		text-align:left;
		margin:0 auto;
		border-top:none;
		height:108px;
		background:url(../body/bg-images.jpg) repeat-x;
    }
	
	.oneColFixCtr #divscroll {
	    width: 960px;
    	border: solid 2px #333333;
		text-align:left;
		margin:0 auto;
		border-top:none;
		height:108px;
		background:url(../body/bg-images.jpg) repeat-x;
    }
	.oneColFixCtr #pie {
	font-size:10px;
	color:#666666;
	padding-top:5px;
	position:relative;
	height:25px;
    }
	
	.oneColFixCtr #pie #alineacion {
	position:absolute;
	text-align:right;
	padding-right:30px;
    }
	
	#espacio {
	   height:10px;
    }
	#espacio0 {
	   height:0px;
    }
	#divcuadros {
	    width: 964px;
		margin:0 auto;
		position:relative;

    }
	#cuadros {
	    width: 313px;
    	border: solid 2px #333333;
		float:left;
    }
	
	#cuadros02 {
	    width: 313px;
    	border: solid 2px #333333;
		float:left;
    }
	#cuadros-sup {
	    height:25px;
	    background:url(../body/bg-cuadro.jpg) repeat-x;
		padding-top:8px;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
    }
	#cuadros-jue {
	width:100%;
		
    }
	#cuadros-gsup {
	    
	    background:url(../body/bg-cuadro.jpg) repeat;
		
		height:25px;
         padding-top:8px;
		position:relative;
    }
	.menu-gsup {

		padding:0;
		position:relative;	
		padding-top:7px;
    }
		
	
	.menu-gsup ul {padding:0;margin:0;list-style-type:none;}
	.menu-gsup li {
	    color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		float:left;
		width:100px;
		position:relative;
	}
	.menu-gsup a { 
		color:#FFFFFF;
		text-decoration:none;
		font-size:11px;
    }
	#cuadros-con {
	    height:201px;
	    background:url(../body/bg-cuadro-con.jpg) repeat-x #000000;
    }
	#cuadros-con1 {
	 background:url(../body/bg-cuadro-con.jpg) repeat-x #000000;

    }
	#cuadross {
	    width: 6px;
		float:left;
    }
	
	
	#contenidos-con1 {
	 text-align:left;
	 padding:15px;
	 background:#000000 url(../body/bg_secciones.jpg) repeat-x ;
	 color:#FFFFFF;
	 
    }
	 
	#contenidos-con4 {
	 text-align:left;
	 padding:15px;
	 background:#000000;
	 color:#FFFFFF;
	 
    }
	#contenidos-con4 h1 {
	font-size:15px;
     
	 
    }
	
	#barraizq {
	position:relative;
	float:left;
	width:420px;
	 
    }
	#barrader {
	position:relative;
	float:left;
	width:500px;
	 
    }
	
	#contenidos-con10 {
	 text-align:left;
	 padding:15px;
	 color:#000000;
	 background:#FFFFFF;
	 
    }
	
	#contenidos-con2 {
	 text-align:left;
	 padding:15px;
	 background:#000000 ;
	 color:#FFFFFF;
	 height:500px;
	 
    }
	
	.gametit {
	   font-size:12px;
	   font-weight:bold;
    }
	.gamesub {
	   font-size:11px; 
    }
	
	
    div#wn	{ 
    position:relative; 
    width:920px; height:102px; 
    overflow:hidden;
	float:left;		
	}
	
	div#wn1	{ 
    position:relative; 
    width:20px;
	height:102px;
	float:left;	
	}
	
	.titulos { 
		color:#FFFFFF;
		font-size:12px;
		padding-top:5px;
		padding-left:10px;
		font-weight:bold;
		text-align:left;
    }
	#gameach {
		width:180px; padding-left:26px; padding-right:27px; padding-bottom:15px; float:left; text-align:center
		}
	
	.tablas {
	    color:#FFFFFF;
		text-align:left;
	}
	
	.tablas td {
	    color:#FFFFFF;
		text-align:left;
	}
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	*.oculto {
display:none;
} 

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:962px; height:35px; font-size:11px; position:relative; z-index:100; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../body/button1.gif); border:1px solid #000; border-width:0 1px; margin-left:1px}
/* hack to correct IE5.5 faulty box model */
* html .menu {962px; w\idth:100%;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:111px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:111px;position:relative;}
.menu li a {color:#aaa; text-decoration:none; font-size:11px; height:35px; line-height:35px; font-weight:bold; text-align:center;  cursor:pointer;}


/* style the links for the top level */
.menu a {display:block;font-size:11px;text-decoration:none; color:#aaa; width:111px; height:22px; border-width: 0; line-height:22px;font-weight:bold;text-align:center; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a {width:111px; w\idth:106px;}

/* style the second level background */
.menu ul ul a.drop {background:#666666 url(../body/item-secondary-bg.jpg) no-repeat; height:22px; width:210px;}
/* style the second level hover */


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:35px;left:2px; width:210px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:95px; top:-1px; width:95px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-95px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#666666 url(../body/item-secondary-bg.jpg) no-repeat; color:#FFF; height:12px; line-height:1em; padding:5px 5px; width:200px; border:none; font-size:10px; text-align:left}
/* yet another hack for IE5.5 */
* html .menu ul ul a{width:210px;w\idth:200px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ff0000; background:url(../body/button2.gif) no-repeat;}
.menu :hover > a, .menu ul ul :hover > a {color:#ff0000; background:url(../body/button2.gif) no-repeat;}


#menu1 div a:hover, #menu1 ul a:hover{color:#ff0000; background:url(../body/item-secondary-over.jpg) no-repeat;}
#menu1 :hover > a, #menu1 ul ul :hover > a {color:#ff0000; background:url(../body/item-secondary-over.jpg) no-repeat;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.input {BORDER-BOTTOM-COLOR: #000000; BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-COLOR: #000000; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-COLOR: #000000; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-COLOR: #000000; BORDER-TOP-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px