@charset "utf-8";
b{cursor:pointer;}
a:link{font-family:Arial, Helvetica, sans-serif;color:#ccc;text-decoration:none;}
a:visited{font-family:Arial, Helvetica, sans-serif;color:#ccc;text-decoration:none;}
a:hover{font-family:Arial, Helvetica, sans-serif; color:red;text-decoration:none;}
a:active{font-family:Arial, Helvetica, sans-serif;color:#ccc;text-decoration:none;}
body{
font-family:Arial, Helvetica, sans-serif;background-image:url(../fondo.png);font-size:13px;background-color:#111;text-align:justify;color:#727272;}
img{float:left;margin:10px;}
a:link img,a:visited img,a:active img{border:1px dotted red;margin-left:25px;background:transparent;}
a:hover img {border:2px solid #FF0066;margin-left:25px;}
p{padding:5px;}
b{color:red;}
i{color:red;}
h3{font-size:14px;font-weight:normal;text-align:left;line-height:28px;margin:0px;padding:0px;}
h1,h2{font-size:16px;color:#727272;margin-bottom:8px;height:25px;margin:5px;}
input,select{border:1px inset #333;font-size:1.4em;width:180px;}
form{margin:0 auto;max-width:500px;}
.inputLine{background-color:white;padding:0 3px;margin:2px 0px;}
ul{list-style: square;}
#hd{
background:url(../logo.gif) center no-repeat;
height:130px;
}
.menu{width:958px;margin-top:20px;border-bottom:2px solid #727272;height:20px;padding-left:11px;}
.menu a:link,.menu a:active,.menu a:visited{
margin-top:20px;
margin-bottom:8px;
font-family:verdana;
padding-bottom:6px;
border:1px solid #727272;
border-bottom:none;
}
.menu a{padding:4px;color:white;background:#777;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;}
.menu a:hover{color:white;background:red;}
.menu a:active{color:white;border-top:1px solid red;background:#FF0066;}
.text{text-align:left;}
.error{color:red;}
.main {margin-left:auto;margin-right:auto;width:970px;height:auto;border-left:1px solid #333;border-right:1px solid #333;}
.col{width:180px;min-height:350px;border:1px solid #ccc;float:left;margin:5px 5px;text-align:left;background: #000;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;}
.col img{width:125px;height:125px;}
.ad{text-align:center;font-size:0.9em;}
.b-con{margin:0 auto;text-align:center;bottom:0px;width:50%;background:#FF0066;color:white;border:1px inset red;}
.b-con a{color:white;}
.footer{margin:0px;width:960px;height:520px;padding:5px;}
.nws{background: #000;
margin: auto;
width:900px;
min-height:400px;
padding:10px;
border:1px solid #333;
clear:both;
}
.clear{clear:both;}
.foo{margin:auto;width:960px;font-size:10px;color:#727272;}
.c1{
width:47%;
float:left;
background:#000;
border:1px solid #333;
min-height:480px;
padding:10px;
-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;
}
.c2{
width:47%;
float:right;
border:1px solid #333;
min-height:480px;
background:#000;
padding:10px;
-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;
}

.af{float:right;width:47%;text-align:justify;}
.cl{float:left;width:47%;text-align:justify;}
.lk{color:#fff;border:2px outset #fff;padding:3px;background-color:#000;font-size:14px;float:right;}
#slideshow {
    position:relative;
	min-height:340px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;

}

#slideshow IMG.last-active {
    z-index:9;

/**Ejemplos****/
/***Ajedrez****/
.fila
{
width: 720px;
}
.casillanegra
{
height: 90px;
width: 90px;
background-color: black;
float: right;
}
.casillablanca
{
height: 90px;
width: 90px;
background-color: white;
float: right;
}
.tablero
{
width: 722px;
height: 722px;
border: solid 1px;
}
.torrenegra
{
height: 90px;
width: 90px;
background-image: url(../css/imagenes/5.png);
float: right;
}
.caballonegro
{
height: 90px;
width: 90px;
background-image: url(../css/imagenes/6.png);
float: right;
}
.alfilnegro
{
height: 90px;
width: 90px;
background-image: url(../css/imagenes/4.png);
float: right;
}
.reinanegra
{
height: 90px;
width: 90px;
background-image: url(../css/imagenes/12.png);
float: right;
}
.reynegro
{
height: 90px;
width: 90px;
background-image: url(../css/imagenes/11.png);
float: right;
}
.torreblanca
{
height: 90px;
width: 90px;
background-image: url(../css/imagenes/8.png);
float: right;
}
.caballoblanco
{
height: 90px;
width: 90px;
background-image: url(../css/imagenes/7.png);
float: right;
}
.alfilblanco
{
height: 90px;
width: 90px;
background-image: url(../css/imagenes/1.png);
float: right;
}
.reinablanca
{
height: 90px;
width: 90px;
background-image: url(../css/imagenes/9.png);
float: right;
}
.reyblanco
{
height: 90px;
width: 90px;
background-image: url(../css/imagenes/10.png);
float: right;
}
.peonblanco
{
height: 90px;
width: 90px;
background-image: url(../css/imagenes/2.png);
float: right;
}
.peonnegro
{
height: 90px;
width: 90px;
background-image: url(../css/imagenes/3.png);
float: right;
}
.exterior{

}
.interior{width: 886px;
}
.330000{
background-color: #330000;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.333300{
background-color: #333300;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.336600{
background-color: #336600;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.339900{
background-color: #339900;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.33CC00{
background-color: #33CC00;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.33FF00{
background-color: #33FF00;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.66FF00{
background-color: #66FF00;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.66CC00{
background-color: #66CC00;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.669900{
background-color: #669900;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.666600{
background-color: #666600;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.663300{
background-color: #663300;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.660000{
background-color: #660000;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.FF0000{
background-color: #FF0000;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.FF3300{
background-color: #FF3300;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.FF6600{
background-color: #FF6600;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.FF9900{
background-color: #FF9900;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.FFCC00{
background-color: #FFCC00;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.FFFF00{
background-color: #FFFF00;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.N{
height: 10px;
width: 45px;
float: left;
margin: 2px;
font-size: 9px;
font-family: arial;
}
.330033{
background-color: #330033;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.333333{
background-color: #333333;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.336633{
background-color: #336633;
height: 45px;
width: 45px;
float: left;
margin: 2px;
}
.339933{height: 45px; width: 45px; float: left;margin: 2px; background-color: #339933;}
.33CC33{height: 45px; width: 45px; float: left;margin: 2px; background-color: #33CC33;}
.33FF33{height: 45px; width: 45px; float: left;margin: 2px; background-color: #33FF33;}
.66FF33{height: 45px; width: 45px; float: left;margin: 2px; background-color: #66FF33;}
.66CC33{height: 45px; width: 45px; float: left;margin: 2px; background-color: #66CC33;}
.669933{height: 45px; width: 45px; float: left;margin: 2px; background-color: #669933;}
.666633{height: 45px; width: 45px; float: left;margin: 2px; background-color: #666633;}
.663333{height: 45px; width: 45px; float: left;margin: 2px; background-color: #663333;}
.660033{height: 45px; width: 45px; float: left;margin: 2px; background-color: #660033;}
.FF0033{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF0033;}
.FF3333{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF3333;}
.FF6633{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF6633;}
.FF9933{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF9933;}
.FFCC33{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FFCC33;}
.FFFF33{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FFFF33;}
.330066{height: 45px; width: 45px; float: left;margin: 2px; background-color: #330066;}
.333366{height: 45px; width: 45px; float: left;margin: 2px; background-color: #333366;}
.336666{height: 45px; width: 45px; float: left;margin: 2px; background-color: #336666;}
.339966{height: 45px; width: 45px; float: left;margin: 2px; background-color: #339966;}
.33CC66{height: 45px; width: 45px; float: left;margin: 2px; background-color: #33CC66;}
.33FF66{height: 45px; width: 45px; float: left;margin: 2px; background-color: #33FF66;}
.66FF66{height: 45px; width: 45px; float: left;margin: 2px; background-color: #66FF66;}
.66CC66{height: 45px; width: 45px; float: left;margin: 2px; background-color: #66CC66;}
.669966{height: 45px; width: 45px; float: left;margin: 2px; background-color: #669966;}
.666666{height: 45px; width: 45px; float: left;margin: 2px; background-color: #666666;}
.663366{height: 45px; width: 45px; float: left;margin: 2px; background-color: #663366;}
.660066{height: 45px; width: 45px; float: left;margin: 2px; background-color: #660066;}
.FF0066{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF0066;}
.FF3366{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF3366;}
.FF6666{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF6666;}
.FF9966{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF9966;}
.FFCC66{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FFCC66;}
.FFFF66{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FFFF66;}
.330099{height: 45px; width: 45px; float: left;margin: 2px; background-color: #330099;}
.333399{height: 45px; width: 45px; float: left;margin: 2px; background-color: #333399;}
.336699{height: 45px; width: 45px; float: left;margin: 2px; background-color: #336699;}
.339999{height: 45px; width: 45px; float: left;margin: 2px; background-color: #339999;}
.33CC99{height: 45px; width: 45px; float: left;margin: 2px; background-color: #33CC99;}
.33FF99{height: 45px; width: 45px; float: left;margin: 2px; background-color: #33FF99;}
.66FF99{height: 45px; width: 45px; float: left;margin: 2px; background-color: #66FF99;}
.66CC99{height: 45px; width: 45px; float: left;margin: 2px; background-color: #66CC99;}
.669999{height: 45px; width: 45px; float: left;margin: 2px; background-color: #669999;}
.666699{height: 45px; width: 45px; float: left;margin: 2px; background-color: #666699;}
.663399{height: 45px; width: 45px; float: left;margin: 2px; background-color: #663399;}
.660099{height: 45px; width: 45px; float: left;margin: 2px; background-color: #660099;}
.FF0099{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF0099;}
.FF3399{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF3399;}
.FF6699{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF6699;}
.FF9999{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF9999;}
.FFCC99{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FFCC99;}
.FFFF99{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FFFF99;}
.3300CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #3300CC;}
.3333CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #3333CC;}
.3366CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #3366CC;}
.3399CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #3399CC;}
.33CCCC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #33CCCC;}
.33FFCC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #33FFCC;}
.66FFCC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #66FFCC;}
.66CCCC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #66CCCC;}
.6699CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #6699CC;}
.6666CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #6666CC;}
.6633CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #6633CC;}
.6600CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #6600CC;}
.FF00CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF00CC;}
.FF33CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF33CC;}
.FF66CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF66CC;}
.FF99CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF99CC;}
.FFCCCC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FFCCCC;}
.FFFFCC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FFFFCC;}
.3300FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #3300FF;}
.3333FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #3333FF;}
.3366FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #3366FF;}
.3399FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #3399FF;}
.33CCFF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #33CCFF;}
.33FFFF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #33FFFF;}
.66FFFF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #66FFFF;}
.66CCFF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #66CCFF;}
.6699FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #6699FF;}
.6666FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #6666FF;}
.6633FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #6633FF;}
.6600FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #6600FF;}
.FF00FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF00FF;}
.FF33FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF33FF;}
.FF66FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF66FF;}
.FF99FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FF99FF;}
.FFCCFF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FFCCFF;}
.FFFFFF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #FFFFFF;}
.0000FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #0000FF;}
.0033FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #0033FF;}
.0066FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #0066FF;}
.0099FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #0099FF;}
.00CCFF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #00CCFF;}
.00FFFF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #00FFFF;}
.99FFFF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #99FFFF;}
.99CCFF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #99CCFF;}
.9999FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #9999FF;}
.9966FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #9966FF;}
.9933FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #9933FF;}
.9900FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #9900FF;}
.CC00FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC00FF;}
.CC33FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC33FF;}
.CC66FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC66FF;}
.CC99FF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC99FF;}
.CCCCFF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CCCCFF;}
.CCFFFF{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CCFFFF;}
.0000CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #0000CC;}
.0033CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #0033CC;}
.0066CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #0066CC;}
.0099CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #0099CC;}
.00CCCC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #00CCCC;}
.00FFCC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #00FFCC;}
.clear{clear:both;margin:5px;}
.99FFCC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #99FFCC;}
.99CCCC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #99CCCC;}
.9999CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #9999CC;}
.9966CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #9966CC;}
.9933CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #9933CC;}
.9900CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #9900CC;}
.CC00CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC00CC;}
.CC33CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC33CC;}
.CC66CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC66CC;}
.CC99CC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC99CC;}
.CCCCCC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CCCCCC;}
.CCFFCC{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CCFFCC;}
.000099{height: 45px; width: 45px; float: left;margin: 2px; background-color: #000099;}
.003399{height: 45px; width: 45px; float: left;margin: 2px; background-color: #003399;}
.006699{height: 45px; width: 45px; float: left;margin: 2px; background-color: #006699;}
.009999{height: 45px; width: 45px; float: left;margin: 2px; background-color: #009999;}
.00CC99{height: 45px; width: 45px; float: left;margin: 2px; background-color: #00CC99;}
.00FF99{height: 45px; width: 45px; float: left;margin: 2px; background-color: #00FF99;}
.99FF99{height: 45px; width: 45px; float: left;margin: 2px; background-color: #99FF99;}
.99CC99{height: 45px; width: 45px; float: left;margin: 2px; background-color: #99CC99;}
.999999{height: 45px; width: 45px; float: left;margin: 2px; background-color: #999999;}
.996699{height: 45px; width: 45px; float: left;margin: 2px; background-color: #996699;}
.993399{height: 45px; width: 45px; float: left;margin: 2px; background-color: #993399;}
.990099{height: 45px; width: 45px; float: left;margin: 2px; background-color: #990099;}
.CC0099{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC0099;}
.CC3399{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC3399;}
.CC6699{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC6699;}
.CC9999{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC9999;}
.CCCC99{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CCCC99;}
.CCFF99{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CCFF99;}
.000066{height: 45px; width: 45px; float: left;margin: 2px; background-color: #000066;}
.003366{height: 45px; width: 45px; float: left;margin: 2px; background-color: #003366;}
.006666{height: 45px; width: 45px; float: left;margin: 2px; background-color: #006666;}
.009966{height: 45px; width: 45px; float: left;margin: 2px; background-color: #009966;}
.00CC66{height: 45px; width: 45px; float: left;margin: 2px; background-color: #00CC66;}
.00FF66{height: 45px; width: 45px; float: left;margin: 2px; background-color: #00FF66;}
.99FF66{height: 45px; width: 45px; float: left;margin: 2px; background-color: #99FF66;}
.99CC66{height: 45px; width: 45px; float: left;margin: 2px; background-color: #99CC66;}
.999966{height: 45px; width: 45px; float: left;margin: 2px; background-color: #999966;}
.996666{height: 45px; width: 45px; float: left;margin: 2px; background-color: #996666;}
.993366{height: 45px; width: 45px; float: left;margin: 2px; background-color: #993366;}
.990066{height: 45px; width: 45px; float: left;margin: 2px; background-color: #990066;}
.CC0066{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC0066;}
.CC3366{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC3366;}
.CC6666{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC6666;}
.CC9966{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC9966;}
.CCCC66{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CCCC66;}
.CCFF66{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CCFF66;}
.000033{height: 45px; width: 45px; float: left;margin: 2px; background-color: #000033;}
.003333{height: 45px; width: 45px; float: left;margin: 2px; background-color: #003333;}
.006633{height: 45px; width: 45px; float: left;margin: 2px; background-color: #006633;}
.009933{height: 45px; width: 45px; float: left;margin: 2px; background-color: #009933;}
.00CC33{height: 45px; width: 45px; float: left;margin: 2px; background-color: #00CC33;}
.00FF33{height: 45px; width: 45px; float: left;margin: 2px; background-color: #00FF33;}
.99FF33{height: 45px; width: 45px; float: left;margin: 2px; background-color: #99FF33;}
.99CC33{height: 45px; width: 45px; float: left;margin: 2px; background-color: #99CC33;}
.999933{height: 45px; width: 45px; float: left;margin: 2px; background-color: #999933;}
.996633{height: 45px; width: 45px; float: left;margin: 2px; background-color: #996633;}
.993333{height: 45px; width: 45px; float: left;margin: 2px; background-color: #993333;}
.990033{height: 45px; width: 45px; float: left;margin: 2px; background-color: #990033;}
.CC0033{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC0033;}
.CC3333{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC3333;}
.CC6633{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC6633;}
.CC9933{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC9933;}
.CCCC33{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CCCC33;}
.CCFF33{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CCFF33;}
.000000{height: 45px; width: 45px; float: left;margin: 2px; background-color: #000000;}
.003300{height: 45px; width: 45px; float: left;margin: 2px; background-color: #003300;}
.006600{height: 45px; width: 45px; float: left;margin: 2px; background-color: #006600;}
.009900{height: 45px; width: 45px; float: left;margin: 2px; background-color: #009900;}
.00CC00{height: 45px; width: 45px; float: left;margin: 2px; background-color: #00CC00;}
.00FF00{height: 45px; width: 45px; float: left;margin: 2px; background-color: #00FF00;}
.99FF00{height: 45px; width: 45px; float: left;margin: 2px; background-color: #99FF00;}
.99CC00{height: 45px; width: 45px; float: left;margin: 2px; background-color: #99CC00;}
.999900{height: 45px; width: 45px; float: left;margin: 2px; background-color: #999900;}
.996600{height: 45px; width: 45px; float: left;margin: 2px; background-color: #996600;}
.993300{height: 45px; width: 45px; float: left;margin: 2px; background-color: #993300;}
.990000{height: 45px; width: 45px; float: left;margin: 2px; background-color: #990000;}
.CC0000{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC0000;}
.CC3300{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC3300;}
.CC6600{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC6600;}
.CC9900{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CC9900;}
.CCCC00{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CCCC00;}
.CCFF00{height: 45px; width: 45px; float: left;margin: 2px; background-color: #CCFF00;}
.xxx{height: 45px; width: 45px; float: left;margin: 2px;}
.G{
height: 45px;
width: 294px;
margin: 2px;
font-size: 25px;
font-family: arial;
text-align: center;
}
.B{
height: 45px;
width: 735px;
margin: 2px;
font-size: 25px;
font-family: arial;
text-align: center;
}