@charset "utf-8";
/* CSS Document */

@import url("https://fonts.googleapis.com/css?family=Didact+Gothic");

/* --- */

html {
    height: 100%;
}

body {
    height: 100%;
    font-family: "Didact Gothic", sans-serif;
    color: #777777 !important;
}

body p {
    font-size: 1.2rem;
    line-height: 140%;
    letter-spacing: -0.5px;
}

p a {
    color: #50a393;
    text-decoration: none;
}

p a:hover {
    color: #d98c59;
}

/* ####################### ESTILOS COMUNES #################### */

.padding-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padding-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.padding-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

/* --- */

.form-group label {
    font-weight: bold;
}

.form-control {
    border-radius: 0;
}

button[type="submit"] {
    border-radius: 0;
    background-color: #ffffff;
    border: 1px solid #50a393;
    color: #777777;
    font-weight: bold;
}

button[type="submit"]:hover {
    background-color: #50a393;
    color: #ffffff;
    border: 1px solid #ffffff;
}

/* --- */

.rc-hdr-01 {
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: -2px;
    color: #000000;
    padding-bottom: 20px;
    margin-bottom: 30px;
    background-image: url("../img/green-line.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.rc-hdr-02 {
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: -2px;
    color: #ffffff;
    padding-bottom: 20px;
    margin-bottom: 30px;
    background-image: url("../img/orange-line.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.text-right .rc-hdr-01,
.text-right .rc-hdr-02 {
    background-position: bottom right;
}

@media all and (max-width: 767px) {
    .rc-hdr-01 {
        text-align: center;
        background-position: bottom center;
    }

    .rc-hdr-02 {
        text-align: center;
        background-position: bottom center;
    }

    .text-right .rc-hdr-01,
    .text-right .rc-hdr-02 {
        background-position: bottom center;
    }

    #about .text-right p {
        text-align: left;
    }
}

/* ####################### ZONAS #################### */

#reiac-index header {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    background-image: url("../img/cabecera-max-02.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

header {
    position: relative;
    width: 100%;
    height: 260px;
    background-color: #ffffff;
    background-image: url("../img/cabecera-max-02.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* --- */

#reiac-index #lang-sel {
    position: absolute;
    left: 0;
    top: 200px;
    padding: 10px 5px 10px 5px;
    background-color: #ffffff;
    border-radius: 0 20px 20px 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

#reiac-index #lang-sel a {
    display: block;
    width: 35px;
    height: 20px;
    margin-bottom: 5px;
}

#lang-sel {
    position: absolute;
    left: 10px;
    top: 222px;
    padding: 5px 10px 10px;
    background-color: #ffffff;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 -8px 8px rgba(0, 0, 0, 0.2);
}

#lang-sel a {
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-bottom: 0;
    margin-right: 5px;
}

/* --- */

#full-menu {
    position: relative;
    z-index: 30;
}

@media all and (max-width: 767px) {
    #full-menu {
        display: none;
    }

    #mobile-menu {
        display: block;
    }
}

@media all and (min-width: 768px) {
    #full-menu {
        display: block;
    }

    #mobile-menu {
        display: none;
    }
}

/* --- */

header nav#mainmenu-f {
    padding-top: 30px;
}

header nav#mainmenu-f ul {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
}

header nav#mainmenu-f ul li {
    display: inline-block;
}

header nav#mainmenu-f ul li a {
    color: #ffffff;
    letter-spacing: -1px;
    padding-left: 40px;
    padding-right: 10px;
    font-family: "Didact Gothic", sans-serif;
    font-size: 1.5rem;
}

header nav#mainmenu-f ul li.active a,
header nav#mainmenu-f ul li a:hover {
    text-decoration: none;
    color: navajowhite;
}

@media all and (max-width: 991px) {
    header nav#mainmenu-f ul {
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    header nav#mainmenu-f ul li a {
        font-size: 1.2rem;
    }
}

.drop-parent {
    position: relative;
}

.drop-parent span {
    display: block;
    color: #ffffff;
    letter-spacing: -1px;
    padding-left: 40px;
    font-family: "Didact Gothic", sans-serif;
    font-size: 1.5rem;
    cursor: pointer;
}

.drop-parent:hover .drop-child {
    display: block !important;
}

.drop-child {
    display: none !important;
    width: 100% !important;
    padding: 5px 0 !important;
    background-color: rgba(0, 0, 0, 0.25);
}

.drop-child li {
    clear: both;
    display: block !important;
    /* width: 100%; */
    /* max-width: 260px; */
}

/* --- */

#mobile-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 50px;
    overflow: hidden;
    transition: 200ms;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

#mobile-menu.open {
    /* height: 300px; */
    height: auto;
    transition: 200ms;
}

header .mobile-menu-hdr {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ffffff;
    background-image: url("../img/hmenu-ico.png");
    background-repeat: no-repeat;
    background-position: center right 15px;
    color: #000000;
}

header .mobile-menu-hdr a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #000000;
    font-size: 2.4rem;
    font-weight: bold;
}

header .mobile-menu-hdr a:hover {
    text-decoration: none;
}

header nav#mainmenu-m {
    padding-top: 30px;
    background-color: #ffffff;
}

header nav#mainmenu-m ul {
    margin: 0;
    padding: 0;
    float: none;
    list-style: none;
}

header nav#mainmenu-m ul li {
    display: block;
    width: 100%;
    padding: 8px 16px;
}

header nav#mainmenu-m ul li:hover {
    background-color: #d98c59;
}

header nav#mainmenu-m ul li a,
header nav#mainmenu-m ul li span {
    display: block;
    width: 100%;
    color: #000000;
    letter-spacing: -1px;
    font-family: "Didact Gothic", sans-serif;
    font-size: 1.5rem;
    border-bottom: 1px solid #dddddd;
}

header nav#mainmenu-m ul li.active a {
    text-decoration: none;
    color: #50a393;
}

header nav#mainmenu-m ul li a:hover {
    text-decoration: none;
    color: navajowhite;
}

/* --- */

#pm-logo {
    position: absolute;
    width: 100%;
    height: 88px;
    top: 65px;
}

.pm-logo-top {
    display: block;
    float: right;
    width: 200px;
    margin-top: 20px;
    text-align: center;
    color: #000000;
    line-height: 100%;
    letter-spacing: -0.5px;
}

.pm-logo-top img {
    width: 100%;
    max-width: 200px;
}

.pm-logo-top {
    color: #000000;
}

.pm-logo-top:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

@media all and (max-width: 991px) {
    .pm-logo-top {
        display: none;
        float: none;
        margin: 0 auto;
        margin-top: 70px;
    }
}

/* --- */

.rc-logo-top {
    display: block;
    float: left;
    width: 300px;
    margin-top: 20px;
}

.rc-logo-top img {
    width: 100%;
    max-width: 300px;
}

@media all and (max-width: 991px) {
    .rc-logo-top {
        float: none;
        margin: 0 auto;
        margin-top: 70px;
    }
}

/* --- */

header #hdr-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* --- */

header #hdr-bottom #chipsearch {
    width: 100%;
    padding: 15px 0;
    background-color: rgba(255, 255, 255, 0.4);
}

header #hdr-bottom #chipsearch p {
    margin: 0;
}

.rc-logo-chip {
    display: inline-block;
    padding: 15px;
    background-color: #ffffff;
    margin-bottom: 15px;
}

.rc-logo-chip img {
    width: 100%;
    height: auto;
    max-width: 360px;
}

/* --- */

#chipsearch-frm {}

#chipsearch-frm .form-group {
    margin: 0;
}

#chipsearch-frm .form-control {
    text-align: center;
    height: 50px;
    border-radius: 25px;
    font-size: 1.5rem;
    color: #999999 !important;
}

@media all and (max-width: 575px) {
    #chipsearch-frm .form-control {
        font-size: 1rem;
    }
}

#chipsearch-frm .form-control::placeholder {
    color: #999999 !important;
}

/* --- */

#chipsearch-frm2 {}

#chipsearch-frm2 .form-group {
    margin: 0;
}

#chipsearch-frm2 .form-control {
    text-align: center;
    height: 50px;
    border-radius: 25px;
    font-size: 1.5rem;
    color: #999999 !important;
    border: #50a393 2px solid;
}

@media all and (max-width: 575px) {
    #chipsearch-frm2 .form-control {
        font-size: 1rem;
    }
}

#chipsearch-frm2 .form-control::placeholder {
    color: #999999 !important;
}

/* --- */

#whattodo {
    display: none;
    /* 20190429 */
    padding: 30px 0;
}

.wtd-btn {
    display: block;
    text-align: center;
    height: 50px;
    font-size: 1.3rem;
    line-height: 50px;
    border-radius: 25px;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}

.btn-orange {
    background-color: #d98c59 !important;
    color: #ffffff !important;
}

.btn-orange:hover {
    text-decoration: none;
    background-color: #ffffff !important;
    color: #d98c59 !important;
}

.btn-green {
    background-color: #50a393 !important;
    color: #ffffff !important;
}

.btn-green:hover {
    text-decoration: none;
    background-color: #ffffff !important;
    color: #50a393 !important;
}

.petform-hdr {}

.petform-hdr a {
    display: inline-block;
    color: #50a393 !important;
    line-height: 100%;
    font-size: 1.5rem;
    font-weight: bold;
    border-bottom: 1px solid #50a393;
}

.petform-hdr a:hover {
    color: #d98c59 !important;
    border-bottom: 1px solid #d98c59;
}

/* --- ABOUT --- */

#about {
    /* --- */
}

/* --- TRANSFER --- */

#transfer {
    background-color: #ffffff;
    background-image: url("../img/cabecera-transfer-02.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.transfer-frm-cnt {
    padding: 30px 60px;
    background-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

@media all and (max-width: 767px) {
    .transfer-frm-cnt {
        margin: 30px 15px;
        padding: 30px;
    }
}

/* --- MEMBERS --- */

.members-info-cnt {
    padding: 15px;
    border: 1px solid #dddddd;
}

.map-cnt-off p img {
    width: 100%;
    max-width: 570px;
}

@media all and (max-width: 991px) {
    .map-cnt-on {
        display: none;
    }

    .map-cnt-off {
        display: block;
    }

    .membercom-frm {
        display: block;
    }
}

@media all and (min-width: 992px) {
    .map-cnt-on {
        display: block;
    }

    .map-cnt-off {
        display: none;
    }

    .membercom-frm {
        display: none;
    }
}

img[usemap] {
    /*border: solid 1px #EFEFEF;*/
}

/* --- FOOTER --- */

footer {
    background-color: #efefef;
    padding-top: 60px;
    padding-bottom: 60px;
}

.contact-cnt {
    margin-top: 60px;
}

/* --- GOOGLE RECAPTCHA --- */

@media all and (max-width: 575px) {
    .g-recaptcha {
        padding: 15px 5px !important;
    }
}

.g-recaptcha>div {
    margin: 0 auto !important;
}

/* --- RESULTS PAGE --- */

span.chip-date {
    display: block;
}

label.chip-num {
    display: block;
    font-size: 2rem;
}

/* --- */

.resultlineon {
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 15px;
}

.resultlineon label {
    display: inline;
    font-weight: bold;
}

.resultlineon span {
    font-size: 1.1rem;
    margin: 0;
    text-align: left;
    display: block;
    height: auto !important;
    padding: 0px;
}

.resultlineon span strong {}

/* --- */

.resultlineoff {
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 15px;
}

.resultlineoff label {
    display: inline;
    font-weight: bold;
}

.resultlineoff span {
    font-size: 1.1rem;
    margin: 0;
    text-align: left;
    display: block;
    height: auto !important;
    padding: 0px;
}

.resultlineoff span strong {}

/*############## ESTADÍSTICAS ############## */

.reiac-statistics {}

.stats-itm {
    text-align: center;
}

.stats-itm img {
    width: 100%;
    height: auto;
    max-width: 420px;
    margin-bottom: 15px;
}

.stats-color-itm {}

.stats-color-itm h3 {
    margin-bottom: 5px;
    font-size: 2rem;
}

.stats-color-itm span.color-sqr {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #999999;
    border: #50a393 1px solid;
    margin-right: 3px;
}

/*############## JUNTA DIRECTIVA ############## */

.reiac-directors {}

.reiac-directors .dboard-itm {
    display: inline-block;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25) !important;
    margin-bottom: 15px;
}

.reiac-directors .dboard-itm img {
    width: 100%;
    height: auto;
}

.reiac-directors .dboard-itm h4 {
    color: #50a393;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
}

.reiac-directors .dboard-itm p {
    text-align: center;
    font-size: 1.2rem;
}

/*############## ESTATUTOS ############## */

.reiac-statutes {}

.reiac-statutes h2 {
    color: #50a393;
    text-align: center;
    font-weight: 600;
    letter-spacing: -1px;
    margin: 30px 0 15px;
    border-bottom: 1px solid #50a393;
}

.reiac-statutes h3 {
    color: #50a393;
    font-size: 1.4rem;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 0;
}

.reiac-statutes h4 {
    color: #50a393;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 0;
}

.reiac-statutes ol {
    counter-reset: list;
    padding-left: 0;
    margin-top: 5px;
}

.reiac-statutes ol>li {
    display: block;
    font-size: 1.2rem;
    letter-spacing: -0.5px;
}

.reiac-statutes ol>li:before {
    content: counter(list, upper-alpha) ") ";
    counter-increment: list;
    color: #50a393;
    font-weight: 600;
    margin-right: 10px;
}

.reiac-statutes ul {
    padding-left: 40px;
    margin: 15px 0;
    list-style: square;
}

.reiac-statutes ul>li {
    /* display: block; */
    font-size: 1.2rem;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
    line-height: 120%;
}

/* ######## 20241004 ######## */
/* --- Botón para versión móvil del formulario de chips --- */

.chipsearch-btn {
    width: 100%;
    border-radius: 100px;
    border: none;
    background-color: #50a393;
    color: #ffffff;
    padding: 5px 15px;
    margin-top: 10px;
    font-size: 1.75rem;
    text-align: center;
    font-weight: 500;
    letter-spacing: -1px;
}