@charset "utf-8";
/* CSS Document */

/*@import url(https://fonts.googleapis.com/css?family=Cuprum:400,700);*/
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');


body{
	/*font-family: 'Cuprum', sans-serif;*/
	font-family: 'PT Sans', sans-serif;
	margin:0;
	border:0 none;
	height:100%;
	width:100%;
}
.color-amarillo-back-xeu{
	background:#ffe900;
}
.color-amarillo-font-xeu{
	color:#ffe900;
}
.color-azul-font-xeu{
	color:#2f3784;
}
.color-azul-border-xeu{
	border-color:#2f3784;
}
.texto-color-primario{
	color:#d22026;
}
.texto-color-opcion{
	color:#002c5f;
}
.texto-color-secundario{
	color:#bdb289;
}
.texto-color-twitter{
	color:#4099ff;
}
.texto-color-facebook{
	color:#46629e;
}
.texto-color-youtube{
	color:#f50000;
}
.back-color-opcion{
	background:#002c5f;
}


/* ------- BANNERS -------- */

.zona-banners-lateral-sky{
	width:160px; 
	max-width:160px; 
	position:fixed;
	left:50%; 
	right:50%;
	top:50%;              
	transform:translateY(-50%);
}
.der{
	margin:0px 590px;
}
.izq{
	margin:0px -750px;
}


/* TABS */
#tabs-latnews { 
    background: transparent; 
    border: none; 
} 

#tabs-latnews .ui-widget-header { 
    background: transparent;
    border: none; 
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
    		border-bottom: 1px solid #c0c0c0; 
    border-radius: 0px;
	/*font-family: 'Cuprum', sans-serif;*/
	font-size:1rem;	
	font-weight:bold;
} 
#tabs-latnews .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 
#tabs-latnews .ui-tabs-nav .ui-state-active { 
    /*background: transparent url(../img/uiTabsArrow.png) no-repeat bottom center; */
    border: none; 
} 
#tabs-latnews .ui-tabs-nav .ui-state-default a {    
	color:#f86624;
	border-bottom: 5px solid #FFF;
} 
#tabs-latnews .ui-tabs-nav .ui-state-active a { 
	color:#f86624;
	border-bottom: 5px solid #f86624; 
}

/*------- HEADER ----------*/
.header-body{
	width:100%;
	background:url(../img/backmundial.png) repeat;
	/*background:#002c5f; */
	height:140px;
}
.header-logo_one{
	display:block;
}
.header-logo_two{
	display:none;
}
.back-navbar{
	background:#002c5f;
}
.header-mundial{
	background:url(../img/backmundial.png) repeat;
	height:50px;
}
/*
.col-logo{
	height:140px;
}
*/

.header-logo{
	/*background-image:url(../img/logo.png);*/
	/*
	width: 200px; 
	height: 100px;
	*/
	/*
	height:100px !important;
	*/
}
.nav-desk{
	display:block;
}
.nav-movil{
	display:none;
}

.header-text-mundial-esp{
	font-size:1.5rem;
	padding-top:.5rem;
}

@media only screen and (max-width: 1199px){
	.header-body{
		height:100px;
	}
	.header-logo_one{
		display:none;
	}
	.header-logo_two{
		display:block;
	}
	
	/*
	.col-logo{
		height:100px;
	}
	*/
	
}

@media only screen and (max-width: 991px){
	.header-body{
		display:none;
	}
	.nav-desk{
		display:none;		
	}
	.nav-movil{
		display:block;
	}	
}

@media only screen and (max-width: 767px){
	.header-text-mundial-esp{ font-size:1.1rem; padding-top:.7rem; }	
}
@media only screen and (max-width: 575px){
	.header-text-mundial-esp{ font-size:1.1rem; }
}
@media only screen and (max-width: 553px){
	.header-text-mundial-esp{ font-size:1rem; }
}

/*------- BOOTSTRAP NAV ----------*/

.mod-nav{
	width:100%; 
	background:#444; 
	height:auto;
}
.mod-nav .navbar{
	padding:0rem .5rem;
}
.mod-nav .navbar .nav-item{
	font-size:1rem;
	font-weight:700;
}
.mod-nav .navbar .nav-item .nav-link{	
	padding:.7rem 1rem .5rem 1rem;
	border-bottom:.2rem solid #002c5f;	
}
.mod-nav .navbar .nav-item .nav-link:hover{
	border-bottom:.2rem solid #d22026;
}
.mod-nav .navbar-toggler{
	border:none;
}

@media only screen and (max-width: 1199px){
	.mod-nav .navbar .nav-item{
		font-size:.9rem;
	}
	.mod-nav .navbar .nav-item .nav-link{
		padding-left:.6rem;
		padding-right:.6rem;
	}
}
@media only screen and (max-width: 991px){
	.mod-nav{
		background:#ffe900; 
	}
	.mod-nav .navbar-dark .navbar-toggler{
		color:#444;	
	}
}

@media only screen and (max-width: 991px){
	.mod-nav .navbar .nav-item .nav-link{	
		padding:.5rem 1rem .5rem 1rem;
		border-bottom:none;	
	}
	.mod-nav .navbar .nav-item .nav-link:hover{
		border-bottom:none;
		color:#f86624;
	}
}

/* ------- PORTADA -------- */

.portada-main-notas{
	height:380px;
	padding-right:.50rem;		
}
.portada-main-img{
	height:190px;
}
.col-der{
	padding-left:.50rem;
}
.col-izq{
	padding-left:.50rem;
	padding-right:.50rem;	
}
.row-top{
	margin-bottom:10px;
}

.portada-img-one{
	width:100%;
	height:380px;
}
.portada-img-two{
	width:100%;
	height:180px;
}

.portada-img-fot-one{
	width:100%;
	height:330px;
}

.portada-img-fot-two{
	width:100%;
	height:150px;
}

.portada-text-tv{
	font-size:1.1rem;	
}


@media only screen and (max-width: 1199px){
	.portada-main-notas{
		height:320px;		
	}
	.portada-main-img{
		height:160px;
	}
	.portada-img-one{	
		height:320px;
	}
	.portada-img-two{		
		height:150px;
	}
}

@media only screen and (max-width: 991px){
	.portada-main-notas{
		height:auto;
		padding-right:0;
	}
	.portada-main-img{
		height:auto;
		margin-top:.75rem;
	}	
	.col-izq{
		padding-left:0;	
	}	
	
	.portada-img-one{	
		height:450px;
	}
	.portada-img-two{		
		height:200px;
	}
}
@media only screen and (max-width: 767px){
	.portada-img-fot-one{
		height:150px;		
	}
}


@media only screen and (max-width: 575px){
	.portada-img-fot-one{
		height:300px;
		margin-bottom:1.4rem;
	}
	.portada-img-fot-two{	
		height:300px;
	}
}
/*-------------- FOOTER --------------*/
.footer-body-mundial{
	width:100%;
	background:url(../img/backmundial.png) repeat;
	/*height:300px;*/
}
.footer-body-deportes{
	background:#ffe900; 
}
.footer-text{
	font-size:.9rem;
}
/*
.footer-back{
	background:url(img/backmundial.png) repeat;
}
*/
.footer-border-der{
	border-right:1px solid #bdb289;
}


@media only screen and (max-width: 767px){
	.footer-border-der{
		border-right:0px;
	}	
}
/* -------------------------------------------*/
/* ------------------ MUNDIAL ----------------*/
/* -------------------------------------------*/

.color-mundial-azul{
	color:#042263;
}
.color-mundial-plata{
	color:#bdb289;
}
.border-content-shadow{
	border:1px solid #bdb289;
	box-shadow: 1px 2px #bdb289; 
	border-radius:3px;
}

.border-content{
	border:1px solid #bdb289;
	border-radius:3px;
}

/* d22026  bdb289 002c5f*/
.titulos-style{		
	border-top:1px solid #bdb289;
	padding-top:.5rem;
}
.titulos-style-columna{
	color:#FFF;
	background:#d22026;
	border-radius:3px;
}

/*-------------- PERFIL EQUIPOS --------------*/

.perfil-flag-content{
	height:100%;
	height:20px;
	/*height:25px;*/
}
.perfil-name-gpo{
	background:#002c5f;
	border-radius:3px;
}
.perfil-text-titulo{
	position:absolute; 
	bottom:0; 
	text-align:center; 
	color:#FFF; 
	margin-left:auto; 
	margin-right:auto; 
	left:0; 
	right:0; 
	text-shadow:0 1px 0 #000;
	font-weight:700;
	background:rgba(0,0,0,.6);
	padding:2rem;
}
.perfil-circle-content-uno{
	width:120px; 
	height:120px; 
	border-radius:50%;
	padding:4px;	 
	border-left:2px solid #bdb289; 
	border-top:2px solid #bdb289; 
	margin:auto;		
}
.perfil-circle-content-dos{
	width:110px; 
	height:110px; 
	border-radius:50%;
	padding:4px;
	border-right:2px solid #002c5f; 
	border-top:2px solid #002c5f; 
}
.perfil-circle-content-tri{
	width:100px; 
	height:100px; 
	border-radius:50%; 
	border-left:2px solid #d22026; 
	border-bottom:2px solid #d22026;
}
.perfil-categ-text-big{
	font-size:2.2rem;
}
.perfil-categ-text-small{
	font-size:1rem;
}
.perfil-categ-stats{
	font-size:1rem;
}
.cate-pad{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}
.cate-pad-dos{	
}
.calendario-text{
	font-size:1rem;
}

@media only screen and (max-width: 991px){
	.perfil-flag-content{
		height:100%;
		height:25px;
	}
}
@media only screen and (max-width: 767px){
	.calendario-text{
		font-size:1rem;
	}	
}
@media only screen and (max-width: 510px){
	.calendario-text{
		font-size:.8rem;
	}
}

@media only screen and (max-width: 420px){
	.perfil-circle-content-uno{
		width:100px; 
		height:100px;	
	}
	.perfil-circle-content-dos{
		width:90px; 
		height:90px;	
	}
	.perfil-circle-content-tri{
		width:80px; 
		height:80px;	
	}
	.perfil-categ-text-big{
		font-size:1.5rem;
	}	
	.perfil-categ-text-small{
		font-size:.8rem;
	}
	.perfil-categ-stats{
		font-size:.8rem;
	}
}

@media only screen and (max-width: 350px){
	.perfil-circle-content-uno{
		width:85px; 
		height:85px;	
	}
	.perfil-circle-content-dos{
		width:75px; 
		height:75px;	
	}
	.perfil-circle-content-tri{
		width:65px; 
		height:65px;	
	}
	.perfil-categ-text-big{
		font-size:1.2rem;
	}	
	.perfil-categ-text-small{
		font-size:.6rem;
	}
	.perfil-categ-stats{
		font-size:.6rem;
	}	
	.cate-pad{
		padding-top:1rem;
		padding-bottom:1rem;
	}
}

/*-------------- GRUPOS --------------*/

.grupos-content{
	/*
	content: "";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-image:url(../mundial/img/backgroup.svg);
	background-size:cover;
	z-index: -2;	
	*/
}
.grupos-content{
	border:3px solid #bdb289; 
	border-radius:3px;
}
.grupos-pais-row a{
	text-decoration:none;
	color:#042263;
}

.grupos-img-content{
	width:100%;
	height:120px;
}


/*-------------- SEDES --------------*/

.sede-img{
	width:100%;
	height:120px;
}

.img-shadow:after{
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, transparent 0px, #000) repeat scroll 0 0; content: ""; height: 40%; left: 0; position: absolute; bottom: 0; width: 100%;	
}

.img-caption{
	left:50%;
	bottom:5%;
	top:auto;
	transform:translate(-50%,0);
	position:absolute;
	z-index:2;
	width:75%;
	text-align:center;
	padding:0 5%;	
}
.img-caption-noticias{
	left:50%;
	bottom:5%;
	top:auto;
	transform:translate(-50%,0);
	position:absolute;
	z-index:2;
	width:100%;
	text-align:center;
	padding:0 5%;	
}

.img-caption-subtitulo{
	color:#FFF;	
}
.img-caption-subtitulo p{
	display:block;
	text-transform:uppercase;
	color:#FFF;
	width:100%;
	text-align:center;
	padding-bottom:5px;
	text-shadow:0 2px 5px #000000;
}
.img-caption-subtitulo	a{
	display:inline-block;
	width:auto;
	padding:4px 12px;
	color:#FFF;
	background:#bdb289;
	text-shadow:none;
	text-decoration:none;
}

.img-caption-titulo{
	display:block;
	/*padding:20px 30px 20px;*/
	color:#FFF;
	background:none;
	font-weight:700;
	text-shadow:0 2px 5px #000000;	
}

.img-caption-titulo-per{
	display:block;
	color:#FFF;
	background:none;
	font-weight:700;
	text-shadow:0 2px 5px #000000;	
}

.img-caption-titulo-not{
	display:block;
	color:#FFF;
	background:none;
	font-weight:700;
	text-shadow:0 2px 5px #000000;
}

.img-caption-titulo-small{
	display:block;
	/*padding:20px 30px 20px;*/
	color:#FFF;
	background:none;
	font-weight:700;
	font-size:1.1rem;
	text-shadow:0 2px 5px #000000;	
}

.sedes-content-sec{
	height:260px;
}

.noticias-sec-others{	
}
.img-caption-titulo-vid{
}

.sedes-nom-estadio{
	font-size:1rem;
}
.sedes-other-cont{
	width:100%;	
}
/*
.lf-portada figure.fig-shadow:after{ background: rgba(0, 0, 0, 0) linear-gradient(180deg, transparent 0px, #000) repeat scroll 0 0; content: ""; height: 50%; left: 0; position: absolute; bottom: 0; width: 100%;}
.cnt-lf > div {transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0ms;}
.cnt-lf {background: #FFFFFF; position: relative; z-index: 2; margin-top: -20px;}
.lf-cnt-gris {background: #ebebeb;}
*/

@media only screen and (max-width: 1199px){
	.sede-img{		
		height:100px;
	}
	.sedes-content-sec{
		height:270px;
	}

}
@media only screen and (max-width: 991px){
	.sedes-content-sec{
		height:250px;
	}
	.noticias-sec-others{
		font-size:1.2rem;	
	}	
}

@media only screen and (max-width: 767px){
	.img-caption-titulo-not{
		font-size:1.5rem;
	}	
	.img-caption-titulo-vid{
		font-size:1.5rem;
	}
	.img-caption-titulo-per{
		font-size:1.5rem;
	}
	.sedes-other-cont{		
		height:100px;
	}
	.sedes-nom-estadio{
		font-size:.8rem;
	}
}

@media only screen and (max-width: 575px){
	.sede-img{		
		height:250px;
	}
	.sedes-content-sec{
		height:390px;
	}
	.sedes-other-cont{		
		height:150px;
	}

}
@media only screen and (max-width: 440px){
	.sede-img{		
		height:180px;
	}
	.sedes-content-sec{
		height:320px;
	}
	.sedes-other-cont{		
		height:100px;
	}

}

/* -------------- NOTA --------------------*/

.noticias-nota-font{
	font-size:1.2rem;
}


/* -------------- FOTOS --------------------*/

.fotos-img-content{ height:200px; }

@media only screen and (max-width: 1199px){
	.fotos-img-content{ height:180px; }
}
@media only screen and (max-width: 991px){
	.fotos-img-content{ height:200px; }
}
@media only screen and (max-width: 767px){
	.fotos-img-content{ height:230px; }
}
@media only screen and (max-width: 575px){
	.fotos-img-content{ height:350px; }
}


/* ----------------- VIDEOS ----------------- */

.videos-img-icon-content{
	position:relative;
}
.videos-icon-play{
	position:absolute; 
	bottom:0; 
	left:0; 
	text-align:center; 
	padding:5px 10px; 
	background:#d22026;
}

/* ----------------- ESTADISTICAS ----------------- */

.estadisticas-content-game{
	border:1px solid #CECECE; 
	box-shadow: 1px 2px #CECECE; 
	border-radius:3px;
}

.estadisticas-nom-team{ font-size:1.1rem; }

.estadisticas-font{  }

@media only screen and (max-width: 767px){
	.estadisticas-nom-team{ font-size:1rem;}
}

@media only screen and (max-width: 440px){
	.estadisticas-nom-team{ font-size:.8rem;}
	.estadisticas-font{ font-size:.9rem; }	
}
@media only screen and (max-width: 400px){
	.estadisticas-font{ font-size:.8rem; }
}
@media only screen and (max-width: 380px){
	.estadisticas-font{ font-size:.7rem; }
}
@media only screen and (max-width: 360px){
	.estadisticas-font{ font-size:.6rem; }
}

/* ----------------- CALENDARIO ----------------- */

.calendario-text-pais{
	font-size:1.2rem;
}
.calendario-marcador{
	font-size:1.5rem;
}

@media only screen and (max-width: 767px){
	.calendario-text-pais{
		font-size:1rem;
	}	
}
@media only screen and (max-width: 575px){
	.calendario-text-pais{
		font-size:.9rem;
	}
}

@media only screen and (max-width: 440px){
	.calendario-text-pais{
		font-size:.8rem;
	}
}