.text-center{text-align:center;}
html{height:100%;}
body{ font-family:Arial;min-height:100%;background-color:#eee; }
#body{ text-align:center;width:100%; }
.centrador{width:980px;margin:23px auto;text-align:left;}
#body div.centrador div.clearfix{width:100%;}
form#formLogin{padding:12px;width:980px; margin:auto;text-align:center; }
form#formLogin ul{margin-top:12px;}
form#formLogin ul li{position:relative;}
form#formLogin ul li.labels{text-align:left;font-size:16px;font-weight:bold;}
form#formLogin ul li span{display:block;margin-bottom:8px;}
form#formLogin ul li.inputs{position:relative;}
form#formLogin ul li input{border:solid 1px #000;margin-bottom:8px;width:240px;}
form#formLogin ul li label{font-size:11px;font-weight:bold;color:#f05627;position:absolute;right:5px;margin-top:4px;}
h1{ font-size:21px;font-weight:bold;padding-bottom:32px 0px 12px 0px;background:#fff; }
h2{ font-size:21px;font-weight:bold;padding-bottom:15px; }
div#botonera{width:16%;margin-right:2%;}
ul#opciones{ font-size:14px;width:100%;background:#018426; }
ul#opciones li{
width:100%;
}
ul#opciones li a{color:#fff;padding:8px;display:block;font-size:15px;margin-top:4px;font-weight:bold;}
ul#opciones li a.selected{
background-color:#db2017;
}
ul#opciones li a:hover{
background-color:#fff;
color:#db2017;
}
div#cuerpo{
width:80%;
}
div#cuerpo li.labels{width:24%;}
div#cuerpo li.labels li{height:23px;margin-bottom:8.85px; }
div#cuerpo li.labels ul.labelsPagos li{height:23px;margin-bottom:7.3px; }
div#cuerpo li.labels li.cuerpo{
margin-bottom:184px;
}
div#cuerpo li.labels li#fotos{
height:auto;
margin-bottom:22px;
}
div#cuerpo li.labels li#fotos li{
margin-bottom:7px;
}
div#cuerpo li.labels li.ajustar{
margin-bottom:8px;
}
div#cuerpo li.labels li.ajustar.fotogaleria{
margin-top:200px;
}
div#cuerpo li.labels li.ajustar.video{
margin-bottom:45px;
}
div#cuerpo li.inputs{width:75%;}
div#cuerpo select, div#cuerpo input{
border:solid 1px #000;
height:22px;
margin-bottom:8.3px;
margin-right:10px;
font-size:14px;
}
#listaAlumnos input{height:auto !important;}
div#cuerpo li.inputs input{
width:70%;
}
div#cuerpo li.inputs input#aporta{width:auto;}
div#cuerpo li.inputs ul.fotos li input{
width:220px;
}
div#cuerpo li.inputs a{
text-decoration:none;
color:#000;
}
div#cuerpo li.inputs textarea{
width:70%;
height:100px;
margin-bottom:4px;
font-size:14px;
border:solid 1px #000;
}
div#cuerpo li.inputs textarea.video{
height:63px;
}
div#cuerpo li.inputs input#destacado{
width:22px;
}
div#cuerpo li.inputs label.error{
color:#db2017;
font-size:11px;
}
div#cuerpo input#guardar{
width:25%;
}
div#cuerpo li.inputs input.corto{width:50px;}
div#cuerpo ul.fotos li.ocultas{
display:none;
}
div#cuerpo ul.fotos li.foto1{
display:block;
}
div#cuerpo ul#fotosCargadas{
margin-left:189px;
}
div#cuerpo ul#fotosCargadas li{
margin:4px;
}
div#cuerpo ul#fotosCargadas li img{
margin-bottom:4px;
}
div#cuerpo ul#fotosCargadas li.fotito div{ margin-bottom:4px; }
div#cuerpo ul#fotosCargadas li.fotito div img{
width:120px;
}
div#cuerpo ul#fotosCargadas li.fotito textarea{
width:100px;
height:50px;
font-size:12px;
}
div#cuerpo ul#fotosCargadas input{ border:solid 1px #000;font-size:12px;background:#fff;display:block;height:20px;width:24px; }
div#cuerpo ul#fotosCargadas a.no{ border:solid 1px #000;font-size:12px;background:#fff;display:block;height:18px;width:22px;text-align:center;color:#000;margin-top:4px; }
li.textarea{height:97px !important;}
div.sedes{width:100%;background-color:#018426;}
div.sedes div{width:18%;margin-right:2%;}
div.sedes div a{color:#fff;font-weight:bold;width:90%;display:block;padding:12px;}
div.sedes div a:hover{background:#fff;color:#db2017;}
div.sedes div.active a{background-color:#db2017;color:#fff;}
.buscador{margin:12px;}
.buscador input{border:solid 2px #018426;padding:4px;margin-right:12px;}
select#familia_id{display:none;}
.listado{width:100%;margin-top:23px;}
.listado td, .listado th{border:solid 1px #000;padding:4px;font-size:14px;}
.listado th{font-weight:bold;}
table#listaAlumnos{width:100%;}
table#listaAlumnos td, table#listaAlumno td{
border:solid 1px;
padding:4px;
font-size:14px;
}
table#listaAlumno td.img{text-align:center;}
table#listaPagos,table#listaAlumno{width:90%;margin:12px;}
table#listaPagos td, table#listaPagos td{
border:solid 1px;
padding:4px;
text-align:center;
font-size:14px;
}
table#listaProfesores{margin:0;}
.formulario fieldset{margin-bottom:23px;}
.formulario fieldset legend{font-weight: bold;}
.formulario fieldset div{margin-bottom:12px;}
.formulario fieldset div label{display:inline-block;width:25%;}
.formulario fieldset div input{width:70%;}
.acciones img{width:27px;}
.acciones .cancelar {width:20px;margin-left:8px;}
div#existe{padding:12px;background-color:#f00;text-align:center;font-size:14px;color:#fff;margin-bottom:12px;}
div#existe h3{font-weight:bold;}
div#paginador{font-weight:bold;}
div#paginador a{display:block;background-color:#018426;color:#fff;width:80px;text-align:center;padding:4px;margin:12px;}
div#paginador a:hover{background-color:#fff;color:#db2017;}
.paginador {
display: flex;
}
.itemsPaginador {
padding: 15px 20px;
margin: 0;
cursor: pointer;
transition: all 0.3s ease-in-out;
font-weight: bold;
font-size: small;
color: #333;
}
.itemActual {
background: #007bff;
}
/* Efecto hover */
.itemsPaginador:hover {
background: #007bff;
color: white;
}
/* Separadores entre elementos */
.itemsPaginador:not(:last-child) {
border-right: 1px solid #ddd;
}
.button {
display: inline-block; /* Permite que el enlace tenga tamaño como un botón */
padding: 5px 10px;
background-color:#018426;
color: white;
text-decoration: none;
font-weight: bold;
text-align: center; /* Centra el texto */
}
.button:hover {
background-color:#db2017;
}
.button-rojo {
background-color: rgb(195 7 7);
}
.button-activo {
background-color: rgb(195 7 7);
}
.alerta-error {}
.alerta-error h3{
background-color: red;
padding:4px;
font-weight:bold;
}
.form-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
max-width: 900px;
margin: 0 auto;
}
.form-column {
flex: 1 1 40%;
min-width: 300px;
}
.form-bottom {
width: 100%;
display: flex;
justify-content: center;
margin-top: 2rem;
}
.fieldset-columns {
display: grid;
grid-template-columns: 1fr 2fr; /* Label / Input */
align-items: center;
gap: 0.5rem 1rem;
}