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


/* INDEX DE EQUIPOS */
.elgrupo-pais {
	float: left;
	width: 95%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
	padding-top: 5px;
	padding-left: 5%;
	padding-bottom: 5px;
}
.elgrupo-pais img {
	float: left;
	max-width: 40px;
}
.v1 {
	background-color:#FFFFFF;
}
.v2 {
background-color:#fff;
}
.elige-equipos {
	width: 45.5%;
	float: left;
	margin: 0 1.5% 15px 3%;
}
.elige-equipos2 {
	width: 45.5%;
	float: left;
	margin: 0 3% 15px 1.5%;
}
.elgrupo-pais h2 {
	color: #3c3c3c;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 16px;
	text-transform: uppercase;
	float: left;
	padding-top: 12px;
	padding-left: 3%;
}
.elgrupo-pais h2 a {
	color: #3c3c3c;
	text-decoration:none;
}
.elgrupo-pais h2 a:hover {
	text-decoration:underline;
}
.mapa-conmebol {
	width: 94%;
	margin: 0 3% 10px 3%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #d9d9d9;
}

.mapa-conmebol img {
	width: 100%;
}

/* FIN INDEX DE EQUIPOS */

/* =========== FIGURA ============= */
.box_cont-figurita {
	float: left;
	width: 100%;
	height: auto;
	background-color: #ededed;
}
.destacado-right-1-titulo {
	float: left;
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 7px;
	color: #fff;
	font-family:  'Oswald', Arial, Helvetica, sans-serif;
}
.destacado-right-1-titulo h2 {
	font-family:  'Oswald', Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #000;
	font-weight: normal;
	line-height: 24px;
	margin-left: 3%;
	
}

.destacado-right-1-titulo h2 a {
	color: #fff;
	text-decoration: none;
		transition:all 0.4s ease-out;
}
.destacado-right-1-titulo h2 a:hover {
	color: #FFCC66;
	text-decoration:none;
	-webkit-text-shadow: 1px 2px 2px 1px #0f4b8e;
	text-shadow: 1px 2px 2px 1px #0f4b8e;
}
/* =========== FIN FIGURA ============= */

/* ================ TWITTER ================== */
#box-twitter-general {
	float:left;
}
#box-twitter-equipos {
	float:left;
	width: 100%;
	background-color:#FFFFFF;
	margin-top: 10px;
	height: 405px;
}
/* ================ fin TWITTER ================== */


.calendario-box-equipo {
	margin-bottom: 10px;
}

/* =========== EQUIPO INTERIOR ============= */

h1.equipointerior {
	padding-left: 10px;
	width: 80%;
}


.dt-pic {
	float:left;
	width: 47%;
}
.dt-pic-img {
	float:left;
	width: 53%;
	margin-top: 5px;
}
h2.equipointerior {
	float: left;
	font-size: 26px;
	color: #000;
	font-weight: normal;
	padding-top: 20px;
	line-height: 24px;
	font-family: 'Oswald',Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
	padding-left: 10px;
}
.icon-bandera-equipos {
	float: left;
	padding-left: 15px;
	padding-top: 15px;
	max-width:2.5em;
}
.box-left-equipos-redes {
	float: left;
	width: 27%;
	padding-top: 16px;
}
.box-left-equipos-up {
	float: left;
	width: 72%;
}
.icon-socialesteam {
	float: right;
	margin: 0px 1px 0 1px;
}
.box-left-equipos-interior {
	width: 100%;
	float: left;
}
.team-pic {
	float:left;
	width: 58.02%;
	margin-bottom: 15px;
}
.team-pic img {
	width:100%;
}

.dt-pic-img img {
	width:100%;
}
.box-left-oscuro-interior {
	float:left;
	width: 100%;
	background-color: #ccdeea;
}
.box-left-oscuro-interior h1 {
	float: left;
	font-size: 22px;
	color: #3c3c3c;
	font-weight: normal;
	padding-top: 25px;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
}
.info-pic {
	float:left;
	width: 41.97%;
}
.info-pic p {
	float: left;
	width: 89.93%;
	margin-right: 5.03%;
	margin-left: 5.03%;
	font-family: Arial, Helvetica, sans-serif;
	color: #3c3c3c;
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.dt-pic h1 {
	float: left;
	font-size: 22px;
	color: #3c3c3c;
	font-weight: normal;
	padding-top: 20px;
	padding-left: 20px;
	width: 92%;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}
.dt-pic p {
	float: left;
	width: 89.93%;
	margin-right: 5.03%;
	margin-left: 5.03%;
	font-family: Arial, Helvetica, sans-serif;
	color: #3c3c3c;
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.dato-team {
	float: left;
	width: 86.93%;
	background-color: #FFFFFF;
	margin-right: 5.03%;
	margin-left: 5.03%;
	font-family: Arial, Helvetica, sans-serif;
	color: #3c3c3c;
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 14px;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.dato-team::before {
	content: "●";
	color: #02438a;
	margin: 0 5px 0 0px;
}
.tab-proyeccion {
	float: left;
	width: 89.94%;
	margin-right: 5.03%;
	margin-left: 5.03%;
	background-color: #e76e21;
	padding-left: 0px;
	margin-top: 10px;
}
.tab-momento {
	float: left;
	width: 89.94%;
	margin-right: 5.03%;
	margin-left: 5.03%;
	background-color: #e76e21;
	padding-left: 0px;
	margin-top: 10px;
}
.tab-proyeccion-bajo {
	float: right;
	height: 22px;
	width: 22px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tab-proyeccion-bajo img {
	width: 100%;
}
.box-contenedor-lafigura {
	float:left;
	width: 100%;
	height:auto;
	margin-bottom: 20px;
}

.destacado-right-figura {
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 5px;
/*	padding: 0.5%;*/
/*	box-sizing: border-box;*/
}

.destacado-right-figura img {
	width: 100%;
}
.dato-figura {
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 14px;
	padding-top: 0px;
	padding-bottom: 3px;
}
.dato-figura::before {
	content: "●";
	color: #1d77b5;
	margin: 0 3% 0 3%;
}
.info-figura {
	float: left;
	height: auto;
	width: 94%;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: 16px;
	margin: 12px 3% 15px 3%;
}
.uniforme-img-box {
	float: left;
	width: 100%;
	margin-top:10px;
	text-align: center;

}
.uniforme-img-box img {
	max-width: 126px;
}
.uniforme-box-unif {
	float: left;
	width: 60%;
	margin-right: 20%;
	margin-left: 20%;
	background-color: #f6be3c;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding-top: 3px;
	padding-bottom: 3px;
}
.box_cont-uniforme-global {
	float: left;
	width: 100%;
	height: auto;
	background-color: #ccdeea;
	padding-bottom: 10px;
}
.box_cont-uniforme {
	float: left;
	width: 50%;
	height: auto;
	background-image: url(../img/equipos/bg-uniforme.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.nombre-tab-300 {
    float: left;
    font-family:  Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    height: 17px;
    color: #FFFFFF;
    margin: 0px;
    line-height: 15px;
    width: auto;
    padding-top: 7px;
	padding-left: 2%;
    padding-bottom: 4px;
}

/* ================ torta ================== */
.box-left-orange ul, .box-left-orange li {
	list-style-type:none;
	padding:0;
	margin:0;
}	
.box-left-orange {
	float:left;
	width: 100%;
	background-color: #f5e4d0;
	padding-bottom: 25px;
}
.box-left-orange h1 {
	float: left;
	font-size: 22px;
	color: #3c3c3c;
	font-weight: normal;
	padding-top: 25px;
	padding-left: 20px;
	width: 92%;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}
.box-estadisticas-graficos {
	float: left;
	width: 91.54%;
	height: auto;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 2.81%;
	margin-left: 2.81%;
	padding-top: 1.4%;
	padding-right: 1.4%;
	padding-bottom: 2%;
	padding-left: 1.4%;
}
.box-estadisticas-graficos-cnti {
	float: left;
	/*	width: 230px;*/
	width: 34.32%;
	margin-bottom: 8px;
	margin-right: 2.98%;
	position: relative;
}
.box-estadisticas-graficos-cnti h4, .box-estadisticas-graficos-der h4 {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	background-color: #3c3c3c;
	margin-top: 0px;
	padding-top: 4px;
	font-size: 16px;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 4px;
	width: 100%;
}
.box-estadisticas-graficos-cnti h4 {
	padding-left: 4.48%;
		width: 95.52%;
}
.box-estadisticas-graficos-der h4 {
	width: 95.23%;
	padding-left: 2.38%;
	padding-right: 2.38%;

}
.estadisticas-mundiales-seleccion {
	position: absolute;
	left: 37%;
	left: calc(52% - 39.5px);
	top:42%;
	top: calc(58% - 37.5px);
	width: 79px;
	text-align: left;
	font-size: 11px;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.estadisticas-mundiales-seleccion li {
	margin-top:2px;
	position: relative;
	padding-left:26px;
}

.estadisticas-mundiales-seleccion li div {
	position: absolute;
	top: 4px;
	left:15px;
	width: 7px;
	height: 7px;
	background-color: #c87000;
}

.estadisticas-mundiales-seleccion li div.pe {
	background-color: #e39d44;
}

.estadisticas-mundiales-seleccion li div.pp {
	background-color: #efcea4;
}

.estadisticas-mundiales-seleccion li.totales {
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	font-size: 24px;
	padding-bottom: 2px;
	text-align: center;
	padding-left:0px;
}
#box-grafico-torta-equipos {
	float: left;
	width: 100%;
	height: 190px;
}
.box-estadisticas-graficos-der {
	float: left;
	width: 62.68%;
	/*		width: 420px;*/
	height: auto;
}
div.estadisticas-historicas-mundiales {
	background-color: #fff;
	background-color: #ededed;
	width: 95.23%;
	/*	height: 160px;*/
	float:left;
	padding-top: 2.45%;
	padding-right: 2.38%;
	padding-bottom: 2.38%;
	padding-left: 2.38%;
}

div.estadisticas-historicas-mundiales ul li {
margin-bottom: 4px;
border-bottom: 1px dotted #afafaf;
padding-bottom: 4px;
}

div.estadisticas-historicas-mundiales ul li:last-child {
border-bottom: none;
}

div.estadisticas-historicas-mundiales ul li span {
font-size: 11px;
}

/* ================ fin torta ================== */

/* ================ Plantel ================== */

div.box-central-plantel-opta {
min-height: 240px;
background-color: #eaecee;
}

#opta-widget-idx-plantel .loading-layer p,
.opta-loader p{
font-family: Arial, Helvetica, sans-serif;
height:140px;
padding-top:60px;
width: 100%;
background-image: url('../img/load.gif');
background-repeat: no-repeat;
background-position: center center;
font-size:11px;
font-weight:bold;
text-align: center;
}

#opta-widget-idx-plantel .tabs-container {
display:block!important;
}

#opta-widget-idx-plantel h2,
#opta-widget-idx-plantel form {
display: none;
}

div.box-central-plantel-opta h2 {
background-color: #01448b;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #FFFFFF;
text-indent: 1.44%;
padding-top: 4px;
padding-bottom: 4px;
text-transform: uppercase;
margin-top:10px;
width: 100%;
}

div.box-central-plantel-opta {
float:left;
clear:both;
width:100%;
}

#opta-widget-idx-plantel {
font-family: Arial, Helvetica, sans-serif;
background-color: #eaecee;
padding-top:15px;
padding:2.5%;
}

#opta-widget-idx-plantel h3 {
padding: 5px 0px;
font-size: 12px;
text-transform: uppercase;
color: #000;
background-color: #ccdeea;
text-indent: 15px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

#opta-widget-idx-plantel table {
font-size: 12px;
width: 100%;
border-collapse: collapse;
margin-bottom: 4px;
}

#opta-widget-idx-plantel thead th {
padding: 4px 2px;
background-color: #efefef;
font-size: 11px;
}

#opta-widget-idx-plantel thead th:first-child {
border-left: 1px solid #ccc;
display: none;
}

#opta-widget-idx-plantel thead th:nth-child(2) {
text-align: left;
}

#opta-widget-idx-plantel thead th:last-child {
border-right: 1px solid #ccc;
}

#opta-widget-idx-plantel tbody tr:first-child td {
border-top: 1px solid #ccc;
}

#opta-widget-idx-plantel tbody td:first-child {
background-color: #efefef;
font-weight: bold;
display: none;
}

#opta-widget-idx-plantel tbody td {
padding: 4px 2px;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
background-color: #fff;
}

#opta-widget-idx-plantel tbody td:nth-child(2) {
text-align: left;
color: #000;
text-indent: 3px;
}

#opta-widget-idx-plantel tbody td:last-child {
border-right: 1px solid #ccc;
}

#opta-widget-idx-plantel tbody td a:link,
#opta-widget-idx-plantel tbody td a:visited {
text-decoration: none;
color: #01448B;
}

#opta-widget-idx-plantel tbody td a:hover {
text-decoration: underline;
}

#opta-widget-idx-plantel tr:hover td {
background-color: #efefef;
}

#opta-widget-idx-plantel tr:hover td:first-child {
background-color: #ddd;
}

#opta-widget-idx-plantel dl.category-key {
display: inline-block;
text-align: center;
color: #fff;
padding: 0px;
margin: 0px;
width: 100%;
margin-bottom: 6px;
}

#opta-widget-idx-plantel .category-key dd,
#opta-widget-idx-plantel .category-key dt {
display: inline-block;
font-size: 9px;
color: rgb(130, 126, 126);
padding-right:2px;
padding-left:3px;
}

#opta-widget-idx-plantel .category-key dd {
margin-right:11px;
}

#opta-widget-idx-plantel .category-key dd:last-child {
margin-right:0px;
}

#opta-widget-idx-plantel .category-key dt {
font-weight: bold;
padding-left:0px;
color: #666;
}

/* ================ Fin Plantel ================== */

/* ================ Ranking ================== */
.box-left-green {
	float:left;
	width: 100%;
	background-color: #e4ecc9;
	padding-bottom: 25px;
}
.box-left-green h1 {
	float: left;
	font-size: 22px;
	color: #3c3c3c;
	font-weight: normal;
	padding-top: 25px;
	padding-left: 20px;
	width: 92%;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}
.box-estadisticas-ranking {
	float: left;
	width: 91.54%;
	height: auto;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 2.81%;
	margin-left: 2.81%;
	padding-top: 1.4%;
	padding-right: 1.4%;
	padding-bottom: 2%;
	padding-left: 1.4%;
}
#grafico-ranking-fifa {
	background-color: #81bb46;
	width: 100%;
	height: 205px;
	float:left;
	clear:both;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
/* ================ fin Ranking ================== */







/* ======================== FIN CSS DE EQUIPOS ========================= */
/* ======================== FIN CSS DE EQUIPOS ========================= */

@media (max-width: 1180px) {
/* ================ TWITTER ================== */
#box-twitter-general {
	display: none;
}
}

@media (max-width: 960px) {

/* ======================== CSS DE EQUIPOS ========================= */
/* ======================== CSS DE EQUIPOS ========================= */

.team-pic {
	width: 94%;
	padding: 0 3% 0 3%;
	text-align:center;
}
.info-pic {
    margin-top: 15px;
    width: 100%;
}
.dato-team {
	margin: 0 3% 4px 3%;
	width:92%;
	padding-top: 5px;
	padding-right: 1%;
	padding-bottom: 5px;
	padding-left: 1%;
}
.tab-proyeccion {
    float: left;
    width: 94%;
    margin-right: 3%;
    margin-left: 3%;
    background-color: #e76e21;
    padding-left: 0px;
    margin-top: 10px;
}
div.box-central p {
    margin-right: 3%;
    margin-left: 3%;
    line-height: 17px;
}
.dt-pic {
	float:left;
	width: 100%;
}
.dt-pic-img {
	float:left;
	width: 100%;
	margin-top: 0;
}
.tab-momento {
    width: 94%;
    margin-right: 3%;
    margin-left: 3%
}
.box-grafico-torta-equipos {
	display:none;
}

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

/* ======================== CSS DE EQUIPOS ========================= */
/* ======================== CSS DE EQUIPOS ========================= */

.team-pic {
	width: 94%;
	padding: 0 3% 0 3%;
	text-align:center;
}
.box-left-equipos-redes {
display:none;
}
.mapa-conmebol {
	display: none;
}

}

/* ===== RESOLUCIÓN < 540 ===== */

@media (max-width: 540px) {
.box-estadisticas-graficos-cnti,
.box-estadisticas-graficos-der {
width:100%;
margin-right:0%;
}
}

/* ===== RESOLUCIÓN < 440 ===== */

@media (max-width: 440px) {

/* INDEX DE EQUIPOS */

.elige-equipos {
	width: 94%;
	float: left;
	margin: 0 3% 0px 3%;
}
.elige-equipos2 {
	width: 94%;
	float: left;
	margin: 0 3% 15px 3%;
}
.mapa-conmebol {
	display: none;
}
/* FIN INDEX DE EQUIPOS */

}