/*
 * CSS Gamecast HTML
 * $Revision: 1979 $
 * $Date: 2014-03-11 15:40:41 -0300 (mar, 11 mar 2014) $ 
 */
@import "mixins.less";
@import "configuration.less";

/*------------------------------*/
/*-------ESTILOS GENERICOS------*/
/*------------------------------*/

/*----04 Separador sub sub cabecera----*/
// .G_subheader{
// 	height:25px;
// 	text-transform:uppercase;
// 	text-align:center;
// 	font-size:12px;
// 	line-height:25px;
// 	background-color: @color02;
// 	color: @color02_type;
// 	clear:both;
// 	/*margin-bottom: 5px;*/
//         font-family:@baseFontFamily;
// 	/*----#gradient .vertical-three-colors(@bg, @bg, 40%, darken(@bg,20%));----*/
// }
/*----09 Barras comparativas----*/
// .G_barras(@color){
// 	background-image:url(../img/barra.png);
// 	background-position:top center;
// 	background-repeat:repeat-x;
// 	background-color:@color;
// }
// .G_barrasComparativas{
// 	height:14px;
// 	border-width:1px;
// 	position:relative;
// 	.barraVis,.barraLoc{
// 		position:absolute;
// 		top:0;
// 		height:100%;
// 	}
// 	.barraLoc{
// 		left:0;
// 		.G_barras(#333);
// 	}
// 	.barraVis{
// 		right:0;
// 		.G_barras(#CCC);
// 	}
// }
/*----10 Ranking----*/
.itemsRanking{
	font-family:@baseFontFamily;
	margin-left: 0;
	
	div.local, div.visitante {
	}
	span.titulo {
		line-height:20px;
		float:left;
		font-size: 15px;
		text-transform: uppercase;
        color: @color01_type;
	}
	.G_ranking{
		float: left;
		width: 100%;
		height: 45px;
		.player.titulo{
			text-transform: uppercase;
		}
		.num{
			color: @bg_dest_type;
			font-size: 20px;
			font-family:@type_Special;
			width: 15%;
			margin-left: 5%;
			text-align: left;
		}
	}
	.G_barrasRanking{
		height:14px;
		border-width:1px;
		position:relative;
		float: left;
		width:80%;
		#gradient .vertical(darken(@bg,10%),@bg);
		.box-shadow-inset(0, 1px, 4px, 1px, darken(@bg,20%));
		.barraIn{
			position:absolute;
			top:0;
			height:100%;
		}
	}
	.local .G_barrasRanking .barraIn{
		left:0;
		.G_barras(#333);
	}
	.visitante .G_barrasRanking .barraIn{
		left:0;
		.G_barras(#CCC);
	}
	.top {
		span.titulo {
			font-size: 20px;
		}
		.G_barrasRanking{
			height:20px;
		}
		span.titulo {
			line-height:30px;
		}
		&.G_ranking{
			height: 60px
		}
		.num{
			font-size: 35px;
		}
	}
}

/*----09 Titulo----*/
.GC_titulo {
	width: 100%;
	height:30px;
	#gradient .vertical-three-colors(@bg, @bg, 20%, darken(@bg,20%));
	text-transform:uppercase;
	font:18px @type_Special;
	line-height:30px;
	text-align:center;
	display:block;
        color:@bg_type;
}
/*----Cargando-----*/
#loaderRefresh {
     position:relative;
    .loaderRefresh {
        background:url('../img/ajax-loader2.gif') no-repeat center center transparent;
        height:5px;
        width:30px;
        margin:3px;
        right:0;
        position:absolute;		
        top:16px;
    }
 }



#loaderPrincipal {
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:9999;
    background: rgba(0,0,0,0.9);
    height:100%;

    .loaderPrincipal{
        background:url('../img/loadinfo.gif') no-repeat center center transparent;   
        width:100%;
        height:24px;
        margin:auto;
        position:absolute;
        top:250px;

    }

 }
.ie8 #loaderPrincipal {

     background-repeat: repeat;
     background-position: center  center;
   	 -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#ee000000, endColorstr=#ee000000)';
  }

/*----Mesaje error-----*/
.mensaje{
	border-width:1px;
	margin:50px auto;
	width:300px;
	.box-shadow(0px 0px 5px 0px darken(@bg,25%));
	display:none;
	
	.status{
		text-align:center;
		margin-top:-15px;
		span{
			background-color:@color01;
			color:@color01_type;
			font-size:30px;
			font-weight:bold;
			margin:-10px auto 0;
			padding:0 4px;
			text-transform:uppercase;
		}
		
	}
	.statusText{
		padding:10px 20px;
		font-size:13px;
		text-align:center;
		span{
			line-height:20px;
		}
	}
}
.templates{display:none;}

// *{
// 	border-style: solid;
// 	border-color: darken(@bg, 10%);
// 	border-width:0;
// }
html{ overflow-y:scroll !important; }
body{
	background-color:@bg;
	color: @bg_type;
	font-family: @baseFontFamily;
	line-height:@baseLineHeight;
	font-size:@baseFontSize;
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}
body[class*="span"]{
	float:none;
	margin:0;
}
// .copaconfederaciones{
// 	.header {
// 			height: 60px;
// 			background: url("../img/head_gr.png") no-repeat scroll center left @color01;
// 	        span{
// 	        	padding-left:7px;
// 	        	height: 60px;
// 	        	width: 100%;
// 	        	line-height: 18px;
// 	        	text-indent: 0px;
	        	
// 	        	span{
// 	        		background-color:@color01_type; 
// 	        		color:  @color01;
// 	        		padding-right:10px;
// 	        	}

// 	        }


// 	}

// }

.infoHorarios {
	color: lighten(@color01_type,60%);
	float: right;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	margin-left: -13px;
	text-align: right;
	text-transform: uppercase;
	position: relative;
	&.show{
		display: block;
	}

}
// .header {
// 	background-color: @color01;
// 	font: 14px @baseFontFamily;
// 	font-weight: bold;
// 	text-align: left;
// 	height:auto;
// 	line-height:30px;
// 	text-transform: uppercase;
// 	overflow:visible;
// 	text-indent:0px;
// 	border-bottom:1px solid lighten(@bg,15%);
// 	color:@color01_type ;
//         span{
//         	padding:7px;
//         	line-height: 20px;
//         }

// }
#publish {
	text-transform: uppercase;
	font-family: @baseFontFamily;
	.headerP{
		background: url("../img/logoDF.png") no-repeat transparent left  center;
		height: 125px;

		}
	#textarea{
		width: 97%;
		height: 150px;
	}
	.text{
		height: 40px;
		line-height: 40px;
		font-weight: bold;

	}
	h4{
		color: lighten(@color01_h,80%);
	}
	h3,h5{
		color: @color02;
		text-transform: uppercase;
	}
	.option{
		height: 40px;
		#gradient .vertical-three-colors( darken(@bg,15%) , @bg, 50%, darken(@bg,15%));
		color: #000;
		line-height: 40px;
		label{
		
			font-weight: bold;
			font-size: 11px;

		}
	}

		
}
// .info_fecha {
//         font-family:@baseFontFamily;
// 	height:40px;
// 	overflow:hidden;
// 	line-height:20px;
// 	#gradient .vertical-three-colors( darken(@bg,15%) , @bg, 50%, @bg);
// 	.level {
// 		color: @color01_type;
// 		display:inline;
// 		margin-left:10px;
//                 font-size:11px;
// 		border-bottom:1px dotted @bg_type;
// 	}
	
// 	.fecha {
// 		color: @color02_h;
// 		font-weight: bold;
// 		text-transform: uppercase;
// 		margin-left:10px;
// 		line-height:19px;
// 		span{
// 			/*border-bottom:1px solid @bg_dest_type;*/
// 			display:inline-block;
// 		}
// 	}
// }	
	
// .marcador {
//         font-family:@baseFontFamily;
// 	#gradient .vertical(mix(@color01,@bg,15%),@bg);
// 	/*margin-bottom:2px;*/
	
// 	div.local, div.visitante {
// 		background:url(../img/degradeV_25-0.png) repeat-x top left;
// 		width:50%;
// 		padding:0;
// 		float:left;
// 		height:45px;
// 		line-height:45px;
// 		overflow:hidden;
// 	}
	
// 	div.nombre {
// 		line-height:45px;
// 		float:left;
// 		font-size: 15px;
// 		font-weight: bold;
// 		text-transform: uppercase;
//                 color: @color01_type;

// 	}
// 	div.visitante div.nombre{
// 		float:right;
// 		text-align:right;
// 		width:auto;

// 	}
// 	div.score {
// 		font-weight: bold;
// 		padding:0 10px;
		
// 		.goles{
// 			color: @bg_dest_type;
// 			font-size: 34px;
// 			font-family:@type_Special;
// 			float:right;
// 		}
// 	}
// 	div.local .score{border-right: 1px solid lighten(@bg,15%);}
// 	div.visitante div.score{
// 		float:left;
// 		border-left-width: 1px;
// 	}
// 	div.escudo {
// 		width:34px;
// 		height:100%;
// 		float:left;
// 		background-repeat:no-repeat;
// 		background-position:center center;
// 	}
// 	div.visitante div.escudo{float:right;}
	
// 	.penales{
// 		background-color:@bg_type;
// 		color:@bg;
// 		display:block;
// 		height:18px;
// 		width:18px;
// 		line-height:18px;
// 		font-size:11px;
// 		text-align:center;
// 		float:left;
// 		.border-radius(50%);
// 		margin:10px 6px 0;
// 		position:relative;
// 		display:none;
// 	}
// 	.penales:after{
// 		content:"";
// 		top:0;
// 		left:1px;
// 		position:absolute;
// 		height:3px;
// 		width:16px;
// 		.border-radius(50%);
// 		.box-shadow(0px 22px 2px 0px darken(@bg,20%));
// 	}
// 	div.visitante .penales{
// 		float:right;
// 	}
// }
.ie8 #fixture{
	.cont_grupo{
		margin-left: 0.5%;
	}
}

// .navbar-inner .brand{
//     color: @color01_type;
//       font-size: 17px;
//   	text-transform: uppercase;
//   	font-weight: bold;
//   	line-height: 37px;
//   	text-decoration: none;
//   	cursor: default;
//     display: none !important;
// }

// .ie8 #navbar, .ie9 #navbar {
// 	.btn.btn-navbar{display: none;}

// .nav-collapse.collapse {
//   height: auto;
//   overflow: visible;
// }

// .collapse.in {
//   height: auto;
// }
// 	.nav-collapse.in.collapse{
// 		height: auto;
// 		display:block;
// 	}

// }

#posiciones{
	&.clasificacion{

		table{
			tbody{

				tr{
					&.linea{
						.team{
							width: 30%;
						}
						.escudo{
							width: 10%;
						}
					}
					&.grupo{
						text-transform: uppercase;


					}
					th{
						text-align: center;
						line-height: 14px;
						#gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%,lighten(@color01_h,90%));
					}	
				}
			}
		}

	}
}

.ie8 {
	&.contenido{
		&.calendario{
			#fixture{

				.row-fluid{
					.span6{
						&.fechas{
							&.custom{
								margin-left: 1%;
									}
								}
							}
						}
					}

			}

		}
	}
.ie8, .ie9 {
	#fixture.contenido.calendario {
		.fechas{ 
			.partido {
				.visitante, .local,.table tr td{
											#gradient .vertical(@color01_h_type,lighten(@color01_h,85%));
											}
			
					}

				}
		
	}
	#posiciones{
		.table tr.grupo th{
			#gradient .vertical(@color01_h_type,lighten(@color01_h,85%));
		}

	}
}



#ficha, #mam{

	.fechas.show{
    	margin-left: 0px;
	}
}

#fixture, #ficha, #mam{
	&.contenido{
		&.calendario{
			.row-fluid{
				&.fecha{
					border-top: 6px solid @color01_type;
					border-bottom:6px solid lighten(@color01_h,80%);
                    min-height: 100px;
				}
				.hora{
					height: 30px;
					line-height: 30px;
					text-align:left;
					span{padding-left:10px; display:block;}
				}
			}
			.row-fluid [class*="visitante"]{
				margin-left: 0px;
				height: 40px;
			}
		
			.calendario{
				line-height: 20px;
				text-align: center;
				width: 257px;
				margin-bottom: -3px;
				box-shadow: 1px 1px 4px lighten(@color01_h,70%);
				margin:auto;
				margin-top: 2px;
				margin-bottom: 2px;
				input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly]{
					cursor: pointer;
				}
				.prevDay, .nextDay{
					text-decoration: none;
					color: @color01_h;					 	

				}
				.nextDay{
					span{
					background: url("../img/arrow_calendar.png") no-repeat scroll 3px 2px transparent;}
						
				}
				.prevDay{
					
					margin-right: -2px;
					span{
						background: url("../img/arrow_calendar.png") no-repeat scroll 10px -18px transparent;
						margin-left: -23px;
						
						
					}
				}

				input{
					margin-bottom: 0;
					border: none;
					box-shadow: none;
					border-radius: 0px;
					height:24px;
					text-align: center;
					background-color: @color01_h_type;
					text-align: center;
					font-size: @baseFontSize;
					font-family:@type_Special;
					margin-top: 0px;
					padding: 0px;
					color:@bg_type;
				

				}
				span{
					
					height: 24px;
					width: 22px;
					line-height: 24px;
					position: absolute;
				}

				
			}
			.fechas{
				.partido{
					.visitante, .local{
						#gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%,lighten(@color01_h,90%));
						text-align: left;
						height: 38px;
						line-height: 42px;
						.span12{
							height: 38px;
							line-height: 42px;
						}
					}
				
					table{
						&.table-container{
							width:100%;
							overflow-y:auto;
							_overflow:auto;
							margin: 0 0 1em; 
						}
						tr{
							#gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%,lighten(@color01_h,90%));
						
						&.resultados{
							font-size: 20px;
							color:@color01;
							.total{
								color:#000;
								}
							
							}
						&.title{
							font-size: 10px;
							color: #000;
							border:1px solid lighten(@color01_h,80%);
							background-color:lighten(@color01_h,80%);
							.total{
								color:@color01;
								text-transform: uppercase;
								background-color: @color01_type;
								}
							}
						}
					}
					
			}
				.fecha{
					.span4{
						&.custom{
							width: 30%;
							float: left;
							}
						}
					.span8{
						&.custom{
							width: 70%;
							float: left;
							margin-left: 0px;
							margin-bottom: 0px;
							overflow: hidden;

							}
						}
					}	
				}
		}

	}

	.show{
		display: block;
	}
	.cont_grupo, .fechas,.fase.row-fluid{
			

			display:none;
			&.show{
				display: block;
			}

		}

	.btn{
		border-radius:0px;
		border-color:@color01;
		background-image:none;
		background-color:  @color01;
		height: 38px;
		line-height: 38px;
		color: @color01_type;
		font-family: @baseFontFamily;
		text-shadow:none;
		padding:0px;
		width: 100%;
		&:focus, &:hover{
			background-color: lighten(@color01, 5%);
		}
	}


}
#posiciones, #goleadores, #plantel{
	&.container-fluid{
		padding-right: 0px;
		padding-left: 0px;

	}
}
#mainHeader .gc-header.span12{
	width: 60%;
	float: left;
}


// #mainHeader {
// 	.navbar{
// 		&.torneos{
// 			.navbar{
// 				.nav{

// 					li{	
// 						a{
// 							padding: 1px 15px;
// 						}
// 						.dropdown-toggle{
// 							.caret{
// 								margin-top: 7px;
// 							}
// 						}
// 						.dropdown-menu:after{
// 							border-bottom-color: #e6e6e6;	
// 						}
// 						&.dropdown{
// 							&.open, &.active, &.open.active {
// 								.dropdown-toggle{
// 									background-color: transparent;
// 									color:@color01_h_type;
// 								}
							
// 							}
// 						}
// 					}
// 					.dropdown-menu{
// 						width: auto;
// 						background-color:#e6e6e6;
// 						border-radius: 0px;
// 						li{
// 							a{
// 								font-weight: bold;
// 								&:hover, &:focus{
// 									background: @color01_type;
// 									color:@color01_h_type;
// 								}
// 							}
// 						}
// 					}
// 				}

// 			}

// 		}
// 	}
// 	.navbar.header{
// 		height: 24px;
// 		margin-bottom: 0px;


// 	.navbar-inner {
// 		font-family: @baseFontFamily;
// 		font-size: 12px;
// 		text-transform: uppercase;
// 		font-weight: bold;
// 		padding-left: 0px;
// 		height: 24px;
// 		text-indent: 0px;
// 		.dropdown-menu{
// 			li{
// 				a{
// 					color:@color01_type;
// 				}
// 			}
// 		}
		
		
// 		#gradient .vertical-three-colors(darken(@bg,20%), @color01, 20%, @color01);
		
// 		.nav,.divider-vertical, li{

// 			line-height: 12px;
// 			margin: 0px;
// 			border-right: 0px;
// 			height: 24px;
// 		}

// 		a{
// 			color: @color02_h_type;
// 			padding: 6px 5px;
// 		}
// 		.active{ 

// 			a {
// 				#gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
// 				color: @color01_type;
// 				&:hover,&:focus{color: @color02;}
// 			}
			
// 			}

// 		}
// 	}
// }
#fixture, #posiciones, #modulo-coordenadas{

	.nav_niveles .nav-collapse{
		.navegador_fases, .navegador_opciones {
			li a{
				color: @color02;
			}
			&.nav {
				position: relative;

				
				.btn_nivel{
					position: relative;
					height: auto;
				}	

				.subnav_grupos, .subnav_opciones{
					position: relative;
					height: auto;
					li{
						display: inline;
						float: left;
					}
				}
				
			
			}
		}
	}
	

	.btn{
		border-radius:0px;
		border-color:@color01;
		background-image:none;
		background-color:  @color01;
		height: 38px;
		line-height: 38px;
		color: @color01_type;
		font-family: @baseFontFamily;
		text-shadow:none;
		padding:0px;
		width: 100%;
		&:focus, &:hover{
			background-color: lighten(@color01, 5%);
		}
	}

	.navbar-inner.nav_niveles{
		
		#gradient .vertical-three-colors(darken(@bg,10%), @bg,70%, darken(@bg,20%));
		.navegador_fases, .fase_hija, .navegador_opciones{
			.btn_nivel{
				height: 23px;
				line-height: 12px;
				text-transform: uppercase;

				&.activo{
					font-weight:bold;
					text-transform:uppercase;
					background-image: url(../bootstrap/img/navBar_brillo.png);
					background-color:@color02;
					background-repeat:no-repeat;
					background-position:center 0px;
					color: @color02_type;
			
				}
				a{
					color: @color02;
				}

			}
			.subnav{
				
				.fecha {
					&.activo{
						a{color:@color02_type;}	
					}

					a {color: @color02;}

				}

			}

		}
			.fase_hija{

				color: @color01_type;
				background:@color02; 
				.btn_nivel{ 
					a{
						color:@color02;
					}
					a:hover {
						background: @color01_type;
						color:@color02;
					}
					a.activo{
						background: @color01_type;
						color:@color02;
					}


			}
		}
	}
	.subnav_grupos, .subnav_fases, .subnav_fechas, .subnav_opciones{


		.fecha, .ant, .prox{
			
				text-transform: uppercase;
				font-size: 10px;

		}
        .fecha.activo{
            color:@color02_type;
            background:@color02;
            a{color:@color02_type;}
            
            }
		.ant, .prox, .fecha{
			a{
				cursor: pointer;
				color:@color02;
				:hover{
                    cursor:pointer;
					color:@color02_type;
				}
			}
		}

	}
	.subnav_grupos, .subnav_opciones{
		float: left;
		width: 100%;
	}
	.subnav, .nav_niveles{
		table{
		width: 100%;
		text-align: center;
	}
	}
	.fase_hija{
		float: left;
		width: 100%;
		background: #e6e6e6;
	
		a:hover{
			background-color: #eee;
		}
	}

}
#fixture, #posiciones, #modulo-coordenadas{
   
    .navGrupo {
        height:20px;
        margin-bottom: 0px;
        margin-left: 0px;
        li{
            list-style:none;
            font-weight: bold;
            text-transform: uppercase;
            float:left;
            line-height: 12px;
            color:#000;
            width: 50%;
            text-align: center;
            line-height: 20px;
            cursor:pointer;
            &.active{
                    background-color: #000000;
                    background-image: url("../bootstrap/img/navBar_brillo.png");
                    background-position: center 0;
                    background-repeat: no-repeat;
                    float: left;
                    font-weight: bold;
                    line-height: 25px;
                    text-transform: uppercase;
                    color: #fff;
                    list-style: none;
                }
            }

    }
	.navbar{
		margin-bottom: 0px;
	}

	// .btn{
	// 	border-radius:0px;
	// 	border-color:@color01;
	// 	background-image:none;
	// 	background-color:  @color01;
	// 	height: 38px;
	// 	line-height: 38px;
	// 	color: @color01_type;
	// 	font-family: @baseFontFamily;
	// 	text-shadow:none;
	// 	padding:0px;
	// 	width: 100%;
	// 	&:focus, &:hover{
	// 		background-color: lighten(@color01, 5%);
	// 	}
	// }
	// .nav_niveles{

	// 	color: @color02;
	// 	.navegador_fases, .fase_hija, .navegador_opciones{
	// 		.btn_nivel{
				
	// 			line-height: 12px;
	// 			text-transform: uppercase;
				
	// 			a {

	// 				text-decoration: none;
	// 				color: @color01_type;
	// 			}
	// 			a:hover{
	// 					color:@color01_type;
	// 			}
	// 			&.activo{
	// 				font-weight:bold;
	// 				text-transform:uppercase;
	// 				background-image: url(../bootstrap/img/navBar_brillo.png);
	// 				background-color:@color02;
	// 				background-repeat:no-repeat;
	// 				background-position:center 0px;
	// 				a{
						
	// 					color: @color02_type;
						
	// 				}
	// 				a:hover{
	// 						color:@color01_h_type;
	// 						background-color: transparent;
						
	// 				}
					

	// 				.fecha{
	// 					&.activo a{
	// 						color: @color02_type;
	// 						background-color:@color02;
	// 						&:hover{
	// 							background-color: @color02;
	// 						}
							
	// 					}
	// 					a{
	// 						color: @color02;
	// 						cursor: pointer;
	// 						&:hover{
	// 							background-color: lighten(@color01_type,87%);
	// 						}
	// 					}

	// 				}
	// 			}
	// 			.subnav_grupos, .subnav_opciones{
	// 				.fecha {
	// 					a {
	// 						color: @color01_type;
	// 						margin:4px;
	// 						padding:2px 8px;
	// 					}
						
	// 					&.activo a{
	// 						color: @color02_type;
	// 					}
	// 				}
	// 			}
	// 			.fase_hija{
	// 				.btn_nivel{
	// 					a{color: @color02;}
						
	// 					&.activo{
	// 						a{
	// 						color: @color02_type;}
	// 						.subnav_grupos, .subnav_opciones{
	// 							.fecha{
	// 								a{color:@color02;}
	// 								&.activo a{color:@color02_type;}
	// 								&.activo a:hover{color:@color01_type;}
	// 							}
							
	// 						}
	// 					}

	// 				}
	// 			}
	// 			.ant, .prox{
	// 				a{
	// 					cursor: pointer;
	// 					color:@color02;
	// 					&:hover{
	// 						color:@color02_type;
	// 					}
	// 				}
	// 			}

	// 		}

	// 	}
	// }
	// .subnav_grupos, .subnav_fases, .subnav_fechas, .subnav_opciones{
	// 	background-color: darken(@bg,10%);
	// 	margin: 0px;

	// 	.fecha, .ant, .prox{

	// 			text-transform: uppercase;
	// 			font-size: 10px;
	// 			float: left;
			
	// 	}

	// }


}

#ficha, #mam{
	&.contenido.calendario{
        .separacion{
        	height: 2px;
        }
        .subHeader{
            text-align:left;
            text-indent:5px;

            }
        
		.escudo{
			width: 73px;
			float:left;
			img{
				float: left;
			}
		}
		.span2{
			img{
				float: left;
			}
		}
		.linea{
			img{
				float:left;
			}
			border-bottom: 1px solid #ccc;
            margin-top:5px;
            height:auto;
		}
		.team{
			text-transform: uppercase;
			font-weight: bold;
		}
		.ini{
			text-transform: uppercase;
			margin-left:41px;
			height: 40px;
			line-height: 40px;
		}
		.name{
			height: auto;
			margin:9px;
			font-weight: normal;
			font-size: 12px;
            margin-left:71px;
			span{
				font-weight: bold;
			}
		}
		.nameR{
			font-family:@type_Special ;
			font-size:@baseFontSize ;
			color:@color01;
			text-transform: bold;
			height: 40px;
		
		}
		.title{

			font-size: 14px;
			text-transform: uppercase;
			color: @color01_type;
			font-weight: normal;
			line-height: 27px;
			
		}
		.detalles{
				float: left;
				width: 100%;
				line-height: 36px;
				div {
					float: left;
				}
			}
		.fechas{
			
			.partido{

				.span12{
					margin-left:0px;
					line-height: 28px;
				}
				
				.equipo.tabla{
					float: left;
					width: 70px;
						.local, .visitante{
						line-height: 57px;
						height:58px;
						background:none;
						text-align:center;
						width: 58px;
						margin: 5px;
						background-color: white; 
						border: 1px solid black;
						border-radius: 12px 12px 12px 12px;
					}
				}
				
				table{
					width: 94%;
					tr{
						font-family: @type_Special;
						font-size: @baseFontSize;
						td{
							width: 5%;
						}
						
						&.team{
						text-transform: uppercase;
						font-family: @type_Special;
						font-size: @baseFontSize;
						}
						&.resultados{
							background: none;
							border:none;
						}
						&.title{
							font-family: @baseFontFamily;
							font-size: 10px;
							#gradient .vertical(@bg, darken(@bg,10%));
						}
						&.total{
							width: 30%;
						}
					}
				}
			}
		}
		
		img{
			&.escudo_ch{
				border-radius: 6px 6px 6px 6px;
				padding: 6px;
			}
			-webkit-box-shadow: inset 1px 1px 9px 1px #ccc;
			box-shadow: inset 1px 1px 9px 1px #ccc; 
			background-color: white;
			border-radius: 12px 12px 12px 12px;
			padding: 15px;
		}
	}
	
}

#fixture .nav_niveles .btn{
  height: 14px;
  line-height: 14px;
  width: auto;
  background-color: transparent;
}
#goleadores, #fixture, #posiciones, #plantel, #lideres, #ficha , #mam{
	// margin-bottom: 0px;
	// font-family: @baseFontFamily;
	// font-weight: normal;
	// color: @color01_type;
	// font-size: 11px;
	// font-weight: bold;	

	// .table{
	// 	margin-bottom: 2px;
	// 	border-bottom:1px solid lighten(@color01_h,80%); 
			
		
	// 	thead > tr{
	// 		background-color:@color01_h;
	// 		color:@color01_h_type;
	// 		font-weight: normal;
	// 		text-transform:uppercase;
	// 		th{
	// 			font-weight: normal; 
	// 			text-align: center;
	// 			&.name,&.team,{
	// 				text-align: left;
	// 			}
	// 			&.goals{
	// 				text-align: right;
	// 			}
	// 		}
			
	// 	}
		
	// 	tbody > tr {
	// 		#gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
	// 	td{
	// 		text-align: center;
	// 		padding: 2px 1px;

	// 		&.pos{
	// 			font-size: 24px;
	// 			color: @color01;
	// 			line-height: 24px;
	// 		}
	// 		&.name,&.team,{
	// 			text-align: left;
	// 			text-indent: 5px;

	// 		}
	// 		.border{
	// 				border-right: 1px solid @bg_dest_type;
	// 				margin-top: 0px;
	// 			}
	// 		&.goals{
	// 			text-align: right;
	// 		}
	// 		&.puntos.destacado, &.goals{
	// 			.border{
	// 					border-right: 1px solid @color02;
	// 					margin-top: 2px;
	// 					.badge{
	// 						color: @color01_type;
	// 					}
	// 				}

	// 		}
	// 		.badge{
	// 			padding-left: 7px;
	// 			padding-right: 7px;
	// 			background-color: @color01;
	// 			margin-right: 6px;
	// 			line-height: 23px;
	// 			text-align: center;
	// 			min-width: 15px;
	// 			border-radius: 15px;
	// 			color:@color01_type;

	// 		}

	// 	}

	// 	}


	// }
			
}
#fixture{
            .detalles{
            height:auto;
            .lanzadores{
               float:left;
                line-height:22px;
                 color:@color01;
                 margin-left:6px;
                 font-weight:bold;
                .name, .number{
                    color:@color01_h;
                    text-transform:none;
                    padding-left:2px;
                    }
              
                }
            }
    }
#mam{
    text-transform:uppercase;    
    background:darken(@bg,5%);
        .detalles{
            height:auto;
            .lanzadores{
               float:left;
                line-height:22px;
                 color:@color01;
                 margin-left:6px;
                 font-weight:bold;
                .name, .number{
                    color:@color01_h;
                    text-transform:none;
                    padding-left:2px;
                    }
              
                }
            }
        .hora{
			height: 30px;
			line-height: 30px;
			text-align:left;
			span{padding-left:10px; display:block;}
		}
		.fecha{
        	border-top: 6px solid @color01_type;
        	border-bottom:6px solid lighten(@color01_h,80%);

    		.span4{
    			&.custom{
    				width: 30%;
    				float: left;
    				}
    			}
    		.span8{
    			&.custom{
    				width: 70%;
    				float: left;
    				margin-left: 0px;
    				margin-bottom: 0px;
    				overflow: hidden;
    
    				}
    			}
    	
        }
   
				.partido{
					.visitante, .local{
						#gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%,lighten(@color01_h,90%));
						text-align: left;
						height: 38px;
						line-height: 42px;
						.span12{
							height: 38px;
							line-height: 42px;
						}
					}
				
					table{
						&.table-container{
							width:100%;
							overflow-y:auto;
							_overflow:auto;
							margin: 0 0 1em; 
						}
						tr{
							#gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%,lighten(@color01_h,90%));
						
						&.resultados{
							font-size: 20px;
							color:@color01;
							.total{
								color:#000;
								}
							
							}
						&.title{
							font-size: 10px;
							color: #000;
							border:1px solid lighten(@color01_h,80%);
							background-color:lighten(@color01_h,80%);
							.total{
								color:@color01;
								text-transform: uppercase;
								background-color: @color01_type;
                           
								}
							}
						}
					}
				}
					
	
    }

#lideres{
	.row-fluid .span3{
		width: 24.0769%;
	}
	.row-fluid [class*="span"]{
		margin-left: 0.5641%;
	}
	.row-fluid [class*="span3"]:first-child{margin-left: 0.5641%;}
	.table{
		thead{
			tr{
				th{
					font-weight: bold;
					text-align: left;
					text-indent: 5px;

				}
			}
		}
		tbody{
			tr{
				background-image: none;
				td{
					&.pos{
						font-size: 24px;
						color: @color01;
						line-height: 24px;
					}	
				}

			}
		}
	}

	
}

#fixture{
	.ie8 .span6{
		margin-left: 0px;
	 }
	 
	// .show{
	// 	display: block;
	// }
	// .fechas{
	// 	background: darken(@bg,5%);
	// 	.fecha{
	// 		.penales{
	// 		.badge{
	// 			padding-left: 6px;
	// 			padding-right: 6px;
	// 			background-color: @bg_type;
	// 			}
	// 		}
	// 		.partido{
	// 			#gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
	// 		}
	// 		.partido, .detalles{
	// 			.local, .visitante{
	// 				#gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
	// 				.span12{
	// 					height: 40px;
	// 					line-height: 40px;	
	// 				}
	// 				.escudo{
	// 					float: left;
	// 					line-height: 20px;
	// 					width: 20%;
	// 					margin-top: 10px;
	// 				}
	// 				.equipo{
	// 					float: left;
	// 					color: #000;
	// 					line-height: 34px;
	// 					width: 55%;
	// 				}
	// 				.penales{
	// 					float: left;
	// 					height: 10px;
	// 					line-height: 34px;
	// 					width: 10%;
	// 				}
	// 				.resultado{
	// 					float: left;
	// 					color:@color01;
	// 					font-size:34px;
	// 					line-height: 40px;
	// 					width: 15%;
	// 				}

	// 			}

				
	// 		}
	// 		.detalles.row-fluid .span4,.detalles.row-fluid .span2{
	// 			min-height:20px;
	// 		}
	// 		.detalles{
	// 			#gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%,lighten(@color01_h,90%));
	// 			font-weight: normal;
 //   				text-transform: none;
 //   				height: 20px;
	// 			.arbitro, .dia, .hora, .estado{ 	
	// 				color:#000;
	// 				height: 20px;
	//    				line-height: 20px;
	//    				float: left;
	// 				width: 25%;
	// 				overflow: hidden;
	// 			}
	// 			&.in{
	// 				.arbitro, .dia, .hora, .estado{
	// 				width: 33.3%;}
	// 			}
	// 			.estado{
	// 				font-weight: bold; 
	// 			}
				
	// 		}	

	// 	}
		
	// }

	.span1{
		&.resultado{
			font-size: 34px;
			color: @color01;
			line-height: 34px
		}
	}
	.span4{

		.gamecast, .ficha{
			&.in{
				float: left;
				width: 50%;
				border-right:1px solid @color01_type; 

			}
			font-family: @baseFontFamily;
			font-size: 12px;
			text-transform: uppercase;
			font-weight: bold;
			background: @color01;
			color: white;
			line-height: 30px;
		}

	
	}
	.span6{
		margin-top: 5px;
		.fecha{
/*			color:@color01_type;
			text-align: center;
			line-height: 30px;
			text-transform: uppercase;*/
			.span12{
				padding: 0px 4px;
				&.title{
				background-color: @color02;
				margin-bottom: 5px;
				font-weight: normal;
				color:@color01_h_type;
				}
			}
		}
	}
	.span8{
		color:@color02 ;
	}
}
// #plantel{
// 	.nav-pills{
// 		margin-bottom: 2px;
// 		li{
// 			cursor: pointer;
// 			&.activo a{
// 				background-color:@bg_type;
// 			}
// 		}
// 	}
// 	.cabecera{
// 		float: left;
// 		width: 100%;
// 		.title{
// 			float: left;
// 			width: 100%;
// 			text-align: center;
// 			font-size: 14px;
// 			text-transform: uppercase;
// 			background-color: @color02_h;
// 			color: @color02_h_type;
// 			font-weight: normal;
// 			height: 20px;
// 			line-height: 20px;
// 		}
// 		.pais{
// 			#gradient .vertical(mix(@color01,@bg,15%),@bg);
// 			text-align: center;
// 			width: 100%;
// 			float: left;
// 			height: 48px;
// 			line-height: 48px;

// 		}
// 		.name{
// 			color:@color01_type;
// 			font-size: 14px;
// 			text-transform: uppercase;
// 		}
// 	}
// 	.table{
// 		float: left;
		
// 				th{
// 					font-size: 11px;	
// 					background-color:@color01_h;
// 					color:@color01_h_type;
// 					font-weight: normal;
// 					text-transform:uppercase;
// 					text-align: center;
// 					&.jugador{
// 						text-align: left;
// 					}
// 				}

		
	
// 		tbody > tr{
// 			td{
// 				font-size: 11px;
// 				color:@color01_type;
// 				font-weight: bold;
// 				line-height: 28px;
// 				.badge{
// 					color:@color01_type;
// 				}
// 				&.nombre{
// 					text-align: left;
// 				}
// 			}
// 			&.cabezal{
// 				th{
// 					background-color: @color01_type;
// 					color: @color02_h_type;
// 					text-align: left;
// 					line-height: 27px;
// 					&.ocultar{
// 						display: none; 
// 					}
				
// 				}
// 			}
		
// 		}
// 	}
// 	div.table-wrapper div.scrollable table.responsive th.ocultar {
// 				    display: block;
// 				    width: 232%;
// 					}

// }

// #modulo-timeline {
//     .descripcion{
//         display:none; 
//         height:10px;

//      }    
}
// .timeline {
//     font-family:@baseFontFamily;
//     font-size:12px;
// 	height: 50px;
// 	position: relative;
// 	background-color: @color01;
// 	color:@color01_type;
// 	/*margin-bottom: 5px;*/
// 	box-shadow: inset 0 6px 4px  -4px darken(@color01,50%), inset 0 -6px 4px  -4px darken(@color01,50%);   
// 	-moz-box-shadow: inset 0 6px 4px  -4px darken(@color01,50%), inset 0 -6px 4px  -4px darken(@color01,50%);   
// 	-webkit-box-shadow: inset 0 6px 4px  -4px darken(@color01,50%), inset 0 -6px 4px  -4px darken(@color01,50%);
//         .primer, .segundo, .alargue1, .alargue2 { position:relative; }
// 	.linea {
// 		position: absolute;
// 		margin-top: 22px;
// 		background-color: @color01_type;
// 		height: 5px;
// 		width: 100%;
// 		margin-left: 0;
// 		left: 0;
// 		clear:both;
// 	}
	
// 	.tiempo {
// 		position: absolute;
// 		top: 0;
// 		left: 50%;
// 		margin-left: -47.5%;
// 		width: 95%;
// 		.primer {
// 			float: left;
// 			width: 50%;
// 			border-right: 1px solid darken(@color01,10%);
// 			height: 100%;
// 			margin-left:-1px;
//                         .progress .bar {
//                             #gradient .vertical(lighten(@color02,42.5%), @color02);                            
//                         }    
// 		}
// 		.segundo {
// 			float: left;
// 			width: 50%;
// 			height: 100%;
//                         .progress .bar {
//                             #gradient .vertical(lighten(@color02,42.5%), @color02);                            
//                         }			
// 		}
// 		.alargue1 {
// 			float: left;
// 			border-right: 1px solid darken(@color01,10%);
//                         .progress .bar {
//                             #gradient .vertical(lighten(@color02,42.5%), @color02);                            
//                         }
// 		}
// 		.alargue1,.alargue2 {
// 			float: left;
// 			width: 10.5%;
// 			height: 100%;
// 			display:none;
//                         .progress .bar {
//                             #gradient .vertical(lighten(@color02,42.5%), @color02);                            
//                         }
// 		}
// 		&.conAlargue{
// 			.primer,.segundo {
// 				width: 37.5%;
// 				border-right: 1px solid darken(@color01,10%);
//                         .progress .bar {
//                             #gradient .vertical(lighten(@color02,42.5%), @color02);                            
//                         }
// 			}
// 			.alargue1,.alargue2{
// 				display:inline-block;
// 			}
// 		}
// 		.local, .visitante {
// 			height: 20px;
// 			line-height: 20px;
// 			margin-top: 4px;
// 			position: relative;				
// 			.iniciales {
// 				float: left;
// 				color: @color01_type;
// 				text-transform: uppercase;
// 			}
// 			.incidencias {
// 				position: absolute;
// 				float:left;
// 				width: 100%;
// 				height:20px;
// 				div.tl-inc {
// 					position: absolute;
// 					width: 12px;
// 					height: 18px;
// 					cursor: pointer;
// 					margin-left:-6px;
// 					background-repeat: no-repeat;

// 				}
// 				.cambios {
// 					width:16px;
// 					margin-left:-8px;
// 				}
// 			}
// 		}

// 		.local {
// 			.incidencias {
// 				.tarjetasamarillas {background-image: url(../img/amarilla_local.png);	}
// 				.tarjetasrojas {background-image: url(../img/roja_local.png);}
// 				.cambios {background-image: url(../img/cambio_local.png);}
// 				.goles {background-image: url(../img/gol_local.png);}
//                 .goles.enContra {background-image: url(../img/gol_local_encontra.png);}
// 			}
			
// 		}
		
// 		.visitante {
// 			.incidencias {
// 				.tarjetasamarillas {background-image: url(../img/amarilla_visitante.png);}
// 				.tarjetasrojas {background-image: url(../img/roja_visitante.png);}
// 				.cambios {background-image: url(../img/cambio_visitante.png);}
// 				.goles {background-image: url(../img/gol_visitante.png);}
//                 .goles.enContra {background-image: url(../img/gol_visitante_encontra.png);}

// 			}
// 		}
// 	}
	  
// }
.banner{
    width:100%;
}
// .leyenda {
// 	&.nav {
// 		height: 26px;
// 		.barraVis,
// 		.barraLoc{
// 			line-height: 26px;
// 			background-image: none;
// 			cursor: pointer;
// 		}
// 		.barraVis.on{
// 				box-shadow: 4px 3px 6px lighten(@color01_type,50%) inset;
// 		}
// 		.barraLoc.on{
// 				box-shadow: 4px 3px 6px lighten(@color01_type,5%) inset;
// 		}

// 	}

//         .G_barrasComparativas;
//          font-weight:bold;
//          text-align:center;
// 	.barraVis,
// 	.barraLoc {
// 		text-transform: uppercase;
// 		width: 50%;
// 		font-size: 12px;
//                 font-family:@baseFontFamily;
//                 line-height:14px;
// 	}
	
// 	.barraLoc {
// 		color: @color02_type;
// 	}
// 	.barraVis {
// 		color: @color01_type;
// 	}
// }
// .subHeader{
// 	.G_subheader;
// }
// .footer{
//    #gradient .vertical-three-colors(darken(@bg,10%), @bg, 28%,@bg );
//    height:20px;
//    width:100%; 
//     height: 32px;
//     /*margin-bottom: 5px;
//     margin-top: 5px;*/
//     float:left;
//     .logo{
//         background: url("../img/creditoDF.png") no-repeat  center center transparent;
//         height:29px;
//         width:100%;
//         line-height:26px;
//         float: left;
//         span{
//         	display: none;
//         }
        
//     }
//  }




#GChome{
	height:100%;
	width:100%;
	padding-right: 0px;
	padding-left: 0px;
	/*position:absolute;
	left:0;
	top:0;*/

}


#navbarItems{
	text-transform: uppercase;
	li {
		a{
			color: @color01_type;
			font-weight: bold;
		}
		
		&.active a{
			background-color: @bg_type;	
			color: @color02_type;
		}
	}	
}
#loaderContent{
	height:100%;
}
// #modulo-comparativa{
// 	width: 100%;
// 	.compara{
// 		clear:both;
// 		height:90px;
// 		#gradient .vertical-three-colors(@bg, @bg, 40%, darken(@bg,20%));
// 		.titulo {
// 			.GC_titulo;
// 		}
// 		.num{
// 			height: 60px;
// 			font:20px @type_Special;
// 			font-weight:bold;
// 			text-align:center;
// 			line-height: 60px;
// 			float:left;
// 			width:5%;
// 			#gradient .vertical-three-colors(@bg, @bg, 40%, darken(@bg,20%));
//                         color:@bg_type;
// 		}
// 		.num1{
// 			margin-right:0%;
// 			.box-shadow(3px 0px 8px -2px darken(@bg,40%));
//             z-index:3;
//             position:relative;
// 		}
// 		.num2{
// 			margin-left:0%;
// 			.box-shadow(-3px 0px 8px -2px darken(@bg,40%));
//             z-index:3;
//             position:relative;
            
// 		}
// 		.barra{
// 			margin-top: 25px;
// 			width:89.6%;
// 			float:left;
// 			.G_barrasComparativas;
// 			#gradient .vertical(darken(@bg,10%),@bg);
// 			.box-shadow-inset(0, 1px, 4px, 1px, darken(@bg,20%));
// 		}
// 		.centro, .centro:after{
// 			width:0;
// 			height:0;
// 			position:absolute;
// 			bottom:0;
// 			left:50%;
// 			margin-left:-7px;
// 			border-top-color:transparent;
// 			border-right-color:transparent;
// 			border-left-color:transparent;
// 			border-style:solid;
// 			border-width:0 7px 10px;
// 		}
// 		.centro:after{
// 			content:"";
// 			border-bottom-color:@bg_type;
// 			bottom:-10px;
// 			border-width:0 6px 9px;
// 			margin-left:-6px;
// 		}
// 	}
// }

#modulo-coordenadas {
	.cancha {
		img{width: 100%;}
		white-space: nowrap;
		position: relative;
		.incidencias {
			position: absolute; 
			width: 65.7%; 
			height: 89%; 
			top: 2%; 
			left: 17%;
			.punto-loc, .punto-vis{
				position: absolute;
				height:25px;
                                width:19px;
				margin:-20px 0 0 -10px;
                                &.gol{background:url(../img/ico_disparos_loc.png) no-repeat transparent center center;}
			}
			.punto-loc {background:url(../img/ico_disparos_loc.png) no-repeat transparent center center;
                            &.gol{background:url(../img/ico_disparos_loc_gol.png) no-repeat transparent center center;}
                        }
			.punto-vis {background:url(../img/ico_disparos_vis.png) no-repeat transparent center center;
                             &.gol{background:url(../img/ico_disparos_vis_gol.png) no-repeat transparent center center;}
                        }
             .tooltip.left{
             	margin-left:-20px;
             	margin-right:3px;
             	padding-left:15px;
             }

		}
	}
	.itemsRanking{
		margin-left: 0;
		span.titulo {
			width: 100%;
		}
	}
	.G_ranking{
		float: left;
		width: 100%;
	}
	.G_barrasRanking{

	}
}

// #modulo-coordenadas .tooltip-inner{ 
//     height:30px;
//     .tiempo{
//             float:left;
//     }
//     .guion{display:none;}
//     .titulo{
//         float:left;
//         width:8%;
//     }
//     .nombre{
//         float:left;
//         width:100%;
//     }
//     .tipo{  
//         width:100%;
//     }

//     .inc{
//        margin:0 18px; 
//        text-align:left;    
//     }
}
    
// .timeline .tooltip-inner{
// 	max-width: 150px;
// 	text-align: center;
//     .cambio{
//         .jugadorSale{
//             width:100%;
//             float:left;
//         }
//         .jugadorEntra{
//             width:100%;
//         }
//     }
//     .titulo{
//         float:left;
//         position:relative;
//         height:19px;
//        }
//     .periodo{      
//         position:relative;
//         top:0px;
//         width:10px;
//     }
//     .tiempo{
//         top:16px;
//     }
//     .guion{display:none;}
//     .inc{
//        margin-left:18px; 
//        text-align:left;
//        .tipo{
//        	float: left;
//        	width: 100%;
//        }
//     }
// }        

// #modulo-formacion, #modulo-formacion-full, #modulo-formacion-3d {
// 	div.cancha {
// 		position: relative;
// 		div.shapes { 
// 			div {
// 				position: absolute;
// 				top: 144.5px;
// 				border: 1px solid white;
// 			}
// 			div.centro {
// 				margin-top: -50px;
// 				height: 100px;
// 				width: 50px;
// 			}
// 		}
// 		div.posiciones {
// 			position: relative;
// 			div {
// 				position: absolute;
// 				width: 48px;
// 				top: 144.5px;
// 				span.container-player {
// 					display: block;
// 					width: 48px;
// 					span.player {
// 						display: block;
// 						margin-bottom: 10px;
// 						font: 13px @type_Special;
// 						height: 40px;
// 						line-height: 40px;
// 						text-align: center;
// 						cursor: pointer;
// 					}
// 				}
// 			}
// 		}
// 	}
	
// 	.equipoLoc > div.cancha {
//                div.area-loc { 
//                   background:url(../img/area_local.png) no-repeat transparent center center;
//                   position:absolute;
//                   top: 55px;
//                   left:0px;
//                   display:block;
//                   width:109px;
//                   height: 173px;
//                 }
//                 div.area-central-loc {
//                   background:url(../img/media_cancha_loc.png) no-repeat transparent center center;
//                   position:absolute;
//                   top: 0px;
//                   right:0px;
//                   width:45px;
//                   height: 283px;
//                 }

// 		div.shapes {
// 			div.centro{
// 				right: 0;
// 				.border-radius(70px 0 0 70px);
// 				border-right:none;
// 			}
// 		}
// 		div.posiciones {
// 			div.arquero {
// 				left: 0;
// 			}
// 			div.defensor {
// 				left: 20%;
// 			}
// 			div.volante {
// 				left: 45%;
// 			}
// 			div.enganche {
// 				left: 62.5%;
// 			}
// 			div.delantero {
// 				left: 80%;
// 			}
// 			span.player {
// 				background-image: url(../img/camiseta_local.png);
//                                 background-repeat:no-repeat;
//                 color:#ffffff;
// 			}
// 		}
// 	}
// 	.equipoVis > .cancha {
//                div.area-vis { 
//                   background:url(../img/area_visitante.png) no-repeat transparent center center;
//                   position:absolute;
//                   top: 55px;
//                   right:0px;
//                   display:block;
//                   width:109px;
//                   height: 173px;
//                 }
//                 div.area-central-vis {
//                   background:url(../img/media_cancha_vis.png) no-repeat transparent center center;
//                   position:absolute;
//                   top: 0px;
//                   left:0px;
//                   width:45px;
//                   height: 283px;
//                 }
// 		div.shapes {
// 			background-position: 290px 0;
// 			div.chica, div.ancha {
// 				right:0;
// 			}
// 			div.medialuna{
// 				right: 81px;
// 				.border-radius(70px 0 0 70px);
// 			}
// 			div.centro{
// 				left: 0;
// 				.border-radius(0 70px 70px 0);
// 				border-left:none;
// 			}
// 		}
// 		div.posiciones {
// 			div.arquero {
// 				right:0;
// 			}
// 			div.defensor {
// 				right: 20%;
// 			}
// 			div.volante {
// 				right: 45%;
// 			}
// 			div.enganche {
// 				right: 62.5%;
// 			}
// 			div.delantero {
// 				right: 80%;
// 			}
// 			span.player {
// 				background-image: url(../img/camiseta_visitante.png);
//                                 background-repeat:no-repeat;
// 				color: #ffffff;
// 			}
// 		}
// 	}
// 	> .field3d {
// 		white-space: nowrap;
// 		position:relative;
// 		> .equipoLoc, > .equipoVis {
// 			position: absolute;
// 			display: inline-block;
// 			width: 50%;
// 			height: 100%;
// 		}
// 		.cancha {
// 			height: 89%;
// 			div.posiciones {
// 				height:100%;
// 				div {
//                                     top:0;
//                                     height:100%;
//                                     width:10%;
// 				}
// 			}
// 		}
// 		.equipoLoc {
//                         right: 50%;
// 			div.posiciones {
// 			position: relative;
// 			position: relative;
//                           div {
//                                   position: absolute;
//                                   width: 48px;
//                                   top: 0px;
//                                   span.container-player {
//                                           display: block;
//                                           width: 48px;
//                                           span.player {
//                                                   display: block;
//                                                   margin-bottom: 10px;
//                                                   font: 13px @type_Special;
//                                                   height: 40px;
//                                                   line-height: 40px;
//                                                   text-align: center;
//                                                   cursor: pointer;
//                                           }
//                                   }
//                           }
//                           div.arquero {
//                             .skew(30deg, 0);
//                             right:83%;
//                             span.player {
//                               .skew(-30deg, 0);
//                             }     
//                           }
//                           div.defensor {
//                             right:70%;
//                             .skew(-19.5deg, 0);
//                             span.player {
//                               .skew(19.5deg, 0);
//                             }     
//                           }
//                           div.volante {
//                             right:56%;
//                             .skew(-11.5deg, 0);
//                             span.player {
//                               .skew(11.5deg, 0);
//                             }     
//                           }
//                           div.enganche {
//                             right:36%;
//                             .skew(-9deg, 0);
//                             span.player {
//                               .skew(9deg, 0);
//                             }     
//                           }
//                           div.delantero {
//                             right:15%;
//                             .skew(-3deg, 0);
//                             span.player {
//                               .skew(3deg, 0);
//                             }     
//                           }
//                       }
// 		}
// 		.equipoVis {
//                         right: 0;
// 			div.posiciones {
//                           div.arquero {
//                             right:15%;
//                             .skew(-30deg, 0);
//                             span.player {
//                               .skew(30deg, 0);
//                             }     
//                           }
//                           div.defensor {
//                             right:36%;
//                             .skew(19.5deg, 0);
//                             span.player {
//                               .skew(-19.5deg, 0);
//                             }     
//                           }
//                           div.volante {
//                             right:56%;
//                             .skew(11.5deg, 0);
//                             span.player {
//                               .skew(-11.5deg, 0);
//                             }     
//                           }
//                           div.enganche {
//                             right:70%;
//                             .skew(9deg, 0);
//                             span.player {
//                               .skew(-9deg, 0);
//                             }     
//                           }
//                           div.delantero {
//                             right:83%;
//                             .skew(3deg, 0);
//                             span.player {
//                               .skew(-3deg, 0);
//                             }     
//                           }
//                       }
// 		}
// 	}
// 	.msjDatos{
// 		color: @color02_type;
// 		height: 50px;
// 		left: 49%;
// 		margin-left: -168px;
// 		margin-top: -38px;
// 		position: absolute;
// 		top: 50%;
// 		background-color: fadeout(@color01_type, 30%);
// 		z-index: 9999;
// 		border: none;
// 		text-align: center;
// 		line-height: 45px;
// 		padding: 8px 14px 8px 14px;
// 		text-shadow:none;
// 		text-transform: uppercase;
// 		font-size: 12px;
// 		display: none;

// 	}


// 	.field  {
//             position:relative;
// 			white-space: nowrap;
// 		> .equipoLoc, > .equipoVis {
// 			display: inline-block;
// 			width: 50%;
// 		}
// 		> .equipoLoc {
// 			border-left: none;
// 			div.posiciones {
// 				height:100%;
// 				div {
// 					.tooltip{
// 						height:auto;
// 						width: auto;
// 						.tooltip-inner{
// 							width:100%;
// 						}
// 						div{
// 							&.tooltip-arrow{
// 								position: inherit;
// 							    top: 14px;
// 							    width: 0px;
// 							}
// 							height:auto;
// 							position:relative;
// 							width: 100%;

// 							}
// 					}
					 
// 					top:0;
// 					height:100%;
// 				}

// 			}
// 		}
	
// 		> .equipoVis {
// 			margin-left: -4px;
// 			z-index: 2;
// 			div.posiciones {

// 				height:100%;
// 				/*height: 283px;*/
// 				div {
// 					.tooltip{
// 						height:auto;
// 						width: auto;
						
// 					    width: auto;
// 						div{
// 							&.tooltip-arrow{
// 								position: inherit;
// 							    top: 14px;
// 							    width: 0px;
// 							    margin-right: 0px
// 							}
// 							height:auto;
// 							position:relative;
// 							width: 100%;
// 							&.tooltip-inner{
								
// 								margin:0;
// 								right:15px;

								
// 							}


// 							}
// 					}
					 
// 					top:0;
// 					height:100%;
// 				}

// 			}



// 		}

// 		div.cancha {
// 			height: 283px;
// 			background-image: url('../img/bg_canchita.gif');
// 			div.posiciones {
// 				height:100%;
// 				div {
				 
					 
// 					top:0;
// 					height:100%;
// 				}

// 			}
// 		}
// 	}
// 	> .titulares, > .suplentes {
// 		> .local, > .visitante {
// 			float: left;
// 			width: 50%;
// 			> div {
// 				display: block;
// 				height: 28px;
// 				line-height: 28px;
// 				border: 1px solid lighten(@color01_h,80%);
// 				font-size: 12px;
// 				font-weight: bold;
// 				.numero {
// 					float:left;
// 					text-align:center;
// 					color: @bg_type;
// 					width: 40px;
// 				}
//                                 .nombre{
//                                     color:@color01_type;
//                                     &.hover-name {
//                                         color: @bg_dest_type;
//                                     }

//                                 }

// 			}
// 			.jugador {
//                 font-family:@baseFontFamily;
// 				position: relative;
// 				#gradient .vertical-three-colors(@bg, @bg, 40%, darken(@bg,20%));
// 				cursor: pointer;
// 				.incidencias {
// 					position: absolute;
// 					div {
// 						width: 14px;
// 						height: 14px;
// 						display: inline-block;
// 						margin:0 5px;
// 					}
// 					.tarjetasamarillas {
// 						background: url(../img/ico_tarjeta_amarilla.gif) no-repeat;
// 					}
// 					.tarjetasrojas {
// 						background: url(../img/ico_tarjeta_roja.gif) no-repeat;
// 					}
// 					.goles {
// 						background: url(../img/ico_pelota.png) no-repeat;
// 					}
//                     .goles.enContra {
// 						background: url(../img/ico_pelota_encontra.png) no-repeat;
// 					}
// 					.sale {
// 						background: url(../img/sale.png) no-repeat;
// 					}
// 					.entra {
// 						background: url(../img/entra.png) no-repeat;
// 					}
// 				}
// 			}
// 			.dt {
// 				background-color: #E7E7E7;
// 				padding:0 40px;
// 			}
// 		}
// 		> .local {
// 			.incidencias {				
// 				right: 10px;
// 			}
// 		}
// 		> .visitante {
// 			> div {
// 				text-align: right;				
// 				.incidencias {
// 					left: 10px;
// 				}
// 				.numero {
// 					float: right;
// 				}
// 			}
// 		}
// 	}
	
// 	.scroll {
// 	  	height: 355px;
// 	  	width:100%;
// 	  	margin: 0 auto;
// 		border: 1px solid lighten(@color01_h,80%);
// 		.equipoLoc, .equipoVis {
// 	  	width:100%;
//   			display: inline-block;
// 			span.titulo {
// 				.GC_titulo;
// 			}
// 			div.jugador {
// 				display: block;
// 				height: 25px;
// 				line-height: 26px;
// 				font-size: 12px;
// 				font-weight: bold;
// 				#gradient .vertical-three-colors(@bg, @bg, 40%, darken(@bg,20%));
// 				span.posicion {
// 					padding: 0 10px;
// 					color: @bg_dest_type;
// 					text-transform: uppercase;
// 				}
// 			}
// 			div.cancha {
// 				border: 5px solid @bg;
// 			}
// 		}
// 		.equipoLoc > .cancha {
// 			.box-shadow-inset(-10px, 0px, 15px, -2px, darken(@bg,80%));
// 		}
// 		.equipoVis > .cancha {
// 			.box-shadow-inset(10px, 0px, 15px, -2px, darken(@bg,80%));
// 		}
// 	}
// }	

// div.contenido div.scroll {
//     width: inherit;
// 	position: relative;
// 	overflow: hidden;
// 	.cabecera {
// 		width: 100%;
// 		position: absolute;
// 		z-index: 2;
// 		height: 30px;
// 		display:block;
// 		.browse {
// 			position: absolute;
// 			font:18px @type_Special;
// 			cursor: pointer;
// 			display: block;
// 			color: @color02_type;
// 			width: 50px;
// 			height: 0;
// 			border-top: 30px solid @color02;
// 			text-align: center;
// 		}
// 		.browse > span {
// 			position: absolute;
// 			top: -27px;
// 		}
// 		.left {
// 			border-right: 30px solid transparent;
// 			left:0;
//             &.disabled{
//                 display:none;
//                 }
// 		}
// 		.right {
// 			border-left: 30px solid transparent;
// 			right:0;
//             &.disabled{
//                 display:none;
//                 }
// 		}
// 		.browse:hover {
// 			border-top: 30px solid @color02_h;
// 			color: @color02_h_type;
// 		}
// 	}
// 	.items {
// 	  width:100%;
// 	  white-space: nowrap;
// 	  position: absolute;
// 	}
// }

// div.contenido div.incidencias.scroll {
//   	height: 90px;
//   	.compara {
// 		clear: none !important;
// 		display: inline-block;
// 		width: inherit;
// 	}
// }

// .left {
// 	float:left;

// }

// .right {
// 	float:right;
// }

// .disabled {
// 	display: none;
// }

// .hover-player {
// 	#translucent .background(@color02, .5);
// 	.border-radius(60px);
// }
.hover-name {
	color: @bg_dest_type;
}
#modulo-formacion-comparativa-jugadores{
	.cabeceraCompJug{
		border-top: 4px solid @color01; 
		border-bottom: 4px solid @color01_type;
		height: 90px;
		.local, .visitante{
			width: 45%;
			float: left;
		}
		.versus{
			width: 10%;
			float: left;
			color: @color01_type;
			text-align: center;
			span{
				font-size: 25px;
				background-color: @color01;
				margin-right: 6px;
				line-height: 50px;
				text-align: center;
				min-width: 15px;
				border-radius: 50px;
				color:@color01_type;
				margin: auto;
				width: 50px;
				height: 50px;
				display: block;
			}
		}
	}
}

// @media only screen and (min-width: 700px){
	
// 	#modulo-comparativa{
//     .compara{
// 		.num{
// 			width:4.9%;
// 	    	}
//     	}
//     }	
// }

@media only screen and (min-width: 521px) {
 

	.ie8 #modulo-coordenadas .tooltip-inner{ 
	    .titulo{
	    	.periodo{
	    		display: block;
	    	}  
	    }

	    .tipo{  
	        display: block;
	    }
	    .inc{
	       display: inline-block;   
	    }
	}


}
@media only screen and (max-width: 520px) {
	



	#lideres .row-fluid .span3{
		width: 49%;
		float: left;
	}
	#fixture{
		&.contenido{
			&.calendario{
				.calendario{
					input{
						width:70%;
					}
				}
			}
		}
	}
 //    #modulo-comparativa{
 //    .compara{
	// 	.num{
	// 		width:4.9%;
	//     	}
 //    	}
 //    }
 //    .mensaje{
	// 	width:95%;
	// }
	// .num {
	// 	width:18% !important;
	// }
	// .barra {
	// 	width:61% !important;
	// }
	// div.marcador{
		
	// 	div.local {
	// 		width:100%;
	// 		border-bottom-width: 1px !important;
	// 		border-right:0;
	// 	}
	// 	div.visitante {
	// 		width:100%;
	// 		border-top: 1px solid lighten(@bg,15%) !important;
			
	// 		.nombre{
	// 			float:left;
	// 			text-align:left;
	// 		}
	// 		.score{
	// 			float:right;
	// 			border-left:0;
	// 		}
	// 		.escudo{float:left;}
	// 		.penales{float:left;}
	// 	}
	// }
 //    #modulo-coordenadas {

 //    .cancha {
	// 	.incidencias {
	// 		.punto-loc {background:url(../img/ico_disparos_loc_p.png) no-repeat transparent center center;}
 //                        .punto-loc.gol {background:url(../img/ico_disparos_loc_gol_p.png) no-repeat transparent center center;} 
	// 		.punto-vis {background:url(../img/ico_disparos_vis_p.png) no-repeat transparent center center;}
	// 		.punto-vis.gol {background:url(../img/ico_disparos_vis_gol_p.png) no-repeat transparent center center;}

	// 	}
	// }
	// }    

        // #modulo-comparativa{
        //     .compara{
        //                 .num{
        //                         width:4.9%;
        //                 }
        //         }
        //     }

 //    #modulo-formacion, #modulo-formacion-full, #modulo-formacion-3d {
       
 //        div.cancha {		 
 //                div.posiciones {
 //                        div {
 //                                span.container-player {
 //                                        span.player {
 //                                                font: 9px @type_Special;
 //                                                line-height:40px;
 //                                                &.hover-player {
 //                                                    color: @bg_dest_type;
 //                                                }
 //                                        }
 //                                }
 //                        }
 //                }
 //        }


 //        .equipoLoc > div.cancha {
 //                 div.area-loc { 
 //                  background:url(../img/area_local_p.png) no-repeat transparent center center;
 //                }
 //                div.area-central-loc {
 //                  background:url(../img/media_cancha_loc_p.png) no-repeat transparent center center;
 //                } 
 //                div.shapes {
	// 		div.centro{
	// 			.border-radius(50px 0 0 50px);
 //                        }
	// 	}
	// 	.titulares{
	// 		.local, .visitante{
	// 			width:100%;
	// 		}
	// 	}

	// }
	// .equipoVis > div.cancha { 
 //            div.area-vis { 
 //               background:url(../img/area_visitante_p.png) no-repeat transparent center center;
 //             }
 //            div.area-central-vis {
 //              background:url(../img/media_cancha_vis_p.png) no-repeat transparent center center;
 //            }   
 //            div.shapes {
	// 		div.centro{
	// 			.border-radius(50px 0 0 50px);
	// 		}
	// 	}

   

 //           }
 //    }
}



/*MENU*/
nav, ul, li, a  {margin: 0; padding: 0;}

.container {
     width: 90%;
     max-width: 900px;
     margin: 10px auto;
}
// .toggleMenu {
//      display:  none;
//      background: lighten(@color01_h,90%);
//      padding: 10px 15px;
//      color: @color02;
//      text-transform: uppercase;
// }
// .toggleMenu:hover{
//      color:@color01_h_type;
//      background-color: @color02;
//      text-decoration: none;
//      cursor: pointer;
// }
// .nav {
//      list-style: none;
//      *zoom: 1;

// }
// .nav:before,
// .nav:after {
//      content: " "; 
//      display: table; 
// }
// .nav:after {
//      clear: both;
// }
// .nav ul {
//      list-style: none;
//      width: 9em;
// }
// .nav a {
//      padding: 6px 10px;
//      color:#fff;
// }
// .nav li {
//      position: relative;
// }
// .nav > li {
//      float: left;

// }
// .nav > li > .parent {
//      background-image: none;
//      background-repeat: no-repeat;
//      background-position: right;
// }
// .nav > li > a {
//      display: block;
// }
// .nav li  ul {
//      display: none;
//      position: absolute;
//      left: -9999px;
// }
// .nav > li.activo > ul {
//      display:block;
//      left: 0;
// }
// .nav li li.activo ul {
//      display:block;
//      left: 100%;
//      top: 0;
// }
// .nav li li a {
//      display: block;
//      position: relative;
//      z-index:100;
// }
// .nav li li li a {

//      z-index:200;

// }

@media screen and (max-width: 650px) {


	#lideres .row-fluid .span3{
		width: 49%;
		float: left;
	}
     .subnav_fechas{
     	.nav-pills li{
     		float: left;
     		cursor:pointer;
     	}
     }
     .activo {
          display: block;
     }
     .nav > li {
          float: none;
     }
     .nav > li > .parent {
          background-position: 95% 50%;
     }
     .nav li li .parent {
          background-image: url("../img/downArrow.png");
          background-repeat: no-repeat;
          background-position: 95% 50%;
     }
     .nav ul {
          display: block;
          width: 100%;
     }
     .nav > li.activo > ul , .nav li li.activo ul {
          position: static;
     }

}

/* MODULO MARCADOR ESTADOS*/

/* estados por default */ 

#modulo-marcador{
	.fecha{
		.gc-level{ display:none;}
		.gc-status{ display:none;}
		.gc-time{ display: none;}
		.gc-aditionalTime{ display: none;}
		.gc-fecha{ display: none;}
		.gc-hora{ display: none;}
	}
}


.partidoNoIniciado {
	#modulo-marcador{
		.fecha{
			.gc-level{ display: inline-block;}
			.gc-status{ display:none;}
			.gc-time{ display: none;}
			.gc-aditionalTime{ display: none;}
			.gc-fecha{ display: inline-block;}
			.gc-hora{ display: inline-block;}
		}
	}
}
.partidoFinalizado {
	#modulo-marcador{
		.fecha{
			.gc-level{ display: inline-block;}
			.gc-status{ display: inline-block;}
			.gc-time{ display: none;}
			.gc-aditionalTime{ display: inline-block;}
			.gc-fecha{ display: inline-block;}
			.gc-hora{ display: none;}
		}
	}
}
.partidoEnEntretiempo {
	#modulo-marcador{
		.fecha{
			.gc-level{ display: inline-block;}
			.gc-status{ display: inline-block;}
			.gc-time{ display: none;}
			.gc-aditionalTime{ display: none;}
			.gc-fecha{ display: none;}
			.gc-hora{ display: none;}
		}
	}
}
.partidoEnJuego {
	#modulo-marcador{
		.fecha{
			.gc-level{ display: inline-block;}
			.gc-status{ display: inline-block;}
			.gc-time{ display: inline-block;}
			.gc-aditionalTime{ display: inline-block;}
			.gc-fecha{ display: none;}
			.gc-hora{ display: none;}
		}
	}
}

/*DATEPICKER*/
.ie8 .ui-datepicker-prev span{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.ie8 .ui-datepicker-next span{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
#ui-datepicker-div{
	border-radius: 0px 0px 5px 5px;
	background-color: @bg; 
	width: 198px;
	padding: 0 5px 5px;
	-webkit-box-shadow:  0px 10px 15px 1px rgba(0, 0, 0, 0.5);
        	box-shadow:  0px 10px 15px 1px rgba(0, 0, 0, 0.5);
	
	.ui-datepicker-header{
		background-color:darken(@bg,5%);
		border-bottom-width:1px;
		height:24px;
		line-height:24px;
		font-weight:bold;
	}
	.ui-datepicker-title{
		color: @bg_type;
		font-size: 11px;
		text-align: center;
	}
	.ui-datepicker-prev{
		float: left;
		font-size: 11px;
		cursor: pointer;
		background: url("../img/arrow_calendar.png") no-repeat scroll 6px -18px transparent;
		span{
			opacity: 0;
			display: inline-block;

		}
	}
	
	.ui-datepicker-next{
		float: right;
		font-size: 11px;
		cursor: pointer;
		background: url("../img/arrow_calendar.png") no-repeat scroll 28px 2px transparent;
		span{
			opacity: 0;
			display: inline-block;
		}
	}

	table{
		border-collapse: separate;
		border-spacing: 2px;
		width: 100%;
		th{
			font-size: 10px;
			font-weight: bold;
			color: @color01_type;
		}
		td{
			#gradient .vertical(lighten(@color01_h,95%),lighten(@color01_h,85%));
			font-size:10px;
			text-align: center;
			border: 1px solid lighten(@color01_h,85%);
			a{
				text-decoration: none;
				color:lighten(@color01_h,30%);

			}
			&:hover{
				background: lighten(@bg_type, 20%);
				a{
					color: @color02_type;
				}

			}
		&.disabled{
			display: table-cell;
			color: lighten(@color01_h,80%);
		}
		&.ui-datepicker-current-day{
			background:@color01;
			filter:none;
			a{
				color:@bg;
				display: block;
				height: 100%;
				width: 100%;

			}

			
		}


		}
	}
}

	

/*PIEZAS*/


@media (min-width: 766px) and (max-width: 1200px) {
	
  .hidden-desktop {
    display: none !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }

	#ficha, #mam{

	  	&.contenido.calendario .fechas .partido {

			  	table{
			  		width: 90%;
			  	}

		
		}
	}  



}
@media (max-width: 767px) {

	#ficha, #mam{

	  	&.contenido.calendario .fechas .partido {

			  	table{
			  		width: 82%;
			  	}
	
		}
	}  
	#lideres .row-fluid .span3{
		width: 49%;
		float: left;
	}
	.ie8 #navbar, .ie9 #navbar {
		
		
		.btn.btn-navbar{display: none;}

		.nav-collapse.collapse {
		  height: auto;
		  overflow: visible;
		}
		.collapse.in {
		  height: auto;
		}
		.nav-collapse.in.collapse{
			height: auto;
			display:block;
		}


	}
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }

  
  .copaconfederaciones{
  	.header {

  	        span{
  	        	padding-left:7px;
  	        	height: 60px;
  	        	width: 100%;
  	        	line-height: 18px;
  	        	text-indent: 0px;

  	        	span{
  	        		background-color:@color01_type; 
  	        		color:  @color01;
  	        		padding-right:10px;
  	        	}

  	        }


  	}

  }
  #fixture .span5 {
    width: 90%;
    float: left;
  }
  #fixture .span2.in{
    height: 74px;
    width: 10%;
    position: absolute;
    right: 2px;
  }
  #fixture .btn{
    height: 74px;
    line-height: 74px;
    padding: 2px;
  }
  #fixture .detalles.in{
    clear: both;
  }
  #fixture .row-fluid.Fase.full{
    width: 99%;
    float: left;
    margin-left: 0.5%;
     margin-right: 0.5%;
  }
  #fixture .row-fluid.Fase{
    width: 99%;
    float: left;
    margin-left: 0.5%;
     margin-right: 0.5%;
  }
  #fixture .nav.navegador_fases, .nav.navegador_opciones{
    position:relative;
  }
  #fixture .nav.navegador_fases li, .nav.navegador_opciones li{
    position:static;
  }
  #fixture .nav .fase_hija{
    position: absolute;
  }
  #fixture .fase.row-fluid {
    position: relative;
    top: 30px;
  }
  #fixture .subnav_fechas{
    position: relative;
    width: 100%;
  }  

  #fixture .fase_hija .btn_nivel{
    float: left;

  }  
  #fixture .nav .fase_hija .subnav_grupos, .nav .subnav_opciones{
    position: static;
    width:100%;
  }
  #fixture .nav .fase_hija .subnav_grupos li, .nav .subnav_opciones li{
    float: left;
    display: inline-block;
    
  }

  /*------------TABLA RESPONSIVE---------------*/

#plantel{
		table {
			border-collapse: separate;
			&.responsive{
				margin-bottom: 0px;
				td,th{
					position: relative; 
					white-space: nowrap; 
					overflow: hidden;
				}
				th:first-child, td:first-child, &.pinned td{
					display: none;
				} 
			}
		}
		.pinned{
			padding-bottom: 16px;
			position: absolute;
			left: 0;
			top:0;
			background: @color01_h_type;
			width: 210px;
			overflow: hidden;
			overflow-x:hidden;
			
			table{
				border-right: none; border-left: none; width: 100%;
				th, td{
					 white-space: nowrap;
				}
			}
			td:last-child {
				border-bottom: 0;
			}

		}
		.table-wrapper{
			position: relative; 
			margin-bottom: 20px; 
			overflow: hidden;
			float: left; 
			width: 100%;
			.scrollable{
				overflow: scroll;
				overflow-y:hidden; 
				.responsive{
					th.ocultar{
						display: block;
					}
				}
				table{
					margin-left: 210px;
					tr.cabezal{
						th{
							display: none;
							span{
								color:@color01_type;
							}
						}
					}
				}
			}
		}
	}

	#fixture{
		&.contenido{
			&.calendario{
				.fase{
					&.row-fluid{
						top: 0px;
					}
				}
				.fechas{
					.fecha{
						.partido{
							.span8{
								&.custom{
									width: 100%;
									float: none;
								}
							}
						}
					}
				}
			}
		}
	}

	  #ficha.contenido.calendario .fechas .partido {
		table{
			width: 84%;
		}

		
	}  

#mam .fecha .span8.custom{
    float: left;
    width: 100%;	
}
.span2.custom.hidden-desktop.hidden-tablet{
    float:left;}

			
}

@media (max-width: 450px) {

	#lideres .row-fluid .span3{
		width: 100%;
		float: none;
	}

	.ie8 #navbar, .ie9 #navbar {
		
		
		
		.btn.btn-navbar{display: none;}

		.nav-collapse.collapse {
		  height: auto;
		  overflow: visible;
		}
		.collapse.in {
		  height: auto;
		}
		.nav-collapse.in.collapse{
			height: auto;
			display:block;

		}


	}

	#fixture{
		&.contenido{
			&.calendario{
				.span2.custom.hidden-desktop.hidden-tablet{
					.local{
						border-bottom:1px solid @bg_type;
					}
					.visitante{
						border-top:1px solid @bg_type; 
					}
				}
				.calendario{
					
						width:180px;
					
				}
				.fechas{
					.fecha{
						.partido{
							.span8{
								&.custom{
									width: 100%;
									float: none;
									overflow-x: auto;
								}
							}
						}
					}
				}
			}
		}
	}
	
  body {
    padding-right: 0px;
    padding-left: 0px;
  }

	#modulo-coordenadas{
		position: relative;
		 #msjDisparos .tooltip {
		 	margin-left: 0px;
		 }
	}
	.ie8 #modulo-coordenadas{
		position: relative;
		 #msjDisparos .tooltip {
		 	margin-left: 0px;
		 	top:25px !important;
		 }
	}



  .copaconfederaciones{
  	.header {
  			height: 60px;
  			background: url("../img/head_gr.png") no-repeat scroll center left @color01;
  	        span{
  	        	padding-left:7px;
  	        	height: 60px;
  	        	width: 100%;
  	        	line-height: 18px;
  	        	text-indent: 0px;
  	        	
  	        	span{
  	        		background-color:@color01_type; 
  	        		color:  @color01;
  	        		padding-right:10px;
  	        	}

  	        }


  	}

  }

  .nav-collapse .nav > li > a{
  	color:@color01_type;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }

  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
  #fixture .span5 {
    width: 90%;
    float: left;
  }
  #fixture .span2.in{
    height: 74px;
    width: 10%;
    position: absolute;
    right: 2px;
  }
  #fixture .btn{
    height: 74px;
    line-height: 74px;
    padding: 2px;
  }
  #fixture .detalles.in{
    clear: both;
  }
  #fixture .row-fluid .span6.custom {
    width: 100%;
    *width: 100%;
    margin-left: 0.25%;
  }
  #fixture .row-fluid [class*="custom"]:first-child {
    margin-left: 0.5%;
  }
  #fixture  .row-fluid .custom.span4 {
    margin-left: 0.5%;
  }
  #fixture .navbar .nav_niveles .brand{
      color: #000;
      font-size: 12px;
      font-weight: bold;

    } 
   #fixture .nav_niveles .btn {
        height: 14px;
        line-height: 14px;
        width: auto;
        background-color: transparent;
      }
	  #fixture .fase.row-fluid {
	    position: relative;
	    top: 0px;
	  }
	   #fixture .subnav_fechas {
	    position: static;
	  }

	  #ficha, #mam{

	    	&.contenido.calendario .fechas .partido {

	  		  	table{
	  		  		width: 73%;
	  		  	}

	  	
	  	}
	  } 
#fixture.contenido.calendario .fechas .partido table tr.title .total, #ficha.contenido.calendario .fechas .partido table tr.title .total, #mam.contenido.calendario .fechas .partido table tr.title .total{width:15%;}
}

@media (min-width: 768px) {
  

	.ie8 #navbar,.ie8 #navbar, .ie9 #navbar {

		
		.btn.btn-navbar{display: none;}

		.nav-collapse.collapse {
		  height: auto;
		  overflow: visible;
		}
		.collapse.in {
		  height: auto;
		}
		.nav-collapse.in.collapse{
			height: auto;
			display:block;
		}


	}

  .hidden-desktop {
    display: none !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }

  #fixture .nav.navegador_fases, .nav.navegador_opciones{
    position:relative;
  }
  #fixture .nav.navegador_fases li, .nav.navegador_opciones li{
    position:static;
  }
  #fixture .nav .fase_hija{
    position: absolute;
  }
  #fixture .fase.row-fluid {
    position: relative;
 
  }
  #fixture .subnav_fechas{
    position: absolute;
    width: 100%;
  }  

  #fixture .fase_hija .btn_nivel{
    float: left;

  }  
  #fixture .nav .fase_hija .subnav_grupos{
    position: static;
    width:100%;
  }
  #fixture .nav .fase_hija .subnav_grupos li{
    float: left;
    display: inline-block;
    
  }

  #fixture .row-fluid .span6.custom {
    width: 99%;
    *width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%;
  }
  #fixture .row-fluid [class*="custom"]:first-child {
    margin-left: 0.5%;
  }
  #fixture  .row-fluid .custom.span4 {
    margin-left: 1%;
  }
  #fixture .row-fluid .span6.custom.full {
    width: 100%;
    *width: 100%;
    margin-right: 0%;
    margin-left: 0%;

  }
  #fixture .row-fluid [class*="custom.full"]:first-child {
    margin-left: 0%;
  }
  #fixture  .row-fluid .custom.span4 {
    margin-left: 0%;
  }
  #fixture .row-fluid.custom2{
    width: 50%;
    float: left;
  }
  #fixture .row-fluid.Fase{
    width: 99%;
    float: left;
    margin-left: 0.5%;
     margin-right: 0.5%;
  }

  #fixture .row-fluid.Fase .span12{
    margin-left: 0;

  }
  #fixture .row-fluid.Fase .span12.full{
    width: 100%;
  }

  #fixture .row-fluid [class*="Fase"]:first-child{
    margin-left: 0.5%;
  }
  #fixture .row-fluid .span6.custom3, {
    width: 100%;
  }


}

@media (max-width: 1098px){
	
  #fixture .row-fluid.custom2{
    width: 100%;
  }  


}

@media (min-width: 1200px){

 
  #fixture .nav.navegador_fases, .nav.navegador_opciones{
    position:relative;
  }
  #fixture .nav.navegador_fases li, .nav.navegador_opciones li{
    position:static;
  }
  #fixture .nav .fase_hija{
    position: absolute;
  }
  #fixture .fase.row-fluid {
    position: relative;

  }
  #fixture .subnav_fechas{
    position: absolute;
    width: 100%;
  }  

  #fixture .fase_hija .btn_nivel{
    float: left;

  }  
  #fixture .nav .fase_hija .subnav_grupos{
    position: static;
    /*position: absolute;*/
    width:100%;
  }
  #fixture .nav .fase_hija .subnav_grupos li{
    float: left;
    display: inline-block;

  }
  #fixture .row-fluid.custom2{
    width: 48%;
    *width: 48%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
  }
  #fixture .nav_niveles{
    height: 24px;
  }
  #fixture .row-fluid.Fase{
    width: 49%;
    float: left;
    margin-left: 0.5%;
     margin-right: 0.5%;
  }
  #fixture .row-fluid.Fase.full{
    width: 99%;
    float: left;
    margin-left: 0.5%;
     margin-right: 0.5%;
  }
  #fixture .row-fluid .span6.custom {
    width: 49%;
    *width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%;
  }

}
// @media only screen and (max-width: 350px){


// 	.ie8 #mainHeader .navbar.torneos .navbar .nav  .dropdown-menu {

// 	     right:120px;
// 	  }
// 	#mainHeader{
// 			.navbar{
// 				&.torneos{
// 					.navbar{
// 						.nav{
// 							li{
// 								a{
// 									padding: 8px 15px;
// 								}
// 								&.dropdown{

// 									a:hover{
// 										background-color: #000000;
// 										color: #ffffff;
// 									}
// 									.dropdown-toggle{
// 										.caret{
// 											border-bottom-color:#ffffff;
// 											border-top-color:#ffffff;
// 										}

// 									}
// 								}
// 								.dropdown-toggle{
// 									.caret{
// 										margin-top: 3px;
// 									}
// 								}

// 								a{
// 									span{
// 										display: none;
// 									}
// 								}
// 							}
// 						}
// 					}
// 				}
// 			}
// 		} 

// }