*{
margin:0;
padding:0;
}

body{
background:#FFF;
}

/*=================================================================*/
.contenedor-promocion-total{
width:100%;
}
.promocion{
width:100%;
}




/*=================================================================*/
.contenedor-historia{
width:90%;
overflow:hidden;
margin:0% 5%;
padding:14px 0px 100px 0px;
}
.historia{
width:100%;
text-align:center;
overflow:hidden;
padding:0% 0% 0.5% 0%;
}
.texto{
width:40%;
box-sizing:border-box;
text-align:center;
float:left;
margin:0px 0px 0px 0px;
}
.texto article h3{
font-family:titulo;
font-size:35px;
font-weight: 400;
color:#653300;
text-align:left;
line-height:45px;
padding:10px 0px 20px 0px;
}

.texto article h2{
font-family:titulo;
font-size:15px;
font-weight: 400;
color:#333;
text-align:left;
line-height:25px;
padding:10px 0px 20px 0px;
}

.texto article{
font-family:Textos;
font-style: Narrow;
font-size:16px;
color:#555;
line-height:22px;
text-align:left;
padding:40px 30px 60px 30px;
}
.imagen{
width:60%;
box-sizing:border-box;
float:left;
margin:0px 0px 0px 0px;

}

















@media screen and (max-width:750px){
.titbienvenida{
width:100%;
}
.titbienvenida article h3{
text-align:left;
line-height:55px;
padding:10px 0px 0px 0px;
}
.titbienvenida article{
padding:40px 30px 30px 30px;
}

.txtbienvenida{
width:100%;
}
.txtbienvenida article{
padding:0px 30px 60px 30px;
}





.contenedor-historia{
width:100%;
margin:0% 0%;
}



}



@media screen and (max-width:750px){
.historia{
width:100%;
padding:2% 0% 0% 0%;
}
.texto{
width:100%;
}
.imagen{
width:100%;
}
}