

html {
    height: 100%;

    background: url(../images/hierba.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

body {
    margin: 0;
    padding: 0;
    height: 100%;
}


#contenedor {
    height: 70%;
    text-align: center;
}

#tiraContenidos{
    
    width: 100%;
    max-width: 660px;
    height: 100%;
    margin: auto;    
    text-align: center;

   
}

.bandaBlanca{
    
    width: 100%;
    max-width: 604px;
    background-color: #ffffff;

    margin: auto;    
    text-align: center;
}
.badage{
    
    width: 100%;
    max-width: 660;

    margin: auto;    
    text-align: center;

}

.badage_rip{
    height: 40px;  
}

.badage_top_azul{
    background-image:
    url(../images/badage_top_blue.png);
    background-repeat:
    no-repeat,
    no-repeat;
    background-position:
    top center,
    left;
}
.badage_bottom_azul{
    background-image:
    url(../images/badage_bottom_blue.png);
    background-repeat:
    no-repeat,
    no-repeat;
    background-position:
    top center,
    left;
}

.badage_top_amarillo{
    background-image:
    url(../images/badage_top_yellow.png);
    background-repeat:
    no-repeat,
    no-repeat;
    background-position:
    top center,
    left;
}
.badage_bottom_amarillo{
    background-image:
    url(../images/badage_bottom_yellow.png);
    background-repeat:
    no-repeat,
    no-repeat;
    background-position:
    top center,
    left;
}

.badage_top_magenta{
    background-image:
    url(../images/badage_top_magenta.png);
    background-repeat:
    no-repeat,
    no-repeat;
    background-position:
    top center,
    left;
}
.badage_bottom_magenta{
    background-image:
    url(../images/badage_bottom_magenta.png);
    background-repeat:
    no-repeat,
    no-repeat;
    background-position:
    top center,
    left;
}

.badage_center{
    width: 100%;   
}

.texto_badage{
    font-family: AvenirNextRounded;
    font-size: 2.5em;
}

.titular_video{
    text-align: left;
    font-family: LubalinGraph;
    font-size: 2.5em;
    padding-left: 40px;
}
.subtitular_video{
    text-align: left;
    font-family: LubalinGraph;
    font-size: 2.5em;
    padding-left: 40px;
}


.subir_M{
    margin-top: -40px;
}

/*VISIBILIDAD*/
.oculto{
    display: none;
}




/* LOGOS */

#logo_FLF{
    width: 50%;
    padding-right: 33px;
    
}
#logo_somos{
    width: 50%;
    padding-left: 33px;
}

#logo_cn{
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    top: 15px;
}
#logo_FLF2{
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    top: 15px;
}


/* GALERIA */
.cont_galeria{
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;

}


/*VIDEO*/
.seccion_video{
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.cont_video {
    text-align: center;
    margin: auto;
    background-color: black;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.video {
    margin-top: 0px;
    position: relative;
    padding-bottom: 56.25%;
    /* 16/9 ratio */
    padding-top: 30px;
    /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.video>.video_yt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
}





.txt_claim1 {
    text-align: center;
    margin: auto;
    font-family: AvenirNextRounded;
    font-size: 2.5em;

}
.txt_claim2 {
    text-align: center;
    margin: auto;
    font-family: LubalinGraph;
    font-size: 2.5em;

}

.div_inline{
    display: inline;
}



h1 {
    text-align: center;
    margin: auto;
    font-family: LubalinGraph;
    font-size: 3.5em;
    color: white;
    text-transform: uppercase;
}
h2 {
    text-align: center;
    margin: auto;
    font-family: AvenirNextRounded;
    font-size: 2.4em;
    color: black;
    padding-left: 10vw;
    padding-right: 10vw;
}

h3 {
    text-align: center;
    margin: auto;
    font-family: AvenirNextRounded;
    font-size: 1.4em;
    color: #009bdf;
    margin-bottom: 1em;
}


