@charset "UTF-8";
/* CSS Document */

@media all and (max-width: 850px) {
body{
	font-size:12px;
}
#servicios, #nosotros{
	padding-top:0px;
}
.iconoservicio {
    position: absolute;
    width: 16%;
    left: -80px;
}
.servicio, .servicio:nth-child(2n+1){
padding:2%;
width:60%;
line-height:22px;
float: none;
margin: 30px auto;
	}
.masonry4, .masonry3 { /* Masonry container */
    column-count: 3;
	padding-top:20px;
}
#secundario2 p{
	width:90%;
	margin:auto;
	float:none;
}
.testimonioimagen, .testimoniotexto{
	width:90%;
	float:none;
	clear:both;
}
.descripcionizquierda, .descripcionderecha{
	float:none;
	width:80%;
	margin:auto;
	padding:2% 0px;
}
.testimonioimagen img{
	width:50%;
	margin:auto;
}
.centrador, .centrador2 {
	width:100%;
}
#galeriade3{
	padding-top:0px;
	width: 80%;
    margin: auto;
}
#contenidomedio{
	padding:2%;
}
#menu2, #redes2, #textogaleria{
	display:none;
}
#direccion, #galeria, #contenidositiosmoviles{
	width:100%;
	text-align:center;
	margin:auto;
	float:none;
	}
	#galeriaproyecto, #galeriaproyectoempaque{
	width:100%;
	margin:auto;
	float:none;
	}
	.pie2{
		width:96%;
		margin:0px 2%;
}
.seccionizquierda, .seccionderecha{
	float:none;
	width:90%;
	margin:auto;
}
.logoseocasos, .listadodepalabrasclave{
	float:none;
	width:100%;
	margin:auto;
	padding:0px;
	border:0;
}
#encabezadocontenidoseo{
	padding:0px;
	margin:0px;
}
#encabezadocontenidoseo img{
	width:100%;
}
.logoseocasos{
	text-align:center;
}
.logoseocasos img{
	width:60%;
	height:auto;
	margin:20px 0px;
}
#ladescripcion{
	float:none;
	width:96%;
	border-top:1px solid #000;
	border-left:none;
	padding:1%;
	margin:auto;
}
#menu a{
padding:5px!important;
margin-left:0px;
color:#FFF;
}
#galeriaproyecto, #galeriaproyectoempaque{
	padding-top:0px;
	width: 80%;
    margin: auto;
}
#menu{
	display:none;
	border:0px;
	background-color:#777;
}
#menu li, #menu li a, #menu li a:hover{
	display:inherit;
	border-bottom:1px dotted #666;
}
.botonmenumovil{
	display:block;
}
#contenidosuperior{
	position:inherit;
}
.barra{
	padding-top:10px;
}
.notfound{
	margin-top:0px;
	padding:10px;
}
#redes{
	padding-bottom:0px;
}
#logo img{
	padding-bottom:10px;
}
.proyectogrande, #galeria li{
	border:0px;
}
.fondogris{
	padding-top:30px;
}
.descripcion2{
	padding:0px;
}
.descripcion2 h1{
	margin-top:10px;
}
#imagenservicios{
	display:none;
}
}


@media all and (max-width: 715px) {
#datos{
	display:none;
}
.banner1, .banner2, .banner3{
	background-size:140%;
	height:400px;
}
.wp_rp_content li{
	width:20%;
}
	#indiceblog li{
	width: 90%;
	margin: 20px auto;
	display: block;
}
.textodescripcionsecundaria{
	width:90%;
	font-size:13px;
}
#pie{
	background-size:50%;
}
#ofrecemos li {
    width: 20%;
}
#nosotros li{
	display:block;
	width:80%;
	margin:2% auto;
	border-bottom:1px solid #999;
	padding-bottom:10px;
}
.degradadonegro{
	display:none;
}
#nosotros h2, #nosotros h5{
	position:relative;
	bottom:auto;
}
.fotonosotros{
	float:left;
	width:47%;
}
.textonosotros{
	float:right;
	width:47%;
}
@media all and (max-width: 600px) {
#logo{
	display:block;
	clear:both;
	float:none;
	text-align:center;
	margin:auto;
	width:100%;
}
.redesheader{
	right:40px;
	bottom:90px;
	top:auto;
}
.banner-home-texto h2{
	font-size:25px;
	line-height:25px;
}
.fotocuadrada1, .fotocuadrada2, .fotocuadrada3, .fotocuadrada4{
	width:100%;
	float:none;
}
#redes-actualweb{
	float:none;
	width:100%;
	padding-top:20px;
}
.generalidades{
	padding-top:20px;
}
#proyectosrelacionados li{
	width:33%;
}
#secundario1{
	font-size:inherit;
	line-height:inherit;
}
.wp_rp_content li{
	width:25%;
}
#contactolateral{
	display:none;
}
.masonry4, .masonry3 { /* Masonry container */
    column-count:1;
	width:100%;
	margin:auto;
}
#testimonios li{
	margin:20px auto;
	width:80%;
	display:block;
	float:none;
}
.banner-home-texto, .banner-home-foto{
	clear:both;
	float:none;
	text-align:center;
	margin:auto;
	width:96%;
	right:inherit;
	position:relative;
	bottom:inherit;
	height:auto;
}
.regresar{
	clear:both;
	float:none;
	text-align:center;
	margin:auto;
	width:100px;
	padding:3px;
}
.proyectogrande{
	width:96%;
	margin:1%;
	clear:both;
}
#galeria li{
	width:47%;
	margin:1%;
}
#datosmovil{
	display:block;
}
#logo{
	width:26%!important;
	float:left;
	text-align:left;
	padding-left:3%;
}
#datosmovil{
	width:45%;
	float:right;
	text-align:right;
	padding-right:10px;
}
.textosomos{
	width:60%;
	    font-size: 13px;
    line-height: 23px;
}
#somos{
	background-size: cover;
	padding: 50px 0px;
}
#imagenempaque, #ladescripcionempaque{
	width:auto;
	float:none;
}
}
@media all and (max-width: 550px) {
.iconoservicio {
    width: 20%;
}
.banner1, .banner2, .banner3{
	height:330px;
}
#nosotros li{
	display:block;
	width:96%;
	margin:2% auto;
}
}
@media all and (max-width: 450px) {
#ofrecemos li {
    width: 30%;
}
.item{
	text-align:left;
}
#proyectosrelacionados li{
	width:40%;
}
}