@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap');
@charset "UTF-8";

:root{
    --azulccgv: #4792cf;
    --turquesaccgv: #92f926;/*#00bb71;*/
    --amarilloccgv: #fcb134;
    --gristexto: #63666a;/*#8e939c;*/
}

body *{
    font-family: 'Open Sans', 'Tahoma', sans-serif;
    
    /*font-weight: 400;*/
}

div#img-container img {
    width: 100%;
}


.texto-gris{
    color: var(--gristexto);
}

.texto-azul{
    color: var(--azulccgv);
}

.texto-destacado{
    font-size: 1.25rem;
}

.texto-normalizado{
    font-size: 0.90rem;
}

.texto-micro {
    width: 100%;
    margin-top: .25rem;
    font-size: 75%;
}

.texto-mini {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
}

input[type="text"].texto-medio,
input[type="text"].texto-mini
{
    padding: 0;
    margin: 0;
    height: 1.25rem !important;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.texto-medio {
    width: 100%;
    margin-top: .25rem;
    font-size: 90%;
}

.validation-error {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    font-weight: 400;
    color: #dc3545;
}

.confirmation-message {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    font-weight: 400;
    color: #70b332;
}


/* site parqueferrol.es clonar apariencia */

.top-bar {
    background-color: #027cbb;
    color: #ffffff;
    line-height: 2.4rem;
    font-size: 16px;
}
.top-bar {
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
}

.top-bar .inside-top-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.inside-top-bar {
    padding: 0px 20px 0px 10px;
}

.top-bar-align-right .widget:first-child {
    margin-left: auto;
}

.top-bar .inside-top-bar .widget {
    padding: 0;
    display: inline-block;
    margin-bottom: 0;
}

.top-bar-align-right .widget {
    margin-right: 0;
}
.top-bar .widget {
    margin: 0 10px;
}

.top-bar-align-right .widget:nth-child(2) {
    margin-left: 0;
}
.top-bar-align-right .widget:nth-child(even) {
    order: -20;
}

.top-bar a {
    color: #ffffff;
}

.top-bar a, .top-bar a:focus, .top-bar a:hover, .top-bar a:visited {
    text-decoration: none;
}
.top-bar a, .top-bar button, .top-bar input {
    transition: color .1s ease-in-out,background-color .1s ease-in-out;
}



/* fin clonar apariencia*/
