body {
	background-color: white;
}

/* Barra Superior */
.barra-superior {
	background-color: #34495e;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(189,211,228,1);
	-moz-box-shadow: 0px 0px 6px 0px rgba(189,211,228,1);
	box-shadow: 0px 0px 6px 0px rgba(189,211,228,1);
}

img.bloque-izq {
	float: left;
	height: 40px;
	margin-top: 5px;
	margin-left: 10px;
}

img.powered {
	float: right;
	height: 50px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.login-txt {
	color: white;
	font-size: 18px;
	font-weight: 900;
}

.boton-selector {
	height: 30px;
	border-radius: 3px;
}

.logo-twitter {
	max-height: 45px;
	margin-top: 5px;
	margin-left: 10px;
	float:left;
}
/* Cosas generales para todo */

/* Tamaños fuentes */
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }

/* Colores */
.c-blanco { color: white; }
.c-verde { color: #27B99A; }
.c-azul { color: #34495E; }
.c-gris0 { color: #EFEFEF; }
.c-gris1 { color: #c4c4c4; }
.c-gris2 { color: #78848f; }
.c-oro { color: #f1df00; }
.c-plata { color: #939faa; }
.c-bronce { color: #dc8b07; }
.rojo { color: #f00 !important; }

/*fondos*/
.bg-blanco { background-color: white; }
.bg-azul { background-color: #34495E; }
.bg-gris0 { background-color: #EFEFEF; }
.bg-gris1 { background-color: #c4c4c4; }
.bg-gris2 { background-color: #78848f; }
.bg-verde { background-color: #27B99A; }
.bg-oro { background-color: #f1df00; }
.bg-plata { background-color: #939faa; }
.bg-bronce { background-color: #dc8b07 }


/*botones*/
.menu-selector { padding-left: 0; cursor: pointer;	}

.b-selector  {
	float: left;
    display: block;
    min-width: 150px !important;
    margin-right: 10px;
    border-radius: 3px;
    text-align: center;
    padding: 8px 10px 8px 10px;
    color: white;
}

.b-selector a, 
.b-selector a:active, 
.b-selector a:visited, 
.b-selector a:hover {
	color: white;
	text-decoration: none;
	width: 100%;   
} 
	
.b-selector-cal {
	float: left;
    display: block;
    width: 50px !important;
    padding: 8px 10px 8px 10px;
    margin-left: 30px;
    border-radius: 3px;
    text-align: center;
}

/* Diseño tabla */
.titulo-tabla {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 900;
}

.titulo-tabla-pq {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 900;
}

.subtitulo-tabla {
	float: right;
	font-size: 20px;

	font-weight: 900;
}

.subtitulo-tabla-pq {
	float: right;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 900;
}

.titulo-ganadores {
	font-family: 'Futura', Helvetica, Sans-Serif;	
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 900;
}

tr:nth-child(1),
tr:nth-child(2),
tr:nth-child(3) {
	font-weight: 900;
	font-size: 16px !important;
}

.msg-tabla {
	font-size: 10px;
	color:red;
	margin-top: 10px;
}

.espacio-tabla-mes {
	width:20%;
}

/* Color listados */
tr:nth-child(odd) { background-color:#fbfbfb; border-top: white 10px solid; }
tr:nth-child(even) { background-color:#f6f8fa; border-top: white 10px solid; }
td:nth-child(1) { width:40px; }

tr.contenido-tabla td:nth-child(2) {
	background: white !important;
	width: 80px;
}

tr.contenido-tabla-plenos td, 
tr.contenido-tabla-plenos th {
	min-width: 40px;	
	text-align: center;	
	font-size: 14px;
	color: #34495E;
}

tr.contenido-tabla-plenos th:nth-child(4) {
	background-color: #34495E !important;
	color: white !important;
	font-weight: 900 !important;
}

tr.contenido-tabla-plenos th:nth-child(3) {
	background-color: #27B99A !important;
	color: white !important;
	font-weight: 900 !important;
}

tr.contenido-tabla-plenos th:nth-child(2) {
	background-color: #efefef !important;
	color: #34495E !important;
	font-weight: 900 !important;
}

tr.contenido-tabla-plenos td:nth-child(2) {
	width: 15%;
	background-color: #efefef !important;
	font-weight: 900 !important;
}

tr.contenido-tabla-plenos td:nth-child(2) {
	width: 15%;
	background-color: #efefef;
	font-weight: 900 !important;
}

tr.contenido-tabla-plenos td:nth-child(3) {
	width: 15%;
	background-color: #27B99A;
	color: white;
	font-weight: 900 !important;
}

tr.contenido-tabla-plenos td:nth-child(4) {
	background-color: #34495E;
	color: white;
	width: 15%;
	text-align: center !important;
	font-weight: 900 !important;
}


td:nth-child(3) {
	width:40px;
}
td:nth-child(4) {
	text-align: right !important;
	padding-right: 20px !important;
}

tr.contenido-tabla td, 
tr.contenido-tabla th {
	min-width: 40px;	
	text-align: center;	
	font-size: 14px;
	color: #34495E;
}

.marca-de-agua {
    background-image: url(../img/porrapool.svg);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.1;
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    -webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.tac { 
	/* Tabla de Ancho Completo */
	width: 100%; 
	border-collapse: collapse; 
}

/* Zebra striping */
#tabla tr:nth-of-type(odd), #tabla_array tr:nth-of-type(odd) { 
	background: rgba(166, 166, 166, 0.05);
}

#tabla th, #tabla_array th { 
	background-color: #EFEFEF; 
	color: #78848F; 
	font-size: 14px;
	font-weight: 300; 
	padding: 10px 5px 10px 10px !important;
	text-align: center; 
	white-space: nowrap;
	text-transform: uppercase;
}

#tabla td, #tabla_array td{
	padding: 5px 0px;
	white-space: nowrap; 
} 

tr.marketlast td {
	min-width: 40px;	
	text-align: center;	
	font-size: 14px;
	background: #27B99A;
	color: white;
}

tr.omie td {
	min-width: 40px;	
	text-align: center;	
	font-size: 14px;
	background: #34495e;
	color: white;
}

.td-nulled { background-color: white !important; }
.td-otro {
	background-color: #EFEFEF !important;
	color: #78848F !important;
}

.oh { overflow: hidden; } 
	
.ofx { overflow-x: auto; }

/*Para tabla semanal*/
tr.semana td:nth-child(5),
tr.semana td:nth-child(6),
tr.semana td:nth-child(7),
tr.semana td:nth-child(8),
tr.semana td:nth-child(9),
tr.semana td:nth-child(10),
tr.semana td:nth-child(11) {
	background-color: rgba(242, 248, 247, 1);
	width: 110px;
}

tr.semana th:nth-child(5),
tr.semana th:nth-child(6),
tr.semana th:nth-child(7),
tr.semana th:nth-child(8),
tr.semana th:nth-child(9),
tr.semana th:nth-child(10),
tr.semana th:nth-child(11) {
	width: 110px;
	background: #34495E !important;
	color: white !important;
	font-weight: bold !important;
}


tr.semana th:nth-child(14)
{
	background: #27B99A !important;
	color: white !important;
	font-weight: bold !important;
}

tr.mes th:nth-child(5) {
	width: 110px;
	background: #34495E !important;
	color: white !important;
	font-weight: bold !important;
}

tr.mes td:nth-child(5) {
	width: 110px;
	background: #27B99A !important;
	color: white !important;
	font-weight: bold !important;
}
/*Seccion Imagen Podium PorraPool */

.clasificacion-imagen {
	max-width: 70%;
}

.contenedor-tabla {
	padding: 30px;
}

.contenedor-podium {
	width: 900px;	
	display: block;
	position:relative;
	overflow:hidden;
}

.contenedor-premiados {
	padding-top: 190px;
	max-width: 900px;
	background-image: url(../img/podium.svg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 400px !important;
}

.centra-podium {
    margin-right: 5%;
    margin-left: 4%;
}

.columna1 {
	text-align: center;
	font-size: 16px;
	font-weight: 900;
    color: #585858;
}

.columna2 {
	text-align: center;
	font-size: 16px;
    font-weight: 900;
    color: #585858;
	margin-top: 5%;
}

.columna3 {
	text-align: center;
	font-size: 16px;
	font-weight: 900;
    color: #585858;
	margin-top:7%;
}

.centra-podium-mes {
    margin-right: 6%;
    margin-left: 6%;
}

.columna1-mes {
	width: 33%;
	text-align: center;
	font-size: 20px;
	font-weight: 900;
    color: #585858;
}

.columna2-mes {
	width: 33%;
	text-align: center;
	font-size: 20px;
    font-weight: 900;
    color: #585858;
    margin-top: 5%;
}

.columna3-mes {
	width: 33%;
	text-align: center;
	font-size: 20px;
	font-weight: 900;
    color: #585858;
    margin-top: 7.5%;
}

.col-centrada{
    float: none;
    margin: 0 auto;
}

.col-centrada {
    float: none;
    margin: 0 auto;
}

.imagen-patrocinador {
	max-height: 150px;
	margin-top: 20px;
}

.imagen-patrocinador-periodico {
	max-height: 150px;
	margin-top: 20px;
}

.imagen-patrocinador-home {
	max-height: 100px;
	margin: 20px;
}

.barra-inferior {
	background-color: #34495E;
	margin-top: 8%;
	width: 100%;
	height: 40px;
	border-top: 1px solid #e8e8e8;

}

.contenedor-diploma {
	padding-top: 190px;
	max-width: 900px;
	background-image: url(../img/diploma-base.svg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 400px !important;
}

.centra-diploma {
	margin-right: 10%;
    margin-left: 10%;
    /* font-size: 20px; */
    font-weight: 900;
    color: #34495E;
}

.columna-diploma-fecha {
    margin-top: 22%;
    font-size: 14px;
    font-weight: 900;
    color: #34495E;
    float: left;
    min-width: 220px;
    text-align: right;
}

.columna-diploma-nick {
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    color: #34495E;
    margin-top: -25px;
    margin-left: -30px;
}
.columna-diploma-prevision {
    text-align: left;
    font-size: 14px;
    font-weight: 900;
    color: #34495E;
    margin-top: 49px;
    margin-left: -30px;
}

.precio-omie-grafica {
	background-color: #34495E;
	color: white !important;
	font-size: 12px !important;
	padding: 3px 10px;
	border-radius: 3px;	
	float: right;
	margin-left: 15px;
}

.linea-omie {
	background-color: #34495E;
	padding: 3px 10px;
	border-radius: 3px;	
	float: right;
	margin-left: 15px;
	margin-top: 8px;
}

@media (max-width: 1600px) {

	.col-ancho-1600 {
		min-width: 100% !important;
		margin-bottom: 10px;
	}
}

@media (max-width: 850px) {

	.col-ancho-850 {
		min-width: 100% !important;
		margin-bottom: 10px;
	}
}

.enlace-pie,
.enlace-pie a,
.enlace-pie a:link,
.enlace-pie a:hover,
.enlace-pie a:visited,
.enlace-pie a:active {
	color: white;
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
}

.texto-reglamento {
	font-size: 18px;
	color: #34495E;
	padding: 30px 50px;
}

.btn-res-semana {
	float:right;
	margin-left:15px;
	margin-right:0px !important;
}

#confetti {
width:100%; 
position: absolute;
top: 0;
left: 0;
}

.dot{
  width:10px;
  height:10px;
  position:absolute;
  background-color:#00FF00;
  border-radius: 20px;
  z-index:2;
}

.error404 {
	max-height: 400px;
	
}