@charset "utf-8";
body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:small
 
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
.info{ float: right;}
.fondobackground{
	
	background: url(../img/fondo3.png) no-repeat center center fixed;
	background-size:100% 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
   
	}
.fondologin
{
   /* background-image: url(fondo1320x480.png);
    background-repeat: no-repeat;
    background-position: center top;*/
 background:#5092A0;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#5092A0),to(#fff));
 background-image:-webkit-linear-gradient(#5092A0,#fff);
 background-image:-moz-linear-gradient(#5092A0,#fff);
 background-image:-ms-linear-gradient(#5092A0,#fff);
 background-image:-o-linear-gradient(#5092A0,#fff);
 background-image:linear-gradient(#5092A0,#fff)
   
 }

.fondoblanco
{background-color:white;
}
.tablaResultados{
 width:100%;height:100%;
 margin:auto;
	}
.tbpartidos{margin:auto; }
.tbpartidos td{ border-bottom:#FFF thin solid; text-align:center}
.celdapartidos{ text-align:left !important;}
.tbespecial15 td{border-bottom:0px}
.tablaResultados thead
{	
font-size:0.9em;
color:white;
background-color:#00024F;
text-align:right;
	}
.tablaResultados td
	{
		border-bottom-color:#00024F;
		border-bottom-style:solid;
		border-bottom-width:1px;
		font-size:0.8em;
		text-align:right;
		/*max-width:30px;
		overflow:hidden;*/
		}
.nombrefiles{font-size:0.7em !important;text-align:left !important;}

.check1,.check2,.checkx, .checkm,.check0{opacity:0;position:absolute;filter:alpha(opacity=0);margin:5px 0 0 5px}
input[type='radio']:focus+label, .check1:focus+label,.check2:focus+label,.checkx:focus+label,.check0:focus+label,.checkm:focus+label{color:#C30}
.check1+label,.check2+label,.checkx+label,.check0+label,.checkm+label, input[type="radio"]+label{background:url('../img/wittysparks_checkbox_radio.png') left top no-repeat;position:relative;margin:0;padding:0 0 0 21px;cursor:pointer;line-height:22px;min-height:22px;display:inline-block;z-index:0;font-size:12px;font-weight:bold}
.check1+label {background-position:0px 0px}
.checkx+label {background-position:-36px 0px}
.check2+label {background-position:-70px 0px}
.check0+label {background-position:-101px 0px}
.checkm+label {background-position:-130px 0px}

input[type="radio"]+label{background-position:0 -200px}

.check1:checked+label{background-position:0 -50px}
.checkx:checked+label{background-position:-36px -50px}
.check2:checked+label{background-position:-70px -50px}
.check0:checked+label{background-position:-101px -50px}
.checkm:checked+label{background-position:-130px -50px}

input[type='radio']:checked+label{background-position:0 -300px}
input[type='checkbox']:disabled+label{background-position:0 -400px;color:#999}
input[type='radio']:disabled+label{background-position:0 -600px;color:#999} 
input[type='checkbox']:disabled:checked+label{background-position:0 -500px;color:#999}
input[type='radio']:disabled:checked+label{background-position:0 -700px;color:#999}


.formlogin{
	 box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
    border-radius: 5px;
    background: linear-gradient(#eeefef, #ffffff 10%);
	margin:auto;
	padding:5px;
	width:85%;
		}
	.formlogin .field {
    position: relative; /* For the icon positioning */
	width:220px;
	margin:1em;
}

.formlogin .field i {
    /* Size and position */
    left: 0px;
    top: 0px;
    position: absolute;
    height: 36px;
    width: 36px;
 
    /* Line */
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);
 
    /* Styles */
    color: #777777;
    text-align: center;
    line-height: 42px;
    transition: all 0.3s ease-out;
    pointer-events: none;
}
.formlogin input[type=text],.formlogin input[type=email],
.formlogin input[type=password] {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
 
    /* Size and position */
   
    padding: 10px 18px 10px 45px !important;
 
    /* Styles */
    border: none; /* Remove the default border */
  /*  box-shadow: 
        inset 0 0 5px rgba(0,0,0,0.1),
        inset 0 3px 2px rgba(0,0,0,0.1);*/
    border-radius: 3px;
    background: #f9f9f9;
    color: #777;
    transition: color 0.3s ease-out;

}
 
.formlogin input[type=text],.formlogin input[type=email] {
    margin-bottom: 10px;
	
}

.formlogin input[type=text]:hover ~ i, .formlogin input[type=email]:hover ~ i,
.formlogin input[type=password]:hover ~ i {
    color: #52cfeb;
}
 
.formlogin input[type=text]:focus ~ i,.formlogin input[type=email]:focus ~ i,
.formlogin input[type=password]:focus ~ i {
    color: #42A2BC;
}
 
.formlogin input[type=text]:focus,.formlogin input[type=email]:focus,
.formlogin input[type=password]:focus,
 {
    outline: none;
}
.formlogin .ui-btn{
	max-width:250px !important;}

.iconousuario{
	margin-left:5px;
	margin-right:5px;}
	

.footer-wrapper {

position: absolute;
bottom: 0px;
width: 100%;
}

.cabecera{background-image: url(../img/fondo_cabecera.png);
	  -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	background-repeat: repeat;
	width:100%;
	height:99px;
	}

.login
{
		 box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
    border-radius: 5px;
	background-image: url(../img/fondo_transpa.png);
	  -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	background-repeat: repeat;
	color: navy;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	padding:5px;
	width:300px;
	margin:auto;
	min-width:250px;
	/*width:100%;*/
}
.cabeceraHD{
	color:#FFF;
	font-size:14px;
	vertical-align:middle;
	margin:auto;
	width:100%;
	text-align:center;
	line-height:27px;
	display:none;
	}
.TituloTablas{
	 box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
    border-radius: 5px;
	background-image: url(../img/fondo_transpa.png);
	  -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	background-repeat: repeat;
	color: navy;
		
	font-size:18px;
	vertical-align:middle;
	margin:15px;
	width:95%;
	text-align:center;
	line-height:37px;
	display:none;
	}
.cabecerajornada{float:left;margin:5px; }
.quinielas{ box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
    border-radius: 5px;
	background-image: url(../img/fondo_transpa.png);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-repeat: repeat;
	color: navy;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	padding:5px;
	width:295px;
	margin:auto;
	min-width:250px;
	display:inline-block;
	vertical-align:top;
	/*width:100%;*/}
	
.contenedorquiniela{padding-top:5px;padding-bottom:15px;width:295px;
	margin:auto;
	min-width:250px;}
.div_jornada{padding-top:5px;padding-bottom:15px; text-align:center;width:95%; font-weight:bold; font-size:1.5em; color:#FFF; margin-bottom:25px; box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
    border-radius: 5px;
    background: linear-gradient(#eeefef, #003 90%); display:none; }
	
/*[data-role=page]{height: 100% !important; position:relative !important;}*/
[data-role=content]{height: 100% !important; position:relative !important; margin-bottom:40px}
[data-role=footer]{bottom:0; position:absolute !important; top: auto !important; width:100%;}