.logo{
    margin-left:40px;
    margin-top: 16px;
    z-index: 20; 
}

.btn-beneficios{
    width: 107px;
    height: 33px;
    background-color: #ee7421;
    border-radius: 0px !important;
    color: #fff !important;
    font-size: 16px;
    float: right;
    margin-top: 62px;
    margin-right: -4px;
    font-weight: bold;
    padding-bottom: 28px;
}

.texto-bajo-btn-beneficios{
    font-family: 'latolight';
    font-size: 13px;
    color: #7c5b5b; 
    float: right;
    text-align: right;
    width: 100%;
    margin-top: -68px;
    margin-right: -4px;
}

.texto-cinco-variedades{
    font-family: 'latolight';
    font-size: 17px;
    color: #7c5b5b; 
    float: left;
    text-align: left;
    width: 100%;
    margin-top: 30px;
    margin-left: 42px;
}

.texto-cinco-variedades2{
    font-family: 'latolight';
    font-size: 17px;
    color: #7c5b5b; 
    float: left;
    text-align: left;
    width: 100%;
    margin-left: 42px;
}

.texto-cinco-variedades-productos {
    font-family: 'latolight';
    font-size: 17px;
    color: #7c5b5b;
    float: left;
    text-align: left;
    width: 100%;
    margin-top: 47px;
    margin-left: 155px;
}

.texto-cinco-variedades2-productos{
    font-family: 'latolight';
    font-size: 17px;
    color: #7c5b5b; 
    float: left;
    text-align: left;
    width: 100%;
    margin-left: 42px;
    margin-bottom: 50px;
}

.texto-como-preparar{
    font-family: 'latolight';
    font-size: 17px;
    color: #7c5b5b; 
    float: left;
    text-align: left;
    width: 100%;
    margin-left: 42px;
    margin-top: 60px;
}

.btn-conocer{
    width: 145px;
    height: 40px;
    background-color: #ee7421;
    border-radius: 0px !important;
    color: #fff !important;
    font-size: 16px;
    float: left;
    font-weight: bold;
    margin-top: 10px;
}

.btn-valor-nutricional{
    width: 175px;
    height: 40px;
    background-color: #ee7421;
    border-radius: 0px !important;
    color: #fff !important;
    font-size: 16px;
    float: left;
    font-weight: bold;
    margin-top: 42px;
    margin-left: 42px;
    margin-bottom: 86px;
}

.btn-valor-nutricional-modal{
    width: 100px;
    height: 40px;
    background-color: #ee7421;
    border-radius: 0px !important;
    color: #fff !important;
    font-size: 16px;
    float: right;
    font-weight: bold;
}

.btn-enviar{
    width: 100%;
    height: 54px;
    background-color: #ee7421;
    border-radius: 0px !important;
    color: #fff !important;
    font-size: 14px;
    float: left;
    font-weight: bold;
}

.input-hm{
    width: 100%;
    height: 54px;
    text-indent: 4px;
}

.input-hm-ta{
    width: 100%;
    height: 54px;
    text-indent: 4px;
    line-height: 3.4;
}

.titulo1{
    font-family: 'latoregular';
    font-size: 54px;
    color: #7c5b5b; 
    float: left;
    text-align: left;
    width: 100%;
}

.titulo1-productos{
    font-family: 'latoregular';
    font-size: 54px;
    color: #7c5b5b;
    float: left;
    text-align: left;
    margin-top: 82px;
    margin-left: 10px;
}

.titulo2{
    font-family: 'latoregular';
    font-size: 30px;
    color: #7c5b5b; 
    float: left;
    text-align: left;
    width: 100%;
    margin-left: 42px;
    margin-bottom: 30px;
}

.titulo2-productos{
    font-family: 'latoregular';
    font-size: 22px;
    color: #7c5b5b; 
    float: left;
    text-align: left;
    width: 100%;
    margin-left: 42px;
    margin-top: 60px;
}

.titulo2-beneficios{
    font-family: 'latoregular';
    font-size: 22px;
    color: #7c5b5b; 
    float: left;
    text-align: left;
    width: 100%;
    margin-left: 42px;
    margin-top: 100px;
}

.titulo-vn-modal{
    font-family: 'latoregular';
    font-size: 22px;
    color: #7c5b5b; 
    float: left;
    text-align: left;
    width: 100%;
    margin-top: -24px;
}

.titulo3{
    font-family: 'latoregular';
    font-size: 25px;
    color: #7c5b5b; 
    float: left;
    text-align: left;
    width: 100%;
    margin-left: 42px;
    margin-top: 30px;
}

.titulo4{
    font-family: 'latoregular';
    font-size: 25px;
    color: #7c5b5b; 
    float: left;
    text-align: left;
    width: 100%;
    margin-left: 42px;
    margin-top: 30px;
}

.texto-contacto{
    font-family: 'latoregular';
    font-size: 14px;
    color: #7c5b5b; 
    float: left;
    text-align: left;
    width: 100%;
    margin-left: 42px;
    margin-top: 10px;
}



.formcol{
    width: 23%;
    padding: 0 5px;
    text-align: center;
    margin-bottom: 50px;
}

.ingredientes{
    font-family: 'shadows_into_lightregular';
    font-size: 22px;
    color: #e3551c; 
    float: left;
    width: 100%;
    margin-top: -10px;
}

.ingredientes-productos {
    font-family: 'shadows_into_lightregular';
    font-size: 22px;
    color: #e3551c;
    float: left;
    width: 100%;
    margin-top: -36px;
    margin-left: 152px;
}

.img-plato-arroz_mediterraneo{
    float: right;
    position: absolute;
    margin-left: 60px;
    margin-top: -66px;
}

.img-plato-arroz_primavera{
    float: right;
    position: absolute;
    margin-left: 32px;
    margin-top: -66px;
}

.img-plato-arroz_paella{
    float: right;
    position: absolute;
    margin-left: -80px;
    margin-top: -66px;
}

.img-plato-arroz_yakimeshi{
    float: right;
    position: absolute;
    margin-left: -115px;
    margin-top: -66px;
}

.img-plato-arroz_4quesos{
    float: right;
    position: absolute;
    margin-left: -50px;
    margin-top: -66px;
}

.img-plato-arroz-cortado{
    float: right;
    margin-right: 35px;
    margin-top: -162px;
}

.texto_vaso_min{
    font-family: 'shadows_into_lightregular';
    font-size: 18px;
    color: #2e7e07; 
    width: 100%;
}

footer{
    background-color: #f7f6f2;
    text-align: center;
}

.texto_cursiva_naranjo{
    font-family: 'latolight';
    font-style: italic;
    color: #ee7421;
    font-size: 14px;
    text-align: justify;
    margin-left: 42px;
}

.texto_gris_productos{
    font-family: 'latolight';
    color: #7b7a7a;
    font-size: 12px;
    text-align: justify;
    margin-top: 15px;
    margin-left: 42px;
}

.texto_gris_beneficios{
    font-family: 'latolight';
    color: #7b7a7a;
    font-size: 12px;
    text-align: justify;
    margin-top: 15px;
    margin-left: 42px;
}


.imagenes-beneficios{
    margin-left: 42px;
}


.btn_vasop1:hover{
    content: url('../images/botonhome_p1hover.jpg');
    outline: none;
    margin-bottom: -5px;
}

.btn_vasop2:hover{
    content: url('../images/botonhome_p2hover.jpg');
    outline: none;
    margin-bottom: -5px;
}

.btn_vasop3:hover{
    content: url('../images/botonhome_p3hover.jpg');
    outline: none;
    margin-bottom: -5px;
}

.btn_vasop4:hover{
    content: url('../images/botonhome_p4hover.jpg');
    outline: none;
    margin-bottom: -5px;
}

.btn_vasop5:hover{
    content: url('../images/botonhome_p5hover.jpg');
    outline: none;
    margin-bottom: -5px;
}

@font-face {
    font-family: 'kefaregular';
    src: url('../fonts/kefa-regular-webfont.eot');
    src: url('../fonts/kefa-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kefa-regular-webfont.woff') format('woff'),
         url('../fonts/kefa-regular-webfont.ttf') format('truetype'),
         url('../fonts/kefa-regular-webfont.svg#kefaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'shadows_into_lightregular';
    src: url('../fonts/shadowsintolight-webfont.eot');
    src: url('../fonts/hadowsintolight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/shadowsintolight-webfont.woff') format('woff'),
         url('../fonts/shadowsintolight-webfont.ttf') format('truetype'),
         url('../fonts/shadowsintolight-webfont.svg#shadows_into_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}