<style type="text/css">
<!--
BODY {
	font-family: Comic Sans MS,Tahoma,Verdana,Arial;
	font-size : 10px;
	font-weight : normal;
	background: #000000;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#BDC3C5,endColorStr=#f7f7f7); 
}

.boton{
   vertical-align: middle;
   	font-size : 14px;
   width: 220px;
	font-family:  Comic Sans MS,Tahoma,Verdana,Arial;   
	cursor:hand;
}

.boton2{
   vertical-align: middle;
	font-family:  Comic Sans MS,Tahoma,Verdana,Arial;   
	cursor:hand;
}

.grande {
	font-size : 19px;
	font-weight : normal;
}

.normal {
	font-size : 16px;
	font-weight : normal;
}

.gris {
	font-size : 13px;
	font-weight : normal;
	color: #909090;
}

.mediana {
	font-size : 13px;
	font-weight : normal;
}

.mediana2 {
	font-size : 11px;
	font-weight : normal;
}

.peque {
	font-size : 10px;
	font-weight : normal;
}

.enana {
	font-size : 1px;
	font-weight : normal;
}

.reloj {
	font-family: Kristen ITC;
	font-size : 10px;
	font-weight : bold;
}


A {
color: #2B6684;
font-size : 14;
font-weight : bold;
text-decoration: none;  
}

A:HOVER {
	color : #6CA5C2;
	text-decoration: none;
}

fieldset { 
padding: 0px 0px 0px 0px;
}

.title {
	color : #2B6684;
	font-size : 24px;
	font-weight: bold;
}


.subtitle {
	color : #172B75;
	font-size : 20x;
	font-weight: bold;
}

.ficha {
	color : #2B6684;
	font-size : 14px;
	font-weight: bold;
	text-decoration: none;
}


.ficha_naranja {
	color : #D18205;
	font-size : 14px;
	font-weight: bold;
	text-decoration: none;
}



.gradient {
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D6D9DA,endColorStr=#F0F0F0); 
}

.gradient2 {
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#dceff8,endColorStr=#F0F0F0); 
}

.gradient3 {
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#80c3e2,endColorStr=#F0F0F0); 
}

.gradient4 {
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#E2E2E2,endColorStr=#F2F2F2); 
}


table.marco { 
border:1px solid #999999; 
border-collapse:collapse;
} 

table.marco td { 
border:1px solid #999999; 
} 




 .sinmarco { 
 border-top-width: 0px;
 border-top-style: solid;
 border-top-color: #999999;

border-right-width: 0px;
 border-right-style: solid;
 border-right-color: #999999;

border-left-width: 0px;
 border-left-style: solid;
 border-left-color: #999999;

border-bottom-width: 0px;
 border-bottom-style: solid;
 border-bottom-color: #999999;
} 

 conmarco { 
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #999999;

border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #999999;

border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #999999;

border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #999999;
} 


.todo_bordeado {
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #999999;

border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #999999;

border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #999999;

border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #999999;

  }

.cssbutton{
background-color: #E7E7E7;
border: 1px #999999 outset;
padding: 1px 11px;
color: black;
text-decoration: none;
font-size : 11px;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #FAFAFA;
padding: 2px  11px; /*shift text 1px to the right and down*/
text-decoration: none;
}

.cssbutton:active{
color: black;
}


.FILA_ON {
background-color: #FEFAE2;
}

.FILA_OFF {
background-color: #FFFFFF;
}

.FILA_OFF2 {
background-color: #fcfcfc;
}



@font-face {
    font-family: LiquidCrystal;
    font-style:  normal;
    font-weight: normal;
    src: url(LIQUIDC0.eot);
  }

@font-face {
    font-family: Bradley Hand ITC;
    font-style:  normal;
    font-weight: 700;
    src: url(BRADLEY0.eot);
  }

  @font-face {
    font-family: Kristen ITC;
    font-style:  normal;
    font-weight: 700;
    font-color: #F5A10D;
    src: url(KRISTEN0.eot);
  }

@font-face {
    font-family: Comic Sans MS;
    font-style:  normal;
    font-weight: normal;
    src: url(COMICSA0.eot);
  }

  @font-face {
    font-family: Lucida Handwriting;
    font-style:  normal;
    font-weight: normal;
    src: url(LUCIDAH0.eot);
  }

.gpizarra { 
background-image: url(./images/pizarrag.png); 
background-repeat: no-repeat; 
background-position: top center;
} 

.pizarra { 
background-image: url(./images/pizarra2.png); 
background-repeat: no-repeat; 
background-position: top center;
} 

.txtpizarra { 
font-family: Bradley Hand ITC;
font-size : 22px;
color: white;
} 


.background2 { 
//background-image: url(./images/cubo_grande.png); 
background-image: url(./images/logo_grande.png); 
background-repeat: no-repeat; 
background-position: center center;
} 

.background3 { 
//background-image: url(./images/cubo_grande_off.png); 
background-image: url(./images/logo_grande_off.png); 
background-repeat: no-repeat; 
background-position: center center;

} 

img.borde_blanco {border: 1px white solid;}


.tabla_ppal{
background-color: #f5f5f5;
}


#hintbox{ 
position:absolute;
top: 0;

width: 150px; /*Default width of hint.*/ 
padding: 0px;
border:0px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
visibility: hidden;
}

.showbox { 
	position:absolute;
	top: 0;
	width: 200px; 
	padding: 0px;
	border:2px solid #F6960B;
	z-index:100;
	background-color:#F6960B;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	visibility: hidden;
}

.innerbox { 
	height: 40px;
	padding: 5px;
	background-color:#FFFFFF;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}

.headbox { 
	margin: 1px 0px 3px 1px;
	background-color:#EDEDED;
	width: 14px;
}


.todo_menos_izq {
 border-top-width: 0px;
 border-top-style: solid;
 border-top-color: #999999;

border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #999999;

border-left-width: 0px;
 border-left-style: solid;
 border-left-color: #999999;

border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #999999;

  }

.todo_menos_drcha {
 border-top-width: 0px;
 border-top-style: solid;
 border-top-color: #999999;

border-right-width: 0px;
 border-right-style: solid;
 border-right-color: #999999;

border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #999999;

border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #999999;

  }
  
  .todo_menos_izq_con_top {
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #999999;

border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #999999;

border-left-width: 0px;
 border-left-style: solid;
 border-left-color: #999999;

border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #999999;
 

  }

.todo_menos_drcha_con_top {
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #999999;

border-right-width: 0px;
 border-right-style: solid;
 border-right-color: #999999;

border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #999999;

border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #999999;

  }

  
-->
</style>