/***********************************************
CONTENIDO
***********************************************/
#contenido {
    width: 980px;
    margin: 10px auto;
    min-height: 600px;
}

#contenido h1 {
    font-size: 30px;
    text-align: center;
    color: var(--fresh);
    font-weight: bold;
    border-bottom: 2px solid var(--fresh);
    padding: 10px 0px;
    margin: 10px 0px 10px 40px;
    line-height: 1.4em;
}

#contenido img#volver {
    width: 40px;
    float: left;
}

/***********************************************
INFORMACIÓN
***********************************************/
#contenido img#info {
    float: right;
    width: 40px;
}

#contenido #informacion {
    font-size: 1.2em;
    line-height: 1.5em;
    border-bottom: 2px solid  var(--fresh);
    margin-bottom: 30px;
    padding: 10px 10px 20px 40px;
}

#contenido #informacion p {
    margin: 20px 0px;
    text-align: justify;

}

#contenido #informacion img {
    max-height: 200px;
    float: right;
    margin: 15px;
}

#contenido #informacion ul {
    margin-left: 20px;
}

#contenido #informacion li {
    margin-left: 20px;
    margin: 20px 0px;
    text-align: justify;
}
/****************************************************
TABLA DE INICIO
****************************************************/
#contenidoInicio {
    width: 600px;
    margin: 10px auto;
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: justify;
    flex-direction: row;
    flex-wrap: nowrap;
    display: flex;
    align-items: stretch;
}

#contenidoInicio #row {
    width: 600px;
    margin: 0px auto;
}


#contenidoInicio .opcion {
    /*display: table-cell;*/
    
}

#contenidoInicio a.opcion {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    margin: 0px 10px;
    text-align: center;
    border: 4px solid var(--fresh);
    border-radius: 15px ;
    box-shadow: 2px 2px 10px #666;
    text-decoration: none;
    font-weight: bold;
    padding: 30px 20px;
    color: var(--fresh); 
    
    
}

#contenidoInicio .opcion a:hover {
    border: 4px solid var(--sunshine);
    color: var(--sunshine);
    background: var(--fresh);
    box-shadow: -2px -2px 10px #666;
}

/***********************************************
FORMULARIO NUEVA COLECCIÓN
***********************************************/
form#nuevaColeccion {
    padding: 20px 50px 20px 50px;
    text-align: right;
    width: 900px;
    margin: 0px auto;
}

form#nuevaColeccion.aIzquierda {
    text-align: left;
}


form#nuevaColeccion h1 {
    font-family: 'Century Gothic', Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-align: left;
}

form#nuevaColeccion .temas {
    display: table;
    width: 900px;
    font-size: 0.9em;
    line-height: 0.7em;
}

form#nuevaColeccion .fila {
    display: table-row;
    margin: 0px;
    
}

form#nuevaColeccion .celda {
    display: table-cell;
    padding: 0px 10px;
    width: 280px !important;
    text-align: left;
    line-height: 1.7em;
}

form#nuevaColeccion .celda .cell {
    width: 250px;
    margin: 10px;
    padding: 10px;
    border: 1px solid black; 
    line-height: 1.2em;
}


form#nuevaColeccion span.checkbox_tipos {
    width: 294px;
    display: table-cell;
    text-align : left;
    border-bottom: 1px dotted black;
}


form#nuevaColeccion p {
    margin: 20px 0px;
    font-weight: bold;
    font-size: 1.2em;
}


form#nuevaColeccion .celda p {
    border-bottom: 2px solid black;
}

form#nuevaColeccion input {
    border: 1px solid #66ae9b;
    font-size: 18px;
    padding: 5px;
}

form#nuevaColeccion select {
    border: 1px solid #66ae9b;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    font-size: 18px;
    padding: 5px 45px 5px 5px;
    margin: 10px 0px;
    border: 1px solid #66ae9b;
    background-image: url(../imagenes/select.png); /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
    background-repeat: no-repeat;
    background-position: right center;
    background-color: white;
}

form#nuevaColeccion .untexto {
    text-align: left;
    width: 800px;
    margin: 10px auto;
    padding: 10px;
    border: 1px dotted black;
}

form#nuevaColeccion .untexto .palabra {
    margin-left: 50px;
}

form#nuevaColeccion select option{
    margin: 5px;
}

form#nuevaColeccion input#submit{
    color: var(--sunshine);
    background: var(--fresh);
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
}

form#nuevaColeccion input#volver{
    color: var(--sunshine);
    background: var(--fresh);
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
}

form#nuevaColeccion input#submit:disabled {
    visibility: hidden;
}

form#nuevaColeccion input#submit:hover,
form#nuevaColeccion input#volver:hover{
    color: var(--fresh);
    background: var(--sunshine);
}

form#nuevaColeccion .tipos {
    text-align: left;
    line-height: 1.2em;
    width: 800px;
    margin: 0px 0px 20px 80px;
    padding: 10px;
    border: 1px dotted var(--fresh);
    
}

form#nuevaColeccion .textos p.tipoTexto {
    text-align: left;
}

form#nuevaColeccion .textos p.tipoTexto a {
    text-decoration: none;
    font-weight: bold;
    color: black;
}

form#nuevaColeccion .textos .txt {
    height: 300px;
    margin-left: 20px;
    padding: 5px;
    border: 1px dotted var(--fresh);
    font-size: 0.9em;
    text-align: left;
    overflow: auto;
}

form#nuevaColeccion .textos .txt p {
     padding-left: 40px;
     text-indent: -38px;
     margin: 2px 0px;
}

form#nuevaColeccion textarea {
    font-size: 1.1em;
}

form#nuevaColeccion #aclaracion {
    margin-left: 20px;
    font-size: 0.8em;
    display: block;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 5 oct 2023, 16:11:53
    Author     : angel
*/