@charset "ISO-8859-1";
/* Revisar el estil fins al .error, per a vore el formulari */

/* Vore destinia.com */
.usuari {
	padding: 20px;
    text-align: center;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 3px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(145, 248, 101,1) 0%, rgba(71, 222, 9,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145, 248, 101,1)), color-stop(100%,rgba(71, 222, 9,1)));
    background: -webkit-linear-gradient(top, rgba(145, 248, 101,1) 0%,rgba(71, 222, 9,1) 100%);
    background: -o-linear-gradient(top, rgba(145, 248, 101,1) 0%,rgba(71, 222, 9,1) 100%);
    background: -ms-linear-gradient(top, rgba(145, 248, 101,1) 0%,rgba(71, 222, 9,1) 100%);
    background: linear-gradient(to bottom, rgba(145, 248, 101,1) 0%,rgba(71, 222, 9,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91F865', endColorstr='#47DE09',GradientType=0 );
    float: left;
}

.entrar {
	margin: 0 25em;
	padding: 20px;
    text-align: center;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 3px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(145, 248, 101,1) 0%, rgba(71, 222, 9,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145, 248, 101,1)), color-stop(100%,rgba(71, 222, 9,1)));
    background: -webkit-linear-gradient(top, rgba(145, 248, 101,1) 0%,rgba(71, 222, 9,1) 100%);
    background: -o-linear-gradient(top, rgba(145, 248, 101,1) 0%,rgba(71, 222, 9,1) 100%);
    background: -ms-linear-gradient(top, rgba(145, 248, 101,1) 0%,rgba(71, 222, 9,1) 100%);
    background: linear-gradient(to bottom, rgba(145, 248, 101,1) 0%,rgba(71, 222, 9,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91F865', endColorstr='#47DE09',GradientType=0 );
}

.entrar:hover {
 box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
 color: #fff !important;
}

a {
	color: white;
	text-decoration: none;
}

#parrafo {
  border: 1px solid #CCC;
  background-color: #CCCCCC;
  padding: .5em;
  overflow: hidden;
  margin: 1em;
}

.tancar {
	padding: 20px;
    text-align: center;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 3px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(218, 8, 8,1) 0%, rgba(121, 5, 5,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218, 8, 8,1)), color-stop(100%,rgba(121, 5, 5,1)));
    background: -webkit-linear-gradient(top, rgba(218, 8, 8,1) 0%,rgba(121, 5, 5,1) 100%);
    background: -o-linear-gradient(top, rgba(218, 8, 8,1) 0%,rgba(121, 5, 5,1) 100%);
    background: -ms-linear-gradient(top, rgba(218, 8, 8,1) 0%,rgba(121, 5, 5,1) 100%);
    background: linear-gradient(to bottom, rgba(218, 8, 8,1) 0%,rgba(121, 5, 5,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DA0808', endColorstr='#790505',GradientType=0 );
    float: right;    
}

.tancar:hover {
 box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
 color: #fff !important;
}

.fecha {
	/* Ficat el 27.5% per a que es vega el quadro blanc alrededor*/
	width:30%;
	font-weight:normal;
	color:#676767;
	border:1px solid transparent;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:0 8px;
	background:#fff;
	position:relative
}

form.login { 
    background: none repeat scroll 0 0 #12123d; 
    border: 1px solid #DDDDDD; 
    margin: 0 auto; 
    padding: 20px; 
    width: 278px;
    box-shadow:0px 0px 20px black; 
    border-radius:10px; 
} 
form.login div { 
    margin-bottom: 15px; 
    overflow: hidden; 
} 
form.login div label { 
    display: block; 
    float: left; 
    line-height: 25px; 
}

/* Per a que el calendari es mostre per damunt de les reserves */
input[type="text"] {
	position: relative; z-index: 100000 !important;
}

form.login div input[type="text"], form.login div input[type="password"] { 
    border: 1px solid #DCDCDC; 
    float: right; 
    margin: 0.5em;
    padding: 0.2em 0.2em 0.2em 25px;
} 
form.login div input[type="submit"] { 
    background: none repeat scroll 0 0 #DEDEDE; 
    border: 1px solid #C6C6C6; 
    float: right; 
    font-weight: bold; 
    padding: 4px 20px; 
} 

.error{ 
    color: red; 
    font-weight: bold; 
    text-align: center; 
    border: 1px solid #dddddd;
  	margin: 1em;
  	padding: 1em;
  	background: #12123d none repeat scroll 0;
  	text-align: center;
  	font-size: 14px;
  	font-family: verdana,sans-serif;
  	box-shadow:0px 0px 20px black; 
  	border-radius:10px; 
  	display: block;
}

.correcte{ 
    color: green; 
    font-weight: bold; 
    text-align: center; 
    border: 1px solid #dddddd;
  	padding: 1em;
  	background: #12123d none repeat scroll 0;
  	text-align: center;
  	font-size: 14px;
  	font-family: verdana,sans-serif;
  	box-shadow:0px 0px 20px black; 
  	border-radius:10px; 
  	display: block;
}

* {
  font-family: verdana,sans-serif;
}

body {
  background: #097f03 none repeat scroll 0%;
  color: white;
}

form {
  border: 1px solid #dddddd;
  margin: auto;
  padding: 10px;
  background: #12123d none repeat scroll 0;
  font-family: sans-serif;
  width: 278px;
}

form.confirmar {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}

h1 {
  border: 1px solid #dddddd;
  margin: 1em;
  padding: 1em;
  background: #12123d none repeat scroll 0;
  text-align: center;
  font-size: 28px;
  font-family: verdana,sans-serif;
  box-shadow:0px 0px 20px black; 
  border-radius:10px; 
}

h2 {
  border: 1px solid #dddddd;
  margin: 4em;
  padding: 1em;
  background: #12123d none repeat scroll 0;
  text-align: center;
  font-size: 14px;
  font-family: verdana,sans-serif;
  box-shadow:0px 0px 20px black; 
  border-radius:10px; 
}

.registra a {
    color: #FF9800;
}


input[type="button"] {
  	display: inline-block;
    text-decoration: none;
    font: bold 12px/12px Arial !important;
    padding: 8px 11px;
    color: #555;
    border: 1px solid #dedede;
    border-radius: 3px;
    margin: 5px;
    
    background: #bdbdbd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae');
    background: -webkit-linear-gradient(top, #cacaca, #aeaeae);
    background: -moz-linear-gradient(top, #cacaca, #aeaeae);
    border-color: #b5b5b5 #a1a1a1 #8f8f8f;
    color: #555 !important;
    text-shadow: 0 1px 0 #d4d4d4;
    box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
}



input[type="button"]:hover{
    background: #c2c2c2;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2');
    background: -webkit-linear-gradient(top,  #bcbcbc, #c2c2c2);
    background: -moz-linear-gradient(top,  #bcbcbc, #c2c2c2);
    border-color: #989898 #8e8e8e #878787;
    color: #555  !important;
    text-shadow: 0 1px 0 #dadada;
    box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
}

#usuari {
  background: #ffffff url(../imatges/IconoN.gif) no-repeat scroll 4px;
  display: block;
}

#password {
  background: #ffffff url(../imatges/IconoP.gif) no-repeat scroll 4px;
  display: block;
}

img {
  margin: 0em 0.5em;
  padding: 0em 0.2em;
  vertical-align: bottom;
}

div.panel_resumen_partides {
  background: #12123d none repeat scroll 0%;
}

div.panel_capsalera {
  margin: 0.5em;
  padding: 0.5em;
  background: #26266c none repeat scroll 0%;
}

.panel_cos {
}

div.panel_peu {
  margin: 0.5em;
  padding: 0.5em;
  background: #26266c none repeat scroll 0%;
}

.panel_peu li {
	color: #ffffff;
  	display: inline-block;
  	border-radius: 5px;
  	padding: 0.2em 0.4em 0.2em 0.4em;
}

p {
  margin: 1em;
  padding: 1em;
  /*display: inline;*/
}

#resum_disponibilitat {
  margin: 0px auto;
  padding: 20px 0 0;
  background: #fafafa none repeat scroll 0%;
  overflow: hidden;
  position: relative;
}

#resum_disponibilitat ul.trama {
  height: 98%;
  left: 10%;
  position: absolute;
  top: 1%;
  width: 89.4%;
}

#resum_disponibilitat ul.trama li {
  margin: 0;
  padding: 0;
  background: transparent url(../imatges/borde-media-hora.gif) repeat-y scroll 0%;
  overflow: visible;
  width: 5%;
  height: 100%;
  position: absolute;
  top: 0;
  font-size: 0px;
  color: #443e3e;
  text-decoration: none;
  /*text-align: center;*/
  text-indent: 4px;
}


#resum_disponibilitat ul.trama li.hora {
  background: transparent url(../imatges/borde-hora.gif) repeat-y scroll 0%;
  font-size: 9px;
  z-index: 1;
}

/* Afegit este i comentat el text-align: center en li per a que isquen les mitjes hores en text */
#resum_disponibilitat ul.trama li.media {
  font-size: 9px;
  top: 7px;
  z-index: 1;
}
#resum_disponibilitat > ul {
  position: relative;
}

#resum_disponibilitat ul, .partides-resumen ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

#resum_disponibilitat li {
  overflow: auto;
}

#resum_disponibilitat li.esport {
  overflow: auto;
  color: #999999;
}

#resum_disponibilitat li.esport .nom {
  padding: 2px 4px;
  background: #cccccc none repeat scroll 0;
  color: #666666;
  display: block;
  float: none;
  text-align: left;
  text-shadow: #ffffff 0 0 4px;
  vertical-align: middle;
  width: 100%;
}

#resum_disponibilitat ul.pistes {
  width: 100%;
}

.pista {
  overflow: auto;
  width: 180px;
  float: left;
  margin-right: 10px;
  position: relative;
}

#resum_disponibilitat li.pista {
  margin: 4px 0px;
  float: none;
  width: auto;
}

#resum_disponibilitat li.pista .nom {
  background: transparent none repeat scroll 0;
  color: #999999;
  display: block;
  float: left;
  font-size: 11px;
  width: 8%;
  text-shadow: none;
}

.partida {
  position: absolute;
  width: 172px;
  display: inline;
  white-space: normal;
  vertical-align: top;
  float: left;
  border-radius: 3px;
}

#resum_disponibilitat ul.partides {
  overflow: hidden;
  float: right;
  width: 90%;
  position: relative;
  height: 15px;
}

#resum_disponibilitat li.partida {
  border: 0px solid transparent;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 100%;
  position: absolute;
  font-size: 0;
  z-index: 10;
}

#resum_disponibilitat li.partida a, .panel_peu li.lliure {
  	border:  none;
  	background: #9acc00 none repeat scroll 0%;
} 

#resum_disponibilitat li.partida_reservada a, .panel_peu li.reservada {
    border: none;
    background: #f20006 none repeat scroll 0%;
}

#resum_disponibilitat li.partida_usuari a, .panel_peu li.reserva_usuari {
    border: none;
    background: #FF9800 none repeat scroll 0%;
}


#resum_disponibilitat li.partida a {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor:pointer; 
  cursor:hand;
}