/***************************
 * SISTEMA  
*/

* {
  margin: 0px;
  padding: 0px;
}

body,*,td,a,div,.p {
  font-family: Arial, sans-serif;
  font-size: 11px;
}

div,td{
	color:#000000
}
a:link,.w,.w a:link{
	color:#0000cc
}
a:visited{
	color:#551a8b
}
a:active{
	color:#ff0000
}

body {
	margin: 0;
	padding: 0;
}
html {
  filter: expression ( document . execCommand("BackgroundImageCache", false, true) );
}

iframe {
  border: none;
}


/***************************
 * PAGINA 
*/

.pagina{
	width: 100%;	
}
.titulo{
	color: black;
	background: #D7DAD7;
}
.logo{
	cursor: pointer;
}
.titulo_usuario{
	color: blue;
   width: 140px;
	text-align: right;
   font-size: 13px;
}
.titulo_estado{
	color: black;
	text-align: right;
   width: 180px;
   font-size: 12px;
}
.centropagina{
	background: white;
}

/***************************
 * CONTROLES 
*/

.controles {
	color: white;
	background: #97B396;
	align: left;
}
.c_scroll {
}
.c_jugada {
	color: black;
	font: Arial;
  font-size: 14px;
}
.c_jugador {
 	cursor: default;
	color: black;
   font-size: 12px;
}
.c_mano {
	color: black;
  font-size: 10px;
	background: #97B396;
  width: 26px;
  height: 15px;
  text-align: center;
	cursor: pointer;
}
.c_punto0 {
	color: black;
	font-size: 13px;
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	width: 32px;
	text-align: center;
	cursor: pointer;
	background: white;
}
.c_sel0 {
	color: black;
	font-size: 13px;
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	width: 32px;
	text-align: center;
	background: #C1D1C0;
}
.c_punto1 {
	color: black;
	font-size: 13px;
	border-top: 1px solid #808080;
	width: 32px;
	text-align: center;
	cursor: pointer;
	background: white;
}
.c_sel1 {
	color: black;
	font-size: 13px;
	border-top: 1px solid #808080;
	width: 32px;
	text-align: center;
	background: #C1D1C0;
}
.c_tot0 {
	color: black;
 	font-size: 13px;
	background: white;
 	border-right: 1px solid #808080;
	width: 32px;
	text-align: center;
	font-weight: bold;
}
.c_tot1 {
	color: black;
 	font-size: 13px;
	background: white;
	width: 32px;
	text-align: center;
	font-weight: bold;
}


/***************************
 * MESA 
*/

.mesa{
}
.mesa_jugador{
 	cursor: default;
	color: yellow;
   font-size: 10px;
   font-weight: bold;
}
.mesa_ganador{
 	cursor: default;
 	color: red;
   font-size: 10px;
   font-weight: bold;
}
.full{
	width: 100%;
	height: 100%;
}
.nop_wsombra{
	opacity: .7;
	filter: alpha(opacity = 70);
}

/***************************
 * DIALOGO 
*/

.dlg-fondo {
	background-color: #999999;
	filter: alpha(opacity = 40);
	opacity: .4;
	width: 100%;
	height: 100%;
}

.dlg-header{
	background: #006600; 
  	filter: alpha(opacity = 80);
  	opacity: .8;
}
.dlg-panel{
	background: red; 
}
.dlg-gradiente
{
  background-image: url(images/gradiente.gif);
}
.dlg-caption{
 color: White;  
 padding-left: 36px; 
 padding-top: 15px; 
 font-size: 18px; 
 font-weight:bold; 
 font-family: arial;
 cursor:move;
}

.my-shadow {
	background: transparent url( images/shadowX.png );
}

.my-ie-shadow {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	background: #777;
	zoom: 1;
}


/***************************
 * BOTON 
*/


.boton {
  height: 21px;
  cursor: pointer;
  float: middle;
}

.boton-text {
  color: black;
  font:normal 11px arial;
  white-space: nowrap;
}

.boton-l {
  height: 21px;
  background: url(images/boton.gif) no-repeat 0 0;
}

.boton-l div {
  width: 3px;
}

.boton-r {
  background:url(images/boton.gif) no-repeat -97px 0;
}

.boton-r div {
  width: 3px;
}

.boton-c {
  text-align: center;
  padding: 0 6px;
  width: 100%;
  background:url(images/boton.gif) no-repeat -3px 0;
}

.boton-over .boton-l {
  background-position:-200px 0;
}

.boton-over .boton-r {
  background-position:-297px 0;
}

.boton-over .boton-c {
  background-position:-203px 0;
}

.boton-down .boton-l {
  background-position:-300px 0;
}

.boton-down .boton-r {
  background-position:-397px 0;
}

.boton-down .boton-c {
  background-position:-303px 0;
}

.boton-disabled {
  cursor: default;
}

.boton-disabled .boton-text {
  color: #707070;
}

.boton-disabled .boton-l {
  background-position: -100px 0;
}

.boton-disabled .boton-r {
  background-position: -97px 0;
}

.boton-disabled .boton-c {
  background-position: -103px 0;
}


/***************************
 * FORMS 
*/

.fTitulo {
	color: black;
	font: Arial;
   font-size: 14px;
}
.fTexto {
	color: black;
   font-family: Arial, sans-serif;
   font-size: 12px;
}

/***************************
 * BORDE FORM y SOMBRA
*/

.bf {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
}

.bf * {
	overflow: hidden;
	float: left;
	padding: 0;
	border: 0;
	margin: 0;
	clear: none;
}

.shadow {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
}

.shadow * {
	overflow: hidden;
	float: left;
	padding: 0;
	border: 0;
	margin: 0;
	clear: none;
}

/***************************
 * TOOLTIP
*/

.tip {
  	cursor: default;
  	float: middle;
}

.tipClient {
  padding: 1px;
}
.tipTitle {
  color: #005900;
  font-size: 12px;
  font-weight: bold; 
}
.tipText {
  color: #005900;
  font-size: 11px;
}
.td {
  color: #005900;
  font-size: 11px;
}

/***************************
 * CHAT
*/

.cross{
 cursor:move;
}

.chat{
  background: #FBFBE6;	
  color: #005900;
  font-size: 11px;
}

/***************************
 * MESA DIDACTICA 
*/

.md_linea{
   font-size: 12px;
  	background: #FBFBE6;	
 	cursor: pointer;
}
.md_actual{
   font-size: 12px;
	background: #D7E5D7;	
	cursor: default;
}
.md_hover{
   font-size: 12px;
  	background: #F0F3E1;	
 	cursor: pointer;
}
.md_titulo{
   font-size: 14px;
   font-weight: bold;
	cursor: default;
}
.md_autor{
   font-size: 12px;
   font-weight: bold;
	cursor: default;
}
.md_texto{
   font-size: 12px;
	cursor: default;
}

.md_variante{
   font-size: 12px;
   font-weight: bold;
}
.md_ficha{
   font-size: 12px;
	color: blue;
}
.md_jugador{
   font-size: 13px;
   font-weight: bold;
	color: green;
	background: #D7E5D7;	
}
.md_jugador2{
   font-size: 13px;
   font-weight: bold;
	color: green;
}
.md_red{
   font-size: 12px;
	color: red;
}
.md_blue{
   font-size: 12px;
	color: blue;
}