body{
    font-family: trebuchet ms, helvetica, sans-serif;   
    background-image: url('/images/imagenes/cnsil.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-color: #000;
}



/* Asegúrate de que el elemento que contiene el formulario tenga una clase específica, por ejemplo 'formulario-centrado' */
.formulario-centrado {
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 100vh; /* Esto hace que el contenedor tenga al menos la altura de la pantalla */
   flex-direction: column; /* Esto coloca los elementos en una columna vertical */
}

form {
   border: 1px solid #ccc; /* Opcional: Agrega un borde para ver los límites del formulario */
   padding: 20px;
   background:rgba(255, 255, 255, 0.8); /* Fondo blanco para el formulario */
   box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Opcional: Sombra para un efecto elevado */
   width: 100%;
   max-width: 400px; /* O establece un ancho máximo que prefieras */
}


.logo-container {
   text-align: center; /* Centra el contenido del div */
   margin-top: 20px; /* Agrega un poco de espacio arriba del logo si es necesario */
}

.logo-container img {
   width: 500px; /* O el tamaño que desees para tu logo */
   height: auto; /* Mantiene la proporción del logo */
}



/* Centrar el título dentro de su contenedor */
.cabecera h1 {
   text-align: center;
   width: 100%;
}



h1{
   font-size: 1.1em;
   margin: 0;
}
h2{
    margin-bottom: 20px;   
}
main, h1, footer, .cabecera, .opciones_contactos{
   max-width: 800px;   
   margin: 0 auto;
}
main{
    margin-bottom: 10px;  
}
.cabecera {
   border-bottom: 2px solid #368ea3;   
   color: #052bd3;
   padding: 4px 10px;
   /*text-shadow: 1px 2px 0 #080808;*/
   display: table;
   width: 100%
}
.usuarioheader{
   display: table-cell;
   width: 40%;
   text-align: right;
}
.cabecera h1{
   display: table-cell;
   width: 60%;
}
footer ul{
   margin: 0; 
   padding: 0;
}
footer li {
   display: inline-block;
   list-style: none;
   margin: 8px 6px;
   background: #bc901b;
   padding: 3px;
}
footer a{
    color: #fff;   
   text-decoration: none;
}
footer li:first-child {
   margin-left: 0px;
}
.errorf{
   color: red;
   font-size: 80%;
}
form p{
   margin: 0 0 10px 0; 
   font-size: 1.2em;
   line-height: 25px;
}
input{
   font-size: 1.1em;
   border-radius: 5px;
}
select{
   font-size: 1.2em;
}
label{
   display: inline-block;
   width: 140px;
}
.listaerrores{
   background-color: #fcc;
   color: red;
   padding: 10px 30px;
}
.listaerrores li{
   margin-bottom: 3px;
}
.opciones_contactos{
    font-size: 80%;
   text-align: right;
}
.opciones_contactos ul{
    margin: 0;
   padding: 0;
}
.opciones_contactos li{
    display: inline-block;
   list-style-type: none;
   margin: 10px 0px 10px 15px;
}