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

			@font-face {
				font-family: 'gotham_black';
				src: url('http://nominaperfecta.com/fonts/gotham-black-webfont.eot');
				src: url('http://nominaperfecta.com/fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
					 url('http://nominaperfecta.com/fonts/gotham-black-webfont.woff2') format('woff2'),
					 url('http://nominaperfecta.com/fonts/gotham-black-webfont.woff') format('woff'),
					 url('http://nominaperfecta.com/fonts/gotham-black-webfont.svg#gotham_blackregular') format('svg');
				font-weight: normal;
				font-style: normal;

			}

			@font-face {
				font-family: 'gotham_bold';
				src: url('../fonts/gotham-bold-webfont.eot');
				src: url('../fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
					 url('../fonts/gotham-bold-webfont.woff') format('woff'),
					 url('../fonts/gotham-bold-webfont.ttf') format('truetype'),
					 url('../fonts/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
				font-weight: normal;
				font-style: normal;
			}

			@font-face {
				font-family: 'gotham_medium';
				src: url('http://nominaperfecta.com/fonts/gotham-medium-webfont.eot');
				src: url('http://nominaperfecta.com/fonts/-medium-webfont.eot?#iefix') format('embedded-opentype'),
					 url('http://nominaperfecta.com/fonts/gotham-medium-webfont.woff') format('woff'),
					 url('http://nominaperfecta.com/fonts/gotham-medium-webfont.ttf') format('truetype'),
					 url('http://nominaperfecta.com/fonts/gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
				font-weight: normal;
				font-style: normal;

			}
			@font-face {
				font-family: 'gotham_regular';
				src: url('http://nominaperfecta.com/fonts/gotham-regular-webfont.eot');
				src: url('http://nominaperfecta.com/fonts/gotham-regular-webfont.eot?#iefix') format('embedded-opentype'),
					 url('http://nominaperfecta.com/fonts/gotham-regular-webfont.woff') format('woff'),
					 url('http://nominaperfecta.com/fonts/gotham-regular-webfont.ttf') format('truetype'),
					 url('http://nominaperfecta.com/fonts/gotham-regular-webfont.svg#gotham_lightregular') format('svg');
				font-weight: normal;
				font-style: normal;

			}
			@font-face {
			  font-family: "URW Franklin Gothic W02 Light";
			  src: url("http://nominaperfecta.com/fonts/79b725e00ebb1fbe198589946c99b048.eot"); /* IE9*/
			  src: url("http://nominaperfecta.com/fonts/79b725e00ebb1fbe198589946c99b048.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
			  url("http://nominaperfecta.com/fonts/79b725e00ebb1fbe198589946c99b048.woff2") format("woff2"), /* chrome、firefox */
			  url("http://nominaperfecta.com/fonts/79b725e00ebb1fbe198589946c99b048.woff") format("woff"), /* chrome、firefox */
			  url("http://nominaperfecta.com/fonts/79b725e00ebb1fbe198589946c99b048.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
			  url("http://nominaperfecta.com/fonts/79b725e00ebb1fbe198589946c99b048.svg#URW Franklin Gothic W02 Light") format("svg"); /* iOS 4.1- */
			}
			
			@font-face {
			  font-family: "Franklin Gothic";
			  src: url("../fonts/9c9dbb999dd7068f51335d93cc7328bd.eot"); /* IE9*/
			  src: url("../fonts/9c9dbb999dd7068f51335d93cc7328bd.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
			  url("../fonts/9c9dbb999dd7068f51335d93cc7328bd.woff2") format("woff2"), /* chrome、firefox */
			  url("../fonts/9c9dbb999dd7068f51335d93cc7328bd.woff") format("woff"), /* chrome、firefox */
			  url("../fonts/9c9dbb999dd7068f51335d93cc7328bd.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
			  url("../fonts/9c9dbb999dd7068f51335d93cc7328bd.svg#Franklin Gothic") format("svg"); /* iOS 4.1- */
			}
			@font-face {
				font-family: 'futuracondensed_extra_bold';
				src: url('../fonts/futura_condensed_extra_bold-webfont.eot');
				src: url('../fonts/futura_condensed_extra_bold-webfont.eot?#iefix') format('embedded-opentype'),
					 url('../fonts/futura_condensed_extra_bold-webfont.woff2') format('woff2'),
					 url('../fonts/futura_condensed_extra_bold-webfont.woff') format('woff'),
					 url('../fonts/futura_condensed_extra_bold-webfont.svg#futuracondensed_extra_bold') format('svg');
				font-weight: normal;
				font-style: normal;

			}
		#content_general{
				width:100%;
				height:auto;
				min-height:100%;
				position:relative;
				max-height: 700px;
			}
			.top-landing{
				width:100%;
				height: 87px;
				background-color: #FFF;
			}
			.top-landing img{
				width: 12%;
				top:21px;
				left: 50px;
				position: relative;
			}
			.back-azul{
				width: 100%;
				background-color: #00457E;
				min-height: 400px;
			}
			.cabecera{
				max-width: 1200px;
				height: 400px;
				margin: 0 auto;
				position: relative;
			}
			.titulo-cabecera{
				width: 53%;
				max-width: 643px;
				position: relative;
				display: inline-block;
				float: left;
				height: auto;
				font-family: 'futuracondensed_extra_bold';
				font-size: 108px;
				color: #FFF;       
				margin-top: 40px;
    			margin-left: 20px;
				line-height: 104px;
			}
			.titulo-cabecera a:hover {
			  color: #FFF; 
			}
			.titulo-cabecera a:visited {
			  color: #FFF; 
			}
			.marco1{
				position: absolute;
				float: left;
				width: 5.6%;
				height: 5.6%;
				max-width: 45px;
				max-height: 45px;
				right: 0%;
				top: -10%;
				
			}
			.marco2{
				position: absolute;
				width: 5.6%;
				height: 5.6%;
				max-width: 45px;
				max-height: 45px;
				left:-4%;
				bottom:-2%;
			}
			.subtitulo{
				font-family: 'gotham_medium';
				font-size: 22px;
				color: #FFF;
				position: absolute;
				display: block;
				width: 100%;
				line-height: 27px;
				text-align: center;
				padding-top: 6%;
			}
			.subtitulo span{
				font-family: 'gotham_bold';
				color:#FAA62C
			}
			.formulario-cabecera{
				width: 43%;
				max-width: 460px;
				max-height: 640px;
				background-color: #FFFFFF;
				position: relative;
				display: inline-block;
				height: auto;
				float: left;
				box-shadow: 1px 3px 6px #02071029;
				padding: 25px;
				margin-left: 35px;
				top: -55px;
				 font-family: 'gotham_medium';
				font-style: italic;
				color: #abbdd0;
				z-index: 9999999999;
			}
			.papelera {
				width: 100%;
				max-width: 1200px;
				margin: 0 auto;
				min-height: 322px;
				position: relative;
				padding-left: 100px;
				clear: both;
				
			}
			.papeles{
				position: relative;
				float: left;
				display: inline-block;
				width: 44%;
				max-width: 480px;
				height: 400px;
				margin-right: 40px;
				bottom: 108px;
			}
			.papeles img{
				width: 100%;
			}
			.azul-claro{
				width: 52%;
				max-width: 574px;
				background-color: #0679B4;
				float: right;
				display: inline-block;
				height: 322px;
				position: relative;
				font-family: 'gotham_medium';
				font-size: 25px;
				color: #FFF;
				padding: 113px 73px 0 73px;
				line-height: 33px;
			}
			.azul-claro span{
				color: #FAA62C;
				
			}
			.edificios{
				width: 100%;
				max-width: 1200px;
				margin: 0 auto;
				min-height: 315px;
				position: relative;
				clear: both;
				margin-top: 50px;
			}
			.edificios img{
				width: 77%;
				
			}
			.horas-extra{
				background-color: #FAA62C;
				position: absolute;
				font-family: 'gotham_medium';
				font-size: 25px;
				color: #FFF;
				text-align: right;
				padding: 120px 93px 0 113px;
				line-height: 33px;
				width: 52%;
				display: block;
				height: 315px;
				margin-right: 50px;
				float: right;
			}
			.horas-extra span{
				color:#0679B4;
			}
			.foto-edi{
				width: 45%;
				max-width: 544px;
				height: 315px;
				display: inline-block;
				position: relative;
				float: right;
				text-align: left;
			}
			.datos{
				width: 100%;
				max-width: 1200px;
				margin: 0 auto;
				min-height: 120px;
				position: relative;
				display: block;
				margin-top: 50px;
			}
			.quinientos{
				width: 57%;
				min-height: 120px;
				display: inline-block;
				position: relative;
				padding: 20px 0px 0px 190px;
			}
				.numerote{
					width: 40%;
					background-color: #FFF;
					font-family: 'Franklin Gothic';
					color: #0679B4;
					font-size: 95px;
					float: left;
				}
				.textito{
					width: 50%;
					font-family: 'gotham_regular';
					color: #707070;
					font-size: 21px;
					float: left;
				}
				.textito span{
					font-family: 'gotham_black';
				}
			.linea-vertical{
				width: 20px;
				height: 120px;
				display: inline-block;
				border-left-style: dashed; 
				border-left-width: 1px; 
				position: relative;
			}
			.cincuenta{
				width: 36%;
				min-height: 120px;
				display: inline-block;
				position: relative;
				padding-top: 21px;
			}
			.logos{
				width: 100%;
				max-width: 1200px;
				min-height: 315px;
				margin: 0 auto;
				background-color: #F9F9F9;
				position: relative;
				/*display:block;*/
				clear: both;
				margin-top: 50px;
				color: #FAA62C;
				font-family: 'gotham_bold';
				padding: 20px 112px 20px 140px;
				font-size: 33px;
				text-align: right;
				line-height: 28px;
			}
			.loguito{
				width: 200px;
				display: inline-block;
				height: 90px;
				float: left;	
				margin-bottom: 30px;
			}
			.peque img{
				width: 80%;
				vertical-align: middle;
				text-align: center;
			}
			.grande img{
				width: 100%;
				vertical-align: middle;
				text-align: center;
			}
			.right{
				margin-right: 40px;
				
			}
			.aviso{
				width: 100%;
				max-width: 1200px;
				margin: 0 auto;
				background-color: #073357;
				height: 70px;
				position: relative;
				display: block;
				
			}
			.privacidad{
				color: #FFF;
				font-family: 'gotham_medium';
				font-size: 18px;
				width: 90%;
				margin: 0 auto;
				padding: 16px 0px 0 40px;
				line-height: 38px;
				display: block;
			}
			.icono-redes{
				width: 40px;
				height: 40px;
				margin-left: 25px;
				display: inline-block;
				float: right;
			}
			.icono-redes img{
				width: 100%;
			}
			.redes{
				display: inline-block;
				float: right;
				
			}
			/***************************************************** REGISTRO ENVIADO *********************************************************************************/
			.recibido{
				width: 80%;
				margin: 0 auto;
				padding: 20px 0px 10px 0px;
			}
			.formulario-cabecera img{
				width: 	38%;
			}
			.gracias{
				width: 100%;
				margin: 0 auto;
				font-family: 'futuracondensed_extra_bold';
				color: #6C6B70;
				font-size: 48px;
				font-style: normal;
				letter-spacing: 2px;
			}
			.gracias span{
				font-family: 'gotham_regular';
				color: #707070;
				font-size: 20px;
				letter-spacing: initial;
				line-height: 28px;
			}
			.gracias img{
				width: 100%;
				padding-top: 13px;
			}

/***************************************************** EXPERTO EN NOMINA *********************************************************************************/
		.cabecera-expertos {
			/*max-width: 1200px;*/
			height: 400px;
			margin: 0 auto;
			position: relative;
		}
.cabecera-facial {
    max-width: 1300px;
    height: 400px;
    margin: 0 auto;
    position: relative;
}
			.back-azul-expertos{
				width: 100%;
				background-color: #00457E;
				background-image: url("../images/Foto.jpg");
				min-height: 400px;
			}
			.titulo-expertos{
				width: 48%;
				max-width: 643px;
				position: relative;
				display: inline-block;
				float: left;
				height: auto;
				font-family: 'gotham_bold';
				font-size: 58px;
				color: #FFF;
				margin-top: 120px;
				margin-left: 20px;
				line-height: 61px;
				text-align: center;
			}
			.titulo-expertos span{
					font-family: 'gotham_black';
					color: #FAA62C;
			}
			.titulo-expertos a:hover {
			  color: #FFF; 
			}
			.titulo-expertos a:visited {
			  color: #FFF; 
			}
			.deteccion{
				color: #faa52c;
				font-family: 'gotham_black';
			}
			
			.formulario-expertos {
				width: 80%;
				max-width: 530px;
				max-height: 620px;
				background-color: #FFFFFF;
				position: relative;
				display: inline-block;
				height: 620px;
				float: left;
				box-shadow: 1px 3px 6px #02071029;
				padding: 25px;
				margin-left: 60px;
				top: -200px;
				font-family: 'gotham_medium';
				font-style: italic;
				color: #abbdd0;
				z-index: 9999999999;
			}
			.datos-expertos{
				width: 100%;
				/*max-width: 1200;*/
				min-height: 60px;
				position: relative;
				display: block;
				margin-top: 50px;
				text-align: left;
				clear: both;
				padding-left: 2%;
				top: -520px;
			}
			.datos-expertos span{
				color:#15a2c8;
				font-family: 'Gotham-bold';
			}
			.datos-expertos p{
				color: #FFF;
				background-color: #FAA62B;
				font-family: 'gotham-bold';
				padding: 3px;
				width: 30%;
			}
			.quinientos-expertos{
				    width: 51%;
				min-height: 120px;
				display: inline-block;
				position: relative;
				padding: 20px 0px 0px 20px;
				float: left;
			}
			.bullet{
				display: block;
				width: 100%;
				height: 40px;

			}
				.numerote-expertos{
					width: 37%;
				background-color: #FFF;
				font-family: 'Franklin Gothic';
				color: #0679B4;
				font-size: 78px;
				float: left;
					text-align: left;
					letter-spacing:-3px;
				}
				.textito-expertos{
					width: 52%;
					font-family: 'gotham_regular';
					color: #707070;
					font-size: 17px;
					float: left;
					text-align: left;
				}
				.textito-expertos-500{
					width: 54%;
					font-family: 'gotham_regular';
					color: #707070;
					font-size: 18px;
					float: left;
					text-align: left;
				}
				.textito-expertos-500 span{
					font-family: 'gotham_bold';
				}
				.textito-expertos span{
					font-family: 'gotham_bold';
				}
			.leftxto{
				margin-left: 30px;
			}
			.linea-vertical-expertos{
				width: 10px;
				height: 120px;
				display: inline-block;
				border-left-style: dashed; 
				border-left-width: 1px; 
				position: relative;
				border-color: #1592E6;
				float: left;
			}
			.cincuenta-expertos{
				width: 47%;
				min-height: 120px;
				display: inline-block;
				position: relative;
				padding-top: 21px;
				float: left;
			}
			.logos-expertos{
				width: 100%;
				/* max-width: 1200px; */
				min-height: 150px;
				margin: 0 auto;
				background-color: #F9F9F9;
				position: relative;
				/* display: block; */
				clear: both;
				color: #FAA62C;
				font-family: 'gotham_bold';
				padding: 20px 112px 20px 0px;
				font-size: 24px;
				text-align: right;
				line-height: 23px;
				top: -260px;
			}
			.corredizo{
				width: 45%;
				height: 120px;
				display: block;
				position: relative;
				float: left;
			}
			.img-pk{
				width: 80%;
				vertical-align: middle;
				text-align: center;
			}
			.loguito-expertos{
				width: 200px;
				display: block;
				height: 90px;
				float: left;	
				margin-bottom: 30px;
			}

			.aviso-expertos{
				    width: 38%;
					height: 59px;
					position: relative;
					display: inline-block;
					top: 80px;
			}
			.privacidad-expertos{
				color: #707070;
				font-family: 'gotham_medium';
				font-size: 18px;
				width: 87%;
				margin: 0px;
				padding: 0px;
				line-height: 38px;
				display: block;
				text-align: left;
			}
			.icono-redes-expertos{
				width: 40px;
				height: 40px;
				margin-left: 25px;
				display: inline-block;
				float: right;
			}
			.icono-redes-expertos img{
				width: 100%;
			}
			.redes-expertos{
				display: inline-block;
				float: right;
			}
			.algunos-clientes {
				width: 200px;
				display: block;
				height: 90px;
				float: left;
				margin-bottom: 30px;
			}
/***************************************************** CALCULO DE NOMINA Y SUA *********************************************************************************/
		
			.back-azul-calculo-nomina{
				width: 100%;
				background-color: #00457E;
				background-image:url("../images/landings-modulos/foto-landing-infrarroja.jpg");
				min-height: 400px;
			}
			.content-titulo{
				width: 100%;
				background-color: #FFFFFF;
				opacity: 0.7;
				height: 200px;
				top: 107px;
				position: relative;
			}
			.content-facial {
				width: 100%;
				background-color: #FFFFFF;
				opacity: 0.7;
				height: 180px;
				top: -5px;
				position: relative;
			}
			.titulo-calculo{
				    width: 47%;
					max-width: 643px;
					position: relative;
					display: inline-block;
					float: left;
					height: auto;
					font-family: 'gotham_bold';
					font-size: 28px;
					color: #1e4a7d;
					margin-top: -53px;
					margin-left: 20px;
					line-height: 36px;
					text-align: center;
			}
			.titulo-calculo p{
				font-family: 'gotham_black';
				color: #1e4a7d;
				font-size: 35px;
				margin: 0px;
				padding: 0px;
			}
			.titulo-bio-video{
				    width: 47%;
					max-width: 643px;
					position: relative;
					display: inline-block;
					float: left;
					height: auto;
					font-family: 'gotham_bold';
					font-size: 28px;
					color: #1e4a7d;
					margin-top: -53px;
					margin-left: 20px;
					line-height: 36px;
					text-align: center;
			}
			.titulo-bio-video p{
				font-family: 'gotham_black';
				color: #1e4a7d;
				font-size: 35px;
				margin: 0px;
				padding: 0px;
			}



.back{
	background-color: #0278c1;
	color: #FFF;
}
			.titulo-calculo span{
				color: #FAA62C;
			}
			.titulo-calculo a:hover {
			  color: #FFF; 
			}
			.titulo-calculo a:visited {
			  color: #FFF; 
			}

			.titulo-bio-video span{
				color: #FAA62C;
			}
			.titulo-bio-video a:hover {
			  color: #FFF; 
			}
			.titulo-bio-video a:visited {
			  color: #FFF; 
			}
/***************************************************** landing APP*********************************************************************************/
		
			.back-azul-app{
				width: 100%;
				background-color: #00457E;
				background-image:url("../images/landings-modulos/foto-landing-app.jpg");
				min-height: 400px;
				background-position: top left;
			}

			.back-azul-analytics{
				width: 100%;
				background-color: #00457E;
				background-image:url("../images/landings-modulos/foto-landing-analytics.jpg");
				min-height: 400px;
				background-position: top left;
			}
			.back-azul-minu{
				width: 100%;
				background-color: #00457E;
				background-image:url("../images/landings-modulos/foto-landing-minu.jpg");
				min-height: 400px;
				background-position: top left;
			}
			.back-azul-infra-video{
				width: 100%;
				background-color: #00457E;
				background-image:url("../images/landings-modulos/foto-landing-infrarrojo-video.jpg");
				min-height: 400px;
				background-position: top left;
			}
			.subtitulo-minu {
				font-family: 'gotham_regular';
				font-size: 22px;
				color: #1e4a7d;
				width: 38%;
				margin-top: 62px;
				margin-left: 85px;
				line-height: 23px;
				position: absolute;
				text-align: center;
			}
			.subtitulo-biometrico {
				font-family: 'gotham_regular';
				font-size: 22px;
				color: #1e4a7d;
				width: 38%;
				margin-top: 102px;
				margin-left: 85px;
				line-height: 23px;
				position: absolute;
				text-align: center;
			}

.subtitulo-minu span{
	font-family:'gotham_bold'
	
}
			.logos-minu{
				width: 38%;
				margin-top: -137px;
				margin-left: 85px;
				line-height: 23px;
				position: absolute;
				text-align: center;
			}

			.logos-minu span{
				font-size: 26px;
				font-family:'gotham_black';
				color: #2866a3;
			}
			.logo-sw{
				width: 	30%;
			}
			.logo-minu{
				width:30%;
			}

	@media screen and (max-width:768px){ /************************** ipad ***************************/
		.logos-minu {
			width: 92%;
			margin-top: -157px;
			margin-left: 33px;
			line-height: 23px;
		}		
		.logos-minu {
			width: 92%;
			margin-top: -157px;
			margin-left: 33px;
			line-height: 23px;
			position: absolute;
			text-align: center;
		}
		.subtitulo-minu{
			margin-top: 33px;
			width: 79%;
		}
		.quinientos-expertos {
			width: 91%;
			min-height: 120px;
			display: inline-block;
			position: relative;
			padding: 20px 0px 0px 20px;
			float: left;
		}
		
		.content-facial {
		    height: 130px;
		}
		.datos-expertos p {
    color: #FFF;
    background-color: #FAA62B;
    font-family: 'gotham-bold';
    padding: 3px;
    width: 50%;
}
		.titulo-cabecera {
    				width: 100%;
					margin-left: 130px;
					line-height: 84px;
					font-size: 88px;
				}
				.top-landing img {
					width: 23%;
				}
				.marco1 {
					right: 18%;
				}
				.subtitulo{
					width: 80%;
				}
				.formulario-cabecera {
    				width: 80%;
					max-width: 750px;
					margin: 0 auto;
					display: block;
					height: auto;
					clear: both;
   					float: none;
					top:130px;
				}
				.papeles {
					position: relative;
					width: 100%;
					margin-top: 720px;
				}
				.azul-claro {
					width: 100%;
					margin-top: -40px;
					margin-bottom: 40px;
				}
				.edificios {
					min-height: 690px;
				}
				.horas-extra {
					float: left;
					position: relative;
					width: 90%;
					display: inline-block;
					margin-right: 0px; 
			}
				.foto-edi {
					width: 90%;
					display: inline-block;
					position: relative;
					float: left;
					max-width: 574px;
					margin-top: 40px;
				}
				.quinientos {
					width: 100%;
					padding: 20px 0px 0px 90px
				}
				.linea-vertical {
					width: 100%;
					height: 1px;
					display: block;
					border-top-style: dashed;
					border-top-width: 1px;
					max-width: 250px;
					margin: 0 auto;
					}
					.numerote{
						text-align: center;
					}
				.cincuenta {
					width: 100%;
					padding-left: 96px;
				}
				.logos{
					min-height: 525px;
				}
				.titulo-expertos{
					width: 100%;
					margin: 60px auto 0px 67px;
				}
				.formulario-expertos {
   					 width: 100%;
					    top: 129px;
		}
				.datos-expertos {
   					width: 100%;
					top: 150px;
					padding-right: 0;
				}
				.logos-expertos {
    				top: 80px;
					padding: 20px 0px 20px 0px;
					min-height: 120px;
		}
				.corredizo{
					width: 70%;	
				}
				.right {
					margin-right: 24px;
				}
				.privacidad-expertos{
					width: 90%;
					margin: 0px auto;
				}
				.aviso-expertos {
					width: 100%;
					top: 10px;
				}
				.titulo-calculo {
					width: 78%;
					margin-top: -48px;
					margin-left: 85px;
					line-height: 40px;
				}
				.titulo-bio-video {
					width: 80%;
					margin-top: -48px;
					margin-left: 85px;
					line-height: 40px;
				}
		.subtitulo-biometrico {
			width: 68%;
			margin-top: 32px;
			margin-left: 135px;
				}
				.titulo-sistema {
					width: 78%;
					font-size: 49px;
					margin-top: 100px;
					margin-left: 92px;
					line-height: 61px;
					text-align: center;
				}
				.titulo-nom-seg-social {
					width: 87%;
					margin-left: 75px;
				}

		
		}
		@media screen and (max-width:415px){ /************************** galaxy ***************************/
			.subtitulo-minu{
				margin-left: 45px;
			}
			
			
			.top-landing img {
				width: 35%;
				top: 25px;
				left: 119px;
			}
			.titulo-cabecera {
				width: 100%;
				margin-left: 37px;
				line-height: 53px;
				font-size: 54px;
			}
			.subtitulo{
				width: 80%;
				font-size: 17px;
				line-height: 24px;
			}
			.formulario-cabecera{
				max-height: 810px;
				font-size: 12px;
			}
			.papeles{
				bottom: 0px;
				height: 360px;
    			margin-top: 680px;
			}
			.azul-claro {
				width: 140%;
				height: 262px;
				padding: 63px 33px 0 33px;
			}	
			.horas-extra {
				height: 185px;
				width: 100%;
			    padding: 40px 33px 0 0px;
			}
			.edificios img {
				width: 100%;
			}
			.edificios {
				min-height: 490px;
			}
			.textito {
   				 width: 90%;
				text-align: center;
			}
			.quinientos {
				width: 100%;
				padding: 20px 30px 0px 30px;
			}
			.numerote {
				width: 90%;
			}
			.linea-vertical{
				margin: 30px auto;
			}
			.cincuenta {
				padding-left: 0px;
			}
			.logos{
				padding: 20px 20px 20px 20px;
				min-height: 495px;
			}
			.loguito{
				width: 140px;
			}
			.right {
				margin-right: 20px;
			}
			.aviso{
				height: 150px;
			}
			.privacidad{
				text-align: center;
				padding: 16px 0px 0 0px;
			}
			.redes{
				float: none;
			    padding-top: 30px;
			}
			.titulo-expertos {
				width: 80%;
				margin: 40px auto 0px 40px;
			}
			.titulo-expertos {
				font-size: 45px;
				line-height: 49px;
			}
			.subtitulo-expertos {
				font-size: 25px;
				width: 92%;
				line-height: 34px;
			}
			.formulario-expertos {
				width: 87%;
				margin: 0 auto 0 27px;
			}
			.quinientos-expertos {
   				 width: 100%;
			}
			.linea-vertical-expertos {
				width: 90%;
				height: 1px;
				border-bottom-style: dashed;
				border-bottom-width: 1px;
				float: none;
				margin: 0 23px 0 0;
			}
			.cincuenta-expertos {
   				 width: 100%;
				margin-left: 20px;
			}
			.logos-expertos {
   				padding: 0px 0px 20px 0px;
			}
			.algunos-clientes {
				width: 100%;
				height: 15px;
				text-align: center;
			}
			.corredizo {
				width: 100%;
			}
			.privacidad-expertos {
    			width: 100%;
			}
			.titulo-calculo {
				width: 87%;
    			margin-top: -74px;
				margin-left: 29px;
				line-height: 34px;
				font-size: 30px;
			}
			.titulo-calculo p {
   				 font-size: 25px;
			}
			.titulo-bio-video {
				width: 87%;
    			margin-top: -74px;
				margin-left: 29px;
				line-height: 34px;
				font-size: 30px;
			}
   			.titulo-bio-video p {
				font-size: 32px;
				line-height: 32px;
			}
			.subtitulo-biometrico {
				width: 75%;
				margin-top: 32px;
				margin-left: 49px;
			}
			#topi{
				top:80px;
			}
			.datos-expertos p {
    			width: 90%;
			}
			.titulo-sistema {
				width: 90%;
				margin-left: 31px;
				font-size: 32px;
				margin-top: 100px;
				line-height: 46px;
				text-align: center;
			}
				
			.titulo-nom-seg-social {
				width: 87%;
				margin-left: 34px;
				font-size: 43px;
				margin-top: 56px;
				line-height: 44px;
			}		
			
			
}
		@media screen and (max-width:375px){ /************************** iphone ***************************/
			.subtitulo-minu{
				width: 87%;
				margin-left: 25px;
			}
			
			.top-landing img {
				width: 35%;
				top: 25px;
				left: 119px;
			}
			.titulo-cabecera {
				width: 100%;
				margin-left: 37px;
				line-height: 53px;
				font-size: 54px;
			}
			.subtitulo{
				width: 80%;
				font-size: 17px;
				line-height: 24px;
			}
			.formulario-cabecera{
				max-height: 810px;
				font-size: 12px;
			}
			.papeles{
				bottom: 0px;
				height: 320px;
			}
			.azul-claro {
				width: 140%;
				height: 262px;
				padding: 63px 33px 0 33px;
			}	
			.horas-extra {
				height: 185px;
				width: 100%;
			    padding: 40px 33px 0 0px;
			}
			.edificios img {
				width: 100%;
			}
			.edificios {
				min-height: 490px;
			}
			.textito {
   				 width: 90%;
				text-align: center;
			}
			.quinientos {
				width: 100%;
				padding: 20px 30px 0px 30px;
			}
			.numerote {
				width: 90%;
			}
			.linea-vertical{
				margin: 30px auto;
			}
			.cincuenta {
				padding-left: 0px;
			}
			.logos{
				padding: 20px 20px 20px 20px;
				min-height: 495px;
			}
			.loguito{
				width: 140px;
			}
			.right {
				margin-right: 20px;
			}
			.aviso{
				height: 150px;
			}
			.privacidad{
				text-align: center;
				padding: 16px 0px 0 0px;
			}
			.redes{
				float: none;
			    padding-top: 30px;
			}
			.leftxto {
				margin-left: 32px;
			}
			.quinientos-expertos{
				padding: 20px 0px 0px 0px;
			}
			.icono-redes-expertos {
    			margin-left: 15px;
			}
			.titulo-calculo {
				line-height: 44px;
				font-size: 42px;
			}
			.titulo-bio-video{
				line-height: 37px;
				font-size: 33px;
			}
			.subtitulo-biometrico {
				width: 85%;
				margin-top: 22px;
				margin-left: 34px;
			}
			#topi {
				top: 73px;
			}
			#formulario-biometrico{
				    top: 310px;
			}
}