@charset "UTF-8";


/**** Nota para los desarrolladores:
		+ Estilos definitivos: Revisarlos para comprobar que se adecuan a los requisitos exigidos.
		+ Estilos provisionales: revisarlos, eliminando los que no sean necesarios, y pasando al bloque definitivo los estilos que sí sean requeridos
****/

/* ******* */

/* (1) Bloque definitivo: contiene los estilos revisados a usar. Los estilos aquí contenidos deben cumplir los siguientes requisitos:
		
		+ Los módulos usados en varios módulos deben estar en el bloque general. NO debe haber estilos repetidos entre dos módulos.
		
		+ IMPORTANTE: Antes de añadir un nuevo estilo, comprobar que no existe ya un estilo válido para ese propósito. Si existe, debe usarse
		  (pasándose al bloque General). NUNCA crear entradasde estilos nuevas para elementos (fondo web, tamaño títulos, ...) ya existentes.
		  
		+ Los nombres de los estilos deben ser ilustrativos de su utilidad (.fondoWeb, letraTitulo, ...).
		
		+ Los estilos deben ser RESPONSIVE (auto-adaptables al tamaño de la pantalla: PC, móvil, ...).
		  
		  NOTA: En cada bloque sólo debe "tocar" la persona responsable de mejorar el módulo asociado a dicho bloque  */

/* (1.1) Estilos Generales: Estilos comunes a todos los módulos
	
	[Persona responsable de editar este bloque: Persona encargada de la Integración de los módulos (José Manuel)] */

body {
	margin-top: 0px;
	background-image: url(../juegos/recursos-juegos/imagenes/fon-home.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	background-color: #87a5c4;
	background-size: 100vw 100vh;
	background-attachment: fixed;
	margin: 0;
	padding: 0;	
}

input {
	width: 90%;
	padding: 7px;
	margin-bottom: 10px;
	border: 1px solid #232323;
	border-radius: 3px;
	box-sizing: border-box;
}

select {
	width: 90%;
	padding: 5px;
}

th {
	font-size:0.8em;
}

.ui-panelgrid-cell > .ui-widget-content{
	width: 5em;
}

#confPartidaDialog{
	top: 0px !important;
}

/* (1.2) Módulo de Administración*/

/* (1.2.1) Estilos comunes entre las vistas */

#general{
	background-color:RGB(173, 210, 208,0.5); /*Celestito*/
	text-align:center;
	font-size:0.75em;
	margin:auto;
	width: 100%;
	
}


.resaltar1{
	background:rgb(84,135,164,0.7); /*Azulino*/
	width: 100%;
	border-color: black;
}

.resaltarLetra{
	color:white;
	font-size:1.5em;
}

.resaltar2{
	background-color:#d3d7cf !important; /*Gris*/
	border-color: black !important;
}

#confPartidaDialog{
	margin-top: 2%;
}

#formulario_acceso:grupoLleno{
	animation:blur .75s ease-out infinite;
	text-shadow:0px 0px 5px #fff,
      0px 0px 7px #fff;
}

@keyframes blur{
  from{
      text-shadow:0px 0px 10px #fff,
      0px 0px 10px #fff, 
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #7B96B8,
      0px 0px 150px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px -10px 100px #7B96B8,
      0px -10px 100px #7B96B8;}
}

#tb{
	
	width:99%;
	margin:auto;
}


#contenido{
	margin: 20px;
	width:95%;
	display:inline-block;
}

#contenidoParams{
	margin: 20px;
	width:55%;
	display:inline-block;
}

#panelLeft{
	width:49% !important;
	margin-right:1%;
	float:left !important;
}

#panelRight{
	width:49% !important;
	margin-left:1%;
	float:right !important;
}

.textoClaro{
	
	color:white !important;
	font-size:0.75em;
	font-weight: bold !important;
	
}

.boton{
	background:white;
}



.textoIzquierda{
	text-align:left;
}

.textoDerecha{
	text-align:right;
}

.textoCentrado{
	text-align: center;
	width: 100%;
}

div[id*=panelGridList] div div{
	text-align:left;
}

div[id*=panelGridList] div div{
	text-align:left;
}

div[id*=panelGridList] div div:nth-child(2){
	text-align:right;
}

#panelVisible{
	visibility:none;
}

#panelInvisible{
	display:none;
}

#panelLeft > div > div:first-child{
	background:0;
	background-color:rgb(84,135,164,0.7);
	
}

.ui-widget-header{
	background:0;
	background-color:rgb(84,135,164,0.7);
	border: 1px solid black;
	
}

.menu-index{
	background:0;
	background-color:rgb(84,135,164,0.7);
	border: 1px solid black;
}
/*
.ui-widget-content {

    border: 1px solid black;
}*/

#cabeceraIndex{
	margin-top: 15px;
	width: 80%;
	margin-left: 1%
}

#cabeceraProfesor{
	margin-top: 5px;
	width: 80%;
	margin-left: 1%	
}
#logoGrande{
	margin-top: 5px;
}

#logoGrande > img{
	width: auto;
	height: 50px;
}

#cabeceraIndex > h1{
	display: inline;
}

#cabeceraProfesor > h1{
	display: inline;
}

#cabeceraIndex > h4{
	display: inline;
}


 a[id*=salir] {
	border: 1px solid black !important;
	background-color: #d3d7cf;
	font-size:1.2em;
	
}

#tdDiv{
	text-align: center;
}

th{
  font-size: 1em;
  font-family: Arial,sans-serif;
  color: #333;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

div[id*=tdDiv] span, div[id*=tdDiv] button > span{
  font-size: 0.95em;
  font-family: Arial,sans-serif;
  color: #333;
}

div[id*=menubar] ul li:nth-child(2) , li[id*=menu], div[id*=menubar] ul li:nth-child(4) , div[id*=menubar] ul li:nth-child(5) {
	float:right !important;
}

li[id*=menu] > a{
	
	margin-right: 10px;
	
}

.ui-menu .ui-menuitem-text{
	float: none;
}

.ui-panelgrid-cell > .ui-menu{
	min-width: 0px;
	padding-right: 0px;
}

.ui-menu-list{
	width: auto !important;
}

div[id*=menubar] > ul > li:last-child{
	float:left !important;
	font-weight: bold;
	margin-left:10px;
	color:white;
	font-size:1.5em;
	margin-top: 10px;
}

div[id*=menubar] > div > label{
	font-weight: bold;
	margin-left:10px;
	color:white;
	font-size:1.5em;
	margin-top: 10px;
}

.ui-paginator-top{
	display: none;
}

.ui-paginator-rpp-options{
	width: 3%;
  	padding: 5px;
  	border-top-right-radius: 4px;
  	border-bottom-right-radius: 4px;
  	margin-bottom: 0;
}

a[id*=home] {
	padding:0 !important;
	border: none !important;
}

#descripcionPartidaDiv{
	position: absolute;
  	top: 40%;
  	left: 50%;
  	transform: translate(-50%, -50%);
    width: 70%;
}

#imagenCaptura{
	filter: brightness(50%);
}

.descripcionContainer{
	position: relative;
  	text-align: center;
  	color: black;
}

#caratulaImg{
	width: 100%;
}

#capturaImg{
	width: 85%;
}

div[id*=tablaInfoPlantillas] > table{
	text-align: center;
	margin-left: 30%;
}

#limpiarFiltrosConfPartida{
	text-align: center;
}

#configuracionParametrosPartida{
	text-align: center;
	width: 100%;
}

/* (1.2.2) Estilos propios de login.xhtml */

#login {
	width:100%;
	margin:auto;
	display: inline-block;
}


#loginBody{
	background:rgb(84,135,164,0.7); /*Azulino*/
	text-align:center;
	font-size:0.75em;
	margin:auto;
	width: 100%;
	color:white;
}

.ui-panelgrid-cell > select{
	width: fit-content;
	margin-top: 5%
}

.rounded-button{
	border-radius: 15px;
}

.rounded-button > span{
	color: white;
}
.ui-column-title{
	margin-bottom: 2%;
}

.ui-state-default{
	background:rgb(84,135,164,0.7); /*Azulino*/
}

#panelBar{
	background:rgb(84,135,164,0.7); /*Azulino*/
	text-align:left;
	color:white;
}

#panelBar > div {
	display:flex;
	height: 40p;
}

#panelInfo{
	text-align: justify;
	margin:10px;
	margin-top:50px;
	
}

#panelInfo > div{
	color:#545b66;
	font-size:1.1em;
	font-weight:bold;
}

#accesoJugadores{
	text-align: center;
}

#imagenLogoPortada{
	margin-right: 1%;
	margin-top: 0.75%;
}
/* (1.2.3) Estilos propios de la vista indexJuegos.xhtml */


#filtrado span, #filtrado label{
	font-size:14px;
}

fieldset{
	border: 0;
}

#fieldsetfin{
	display: none;	
}

.tablaFiltrado{
	width: 100% !important;
	text-align: center;
}

.columnasFiltrado{
	width:25%;
}

span[id*=minFichMin], span[id*=maxFichMin], span[id*=minFichMax], span[id*=maxFichMax],span[id*=minPregmin],span[id*=maxPregmin]{
	width: 60px;
}

span[id*=minFichMin] > input, span[id*=maxFichMin] > input, span[id*=minFichMax] > input, span[id*=maxFichMax] > input,span[id*=minPregmin] > input,span[id*=maxPregmin] > input{
	width: inherit;
}

.columnasNuevoJuego{
	width:33%;
}



div[id*=etapa], input[id*=name], div[id*=tipoRespuestas], div[id*=estiloJuego]{
	width:90% !important;
}

div[id*=tipoRespuestas_panel], div[id*=estiloJuego_panel],div[id*=etapa_panel]{
	width:auto !important;
}

div[id*=carga], div[id*=pIlimitadas]{
	float: left;
	margin-left: 20%;
}

/* (1.2.4) Estilos propios de la vista indexUsuarios.xhtml */

.ui-cell-editor{
	text-align: center;
}

/* (1.2.5) Estilos propios de la vista partidasJugadas.xhtml */

/* (1.3) Módulo de Generación de Ficheros*/

/* (1.3.1) Estilos propios de la vista buscador.xhtml */

.ui-icon-check {
	 background-color:#bfb;
}

/* (1.3.2) Estilos propios de la vista generador.xhtml */


input[type=file]::file-selector-button {
	height: 50px;
}

/* (1.4) Módulo de Multijugador */

#idiomas{
	width: 5%;
	float: right;
}

.box, .sample-layout>div {
	background-color: #cce4f7;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	border-radius: 4px;
	width: 32%;
	float: left;
	margin: 0.5%
}

/* (1.4.1) Estilos propios de la vista padre.xhtml */

.escena-descartes
{
	 width:				1010px;
	 height:			760px;
	 margin:			auto;
     background-color:	transparent;
     border:		    0px none transparent;
     padding:			0px;
     overflow:			hidden;
     overflow-x:		hidden;
     overflow-y: 		hidden;
}

#websockets h1{
	font-size: 24px;
	font-weight: 450;
	color: #3b4d64;
	text-align: center;
	font-family: 'Kirang Haerang', cursive;
}

.comenzarPartidaImage{
	background-image: url(../images/comenzar_partida.png);
}

#cambioIdioma{
	margin-top: 1%;
	margin-left: 1%;
}

div[id*=cambioIdioma] > form > select{
	width: auto;
}

div[id*=divTop] > form > ul > li{
	margin-top: 0.75%
}

.ui-menuitem-text > label{
	font-weight: bold;
	font-family: Arial,sans-serif;
	font-size: 1em;
	color: white;
}

.ui-toolbar-group-left > label{
	font-weight: bold;
	font-family: Arial,sans-serif;
	font-size: 1em;
	color: white;
}

.ui-toolbar-group-right > select{
	width: auto;
	margin-right: 10px;
	margin-top: 10px;
}

/* (1.4.2) Estilos propios de la vista respuestasPregunta.xhtml */


/* (1.4.3) Estilos propios de la vista respuestasVotacion.xhtml */

/* (1.4.4) Estilos propios de la vista correccionPregunta.xhtml */

.jqplot-target {
	width: 400px;
	height: 300px;
}

#porcentaje {
	background-color: #cce4f7;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	border-radius: 4px;
	width: 99%;
	margin: 0.5%;
}

#correctas {
	background-color: #cce4f7;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	border-radius: 4px;
	width: 48%;
	margin: 1%;
	float: left;
}

#incorrectas {
	background-color: #cce4f7;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	border-radius: 4px;
	width: 48%;
	margin: 1%;
	float: left;
}


/* (1.4.5) Estilos propios de la vista correccionVotacion.xhtml */

#cabecera {
	background-color: #cce4f7;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	border-radius: 4px;
	width: 100%;
}

/* (1.4.6) Submódulo para Acceso de Jugadores */ 


#contenedorTemp {
	width: 75%;
	margin: 0px 0px 20px 0px;
	display: inline-block;
}

#temporizador {
	width: 100%;
	display: inline-block;
	/*background-color: LightGreen;*/
}

#tiempoCronometro{
	font-size: 50px;
}

#temporizadorForm{
	text-align:center
}

#formulario_acceso, #formfin {
	width: 400px;
	margin: auto;
	background-image: url(../images//fondo_001.jpg);
	padding: 10px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 7px #000;
	text-align: center;
}


#botonAcceso {
	width: 50% !important;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 7px;
	font-weight: bold;
	border: 1px solid #232323;
	color: #fff;
	box-shadow: 0px 1px 0px #000;
	border-radius: 3px;
	background: #808080;
}


#solicitar_g_e {
	width: 50% !important;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 7px;
	font-weight: bold;
	border: 1px solid #232323;
	color: #fff;
	box-shadow: 0px 1px 0px #000;
	border-radius: 3px;
	background: #808080;
}

#volver_admin {
	width: 50% !important;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 7px;
	font-weight: bold;
	border: 1px solid #232323;
	color: #fff;
	box-shadow: 0px 1px 0px #000;
	border-radius: 3px;
	background: #808080;
}



#formulario_respuesta {
	width: 400px;
	margin: auto;
	background: rgba(0,0,0,0.4);
	padding: 10px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 7px #000;
	text-align: center;
}


#formulario_respuesta .boton_volatil {
	width: 40%;
	margin: 1%;
	padding: 10px;
	font-weight: bold;
	border: 1px solid #232323;
	color: black;
	box-shadow: 0px 1px 0px #000;
	border-radius: 50px;
}

#enviarRespuesta {
	width: 70% !important;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 7px;
	font-weight: bold;
	border: 1px solid #232323;
	color: #fff;
	box-shadow: 0px 1px 0px #000;
	border-radius: 3px;
	background: #808080;
}


#formulario_resultado {
	width: 400px;
	margin: auto;
	background: rgba(0,0,0,0.4);
	padding: 10px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 7px #000;
	text-align: center;
}

#formulario_resultadoV {
	width: 400px;
	margin: auto;
	background: rgba(0,0,0,0.4);
	padding: 10px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 7px #000;
	text-align: center;
}


#contenedor {
	width: 100%;
}

#solicitar_g_e:hover {
	cursor: pointer;
	background: #3a3a3a;
}

#solicitar_g_e:active {
	background: #808080;
}

#volver_admin:hover {
	cursor: pointer;
	background: #3a3a3a;
}

#volver_admin:active {
	background: #808080;
}


#formulario_resultadoV h1 {
	font-family: 'Kirang Haerang', cursive;
	color: #fff;
	text-align: center;
	font-size: 40pt;
	margin-bottom: 10px;
}

#formulario_resultadoV h2 {
	font-family: 'Kirang Haerang', cursive;
	color: #fff;
	font-size: 20pt;
	margin: 10px;
}


#formulario_resultado h1 {
	font-family: 'Kirang Haerang', cursive;
	color: #fff;
	text-align: center;
	font-size: 40pt;
	margin-bottom: 10px;
}

#formulario_resultado h2 {
	font-family: 'Kirang Haerang', cursive;
	color: #fff;
	font-size: 20pt;
	margin: 10px;
}


#enviarRespuesta:hover {
	cursor: pointer;
	background: #3a3a3a;
}

#enviarRespuesta:active {
	background: #808080;
}


#formulario_respuesta .boton_volatil:hover {
	cursor: pointer;
}

#formulario_respuesta .boton_volatil:focus {
	opacity: 0.3;
}


#formulario_respuesta h1 {
	font-family: 'Kirang Haerang', cursive;
	color: #fff;
	text-align: center;
	font-size: 40pt;
	margin: 0;
}

#botonAcceso:hover {
	cursor: pointer;
	background: #3a3a3a;
}

#botonAcceso:active {
	background: #808080;
}

#formulario_acceso h1 {
	font-family: 'Kirang Haerang', cursive;
	color: #fff;
	text-align: center;
	font-size: 40pt;
	margin-bottom: 10px;
}

#formfin h1{
	font-family: 'Kirang Haerang', cursive;
	color: #fff;
	text-align: center;
	font-size: 40pt;
	margin-bottom: 10px;
}

/* (1.4.6.1) Estilos responsive para los formularios */
@media (max-width:500px) {
	#formulario_resultadoV {
		width: 100%;
		margin: auto;
	}
	#formulario_acceso {
		width: 100%;
		margin: auto;
	}
	#formulario_respuesta {
		width: 100%;
		margin: auto;
	}
	#formulario_respuesta .boton_volatil {
		width: 47%;
	}
	#formulario_resultado {
		width: 100%;
		margin: auto;
	}
}

#indicadorConexion{
	box-shadow: none;
	margin-left: 42.5%;
	width: 15%;
	height: 5%;
}

/* (1.5) Módulo de LTI */

/* (1.5.1) Estilos propios de las páginas de errores */

#fof {
	display: block;
	width: 100%;
	margin: 100px 0;
	line-height: 1.6em;
	text-align: center;
}

#fof .hgroup {
	text-transform: uppercase;
}

#fof .hgroup h1 {
	margin-bottom: 25px;
	font-size: 65px;
}

#fof a:link{
    color: #881536;
}
#fof a:hover {
    color: #F8B505;
}
#fof a:active {
    color: #F8B505;
}
#fof a:visited {
    color: #881536;
}

#fof .hgroup h1 span {
	display: inline-block;
	margin-left: 5px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
    background-color: #881536;
    color: #FFFFFF;
}

#fof .hgroup h1 span strong {
	display: inline-block;
	padding: 20px 20px 20px 20px;
	border: 1px solid #CCCCCC;
	font-weight: normal;
}

#fof .hgroup h2 {
	font-size: 60px;
}

#fof .hgroup h2 span {
	display: block;
	font-size: 30px;
	margin: 30px;
    color: #797979;
}

#fof p {
	margin: 25px 0 0 0;
	padding: 0;
	font-size: 16px;
}

#fof p:first-child {
	margin-top: 0;
}

/* (1.5.2) Estilos propios de las otras páginas */

.form-style{
    font-family: 'Open Sans Condensed', arial, sans;
    width: 500px;
    padding: 30px;
    background: #FFFFFF;
    margin: 10px auto;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);

}

.form-style2{
    font-family: 'Open Sans Condensed', arial, sans;
    padding: 30px;
    background: #FFFFFF;

}


#profile {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: 'Open Sans Condensed', arial, sans;
    font-weight: 400;
    text-align: center;
    outline: none;
    /* display: block; */
    width: 100%;
    padding: 7px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 10px;
    font-size: 16px;
    height: 45px;
    text-decoration: none;
    color: #4D4D4D;
}

#menu {
	margin-top: -50px;
}

#p a:hover {
	color: #050505;
	background: lightgrey;
}

.form-style input[type="text"],
.form-style input[type="date"],
.form-style input[type="datetime"],
.form-style input[type="email"],
.form-style input[type="number"],
.form-style input[type="search"],
.form-style input[type="time"],
.form-style input[type="url"],
.form-style input[type="password"],
.form-style select
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 7px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 10px;
    font: 16px Arial, Helvetica, sans-serif;
    height: 45px;
}

.form-style textarea
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 7px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 10px;
    font: 16px Arial, Helvetica, sans-serif;
    height: 45px;
}

.form-style2 #lab{
	width: 25%;
}

.form-style2 input[type="text"],
.form-style2 input[type="date"],
.form-style2 input[type="datetime"],
.form-style2 input[type="email"],
.form-style2 input[type="number"],
.form-style2 input[type="search"],
.form-style2 input[type="time"],
.form-style2 input[type="url"],
.form-style2 input[type="password"],
.form-style2 textarea,
.form-style2 #down,
.form-style2 select
{
	float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: inline-block;
    width: 100%;
    padding: 7px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 10px;
    font: 16px Arial, Helvetica, sans-serif;
    height: 45px;
}

.form-style2 input[type="file"]{
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: inline-block;
    padding-bottom: 40px; 
    width: 100%;
    border: none;
    background: transparent;
    margin-top: 25px;
    margin-bottom: 20px;
    font: 15px Arial, Helvetica, sans-serif;
    height: 30px;
}

.form-style2 #downDescrip,
.form-style2 #downScript{
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 30px; 
    width: 100%;
    border: none;
    background: transparent;
    margin-top: 25px;
    margin-bottom: 20px;
    font: 15px Arial, Helvetica, sans-serif;
    height: 30px;
}

.form-style input[type="button"],
.form-style input[type="submit"],
.form-style2 input[type="button"],
.form-style2 input[type="submit"]{
    -moz-box-shadow: inset 0px 1px 0px 0px #c62050;
    -webkit-box-shadow: inset 0px 1px 0px 0px #c62050;
    margin: 2px;
    box-shadow: inset 0px 1px 0px 0px #c62050;
    background-color: #881536;
    border: 1px solid #490b1d;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    padding: 8px 18px;
    text-decoration: none;
    text-transform: uppercase;
}
.form-style input[type="button"]:hover,
.form-style input[type="submit"]:hover,
.form-style2 input[type="button"]:hover,
.form-style2 input[type="submit"]:hover {
    background:linear-gradient(to bottom, #c62050 5%, #881536 100%);
    font-weight: bold;
}

.form-style input[type="button"]:disabled,
.form-style input[type="submit"]:disabled,
.form-style2 input[type="button"]:disabled,
.form-style2 input[type="submit"]:disabled {
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	background:lightgrey;
    
}

.form-style table {
	width: 100%;
	margin: 30px auto;
	text-align: left;
	border-collapse: collapse;
}

.form-style td {
	padding: 10px;
	border-bottom: 1px solid #490b1d;
}

.centrado {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

#bcerrar {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 30px;
	background-color: #F0F0F0;
	color: #6E3436;
	text-align: center;
	cursor: default;
}


#addProject {
	font-size: 1.2em;
	margin: 5px;
	padding: 0px;
	float: right;
	width: 30px;
	background-color: #F0F0F0;
	color: #6E3436;
	text-align: center;
}


.seleccionar {
	width: 1em;
}

.accionp {
	width: 45%;
	margin: 0 10px 0 10px;
}

.editfields td{
	padding: 10px 0 0 0;
	border-bottom: none;
}

#about {
	margin: 80px auto;
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
}
#about td {
	padding: 0 20px;
}

/* (1.6) Módulo de Estadísticas */

/* (2) Bloque provisional: revisarlos, eliminando los que no sean necesarios, y pasando al bloque definitivo los estilos que sí sean requeridos 
	   NOTA: Cada desarrollador debe localizar qué estilos de este bloque provisional usa su módulo y revisar dichos estilos */
	   
/* (2.1) Administracion */	   

.ui-growl-info {
    background-color: #ffe399;
    border: 0 none;
    color: #212121;
    
}

label[id*=rol]{
	color: #333;
    font-size: 0.6em !important;
    font-family: "Arial Black", Gadget, sans-serif;

}

.ui-helper-reset{
	line-height:2.5 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    border: 1px solid black;
    background-color:#d3d7cf;
}


#cabeceraLogin{
	width:60%;
	margin-top: 1.9%;
	text-align: left;
	color: white;
}

/* (2.2) Generador de Ficheros  */

.radio-toolbar input[type="radio"]:checked + label {
    background-color:#bfb;
    border-color: #4c4;
}


/* (2.3) Multijugador */

/* (2.4) LTI */


.form-style blockquote{
    font-family: 'Open Sans Condensed', arial, sans;
    font-size: 12px;
    margin-left: 2px;
    margin-bottom: 30px;
    color: #888a85;
    background: #FFFFFF;

}

.form-style pre{
 	font-family: 'Open Sans Condensed', arial, sans;
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    color: #888a85;
    background: #FFFFFF;
    display: inline-block;
    

}

.form-style #tryagain:link{
    color: #881536;
}
.form-style #tryagain:hover {
    color: #3f60bf;
}
.form-style #tryagain:active {
    color: #03fef1;
}
.form-style #tryagain:visited {
    color: #881536;
}

.form-style h1,.form-style2 h1{
    background-color: #881536;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 18px;
    text-align: center;
    margin-bottom: 20px
}

.form-style h2, .form-style2 h2{
    background: #4D4D4D;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #797979;
    font-size: 18px;
    font-weight: 400;
    padding: 20px;
    margin: -30px -30px 30px -30px;
}
.form-style h3, .form-style2 h3{
    background: #FFFFFF;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #e43e3e;
    font-size: 18px;
    font-weight: 400;
    padding: 20px;
    margin: -30px -30px 30px -30px;
}

#addProject:hover {
	color: #6EB436;
	font-weight: bold;
	background:linear-gradient(to bottom, #F0F0F0 5%, #D0D0D0 100%);
}

#bcerrar:hover {
	background:linear-gradient(to bottom, #F0F0F0 5%, #D0D0D0 100%);
	color: #AE3436;
	font-weight: bold;
}

.ui-datatable-reflow .ui-datatable-data .ui-expanded-row-content thead .ui-column-title {
     display: inline;
}