@font-face { 
  font-family: Yanone Kaffeesatz; 
    src: url('../fonts/YanoneKaffeesatz-Regular.eot'); 
    src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); 
} 



a.tooltip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#0080C0 !important; /* forzar color del texto */

  }
/*font-weight:bold !important; /* forzar negritas */


a.tooltip:hover {
z-index:999; /* va a estar por encima de todo */
background-color:#000000; /* DEBE haber un color de fondo */
}

a.tooltip span {
display: none; /* el elemento va a estar oculto */
}

a.tooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:2em; left:2em; /* donde va a estar */
width:300px; /* el ancho por defecto que va a tener */
padding:5px; /* la separación entre el contenido y los bordes */
background-color: #0080C0; /* el color de fondo por defecto */
color: #FFFFFF; /* el color de los textos por defecto */

}

body, table,h3,h4 {
			font-family: 'Yanone Kaffeesatz';
}
body {
	color: #FFF;
	background-color: #333;
	/* font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	margin: 0px;
	padding: 25px;
	font-family: 'Yanone Kaffeesatz'; 
	font-size: small;
	margin-left: 15px;

}

	li.LOCKED {
				font-weight: bold;
			}
			
a {
	color: #FF3300;
}
table {
	text-align: center;
	border-collapse:collapse;
}
tr {
	text-align: center;
}
h3 {
	font-size: 38px;
	text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
	color: #2E2E2E;
	padding: 10px;
	margin-bottom: 5px;
}
h4 {
	font-size:20px;
	text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
	color: #2E2E2E;
	padding: -5px;
	margin-bottom: 0px;
}
h5 {
	font-size:16px;
	text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
	color: #2E2E2E;
	padding: -5px;
	margin-bottom: 0px;
}

.post-it {
	background:#fefabc;
	padding:10px;
	font-family: 'Gloria Hallelujah', cursive;
	font-size:15px;
	color: #000;
	width:250px;
	-moz-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	transform: rotate(7deg);
	box-shadow: 0px 4px 6px #333;
	-moz-box-shadow: 0px 4px 6px #333;
	-webkit-box-shadow: 0px 4px 6px #333;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
	margin-left: 20px;

}
.td_despacho
{
	font-weight:normal;
	padding:7px;
	
	border-radius: 8px 15px 10px 30px;
	text-align: center;
	background-color: #444;
	
}
.td_plantilla
{
	font-weight:normal;
	padding:7px;
	border-radius: 8px 15px 10px 30px;
	text-align: center;
        color: #FFF;
	background-color: #555;
	font-family: 'Yanone Kaffeesatz';
}
.td_clubs
{
	font-weight:normal;
	padding:7px;
	
	border-radius: 8px 15px 10px 30px;
	text-align: center;
	background-color: #444;
	
}

.td_oferta_del_dia
{
	position: relative;
	width: 450 px; /* Definimos el ancho del objeto a centrar */
	margin: 0 auto;
	font-weight:normal;
	padding:10px;
	border-radius: 8px 15px 10px 30px;
	text-align: center;
	background-color: #B70089;
	margin: 0px;
	font-size: 10px;
	font-size:15px;
	color: #000;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
	box-shadow: 0px 4px 6px #333;
	-moz-box-shadow: 0px 4px 6px #333;
	-webkit-box-shadow: 0px 4px 6px #333;
}

.tdListado {
	background-color: #F7F7F7;
	border-radius: 8px;
	font-size: 9pt;
	font-family:"Century Gothic";
	font-weight: normal;
	height:10px;
	text-align: center;
	vertical-align: middle;
	color: #333;
}

.tdListado2 {
	background-color: #d7f1f3;
	border-radius: 8px;
	font-size: 9pt;
	font-family:"Century Gothic";
	font-weight: normal;
	height:10px;
	text-align: center;
	vertical-align: middle;
	color: #333;
}

.tdListado_descenso {
	background-color: #ea0606;
	border-radius: 8px;
	font-size: 9pt;
	font-family:"Century Gothic";
	font-weight: normal;
	height:10px;
	text-align: center;
	vertical-align: middle;
	color: #333;
}

.tdListado_promo {
	background-color: #ea9c06;
	border-radius: 8px;
	font-size: 9pt;
	font-family:"Century Gothic";
	font-weight: normal;
	height:10px;
	text-align: center;
	vertical-align: middle;
	color: #333;
}

.tdListado_win {
	background-color: #87d24a;
	border-radius: 8px;
	font-size: 9pt;
	font-family:"Century Gothic";
	font-weight: normal;
	height:10px;
	text-align: center;
	vertical-align: middle;
	color: #333;
}

.tdListado_comodin {
	background-color: #e4dd15;
	border-radius: 8px;
	font-size: 9pt;
	font-family:"Century Gothic";
	font-weight: normal;
	height:10px;
	text-align: center;
	vertical-align: middle;
	color: #333;
}


.marco1 {
   padding:4px 4px 20px 4px;
   border-radius: 8px;
   background-color: #ffffff;
   width: 453px;
   border: 1px solid #999999; 
}
.marco1 IMG{
   border: 1px solid #000000;
} 

.td_parte_de_lesionados
{
	position: relative;
	width: 450 px; /* Definimos el ancho del objeto a centrar */
	margin: 0 auto;
	font-weight:normal;
	padding:10px;
	border-radius: 8px 15px 10px 30px;
	text-align: center;
	background-color: #0fa9a7;
	margin: 0px;
	font-size: 10px;
	font-size:15px;
	color: #000;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
	box-shadow: 0px 4px 6px #333;
	-moz-box-shadow: 0px 4px 6px #333;
	-webkit-box-shadow: 0px 4px 6px #333;
}

.posGK > div, .posDF > div, .posMF > div, .posFW > div
{
  /* margin: 0px auto; */
  display: inline-block;
  width: 40px;
  height: 16px;
  line-height: 18px;
  font-size: 14px;
  background-color: rgb(127, 127, 127);
  border-top: 1px solid rgb(191, 191, 191);
  border-bottom: 1px solid rgb(63, 63, 63);
  color: #efefef;
  font-weight: bold;
  text-align: center;
}

.posGK > div { background-color: rgb(219, 161,  16); border-top-color: rgb(226, 179,  60); border-bottom-color: rgb(151, 111,  10); }
.posDF > div { background-color: rgb( 35, 105, 217); border-top-color: rgb( 76, 133, 224); border-bottom-color: rgb( 24,  72, 150); }
.posMF > div { background-color: rgb( 75, 159,  35); border-top-color: rgb(108, 177,  75); border-bottom-color: rgb( 51, 110,  23); }
.posFW > div { background-color: rgb(190,  38,  46); border-top-color: rgb(202,  78,  84); border-bottom-color: rgb(131,  25,  31); }