*{
margin:0;
padding:0;
}

body{

}

.contenedor-slider{
width:100%;
overflow:hidden;
background: url("promociones/s-2.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
margin:auto;
padding:0px 0px 0px 0px;
}
.msj-slider article h3{
font-family:titulo;
font-weight: 400;
font-size:65px;
color:#fff;
text-align:center;
line-height:55px;
padding:150px 0px 150px 0px;
text-shadow: -2px -2px 2px #000;
}

/*=================================================================*/





.descripcion{
width:100%;
box-sizing:border-box;
text-align:center;
float:left;
background:#FFF;
padding:5% 0%;
}
.descripcion article{
margin:20px 0px 40px 20px;
}
.descripcion article h3{
font-family:titulo;
font-weight: 400;
color:#2A569F;
font-size:30px;
line-height:30px;
margin-bottom:0px 10px 10px 0px ;
}
.descripcion p{
font-family:Textos;
font-style: Narrow;
color:#222;
font-size:16px;
line-height:22px;
margin:10px 10px 10px 5px;
}
.descripcion article h2{
font-family:Titulo;
font-weight:400;
color:#555;
font-size:30px;
line-height:30px;
margin-bottom:0px 10px 10px 0px ;
}


/*=================================================================*/
.contenedor-promociones{
width:80%;
overflow:hidden;
margin:3% 10%;
}


/*=======================*/
.promocion1{
width:48%;
box-sizing:border-box;
text-align:center;
float:left;
margin:0% 4% 4% 0%;
}
.foto1{
padding:220px 0px 0px 0px;
background: url("promociones/001.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.promocion1 article{
margin:0px 10px;
}

.promocion2{
width:48%;
box-sizing:border-box;
text-align:center;
float:left;
margin:0% 0% 0% 0%;
}
.foto2{
padding:220px 0px 0px 0px;
background: url("promociones/002.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.promocion2 article{
margin:0px 10px;
}

.promocion3{
width:48%;
box-sizing:border-box;
text-align:center;
float:left;
margin:0% 4% 4% 0%;
}
.foto3{
padding:220px 0px 0px 0px;
background: url("promociones/003.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.promocion3 article{
margin:0px 10px;
}

.promocion4{
width:48%;
box-sizing:border-box;
text-align:center;
float:left;
margin:0% 0% 0% 0%;
}
.foto4{
padding:220px 0px 0px 0px;
background: url("promociones/004.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.promocion4 article{
margin:0px 10px;
}


.promocion5{
width:48%;
box-sizing:border-box;
text-align:center;
float:left;
margin:0% 4% 4% 0%;
}
.foto5{
padding:220px 0px 0px 0px;
background: url("promociones/005.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.promocion5 article{
margin:0px 10px;
}

.promocion6{
width:48%;
box-sizing:border-box;
text-align:center;
float:right;
margin:0% 0% 0% 0%;
}
.foto6{
padding:220px 0px 0px 0px;
background: url("promociones/006.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.promocion6 article{
margin:0px 10px;
}

@media screen and (max-width:750px){


.msj-slider article h3{
font-size:40px;
line-height:35px;
}

.contenedor-promociones{
width:100%;
margin:3% 0%;
}
.promocion1{
width:100%;
}
.promocion2{
width:100%;
}
.promocion3{
width:100%;
}
.promocion4{
width:100%;
}
.promocion5{
width:100%;
}
.promocion6{
width:100%;
}

}