@charset "utf-8";
/* CSS Document */
#page {
	background:url(img/fons-web.png) top center no-repeat; height:auto 
}

#content,#header,#footer { max-width:600px; margin:0 auto 0 auto;  }

#header { text-align:center; }
#header img { vertical-align:middle; margin:5px 10px 5px 0px; height:40px; }
#header h1 { margin:0px; display:inline; font-size:24px; line-height:24px; vertical-align:middle }

#content h2:first-child { margin-top:0px;  }
h3 { margin-top:10px; margin-bottom:0px; }
h4 { margin-top:5px; margin-bottom:5px; }
a { text-decoration:none; color:#000 }

.login { 
	text-align:left;
	width:80%; height:90%; display:block;
	max-width:300px;
	padding:10px 30px 30px 30px;
	background-color:#eee;
	border:1px solid #ccc;
	border-radius: 5px;
	margin:1% auto 1% auto;
}

.login img { width:70%; margin:1% auto 5% auto; display:block }
.login a { text-decoration:underline; font-weight:normal }
.login a:visited { text-decoration:underline;  }
.login a:hover { text-decoration:underline; color:#000; }

.ui-block-a div { margin:0px 0px 5px 0px; }
.ui-block-b div { margin:0px 5px 5px 5px; }
.ui-block-c div { margin:0px 0px 5px 0px; }

.ui-block-a div ,
.ui-block-b div ,
.ui-block-c div { text-align:center; height:90px;  }

.ui-block-a div img,
.ui-block-b div img,
.ui-block-c div img{  width:48px; margin-top:15px; }

.ui-icon-mi-nuevo:after {
    background-image: url("img/nuevo1.png");
    /* Make your icon fit */
    background-size: 32px 32px;
}

.OnOff { float:right; }

li.act a { background:url(../img/act.png) no-repeat; background-position: 0px 40%; padding-left:30px}
li.inact a { background:url(../img/inact.png) no-repeat;  background-position: 0px 40%; padding-left:30px   }

li table td img { float:right; border:none; margin:0px; vertical-align:middle }

ul.collapsible  { padding:0px; }
ul.collapsible li h2 { margin:0px; }
ul.collapsible li { margin:0px; }

.ui-li-static.ui-collapsible > .ui-collapsible-heading {
    margin: 0;
}
.ui-li-static.ui-collapsible {
    padding: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
    border-top-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
    border-bottom-width: 0;
}

li img {margin:10px; border:1px solid #666}

#us-no, #us-existe,#faltan-campos, #error {
	border: 1px solid #F00;
	border-radius:5px; 
	color:#F00; display:none;
	margin:20px 0px 20px 0px;
	padding:10px; background:#e5e5e5;
}


ul.table2 { list-style:none; margin:0px; padding:0px; font-weight:normal; }
ul.table2 li { list-style:none; display:inline-block; width:50% }

ul.table3 { list-style:none; margin:0px; padding:0px; font-weight:normal; }
ul.table3 li { list-style:none; display:inline-block; width:33% }

.requerido { border:#F00; }

div.negro { background:#333; }
div.blanco { background:#FFF; }
div.centro { margin:0 auto 0 auto; text-align:center }

div.gplay { display:none; }
div.gplay div div { margin:10px }
div.gplay div a { text-align:center; width:100%; display:block }

div.slider { margin-top: 10px; }
.estadisticas .tickets div {text-align:right; }
.estadisticas ul span { float:right; border:1px solid #ccc; min-width:60px; padding:2px; text-align:right; border-radius:3px; background:#eee }


table.resultados { width:100%; }
table.resultados tr { border-bottom:1px solid #ccc; }
table.resultados td { padding:3px; border-bottom:1px solid #ccc; }
table.resultados tr td:last-child { text-align:center; }
table.resultados th { text-align:left; background:#d5c6bb; padding:3px; color:#60402b; border-bottom:1px solid #60402b }
table.resultados tr td:last-child { text-align:center; }
table.resultados tr:last-child td { border:none}
table.resultades h4 { margin-bottom:10px; }

div.e-std  { background:url(../img/logo_std.svg) 10px 10px no-repeat; }
div.e-rap  { background:url(../img/logo_rpd.svg) 10px 10px no-repeat; }
div.e-bli  { background:url(../img/logo_blitz.svg) 10px 10px no-repeat; }
div.e-std, div.e-rap, div.e-bli { text-align:right;}
div.e-std div, div.e-rap div, div.e-bli div { background:none; text-align:right; max-height:65px;}
div.e-std div p, div.e-rap div p, div.e-bli div p { font-size:28px; margin:0px; padding-top:6px; text-align:right}
.p10 { padding:10px; }
.m10 { margin:10px; }

.elos { max-height:80px; overflow:hidden }

.perfil h3 { margin-bottom:20px;}
.perfil img { height:150px; border:1px solid #333; margin:0px 10px 10px 0px; }
.perfil .pais img { height:40px; width:60px; border:1ps solid #666; margin-right:0px 20px 0px 0px; }

.inicio { background:url(../img/fondo1.png) bottom no-repeat; }

.jugadores  {  }
.jugadores span { float:right; display:inline-block; margin:2px; }
.jugadores span img { height:20px; vertical-align:top; margin:0px; border:1px solid #444  }
.jugadores p { padding:0px 0px 0px 20px; margin:0px }

.jugadores  {  }
.equipos span { float:right; display:inline-block; margin:2px; }
.equipos span img { height:30px; vertical-align:top; margin:0px; border:0px; }
.equipos p { padding:0px 0px 0px 20px; margin:0px }

.jugadoresCheck  { }
.jugadoresCheck span { float:right; display:inline-block; margin-left:20px }
.jugadoresCheck span:last-child { clear:both; float:none; font-weight:normal; display:block; margin:0px;  }
.jugadoresCheck input[type="checkbox"] {  }
.jugadoresCheck label.no { color:#F00; }
.jugadoresCheck label.pendiente { border-color:#930}
.jugadoresCheck label.ok { color:#0C3; }

#tabs { margin-top:10px; }

.inscripciones li { line-height:40px; padding:0px }
.inscripciones span {
	display:inline-block;
	margin:0px 0px 0px 20px; padding:0px; 
	min-width:80px; float:right; text-align:right; line-height:40px;
	vertical-align:middle;
}
.inscripciones li:first-child { 
	background-color:#ccc; font-weight:bold; line-height:20px; padding:4px 15px 4px 15px; vertical-align:middle;
}
.inscripciones li:first-child span{ 
	line-height:20px;
}

span.delete, span.delete-alumno {
	background-color:#efefef;
	border-radius:4px; border:1px solid #ccc;
	float:right;
	margin:5px;
	width:30px; height:30px; display:block;
	line-height:30px; text-align:center;
	font-weight:bold;
}

span.delete:hover, span.delete-alumno:hover {cursor:pointer; background-color:#dedede }

.informacion div img { width:100%; }
.informacion div { text-align:justify; }

.oculto { display:none; }

img.poster { width:100% }

.propio { background:url(../img/peo-marro.png) no-repeat; background-size: 25px; background-position:90% 50px }
.externo { background:url(../img/peo-cel.png) no-repeat; background-size: 25px; background-position:90% 50px }

.mybox { border:1px solid #ddd; background:#FFF; border-radius:5px; margin-top:15px; padding:15px }

#destacado {
	border:1px solid #CCC;
	border-radius: 5px;
	background:#FFF;
	display:block; clear:both;
	min-height:180px;
}
#destacado img.poster { width:100px;  border:1px solid #000; float:left; margin-top:10px }
#destacado .grupo  { display:block; width:60%; position:absolute; left:35%; margin-top:10px}
#destacado .evento { text-align:right; clear:both; font-size:20px; font-weight:bold}
#destacado .fechas { text-align:right; clear:both; margin-top:10px; }
#destacado .lugar { text-align:right; clear:both;  color:#999; margin-top:5px }
#destacado .ver { text-align:right; clear:both; margin-top:20px }
#destacado .ver a {display:block; padding:5px; border:1px solid #999; background-color:#eee; border-radius:4px;; width:70px; text-align: center;  color:#333}