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


@media only screen and (orientation: portrait) {
	
	.bg-slider {
		height: 70%;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 1100px) {
	
	.lightbox-web {
		width: 70%;
		left: 15%;
		margin-left: 0px;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 1000px) {
	
	
	
}





@media only screen and (min-width: 1px) and (max-width: 900px) {
	
	.cerrar-menu {
		width: 30px;
		height: 30px;
		display: inline-block;
	}
	
	.menu-responsive {
		display: block;
	}
	
	.menu-nav {
		background-image: url(imagenes/bg-menu-responsive.jpg?v=2);
		position: fixed;
		width: 250px;
		height: -moz-calc(100% - 50px);
		height: -webkit-calc(100% - 50px);
		height: -o-calc(100% - 50px);
		height: calc(100% - 50px);
		right: -280px;
		top: 50px;
		padding-top: 70px;
		margin-top: 0px;
		margin-right: 0px;
		box-sizing: border-box;
		z-index: 50;
	}
	
	.menu-aktivo {
		line-height: 40px;
	}
	
	.nav-aktivo {
		height: -moz-calc(100% - 70px);
		height: -webkit-calc(100% - 70px);
		height: -o-calc(100% - 70px);
		height: calc(100% - 70px);
		top: 70px;
		padding-top: 20px;
	}
	
	.menu-responsive-aktivo {
		right: 0px;
	}
	
	.catnav {
		float: left;
/*		height: 40px;*/
	}
	
	.catnav li {
		width: 100%;
		height: 40px;
		line-height: 40px;
		margin-left: 0px;
	}
	
	.catnav li:active {
		height: auto;
	}
	
	.catnav a {
		width: 100%;
		border-left: none;
		color: #FFF;
		margin: 0px;
		text-align: left;
		box-sizing: border-box;
	}
	
	.catnav li a:hover > span, .catnav li:hover > a {
		background-color: #FFF;
		color: #27C;
	}
	
	.catnav li ul {
		position: relative;
		height: 0px;
		margin-left: 0px;
	}
	
	.catnav li li a {
		padding: 0px;
		padding-left: 30px;
	}
	
	.tld-logo {
		width: -moz-calc(100% / 5 - 16px);
		width: -webkit-calc(100% / 5 - 16px);
		width: -o-calc(100% / 5 - 16px);
		width: calc(100% / 5 - 16px);
		height: 70px;
	}
	
	.bg-nuestras-soluciones {
		background-size: cover;
		padding: 50px 0px;
		margin: 50px 0px;
	}
	
	.nuestras-soluciones-main {
		display: inline;
	}
	
	.nuestras-soluciones-img-main {
		width: 100%;
		margin-bottom: 25px;
	}
	
	.nuestras-soluciones-img-web {
		height: 200px;
	}
	
	.nuestras-soluciones-img-diseno {
		height: 250px;
	}
	
	.nuestras-soluciones-txt-main {
		width: 100%;
		margin: 0px;
		padding: 25px 20px;
		padding-bottom: 0px;
	}
	
	.nuestras-soluciones-email, 
	.nuestras-soluciones-whatsapp {
		font-size: 16px;
	}
	
	.micrositios-main {
		width: -moz-calc(100% / 2 - 30px);
		width: -webkit-calc(100% / 2 - 30px);
		width: -o-calc(100% / 2 - 30px);
		width: calc(100% / 2 - 30px);
	}
	
	.planes-hosting-paquete {
		width: -moz-calc(100% / 2 - 30px);
		width: -webkit-calc(100% / 2 - 30px);
		width: -o-calc(100% / 2 - 30px);
		width: calc(100% / 2 - 30px);
		margin-bottom: 30px;
	}
	
	.planes-hosting-info {
		height: 40px;
		line-height: 40px;
	}
	
	.plan-final {
		margin: 0px 25%;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 680px) {
	
	.slider b {
		font-size: 55px;
	}
	
	.slider span {
		font-size: 16px;
	}
	
	.slider a {
		margin-top: 100px;
		padding: 10px 50px;
		font-size: 16px;
	}
	
	.micrositios-main {
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: -o-calc(100% - 30px);
		width: calc(100% - 30px);
		height: auto;
		padding-bottom: 20px;
	}
	
	.planes-hosting-paquete {
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% 30px);
		width: -o-calc(100% - 30px);
		width: calc(100% - 30px);
		margin-bottom: 30px;
	}
	
	.planes-hosting-info {
		height: 30px;
		line-height: 30px;
	}
	
	.plan-final {
		margin: 0px 15px;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 550px) {
	
	.logo {
		width: 120px;
		height: 60px;
	}
	
	.nube-aktiva {
		width: 120px;
		height: 60px;
		top: 20px;
	}
	
	.logo-aktivo  {
		width: 100px;
		height: 50px;
		top: 25px;
	}
	
	.menu-aktivo {
		height: 50px;
		line-height: 50px;
	}
	
	.menu-responsive, 
	.cerrar-menu-responsive {
		top: 10px;
	}
	
	.nav-aktivo {
		height: -moz-calc(100% - 60px);
		height: -webkit-calc(100% - 60px);
		height: -o-calc(100% - 60px);
		height: calc(100% - 60px);
		top: 60px;
	}
	
	.titulo {
		font-size: 1.6rem;
	}
	
	.slider b {
		width: -moz-calc(90% - 50px);
		width: -webkit-calc(90% - 50px);
		width: -o-calc(90% - 50px);
		width: calc(90% - 50px);
		font-size: 35px;
		left: 50px;
	}
	
	.slider span {
		width: -moz-calc(90% - 50px);
		width: -webkit-calc(90% - 50px);
		width: -o-calc(90% - 50px);
		width: calc(90% - 50px);
		left: 50px;
		font-size: 14px;
	}
	
	.slider a {
		left: 50px;
	}
	
	.flecha-prev {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		left: 5px;
	}
	
	.flecha-next {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		right: 5px;
	}
	
	.dominio-input {
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		-moz-border-radius: 5px 0px 0px 5px;
		-webkit-border-radius: 5px 0px 0px 5px;
		border-radius: 5px 0px 0px 5px;
	}
	
	.dominio-btn {
		width: 80px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;-moz-border-radius: 0px 5px 5px 0px;
		-webkit-border-radius: 0px 5px 5px 0px;
		border-radius: 0px 5px 5px 0px;
	}
	
	.dominio-label {
		font-size: 16px;
	}
	
	.linea-titulo {
		width: 100%;
	}
	
	.alerta-main {
		width: 90%;
		left: 5%;
		margin-left: 0px;
	}
	
	.alerta-minimizada {
		overflow: hidden;
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		-ms-transform:scale(0);
		-o-transform:scale(0);
		transform:scale(0);
	}
	
	.tld-logo {
		width: -moz-calc(100% / 3 - 16px);
		width: -webkit-calc(100% / 3 - 16px);
		width: -o-calc(100% / 3 - 16px);
		width: calc(100% / 3 - 16px);
		height: 70px;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 450px) {
	
	.logo {
		width: 150px;
		height: 75px;
		left: 5px;
		top: 55px;
	}
	
	.logo-aktivo {
		width: 100px;
		height: 50px;
		top: 30px;
	}
	
	.nube-aktiva {
		width: 120px;
		height: 60px;
		top: 25px;
	}
	
	.shortcuts-link {
		display: none;
	}
	
	.shortcuts-login,
	.shortcuts-ico {
		display: none;
	}
	
	.shortcuts-login-ico {
		display: block;
	}
	
	#nav {
		display: none;
	}
	
	.lightbox-web {
		width: 80%;
		left: 10%;
	}
	
}





@media only screen and (max-height: 580px) {
	/*
	.login-logo {
		display: none;
	}
	
	.login-main {
		overflow-y: scroll;
	}
*/
}