/***   GENERAL   ***/
/* @font-face{
    font-family: helvetica;
    src: url('../font/helvetica-rounded-bold.otf');
    font-weight: 600;
}

@font-face{
    font-family: helvetica;
    src: url('../font/helvetica-rounded-bold.otf');
    font-weight: 400;
}

@font-face{
    font-family: helvetica;
    src: url('../font/helvetica-rounded-bold.otf');
    font-weight: 700;
}
 */



@font-face {
    font-family: 'museo_sans';
    src: url('../font/museosans_500_italic-webfont.woff2') format('woff2'),
         url('../font/museosans_500_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'museo_sans';
    src: url('../font/museosans_500-webfont.woff2') format('woff2'),
         url('../font/museosans_500-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans';
    src: url('../font/museosans_700-webfont.woff2') format('woff2'),
         url('../font/museosans_700-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans';
    src: url('../font/museosans_900-webfont.woff2') format('woff2'),
         url('../font/museosans_900-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans';
    src: url('../font/museosans-100-webfont.woff2') format('woff2'),
         url('../font/museosans-100-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans';
    src: url('../font/museosans-300-webfont.woff2') format('woff2'),
         url('../font/museosans-300-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'museo_sans';
    src: url('../font/museosans-300italic-webfont.woff2') format('woff2'),
         url('../font/museosans-300italic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;

}


*{
    margin: 0;
    padding: 0;    
    font-family: 'museo_sans', sans-serif;
}
html {
    height: 100%;
}

body{
    background-color: white;
    /* background: url(../img/fondo.jpg) no-repeat top center; */
    background: radial-gradient(circle at 50% 20%, #ffffff 0%, rgba(240, 242, 240, 1) 60%, rgba(130, 209, 112, 1) 100%);


    /* background-size: cover; */
    overflow-x: hidden;
}

.screen {
    width: 100%;
    height: 100%;
     background-image: url('../img/bg-screen.png');
    background-repeat:repeat-x; 
}

a:link, a:visited, a:active{
    text-decoration: none;
    color: white;

}

.container{
    width: 1280px;
    height: 720px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}

.input{
    border: 0;
    background-color: transparent;
    color: #6fa43a; /* verde */
    border-bottom: 2px solid;
    font-size: 18px;
}

input:focus{
    outline: 0;
    border: 0;
}

input::placeholder{
    color: #ccc;
}

button{
    background-color: transparent;
    border: 0;
}

button:focus{
    outline: 0;
    border: 0;
}

.show{
    display: block;
}

.hide{
    display: none;
}

/* SCROLL BAR */

/* ::-webkit-scrollbar {
    width: 8px;
    margin-right: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

::-webkit-scrollbar-thumb {
    background: #888; 
}

::-webkit-scrollbar-thumb:hover {
    background: #555; 
} */





.col-text-base{
    color:#002D74
}

.col-color1{
    color: #FF4F00;
}
.bg-color1{
    background-color: #FF4F00;
}
.col-color2{
    color: #FF8400;
}
.bg-color2{
    background-color: #FF8400;
}
.col-color3{
    color: #FFB81C;
}
.bg-color3{
    background-color: #FFB81C;
}
.col-color4{
    color: #E00070;
}
.bg-color4{
    background-color: #E00070;
}
.col-color5{
    color: #72BF44;
}
.bg-color5{
    background-color: #72BF44;
}
.col-color6{
    color: #00B2D5;
}
.bg-color6{
    background-color: #00B2D5;
}



.bg-btn-options , 
#btn-info,
.tip-active,
.sol-normal ,
#btn-feedback,
.tip-close ,
.btn-pista,
.btn
{
    transition: 0.6s ease all;
}
.bg-btn-options:hover , 
#btn-info:hover,
.tip-active:hover,
.sol-normal:hover,
#btn-feedback:hover ,
.tip-close:hover ,
.btn-pista:hover,
.btn:hover 
 {
    transform: scale(1.05);
    transition: 0.3s ease all;
}

.tip-normal:hover {
    transition: none;
    transform: none;
}