/* CSS Document - Copyright by Pymersa (www.pymersa.com) */
body { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000;  }
a { color:#294688; }
textarea { resize:none;  }
#Contenedor {width:970px;  margin:0 auto; padding:0px; margin-bottom:20px; }
#Logo { width:970px; height:327px; background-image:url(/img/Logo.jpg); margin-bottom:8px; background-repeat:no-repeat;  }
#MenuHorizontal { margin-bottom:30px; }

div {  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.Cajetin { border:0px; background-color:#fdfddd; font-family:Arial, Helvetica, sans-serif; font-size:14px; width:250px; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: black 0.1em 0.1em 0.2em;  }
.Cajetin:focus { background-color:#fffeab; }

/* TITULOS SECCIONES */
#TitReservas, #TitAltaDeSocios, #TitSocios, #TitUsuarioConectado, #TitReservasUsuario, #TitContactar, #TitAccesoDenegado, #TitInfo, #TitGeneral {margin-bottom:20px; background:#adb65f; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; padding:5px 0px 5px 45px; background-repeat:no-repeat; background-position:8px 5px;   }
#TitGeneral {  padding-left:10px; }
#TitAltaDeSocios { background-image:url(/img/Socios.png);  }
#TitReservas { background-image:url(/img/Calendar.png);   }
#TitSocios { background-image:url(/img/Socios.png); }
#TitContactar { background-image:url(/img/Contactar.png); }
#TitInfo { background-image:url(/img/Info.png);  background-position:8px 2px; }
#TitAccesoDenegado { background-image:url(/img/Candado.png); }
#TitUsuarioConectado { color:#FFFFFF; background-color:#990000; background-image:url(/img/UsuarioConectado.png); }
#TitReservasUsuario { color:#FFFFFF; background-color:#990000; background-image:url(/img/Calendar.png); }

#PanelGris { background-color:#e9e9e9; padding:5px; margin-bottom:20px; font-size:14px; }

.LetraPeque { font-size:12px; }

#PiePagina { margin-top:20px; width:770px; height:56px; background-image:url(/img/PiePagina.jpg); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding:12px 20px 0px 160px; text-align:center; }
#PiePagina a { color:#FFFFFF; text-decoration:none; } #PiePagina a:hover { text-decoration:underline; }
#Principal {  width:950px; padding-left:10px; padding-right:10px;  }
#PanelIzdo { float:left;  width:632px; padding-right:15px; }
#PanelDcho { float:left; padding-left:15px; width:287px; }
#Separador { width:286px; height:11px; margin:15px 0px 10px 0px; background-image:url(/img/Separador.jpg); }
#Datos {  background-image:url(../img/Fondo.gif); background-repeat:repeat-y; }

/* BOTONES */
.Boton { background-color:#334f8e; cursor:pointer; color:#FFFFFF; border:0px;  padding:5px 10px 5px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: black 0.1em 0.1em 0.2em;    }
.Boton:hover { color:#FFFF00; }
.BotonPeque { background-color:#334f8e; cursor:pointer; color:#FFFFFF; border:0px;  padding:2px 5px 2px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: black 0.1em 0.1em 0.2em;    }
.BotonPeque:hover { color:#FFFF00; }

.BtnAnulaReserva { width:16px; border:0px; cursor:pointer; background-color:transparent; background-image:url(../img/Cancelar.png); background-repeat:no-repeat; }


#HoraActual { font-size:50px; float:right;  font-weight:bold; margin-right:10px; text-shadow:#666666 3px 3px 3px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=4); }
#navigation { margin:0; padding: 0; clear:both; width:950px; height:51px; background: #d6eaf8 url(/img/dropdown-bg.gif) repeat-x left top; }
ul.nav-main, ul.nav-main li { list-style: none; margin: 0; padding: 0; }
ul.nav-main li.hover, ul.nav-main li:hover { position: relative; z-index: 599; cursor: pointer; background: url(/img/dropdown-bg-hover.gif) repeat-x left top; }
ul.nav-main li { float:left; display:block; height: 51px; color: #999; font: 14px Arial, Helvetica, sans-serif; background: url(/img/separator.gif) no-repeat right center; }
ul.nav-main li a { display:block; padding: 14px 38px 0 38px; height: 35px; color: #fff; font: 16px Arial, Helvetica, sans-serif; text-decoration:none; }
ul.nav-main li a:hover { color:#e9e842; }

.MensaInfo, .MensaExito, .MensaAlerta, .MensaError { font-family:Arial, Helvetica, sans-serif; font-size:14px; border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; position:relative; }
.MensaInfo { color: #00529B; background-color: #BDE5F8; background-image: url('../img/MensaInfo.png'); }
.MensaExito { color: #000; background-color: #DFF2BF; background-image:url('../img/MensaExito.png'); } 
.MensaAlerta { color: #9F6000; background-color: #FEEFB3; background-image: url('../img/MensaAlerta.png'); }
.MensaError { color: #000; background-color: #FFBABA; background-image: url('../img/MensaError.png'); }


/* RESERVAS */
.TablaReservas { text-align:center; }
.CeldaFecha { width:130px; font-weight:bold; font-size:16px; color:#000; font-weight:bold; background-color:#adb65f; border:solid 1px #000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: black 0.1em 0.1em 0.2em;  }
.CeldaHora { text-align:right; background-image:url(../img/Reloj.png); background-repeat:no-repeat; background-position:45px 2px; }
.NombreDia { font-size:10px; padding:0px; margin:0px; }

.Nula { cursor:default; width:90px; background-color:#cacaca; border:0px #fff;  border:1px solid #fff;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.Libre, .Reservar, .Bloqueada { font-weight:bold; cursor:default; width:90px; font-size:12px; color:#22782f;; background-color:#22782f; border:solid 1px #fff;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: black 0.1em 0.1em 0.2em;   }
.Libre:hover, .Reservar:hover {color:#000; background-color:#67e37a; border:solid 1px #000;}
.Reservar:hover { cursor:pointer;   }
.Bloqueada { background-color:#000000; color:#FFFFFF; }

.Ocupada, .OcupadaPorSocio, .Curso, .Torneo { width:90px; cursor:default; color:#000000; font-size:12px; background-color:#FF0000; color:#FFFFFF; border:1px solid #fff;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: black 0.1em 0.1em 0.2em   }
.OcupadaPorSocio { font-weight:bold; text-align:right; cursor:pointer; background-image:url(../img/MiniUser.png); background-position:7px 2px; background-repeat:no-repeat; background-color:#990000; }
.OcupadaPorSocio:hover { background-image:url(../img/Cancelar.png); color:#ffc000; }

.Curso { background-color:#FF0000; }
.Torneo { background-color:#FF0000; }


.Negrita { font-weight:bold; }


.TablaAcceso{ text-align:left; }
.TablaAcceso td { }

.CajaLogin {width:180px; background-color:#fff;  border:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px;  padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: black 0.1em 0.1em 0.2em;  }
.CajaLogin:focus { background-color:#fffeab; }
#InfoLogin { font-size:12px; color:#990000; text-align:center;   }


.TablaReservasUsuario { font-size:13px;  }
.TablaReservasUsuario td {text-align:left;  border-bottom:solid 1px #c5c5c5; padding:4px 1px 4px 1px;}