.caja{
	max-width: 385px;
	width: 90%;
	margin: 50px auto;
}

.cajaBoton
{
	width: 100%;
	text-align: center;
	padding: 10px 0px; /*espacio alrededor texto*/
	border-radius: 5px; /*bordes redondos*/
	margin-bottom: 10px;
	text-decoration: none !important;
	-webkit-appearance: none;
	font-size: 18px !important;
	font-family: 'Helvetica', sans-serif !important;
	white-space: normal;
	font-weight: bold;
}

.cajaTransparente{
	border: 1px solid #1bbc9b; /*anchura, estilo y color borde*/
	background-color: transparent; /*color botón*/
	color: #ffffff; /*color texto*/
	-webkit-appearance: none;
	display: none;
}

.cajaRespuestaTransparente{
	border: 1px solid #1bbc9b; /*anchura, estilo y color borde*/
	background-color: transparent; /*color botón*/
	color: #ffffff; /*color texto*/
	-webkit-appearance: none;
}

.cajaError{
	border: 1px solid red; /*anchura, estilo y color borde*/
	background-color: red; /*color botón*/
	color: #ffffff; /*color texto*/
	-webkit-appearance: none;
}

.cajaCorrecta{
	border: 1px solid green; /*anchura, estilo y color borde*/
	background-color: green; /*color botón*/
	color: #ffffff; /*color texto*/
	-webkit-appearance: none;
}

.cajaVerde{
	border: 1px solid #1bbc9b; /*anchura, estilo y color borde*/
	background-color: #1bbc9b; /*color botón*/
	color: #ffffff; /*color texto*/
	-webkit-appearance: none;
}

.cajaRoja{
	border: 1px solid #BC1B3B; /*anchura, estilo y color borde*/
	background-color: #BC1B3B; /*color botón*/
	color: #ffffff; /*color texto*/
}

.cajaAmarilla{
	border: 1px solid #FDFD96; /*anchura, estilo y color borde*/
	background-color: #FDFD96; /*color botón*/
	color: #000; /*color texto*/
	-webkit-appearance: none;
}

.cajaNaranja{
	border: 1px solid #fa6e3e; /*anchura, estilo y color borde*/
	background-color: #fa6e3e; /*color botón*/
	color: #fff; /*color texto*/
	-webkit-appearance: none;
}

.cajaAzul{
	border: 1px solid #2fb5db; /*anchura, estilo y color borde*/
	background-color: #2fb5db; /*color botón*/
	color: #fff; /*color texto*/
	-webkit-appearance: none;
}

.cajaTwitter{
	border: 1px solid #00acee ; /*anchura, estilo y color borde*/
	background-color: #00acee ; /*color botón*/
	color: #fff; /*color texto*/
	-webkit-appearance: none;
}

.cajaFacebook{
	border: 1px solid #3b5998 ; /*anchura, estilo y color borde*/
	background-color: #3b5998 ; /*color botón*/
	color: #fff; /*color texto*/
	-webkit-appearance: none;
}

.cajaMorada{
	border: 1px solid #a86383; /*anchura, estilo y color borde*/
	background-color: #a86383; /*color botón*/
	color: #fff; /*color texto*/
	-webkit-appearance: none;
}

.body
{
	font-family: 'Helvetica', sans-serif !important; /*tipografía texto*/
	font-size: 18px !important;
	background-color: #2d3e50 !important;
	color: #fff !important;
	margin: 0px auto !important;
}

a:link{ text-decoration: none}

a:active{ text-decoration: none}

a:visited{ text-decoration: none}

a:hover{ text-decoration: underline}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/pageLoader.gif') 50% 50% no-repeat rgb(0,0,0);
    opacity: .8;
}

#resp-table {
width: 100%;
display: table;
}

#resp-table-caption{
display: table-caption;
text-align: center;
font-size: 19px;
font-weight: bold;
}

#resp-table-header{
display: table-header-group;
font-weight: bold;
font-size: 19px;
}

.table-header-cell{
display: table-cell;
padding: 10px 0px 10px 10px;
text-align: justify;
}

#resp-table-body{
display: table-row-group;
}

.resp-table-row{
display: table-row;
}

.table-body-cell{
display: table-cell;
padding: 5px 10px 5px 0px;
vertical-align: middle;
}

.resp-table-row > div:first-child {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
}

.resp-table-row > div:last-child {
  border-radius: 0 5px 5px 0; 
  -moz-border-radius: 0 5px 5px 0;
}

.bgClasificacion
{
  background-color: #1bbc9b;
}

.bgClasificacionComparsa
{
  background-color: #2fb5db;
}

.bgClasificacionChirigota
{
  background-color: #FDFD96;
  color: black;
}

.bgClasificacionCuarteto
{
  background-color: #a86383;
}

.bgClasificacionCoro
{
  background-color: #fa6e3e;
}