/***************************/
/* COLORES

#151619; 	/* gris fondo 
#ffb200;	/* ocre 
#3f4246;	/* gris 2
#f49a04;	/* naranja control
#c4c13d;	/* verde control
#bdc3c7;	/* gris unchecked
#1abc9c;	/* verde checked
#ca1824;	/* rojo primera sangre
/***************************/


@media (max-width: 768px) {
	body {
		margin: 4vw;	
		font-size: 4vw;
		width: 92%;
	}

	#logo {
		margin-bottom: 8vw;
	}

	.btn {
		font-size: 4vw;
		padding:  2vw;
	}

	h2, .h2 {
		font-size: 10vw;
	}

	h2.titulo-tuyo {
		font-size: 8vw;
	}

	h2.titulo-rival {
		font-size: 8vw;
	}

	.deck-resume {
		font-size: 5vw;
	}

	h2.titulo-bans {
		font-size: 8vw;
	}

	.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn, .input-group-lg>.select2-search input[type=text] {
		font-size: 8vw;
		padding: 3vw;
	}

	.input-group-lg>input[type=date].form-control {
		font-size: 7vw;	
	}

	.btn-hg, .btn-group-hg>.btn {
		font-size: 8vw;
	}

	.panel-body {
		padding: 2vw;
	}

	.panel-title img {
		width: 10vw;
		margin-bottom: 1vw;

	}

	.tabla-lista-combates img {
		width: 6vw;
	}

	.panel-title {
		font-size: 6vw;
	}

	.iconos-top a {
		font-size: 2.5vw;
	}

	.iconos-top a.agregar {
		font-size: 8vw;    
	}

	.iconos-top a.btn-off {	
		font-size: 8vw;
	}
	#form_editar_combate .checkbox, #form_editar_combate .radio {
		font-size: 7vw;
		padding-left: 11vw;
	}

	.row.row-autoguardado {
		padding-left: 1vw;
	}

	#form_editar_combate .checkbox .icons, #form_editar_combate .radio .icons {
		font-size: 8vw;
		line-height: 1vw;
	}

	#form_editar_combate .autoguardado .checkbox .icons {
		line-height: 8vw;
	}

	#form_editar_combate .primera-sangre-img img {
		width: 9vw !important;
	}

	#form_editar_combate .frags-row {
		padding-top: 2vw;
	}

	#form_editar_combate .puntuacion-row {
		padding-top: 7vw;
	}

	.frag-select {
		padding: 3.3vw 2vw;
	}

	.frag-select img {
		width: 10vw;
	}

	img.primera-sangre {
		width: 11vw;
		float: right;
		margin-left: 5vw;
	}

	#form_login .checkbox, #form_nuevo .checkbox {
		font-size: 7vw;
		padding-left: 11vw;	
		line-height: 8vw;
	}

	#form_login .checkbox .icons, #form_nuevo .checkbox .icons {
		font-size: 8vw;
		line-height: 1vw;
		margin-top: 4vw;
	}

	.resumen-escenario {
		font-size: 6vw;
		margin-bottom: 2vw;
	}

	.resumen {
		font-size: 6vw;
	}

	.resumen > .row {
		margin-bottom: 2vw;
	}

	.resumen-aristo {
		padding: 0 1vw;
		margin: 0 0 2vw 0;
	}

	.resumen-aristo .datos {
		padding-left: 1vw;
	}

	.resumen-aristo .frags img {	
		width: 8vw;
	}

	.resumen-aristo .puntuacion {	
		font-size: 4vw;
	}

	.resumen-aristo .puntuacion span {
		margin-right: 1vw;
		padding: 1vw;
		min-width: 4vw;
		max-width: 4vw;
		min-height: 4vw;
		max-height: 4vw;
		border-radius: 0.8vw;
	}

	.separador {
		text-align: center;
		margin: 5vw 0 0;
	}


	.lista-stats {
		font-size: 8vw;
	}

	.lista-stats li {
		margin-left: 5vw;
	}

	.table-aristos {
		font-size: 14vw;
	}

	.table-aristos img {
		width: 20vw;
	}

	.table-aristos th {
		width: 1vw;
	}

	.table-aristos tr.col-datos {
		font-size: 7vw;
	}

	.table-aristos tr.col-datos img {
		width: 7vw;
		position: relative;
		top: -1vw;
	}



	/******************************************************************************************************************************/
	/*********** ESTADISTICAS RIVALES
	/******************************************************************************************************************************/

	.ratio-stats {
		font-size: 8vw;
	}

	.table-rivales {
		font-size: 4vw;
	}

	.table-rivales th {
		width: 1vw;	
	}

	.table-rivales td, .table-rivales th {
		padding: 3vw 1vw !important;
	}

	/******************************************************************************************************************************/
	/*********** ESTADISTICAS EQUIPOS
	/******************************************************************************************************************************/

	.table-equipos {
		font-size: 7vw;	
	}

	.table-equipos-global {
		font-size: 6vw;	
	}

	.fila-equipos img {
		width: 12vw !important;
	}


	/*********************************/
	/* TORNEOS
	/**********************************/

	#torneos h2 {
		font-size: 5vw;
		margin-top: 3vw;
		margin-bottom: 1vw;
	}

	.btn.btn-primary.editar {
		font-size: 4.5vw;
		padding: 2vw 0;	
	}

	.btn.btn-primary.borrar {
		font-size: 4.5vw;
		padding: 2vw 0;	
	}

	.radio-bandera + img {
		width: 18vw;
	}
	
	.nombre-mazo {
    	font-size: 6vw;
	}
	
	.table-aristos.table-jugadores {
		font-size: 5vw;
	}
	
	.table-aristos.table-jugadores tr.col-datos {
		font-size: 5vw;
	}
	
}

@media (max-width: 425px) {

	.texto_normal p {
		font-size: 24px;
	}
	
	.texto_normal input[type=image] {
		width: 94%;
	}
}

@media (max-width: 350px) {

	.tabla-lista-combates img {
		width: 4.5vw;
	}
}