@import "http://fonts.googleapis.com/css?family=Dosis:400,300,200,500,600,700,800";

@import "../../../less/mc.mixins.less";

@baseFontFamily: Arial, Helvetica, sans-serif;
@type_Special: 'Dosis', sans-serif;
@baseFontSize: 14px;
@baseLineHeight:14px;
@bg: #fff;
@bg_type: #000;
@bg_dest_type: #36fbb4;
@color01: #36fbb4;
@color01_type: #000;
@color01_h: #000;
@color01_h_type: #fff;
@color02: #EAEAEA;
@color02_type: #fff;
@color02_h: #D9DADB;
@color02_h_type: #000;
@refColor01:#519518;
@refColor01_type: #000000;
//@refColor01:#90E24A;
//@refColor01_type: #90E24A;
@refColor02:#FAEC37;
@refColor02_type: #a40000;
//@refColor02_type: #F10000;
@refColor03:#F29400;
@refColor04:#a40000;
//@refColor04:#F10000;
@refColor04_type: #D93232;
@homeColor:#000;
@homeColor_type:#fff; 
@awayColor: #ddd; 
@awayColor_type:#333; 

@xs: 480px;
@sm: 768px; 
@md: 992px;
@lg: 1200px;

.generalBody{
    background-color:@bg;
	font-family: @type_Special;
	font-weight: 400;
}


.dfMc_Theme_worldCup2014 {

	&.dfMc-Module, &.dfMc-Page,div[class*="dfMc-"]{
		*{
			font-family: @type_Special;
			font-weight: 400;
		}
		img{
			width: 34px;
		}
		.circle img.img-responsive{
			width: initial;
		}
		
		.history .teamsContent .row .data .flag{
			padding: 0 2% 0;
			img.img-responsive{
				width: initial;
			}
		} 
		&.maxSize-767 ,&.maxSize-991, &.maxSize-1199{
			.history .teamsContent .row {
				.data{
					line-height: 46px;
					.name{
						width: 52%;
					}
					.flag{
						padding: 0 0% 0;
						img.img-responsive{
							width: initial;
						}
					}
				} 
			}
		}
		&.maxSize-479{
			.history .teamsContent .row {
				.data{
					line-height: 27px;
					.name{
						width: 45%;
					}
					.goals{
						font-size: 25px;			
						height: 40px;
						width: 40px;
						border-radius: 50px;
						border: 4px solid #36fbb4;
						line-height: 30px;
					}
					.flag{
						padding: 0 0% 0;
						img.img-responsive{
							width: 34px;
						}
					}
				} 
			}
		}
		.modulePreloader {
		   height:30px;
		   width:30px;
		   margin:5px auto;
		   position:relative;
		   -webkit-animation: rotation .6s infinite linear;
		   -moz-animation: rotation .6s infinite linear;
		   -o-animation: rotation .6s infinite linear;
		   animation: rotation .6s infinite linear;
		   border-left:6px solid fadeout(@bg_dest_type, 75%);
		   border-right:6px solid fadeout(@bg_dest_type, 75%);
		   border-bottom:6px solid fadeout(@bg_dest_type, 75%);
		   border-top:6px solid @bg_dest_type;
		   border-radius:100%;
		}
		.msgCtn{
			background:@bg_dest_type;
			color:@color01_type;

		}
		.header{
			background: @bg_dest_type;
			small{
				color:@color01_type;
				font-family: @type_Special;
				font-weight: normal;
			}
			.nav.navbar-nav.navbar-right{
				display: none;
			}
		}
		.table{
			font-family: @type_Special;
			font-weight: normal;
		}
		.navbar-nav {
			.dropdown.tournaments{
				.dropdown-toggle{
					.caret{
						border-bottom-color:@color01_type;
						border-top-color:@color01_type;
					}	
					span, &:focus span{
						color:@color01_type;
					}

				}
				.dropdown-menu{
							box-shadow:none !important;
							font-family:@type_Special;
							font-weight:normal;
							border:1px solid lighten(@bg_type, 80%);
							
				}
				.dropdown-menu li a{
					font-family:@type_Special;
					font-weight:normal;
					color:@color01_type !important;
					&:hover,&:focus{
						background-color:@bg_dest_type !important;
					}
				}	
			}
		}  
		.fieldPosition .field .msjDatos{
			background-color: fadeout(@bg_dest_type, 30%);
			padding: 3px 14px 8px 14px;
		}	
		/*Resultados*/
		.navbar {
			.first-level{
				li{
					&:hover{
						a{
							background-color:@bg_type;
							color: @color01;
						}
					}
					&.active{
						a{
							color: @color01;
							background-color:@bg_type;
							&:hover,&:focus{
								background-color:@bg_type;
								color: @color01;
								box-shadow:none;	
							}
							&:before,&:hover:before,&:focus:before{
								box-shadow:none;
							}
						}
					}
					a{
						&:after{
							width:0px;
						}
						&:hover:before, &:before{
							box-shadow:none;
						}
						&:hover{
							background-color:@bg_type;
							color: @color01;
						}
					}	
				} 	
			}
			.second-level{
				background: @bg_dest_type;
				color: @color01_type;
				li{
					a{
						color:@color01_type;
						&:hover, &:focus{
							color: @color01_type;
							background-color: transparent;
						}
					}
					&:hover{
						background: @bg_dest_type;
						a{
							background: @bg_dest_type;
							color: @color01_type;
						}
					}
					&.active{
						a{
							color: @color01_type;
							background-color: @bg_dest_type;
							&:hover, &:focus{
								color: @color01_type;
								background-color: @bg_dest_type;
							}
						}
					}
				}
			}
			
			.subnav{
				margin-top: 0px;
				background-color:#FFFFFF;
				background-image:none !important;
				.box-shadow-inset(0, -9px, 10px, -5px, darken(@bg, 10%));
				&:after{
					background-color:#000000;
					background-image:none;
					border:none;
					height:1px;
					top:0px;
				}
			}
		
		}

		.btn{
			background-color:@bg_dest_type;
			color:@color01_type;
			.border-radius(4px);
			box-shadow: 0 2px 0 darken( @bg_dest_type, 25%);
			font-size: 16px;
			border: none;
			font-family: @type_Special;
			height: 27px;
			line-height: 27px;
			margin-top: 8px;
			
		}
		.btn .hidden-xs{
			font-weight:500;
		}
		.btn:focus,.btn:hover{
			background-color:lighten(@bg_dest_type, 10%);
			color:@color01_type;
		}
		.minSize-1199{
			 .col-md-2 a span{
			 	font-size:16px;
			 }
		}
		
		.menu-coord .subnav:after{
			background-color: @color01_type;
			background-image: none;
			background-repeat: no-repeat;
			border-bottom: none;
			border-top: 1px solid @color01_type;
			content: "";
			height: 1px;
			top: -1px;
		}
		.fixture {
			.fecha{
				.match{
					.local, .visitante{
						.resultado{
							color:@color01;
						}
					} 
				}
				.detalles{
					.local, .visitante{
						.resultado{
							color:@color01;
						}
					}
				} 
			} 
		}
		/*Tablas*/
		.table {
			background-color: #FFFFFF;
		   	border-collapse: separate;
		   	border-spacing: 0 2px !important;
		   	font-size:12px;
		   	thead{
		   		tr{
		   			th, td{
		   				border-top:none;
		   			}
		   		}
		   	}
			tbody{
				tr{
					th{
						border-top:none;
					}
					&:nth-of-type(odd){
						background-color:#E0E2DF;
						background-image:none;
					}
					&:nth-of-type(even){
						background-color:#ECECEC;
						background-image:none;
					}

					td{
						border-top:none;
						.border{
							border-right:1px solid @color01;
						}
						.badge{
							color: @color01_type;
							background-color:@bg_dest_type;
							font-family: @type_Special;
							font-weight: normal;
						}
						&.name, &.team{
							text-transform:uppercase;
						}
						&.pos{
							color: @color01_h;
						}
						&.puntos{
							&.destacado{
								.border{
									.badge{
										color:@color01_type;
									}
								}
							}
						}
						&.goals{
							.border{
								.badge{
									color:@color01_type;
								}
							}
						}
					} 
				}	
			}
			tfoot{
				tr{
					th, td{
						border-top:none;
					}
				}
			}
		}

		.planteles {
			.head{
				.title{
					background-color:@bg_dest_type;
					color: @color01_type;

				}
			}
			.nav-pills{
				background-color:lighten(@bg_type, 90%)
			}
			.table tbody > tr td.nombre{
				text-transform:uppercase;
			}
		}

		.navbar-top{
			background:@bg;
			background-image: none;

			li{
				a{
					padding:0 8px;
				}
			}
		}

		.maxSize-479{
			.infoDate .sb-time{
				    color: #ffffff;
				    display: inline-block;
				    font-size: 12px;
				    margin-left:5px; 
				    height: auto;
				    left: 0px;
				    line-height: 25px;
				    position: inherit;
				    text-align: left;
				    float:left; 
			}
			.infoDate .sb-status{
				    float:left; 
			}
		}

		/* TIMELINE */
		.infoScoreBoard {
			clear: both;
			.penalties{
				height: 25px;
				width: 25px;
				line-height: 25px;
				font-size: 14px;
				margin:36px -1px 0; 
				&:after{
					left: 4px;
					box-shadow: 0px 26px 2px 0px #cccccc;
				}
			}	
			div.score{
				margin:10px -5%;
				border-right: 0px;
				 .goals{
						font-size: 50px;
						font-family: @type_Special;
						color: #000000;
						height: 60px;
						width: 60px;
						background-color: @bg_dest_type;
						border-radius: 50px;
						border:10px solid  @bg_dest_type;
						text-align: center;
						font-weight:300;
					}	
			}
			div.home, div.away{
				background-image: none;
				height: 80px;
				line-height: 38px;
				font-weight: 300;
			}
			div.name{
				font-weight: normal;
				font-size: 30px;
				line-height:80px;
			}
			div.shield{
				width:70px;
			}
			
			.home{
				div.shield{
					float:right;
					position:relative;
					right:35%;	
				}
				div.name {
					margin-left:10%;
				}
				div.score{
					padding: 0px 10px;
					border-right: 0px;
				}
			}
			.away {
				div.shield {
					float:left;
					position:relative;
					left:35%;
				}
				div.name {
					margin-right:10%;
				}
				div.score{
					padding: 2px 14px;
					border-left-width:0px;
				}
			}		
		}
		.maxSize-767{
			&.timeLine{
				.line{
					height: 8px;
					margin-top: 30px;
				}
			}
			.infoScoreBoard{
				.penalties{
					height: 18px;
					width: 18px;
					line-height: 18px;
					font-size: 10px;
					margin: 27px -2px 0;
					&:after{
						left: 0px;
						box-shadow: 1px 19px 3px -1px #cccccc;
					}
				}
				div.score{
					line-height: 20px;
					margin:20px -15%;
					.goals{
						font-size: 25px;
						height: 40px;
						width: 40px;
					}
				}

				.home{
					div.name {
						margin-left:2%;
						font-size: 20px;
					}
					div.shield {
						right:25%;
						background-size: 40px;
						background-position: -5px;
					}

				}
				.away {
					height: 80px;
					line-height: 9px;
					div.name {
						margin-right:2%;
						font-size: 20px;
					}
					div.shield {
						left:26%;
						background-size: 40px;
						background-position: 35px;
					}

				}
			}
			.infoDate{
				.sb-time{
					font-size: 20px;
					color:#ffffff;
				}
			}
		}
		.maxSize-479{
			&.timeLine{
				.line{
					height: 8px;
					margin-top: 30px;
				}
			}
			.infoScoreBoard{
				.shield{
					width: 50px;
				}
				.penalties{
					height: 15px;
					width: 15px;
					line-height: 15px;
					font-size: 9px;
					margin: 14px 3px 0;
					&:after{
						box-shadow: 0px 16px 1px -1px #cccccc;
					}
				}
				div.score{
					margin:10px 0;
					line-height: 10px;
					.goals{
						font-size: 25px;
						height: 30px;
						width: 30px;
						border-width: 9px;
					}
				}
				.home{
					height: 50px;
					line-height: 9px;
					div.name {
						margin-left:2%;
						font-size: 18px;
						line-height: 50px;
					}
					div.shield {
						right:0;
						float: left;
						background-size: 34px;
					}
				}
				.away {
					height: 50px;
					line-height: 9px;
					div.name {
						margin-left:2%;
						font-size: 18px;
						line-height: 50px;
					}
					div.shield {
						float: left;
						left: 0;
						background-size: 34px;
						background-position: 10px;
					}
					div.score {
						padding: 2px 11px;
					}
				}
			}
			.infoDate{
				.sb-time{
					font-size: 14px;
					float: none;
					left: 8px;
					display: inline;
				}
			}
		}



		.timeLine {
		 	.time{
 				height: 70px;
 				.first, .second{
 					.progress{
 						.bar{
 							#gradient .vertical(@color01,darken(@color01,30%) );
 						}
 					}
 				}
 				.first{
 					border-right: 1px solid #ffffff;
 				}
 				.second{
 					border-left: 1px solid #cccccc;
 				}
 				.home, .away{
 					height: 30px;
 					line-height: 22px;
 					margin-top: 6px;
 					.initials{
 						color: @color01_type;
 						margin-left: -4%;
 					}
 				}
 				.home{
 					.incidences{
 						.yellowCard{
 							background-image: url("../images/ico_t_amarilla_loc.png");
 						}
 						.redCard{
 							background-image: url("../images/ico_t_roja_loc.png");
 						}
 						.goal{
 							background-image: url("../images/ico_gol_afavor_loc.png");
 						}
 						.change{
 							background-image: url("../images/ico_cambios_loc.png");
 							width: 29px;
 						}
 						.redByDoubleYellowCard{
 							background-image: url("../images/ico_t_roja_x2amarillas_loc.png");
 						}
 						height: 35px;
 						line-height: 35px;
 						div{
 							height: 34px;
 							width: 19px;
 						}
 					}
 				}
 				.away{
 					.incidences{
 						.yellowCard{
 							background-image: url("../images/ico_t_amarilla_vis.png");
 						}
 						.redCard{
 							background-image: url("../images/ico_t_roja_vis.png");
 						}
 						.goal{
 							background-image: url("../images/ico_gol_afavor_vis.png");
 						}
 						.change{
 							background-image: url("../images/ico_cambios_vis.png");
 							width: 29px;
 						}
 						.redByDoubleYellowCard{
 							background-image: url("../images/ico_t_roja_x2amarillas_vis.png");
 						}
 						height: 35px;
 						line-height: 35px;
 						div{
 							height: 34px;
 							width: 19px;
 							margin-top: -20px;
 						}
 					}
 				}
				
 			
 			}
 			.timeline{
				background-color: darken(@bg, 5%);
				box-shadow: inset 0 4px 4px  -4px darken(@bg,50%), inset 0 -4px 4px  -4px darken(@bg,50%);   
				-moz-box-shadow: inset 0 4px 4px  -4px darken(@bg,50%), inset 0 -4px 4px  -4px darken(@bg,50%);   
				-webkit-box-shadow: inset 0 4px 4px  -4px darken(@bg,50%), inset 0 -4px 4px  -4px darken(@bg,50%);
				margin-bottom:0px;
				height: 70px;
			}
			.line{
				height: 11px;
				margin-top: 26px;
				background-color: darken(@bg, 5%);
				border-radius: 10px;
				overflow: hidden;
			   		.mc-time-1,.mc-tl-extratime1{
				   		.border-top-left-radius(10px);
						.border-bottom-left-radius(10px);
			   		}
			   		.mc-time-2, .mc-tl-extratime2{
				   		.border-top-right-radius(10px);
						.border-bottom-right-radius(10px);
			   		}
			}
			.first .line {
		   		.border-top-left-radius(10px);
				.border-bottom-left-radius(10px);
			}
			.second .line{
		   		.border-top-right-radius(10px);
				.border-bottom-right-radius(10px);
			}
		}
		.maxSize-1199{
			&.timeLine {
				.line{
					height: 8px;
					margin-top: 30px;
				}
			 	.time{
	 				.home{
	 					.incidences{
	 						.yellowCard{
	 							background-image: url("../images/amarilla_local_p.png");
	 						}
	 						.redCard{
	 							background-image: url("../images/roja_local_p.png");
	 						}
	 						.goal{
	 							background-image: url("../images/gol_local_p.png");
	 						}
	 						.goal.own{
	 							background-image: url("../images/gol_local_encontra_p.png");
	 						}
	 						.change{
	 							background-image: url("../images/cambio_local_p.png");
	 							width: 24px;
	 						}
	 						.redByDoubleYellowCard{
	 							background-image: url("../images/roja_doble_amarilla_local_p.png");
	 						}
	 						height: 22px;
	 						line-height: 22px;
	 						div{
	 							height: 22px;
	 							width: 11px;
	 							margin-top: 11px;
	 						}
	 						
	 					}
	 				}
	 				.away{
	 					.incidences{
	 						.yellowCard{
	 							background-image: url("../images/amarilla_visitante_p.png");
	 						}
	 						.redCard{
	 							background-image: url("../images/roja_visitante_p.png");
	 						}
	 						.goal{
	 							background-image: url("../images/gol_visitante_p.png");
	 						}
	 						.goal.own{
	 							background-image: url("../images/gol_visitante_encontra_p.png");
	 						}
	 						.change{
	 							background-image: url("../images/cambio_visitante_p.png");
	 							width: 24px;
	 						}
	 						.redByDoubleYellowCard{
	 							background-image: url("../images/roja_doble_amarilla_visitante_p.png");
	 						}
	 						height: 22px;
	 						line-height: 22px;
	 						div{
	 							height: 22px;
	 							width: 11px;
	 							margin-top: -14px;
	 						}
	 					}
	 				}
	 			}
			}
		}
		.progress{
			.box-shadow-inset(0, 0px, 3px, 1px, lighten(@bg_type, 85%));
		}

		/*.tooltip.top .tooltip-arrow{
			border-width: 5px 3px 0;
		}
		.tooltip-inner{
			border-radius: 0px;
			.inc{
				margin: 0 0 0 48%;
				width: 72%;
				
				.type{
					width: 60%;
					color:@color01;
				}
				.name{
					float: left;
					width: 60%;
				}
			}
			.title{
				
				width: 50%;
				height: 25px;
				line-height: 25px;
				.periodo{
					background: url(../images/ico_reloj.png) no-repeat -2px 3px transparent;
				 	 float: left;
				    height: 20px;
				    margin-left: 1px;
				    margin-top: 0px;
				    width: 26px;
				    color: @color01;
				    text-align:right;
				}
				.tiempo{
					background: url(../images/ico_player_ch.png) no-repeat 21px 3px transparent;
					float: left;
					height: 20px;
					margin-top: 0px;
					width: 46px;
					text-align:left;
					margin-left:6px;

				}
			}
		}*/

		/*TITULOS*/

		.GC_title{
		
			font-family: @type_Special;
			background-image: none;
			background-color: @bg;
			font-weight: bold;
			font-size: 14px;
			line-height: 30px;
			position:relative;       
			margin: 5px auto;
			border:none;
			height:30px;
			width:auto;
			margin-bottom: 9px;

			 &:after{
				content:"";
			    position:absolute; 
			    z-index:-1;
			    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
			    -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
			    box-shadow:0 0 10px rgba(0,0,0,0.3);
			    width:100%;
     		    height: 30px; 
			    background: transparent; 
			    right:0;
			    -moz-border-radius: 50%;
			    -webkit-border-radius: 50%;
			    border-radius: 50%;

			}
		}

		.moduleCtn{
			position:relative;
			z-index:0;
		}
		/*FORMACION*/
		.lineUpFull,.lineUpFullBlock {
			&.maxSize-991{
				.team-name{
					&.mobile{
						&.last{
							border-left:none;	
						}
					}
				}
			}
			.container-substitutes{
				z-index:0;
			}
			.substitutes-content{
				.substitutes{
					.home, .away{
						.player{
							.incidences{
								.out{
									background: url("../images/ico_salio.png");
									background-repeat: no-repeat;
								}
								.in{
									background: url("../images/ico_entra.png");
									background-repeat: no-repeat;
								}

							}
						}						
					}

				}	
				.mc-away-substitutes{
					border-left: 4px solid @bg;
				}
				.name{
					font-size:12px;
				}
				.number{
					background-color:@bg_dest_type;
					color:@color01_type;
					font-size:12px;	
				}
				.player{
					background-color:#ECECEC;
					background-image:none;
					border-radius: 4px;
					&:nth-child(odd){
						background-color:#E0E2DF;
						margin-top:4px;
						margin-bottom:4px;

					}
					&:hover,&.hover-name{
						background:#CFCFCF;
						box-shadow:none;
					}
					&.coach{
						box-shadow:none;
						background:@color01;
					}
				}
			}
			.team-name{
					z-index:0;
					&.last, &.team-home{
						background-color: @bg;
						border-left: 4px;
						border-right: 4px;
						border-color: @bg;
						border-style: solid;
					}
				.player{
					background-color:#ECECEC;
					background-image:none;
					border-radius: 4px;
					.name{
						font-size:12px;
					}
					.number{
						background-color:@bg_dest_type;
						color:@color01_type;
						font-size:12px;	
					}
					&:nth-of-type(odd){
						background-color:#E0E2DF;
						margin-top:4px;
						margin-bottom:4px;

					}
					&:hover, &.hover-name{
						background:#CFCFCF;
						box-shadow:none;
					}
					&.coach{
						box-shadow:none;
						background:@color01;
						&:hover{
							background:@bg_dest_type;
						}
						.name{
							.dt{
								color:@color01_type;
							}
						}
					}
				}
			}
			div.gameField{
				div.positions{
					div{
						span{
							&.container-player{
								span{
									&.player{
										font-family:@type_Special;
									}
								}
							}
						}
					}
				}
			}

			.starting{
				.away, .home{
					.player{
						.incidences{
							div{
								height:18px;
								width: 16px;
								margin:-7px 5px;
							}
							.yellowCard{
								background-image: url("../images/ico_t_amarilla.png");
							}
							.redCard{
								background-image: url("../images/ico_t_roja.png");
							}
							.goal{
								background-image: url("../images/ico_gol_afavor.png");
								margin:-6px 5px;
							}
							.goal.own{
								background-image: url("../images/ico_gol_encontra2.png");
							}
							.out{
								background: url("../images/ico_salio.png");
								background-repeat: no-repeat;
							}
							.in{
								background: url("../images/ico_entra.png");
								background-repeat: no-repeat;
							}
							.redByDoubleYellowCard{
								background: url("../images/ico_t_roja_x2amarillas.png");
								background-repeat: no-repeat;
							}						


						}
					}
				}		

			}
	
		}

		/*COMPARATIVA*/
		.teamComparison,.playerComparison{
			.comparing{
				.bar{
					.awayBar.m-awayColor{
						#gradient .vertical(@awayColor,darken(@awayColor,10%) );
					}
					.homeBar.m-homeColor{
						#gradient .vertical(@homeColor,darken(@homeColor,10%) );
					}
				}
			} 				
		} 
		.itemsRanking{
			.home{
				.G_barsRanking{
					.barraIn{
						#gradient .vertical(@homeColor,darken(@homeColor,10%) );
					}
				}
			}
			.away{
				.G_barsRanking{
					.barraIn{
						#gradient .vertical(@awayColor,darken(@awayColor,10%) );
					}
				}
			}
		}

		.blockPasses{
			.content {
				.teamComparison{
					.comparing{
						.bar{
							.homeBar{
								.border-top-left-radius(10px);
								.border-bottom-left-radius(10px);
							}
							.awayBar{
								.border-top-right-radius(10px);
								.border-bottom-right-radius(10px);	
							}
						}
						.data .correct .text{
							padding:0 0 0 38px;
						}
					}
				}
			}
		} 

		.playerComparison .comparing{
			.bar{
				.border-radius(10px); 
				.box-shadow-inset(0, 0px, 3px, 1px, lighten(@bg_type, 85%));
				overflow: hidden;
				.awayBar{
					.border-top-right-radius(10px);
					.border-bottom-right-radius(10px);
				}
				.homeBar{
					.border-top-left-radius(10px);
					.border-bottom-left-radius(10px);	
				}
			}
			.center{
				display:none;
			}
		}

		.teamComparison .comparing {
			position: relative;
			z-index:0;

			.bar{
				background-color:darken(@bg, 5%);
				.box-shadow-inset(0, -1px, 3px, 1px, lighten(@bg_type, 85%));
				.border-radius(10px); 
				.awayBar{
					.border-top-right-radius(10px);
					.border-bottom-right-radius(10px);
				}
				.homeBar{
					.border-top-left-radius(10px);
					.border-bottom-left-radius(10px);
				}
			}
			.num{
				font-family:@type_Special;

			}
			.center{
				display:none;
				&:after{
					display:none;
				}
			}
		}

		/* COORDEADAS */
		.twoBlocksPlayer {
			.colLeft,.colRight{
				.data{
					span{
						color:@color01;
					}
				}
			}
		}
		.itemsRanking {
			.G_barsRanking{
				border-radius: 10px;
				background-color:darken(@bg, 5%);
				overflow: hidden;
				.box-shadow-inset(0, -1px, 3px, 1px, lighten(@bg_type, 85%));
			}
			.G_ranking{
				.num{
					color: @color01_h;
					font-family: @type_Special;
				}
				.numTeam{
					color:@color01;
				}
			}
			.home, .away{
				.G_barsRanking{
					.barraIn{
						.border-top-left-radius(8px);
						.border-bottom-left-radius(8px);
					}
				}
			}
		}

		.passes .leyend span{
			font-family:@type_Special;
		}
		.generic-field3d.homeTeam span.container-player span.player,  .generic-field3d.awayTeam span.container-player span.player{
			font-family:@type_Special;
		}
		
		.owl-carousel.owl-theme .owl-controls .owl-page.active span{
			background-color:@color01;
		}
		.live .colRightLive .boxContainer{
			box-shadow: 0 0 3px #666666;
		}
		

		/* RELATO EN VIVO*/

		.commentary {
			.time {
				.data-small{
					span{
						font-family:@type_Special;
					}
					.arrow-right{
					    border-bottom: 5px solid rgba(0, 0, 0, 0);
					    border-left: 14px solid #666666;
					    border-top: 5px solid rgba(0, 0, 0, 0);
					    height: 10px;
					    position: absolute;
					    right: -14px;
					    top: 17px;
					    width: 13px;
					    &:after{
					    	border-bottom: 5px solid rgba(0, 0, 0, 0);
					    	border-left: 14px solid #FFFFFF;
					    	border-top: 5px solid rgba(0, 0, 0, 0);
					    	content: "";
					    	height: 0;
					    	position: absolute;
					    	right: 0;
					    	top: -5px;
					    	width: 0;
					    }
					}
					.arrow-left{
						border-bottom: 5px solid rgba(0, 0, 0, 0);
						border-right: 14px solid #666666;
						border-top: 5px solid rgba(0, 0, 0, 0);
						height: 10px;
						position: absolute;
						left: -14px;
						top: 17px;
						width: 13px;
					    &:after{
					    	border-bottom: 5px solid rgba(0, 0, 0, 0);
					    	border-right: 14px solid #FFFFFF;
					    	border-top: 5px solid rgba(0, 0, 0, 0);
					    	content: "";
					    	height: 0;
					    	position: absolute;
					    	left: 0;
					    	top: -5px;
					    	width: 0;
					    }
					}
				} 
			}
			&.maxSize-479{
				.time{
					.data-small {
						.arrow-top{
							border-bottom: 12px solid #CBCBCB;
						    border-left: 5px solid rgba(0, 0, 0, 0);
						    border-right: 5px solid rgba(0, 0, 0, 0);
						    height:8px;
						    left:0;
						    margin: 0 auto;
						    right:0px;
						    top:-12px;
						    width:10px;
						    &:after{
					    		border-bottom: 14px solid #FFFFFF;
					    	    border-left: 5px solid rgba(0, 0, 0, 0);
					    	    border-right: 5px solid rgba(0, 0, 0, 0);
					    	    content: "";
					    	    height: 0;
					    	    left: -6px;
					    	    position: absolute;
					    	    top: 1px;
					    	    width:0px;
						    }
						}
					}
				}
			} 
			.teams{
				.local,.away{
					background-size: 34px;
				}
			}
		}

    	.shots{
    		.content{
    			.inner{
    				.tpCircles{
    					.tooltipStatic{
	    					font-size:10px;
	    					text-transform:uppercase;
	    				}
    				}
    				.colLeft,.colRight{
    					.boxTotal{
    						.tpTotal{
    							.tooltip{
    								.tooltip-inner{
    									font-size:10px;
    									text-transform:uppercase;
    								}
    							}
    						}
    					}
    				}
    			}
    		}
    	}

		.shotsFromArea{
			.content{
				.inner{
					.tpCircles{
						 .tooltipStatic{
							font-size:10px;
							text-transform:uppercase;
						}
					}
					.colLeft,.colRight {
						.boxTotal{
							.tpTotal{
								.tooltip{
									.tooltip-inner{
										font-size:10px;
										text-transform:uppercase;
									}
								} 
							}
						}
					}
				}
			}
		}
		.blockShots {
			.tooltip{
				.tooltip-inner{
					text-transform:uppercase;
					font-size:10px;	
				}
			}
			.tooltip-static{
				text-transform:uppercase;
				font-size:10px;
			}
		}

		.description .data{
		 	.arrow-right{
 			    border-bottom: 5px solid rgba(0, 0, 0, 0);
 			    border-left: 14px solid #666666;
 			    border-top: 5px solid rgba(0, 0, 0, 0);
 			    height: 0;
 			    position: absolute;
 			    right: -14px;
 			    top: 16px;
 			    width: 0;
 			    &:after{
		    		border-bottom: 5px solid rgba(0, 0, 0, 0);
		    	    border-left: 14px solid #FFFFFF;
		    	    border-top: 5px solid rgba(0, 0, 0, 0);
		    	    content: "";
		    	    height: 0;
		    	    position: absolute;
		    	    right: 0;
		    	    top: -5px;
		    	    width: 0;
 			    }
 			}
 			.arrow-left{
			    border-bottom: 5px solid rgba(0, 0, 0, 0);
			    border-right: 14px solid #666666;
			    border-top: 5px solid rgba(0, 0, 0, 0);
			    height: 0;
			    left: -14px;
			    position: absolute;
			    top: 16px;
			    width: 0;
			    &:after{
			    	border-bottom: 5px solid rgba(0, 0, 0, 0);
			    	border-right: 14px solid #FFFFFF;
			    	border-top: 5px solid rgba(0, 0, 0, 0);
			    	content: "";
			    	height: 0;
			    	left: 0;
			    	position: absolute;
			    	top: -5px;
			    	width: 0;
			    }
			}
		}

		.preview .teamComparison .comparing .num{
			font-family:@type_Special;
		}

		/*MAPA DE CALOR*/
		.heatMap .barHeatMap .content .circle{
			font-size:24px;
			line-height:24px;
		}

		/*FICHA DE JUGADOR*/



		.playerTab,.statsCenterPlayerTab {
			.blockPlayer{
				.colLeft{
					.data div{
						background:@color01;
						color:@color01_type;
						.border-radius(4px);
						box-shadow: 0 2px 0 darken( @bg_dest_type, 25%);
						line-height:34px;
						&:hover{
							background:lighten(@color01, 10%);	
						}
					}
					.data{
						span{
							&.mc-playerPosition{
								color:@color01;
							}
						}
					}
				} 
			}
			.blockMinutes{
				.content{
					.colLeft,.colRight{
						.barNumber{
							background:@bg_dest_type;
							color: @color01_type;
						}
					} 
				} 
			}
			.blockGoals{
				.content{
					.positionCards{
						.colorCards{
							.circle{
								background: @bg_dest_type;
								color: @color01_type;
							}
						}
					} 
				} 
			} 
		}

		.statsCenterPlayerComparison .blockPlayerTournament .colLeft .data span, .statsCenterPlayerComparison .blockPlayerTournament .colRight .data span{
			color:@color01;
		}
		.subHeader .closeTitle, .twoBlocksPlayer .colLeft .data div, .statsCenterPlayerComparison .blockPlayerTournament .colLeft .data .change, .statsCenterPlayerComparison .blockPlayerTournament .colRight .data .change, .twoBlocksPlayer .colRight .data div,.statsCenterTeamComparison .blockTeamTournament .colLeft .data .change,.statsCenterTeamComparison .blockTeamTournament .colRight .data .change{
			background:@color01;
			color:@color01_type;
			.border-radius(4px);
			box-shadow: 0 2px 0 darken( @bg_dest_type, 25%);
			line-height:34px;
			&:hover{
				background:lighten(@color01, 10%);	
			}
		}
		.playerTab .subHeader.title{
			height:30px;
			line-height: 30px;
		}

		.subHeader{
			background-color:#ffffff;
			color:@color01_type;
			font-family: @type_Special;
			background-image: none;
			background-color: @bg;
			font-weight: bold;
			font-size: 14px;
			line-height: 30px;
			position:relative;       
			margin:10px auto;
			border:none;
			height:30px;
			width:auto;
				span{
					font-weight: bold;
					font-size: 14px;
				}
				&:after{
					content:"";
				    position:absolute; 
				    z-index:-1;
				    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
				    -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
				    box-shadow:0 0 10px rgba(0,0,0,0.3);
				    width:100%;
	     		    height: 30px; 
				    background: transparent; 
				    right:0;
				    -moz-border-radius: 50%;
				    -webkit-border-radius: 50%;
				    border-radius: 50%;
				}
			.closeTitle{
				span.close{
					margin-top:-3px;
				}
			}
		}

		.statsCenterTeamComparison,.statsCenterPlayerComparison {
			.blockTeamTournament,.blockPlayerTournament{
				.colMiddle{
					.circle{
						background:@bg_dest_type;
						color:@color01_type;
					}
				}
			}
		} 
		.twoBlocksPlayer {
			.colLeft, .colRight {
				.data span{
						&.mc-playerName_1, &.mc-playerName_2{
							color:@color01_type;
						}			
				}
			}
			.colMiddle{
				.circle{
					background:@bg_dest_type;
					color:@color01_type;
				}
			}
		}

		.blockPasses{
			.content{
				.mobileTablet{
					.colLeft,.colRight{
						 .data{
						 	.number{
								color:@color01;
							}
						 }
					}
				} 
			} 
		}


		.contentCoordenadas .itemsRanking .home .G_barsRanking .barraIn{
			background-color:@bg_dest_type;
		}

		/*RELOJ*/
		
		.infoDate {
			background: @bg_type;
			font-family: @type_Special;
			height: 26px;
			line-height: 25px;
			.date{
				position: relative;
				color:@color01;
				line-height:25px;
			}
			.level{
				color:@color01_h_type;
				float: left;
				margin-right: 14px;	
				text-transform: uppercase;
			}
			.sb-time{
			    color: @color01_h;
			    font-size: 30px;
			    height: 82px;
			    line-height: 80px;
			    position: absolute;
			    text-align: center;
			    width: 100%;
			}
		}


		


		.minSize-767{
			 .btn{
			 	font-size:14px;
			 }
		}

		.maxSize-479{
			.button-style{
				box-shadow:0px -1px 6px 0px darken(@bg_dest_type,30%) inset;
				background:@bg_dest_type;
				&.active{
			   		background:lighten(@bg_dest_type, 10%);
				}
			}
		   &.fixture,&.history{
			   .fecha{
			      .match, .detalles{
					.link{
						height: 65px;
						margin-top: -40px;
						 a, a span{
								line-height: 65px;
						}
					}

			      }
			   }		   	
		   }
		   /*.navbar{
		   		&.mobile{
		   			.subnav{
		   				li{
		   					a{
		   						font-weight:500;	
		   					}
		   					
		   					&:focus, &.active{
		   						a{
		   							background:@bg_dest_type;
		   							color: @color01_type;
		   							font-family:@type_Special;
		   							font-weight:500;
		   						}
		   					} 
		   				}	
		   			}
		   		}
		   	}*/
		   	.subHeader{
		   		color:#ffffff;
		   		background-color: #000000;
		   		margin:0px;
		   		span{
		   			font-weight: normal;
		   		}
		   	}
		   	.navbar.mobile{
		   		.first-level{
		   			li{
		   				a{
		   					background: #000000;
		   					color:#ffffff;
		   				}
		   				&.active{
		   					a{
		   						color:@color01;
		   					}
		   				}
		   			}
		   		}
		   		.second-level{
		   			li{
		   				&.active{
		   					a{
		   						background: #4D4D4D;
		   						color:@color01;

		   					}
		   				}
		   				a{
		   					background: #4D4D4D;
		   					color:#ffffff;
		   				}
		   			}
		   		}
		   		.subnav{
		   			li{
		   				a{
		   					background: #808080;
		   					color:#ffffff;
		   				}
		   				&.active{
		   					a{
		   						background: #808080;
		   						color:@color01;

		   					}
		   				}
		   			} 
		   		} 
		   	}
		}
		/*historia*/
		.history{
			.teamsContent{
				.row{
					.data{
						.name{
							font-weight: normal;
						}
						.goals{
							font-size: 50px;
							font-family: @type_Special;
							color: #000000;
							height: 60px;
							width: 60px;
							background-color: @bg_dest_type;
							border-radius: 50px;
							border:10px solid  @bg_dest_type;
							text-align: center;
							font-weight:300;
							line-height: 40px;
						}
					}
				}
			}
			.wrapperHstory{
			    .owl-theme {
			 		.owl-controls{
			 	 		.owl-buttons{
			 	 			div.owl-prev{
			 	 				.icon-chevron-left{
									border-right: 10px solid @color01;
			 	 				}
			 	 			}
			 	 			div.owl-next{
			 	 				.icon-chevron-right{
			 	 					border-left: 10px solid @color01;
			 	 				}
			 	 			}
			 	 		} 
			 	 	} 
			 	 }
			 	.historySlider {
					.inItem{
						a{
							font-weight: normal;
						}
						&:hover, &.active{

							background:#000000;
							color: @color01;
							font-weight: normal;
							a{
								color: @color01;
							}
						}
					}
			 	}
			 }
		}
		/*Sedes*/
		.citiesStadiums{
			.subHeader{
				background: #000000;
				color: #FFFFFF;
				span{
					font-weight: normal;
				}
			}
			.blockData{
				.name{
					span{
						font-weight: normal;
					}
				}
			}

			.map{
				.content{
					.pointer{
						background: #ffffff;
						border: 2px solid #000000;
						&:hover, &.active{
							background: @bg_dest_type;
							border: 2px solid #000000;
							.tooltip.left{
								.tooltip-arrow{
									border-left-color:#000000;
								}
							}
							.tooltip-inner{
								background: #000000;
								color: @color01;

								&:hover, &.active{
									color: @color01;
									background: #000000;
								}
							}
						}
					}
				}
			}
		}


		/*formacion botones mobile*/
		.caption{
			border-width: 0px;
			&.nav {
				margin-bottom: 4px;
				.homeBar,.awayBar{
					height: 25px;
				}
				.homeBar{
					background:@homeColor;
					color:@homeColor_type;
					.border-radius(4px);
					box-shadow: 0 2px 0 #ccc;
					margin-top:0px;
					&.on{
						box-shadow: -2px -2px 0 inset #ccc;
						height: 23px;
						margin-top:2px; 
						line-height: 24px;
					}
				}
				.awayBar{
					background:@awayColor;
					color:@awayColor_type;
					.border-radius(4px);
					box-shadow: 0 2px 0 #ccc;
					&.on{
						box-shadow: -2px -2px 0 inset #ccc;
						height: 23px;
						margin-top:2px; 
						line-height: 24px;
					}
				}
			}
		}
		.maxSize-240{
			.infoDate{
				height: 50px;
				.level{
					float: none;
				}
			}
			.infoScoreBoard{
				div.score{
					margin:10px -8%;
				}
				.away .shield, .home .shield{
					right: 28%;
					width: 24px;
					background-size: 34px;
					background-position: 10px;
					*background-position: -10px;
				}
				.penalties{
					height: 15px;
					width: 15px;
					line-height: 15px;
					font-size: 9px;
					margin: 14px 3px 0;
				}
				
			}
		}
		

		.statsCenterPerTeam,.statsCenterPerPlayer{
			.blockTeam{

				.graphical, .data{
					.table{
						thead{
							 tr{
							 	th{
							 		.minutes{
							 			background: @bg_dest_type;
							 			.num{
							 				background: @bg_dest_type;
							 				color: @color01_type;
							 			}
							 		} 
							 		.minutes.second{
							 			background:@bg_type;
										.num{
											background: @bg_type;
											color: @color01_h_type;
										}
							 		}
							 		.minutes.third{
				 			 			background: #999999;
				 						.num{
				 							background: #999999;
				 							color: @color01_h_type;
				 						}
							 		}
							 		.minutes.fourth{
				 			 			background: #ccc;
				 						.num{
				 							background: #ccc;
				 							color: @color01_h_type;
				 						}
							 		}
							 		.minutes.fourth{
				 			 			background: #666666;
				 						.num{
				 							background: #666666;
				 							color: @color01_h_type;
				 						}
							 		}	
							 		.minutes.fourth{
				 			 			background: #3c8171;
				 						.num{
				 							background: #3c8171;
				 							color: @color01_h_type;
				 						}
							 		}							 								 									 		
							 	} 
							 } 
						}
					} 
				} 
				.row{
					.dataContent{
						.box{
							 .num{
							 	line-height: 15px;
							 	&.mc-statsCenterWin, &.mc-numFirst,&.mc-numYellow,&.mc-numCorrect{
									background: @bg_dest_type;
									color: @color01_type;
							 	}
							 }
						}
					}
					.G_ranking{
						.G_barsRanking{
							div{
								&.mc-statsCenterBarFirst, &.mc-barsFirst,&.mc-barsFirst{
									background: @bg_dest_type;
								}
								&.mc-statsCenterBarSecond{
									border-bottom-left-radius: 0px; 
									border-top-left-radius: 0px; 
								}
								&.mc-statsCenterBarThird{
									border-bottom-left-radius: 0px; 
									border-top-left-radius: 0px; 
								}
							}

						} 
					}
					.badge{
						background: @bg_dest_type;
						color: @color01_type;
					} 
				} 
			}
		}
		.heatMap img{
			width: initial;
		}
		.itemMaM {
			.item{
				.title{
					background:@bg_dest_type;
					color: @color01_type;
					font-size: 12px;
					text-transform: uppercase;
					padding: 1px 8px;
				}
				.teams{
					.first,.second{
						.number{
							color: @color01;
						}
						.name{
							font-size: 12px;
						}
					} 
				}
				.col{
					.details{
						background: @bg_dest_type;
						color: @color01_type;
						&:hover{
							background: lighten(@bg_dest_type, 10%)
						}
					}
					.date{
						span{
							font-size: 12px;
						}
					}
				}
				.information{
					span{
						font-size: 12px;
					}
				}
			} 
		}
		.generic-field3d,.statsCenterPlayerTab .blockMinutes .content,.blockPlayerTournament,.blockTeamTournament,.blockPlayer {
			 img{
				width: initial;
			}
		}





		.ie8{
			.fieldPosition{
				position: relative;
			}
			&.maxSize-767{
				.infoScoreBoard{
					.home{
						div.name {
							margin-left:2%;
							font-size: 20px;
						}
						div.shield {
							right:25%;
							background-size: 40px;
							background-position: -5px;
						}

					}
					.away {
						height: 80px;
						line-height: 9px;
						div.name {
							margin-right:2%;
							font-size: 20px;
						}
						div.shield {
							left:26%;
							background-size: 40px;
							background-position: 7px;
						}

					}
				}
			}
			&.maxSize-479{
				.infoScoreBoard{
					.home{

						div.shield {
							background-position: -10px;
							right: 0px;
						}
					}
					.away {						
						div.shield {
							background-position: -10px;
							left: 0px;
						}
					}
				}
			}

		}
	}
}