@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwN4rWqhPAMif.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqhPAMif.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqZPAA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

* {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
}

body {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2;
    width: 98%;
}

.ejemplos-a {
    height: 40px;
}

.ejemplos {
    height: 110px;
}

.ejemplos-2 {
    height: 50px;
}

.ejemplos-3 {
    height: 100px;
}

.has-tip {
    font-size: 18px;
}

.row .panel {
    margin-bottom: 10px !important;
    padding: 5px 10px 5px 10px;
}

.col-c, .col-h {
    text-align: center;
    border: 1px solid #C8C8C7 !important;
    color: #575656 !important;
}

.col-c {
    padding-top: 5px !important;
}

.coleft {
    text-align: left !important;
}

.col-h {
    font-size: 16px;
    background-color: #C8C8C7 !important;
}

.col-c {
    margin-bottom: 5px;
}

.col-sh-i {
    background-color: #f2f2f2;
    font-weight: bold;
    font-size: 1.0rem;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #d8d8d8;
}

.col-sh-f {
    background-color: #f2f2f2;
    font-weight: bold;
    font-size: 1.0rem;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #d8d8d8;
    margin-top: 10px;
}

a.button {
    font-size: 1rem !important;
}

.btn-abajo {
    margin-top: -10px !important;
    margin-bottom: 20px !important;
}

.btn-arriba {
    margin-top: 10px !important;
    margin-bottom: -20px !important;
}

.legend {
    font-size: 16px !important;
}

h3 {
    font-size: 20px !important;
    color: #CE770F;
    text-align: center;
    font-weight: normal !important;
}

.pregunta label, label {
    font-size: 20px !important;
    color: #575656;
    margin-bottom: 2px !important;
}


.panel {
    font-size: 11px;
    color: #565656;
    background-color: #C7C7C7;
}

[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
    background-color: #BE2B2A;
    font-style: normal;
    color: white;
    margin-bottom: 2px;
}

fieldset {
    padding: 10px !important;
}

.leyenda-1 {
    color: #36548B !important;
    font-size: 18px !important;
}

.leyenda-2 {
    color: #CE770F !important;
    font-size: 16px !important;
}

.marco-1 {
    border: 1px solid #36548B;
}

.marco-2 {
    border: 1px solid #CE770F;
    padding: 5px !important;
    margin-top: 5px !important;
}

fieldset legend {
    font-weight: normal;
}

.columns {
    padding: 0 5px;
}

.consumo label {
    font-size: 14px !important;
}

.postfix, input, select {
    /*font-size: 13px;
    font-family: Helvetica;*/
}

table {
    border: 1px solid #C8C8C7;
    color: #575656 !important;
    font-size: 13px !important;
    line-height: 1.0 !important;
}

th {
    text-align: center !important;
    background-color: #C8C8C7 !important;
    font-size: 16px !important;
    font-weight: normal;
    color: #575656 !important;
}

td {
    margin: 0 !important;
    color: #575656 !important;
    font-size: 13px !important;
    line-height: 1.0 !important;
}

tr.final th {
    font-size: 13px !important;
    font-weight: bold !important;
}

a.button, button, a.button:hover, button:hover {
    /*background-color: #36548B!important;*/
    background-color: #ffffff !important;
    border: 1px solid #CE770F;
    color: #CE770F;
    padding: 5px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    margin: 0 !important;
    border-radius: 0 !important;

}

button:disabled, button:disabled:hover {
    background-color: #ffffff !important;
    border: 1px solid #cccccc;
    color: #cccccc;
    padding: 5px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

a.reiniciar, a.reiniciar:hover {
    border: 1px solid #494949 !important;
    color: #494949 !important;
    background-color: #ffffff;
    padding: 5px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

fieldset.resultados-ahorro {
    line-height: 1.5 !important;
}

.segmento-txt {
    background-color: #36548B;
    color: #ffffff;
    padding: 20px 15px 20px 15px !important;
    margin-top: 10px;
}

.segmento-imagen {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.segmento-img {
    width: 100%;
    width: 100 px9; /* IE 8 y anteriores */
    height: auto;
    height: 100 px9; /* IE 8 y anteriores */
    border: 1px solid #36548B;
}

.segmento-explicacion {
    background-color: #CE770F !important;
    color: #ffffff !important;
}


.header h3 {
    font-weight: bold;
    font-size: 24px !important;
}

.nota {
    font-size: 20px;
}

.viendo {
    color: #CE770F;
}

button.btn-calcular {
    background-color: #CE770F !important;
    border: 1px solid #CE770F !important;
}

input {
    margin-bottom: 0 !important;
}