/* CSS Document */

*
{
    margin: 0 auto;
    font-family: Verdana;
}

body
{
    background: url("../recursos/img/home_bg.jpg") repeat;
    -webkit-print-color-adjust: exact !important;
}

@media print
{
    nav
    {
        display: none;
    }
}

.cabecera
{
    background: url("../recursos/img/cabecera_bg.jpg") repeat-x center;
    background-size: cover;
    text-align: center;
    padding: 1em;
}

.tabla_cabecera
{
    width: 35em;
}

.tabla_cabecera td
{
    width: 25%;
}

.img_cabecera
{
    width: 100%;
}

.barra-sep img
{
    width: 2em;
}

.barra-sep figcaption
{
    font-size: 0.5em;
}

.barra_nav
{
    width: 100%;
    padding: 0.3em;
    background: linear-gradient(to bottom,rgba(100,31,45,1) 0,rgba(100,31,45,1) 2%,rgba(115,53,66,1) 4%,rgba(115,53,66,1) 7%,rgba(108,42,56,1) 8%,rgba(108,42,56,1) 51%,rgba(100,31,45,1) 52%,rgba(100,31,45,1) 100%);
    color: #FFF;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
}

.nav
{
    text-align: center;
}

.barra_sep2
{
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    width: 98%;
    margin: 1em auto;
    text-align: left;
    font-size: 0.8em;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
    padding: 0.5em 0;
    border-radius: 0.5em;
}

.barra_sep2 .clicable
{
    cursor: pointer;
}

.barra_sep2 span
{
    margin-bottom: 1em;
    
}


.barra_sep2 img
{
    height: 1.5em;
}

.boton_nav
{
    width: 68px;
    text-align: center;
    background: linear-gradient(#fddfb3, #f6aa34);
    border: 1px solid #f6aa34;
    border-radius: 1em;
    color: #000;
    cursor: pointer;
}

.txt
{
    text-align: center;
    font-size: 1.5em;
    width: 13em;
    padding: 0.5em 0;
}

/*.nav
{
    position: relative;
}*/

.centro
{
    text-align: left;
    padding: 0.5em 0;
    
    
    /*position: relative;*/
}

.centro > div
{
    display: inline-flex;
    padding: 0 0.5em 0 0.2em;
    border-radius: 0.5em;
    width: 70%;
    background: #FFF;
    border: 1px solid black;
    overflow-y: auto;
    margin-left: 1em;
}

.buscador
{
    font-size: 1.5em;
    background: url("../recursos/img/lupa.png") no-repeat left #FFF;
    background-size: 1em 1em;
    padding-left: 1.5em;
    width: 90%;
    border: none;
}

.buscador:focus
{
    outline: none;
}

.objeto_listado
{
    border: 1px solid #331111;
    margin: 0.75%;
    background: #FFF;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    border-radius: 2em;
    box-shadow: 0.4em 0.4em 0.4em #221111;
    padding: 1em;
    width: 13em;
    min-height: 13em;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.listado
{
    text-align: center;
}

.desc
{
    padding: 0.5em;
}

.img_objeto
{
    width: 10em;
    height: 10em;
    background: #FFF;
    padding: 1em;
    margin-top: 1.2em;
}

.img_objeto2
{
    height: 18em;
    background: #FFF;
    padding: 1em 0;
    margin-top: 10%;
    margin-left: -2.75em;
    margin-right: -2.75em;
}

.autocomplete-items {
    position: absolute;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 70%;
    left: 21em;
    right: 28%;
    bottom: -200%;
    color: #000;
    text-align: left;
    overflow-y: auto;
    border-radius: 0.4em;
}

.autocomplete-items div 
{
    padding: 10px;
    cursor: pointer;
    background-color: #fff; 
    border: 1px solid #d4d4d4; 
    border-top: none;
    padding-left: 3em;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.radio
{
    display: none;
}