/***********************************************/
/* mahjong.css                                    */
/***********************************************/


/******* FUENTES ********/
body {
	padding:0px;
	margin: 0px; 
	background: #C4BBA3 fixed; /*marron claro*/
	line-height: 1.1; 
	font-family: Verdana, Arial, sans-serif;
	oveflow-x:hidden; oveflow-y:hidden; overflow:auto;
}

td {
	font-size: 80%;
	Color: #000000;
	font-family: Verdana, Arial, sans-serif;
}

th {
	font-family: Verdana, Arial, sans-serif;
}


/******** CLASE contenido **********/
.contenido {
	background: white url('../img/bg/mj.gif') repeat-y fixed center; margin: 0px; height: 355px;
}


/****** CLASE distancia del contenido a los extremos de la pantalla *****/
.distancia {
	width: 5px; height: 5px;
}

/****** CLASE DEL FONDO (BackGround) *******/
.bg_si {
	background: white url('../img/bg/bg_si.gif'); border: 0px; margin: 0px; width: 25px; height: 25px;
}

.bg_sd {
	background: white url('../img/bg/bg_sd.gif'); border: 0px; margin: 0px; width: 25px; height: 25px;
}

.bg_ii {
	background: white url('../img/bg/bg_ii.gif'); border: 0px; margin: 0px; width: 25px; height: 25px;
}

.bg_id {
	background: white url('../img/bg/bg_id.gif'); border: 0px; margin: 0px; width: 25px; height: 25px;
}

.bg_sup {
	background: url('../img/bg/bg_sup.gif'); margin: 0px; height: 10px;
}

.bg_isupsup {
	background: url('../img/bg/bg_isupsup.gif'); margin: 0px; width: 25px;
}

.bg_dsupsup {
	background: url('../img/bg/bg_dsupsup.gif'); margin: 0px; width: 25px;
}

.bg_isupizq {
	background: url('../img/bg/bg_isupizq.gif'); margin: 0px; height: 25px;
}

.bg_dsupder {
	background: url('../img/bg/bg_dsupder.gif'); margin: 0px; height: 25px;
}

.bg_i {
	background: url('../img/bg/bg_i.gif'); margin: 0px; width: 10px;
}

.bg_d {
	background: url('../img/bg/bg_d.gif'); margin: 0px; width: 10px;
}

.bg_iinfizq {
	background: url('../img/bg/bg_iinfizq.gif'); margin: 0px; height: 25px;
}

.bg_dinfder {
	background: url('../img/bg/bg_dinfder.gif'); margin: 0px; height: 25px;
}

.bg_iinfinf {
	background: url('../img/bg/bg_iinfinf.gif'); margin: 0px; height: 10px;
}

.bg_dinfinf {
	background: url('../img/bg/bg_dinfinf.gif'); margin: 0px; height: 10px;
}

.bg_inf {
	background: url('../img/bg/bg_inf.gif'); margin: 0px; height: 10px;
}


/******** ENLACES **********/
	/* Enlace en reposo */
	A:link {
		COLOR: #0000CC; TEXT-DECORATION: none;
	}
	/* Visitado */	
	A:visited {
		COLOR: #0000CC; TEXT-DECORATION: none
	}
	/* Sobre */
	A:hover {
		/*TEXT-DECORATION: underline; font: bold;*/
		TEXT-DECORATION: none;
	}

/**************** TIPOS BASICOS DE CABECERAS *******************/
/* Encabezado h1 */
H1 {
	font: bold 175% Verdana,Arial,sans-serif; color: #334d55;
}

/* Encabezado h2 */
H2 {
	font: bold 150% Verdana,Arial,sans-serif; color: #334d55;
}

/* Encabezado h3 */
H3 {
	font: bold 125% Verdana,Arial,sans-serif; color: #334d55;
}

/* Encabezado h4 */
H4 {
	font: bold 100% Verdana,Arial,sans-serif; color: #334d55;
}

/* Encabezado h5: muy pequeño */
H5 {
	font: normal 80% Verdana,Arial,sans-serif;
}

/* Encabezado h6: muy pequeño rojo */
H6 {
	font: normal 80% Verdana,Arial,sans-serif; color: #CC0000;
}


/**************** TIPOS BASICOS DE LISTAS *******************/

/* Lista sin ordenar: enumerate */
UL {
	list-style-type: square;
}

/* Lista sin ordenar: enumerate doble */
UL UL {
	list-style-type: disc;
}

/* Lista sin ordenar: enumerate triple */
UL UL UL {
	list-style-type: circle;
}


/***********************************************************/
/********************** CAPAS Divs *************************/
/***********************************************************/

/****************** ROW0: FILA SUPERIOR INICIO INSTRUCC. *****************/
#row0{	
	/*text-transform: none | capitalize | uppercase | lowercase;*/
	width: 74px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url('../img/fondoNav.png') no-repeat center;
}

#row0 a:hover{
	color: #FF0000;
	font-weight: bold;
}
/****************** FIN ROW1 *****************/

/****************** ROW1: FILA SUPERIOR *****************/
#row1{	
	/*text-transform: none | capitalize | uppercase | lowercase;*/
	width: 74px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url('../img/fondoNav.png') no-repeat center;
}

#row1 a:hover{
	color: #FF0000;
	font-weight: bold;
}
/****************** FIN ROW1 *****************/


/****************** ROW1A: FILA SUPERIOR (+GRANDE) *****************/
#row1a{
	width: 96px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url('../img/fondoNava.png') no-repeat center;
}

#row1a a:hover{
	color: #FF0000;
	font-weight: bold;
}
/*************************************************/


/****************** ROW2: FILA SUPERIOR PULSADA *****************/
#row2{
	width: 74px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url('../img/fondoNav2.png') no-repeat center;
}

#row2 a:hover{
	color: #FF0000;
	font-weight: bold;
}
/****************** FIN ROW1 *****************/


/****************** ROW2A: FILA SUPERIOR PULSADA (+GRANDE) *****************/
#row2a{
	width: 96px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url('../img/fondoNava2.png') no-repeat center;
}

#row2a a:hover{
	color: #FF0000;
	font-weight: bold;
}
/*************************************************/

/*************************** FIN CAPAS Divs ******************************/