html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.Cabeceras {
    font-family: 'Century Gothic';
    font-weight: bold;
    font-size: 15px;
    color: black;
}

.TituloF {
    font-family: 'Century Gothic';
    font-weight: bold;
    font-size: 30px;
    color: white;
    text-align: center;
}

td {
    font-family: 'Century Gothic';
    color: black;
    font-size: 14px;
}

/*Estilos para la página del buscador*/
@import url(http://fonts.googleapis.com/css?family=Montserrat+Alternates);

* {
    margin: 0;
    padding: 0;
    font: 12pt Arial;
}

body {
    background-color: #34495e;
}

.field {
    display: flex;
    position: relative;
    margin: 5em auto;
    width: 70%;
    flex-direction: row;
    justify-content: center;
    /*box-shadow: 1px 1px 0 rgb(22, 160, 133), 2px 2px 0 rgb(22, 160, 133), 3px 3px 0 rgb(22, 160, 133), 4px 4px 0 rgb(22, 160, 133), 5px 5px 0 rgb(22, 160, 133), 6px 6px 0 rgb(22, 160, 133), 7px 7px 0 rgb(22, 160, 133);*/
}

    .field > input[type=text],
    .field > button {
        display: block;
        font: 1.2em 'Montserrat Alternates';
    }

    .field > input[type=text] {
        flex: 1;
        padding: 0.6em;
        border: 0.2em solid rgb(26, 188, 156);
    }

    .field > button {
        padding: 0.6em 0.8em;
        background-color: rgb(26, 188, 156);
        color: white;
        border: none;
    }




/************** MODAL ***********/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 35%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }


    /* Para el LogIn*/

.gradient-custom {
    /* fallback for old browsers */
    background: #6a11cb;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1))
}