@media screen and (max-width:1644px){
nav ul li a {
   padding:40px  18px 0px 18px; /*+***+**+****++++*+**+**/
  }
  nav ul li a:hover{
	padding:40px  18px 0px 18px; 
  }
}
@media screen and (min-width:1555px){

nav ul li {
float: none;
    margin-left: 0px;
	}

#logo {
    margin-left: 3%;
}
}

@media screen and (min-width:1355px){
.empleado {
    background-color: #0fc471;
    margin-left: 0px;
    left: 0%;
}
	
}
@media screen and (max-width:1355px){
	.imgs-soporte img {
    width: 103%;
}
.imgs-si-analytics {
    width: 45%;
	}
	.imgs-app-kiosco{
    width: 33%;
	}
	
	.imgs-biometricos {
    width: 31%;
	}
nav ul li a {
   padding:40px  15px 0px 15px; /*+***+**+****++++*+**+**/
  }
  nav ul li a:hover{
	padding:40px  15px 0px 15px; 
  }
	.imgs-analytics {
    width: 33%;
	}
}


@media screen and (max-width:1355px){
.text-nomina {
    width: 61%;
}
.imgs-nomina {
	width: 33%
}
	.imgs-nomina img{
		width: 120%;
	}
	.imgs-soporte {
    	width: 33%;
	}
	.imgs-capacitacion {
    	width: 33%;
	}
	.imgs-capacitacion img {
    	width: 100%;
	}
	.video-compania iframe,
	.video-compania object,	
	.video-compania embed {
		position: absolute;
		top: 0;
		left: 25%;
		width: 75%;
		height: 75%;
		margin: 0 auto;
	}
	.text-admin {
    width: 56%;
	}
	.gestionRH {
    	width: 87%;
	}
	.imago-slogan {
    margin: 0 auto;
    width: 87%;
	}
	.imgs-hosting {
    width: 33%;
	}
	.imgs-hosting img{
    width: 100%;
	}
	.si-hosting {
    min-height: 700px;
	}
}
	@media screen and (max-width:1316px){ 
		nav ul li a {
			padding:40px  12px 0px 12px; /*+***+**+****++++*+**+**/
		}
		nav ul li a:hover{
			padding:40px  12px 0px 12px; 
		}
}
@media screen and (max-width:1296px){ 
	.imago-slogan {
    margin: 0 auto;
    width: 90%;
}
}
	@media screen and (max-width:1289px){ 
		.imgs-eventos {
			margin-left: 1%;
			margin-right: 12%;
			}
	}
	
	@media screen and (max-width:1260px){ 
		nav ul li a {
			padding:40px  9px 0px 9px; /*+***+**+****++++*+**+**/
		}
		nav ul li a:hover{
			padding:40px  9px 0px 9px; 
		}
}@media screen and (max-width:1254px){ /**************************** APARECE MENU HAMBURGUESA****************************/
	.imago-slogan {
    margin: 0 auto;
    width: 93%;
}
}
@media screen and (max-width:1250px){ /**************************** APARECE MENU HAMBURGUESA****************************/
#header{
	padding-top:0px;
	height:75px;
}
	.boton-contacto{
		display: inline;
}
	.contacto-menu{
		display: none;
	}
	#plecas {
		display: none;
	}
.menu_bar{
	display:block;
	width:1000%;
	min-width:390px;
	position:absolute;
	top:0px;
	right:0px;
	background:#FFFFFF;
	z-index:1000;
}
.menu_bar .btn_menu{
	display:block;
	padding:3px;
	color:#00488a;
	overflow:hidden;
	text-decoration:none;
}
.menu_bar span{
	float:right;
	font-size:45px;
}
nav  {
	width: 100%;
	position:fixed;
	right:100%;
	margin:0px;
	overflow:scroll;
	height:100%;
	padding-top:2px;
	margin-top:38px;
	background:#f5f5f5;
 }
nav ul li{
	display:block;
	border-bottom: 3px solid #003c7c;
   float: none;
    margin-left: 0px;
}
nav ul li a{
	background-color:transparent;
	display:block;
	 padding:23px 0 33px  23px;
	 text-align:left;
	 line-height:15px;
}
	nav ul li a:hover {
    height:45px;
    padding: 14px 20px 0px 20px;
	}
nav ul li:hover .children{
	display:none;
	    top:0px;
}
nav ul li .children{
	width:100%;
	position:relative;
	margin-top:0px;
	padding-top:3px;
}
	nav ul li a .cuadro {
    line-height: 67px;
	}
nav ul li .children li a{
	margin-left:40px;
}
nav ul li .children .caret{
	float:right;
}
nav ul li .children li a{
	padding:6px  8px 6px 8px;
	}	
nav ul li  ul li:hover .childrenChil  {
	display:block;
	  }	   
nav ul li .children .childrenChil {
	width:100%;
	position:relative;
}
nav ul li .children .childrenChil  li a{
	margin-left:20px;
}
	.contacto-menu a{  /*cuadro contacto*/
		left: 0px;
   		 top: 315px;
		float: none;
		right: inherit;
		
	}
	
	
.icoLogoMenu {
    display: inline;
	width:30%;
    height: auto;
    position: absolute;
    top: 3px;
    margin-left: -72px;
    left: 50%;
    z-index: 99999999999998;
	}
	.icoLogoMenu img{
		width: 60%;
	}
	#logo{
		display: none;
	}
	.text-nomina {
   		width: 60%;
	}
	.imgs-nomina img{
		width: 90%;
		height: auto;
	}
	.nomina {
		width: 92%;
		height: 200px;
	}
	.imgs-nomina {
		width: 35%;
	}
	.text-modulos-nom {
		width: 50%;
	    margin-left: 0%; 
	}
	.modulos-nom {
		width: 90%;
		height: 410px;
	}
	.timbrador {
    top: -47px;
    left: 239px;
	}
	.timbrador img {
    	width: 75%;
	}
	.recibos {
		left: 19px;
    top: 73px;
	}
	.recibos img {
    	width: 74%;
	}
	#section8{
		display: none;
	}
	.compania-flechita{
		display: none	
	}
	.eventos {
	    height: 680px;
		margin: 0% auto;
	}
	.imgs-eventos {
	    width: 84%;
		text-align: center;
		float: none;
		margin-left: -310px;
		left: 50%;
	}
	.imgs-eventos img{
		width: 80%;
	}
	.text-eventos {
    	width: 80%;
		margin: 30px auto;
		float: none;
	}
	.carrusel-eventos {
    	width: 100%;
	}
	.carrusel-eventos img {
    	width: 64%;
		margin-top: 30px;
	}
	.right-rec {
   	 margin-right: 5%;
	}
	.text-admin {
   	 width: 59%;
	}
	.administracion {
    width: 92%;
	}
	.gestionRH {
   	 width: 95%;
	}
	.text-gestion {
  	  width: 37%;
	}
	.imgs-gestion {
	    width: 57%;
	}
	.unicos img{
		width: 100%;
	}
	.logo-capacitacion {
    width: 25%;
}
@media screen and (max-width:1220px){
	.top {
    	margin-top: 120px;
	}
	.imago-slogan {
		margin: 0 auto;
		width: 96%;
	}
	.imgs-norha img {
    width: 64%;
	}
}
@media screen and (max-width:1180px){
	nav ul li a {
	   padding:15px  30px 15px 20px;
	  }
	.imgs-gestion {
    width: 61%;
}
	.text-gestion {
    	width: 35%;
		margin-right: 2%;
}
	.right-redes {
    margin-right: 4px;
}
	.imago-slogan {
    margin: 0 auto;
    width: 98%;
}
	.modulo-envioMovs {
	    min-height: 660px;
	}
	.certificacion-nomina {
		min-height: 630px;
	}
	
}
@media screen and (max-width:1153px){ 
	.imago-slogan {
    margin: 0 auto;
    width: 102%;
}
}
@media screen and (max-width:1140px){ /**************************** ***************************/
	.seg-social {
    	width: 91%;
	}
	.text-nomina {
    width: 62%;
}
	.imgs-nomina {
    width: 30%;
}
	
}

@media screen and (max-width:1128px){ /**************************** ***************************/
	.experiencia {
	    height: 440px;
	}
.text-admin {
    width: 63%;
}
	.ico-admin {
    position: absolute;
    top: -120px;
    left: 52px;
    width: 88%;
}
	.slogan {
    width: 88%;
	}
	.slogan {
    width: 91%;
}
	.modulo-kiosco {
		min-height: 650px;
	}
	.modulo-envioMovs {
    min-height: 770px;
}
	.imgs-modulo-envioMovs img{
    width: 120%;
	}
	.imgs-modulo-envioRecibos {
    width: 43%;
	}
	.modulo-timbrado {
	    min-height: 680px;
	}
	.modulo-ssnet {
	    min-height: 650px;
	}
	.compu-analytics {
    width: 110%;
}
	.certificacion-sicoss {
    	min-height: 840px;
	}
	.si-hosting {
    min-height: 770px;
}
	.si-balance {
    	min-height: 1110px;
	}
}
@media screen and (max-width:1055px){ /**************************** ***************************/
	.unicos img{
		width:110%;
	}
		.text-nomina {
    width: 66%;
}
	.imgs-nomina {
    width: 28%;
}	
	.seccion3 {
    height: 680px;
	}
	.recibos img {
    width: 64%;
}
	.recibos {
    left: 69px;
    top: 73px;
}
	.imgs-soporte {
    width: 26%;
}
	.imgs-soporte img {
    width: 123%;
}
.imgs-capacitacion {
    width: 29%;
}	
	.quienes {
    width: 85%;
    margin: 3% auto;
    height: 550px;
	}
	.imgs-app-kiosco-home {
    width: 26%;
	}
	.slogan {
    width: 94%;
}
	.modulo-kiosco {
    min-height: 780px;
}
	.modulo-envioRecibos {
    	min-height: 700px;
	}
	.imgs-hosting {
    width: 28%;
	}
	.imgs-hosting img {
    width: 120%;
	}
	.imgs-biometricos {
    width: 29%;
}
	.imgs-biometricos img{
    width: 82%;
}
	.imgs-analytics {
    width: 28%;
}
	.certificacion-nomina {
    min-height: 670px;
}
}
@media screen and (max-width:1020px){ /**************************** ***************************/
.slogan {
    width: 97%;
}
	.imgs-analytics {
    width: 29%;
		    margin-top: 20px;
}
	.compu-analytics {
    width: 110%;
}
}
@media screen and (max-width:1005px){ /**************************** ***************************/
	.text-nomina {
		width: 62%;
	}
	.right-rec {
    	margin-right: 2%;
	}
	.imgs-nomina {
    	width: 30%;
	}
	
	.administracion {
    	width: 91%;
	}
	.text-admin {
    	width: 62%;
	}	
	.imgs-soporte img {
    	width: 100%;
	}
	.imgs-capacitacion img {
    	width: 130%;
	}
	.gestionRH {
    	width: 95%;
	}	
	
	.imgs-gestion {
    	width: 63%;
}
	
	.text-quienes {
    	width: 47%;
		margin-right: 0%;
	}
	.video-compania iframe, .video-compania object, .video-compania embed {
    left: 15%;
    width: 85%;
    height: 85%;
	}
	.right-redes {
    margin-right: 0px;
}
}
@media screen and (max-width:999px){
	.text-nomina {
    width: 65%;
	}
	.top {
    margin-top: 130px;
	}
	.text-admin {
    	width: 64%;
	}
	.icoLogoMenu img {
    width: 72%;
}
	.imgs-soporte {
    width: 27%;
}
	.quienes {
    height: 600px;
}
	.slogan {
    height: 171px;
	}
	.seccion1 {
       margin-left: 3%;
	}
	.imago-img {
    display: inline-block;
    float: none;
}
	.btn-logan{
	margin-top: 60px;
}
	.slogan {
    height: 251px;
}
	.el-momento {
    margin-top: 0px;
		float: inherit;
	}
	.modulo-envioMovs {
    min-height: 850px;
}
	.modulo-timbrado {
    min-height: 740px;
}
	.imgs-capacitacion img {
    width: 90%;
}
	.text-si-analytics {
    	width: 100%;
	}
	.seg-parrafo-balance {
		width: 100%;
	}
	.img-balance {
    width: 70%;
    right: -15%;
    position: relative;
	}
	.si-balance {
    min-height: 1370px;
}
	.seg-parrafo-balance {
    width: 50%;
}
	.seg-parrafo-balance img{
		display: none;
		
	}
	.text-app-kiosco {
    	width: 100%;
	}
	.imgs-si-analytics {
		width: 100%;
		margin-top: 0px;
	}
	.imgs-app-kiosco {
		width: 100%;
		margin-top: 0px;
	}
	.app-kiosco {
    min-height: 940px;
	}
	.text-certificacion-nomina {
    width: 100%;
	}
	.imgs-certificacion-nomina {
    width: 100%;
    margin-top: 0px;
}
	.imgs-certificacion-nomina img {
    width: 60%;
}
	.certificacion-nomina {
    min-height: 640px;
}
	.certificacion-sicoss {
    min-height: 910px;
}
	}
	
@media screen and (max-width:985px){
	.img-balance {
		width: 60%;
		right: -20%;
	}
	}
@media screen and (max-width:975px){
	.slogan {
    width: 100%;
}
	.modulo-ssnet {
    min-height: 700px;
}
	.imgs-si-analytics img {
    width: 85%;
}
	.si-hosting {
    min-height: 820px;
}
}
@media screen and (max-width:966px){
	.recuadros {
    	width: 20%;
    	min-width: 255px;
	}
	.top{
	margin-top:140px; 
	}
	.seg-social {
    	height: 580px;
	}
	.administracion {
	    height: 500px;
	}
	.text-seccion3 {
    padding-top: 2%;
	}
	.imgs-capacitacion {
    width: 23%;
}
	.ico-nomina {
    top: -160px;
    left: -10px;
	}
	.timbrador-home {
    top: 93px;
    left: 25px;
	}
	.recibos-home {
    left: 224px;
    top: 93px;
	}
	.mapa-footer {
    /* width: 90%; */
    padding: 0 5% 0 3%;
    min-height: 350px;
	}
	.modulo-gs {
    	min-height: 660px;
	}
	.caja-logo {
    	width: 33%;
	}
	.carso{
		display: none;
	}
	.salle{
		display: none;
	}
	.vanity{
		display: none;
	}
	.mvs{
		display: none;
		
	}
	.despegar{
		display: none;
	}
	.kfc{
		display:none;
	}
	.andrea{
		display: none
	}
	.pullman{
		display: none;
	}
	.carnival{
		display: none;
	}
	.nissin{
		display: none;
	}
	.agua{
		display: none;
	}
}
@media screen and (max-width:922px){ 
	.seg-social {
		width: 95%;
		height: 790px;
	}
	.text-nomina {
    width: 90%;
}	
	.imgs-nomina {
    width: 70%;
}
	.recuadros {
    width: 25%;
    min-width: 275px;
    margin-left: 11%;
	}
	.top {
    	margin-top: 460px;
	}
	.empleado {
   		left: 0%;
	}
	.text-admin {
    	width: 95%;
	}
	.imgs-capacitacion {
    width: 50%;
		margin-top: 38px;
		margin-left: 10%
	}
	.imgs-gestion {
    width: 35%;
	}
	.text-gestion {
		width: 56%;
		margin-right: 2%;
	}
	.gestionRH {
    height: 440px;
	}
	.timbrador img {
    width: 95%;
}
	.timbrador {
    top: -47px;
    left: 229px;
}
	.imgs-soporte {
    width: 47%;
    left: 50%;
    margin-left: 0px;
}
	.administracion-home {
    height: 520px;
	}
	.caja-logo {
    width: 33%;
		min-height: 102px;
	}
	.caja-logo img{
	 width: 73%;
	}
	.caja-top {
    padding-top: 0%;
}
	.mvs{
		display: none;
	}
	
	.text-si-analytics {
   		 width: 100%;
	}
	.text-app-kiosco {
   		 width: 100%;
	}
	
	.imgs-app-kiosco {
   		 width: 29%;
}	
	.imgs-app-kiosco-home {
    width: 100%;
}
	.modulo-kiosco {
    min-height: 920px;
}
	.modulo-envioMovs {
    min-height: 920px;
}
	.modulo-timbrado {
    min-height: 810px;
}
	.imgs-exito img{
		width: 108%;
	}
	.imgs-hosting {
    width: 28%;
    margin-left: 30%;
}
	.imgs-biometricos {
    width: 29%;
		display: none;
}
	.imgs-biometricos-hide{
		display: inherit;
		width: 100%;
	}
		
	.img-tracker1{
		float: left; position: relative;
		width: 22%;
	}
	.img-tracker2{
		float: left;
    position: relative;
    width: 44%;
    margin-left: 9%;
	}
	.parrafo-analytics {
    width: 62%;
    margin-left: 7%;
    margin-top: 31px;
	}
	
	.icono-analytics {
		width: 20%;
	position: relative;
    float: left;
	}
	.imgs-capacitacion {
    height: 444px;
	}
	.formulario-balance {
    width: 40%;
	}
	
	.seg-parrafo-balance {
    width: 60%;
		margin-right: 0%;
}

	}
@media screen and (max-width:871px){
	.text-nomina {
		width: 100%;
	}
	.recuadros {
	    margin-left: 8%;
	}
	.quienes {
    	width: 90%;
		height: 590px;
	}
	.text-quienes {
    width: 96%;
	}
	.imgs-quienes {
	    width: 90%;
		margin-top: 30px;
	}
	.icoLogoMenu {
    width: 40%;
    margin-left: -102px;
}
	
	.imgs-modulos {
    font-family: 'gotham_regular';
    font-size: 26px;
    width: 47%;
    float: right;
    display: block;
    color: #1e4781;
    text-align: left;
    position: relative;
    margin-top: 196px;
	}
	.modulos {
    width: 100%;
	}
	.seccion3 {
    height: 720px;
	}
	.administracion-home {
    height: 560px;
	}
	.gs-home {
    position: absolute;
    left: 214px;
    top: 150px;
    z-index: 99999;
    width: 39%;
}
	.kiosco-home {
    top: 163px;
    left: 30px;
    position: absolute;
    z-index: 99999;
    width: 39%;
}
	.ico-admin {
    position: absolute;
    top: -150px;
    left: 62px;
	}
	.recuadroMapaFooter {
    padding-left: 0px;
	}
	
	.icoLogoMenu img {
    width: 58%;
    margin-top: 4px;
}
	.ico-admin {
        position: absolute;
    top: -50px;
    left: 62px;
    width: 70%;
	}
	.quienes {
    width: 90%;
    height: 950px;
}
	.modulo-gs {
	    width: 85%;
    margin: 0% auto;
    min-height: 790px;
	}
	.modulo-envioMovs {
    min-height: 960px;
}
	.modulo-envioRecibos {
    min-height: 760px;
}
	.text-certificacion-sicoss {
    	width: 100%;
	}
	.certificacion-sicoss {
    min-height: 980px;
}
	.imgs-certificacion-sicoss {
    width: 100%;
    margin-top: 0px;
	}
	.imgs-certificacion-sicoss img {
    width: 30%;
}
		
.text-si-hosting {
    width: 100%;	
	}
	.imgs-si-hosting {
    width: 100%;
	}
	.imgs-si-hosting img {
    width: 50%;
	}
	.si-hosting {
    min-height: 980px;
}
}
@media screen and (max-width:835px){
	.btn-logan {
    margin-top: 100px;
}
	.slogan {
    height: 281px;
}
	
}
@media screen and (max-width:820px){
	.timbrador {
    top: -47px;
    left: 199px;
}
	.movimientos {
    top: -89px;
    left: 134px;
	}
	.movimientos img {
    width: 95%;
	}
	.video iframe, .video object, .video embed {
    left: 15%;
    width: 65%;
    height: 65%;
}	
	.calculadora {
    width: 93%;
    height: 600px;
    margin-left: 5%;
    margin-top: 40px;
}
	.modulo-envioMovs {
    min-height: 1030px;
}
	.modulo-ssnet {
    min-height: 750px;
}
	.si-analytics {
    min-height: 700px;
	}
	.si-tracker {
    min-height: 520px;
}
	
@media screen and (max-width:776px){
.recuadros {
	    margin-left: 5%;
	}
.kiosco {
    left: 86px;
    top: -73px;
}
	.kiosco img {
    width: 84%;
}
	
	.gsReport {
    left: 17px;
    top: 116px;
}
	.gsReport img {
    width: 68%;
}
	.img-experiencia {
    	width: 46%;
	}
	.experiencia {
    height: 680px;
}
	.modulo-envioRecibos {
    min-height: 810px;
}
	.modulo-timbrado {
    min-height: 880px;
}
	.formulario-farmanomina {
	    width: 100%;
		margin-left: 8%;
	}
	.text-farmanomina {
		width: 100%;}
}
@media screen and (max-width:768px){
	.calcu{
		display: none
	}
	.contacto-menu a {
    	top: 265px;
		}
	.modulos {
    	height: 680px;
  	  width: 90%;
	}
		.text-modulos {
			margin-left: 2%;
		}
		
	.modulo-nomina{
		display: block;
		margin-top: 15px;
	}
	.modulo-nomina span {
    color: #1fa3c8;
    font-family: 'gotham_bold';
		font-size: 23px;
	}
		.text-modulos-nom {
    width: 90%;
		}
		.imgs-modulos-nom{
			display: none;
		}

	.modulos-nom {
    width: 90%;
    height: 510px;
}
		.seccion3 {
    height: 760px;
}
		.modulo-gs {
		width: 85%;
		margin: 0% auto;
		min-height: 840px;
		}
		
	}
@media screen and (max-width:739px){
	
		
	.recuadros {
		margin-left: 3%;
	}
	.imgs-eventos {
	    margin-left: -260px;
	}
	.unicos {
    	width: 70%;
    	text-align: center;
	   	 margin: 0 0 0 12%;
	}
	.avaldos-complemento {
		width: 100%;
		text-align: center;
	}
	.text-modulos {
		width: 95%;
		margin-right: 0%;
	}
	.imgs-modulos {
		width: 90%;
		margin-top: 186px;
	}
    .ico-nomina {
		position: absolute;
		top: -160px;
		margin-left: -256px;
		left: 50%;
		width: 80%;
}

	.timbrador-home {
		top: -138px;
		left: 200px;
		width: 24%;
	}
	.recibos-home {
		left: 340px;
		top: -140px;
		width: 26%;
	}
	
	.imgs-modulos-seg-social {
	    margin-top: 286px;
	}
	.ico-seguridad-social {
		top: -160px;
		left: -238px;
	}
	.envioMovimientos-home {
		top: 262px;
		left: -40px;
		width: 84%;
	}
	.ssnet-home {
		top: 120px;
		left: -131px;
		width: 83%;
	}
	
	.kiosco-home {
		top: -137px;
		left: 190px;
		width: 29%;
	}
	.gs-home {
		left: 400px;
		top: -142px;
		width: 29%;
	}
	.administracion-home {
    min-height: 500px;
}	
	.text-nomina {
    margin-right: 0%;
	}
	.seg-social {
    	width: 85%;
	}
	.nomina {
    width: 85%;
	}
	.ssnet img {
    width: 74%;
}
	.text-administracion-home {
    margin-left: 0%;
	}
.text-administracion-home {
    width: 100%;
}
	.ico-admin {
    position: absolute;
    top: -160px;
    left: 112px;
    width: 60%;
}
	.administracion-home {
    min-height: 620px;
}
	.imgs-quienes{
		    min-height: 300px;
	}
	.seccion1 {
    margin-left: -5%;
}
	.modulo-envioMovs {
    min-height: 1140px;
}
	.modulo-envioRecibos {
    min-height: 900px;
}
	.modulo-timbrado {
    min-height: 950px;
}
	.img-tracker2 {
    width: 60%;
	}
	
	.text-norha {
    width: 100%;
	}
	.imgs-norha {
    	width: 100%;
	}
	.norha-logos{
  		 display: none;
	}
	.norha-logos-abajo{
		display: inline;
	    width: 90%;
}
	}
	.imgs-norha img {
    width: 47%;
}
	.norha {
    min-height: 1110px;
}
.logo-capacitacion {
    width: 40%;
}
	.text-si-tracker {
    width: 100%;
	}
	.imgs-si-tracker {
    width: 100%;
    margin-top: 0;
	}
	.si-tracker {
    min-height: 600px;
}	
	.caja-logo img {
    width: 50%;
}
	}
@media screen and (max-width:710px){
	.nomina {
    	width: 87%;
	}
	.seg-social {
    	width: 85%;
	}
	.seccion3 {
    height: 800px;
	}
	.icoLogoMenu img {
    width: 72%;
    margin-top: 7px;
}
	.ico-admin {
    position: absolute;
    top: -130px;
    left: 212px;
    width: 60%;
}
	.cel-home-kiosco {
    position: absolute;
    left: 80px;
    width: 22%;
    top: -50px;
}
	.ico-seguridad-social {
    top: -160px;
    left: -208px;
    width: 236%;
}
	.modulo-envioRecibos {
    min-height: 960px;
}
	.app-kiosco {
    min-height: 1000px;
}
}

	@media screen and (max-width:693px){
	.recuadros {
		margin-left: 0%;
	}
		.timbrador {
    top: -47px;
    left: 152px;
}
	.recibos {
    left: 29px;
    top: 123px;
}
	.timbrador img {
    width: 92%;
}
	.timbrador {
    top: -47px;
    left: 155px;
}
	.recibos img {
    width: 58%;
}
	.portal {
    width: 140%;
    margin-left: -340px;
    margin-top: 40px;
    left: 51%;
	}
		.modulo-gs {
    min-height: 840px;
		}
	.text-modulo-gs {
    	width: 100%;
	}
	.imgs-modulo-gs {
    	width: 100%;
		margin-top:0px;
	}
		.text-modulo-kiosco {
    width: 100%;
}
		.text-modulo-envioMovs {
    width: 100%;
	}
		.imgs-modulo-envioMovs {
    width: 70%;
    float: none;
    display: block;
    position: relative;
    margin-top: 0px;
    margin: 0 auto;
		}
		.modulo-envioMovs {
    min-height: 850px;
}
		.imgs-modulo-envioRecibos {
   float: none;
    margin: 0 auto;
    display: inline-block; 
     margin-top: 0px; 
}
	.text-modulo-timbrado {
    	width: 100%;
	}
	.imgs-modulo-timbrado {
    	width: 43%;
    	float: none;
		margin: 0 auto;
	}
		.modulo-ssnet {
    min-height: 820px;
}
		.text-modulo-ssnet {
    	width: 100%;
		}
	.imgs-modulo-ssnet{
		width: 43%;
    	float: none;
		margin: 0 auto;
		}
	.parrafo-analytics {
		height: 150px;
		font-size: 20px;
	}
		.app-kiosco {
    min-height: 1020px;
}
		
}
@media screen and (max-width:660px){
.text-admin {
    width: 97%;
}
	
	.text-nomina{
	margin-left:0;
}
	
	.imgs-nomina {
 	   margin-left: 17%;
	}
	.top {
    margin-top: 630px;
	}
	.gestionRH {
    width: 90%;
}
	.text-gestion {
    width: 100%;
    margin-right: 0%;
	}
	.imgs-gestion {
    	width: 100%;
	}	
	.gestionRH {
    height: 800px;
}	
	.content-datos {
    width: 100%;
    margin-left: 20%;
	}
	.contacto {
		height: 1000px;
	}
	.left-home{
	margin-left: 0%
}
	
	.experiencia {
	    min-height: 500px;
	}
	.recuadroMapaFooter {
    width: 50%;
    padding-left: 50px;
	}
	.mapa-footer {
    width: 100%;
    padding: 0 0% 0 6%;
	    min-height: 570px;
	}
	.footer {
    height: 82px;
	}
	.gs-home {
    left: 320px;
    top: -142px;
    width: 29%;
}
	.kiosco-home {
    top: -137px;
    left: 150px;
    width: 29%;
}
	
	}
@media screen and (max-width:660px){
.top {
    margin-top: 390px;
}
.imgs-eventos {
    margin-left: -240px;
}
	.mapa-footer {
       min-height: 1050px;
	}
}
@media screen and (max-width:645px){
.top {
    margin-top: 640px;
}
.movimientos {
    top: -59px;
    left: 84px;
}
	.movimientos img {
    width: 77%;
}
	
}
@media screen and (max-width:636px){
.recuadros {
    width: 25%;
    min-width: 263px;
	}
	.top {
    margin-top: 410px;
}
	.timbrador img {
    width: 75%;
}
	.timbrador {
    top: -17px;
    left: 97px;
}
	.portal {
    width: 102%;
    margin-left: -340px;
    margin-top: 40px;
    left: 81%;
	}
	.beneficios {
    width: 93%;
	}
}
@media screen and (max-width:617px){
.recuadros {
    width: 25%;
    min-width: 248px;
}
	.top {
    margin-top: 430px;
	}
		.modulos {
    min-height: 660px;
}
	.portal-soporte {
    width: 80%;
	}
	.portal-ssnet-pro {
    width: 70%;
	}
	.app-kiosco {
    min-height: 900px;
	}
	.modulo-kiosco {
    min-height: 900px;
}
	.beneficios {
    width: 87%;
}
	.text-bene1 {
    width: 100%;
	}
	.text-bene2{
        width: 100%;
    margin-bottom: 30px;
	}
.imgs-si-analytics img {
		width: 100%;
}	
	.imgs-si-analytics {
    width: 100%;
}
	
	.imgs-app-kiosco {
    width: 100%;
}
	.imgs-app-kiosco img {
    width: 40%;
}
	.imgs-capacitacion img {
    width: 130%;
}
	.si-hosting {
    min-height: 1070px;
}
	
	}
	
@media screen and (max-width:590px){
	.seccion3 {
    height: 860px;
}
	.recuadros {
    margin-left: 20%;
		min-width: 273px;
}
	.top {
    margin-top: 620px;
}
	.movimientos img {
    width: 86%;
}
	.movimientos {
    top: -60px;
    left: 62px;
	}
	.ssnet {
    top: 160px
	}
	.ssnet img {
    width: 79%;
	}
	.modulos {
    min-height: 660px;
}
	.recuadroMapaFooter {
    width: 45%;
    padding-left: 24px;
}
	.ico-seguridad-social {
    top: -160px;
    left: -160px;
    width: 220%;
	}
	.slogan {
    height: 170px;
}
	.content-bolsa {
    width: 100%;
	}
	.content-formulario-bolsa{
		width: 100%;
	}
	.ico-nomina {
    margin-left: -216px;
	}
	.seccion1 {
    margin-left: -15%;
}
	.slogan {
    height: 280px;
}
	.imgs-modulo-gs img{
    	width: 50%;
		
	}
	.imgs-modulo-envioRecibos img{
    width: 120%;
	}
	.imgs-modulo-timbrado img{
    	width: 110%;
	}
	.imgs-modulo-ssnet img{
		width: 120%;
	}
	.text-exito {
    width: 100%;
	}
	.imgs-exito {
    	width: 90%;
	}
	.certificacion-nomina {
    min-height: 700px;
}
	.mapa-footer {
    min-height: 570px;
}
}
@media screen and (max-width:540px){
.img-experiencia {
    width: 100%;
}
	.experiencia {
    min-height: 1360px;
}
	.imgSeccion3 {
    width: 100%;
    height: auto;
    min-height: 270px;
    display: block;
	}
	
	.ico-nomina {
    position: absolute;
    top: -150px;
    left: 220px;
    WIDTH: 80%;
	}
	.text-seccion3 {
    width: 100%;
    position: relative;
    float: left;
    padding-top: 1%;
    display: block;
    height: 700px;
	}
	.imgs-modulos-seg-social {
    margin-top: 186px;
	}
	.ico-seguridad-social {
    top: -170px;
    left: -198px;
    width: 150%;
	}
	.envioMovimientos-home {
    top: -111px;
    left: 90px;
    width: 44%;
}
	.ssnet-home {
    top: -110px;
    left: -31px;
    width: 43%;
}
	.kiosco-home {
    left: 125px;
	}
	.gs-home {
    	left: 260px;
	}
	
	.gestionRH {
    	width: 85%;
	}
	.imgs-eventos {
    margin-left: -190px;
}
	.content-datos {
    margin-left: 10%;
	}
	.seccion3 {
    width: 100%;
    height: 1020px;
	
	}
	
	.text-modulos-nom {
    margin-bottom: 40px;
		width: 100%;
	}

	.modulos-nom {
    height: 580px;
}
	.text-eventos {
    width: 70%
	}
	.recuadroMapaFooter {
    padding-left: 30px;
}
	.caja-logo {
    width: 49%;
    min-height: 97px;
}
	.bimbo{
		width: 31%;
	}
	.vw{
		width: 31%;
	}
	.lala{
		width: 33%;
	}
	.caja-top {
    padding-top: 0%;
}
	.kfc{
		display: none;
	}
	.agua{
		display: none;
	}
	.app-kiosco {
    min-height: 1020px;
}
	.mapa-footer {
    width: 100%;
    padding: 0 0% 0 6%;
    min-height: 1060px;
}
	.modulo-kiosco {
    min-height: 950px;
}
	.certificacion-nomina {
    min-height: 810px;
}
	.certificacion-sicoss {
    min-height: 1030px;
}
	.si-hosting {
    min-height: 1140px;
}
	
	.ebc{
		display: none;
	}
	.ibero {
    display: none;
}
	.cannon{
		display: none;
	}
	.coqueta{
		display: none;
	}
	.riu{
		display: none;
	}
	.prevem{
		display: none;
	}
	.sonigas{
		display: none;
	}
	.nissin{
		display: none;
	}
	.unKilo{
		display: none;
	}
	.dormimundo{
		display: none
	}
	.redpack{
		display: none;
	}
	.seg-parrafo-balance {
    width: 100%;
	}
	.formulario-balance {
    width: 100%;
}
	.si-balance {
    min-height: 1750px;
}
}
@media screen and (max-width:515px){
	.icoLogoMenu img {
    width: 88%;
		}
	.ico-admin {
    position: absolute;
    top: -160px;
    left: 132px;
    width: 60%;
}
	.cel-home-kiosco {
		position: absolute;
		left: 30px;
		width: 22%;
		top: -100px;
	}
	.app-kiosco {
		min-height: 950px;
	}
	.si-analytics {
	    min-height: 810px;
	}
	.imgs-capacitacion {
		width: 90%;
		
	}
		.imgs-capacitacion img {
    width: 80%;
}
}
		
@media screen and (max-width:490px){
	.mapa-footer {
    min-height: 470px;
	}
	#section12 h3 {
    margin-left: 53px;
	}
	.icoLogoMenu img {
    width: 93%;
    margin-top: 7px;
	}
	.imgs-quienes {
    min-height: 230px;
}
	.recuadroMapaFooter {
    width: 48%;
	}
	.mapa-footer {
       padding: 0 0% 0 1%;
		min-height: 590px;
	}
	.app-kiosco {
    min-height: 990px;
}
	.imgs-app-kiosco img {
    width: 80%;
}
	.app-kiosco {
    min-height: 1100px;
}
	.si-analytics {
    min-height: 800px;
	}
	.imgs-norha img {
    width: 57%;
	}
	.norha {
    min-height: 1170px;
	}
	.bimbo {
    width: 51%;
}
	.lala{
		display: none;
	}
	.vw {
    width: 43%;
}
	.mapa-footer {
    min-height: 1050px;
}
}
@media screen and (max-width:478px){
	.btn-logan {
    margin-top: 150px;
}
	.slogan {
    height: 330px;
}
	.div-logo-capa {
    margin: 0 auto;
    width: 30%;
	}
	.logo-capacitacion {
    width: 70%;
}
	.si-hosting {
    min-height: 1250px;
}
	.si-balance {
    min-height: 1810px;
}
}
@media screen and (max-width:448px){
	.recuadros {
    margin-left: 8%;
	}
	.text-nomina {
    width: 90%;
	}
	.recuadroMapaFooter {
    padding-left: 12px;
		width: 46%;
}
	.portal-soporte {
    width: 90%;
	}
	.portal-ssnet-pro {
    width: 80%;
	}
	.portal {
    width: 102%;
    left: 92%;
	}
	.mapa-footer {
    min-height: 650px;
}
	.modulo-gs {
    min-height: 940px;
}
	.norha {
    min-height: 1240px;
}
	.certificacion-sicoss {
    min-height: 1130px;
}
}

@media screen and (max-width:414px){ /*** iphone 6/7/8*******/
	.icoLogoMenu {
    width: 40%;
    margin-left: -82px;
	}
	.icoLogoMenu img {
    width: 82%;
}
	#header{
		padding-top:0px;
		height:45px;
		}
		
	.menu_bar .btn_menu{
		padding:3px;
	}
	.menu_bar span{
		font-size:35px;
	}
	nav  {
	margin-top:5px;
	}
	#section0 .slogan {
    	font-size: 20px;
	}
	.unicos {
    width: 100%;
    display: block;
    float: left;
    text-align: right;
    margin-right: 0%;
	margin: 0px 0 0 0%;
}
	
	.unicos img {
    width: 100%;
}
	.avaldos-complemento {
    width: 100%;
	text-align: center;
}
	.experiencia {
	    height: 790px;
	}
	.img-experiencia {
    width: 100%;
	}
	.recuadros {
    margin-left: 0%;
}
	.top {
    margin-top: 600px;
}
	.modulos {
    margin: 0% auto;
    min-height: 460px;
	}
	.text-modulos {
    	width: 90%;
		text-align: left; 
	}
    .imgs-modulos {
    width: 100%;
    margin-top: 187px;
    min-height: 59px;
	}
	.timbrador-home {
		display: none;
	}
	.recibos-home{
		display: none;
	}
	.ico-nomina {
    top: -160px;
	left: 19%;
		WIDTH: 50%;
	}
	.ico-nomina img{
		width: 50%;
	}
	.ico-seguridad-social {	
    top: -290px;
    left: 82px;
		    width: 50%;
}
	.imgs-modulos-seg-social {
    width: 100%;
	margin-top: 316px;
	}
	
	.imgSeccion3 {
   display: none;
	}
	
	.portal {
    width: 155%;
    height: 410px;
    margin-left: 10%;
    margin-top: 40px;
}
	.envioMovimientos-home{
		display: none;
	}
	.ssnet-home{
		display: none;
	}
	.text-seccion3 {
    width: 100%;
	}
	.text-seccion3 {
    margin-bottom: 70px;
	}
	.text-administracion-home {
    width: 91%;
	}
	.kiosco-home{
		display: none;
	}
	.gs-home{
		display: none;
	}
	.mapa-footer {
    padding: 0 10% 0 10%;
    min-height: 726px;
}
	.recuadroMapaFooter {
    width: 50%;
	}
	.footer {
   	 height: 74px;
	}
	.imgs-modulos-nom {
		width: 100%;
	}
	.ssnet {
		top: 20px;
		left: 10px;
	}
	.ssnet img {
    width: 54%;
	}
	.movimientos {
		top: -51px;
		left: 172px;
	}
	.movimientos img {
	    width: 95%;
	}
	.administracion {
    width: 85%;
    margin: 13% auto;
	}
	.text-admin {
    width: 92%;
	}
	.empleado{
		margin-left:0px; left:0px;
	}
	.kiosco {
		left: 176px;
		top: -43px;
	}
	.soporte {
	    height: 890px;
	}
	.imgs-soporte {
    	width: 100%;
		left: 0%;
	}
	.capacitacion {
    	height: 490px;
	}
	.imgs-capacitacion {
		width: 100%;
		margin-top: 8px;
		margin-left: 0px;
	}
	.gestionRH {
    	height: 890px
	}
	.text-gestion {
    	width: 95%;
	}
	.quienes {
    width: 90%;
    height: 1000px;
}
	.text-quienes {
    	width: 90%;
	}
	.video iframe, .video object, .video embed {
		position: absolute;
    top: 0;
    left: 8%;
    width: 75%;
    height: 75%;
	}
	.video-compania iframe, .video-compania object, .video-compania embed {
    left: 7%;
	}
	.nuestrosClientes {
   		height: 420px;
	}
	.imgs-quienes {
		width: 90%;
	}
	.content-formulario {
	    width: 95%;
	}
	.content-datos {
    	width: 95px;
		    margin-left: 0%;
	}
	.recuadro-datos img{
			width: 26%;
	}	
	.contacto {
		width: 85%;
		height: 1140px;
	}
.ico-admin {
    position: absolute;
    top: -140px;
    left: 92px;
    z-index: 99999;
    width: 44%;
}
	
	h1 {
    font-size: 30px;
    padding: 0 8%;
	}
	.imgs-modulos {
		display: none;
	}
	.modulos {
    min-height: 490px;
}
	.administracion-home {
    	min-height: 520px;
	}	
	.recuadroMapaFooter {
    	width: 100%;
    	padding-left: 30px;
	}
	.mapa-footer {
    min-height: 1056px;
}
	.portal {
		width: 102%;
		left: 2%;
}
	.caja-logo {
		width: 100%;
		min-height: 97px;
}
	.bimbo {
		width: 91%;
	}
	.lala {
		width: 90%;
	}
	.vw {
   		width: 91%;
   	 	margin-top: 20px;
		margin-bottom: 20px;
}
	
	.ibero{
		display: none
	}
	.salle{
		display: none
	}
	.ebc{
		display: none;
	}
	.redpack{
		display: none
	}
	
	.riu{
		display: none
	}
	.unKilo{
		display: none;
	}
	.dormimundo{
		display: none;
	}
	.sonigas{
		display: none;
	}
	
	
	.prevem{
		display: none
	}
	.icoLogoMenu img {
    width: 62%;
    margin-left: 20px;
    margin-top: 5px;
}.quienes {
    width: 90%;
    height: 1050px;
}
	.modulo-kiosco {
    min-height: 1030px;
}
	.certificacion-nomina {
    min-height: 850px;
}
	.certificacion-sicoss {
    min-height: 1200px;
}.imgs-certificacion-sicoss img {
    width: 50%;
}.si-hosting {
    min-height: 1350px;
}
	.imgs-si-hosting img {
    width: 70%;
}
	.caja-logo img {
    width: 31%;
}
	.frase-cliente {
    font-size: 18px;
	}
	.puesto-cliente {
    	font-size: 15px;
	}
	.nombre-cliente {
    font-size: 22px;
	}
	.si-balance {
    min-height: 1870px;
}
}
	
@media screen and (max-width:393px){
.top {
    margin-top: 630px;
}
	.imgs-capacitacion {
    width: 80%;
	}
.text-eventos {
    width: 60%;
}
    .imgs-eventos {
    margin-left: -152px;
    width: 86%;
		font-size: 16px;
}

	.text-eventos {
   	 width: 80%;
	 margin: 30px 30px 30px 17px;
	font-size: 16px;
	}
	.modulos {
    min-height: 550px;
}
	.quienes {
    width: 90%;
    height: 1180px;
}
	.slogan {
    height: 320px;
}
	.app-kiosco {
    min-height: 1200px;
}
	.seccion1 {
    margin-left: -18%;
}
	.modulo-envioRecibos {
    min-height: 1150px;
}
	.imgs-capacitacion img {
    width: 120%;
}
	.app-kiosco {
    min-height: 900px;
}
	.norha {
    min-height: 1300px;
}
	.si-tracker {
    min-height: 710px;
}
	.certificacion-nomina {
    min-height: 880px;
}
	.certificacion-sicoss {
    min-height: 1420px;
}
	.si-analytics {
    min-height: 890px;
}
	.si-hosting {
    min-height: 1410px;
}
	.si-balance {
    min-height: 1970px;
}
	
	}
@media screen and (max-width:376px){	
	.si-balance {
    min-height: 2050px;
}
	}
@media screen and (max-width:357px){
	.icoLogoMenu img {
    width: 83%;
    margin-left: 0px;
	}
	nav  {
		margin-top:11px;
	}
	.menu_bar span{
		font-size:45px;
	}
	
	.unicos {
    width: 90%;
    display: block;
    float: left;
    text-align: right;
    margin-right: 0%;;
	margin: 0 0 0 0;	
}
	.imgs-modulos {
    width: 100%;
    margin-top: 187px;
    min-height: 69px;
	}
	.ico-nomina {
		position: absolute;
		top: -160px;
		left: 93px;
		WIDTH: 40%;
	}
	.timbrador-home{
		display: none;
	}
	.recibos-home{
		display: none;
	}
	.ico-nomina {
    top: -400px;
    left: 27%;
}
	.extra-top{
		    margin-top: 140px;
	}
	.imgs-modulos-seg-social {
    width: 100%;
    margin-top: 146px;
}
	
	
	.modulos-nom {
    height: 490px;
}
	.text-eventos {
    width: 75%;
	}
	.imgs-eventos {
    margin-left: -135px;
	}
.modulos {
    min-height: 530px;
}
	.extra-top {
    margin-top: -20px;
}
	.quienes {
    width: 90%;
    height: 1330px;
}
	
	.app-kiosco {
    min-height: 1410px;
}
	.slogan {
    height: 330px;
}
	.modulo-gs {
    min-height: 1050px;
}
	.modulo-kiosco {
    min-height: 1070px;
}
	.app-kiosco {
    min-height: 1010px;
}
	.norha {
    min-height: 1370px;
}
	.certificacion-nomina {
    min-height: 1020px;
}
	.certificacion-sicoss {
    min-height: 1450px;
}
	.si-analytics {
    min-height: 950px;
}
	.si-hosting {
    min-height: 1540px;
}
	}
	
@media screen and (max-width:340px){
	.si-balance {
    min-height: 2110px;
}
	}
@media screen and (max-width:324px){
	.img-experiencia {
    width: 90%;
}
	.avaldos-complemento span {
    font-size: 25px;
	}
	.avaldos-complemento {
    font-size: 24px;
	}
	.ico-admin {
    position: absolute;
    top: -160px;
    left: 62px;
    z-index: 99999;
    width: 48%;
}
	.administracion-home {
    height: 610px;
}
	.slogan {
    height: 320px;
}
	.mapa-footer {
    min-height: 1076px;
}
	.modulo-kiosco {
    min-height: 1150px;
}
	.img-tracker1 {
    float: left;
    position: relative;
    display: block;
    width: 32%;
	}
	.img-tracker2 {
    width: 100%;
    display: block;
    float: left;
		margin-left: 0px;
}
.certificacion-nomina {
    min-height: 1060px;
}
	.certificacion-sicoss {
    min-height: 1510px;
}
	.si-hosting {
    min-height: 1660px;
}
	.si-balance {
    min-height: 2190px;
}
	
}
@media screen and (max-width:306px){
	.btn-logan {
    margin-top: 180px;
}
	.slogan {
    height: 360px;
}
	
	.modulo-kiosco {
    min-height: 1250px;
}
	.si-analytics {
    min-height: 1050px;
}
	.si-balance {
    min-height: 2250px;
}
}

@media screen and (max-width:298px){
	.icoLogoMenu img {
    width: 101%;

}
	.imgs-modulos-seg-social {
    width: 100%;
    margin-top: 76px;
	}
	.ico-seguridad-social {
    top: -290px;
	width: 69%;
    left: 32px;
}
	.mapa-footer {
    min-height: 1146px;
}
	.recuadroMapaFooter {
    padding-left: 26px;
	}
	.footer {
    height: 97px;
}
	.modulos {
    min-height: 600px;
}
	.administracion-home {
    height: 620px;
}
	.menu_bar .btn_menu {
    padding: 10px;
}
.quienes {
    width: 90%;
    height: 1440px;
}
	.app-kiosco {
    min-height: 1600px;
}
	
	.slogan {
    height: 410px;
}
.btn-logan {
    margin-top: 230px;
}
	.modulo-kiosco {
    min-height: 1240px;
}
	.certificacion-nomina {
    min-height: 1130px;
}
	.si-hosting {
    min-height: 1770px;
}
	.si-balance {
    min-height: 2320px;
}
	}
	
@media screen and (max-width:280px){
	.app-kiosco {
    min-height: 1820px;
}.modulo-kiosco {
    min-height: 1330px;
}
	.certificacion-nomina {
    min-height: 1230px;
}
	.certificacion-sicoss {
    min-height: 1570px;
}
	.si-analytics {
    min-height: 1150px;
}.si-hosting {
    min-height: 2030px;
}
	}
@media screen and (max-width:248px){
.certificacion-nomina {
    min-height: 1280px;
}
	.certificacion-sicoss {
    min-height: 1730px;
}
	.si-analytics {
    min-height: 1280px;
}
	
	}
@media screen and (max-width:218px){
.btn-logan {
    margin-top: 270px;
}
	.slogan {
    height: 440px;
}
	.si-analytics {
    min-height: 1460px;
}
}
@media screen and (max-width:213px){
	.menu_bar span{
		font-size:25px;
	}
	}