.container_16 .grid_16 {
	width: 100%;
}
.container_16 .grid_15 {
	width: 93.75%;
}
.container_16 .grid_14 {
	width: 87.5%;
}
.container_16 .grid_13 {
	width: 81.25%;
}
.container_16 .grid_12 {
	width: 75%;
}
.container_16 .grid_11 {
	width: 68.75%;
}
.container_16 .grid_10 {
	width: 62.5%;
}
.container_16 .grid_9 {
	width: 56.25%;
}
.container_16 .grid_8 {
	width: 50%;
}
.container_16 .grid_7 {
	width: 43.75%;
}
.container_16 .grid_6 {
	width: 37.5%;
}
.container_16 .grid_5 {
	width: 31.25%;
}
.container_16 .grid_4 {
	width: 25%;
}
.container_16 .grid_3 {
	width: 18.75%;
}
.container_16 .grid_2 {
	width: 12.5%;
}
.container_16 .grid_1 {
	width: 6.25%;
}
img {
	max-width:100%;
}
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.content h1 {
	line-height:1.1em;
}
@media (min-width: 540px) {
	.js #nav { position: relative; }
	.js #nav.closed { max-height: inherit; }
	#nav-toggle { display: none; }
}
@media screen and (min-width: 1200px) {
	.container_12, .container_16 {
		width: 1170px;
	}
	.header .partner {
	  	padding-right: 1em;
		width:15%;
	}
	.header .header-buzon {
		width:15%;
	}
	.infographic .grid_4 ul {
		width:65%;
	}
	.t3 {
		font-size:2em;
	}
	.caracteristicas p {
		font-size: 1em;
	}
	.caracteristicas .pre {
		font-size: 1.15em;
	}
	#slider {
		width:555px;
	}
}
@media screen and (max-width: 1199px) {
	.header .partner {
	  	padding-right: 0;
		width:15%;
	}
	.header .header-buzon {
		width:14.5%;
	}
	.header .header-email a {
		width: 99px;
  		height: 33px;
  		background-size: cover;
	}
		.header .header-email a:hover {
			background-position: 0 -33px;
		}
}
@media screen and (max-width: 979px) {
	body {
		font-size:14px;
	}
	.container_12, .container_16 {
		width: 750px;
	}
	.header .grid_9 {
		width:44%;
	}
	.header .partner {
	  	padding-right: 0;
		width:15%;
	}
	.header .header-buzon {
		width: 24.5%;
  		padding-left: 4em;
	}
	.header .header-email {
		width:15%;
	}
	.header .header-email a {
		width: 99px;
  		height: 33px;
  		background-size: cover;
	}
		.header .header-email a:hover {
			background-position: 0 -33px;
		}
	.navegacion,
	.intro .grid_16,
	.intro .grid_8 {
		text-align:center;
	}
	.navegacion ul {
	  	display: inline-block;
	  	margin:0 auto;
	}
	.intro .grid_8 {
		width: 100%;
	}
	.intro {
		padding-bottom:2em;
		padding-left:0;
	}
	#slider {
		margin:0 auto;
		width:584px;
	}
	.intro .grid_5 {
		width:70%;
		padding-left:6em;
	}
	.intro .grid_3 {
		width:30%;
		padding-right: 3em;
	}
	.intro .grid_5,
	.intro .grid_3 {
		padding-top:4em;
	}
	.intro .grid_16 {
	  	padding: 0 4em;
	}
	.intro-info h2 br {
		display:none;
	}
	.atencion, .llave {
		background-size:25%;
	}
	.t3 {
		font-size:1.5em;
	}
	.year {
	  	font-size: 2.5em;
	  	width: 55px;
	  	height: 55px;
		background-size:80%;
	}
	.leftCol {
	  	padding: 0 0 0 1.3em;
	}
	.documentacion h6 {
		font-size:.85em;
	}
	.subcategorias a {
	  	background-position: 0px 5px;
	}
	.enviar {
	  margin-top: 2em;
	}
	.map {
	  background: #fff url(../imagenes/fondo_contacto.jpg) 2em 2em no-repeat;
	}
}
@media screen and (max-width: 767px) {
	body {
		background: #fff none;
		font-size:13px;
	}
	.container_12,
	.container_16,
	.caracteristicas .grid_8.center,
	.infographic .grid_4,
	.infographic .grid_5,
	.infographic .grid_7,
	.info .grid_4,
	.info .grid_5,
	.info .grid_6,
	.info .grid_7 {
		width: 100%;
	}
	.header .grid_9 {
		width:100%;
	}
	.header .partner {
		width:33.3%;
		padding-top: 0;
		text-align:center;
	}
	.header .header-buzon {
		width: 33.3%;
  		padding-left: 0;
		padding-top: 0;
		padding-bottom:1em;
		text-align:center;
	}
	.header .header-email {
		width:33.3%;
		text-align:center;
		padding-top: 0;
	}
	.header .header-email a {
		width:118px;
		height:40px;
  		background-size: cover;
	}
		.header .header-email a:hover {
			background-position: 0 -40px;
		}
	.intro .grid_16 {
	  	padding: 0 2em;
	}
	h1, .size1 {
	  	font-size: 1.65em;
	  	line-height: 1.2em;
	}
	.content h1 {
	  	line-height: 1.2em;
	}
	h2, .size2 {
	  	font-size: 1.55em;
	}
	.intro .grid_3 {
	  	padding-right: 1em;
	}
	.intro .grid_5 {
	  	width: 62%;
	  	padding-left: 4em;
	}
	.container_16 .grid_8 {
	  	width: 100%;
	}
	.footer .grid_8 {
	  	width: 50%;
		font-size:1.2em;
	}
	.infographic .grid_4,
	.infographic .grid_5,
	.infographic .grid_7,
	.info .grid_4,
	.info .grid_5,
	.info .grid_6,
	.info .grid_7 {
		padding-bottom:1em;
	}
	.middle {
	  	padding: 0 10px;
	}
	.year {
	  	background-size: inherit;
		font-size:4em;
		width:80px;
		height:80px;
	}
	.infographic {
		font-size:1.4em;
		line-height:1.4em;
	}
	.atencion, .llave {
	  	background-size: 13%;
	}
	.infographic .grid_4 ul {
		width: 80%;
	}
	.infographic .grid_4,
	.infographic .grid_7 {
		border-bottom: 1px solid #fff;
  		margin-bottom: 2em;
	}
	.infographic .grid_5 {
		text-align:center;
	}
	.formulario small, .apunte {
		font-size:1em;
	}	
	#slider {
		width:80%;
	}
	.years {
	  	float: left;
	  	display: table;
	  	width: 120px;
	}
	.exp {
		display: inline;
	}
	.container_16 .grid_4.leftCol,
	.container_16 .grid_12.rightCol {
		width:100%;
		margin-bottom:2em;
	}
	.leftCol img {
	  	width: 25%;
	  	float: left;
	}
	.documentacion {
		padding:0 1.5em;
		float:right;
		width:75%;
		background-color:transparent;
	}
	.cfuncionales ul li, .ctecnicas ul li {
	  	margin-bottom:.5em;
	}
	.subcategorias li {
	  	padding-bottom:.5em;
		border-bottom:1px solid #333;
	}
	#clientes .rightCol li li {
	  	font-size: 1em;
	}
	.container_16 .grid_12.next {
		width:100%;
		float:none;
	}
		.next .btn.primary {
			margin:0 auto;
		}
	.vacio {
		display:none;
	}
	#clientes .rightCol .cliente-info li {
		font-size:1em;
	}
	#precios .leftCol,
	#contacto .leftCol,
	#specs .leftCol  {
		display:none;
	}
	#precios .container_16 .grid_12.rightCol {
		  margin-bottom: 0;
	}
	.hosting, .map, .google {
		background:none;
	}
	.content.map {
		padding:0;
	}	
	#contacto .content,
	#specs .content  {
		padding-bottom:0;
	}
	.examples {
		font-size:1em;
	}
}
@media screen and (max-width: 539px) {
	.grid_10, 
	.grid_3,
	.container_16 .grid_7,
	.container_16 .grid_9, 
	.container_16 .grid_8,
	.intro .grid_5,
	.intro .grid_3,
	.caracteristicas .grid_13,
	.container_16 .grid_3,
	#precios .container_16 .grid_11,
	#precios .container_16 .grid_5,
	.grid_10.formulario,
	.datos {
		width:100%;
		float:none;
		position: relative;
	}
	img {
		max-width:90%;
	}
	.header,
	.caracteristicas .grid_3 {
		text-align:center;
		margin-bottom: 1em;
	}
	.header .grid_9 {
		width:100%;
	}
	.header .partner {
		display:none;
	}
	.header .header-buzon {
		width: 50%%;
  		padding-left: 0;
		padding-top: 0;
		padding-bottom:1em;
		text-align:center;
	}
	.header .header-email {
		width:50%%;
		text-align:center;
		padding-top: 0;
	}
	.header .header-email a {
		width:118px;
		height:40px;
  		background-size: cover;
	}
		.header .header-email a:hover {
			background-position: 0 -40px;
		}
	.navegacion ul {
		margin-left:0;
		display:block;
	}
	.intro .grid_16 {
	  padding: 0;
	  margin-bottom:0;
	}
	.intro {
		padding:1em 1em 0 1.2em;
		background-image:none;
	}
	h4, .size4 {
	  	font-size: 1em;
	}
	h1, .size1,
	h2, .size2 {
	  font-size: 1.25em;
	  font-family:Arial, Helvetica, sans-serif;
	  text-align:center;
	}
	#slider {
		height:12em;
	}
	.intro-info h2 {
		margin-top:1.5em;
	}
	.textoContenido {
	  	color: #333;
	  	font-weight: 700;
		font-family:Arial, Helvetica, sans-serif;
	  	text-align: center;
	}
	#slider {
		width:286px;
	}
		#slider .nivo-slice {

		}
	h4, .size4 {
	  	font-size: .9em;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:none;
	}
	.intro-info .btn.secondary, 
	.btn.black {
		margin: 1em auto;
  		font-size: 1em;
  		display: table;
	}
	.btn.primary {
		margin: -1em auto;
  		display: table;
	}
	.caracteristicas .grid_3.right {
		float:right;
	}
		.caracteristicas .grid_3.right img {
			width:25%;
		}
	.infographic .grid_4 ul {
	  	width: 65%;
	}
	.t3 {
	  	font-size: 1.25em;
	}
	.t2 {
	  	font-size: 1.45em;
	}
	.atencion,
	.llave {
		padding-top:0;
		background-size: 16%;
	}
	.atencion p {

	}
	.localizacion img {
		max-width:100%;
	}
	.infographic {
		padding: 1em 1.2em;
	}
	.infographic .grid_4, 
	.infographic .grid_7 {
	  	margin-bottom: 1em;
		padding-bottom:.5em;
	}
	.years {
	  	float: none;
	  	display: block;
	}
	.exp {
		display: block;
	}
	.cfuncionales h3,
	.ctecnicas h3 {
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 1.15em;
		padding-left:50px;
	}
	.pre h3,
	.gMapa h3,
	.acerca h3 {
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 1.15em;
	}
	.content {
		padding-bottom:0;
	}
	.container_16 .grid_12.rightCol {
		margin-bottom:0;
	}
	.google {
		background:none;
	}
	.google .pre {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
	}
	.examples li,
	.google .grid_7,
	.google .grid_9 {
		display:block;
		padding-left:0;
		padding-right:0;
	}
	.subcategorias a {
	  	background-position: 0px 4px;
	}
	#clientes h1 {
		text-align:center;
	}
	#clientes .rightCol li li {
	  	width: 85%;
	  	font-size: 1em;
		float:none;
	}
	#clientes .more {
	  	margin-left: -4em;
	}
	#clientes .rightCol .cliente-info li {
		padding: 1em 0;
		width:97%;
		float:none;
	}
	#clientes .rightCol .cliente-info li.clear {
		width: 100%;
		padding: 0;
		margin: 0;
		float: none;
		clear: both;
	}
	.tarifas tr {
		display:block;
	}
	.tarifas thead, 
	.tarifas .space {
		display:none;
	}
	.tarifas td {
		border:none;
		width:100%;
		float:none;
		display:block;
		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box;
	}
		.tarifas td p:first-child {
			margin-bottom:.5em;
		}
	td.price {
	  text-align: center;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size: 1.15em;
	  border-bottom: 1px solid #ccc;
	  padding-top:0;
	}
	.cuenta {
	  font-size: .85em;
	}
	.hosting .pre img {
	  max-width: 70%;
	  margin: 20px auto;
	}
	.tarifas2 {
	  font-size: 1em;
	  font-family:Arial, Helvetica, sans-serif;
	}
	.tarifas2 td, .tarifas2 th {
	  padding: .5em .3em;
	}
	.tarifas2 .firstCol {
		width:auto;
		font-size:1em;
	}
	.info {
		text-align:center;
	}
	.datos,
	.examples {
		font-size:1em;
	}
	#contacto .btn.black {
	  margin-top: 2em;
	  margin-right: 35%;
	}
	.footer .grid_8 {
	  	width: 100%;
		text-align:center;
	  	font-size: 1.1em;
	}
	.navegacion ul li {
	  	margin: 0;
  		padding: .5em 0;
  		float: none;
  		display: block;
  		border-bottom: 1px solid #ccc;
	}
	#precios .pre .right {
		width:100%;
		text-align:center;
		display:block;
	}
}
@media screen and (max-width: 979px) {
.header .header-buzon {
    width: 18.75%;
    padding-left: 10px;
}
.header .partner {
    padding-right: 0;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
}
.header .partner img {
    width: 100px;
}
}
@media screen and (max-width: 767px) {
.header .grid_6 {
    width:100%;
    padding-right:50%;
}
.header .header-buzon,
.header .header-whatsapp,
.header .header-email,
.header .partner {
    width:25%;
    padding-top:0;
    padding-left:10px;
}
.header .header-email a {
    width: 100px;
    height: 32px;
}
}
@media screen and (max-width: 539px) {
.header .grid_6 {
    width:100%;
    padding-right:0;
}
.header .header-email {
    width: 100%;
    padding-top: 10px;
}
}