/**************************************
Colores:

fresh: #4ABDAC;
vermillion: #FC4A1A;
sunshine: #F7B733;
clean: #DFDCE3;

Texto: black;

**************************************/

/***********************************************
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-width: 200px;
    float: right;
    margin: 15px;
}


/***********************************************
FORMULARIO NUEVA COLECCIÓN
***********************************************/
form#nuevaColeccion {
    padding: 20px 150px;
    text-align: right;
}

form#nuevaColeccion .todos {
    width: 100%;
    border-bottom: 1px dotted black;
    font-weight: bold;
}

form#nuevaColeccion #fila {
    display: table-row;
}

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

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



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

form#nuevaColeccion input {
    border: 1px solid var(--fresh);
    font-size: 16px;
    padding: 5px;
}

form#nuevaColeccion select {
    border: 1px solid var(--fresh);
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    font-size: 16px;
    padding: 5px 45px 5px 5px;
    margin: 0px;
    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 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:hover,
form#nuevaColeccion input#volver:hover {
    color: var(--fresh);
    background: var(--sunshine);
}



/*
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 : 14-ago-2023, 19:08:03
    Author     : angel
*/