@charset "utf-8";

BODY {

	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #666666;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	text-align: center;
	background-color: #aabbcc;
	background-position: top left;
	background-repeat: repeat-x;
}

span {
	display:none;
}

/*############################################################################*/
/*########################## CONTENEDORES ####################################*/
/*############################################################################*/

#cabecera{
/*	background: transparent url(imagenes/fondos/fondoSuaveH.gif) repeat-x;   */
/*	background: transparent url(imagenes/fondos/fondoSuave.gif); */
 	background-color:#A0C0C0;
/*	height: 60px; */
    /*border-top: 2px solid #0000FF; */
	/*border-bottom: 1px solid #0000FF;*/
	/*border: red 3px dotted; */
    color: #ca0044;	
    font-weight: bold;
	overflow: auto; 
}

#cabecera{
/*	background: transparent url(imagenes/fondos/fondoSuaveH.gif) repeat-x;   */
/*	background: transparent url(imagenes/fondos/fondoSuave.gif); */
 	background-color:#A0C0C0;
/*	height: 60px; */
    /*border-top: 2px solid #0000FF; */
	/*border-bottom: 1px solid #0000FF;*/
	/*border: red 3px dotted; */
}


#publi {
	/*border-top: 1px solid #0000FF; */
	/*border-top: red 3px dotted; */
	border-top: #0000FF 1px dotted; 
	background: transparent url(imagenes/fondos/fondoSuaveH.jpg);  
}

#borde{ 
    /*border-left: 2px solid #0000FF; */
    /*border-right: 2px solid #0000FF; */ 	
	/*border-bottom: 2px solid #0000FF; */ 	
    text-align: left; 
    width: 98%;  /* Si cambiamos este ancho hay que igualarlo al de (1) */
    margin: auto; 
} 

#contenedorTotal{ 
    text-align: left; 
   /* width: 95%;   /* Si cambiamos este ancho hay que igualarlo al de (1) */
    /*background-color : #ffffff; */
    margin: auto; 
    /*height: 500px; */
} 

#pie{ 
    clear : both; 
    color : #C0C0C0;
    text-align : center; 
/*    margin : 10px 10px 0px 10px;  */
    padding-bottom:10px; 
	background-color:#CCFFFF;
} 

#izda{
    width: 49%;
    float:left;
/*    background-color: #DBF6AE; */
	background-image: url(imagenes/logo_2009_500.gif); 
	height:500px;
	background-position: top left;
	background-repeat:no-repeat;

	text-align:left;

/*    border-bottom : 1px solid #0000FF; */ 
/*    border-left : 1px solid #0000FF; */
}

#izda_simple{
    width: 49%;
    float:left;
/*    background-color: #DBF6AE; */
	background-position: top left;
	background-repeat:no-repeat;
	text-align:left;

/*    border-bottom : 1px solid #0000FF; */ 
/*    border-left : 1px solid #0000FF; */
}


#centrado{
    width: 90%;
/*    float:left; */
/*    background-color: #DBF6AE; */
	background-image: url(imagenes/fondoIniLiga.jpg); 
	height:1500px; 
	background-position: top left;
	background-repeat:no-repeat;

	text-align:left;

/*    border-bottom : 1px solid #0000FF; */ 
/*    border-left : 1px solid #0000FF; */
}


#dcha{
    width: 50%;
    float: right;
/*    background-color: #78929F;  /**/
	height:500px;
	text-align:right;
	text-indent:inherit;
	color:#990033;
/*    border-bottom : 1px solid #0000FF; */ 
/*    border-right : 1px solid #0000FF; */ 
}

#todo{
    width: 100%;    
/*    background-color: #28929F;  */
/*	height:6600px;     /* E.E. Cambiar esto en cuartos*/
	text-indent:inherit;
/*    border-bottom : 1px solid #0000FF; */ 
/*    border-right : 1px solid #0000FF; */ 
  font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  color:#333;
  letter-spacing:0px !important;
 /* background-color:#CBCCBC;  */
/*	background: transparent url(imagenes/fondos/fondoSuave.gif);   */
/*  font-size:100%; */
  /*letter-spacing:0.02em;*/
  padding:0px;
  margin:0px;

}

#SINPERMISO {
	background-color:#FF0000;
}

#centro {
	position:absolute;
	width:150px;
	height:150px;
	top:30%;
	left:40%;
	background-color:#000000;
	color:#CCCCCC;
	font-family:"Courier New", Courier, mono;
	font-size:16px;
	font-stretch:semi-condensed;
}

#abajo{ 
    clear : both;
    align : center; 
    text-align : center; 
/*    margin : 10px 10px 0px 10px;  */
    padding-bottom:10px; 
} 

#scroll {
     width:270px;
     height:350px;
     /*background-color:#F2F2F2;*/
     overflow:auto;
}	


#float_izda{
    float:left;
	text-align:left;
	color:#000099;
}

#float_izda_logado{
    float:left;
	text-align:left;
	color:#000099;
	border: red 3px dotted;
}

#float_izda_NOlogado{
    float:left;
	text-align:left;
	color:#000099;
	border: blue 3px dotted;
}


#float_dcha{
    float: right;
	text-align:right;
}

.registro a {
    width: 26px; 
    height: 16px; 
    background: transparent url(./imagenes/go.gif) no-repeat;;    
    display:block; 
}
.registro a:hover {
    background: transparent url(./imagenes/go2.gif) no-repeat;
}
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* #######################   INICIO utilizadas en <<CABECERA>> ######################  */
#cabecera h1 { 	
	margin : 0px 0px 0px 0px;
}
#cabecera h1 span {
	display:none;
}

.cab_peq {
	color:#F06086;
	font-family:Verdana;
	font-size:9px;
	text-decoration:none;
}

.cab_peq_inline {
	color:#F06056;
	font-family:Verdana;
	font-size:8px;
	text-decoration:none;
	display:inline;
}
/* #######################   FIN utilizadas en <<CABECERA>> ######################  */

/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* #######################   INICIO utilizadas en <<principal>> ######################  */
#navabajo{ 
    font-weight : bold; 
} 
A.nav_abajo, A.nav_abajo:VISITED, A.nav_abajo:ACTIVE, A.nav_abajo:FOCUS, A.nav_abajo:LINK{ 
    color: #3F7DE3; 
    text-decoration:none;
} 
A.nav_abajo:HOVER{ 
    color: #494EFB; 
    text-decoration:underline;
    /*background-color: #C0D9D9; /* #F5F4C3 */
} 

#principal p {
    text-align:justify;
}
/* #######################   FIN utilizadas en <<principal>> ######################  */
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* #######################   INICIO utilizadas en <<navegador>> ######################  */
#navegador {
    background-color: #234532;/* #A0C0C0; */
}
b.navegador {
    /*background-color: #DBF6AE;*/
	background-color:#CBCCBC;  
    color: #3A3A3A;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
a.navegador_adm {
    color: #F0DEDE;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}
a.navegador_adm:hover {
    font-family: Verdana;
    font-size: 10px;
    text-decoration: underline;
}
a.navegador_usu {
    color: #DEDE00;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}
a.navegador_usu:hover {
    font-family: Verdana;
    font-size: 10px;
    text-decoration: underline;
}
div.menu_movil{ 
	display:inline;
}
/* #######################   FIN utilizadas en <<navegador>> ######################  */
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* #######################   INI utilizadas en <<clasificacion>> ######################  */
div.clasificacion {
	background-color:#CBCCB0;
}

a.clasificacion {
    color:#00AAFF;
    font-family:Verdana;
    font-size:10px;
    text-decoration:none;
    font-weight: bold;
}

a.clasificacion:hover {
    font-family:Verdana;
    font-size:10px;
    text-decoration:underline;
}
/* #######################   FIN utilizadas en <<clasificacion>> ######################  */
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* #######################   INI utilizadas en <<clasificacion>> ######################  */
div.comentarios {
	background-color:#CBCCA0;
}

/* #######################   FIN utilizadas en <<clasificacion>> ######################  */
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/




/*####################(ini) PARTIDOS ################################*/
input.apuestasShow {
	font-size:0.9em;	
	width:13px;
	height:11px;
	color: #C0C0C0;
	background-color: #000000; 		
	text-align:right;	
	vertical-align:top;
}

input.apuestasEdit {
	font-size:0.9em;	
	width:13px;
	height:11px;
	color: #0f30FF; 
	background-color: #FFFFFF; 
	text-align:right;
	vertical-align:top;
}

input.apuestasEquipoEdit {
	font-size:0.9em;	
	width:20px;
	height:11px;
	color: #0f30FF; 
	background-color: #FFFFFF; 
	text-align:right;
	vertical-align:top;
}

input.apuestasFechaEdit {
	font-size:0.9em;	
	width:80px;
	height:11px;
	color: #0f30FF; 
	background-color: #FFFFFF; 
	text-align:right;
	vertical-align:top;
}


input.apuestasP_Show {
	font-size:0.8em;	
	width:13px;
	height:11px;
	color: #CC4040;
	background-color: #333333; 		
	text-align:right;	
	vertical-align:top;
}

input.apuestasP_Edit {
	font-size:0.8em;	
	width:13px;
	height:11px;
	color: #Af306F; 
	background-color: #dddddd; 
	text-align:right;
	vertical-align:top;
}



td.partidos {
	padding-right: 3px;
	padding-left: 3px;	
}

tr.grupo_A {
	background-color: #DDF3A1;
}
tr.grupo_B {
	background-color: #CDE4F3;
}
tr.grupo_C {
	background-color: #F4C5C4;
}
tr.grupo_D {
	background-color: #FBF6C7;
}
tr.grupo_E {
	background-color: #AFE391;
}
tr.grupo_F {
	background-color: #ADF4F3;
}
tr.grupo_G {
	background-color: #B4B5C4;
}
tr.grupo_H {
	background-color: #EACFD7;
}

tr.grupo_OC1, .grupo_OC2, .grupo_OC3, .grupo_OC4, .grupo_OC5, .grupo_OC6, .grupo_OC7, .grupo_OC8  {
	background-color: #909090;
}

tr.grupo_CU1, .grupo_CU2, .grupo_CU3, .grupo_CU4  {
	background-color: #B0B0B0;
}

tr.grupo_SE1, .grupo_SE2  {
	background-color: #D0D0D0;
}

tr.grupo_3ro {
	background-color: #FAaAaA;
}
tr.grupo_TE1 {
	background-color: #FAaAaA;
}

tr.grupo_FIN {
	background-color: #EaeAce;
}
tr.grupo_FI1 {
	background-color: #EaeAce;
}


p.penaltis {
	display: inline; 
	font-size:0.7em;
	color:#12006F;
}

table.clasificacion_grupo_A {
	background-color: #DDF3A1;
}
table.clasificacion_grupo_B {
	background-color: #CDE4F3;
}
table.clasificacion_grupo_C {
	background-color: #F4C5C4;
}
table.clasificacion_grupo_D {
	background-color: #FBF6C7;
}
table.clasificacion_grupo_E {
	background-color: #AFE391;
}
table.clasificacion_grupo_F {
	background-color: #ADF4F3;
}
table.clasificacion_grupo_G {
	background-color: #B4B5C4;
}
table.clasificacion_grupo_H {
	background-color: #EACFD7;
}

/*####################(end) PARTIDOS ################################*/




/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* ##################### TEXTO SOMBREADO SOMBREADO ###########################*/
#sombrea02{ 
   font-size: 19px; /* optional. just to increase the font size. */ 
   display: block; 
   line-height: 1em; 
   color: #666; /* shadow color */ 
   background-color: transparent; 
   white-space: nowrap; /* wrapping breaks the effect */ 
} 

#sombrea02:before, 
#sombrea02:after{ 
   display: block;
   content: "Gran porra"; /* El mismo texto que queramos mostrar sombreado */ 
} 

#sombrea02:before{ 
   margin-bottom: -1.05em; 
   margin-left: 0.1ex; 
   color: #ccc; /* shadow color */ 
   background-color: transparent;  
} 

#sombrea02:after{ 
   margin-top: -1.05em; 
   margin-left: -0.1ex; 
   color: #fff; /* text color */ 
   background-color: transparent; 
} 



#sombrea01{ 
   font-size: 19px; /* optional. just to increase the font size. */ 
   display: block; 
   line-height: 1em; 
   color: #666; /* shadow color */ 
   background-color: transparent; 
   white-space: nowrap; /* wrapping breaks the effect */ 
} 

#sombrea01:before, 
#sombrea01:after{ 
   display: block;
   content: "REGISTRATE PARA JUGAR"; /* El mismo texto que queramos mostrar sombreado */ 
} 

#sombrea01:before{ 
   margin-bottom: -1.05em; 
   margin-left: 0.1ex; 
   color: #ccc; /* shadow color */ 
   background-color: transparent;  
} 

#sombrea01:after{ 
   margin-top: -1.05em; 
   margin-left: -0.1ex; 
   color: #fff; /* text color */ 
   background-color: transparent; 
} 


/* end ##################### TEXTO SOMBREADO SOMBREADO ###########################*/
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/



A.interior, A.interior:ACTIVE, A.interior:FOCUS, A.interior:LINK, A.interior:VISITED {
	color: #663333;
	text-decoration:none;
	font-weight: bold;
}
A.interior:HOVER {
	color: #663333;
	text-decoration:underline;
	font-weight: bold;
}

a.elinks {
	color:#777777;
	font-family:Verdana;
	font-size:12px;
	text-decoration:none;
}

a.elinks:hover {
	color:#009191;
	font-family:Verdana;
	font-size:12px;
	text-decoration:none;
}

a.elinks1 {
    color:#0000FF;
    font-family:Verdana;
    font-size:9px;
    text-decoration:none;
    font-weight: bold;
}

a.elinks1:hover {
    font-family:Verdana;
    font-size:9px;
    text-decoration:underline;
}

a.elinks2 {
    color:#de0000;
    font-family:Verdana;
    font-size:12px;
    text-decoration:none;
    font-weight: 500; /* normal  bold 	bolder 	lighter 	100 200 300 400 500 600 700 800 900 */
}

a.elinks2:hover {
    text-decoration:underline;
}

a.elinks3 {
    color:#DEDEDE;
    font-family:Verdana;
    font-size:12px;
    text-decoration:none;
    font-weight: bold;	
}

a.elinks3:hover {
    font-family:Verdana;
    font-size:12px;
    text-decoration:underline;
}

a.elinks4 {
    color:#00AAFF;
    font-family:Verdana;
    font-size:9px;
    text-decoration:none;
    font-weight: bold;
}

a.elinks4:hover {
    font-family:Verdana;
    font-size:9px;
    text-decoration:underline;
}

ul.registro  {		
	list-style:none;
}




/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* #######################   INICIO utilizadas en <<LATERAL>> ######################  */

A.lateral  { 
    text-decoration : none ;
    font-weight : bold; 
    color: #AAAA00; /* #F5F4C3 */    
}

A.lateral:HOVER  { 
    color: #AAAA00; /* #F5F4C3 */    
    font-weight : bold; 
    text-decoration : underline ;
}

.titlat{
	color:#ffffff;
	font-size:8pt;
	ext-transform : uppercase;
	padding: 7px 3px 7px 8px;
	margin: 0px 0px 0px 0px;
	font-weight : normal;
	letter-spacing : 2px;
	background: #cacaca url(imagenes/titlat.jpg) no-repeat bottom right;	
}

.cuerpolateral{ 
  padding: 5px 4px 13px 10px; 
/*	background-color: #F0E68C;*/
	margin-bottom: 0px;
	background: transparent url(imagenes/fondo_titlat3.jpg) repeat;	
} 

#fbuscar form{ 
    margin-bottom : 0px; 
    margin-top : 0px; 
} 

#campotexto{ 
    float: left; 
} 

#campotexto input{ 
    width:100px; 
} 

#botonbuscar { 
    padding-top : 3px; 
    padding-left: 106px; 
} 

#botonbuscar input{ 
    border : 0px none; 
}

.radio{ 
    clear:both; 
} 

#otras ul{ 
    margin : 5px 10px 0px 0px; 
    padding: 0px 0px 0px 4px; 
    list-style: none; 
} 

#otras li{ 
    padding-left: 14px; 
    background: transparent url("imagenes/bullet.gif") 0 2px no-repeat; 
    margin-bottom: 10px; 
} 

p.jornadas {
color:#009191;
font-family:Verdana;
font-size:12px;
font-weight: bold;
}

a.jornadas {
color:#777777;
font-family:Verdana;
font-size:12px;
font-weight: bold;
}



a.ult_elinks {
color:#777777;
font-family:Verdana;
font-size:9px;
text-decoration:none;
}

a.ult_elinks:hover {
color:#009191;
font-family:Verdana;
font-size:9px;
text-decoration:none;
}

a.ult_elinks1 {
    color:#CC3333;
    font-family:Verdana;
    font-size:9px;
    text-decoration:none;
    font-weight: bold;
}

a.ult_elinks1:hover {
    font-family:Verdana;
    font-size:9px;
    text-decoration:underline;
/*    color:#009191; */
/*    background-color:#c0c0c0; */
/*    font-weight: bold; */
}

a.ult_elinks2 {
    color:#de0000;
    font-family:Verdana;
    font-size:9px;
    text-decoration:none;
    font-weight: 500; /* normal  bold 	bolder 	lighter 	100 200 300 400 500 600 700 800 900 */
}

a.ult_elinks2:hover {
    text-decoration:underline;
}

a.ult_elinks3 {
    color:#dede00;
    font-family:Verdana;
    font-size:10px;
    text-decoration:none;
    font-weight: bold;
}

a.ult_elinks3:hover {
    font-family:Verdana;
    font-size:10px;
    text-decoration:underline;
/*    color:#009191; */
/*    background-color:#c0c0c0; */
/*    font-weight: bold; */
}

.datos_int_gris {
	color:#666666;
	font-family:Verdana;
	font-size:11px;
	text-decoration:none;
}
/* #######################   FIN utilizadas en <<LATERAL>> ######################  */
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/



/*################### (ini) CARRERA CLASIF #################################*/
div.carrera_clasif {
	width:290px;
	background-color:#caeaa0;
	margin : 0px 0px 0px 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.carrera_clasif {		
	font : 6pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
/*	font-size: 6pt;*/
}

a.carrera_clasif  {
	color:#AA3377;
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration:none;
}

a.carrera_clasif:hover {
	color:#009191;
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
 	text-decoration:underline;
}

a.carrera_clasif_mini {
	color:#AA3377;
	font : 6pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration:none;
}

a.carrera_clasif_mini:hover {
	color:#009191;
	font : 6pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
 	text-decoration:underline;
}

td.carrera_clasif_1 {
	background: transparent url(imagenes/fondos/oro.gif) no-repeat;		
	color:#8833FF;
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-align:right;
	width:50px;	
}
td.carrera_clasif_2 {
	background: transparent url(imagenes/fondos/plata.gif) no-repeat;		
	color:#8833FF;
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-align:right;
	width:50px;	
}
td.carrera_clasif_3 {
	background: transparent url(imagenes/fondos/bronce.gif) no-repeat;		
	color:#8833FF;
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-align:right;
	width:50px;	
}
/*####################(end) CARRERA CLASIF ################################*/


/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* ##################### INICIO  utilizadas en <<OTROLADO>> ###########################*/

a.otrolado {
    color: #3333cc;
    text-decoration: none;
} 
a.otrolado:HOVER{
    text-decoration: underline;
}
/* #######################   FIN utilizadas en <<OTROLADO>> ######################  */
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

/* ############### boton menu ##############*/
.enlacebotonMenu {
	display: inline-block;
	text-decoration: none;
   font-family: verdana, arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   padding: 4px; 
   background-color: #f0e8c0;
   color: #666666;
   text-decoration: none;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;   
}
.enlacebotonMenu:link,
.enlacebotonMenu:visited {
   border-top: 1px solid #cccccc;
   border-bottom: 2px solid #666666;
   border-left: 1px solid #cccccc;
   border-right: 2px solid #666666;
}
.enlacebotonMenu:hover {
    border-bottom: 1px solid #cccccc;
   border-top: 2px solid #666666;
   border-right: 1px solid #cccccc;
   border-left: 2px solid #666666;
} 


/* ############### boton registrate 02 ##############*/
.enlacebotonRegistrate02 {
	display: inline-block;
	text-decoration: none;
   font-family: verdana, arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   padding: 4px; 
   background-color: #666666;
   color: #f0e8c0;
   text-decoration: none;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;   
}
.enlacebotonRegistrate02:link,
.enlacebotonRegistrate02:visited {
   border-top: 1px solid #cccccc;
   border-bottom: 2px solid #666666;
   border-left: 1px solid #cccccc;
   border-right: 2px solid #666666;
}
.enlacebotonRegistrate02:hover {
    border-bottom: 1px solid #cccccc;
   border-top: 2px solid #666666;
   border-right: 1px solid #cccccc;
   border-left: 2px solid #666666;
} 


/* ############### boton menu ##############*/
.enlacebotonRegistrate01 {
	display: inline-block;
	text-decoration: none;
   font-family: verdana, arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   padding: 4px; 
   background-color: #FF6666;
   color: #f0e8c0;
   text-decoration: none;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;   
}
.enlacebotonRegistrate01:link,
.enlacebotonRegistrate01:visited {
   border-top: 1px solid #cccccc;
   border-bottom: 2px solid #666666;
   border-left: 1px solid #cccccc;
   border-right: 2px solid #666666;
}
.enlacebotonRegistrate01:hover {
    border-bottom: 1px solid #cccccc;
   border-top: 2px solid #666666;
   border-right: 1px solid #cccccc;
   border-left: 2px solid #666666;
} 


/* ############### boton grande ##############*/
.enlacebotonGrande {
	display: inline-block;
	text-decoration: none;
   font-family: verdana, arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   padding: 4px; 
   background-color: #fafada;
   color: #666666;
   text-decoration: none;
   
 	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;   
  
}
.enlacebotonGrande:link,
.enlacebotonGrande:visited {
   border-top: 1px solid #cccccc;
   border-bottom: 2px solid #666666;
   border-left: 1px solid #cccccc;
   border-right: 2px solid #666666;
}
.enlacebotonGrande:hover {
    border-bottom: 1px solid #cccccc;
   border-top: 2px solid #666666;
   border-right: 1px solid #cccccc;
   border-left: 2px solid #666666;
} 

.line-container {
  width: 60px;
  /* height: 20px; */
}

.single-line {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.line-corta {
  width: 8px;
  /* height: 20px; */
}

.line-media {
  width: 15px;
  /* height: 20px; */
}

.line-normal {
  width: 50px;
  /* height: 20px; */
}

.line-larga {
  width: 70px;
  /* height: 20px; */
}

.line-muylarga {
  width: 120px;
  /* height: 20px; */
}

.tarjeta{
     display:flex;
     flex-direction:column;
     justify-content:space-between;
     /*width:420px;*/
     border: 1px solid lightgray;
     box-shadow: 2px 2px 4px 4px #d3d3d3d1;
     border-radius:15px;
     font-family: sans-serif;
}

.tituloTarjeta{
     font-size: 12px;
     padding: 2px 2px 2px 2px;
	 font-family: sans-serif;
	 font-weight: bold;
	 
}

.cuerpoTarjeta{
     padding: 5px;
    }

.pieTarjeta{
     background: #6699ff;
     border-radius:3 3 15px 15px;
     padding: 5px;
     text-align:center;
}

.pieTarjeta a{
     text-decoration: none;
     color: white;
    }

.pieTarjeta a:after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     content: ""
   }


/*================== ESCUDOS ==================*/
#bandera {
	background-position: center left;	
	background-repeat:no-repeat;		
	text-indent:20px;
	height:15px;
}

/* ---- BANDERAS ---------------- */
div.Xale {	background-image: url('../images/banderas/ale.gif');	}
div.Xara {	background-image: url('../images/banderas/ara.gif');	}
div.Xarg {	background-image: url('../images/banderas/arg.gif');	}
div.Xaus {	background-image: url('../images/banderas/aus.gif');	}
div.Xbel {	background-image: url('../images/banderas/bel.gif');	}
div.Xbra {	background-image: url('../images/banderas/bra.gif');	}
div.Xcol {	background-image: url('../images/banderas/col.gif');	}
div.Xcor {	background-image: url('../images/banderas/cor.gif');	}
div.Xcos {	background-image: url('../images/banderas/cos.gif');	}
div.Xcro {	background-image: url('../images/banderas/cro.gif');	}
div.Xdin {	background-image: url('../images/banderas/din.gif');	}
div.Xegi {	background-image: url('../images/banderas/egi.gif');	}
div.Xesp {	background-image: url('../images/banderas/esp.gif');	}
div.Xfra {	background-image: url('../images/banderas/fra.gif');	}
div.Xing {	background-image: url('../images/banderas/ing.gif');	}
div.Xira {	background-image: url('../images/banderas/ira.gif');	}
div.Xisl {	background-image: url('../images/banderas/isl.gif');	}
div.Xjap {	background-image: url('../images/banderas/jap.gif');	}
div.Xmar {	background-image: url('../images/banderas/mar.gif');	}
div.Xmex {	background-image: url('../images/banderas/mex.gif');	}
div.Xnig {	background-image: url('../images/banderas/nig.gif');	}
div.Xpan {	background-image: url('../images/banderas/pan.gif');	}
div.Xper {	background-image: url('../images/banderas/per.gif');	}
div.Xpol {	background-image: url('../images/banderas/pol.gif');	}
div.Xrus {	background-image: url('../images/banderas/rus.gif');	}
div.Xsen {	background-image: url('../images/banderas/sen.gif');	}
div.Xser {	background-image: url('../images/banderas/ser.gif');	}
div.Xsui {	background-image: url('../images/banderas/sui.gif');	}
div.Xswe {	background-image: url('../images/banderas/swe.gif');	}
div.Xtun {	background-image: url('../images/banderas/tun.gif');	}
div.Xuru {	background-image: url('../images/banderas/uru.gif');	}
div.Xpor {	background-image: url('../images/banderas/por.gif');	}
div.Xcat {	background-image: url('../images/banderas/cat.gif');	}
div.Xecu {	background-image: url('../images/banderas/ecu.gif');	}
div.Xned {	background-image: url('../images/banderas/ned.gif');	}
div.Xusa {	background-image: url('../images/banderas/usa.gif');	}
div.Xgal {	background-image: url('../images/banderas/gal.gif');	}
div.Xtun {	background-image: url('../images/banderas/tun.gif');	}
div.Xcan {	background-image: url('../images/banderas/can.gif');	}
div.Xcam {	background-image: url('../images/banderas/cam.gif');	}
div.Xgha {	background-image: url('../images/banderas/gha.gif');	}