*{
margin:0;
padding:0;
}
	
body{
background:#fff;
font-family:Calibri;
}

.descripcion{
width:100%;
box-sizing:border-box;
text-align:left;
float:left;
background:#fff;
}
.descripcion article{
margin:20px 0px 40px 20px;
}
.descripcion article h3{
font-family:titulo;
font-weight: 400;
color:#2A569F;
font-size:18px;
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:0px 10px 30px 5px;
}

/*=================================================================*/
.contenedor-servicios{
width:86%;
overflow:hidden;
background:#FFF;
margin:auto;
padding:0px;
}


.servicios-grupo1{
width:100%;
overflow:hidden;
margin:auto;
padding:0px;
}

.servicio1{
width:23.5%;
box-sizing:border-box;
text-align:center;
float:left;
margin:2% 0% 0% 0%;
}
.foto1{
padding:120px 0px 0px 0px;
background: url("servicios/001.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.servicio1 article{
margin:5px 10px;
}

.servicio2{
width:23.5%;
box-sizing:border-box;
text-align:center;
float:left;
margin:2% 0% 0% 2%;
}
.foto2{
padding:120px 0px 0px 0px;
background: url("servicios/002.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.servicio2 article{
margin:5px 10px;
}

.servicio3{
width:23.5%;
box-sizing:border-box;
text-align:center;
float:left;
margin:2% 0% 0% 2%;
}
.foto3{
padding:120px 0px 0px 0px;
background: url("servicios/003.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.servicio3 article{
margin:5px 10px;
}

.servicio4{
width:23.5%;
box-sizing:border-box;
text-align:center;
float:right;
margin:2% 0% 0% 2%;
}
.foto4{
padding:120px 0px 0px 0px;
background: url("servicios/004.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.servicio4 article{
margin:5px 10px;
}


.servicios-grupo2{
width:100%;
overflow:hidden;
margin:auto;
padding:0px;
}

.servicio5{
width:23.5%;
box-sizing:border-box;
text-align:center;
float:left;
margin:2% 0% 0% 0%;
}
.foto5{
padding:120px 0px 0px 0px;
background: url("servicios/005.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.servicio5 article{
margin:5px 10px;
}

.servicio6{
width:23.5%;
box-sizing:border-box;
text-align:center;
float:left;
margin:2% 0% 0% 2%;
}
.foto6{
padding:120px 0px 0px 0px;
background: url("servicios/006.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.servicio6 article{
margin:5px 10px;
}

.servicio7{
width:23.5%;
box-sizing:border-box;
text-align:center;
float:left;
margin:2% 0% 0% 2%;
}
.foto7{
padding:120px 0px 0px 0px;
background: url("servicios/007.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.servicio7 article{
margin:5px 10px;
}

.servicio8{
width:23.5%;
box-sizing:border-box;
text-align:center;
float:right;
margin:2% 0% 0% 2%;
}
.foto8{
padding:120px 0px 0px 0px;
background: url("servicios/008.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.servicio8 article{
margin:5px 10px;
}

.servicios-grupo3{
width:100%;
overflow:hidden;
margin:auto;
padding:0px;
}

.servicio9{
width:23.5%;
box-sizing:border-box;
text-align:center;
float:left;
margin:2% 0% 0% 0%;
}
.foto9{
padding:120px 0px 0px 0px;
background: url("servicios/009.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.servicio9 article{
margin:5px 10px;
}

.servicio10{
width:23.5%;
box-sizing:border-box;
text-align:center;
float:left;
margin:2% 0% 0% 2%;
}
.foto10{
padding:120px 0px 0px 0px;
background: url("servicios/010.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.servicio10 article{
margin:5px 10px;
}

.servicio11{
width:23.5%;
box-sizing:border-box;
text-align:center;
float:left;
margin:2% 0% 10% 2%;
}
.foto11{
padding:120px 0px 0px 0px;
background: url("servicios/011.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.servicio11 article{
margin:5px 10px;
}

@media screen and (max-width:750px){
.servicio1{
width:100%;
}
.servicio2{
width:100%;
}
.servicio3{
width:100%;
}
.servicio4{
width:100%;
}
.servicio5{
width:100%;
}
.servicio6{
width:100%;
}
.servicio7{
width:100%;
}
.servicio8{
width:100%;
}
.servicio9{
width:100%;
}
.servicio10{
width:100%;
}
.servicio11{
width:100%;
}

}