/**************************************************************************************************/
/* Titular muy grande en rojo, Para titulares de resultados */
/**************************************************************************************************/
.titularSeccionRojo {	
	font-size: xx-large;
	font-weight: bold;
	font-style: italic;
	color: #D90000;
}
/**************************************************************************************************/
/* Para los div que se quieren recuadrar, el fondo en gris y un recuadro rojo */
/**************************************************************************************************/
.recuadro {
	text-align:center;
	border-color: #CC0000;
	border-style:solid;
	border-width: thin;
	BORDER-RIGHT: 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: 1px solid;
	PADDING-LEFT: 3px;
	FONT-SIZE: 8pt;
	BACKGROUND: #f4f4f4;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: 1px solid;
	COLOR: #ff3300;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: monospace;
	width: auto;
	height: auto;
	float: center;
}	
/**************************************************************************************************/
/* Para centrar los div en una pagina con publicidad a los dos lados */
/**************************************************************************************************/
.centrado {
	text-align:center;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	FONT-SIZE: 8pt;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	width: auto;
	height: auto;
	float: center;
}
/**************************************************************************************************/
/* Texto en gris */
/**************************************************************************************************/
.habitual {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/**************************************************************************************************/
/* Texto en rojo */
/**************************************************************************************************/
.habitual_destacado {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #b21437; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/**************************************************************************************************/
/* Texto sub, rojo y más grande */
/**************************************************************************************************/
.habitual_sub { FONT-SIZE: 14px; color: #b21437; border-bottom: 1px dotted #b21437; background-color: #fbedf2;
}
/**************************************************************************************************/
/* Las referencias de boton button */
/**************************************************************************************************/
A.refBoton {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #A20000; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana,sans-serif; LETTER-SPACING: -1px; HEIGHT: 17px; TEXT-DECORATION: none; font-smooth: always} 
A.refBoton:visited {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #A20000; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana,sans-serif; LETTER-SPACING: -1px; HEIGHT: 17px; TEXT-DECORATION: none; font-smooth: always} 
A.refBoton:hover { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana,sans-serif; LETTER-SPACING: -1px; HEIGHT: 17px; BACKGROUND-COLOR: #990048; TEXT-DECORATION: underline; font-smooth: always }
/**************************************************************************************************/
/* Las refencias cuando se utilizan los grises */
/**************************************************************************************************/
A.refgris {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #7d7d7d; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.refgris:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #7d7d7d; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.refgris:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
/**************************************************************************************************/
/* Las refencias cuando se utilizan los  rojo */
/**************************************************************************************************/
A.refRojo {
	COLOR: #A20000; TEXT-DECORATION: none
}
A.refRojo:active {
	COLOR: #A20000; TEXT-DECORATION: none
}
A.refRojo:visited {
	COLOR: #A20000; TEXT-DECORATION: none
}
A.refRojo:link {
	COLOR: #A20000; TEXT-DECORATION: none
}
A.refRojo:hover {
	COLOR: #ff3366
}
/**************************************************************************************************/
/* Las refencias cuando se utilizan los  rojo pero con subrayado*/
/**************************************************************************************************/
A.refRojo_sub {
	COLOR: #A20000
}
A.refRojo_sub:active {
	COLOR: #A20000 
}
A.refRojo_sub:visited {
	COLOR: #A20000
}
A.refRojo_sub:link {
	COLOR: #A20000
}
A.refRojo_sub:hover {
	COLOR: #ff3366; TEXT-DECORATION: none
}

/**************************************************************************************************/
/* Las refencias cuando se utilizan los  blanco */
/**************************************************************************************************/
A.refBlanco {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.refBlanco:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.refBlanco:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.refBlanco:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.refBlanco:hover {
	COLOR: #99ffff; FONT-WEIGHT: bold
}
/**************************************************************************************************/
/* Las refencias cuando se utilizan los  grises habitual */
/**************************************************************************************************/
A.refgris_H {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
A.refgris_H:active {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
A.refgris_H:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
A.refgris_H:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
A.refgris_H:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #9977ff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}


/****************************************************************************************************/
/* COLORES DE LETRAS */
/****************************************************************************************************/
.verde {color: #33cc00}
.rojo {color: #ff3366}
.azul {color: #3399ff}
/**************************************************************************************************/
/* td impar y el td par, efecto linea, para leer mejor una tabla*/
/**************************************************************************************************/
.tdimpar {
	BORDER-RIGHT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid; BACKGROUND-COLOR: #f4f4f4
}
.tdpar {
	BORDER-RIGHT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid; BACKGROUND-COLOR: #fdfdfd
}
.td1 {
	BORDER-RIGHT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid; BACKGROUND-COLOR: #f4f4f4
}
.td0 {
	BORDER-RIGHT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid; BACKGROUND-COLOR: #fdfdfd
}

.lista1 {
	BACKGROUND-COLOR: #f4f4f4;
	/*list-style-image:url(../imagenes/uve.gif);*/
}
.lista0 {
	BACKGROUND-COLOR: #fdfdfd;
	/*list-style-image:url(../imagenes/uve.gif);*/
}

.listah1 {
	BACKGROUND-COLOR: #f4f4f4;
	/*list-style-image:url(../imagenes/corazon.gif);*/
}
.listah0 {
	BACKGROUND-COLOR: #fdfdfd;
	/*list-style-image:url(../imagenes/corazon.gif);*/
}
/**************************************************************************************************/
/* tabla de datos , definicion de los td y th*/
/**************************************************************************************************/
.tablaDatos {
	border: 1px;
	border-bottom-width: thin;
	text-align: left;
	background-color: #b21437;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-top: 2px;
}	
.tablaDatos TH {
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 4px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 4px;
	FONT-WEIGHT: bold; 
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
}
.tablaDatos TD {
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 4px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 4px;
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: justify;
}
/**************************************************************************************************/
/* Define los menus de cada sección */
/**************************************************************************************************/
.menu_seccion {
	CLEAR: both;
	MARGIN: 1%; 
}

.menu_seccion LI {
	DISPLAY: inline;
}
.menu_seccion LI A {
	BORDER-RIGHT: #969696 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #969696 1px solid; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR: #969696; PADDING-TOP: 0px; BORDER-BOTTOM: #969696 1px solid; BORDER-LEFT: #969696 1px solid; BACKGROUND-COLOR: #e0e0e0; TEXT-DECORATION: none;
	
}
.menu_seccion A:hover {
	COLOR: #565656; BACKGROUND-COLOR: #c1c1c1;
}
/**************************************************************************************************/
/* Define el menu del Feng Shui */
/**************************************************************************************************/
.menu_fengshui {
	CLEAR: both;
	MARGIN: 1%; 
}

.menu_fengshui LI {
	DISPLAY: inline;
}
.menu_fengshui LI A {
	BORDER-RIGHT: #969696 1px solid; 
	PADDING-RIGHT: 15px; 
	BORDER-TOP: #969696 1px solid; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	TEXT-TRANSFORM: uppercase; 
	COLOR: #969696; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #969696 1px solid; 
	BORDER-LEFT: #969696 1px solid; 
	BACKGROUND-COLOR: #e0e0e0; 
	TEXT-DECORATION: none;
	
}
.menu_fengshui A:hover {
	COLOR: #565656; 
	BACKGROUND-COLOR: #c1c1c1;
}

/**** COOKIES */

/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
width:100%;
height:43px;
margin:0 auto;
padding-left:1%;
padding-top:5px;
font-size: 1.2em;
clear:both;
font-weight: strong;
color: #fff;
bottom:0px;
position:fixed;
left: 0px;
background-color: #000;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
color: #fff;
background-color: #000;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
 
/* Fin del CSS para cookies */