@font-face {
    font-family: LE_SILENCE_DES_CAFARDS;
    src: url('../fonts/LE_SILENCE_DES_CAFARDS.ttf');
}

@font-face {
    font-family: cabin-regular;
    src: url('../fonts/Cabin-Regular.ttf');
}

@font-face {
    font-family: cabin-bold;
    src: url('../fonts/Cabin-Bold.ttf');
}

*{
    margin:0;
    padding:0;
}

p, h3, h2, h1{
    font-family:'cabin-regular';
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar:hover{
    cursor:pointer;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(76, 75, 73, 1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 1); 
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(76, 75, 73, 1);
}

.ggb_contenidoInterno{
    background-size:cover;
}

.tab{
    position:absolute;
    width:97%;
    height:83%;
    border-radius:15px;
    background-size:cover !important;
    display:none;
}

#tab_1{
    background:url("../img/bg_6_1.png");
    display:block;
}

#tab_2{
    background:url("../img/bg_3_6.png");
    display:block;
}

.show_popup{
    margin-left:45%;
    margin-top: 350px;
}

.back:hover, .show_popup:hover{
    cursor:pointer;
    opacity:0.85;
    transform:scale(1.05);
}

.back:active, .show_popup:active{
    opacity:1;
    transform:scale(1);
}

.back, .show_popup{
    width:15%;
    bottom: 1%;
    z-index:3;
}


.popup{
    width:100%;
    height:100%;
    border-radius:15px;
    position:absolute;
    background-color:rgba(0, 0, 0, 0.8);
    z-index:20;
    background-repeat:no-repeat !important;
    background-position:50% 50% !important;
    background-size:95% !important;
    background-image:url("../img/popup.png");
    display:none;
}

.btn_close{
    position:absolute;
    width: 5% !important;
    height:auto !important;
    top:9%;
    right:9%;
    z-index:7;
}

.btn_close:hover{
    cursor:pointer;
    transform:scale(1.1);
    opacity:0.85;
}

.btn_close:active{
    transform:scale(0.95);
    opacity:1;
}

#texto{
    top:38.5%;
   
}

.texto{
padding: 5px;
font-size: 2em;
text-align: justify;
margin-top: 100px;
margin-left: 160px;
height: 400px;
width: 1000px;
resize: none;
overflow-y: scroll;
border-radius: 16px 16px 16px 16px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
border: 2px dotted #f28908;

}
