body{
font-family:Arial, Helvetica, sans-serif;
}
.etiqueta {
clear:both;
float:left;
height:15px;
padding-top:5px;
width:330px;
}
a{
color:#52687d;
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:#FE3F6A;
}
.cabecero{
background:url(../imagenes/logo_mini.jpg) no-repeat 10px 0px;
/*border-bottom:#52687d 2px solid;*/
padding:20px 80px;
}
#contenedor{
	float:left;
	width:98%;
}
#contenedor h2{
	margin-top:5px;
	float:right;	
}
.cabecero h1{
color:#52687d;
font-size:30px;
margin:0;
padding:0;
display:inline;
}
.cabecero h2{
color:#000;
font-size:15px;
margin:0;
padding:0;
display:inline;
font-weight:bold;
}
.cabecero a{
float:right;
}
/*
ul.titulo{
padding:0px 30px;
list-style:none;
background-color:#52687d;
width:98%;
float:left;
clear:both;
margin:0;
padding-top:5px;
margin-bottom:30px;
}
ul.titulo li{
float:left;
background-color:#52687d;
}
ul.titulo li a{
color: #fff;
display:block;
padding:5px 10px;
text-decoration:none;
font-weight:bold;
}
ul.titulo li a:hover{
color: #52687d;
background-color:#fff;
}
ul.titulo li a.selected{
color: #52687d;
background-color:#fff;
}
*/
	.contenido{
		padding: 0 1%;
	}
	#menu {
		background:#52687d;
		margin:0;
		float:left;
		width:100%;
		clear:both;
		font-size:10pt;
		padding:0 10px;
/*		padding-top:5px;*/
		margin-bottom:30px;
	}
	#menu ul {
		float:left;
		background-color:#52687d;
		margin:0;
		padding:0;
		list-style:none;
	}
	#menu ul {
		display: flex;
		align-items: center;
	}
	#menu a{
		color: #fff;
/*		display:block;*/
		padding:0px 10px;
		text-decoration:none;
/*		font-weight:bold;*/
		height: 100%;
		display: flex;
		align-items: center;
	}
	
	#menu a.selected,
	#menu a:hover {
		color: #52687d;
		background-color:#fff;
	}
	#menu li {
		position: relative;
		height: 100%;
	}

	#menu ul ul {
		position: absolute;
		z-index: 500;
		background:#52687d;
		width:200px;
		border:#52687d 1px solid;
		border-top:0px;
	}
	#menu ul ul a{
		color:#FFF;
	
	}
	#menu ul ul a:hover{
		background-color:#FFF;
		color:#52687d;
	}
	
	#menu ul ul ul {
	top: 0;
	left: 98%;
		border:#52687d 1px solid;
	}
	div#menu ul ul,
	div#menu ul li:hover ul ul,
	div#menu ul ul li:hover ul ul
	{display: none;}
	
	div#menu ul li:hover ul,
	div#menu ul ul li:hover ul,
	div#menu ul ul ul li:hover ul
	{display: block;}



table{
width:98%;
border-top:#ccc 1px solid;
border-left:#ccc 1px solid;
}
table th{
padding:5px;
border-right:#ccc 1px solid;
border-bottom:#ccc 1px solid;
background-color:#ccc;
}
table td{
padding:5px;
border-right:#ccc 1px solid;
border-bottom:#ccc 1px solid;
}
input[type=checkbox]{
	width:auto;	
}
label{
	cursor:pointer;	
	display:block;
}
label:hover{
/*	background-color:#ccc;*/
}

.galeria{
	float:left;
	position:absolute;
	z-index:10;
	top:561px;
	left:1070px;
	border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	display:none;
}
.galeria .titulo{
	float:left;
	clear:both;
	background-color:#CCCCCC;
	color:#000000;
	font-weight:bold;
	width:98%;
	height:20px;
	margin-bottom:10px;
	padding:5px 0px;
}
.galeria .cerrar{
	float:left;
	clear:both;
	background-color:#CCCCCC;
	color:#000000;
	width:98%;
	height:20px;
	margin-top:10px;
	text-align:right;
}
.galeria .cerrar a{
	float:none;
	margin-right:10px;
}
.galeria .contenido{
	float:left;
	clear:both;
	height:380px;
	width:480px;
	padding:10px;
	overflow:auto;
}
.galeria a{
	float:left;
	clear:both;
	cursor:pointer;
	line-height:22px;
}
input[type="text"]{
	width:600px;	
}
textarea{
	width:600px;	
	height:400px;
}

.txiki.derecha{
	width:80px;
	text-align:right;
}
.bloque_login{
	width:400px;
	height:200px;
	position:absolute;
	top:50%;
	left:45%;
	margin-top:-200px;
	margin-left:-200px;
	padding:30px;
	border:#52687d 1px solid;
}
.bloque_login label{
	display:block;
	font-size:90%;
	float:left;
	width:150px;
}
.bloque_login input{
	border:#ccc 1px solid;
	width:150px;
}
#ui-datepicker-div{
	font-size:80%;	
	z-index:999999
}
.ui-autocomplete{
	z-index:999999 !important
}
.error{
	width:98%;
	background-color:red;
	text-align:center;
	font-weight:bold;
}
textarea,input,select{
        margin-top:5px;        
}


.boton {
    background: linear-gradient(#F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #BBBBBB #A0A0A0;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    cursor: pointer;
    font: 75% arial,sans-serif;
    margin: 0 8px 0 0;
    outline: medium none;
    padding: 3px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto !important;
}
.boton:hover {
    border-color: #939393 !important;
}
.boton_rojo {
    background: linear-gradient(#DB1100, #B30E00) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #BBBBBB #A0A0A0;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font: 75% arial,sans-serif;
    margin: 0 8px 0 0;
    outline: medium none;
    padding: 3px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto !important;
}
.boton_rojo:hover {
    border-color: #939393 !important;
}

.boton_verde {
    background: linear-gradient(#04a300, #086f06) repeat scroll 0 0 transparent;
    border-color: #CCCCCC #BBBBBB #A0A0A0;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font: 75% arial,sans-serif;
    margin: 0 8px 0 0;
    outline: medium none;
    padding: 3px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto !important;
}
.boton_verde:hover {
    border-color: #939393 !important;
}
fieldset{
	margin:20px 0px;
	background-color:#f4f4f4;	
	width:98%;
}
fieldset.baja{
	background-color:#d2a8a8;
}
legend{
	background-color:#215576;
	color:#fff;
	padding:5px;
	font-size:80%;	
}
label.mini{
	font-weight:bold;
	font-size:small;
	display:inline-block;
	width:207px;	
	margin-top:6px;
}


ul.tabs{
	list-style:none;
	border-bottom:#ccc 1px solid;	
	float:left;
	width:98%;
	margin:15px 0px;
	padding:0;
	font-size:80%;
}
ul.tabs li{
	float:left;	
	margin-right:3px;
	margin-left:5px;
}
ul.tabs li a{
	display:block;
	padding:3px 10px;
	background-color:#eeeeee;	
	border:#ccc 1px solid;
	position:relative;
	margin-bottom:-1px;
	color:#1b5b84;
	text-align:center;
}
ul.tabs li a.desactivada{
	color:#cccccc;	
}
ul.tabs li a.selected{
	font-weight:bold;
	background-color:#fff;
	border-bottom:#fff 1px solid;
	color:#003658;	
}
ul.tabs li a.selected:hover{
	background-color:#fff;
	text-decoration:none;
}
ul.tabs li a:hover{
	background-color:#ddd;
}



table.tabla_socios{
		
}
table.tabla_socios td{
	vertical-align:top;	
}
#barra_desplazamiento{
    clear: both;
    float: left;
    margin-top: 34px;
    position: absolute;
    text-align: right;
    width: 98%;
}
#barra_desplazamiento p{
	display:inline-block;
	margin-right:5px;	
}
#barra_desplazamiento p a{
	display:block;
	-moz-border-radius:3px;
	border:#bbb 1px solid;
	background:#ededed;
	padding:3px;
	width:15px;
	text-align:center;
}
#barra_desplazamiento p a:hover{
	background:#dedede;
}
#barra_desplazamiento form{
	margin:0;
	padding:0;
	display:inline;	
}
#cambia_socio_rapido{
	border:0;
	background:transparent;
	font-size:98%;
	font-family:Arial, Helvetica, sans-serif;
	border:#fff 1px solid;	
	text-align:right;
	font-weight:bold;
}
#cambia_socio_rapido:focus,
#cambia_socio_rapido:hover{
	border:#ccc 1px solid;
	background:#fff;	
}
.buscador_rapido{
	display:inline-block;
	margin-left:20px;	
}
.buscador_rapido input{
	width:150px;	
	border:#ccc 1px solid;
}
.ui-autocomplete{
	font-size:70% !important;	
}
table.tabla_pagos{
	width:98%;	
	border-collapse:collapse;
}
table.tabla_pagos th,td{
	border-collapse:collapse;
	font-size:80%;	
}
table.tabla_pagos th{
	background:#215576;
	color:#fff;	
}

ul.listado_federaciones{
	margin:15px;
	padding:0;
	list-style:none;	
}
ul.listado_federaciones li{
	float:left;
	padding:5px 10px;	
}
label.pagada{
	font-weight:bold;
	background:green;
	color:white;
	padding:3px;	
}
label.ampliada{
	font-weight:bold;
	background:#215576;
	color:white;
	padding:3px;	
}
#muestra_categoria,
.muestra_categoria{
	float:right;
	margin:10px;
	border:#000 3px solid;
	background:#fff;
	padding:15px;
	color:#000;
	font-size:25px;
	font-weight:bold;	
}

table.tabla_busquedas{
	width:700px;
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	border-collapse:collapse;
}
table.tabla_busquedas td{
	border-bottom:#ccc 1px solid;
	border-right:#ccc 1px solid;
	padding:15px;
	border-collapse:collapse;
}

.datos_excursion textarea{
	width:250px;
	height:50px;	
}
.datos_excursion input{
	width:250px;
}
.datos_excursion label{
	display:inline-block;
	width:150px;	
}
.datos_excursion table input{
	width:50px;
}
.apuntados table{
	width:900px;
	border-collapse: collapse;	
}
.apuntados input{
	width:auto;	
}
.apuntados input.peque{
	width:50px;	
	text-align:right;
}
.apuntados input.enano{
	width:20px;	
}
.apuntados input.mediano{
	width:75px;	
}
.apuntados .mover{
	cursor:move;
}
#form_editor_prestamos .ui-datepicker-trigger,
#listado_apuntados button.ui-datepicker-trigger,
#modalBajas button.ui-datepicker-trigger,
#modalReservas button.ui-datepicker-trigger{
	display:none !important;	
}

#form_editor_prestamos table{
	border-collapse:collapse;	
}
#form_editor_prestamos table th,
#form_editor_prestamos table td{
	padding:2px;	
}
#form_editor_prestamos select{
	font-size:120%;	
}
#form_editor_prestamos option.habitual{
	background-color:#f00 !important;
	color:#fff;
}
table .baja td{
	background:#999;	
}
table .pendiente td{
	background:pink;	
}
.apuntados input,
.apuntados select{
	margin-top:0px;	
}
.apuntados table tr:hover td{
	border-bottom:#000 1px solid;
	background:#ccc;	
}
td.error input{
	border:#fb0000 3px solid;	
}


@media print{
	#titulo,
	#boton_imprimir,
	#menu {
		display: none;
	}
}

.cuadrado {
	border: 1px solid black;
	padding: 8px;
    display: inline-block;
	text-align: center
}

#input-socio {
	width: 150px;
	height: 30px;
	margin-bottom: 10px;
	font-size: 20px;
}

.numero-btn {
	width: 50px;
	height: 50px;
	font-size: 20px;
}