html {
	position: relative;
	min-height: 100%;
	overflow-x: hidden;
}
body {
	margin-top: 100px;
	font-family: 'Barlow Semi Condensed', Tahoma, sans-serif;
	font-size: 16px;
	overflow-x: hidden;
	font-weight: 400;
	color: #222222;
}

select > option		{ font-size:14px; }

H1					{ font-size:20px; color:#961E34; margin-bottom: 10px; padding: 0px; text-shadow:2px 2px 1px #CCCCCC; font-weight: bold; text-transform: uppercase; }

.clearfix10 	{ padding: 10px; }
.clearfix20 	{ padding: 20px; }

.grow:hover		{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.grow2:hover	{ -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); background: linear-gradient(#FFFFFF,#EEEEEE); border-radius: 15px; }

@media (min-width: 768px) {		.container { width: 750px; }		}
@media (min-width: 992px) {		.container { width: 970px; }		}
@media (min-width: 1200px) {	.container { width: 1170px; }		}

.container 		{ padding: 5px; }
.row 			{ padding: 0px; margin: 0px; }

a				{ color: #961E34; }

.mostrar_grande		{ display:none; }
@media (min-width: 1000px) {
	.mostrar_grande	{ display: inline; }
}

.mostrar_tablet		{ display:none; }
.tamano_normal		{ font-size: 16px; }
@media (max-width: 1000px) {
	.mostrar_tablet	{ display: block; }
	.tamano_normal	{ font-size: 14px; }
}


.panel 	{ display:inline-block; }





.imgResultado		{
	width: 28px;
	margin-right:4px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 4px 1px #AAAAAA;
	-o-box-shadow: 1px 1px 4px 1px #AAAAAA;
	-ms-box-shadow: 1px 1px 4px 1px #AAAAAA;
	-webkit-box-shadow: 1px 1px 4px 1px #AAAAAA;
	box-shadow: 1px 1px 4px 1px #AAAAAA;
	filter: shadow(color=#AAAAAA, direction=135, strength=2);
}
.imgPronostico		{
	width: 42px;
	border-radius: 3px;
	box-shadow: 1px 1px 4px 1px #AAAAAA;
}
.imgEstadisticas		{
	width: 32px;
	border-radius: 3px;
	box-shadow: 1px 1px 4px 1px #AAAAAA;
}





/* BARRA */

.navbar {
	background-size: auto 100%;
	background: #F5F5F5!important;
	border-bottom: 1px solid #961E34;
	font-size: 18px;
	font-weight: 500;
	text-shadow: 1px 1px 4px #FFFFFF;
	color: #961E34!important;
}
a.nav-link {
	color: #961E34!important;
}
.navbar-brand 		{ margin: 0px; padding: 0px;  }
.navbar-brand img 	{ margin: 0px; margin-right: 40px; transition: all 0.5s; }







.list_grupos		{ color: #961E34; background: #F5F5F5; border: 1px #EEEEEE solid; font-size: 16px; letter-spacing: 0.07em; border-radius: 8px; font-weight: 500; }

.list_partidos		{ padding: 2px 12px; margin: 0px; border-bottom: 1px dotted #EEEEEE; }
.list_partidos div	{ padding: 8px 2px; }





.fixture_fila			{ padding: 6px 3px; border-bottom: 1px dotted #CCCCCC; background: linear-gradient(#FFFFFF,#F5F5F5); }
.fixture_fila_success	{ background: linear-gradient(#FFFFFF, #96dabf)!important; }
.fixture_fila_light		{ background: linear-gradient(#FFFFFF, #ecbdbd)!important; }



.estadisticas_fila		{ padding: 10px 3px; border-bottom: 1px dotted #AAAAAA; background: linear-gradient(#FFFFFF,#FAFAFA); }



.posiciones_listado		{ padding: 8px 12px; background: linear-gradient(#FFFFFF,#F5F5F5); }



.index_eleccion {
	padding:15px;
	background-color: #E8F7E9;
	background: linear-gradient(#FFFFFF, #EEEEEE);
	border-radius: 10px;
	border: 1px solid #CCCCCC;
	font-weight: 400;
}




.posicionesComentariosDiv {
	max-height:450px;
	overflow-y: scroll;
	font-size:11px;
}
.posicionesComentariosFecha {
	 padding: 8px;
	 background-color:#D9D9FF;
	 font-weight:bold;
	 text-transform:uppercase;
}
.posicionesComentariosCom {
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}




.table .thead-dark th {
	color: #FFFFFF;
	background: #961E34;
	background: linear-gradient(#de2f4f, #961E34);
	border-color: #dee2e6;
}




#footer 				{ color: #FFFFFF; background: #961E34; }
#footer a 				{ color: #FFFFFF; }




.btn-prode {
	cursor: pointer;
	/* Otros */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	vertical-align: middle;

	margin: 0px 5px;
	padding: 0.4rem 0.6rem;
	padding: 7px 12px;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	color: #444444;

	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 3px rgba(0, 0, 0, 0.2);
	background: #FFFFFF;
	background: linear-gradient(#FFFFFF 10%, #DDDDDD 100%);
}

.btn-prode:hover,
.btn-prode:focus {
  background-color: #EEEEEE;
  background: linear-gradient(#EEEEEE 10%, #CCCCCC 100%);
}