<! Quickmenu Styles Keep in Head for Full Validation! >

JAVA MENU

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/

.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/

/* QuickMenu 0 */

/*"""""""" (MAIN) Items""""""""*/

#qm0 a

{

padding:5px 4px 5px 5px;

color:#00598c;

font-family:Arial Narrow;

font-size:13px;

text-decoration:none;

}

/*"""""""" (SUB) Container""""""""*/

#qm0 div, #qm0 ul

{

padding:10px;

margin:-2px 0px 0px;

background-color:#f0faff;

border-style:none;

}

/*"""""""" (SUB) Items""""""""*/

#qm0 div a, #qm0 ul a

{

padding:3px 10px 3px 5px;

background-color:transparent;

font-size:11px;

border-width:0px;

border-style:none;

}

/*"""""""" (SUB) HoverState""""""""*/

#qm0 div a:hover

{

background-color:#008080;

color:#ffffff;

}

/*"""""""" (SUB) HoverState - (duplicated for pure CSS)""""""""*/

#qm0 ul li:hover>a

{

background-color:#008080;

color:#ffffff;

}

/*"""""""" (SUB) ActiveState""""""""*/

body #qm0 div .qmactive, body #qm0 div .qmactive:hover

{

background-color:#008080;

color:#ffffff;

}

/*"""""""" Individual Titles""""""""*/

#qm0 .qmtitle

{

cursor:default;

padding:3px 0px 3px 4px;

color:#444444;

font-family:arial narrow;

font-size:13px;

font-weight:bold;

}

/*"""""""" Individual Horizontal Dividers""""""""*/

#qm0 .qmdividerx

{

border-top-width:1px;

margin:4px 0px;

border-color:#bfbfbf;

}

/*"""""""" Individual Vertical Dividers""""""""*/

#qm0 .qmdividery

{

border-left-width:1px;

height:15px;

margin:4px 2px 0px;

border-color:#aaaaaa;

}

/*"""""""" (main) Rounded Items""""""""*/

#qm0 .qmritem span

{

border-color:#dadada;

background-color:#f7f7f7;

}

/*"""""""" (main) Rounded Items Content""""""""*/

#qm0 .qmritemcontent

{

padding:0px 0px 0px 4px;

}

/*"""""""" Custom Rule""""""""*/

ul#qm0 li:hover > a

{

background-color:#f7f7f7;

}

/*"""""""" Custom Rule""""""""*/

ul#qm0 ul

{

padding:10px;

margin:-2px 0px 0px;

background-color:#f7f7f7;

border-width:1px;

border-style:solid;

border-color:#dadada;

}

</style>

ORIGINAL HTML

<title>

Ajedrez Maya "El Juego de los Dioses" >El Juego >Cómo se Juega </title>

-QuickMenu may be manually customized by editing this document, or open this web page using

IE or Firefox to access the visual interface.

-->

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/

/* QuickMenu 0 */

/*"""""""" (MAIN) Items""""""""*/

#qm0 a

{

padding:5px 4px 5px 5px;

color:#00598c;

font-family:Arial Narrow;

font-size:13px;

text-decoration:none;

}

/*"""""""" (SUB) Container""""""""*/

#qm0 div, #qm0 ul

{

padding:10px;

margin:-2px 0px 0px;

background-color:#f0faff;

border-style:none;

}

/*"""""""" (SUB) Items""""""""*/

#qm0 div a, #qm0 ul a

{

padding:3px 10px 3px 5px;

background-color:transparent;

font-size:13px;

border-width:0px;

border-style:none;

}

/*"""""""" (SUB) Hover State""""""""*/

#qm0 div a:hover

{

background-color:#008080;

color:#ffffff;

}

/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/

#qm0 ul li:hover>a

{

background-color:#008080;

color:#ffffff;

}

/*"""""""" (SUB) Active State""""""""*/

body #qm0 div .qmactive, body #qm0 div .qmactive:hover

{

background-color:#008080;

color:#ffffff;

}

/*"""""""" Individual Titles""""""""*/

#qm0 .qmtitle

{

cursor:default;

padding:3px 0px 3px 4px;

color:#800000;

font-family:arial narrow;

font-size:13px;

font-weight:bold;

}

/*"""""""" Individual Horizontal Dividers""""""""*/

#qm0 .qmdividerx

{

border-top-width:1px;

margin:4px 0px;

border-color:#800000;

}

/*"""""""" Individual Vertical Dividers""""""""*/

#qm0 .qmdividery

{

border-left-width:1px;

height:15px;

margin:4px 2px 0px;

border-color:#aaaaaa;

}

/*"""""""" (main) Rounded Items""""""""*/

#qm0 .qmritem span

{

border-color:#dadada;

background-color:#f7f7f7;

}

/*"""""""" (main) Rounded Items Content""""""""*/

#qm0 .qmritemcontent

{

padding:0px 0px 0px 4px;

}

/*"""""""" Custom Rule""""""""*/

ul#qm0 li:hover > a

{

background-color:#f7f7f7;

}

/*"""""""" Custom Rule""""""""*/

ul#qm0 ul

{

padding:10px;

margin:-2px 0px 0px;

background-color:#f7f7f7;

border-width:1px;

border-style:solid;

border-color:#dadada;

}

</style>

/******* Menu 0 Add-On Settings *******/

var a = qmad.qm0 = new Object();

// Rounded Corners Add On

a.rcorner_size = 6;

a.rcorner_border_color = "#dadada";

a.rcorner_apply_corners = new Array(false,true,true,true);

a.rcorner_top_line_auto_inset = true;

// Rounded Items Add On

a.ritem_size = 4;

a.ritem_apply = "main";

a.ritem_main_apply_corners = new Array(true,true,false,false);

a.ritem_show_on_actives = true;

</script>

</head>

</noscript<!-- Starting Page Content [menu nests within] --<div style="background-image:url(qmimages/center_tile.gif)">

<tr>

<li<a class="qmparent" href="">!Adquiérelo!</a>

<ul>

<li<span class="title" >Puntos de Venta</span</li>

<li<a href="

</ul</li>

<li<span class="qmdivider qmdividery" </span</li>

<li<a class="qmparent" href="javascript:void(0)">El Juego</a>

<ul>

<li<span class="qmtitle" >Sólo Tienes que Rotar los Prismas</span</li>

<li<a href="javascript:void(0)">Cómo se Juega</a</li>

<li<a href="javascript:void(0)">El Tablero</a</li>

<li<a href="javascript:void(0)">Las Piezas</a</li>

<li<a href="javascript:void(0)">Cómo se Gana</a</li>

<li<span class="qmdivider qmdividerx" </span</li>

<li<a href="javascript:void(0)">Comentarios</a</li>

</ul</li>

<li<span class="qmdivider qmdividery" </span</li>

<li<a class="qmparent" href="javascript:void(0)">Estrategia</a>

<ul>

<li<span class="qmtitle" >Introducción a la Estrategia</span</li>

<li<a href="javascript:void(0)">Líder (L)</a</li>

<li<a href="javascript:void(0)">Capitán (C)</a</li>

<li<a href="javascript:void(0)">Guardián (G)</a</li>

<li<a href="javascript:void(0)">Ataque (A)</a</li>

<li<a href="javascript:void(0)">Defensa (D</a</li>

<li<a href="javascript:void(0)">Posición de Apertura</a</li>

<li<span class="qmdivider qmdividerx" </span</li>

<li<a href="javascript:void(0)">Comentarios</a</li>

</ul</li>

<li<span class="qmdivider qmdividery" </span</li>

<li<a class="qmparent" href="javascript:void(0)">Nomenclatura</a>

<ul>

<li<span class="qmtitle" >Notación Algebráica</span</li>

<li<a href="javascript:void(0)">Las Piezas</a</li>

<li<a href="javascript:void(0)">PT Planos de Triángulos</a</li>

<li<a href="javascript:void(0)">TU Triángulos de Ubicación</a</li>

<li<a href="javascript:void(0)">Orientación (N),(S), (E) y (W)</a</li>

<li<a href="javascript:void(0)">Excepción (Z)</a</li>

<li<a href="javascript:void(0)">Posición de Apertura</a</li>

<li<a href="javascript:void(0)">Análisis de una Partida</a</li>

<li<a href="javascript:void(0)">Ejemplos</a</li>

<li<span class="qmdivider qmdividerx" </span</li>

<li<a href="javascript:void(0)">Comentarios</a</li>

</ul</li>

<li<span class="qmdivider qmdividery" </span</li>

<li<a class="qmparent" href="javascript:void(0)">Ventas</a>

<ul>

<li<span class="qmtitle" >Donde Comprarlo</span</li>

<li<span class="qmdivider qmdividerx" </span</li>

<li<a href="javascript:void(0)">Puntos de Venta</a<div style="position: absolute; width: 218px; height: 112px; left: 82px; top: 11px; z-index:-1" id="layer3">

<p<a href="javascript:void(0)">ta</a</li>

<li<span class="qmtitle" >Los Diferentes Modelos</span</li>

<li<span class="qmdivider qmdividerx" </span</li>

<li<a href="javascript:void(0)">Comercial</a</li>

<li<a href="javascript:void(0)">Balam</a</li>