/* CSS Document */

html {
	height: 100%;
	width: 100%;
}
body {
	background-color:#f2f7fb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	width: 100%;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
}
#wrapper {

	margin:0 auto 0 auto; 
	width:1024px;
}
#header{
	background-image:url(../images/header.png);
	/*border-style:solid;
	border-width:1px;*/
	width:1024px;
	height:165px;
	float:left;
}

#resto{
	/*border-style:solid;
	border-width:1px;*/
	width:1024px;
	height:530px;
	float:left;
	overflow:scroll;
}
#mainmenu{

	background-image:url(../images/menu-bar.png);
	background-repeat:no-repeat;
	background-position:center; 
	width:1024px;
	height:38px;
	position:relative;
	top:123px;
	/*padding-top: 9px;*/
	color: #FFFFFF;
}
#imagenesMenu{
	width:1000px;
	margin: 0 auto 0 auto;
	height:41px;
}
#imagenesMenu a span{
	padding: 0 2px 0 2px;
}
span.inicio{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(/images/botones/campeones.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.inicio:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}
span.convocatoria{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/convocatoria.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.convocatoria:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}
span.reglamento{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/reglamento.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.reglamento:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}



span.rol{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/rol.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.rol:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}
span.galeria{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/galeria.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.galeria:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}
span.videos{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/videos.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.videos:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}

a.menu_s, a.menu_b, a.menu {	
	padding: 0 0 13px 0;
	margin:19px 0 0 0;
}
a.menu_s, a.menu_b, a.menu:link {/* unvisited link */

	color:#FFFFFF;
	text-decoration:none;
	
	
}      
a.menu_s, a.menu_b, a.menu:visited { /* visited link */
	 
	color:#FFFFFF;
	text-decoration:none;
	
} 
a.menu:hover {/* mouse over link */
	
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/menu_onmouse.png);
	color:#FFFFFF;
	text-decoration:none;
	
}  

a.menu_s:hover {/* mouse over link */
	
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/menu_onmouse_2.png);
	color:#FFFFFF;
	text-decoration:none;
	
} 

a.menu_b:hover {/* mouse over link */
	
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/menu_onmouse_3.png);
	color:#FFFFFF;
	text-decoration:none;
	
}  

a.menu:active { /* selected link */
	
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/menu_onmouse.png);
	color:#EEEEEE;
	text-decoration:none;
} 
#b_der{
	width:160px;
	height:600px;
	float:left;
}
img.banner{
	/*position:absolute;
	top:145px;*/
	margin:0px;
	border:0px;
	padding:0px;
}
#b_izq{
	width:160px;
	height:600px;
	float:left;
}
#container{
	/*background-color:#000000;*/
	width:704px;
	height: 620px;
	float:left;
	background-image:url(../images/content.png);
	background-repeat:no-repeat;
}
#b_bottom{
	/*background-color:#FFFFFF;*/
	text-align:center;
	width:704px;
	height: 90px;
	/*margin:0px, 10px, 0px, 10px;*/
}
#b_bottom img{
	float:left;
	margin:0;
	padding:0;
	border:0;
}
#b_bottom a{
	margin:0;
	padding:0;
	border:0;
}

#tituloImagenes{
	/*background-color:#ff0000;*/
	width:480px;
	height:30px;
	margin:50px auto 0 120px;
	font-size:small;
}
#cuadroImagenes{
	/*background-color:#00ff00;*/
	width:570px;
	height:365px;
	margin:0 auto 0 80px;
	/*overflow:scroll;*/
	font-size:small;
	margin-bottom:90px;
}


#tituloCategorias{
	/*background-color:#ff0000;*/
	width:480px;
	height:30px;
	margin:50px auto 0 120px;
	font-size:small;
}
#cuadroCategorias{
	/*background-color:#00ff00;*/
	width:570px;
	height:365px;
	margin:0 auto 0 80px;
	/*overflow:scroll;*/
	font-size:small;
	margin-bottom:90px;
}

#cuadroRol{
	width: 450px;
	height: 300px;
	margin: 50px auto 0 150px;
	font-size: small;
	margin-bottom: 90px;
}


#cuadroCalendarios{
	width: 800px;
	height: 375px;
	margin: 0 auto 0 auto;
	font-size: small;
	margin-bottom: 90px;
	overflow:scroll;
}



#caja_titulo{
	/*background-color:#ff0000;*/
	width:480px;
	height:115px;
	margin:50px auto 0 120px;
	font-size:small;
}
#caja{
	/*background-color:#00ff00;*/
	width:570px;
	height:290px;
	margin:0 auto 0 80px;
	overflow:scroll;
	font-size:small;
	margin-bottom:90px;
}

#caja_2{
	/*background-color:#00ff00;*/
	width:540px;
	height:385px;
	margin:0 auto 0 80px;
	font-size:small;
}
#box_full{
	/*background-color:#00ff00;*/
	width:460px;
	height:440px;
	margin:90px auto auto 140px;
	font-size:small;
	overflow:scroll;
}

#box_full_2{
	/*background-color:#00ff00;*/
	width:460px;
	height:475px;
	margin:65px auto auto 140px;
	font-size:small;
}

/*#caja_front{

	width:603px;
	height: 210px;
	background-image:url(../images/content2.png);
	background-repeat:no-repeat;
	position:relative;
	top:-411px;
}*/
/*
#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
*/ 

.body800 {
	background-image:url(/images/fondos_2012/liga_azteca_800.png");
}
.body1024 {
	background-image:url(/images/fondos_2012/liga_azteca_1024.png);
}
.body1152 {
	background-image:url(/images/fondos_2012/liga_azteca_1152.png);
}
.body1280 {
	background-image:url(/images/fondos_2012/liga_azteca_1280.png);
}
.body1366 {
	background-image:url(/images/fondos_2012/liga_azteca_1366.png);
}
.body1400 {
	background-image:url(/images/fondos_2012/liga_azteca_1400.png);
}
.body1440 {
	background-image:url(/images/fondos_2012/liga_azteca_1440.png);
}
.body1600 {
	background-image:url(/images/fondos_2012/liga_azteca_1600.png);
}
.body1680 {
	background-image:url(/images/fondos_2012/liga_azteca_1680.png);
}
.body1920 {
	background-image:url(/images/fondos_2012/liga_azteca_1920.png);
}
.body2048 {
	background-image:url(/images/fondos_2012/liga_azteca_2048.png);
}
.body2560 {
	background-image:url(/images/fondos_2012/liga_azteca_2560.png);
}

#b_der2{
	/*width:160px;*/
	width:17px;
	height:540px;
	float:left;
}
#b_izq2{
	/*width:160px;*/
	width:17px;
	height:540px;
	float:left;
}
#container2{
	/*background-color:#000000;*/
	width:990px;
	height: 540px;
	float:left;
	background-image:url(../../images/content.png);
	background-repeat:no-repeat;
}



span.c20042005{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/2004_2005.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.c20042005:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}


span.c20022003{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/2002_2003.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.c20022003:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}


span.c20002001{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/2000_2001.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.c20002001:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}

span.c19971999{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/1997_1999.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.c19971999:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}


span.resumen{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/puntuacion.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
	margin-left:210px;
}
span.resumen:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}

span.fases{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/fases.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
	margin-left:120px;
}
span.fases:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-position: 0 -41px;
	float:left;
}

span.fases2{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/fases.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.fases2:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-position: 0 -41px;
	float:left;
}


span.segunda{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/fase2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.segunda:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}

span.a2010{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/2010.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.a2010:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}

span.a2011{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/2011.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.a2011:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}

span.a2012{
	display: block;
	width: 161px;
	height: 41px;
	background-image: url(../images/botones/2012.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
span.a2012:hover{
	display: block;
	width: 161px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 -41px;
	float:left;
}