@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {font-family: 'Open Sans', sans-serif;
	  font-size:16px; font-weight:300;
	  color:#fff;
	  margin:0;
	  padding:0;}
	  
#page {max-width:1200px;
		margin:0 auto;
		position:relative;}
		
/*Text*/

h1 {margin: 0 0 1em 0; 
	font-size:2.8em;
	font-weight:700;}
h2 { margin: 0 0 .5em 0;
	font-size:1.6em;
	font-weight:700;
	line-height:1.1em;}
h3 { margin: 0 0 .5em 0;
	font-size:1.3em;
	font-weight:700;}
h4 { margin: 0 0 .5em 0;
	font-size:1em;
	font-weight:700;}
p { margin: 0 0 1em 0;}

/*Header*/

header {width:100%;
		height:835px;
		background:#fff;
		position: relative;}
header a.logo {position:absolute;
				z-index:1;
				display:block;
				width: 198px;
				height: 85px;
				background: url(../images/LogoEHR.svg) no-repeat 0 0; background-size: contain;
				margin-left:10%;
				margin-top:1%;}		
header a span.logoHeader {display:none;}
header nav {position:absolute;
			z-index:1;
			margin:20px 550px;
			max-width:1200px;
			width:50%;}

nav ul {list-style:none;
		margin:0;
		padding:0px;}
header nav ul {overflow:hidden;}
header nav ul li {float:left;}
nav ul li a {color:#000;
			 padding:20px;
			 display:block;
			 text-decoration:none;
			 font-size:.9em;
			 border-right: 1px solid #fbb03b;}
nav ul li a.contactomenu {border:none;}
.barmenu {width:100%;
			height: 20px;
			position:absolute;
			left:30%;
			display: none;}
header div.hero {position:absolute;
				 width:100%;
				 height:639px;
				 top:12%;
				 background:#fff url(../images/hero_1200.jpg) no-repeat center bottom;}
header .hero div.rectanguloHero {width: 410px; 
								height: 500px; 
								border: 0px;
								background: #145484;
								opacity: 0.4;
								filter: alpha(opacity=40);
								position: absolute;
								top: 0; left: 10%;}
header .hero h1 {line-height: 1.5em; margin: 0 0 30px 0;
				text-transform: uppercase;
				font-size: 2.6em;
				font-weight: normal;
				position:absolute;
				top:20%;
				left: 11%;
				text-align: center;}

/*Nosotros*/

.nosotros {width:100%;
		   height:650px;
		   position:relative;
		   top:-96px; left:0px;}
.nostros div {float: left;
			display: inline-block;}
.nosotros .textoNos .rectanguloNosotros {width:484px;
					 height:100%;
					 border:0px;
					 background:#142e45;
					 position: absolute;
					 left:5%; top:0%}
.nosotros .textoNosotros {text-align:justify;
						width: 35%;
						position: absolute;
						left:7%;
						top:2%;}
.bold {font-weight:bold;}
.nosotros .imageTitulo {width:50%;
						height:100%;
						background: url(../images/quienes_676.jpg) no-repeat center bottom;
						position:absolute;
						left:45%;
						top:0px;}
.nosotros .imageTitulo .rectanguloNosotrosTitulo {width: 665px; 
								height: 50px; 
								border: 0px;
								background: #145484;
								opacity: 0.4;
								filter: alpha(opacity=40);
								position: absolute;
								top: 10%; left: 0%;}
.nosotros .imageTitulo h1 {position: absolute;
							top: 8%; 
							left:3%;}
 /*Video*/
 
 .video {width:100%;
		height:360px;
		position:relative;
		background:#424242;
		top:-96px;}
.video .videoCorp {position:absolute;
				   top:0;
				   left:25%;}

/*Empleo*/

.empleo {width:100%;
		 height:329px;
		 position:relative;}
.empleo a.busqueda {display:block;
					width:100%;
					height: 329px;
					background: url(../images/buscaEmpleado_1051.svg) no-repeat center;
					position:absolute;
					top:-96px;}
.empleo .btnEmpleo {display: none;}

/*Portafolio*/

.portafolio {width:80%;
			 height: 2662px;
			 position:relative;
			 left:10%;
			 top:-96px;}
.portafolio .encabezado {width:100%;
						 height:642px;
						 background: url(../images/servicios_1010.jpg) no-repeat center;
						 position:absolute;
						 top:0;}
.portafolio .encabezado .rectanguloPortafolio {width:100%;
											   height: 150px;
											   border:0;
											   background:rgba(18,46,71,.8);
											   position: absolute;
											   top:40%;}
.portafolio .encabezado p {font-size: 4em;
						    letter-spacing:5px;
							position:absolute;
							top:40%;
							left:3%}
.portafolio .encabezado .servicios {font-size: 1.5em;}
.portafolio .administracion {width: 100%;
							height:342px;
							background:#38373a url(../images/admon_546.jpg) no-repeat left; background-size:contain;
							position:absolute;
							top:24%;}
.portafolio .administracion h2 {letter-spacing: 1px;
								position: absolute;
								left:53%;
								top:5%;}
.portafolio .administracion p {text-align:justify;
								width:40%;
								position: absolute;
								left:53%;
								top:30%;}
.portafolio .reclutamiento {width: 100%;
							height:342px;
							background:#38373a url(../images/reclutamiento_546.jpg) no-repeat right; background-size:contain;
							position:absolute;
							top:36.8%;}
.portafolio .reclutamiento h2 {letter-spacing: 1px;
								position: absolute;
								left:3%;
								top:5%;}
.portafolio .reclutamiento p {text-align:justify;
							  width:40%;
							position:absolute;
							top: 30%;
							left:3%;}
/*.portafolio .reclutamiento img {position:absolute;
								top:0%;
								left:50%;}*/
.portafolio .estudios {width: 100%;
							height:342px;
							background:#38373a url(../images/socioeco_546.jpg) no-repeat left; background-size:contain;
							position:absolute;
							top:49.5%;}
.portafolio .estudios h2 {letter-spacing: 1px;
								position: absolute;
								left:53%;
								top:5%;}
.portafolio .estudios p {text-align:justify;
								width:40%;
								position: absolute;
								left:53%;
								top:27%;}
.portafolio .evaluaciones {width: 100%;
							height:342px;
							background:#122740 url(../images/psico_546.jpg) no-repeat right; background-size:contain;
							position:absolute;
							top:62%;}
.portafolio .evaluaciones h2 {letter-spacing: 1px;
								position: absolute;
								left:3%;
								top:5%;}
.portafolio .evaluaciones p {text-align:justify;
							  width:40%;
							position:absolute;
							top: 25%;
							left:3%;}
/*.portafolio .evaluaciones img {position:absolute;
								top:0%;
								left:50%;}*/
.portafolio .maquila {width: 100%;
							height:342px;
							background:#122740 url(../images/maquila_546.jpg) no-repeat left; background-size:contain;
							position:absolute;
							top:74%;}
.portafolio .maquila h2 {letter-spacing: 1px;
								position: absolute;
								left:53%;
								top:5%;}
.portafolio .maquila p {text-align:justify;
								width:40%;
								position: absolute;
								left:53%;
								top:20%;}
.portafolio .viaticos {width: 100%;
							height:342px;
							background:#122740 url(../images/viaticos_546.jpg) no-repeat right; background-size:contain;
							position:absolute;
							top:86%;}
.portafolio .viaticos h2 {letter-spacing: 1px;
								position: absolute;
								left:3%;
								top:5%;}
.portafolio .viaticos p {text-align:justify;
							  width:40%;
							position:absolute;
							top: 30%;
							left:3%;}
/*.portafolio .viaticos img {position:absolute;
								top:0%;
								left:50%;}*/
								
								
/*Contacto*/

.contacto {width:100%;
			height:442px;
			background:#ffefe6;
			position:relative;
			top:-127px;
			color:#f7931e;}
.contacto h2 {position: absolute;
			top:5%;
			left:3%;}
.contacto p {text-align: justify;
			width:30%;
			position:absolute;
			top:50%;
			left:3%;}
.contacto .telContacto2{display:none;}
.contacto .formulario {position: absolute;
						top: 5%;
						left:55%;}
.contacto input {border-color:#f7931e;
				border-top-left-radius:10px 10px;
				-moz-top-left-radius: 10px 10px;
				-web-top-left-radius: 10px 10px;
				border-bottom-right-radius: 10px 10px;
				-moz-border-bottom-right-radius: 10px 10px;
				-webkit-border-bottom-right-radius: 10px 10px;}
.contacto textarea {border-color:#f7931e;
					border-top-left-radius:10px 10px;
				-moz-top-left-radius: 10px 10px;
				-web-top-left-radius: 10px 10px;
				border-bottom-right-radius: 10px 10px;
				-moz-border-bottom-right-radius: 10px 10px;
				-webkit-border-bottom-right-radius: 10px 10px;}
.contacto .btn {background:#f7931e;
				text-decoration:none;
				font-size:1em;
				padding:2px;
				color:#fff;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;}
.contacto .todoslos {font-size: .8em;}

/*Footer*/

footer {width:100%;
		height:230px;
		background:#4a4a4a;
		position: relative;
		top:-127px;}
.footer2 {display: none;}		
footer div {float: left;
			height:215px;
			font-size: .9em;
			border-right: 1px solid #fbb03b;}
footer ul li a {text-decoration:none;
			color: #fff;
			font-size:1.1em;}
footer ul {list-style: none;}
footer ul li {padding: 2px 20px;}
footer a.LOGOBN {display:block;
		width:219px;
		height:94px;
		background: url(../images/LogoEHRBN.svg) no-repeat 0 0; background-size: contain;
		position:absolute;
		top:25%;
		left:5%;}
footer .footerEHR {display: none;}
footer .content-somos {position: absolute;
						top: 3%;
						left: 27%;}
footer .content-servicios {position: absolute;
						top: 3%;
						left: 41%;}
footer .content-varios {position: absolute;
						top: 3%;
						left: 60%;}
footer .content-redes {position: absolute;
						top: 60%;
						left: 80%;
						border:0;}
						
/*Aviso de privacidad*/
#avisoPriv {width:100%;
			height: 400px;
			display:block;}
.hero2 {position:absolute;
				 width:100%;
				 height:639px;
				 top:26%;
				 background:#fff url(../images/hero3.jpg) no-repeat center top;}
.rectanguloHero3{width:100%;
				height:47px;
				border: 0px;
				background: #f7931e;
				position:absolute;
				top:33%;}
.hero2 h1 {position:absolute;
			top: 32%;
			left: 62%;
			}
			
.aviso {width:90%;
		color:#000;
		position:relative;
		left:3%;}
.aviso p {position:absolute;
		text-align: justify;
		top:10%;}
.boldAP{color:#0099cc;
		font-weight: bold;}
		
#footerPriv {position:absolute;
			top:285%;}
						
						
/*Media queries*/
@media screen and (max-width:1024px) 
	{ 	header nav {position:absolute;
					z-index:1;
					margin:20px 500px;
					max-width:80%px;
					width:50%;}
		nav ul li a {color:#000;
			 padding:15px;
			 display:block;
			 text-decoration:none;
			 font-size:.8em;
			 border-right: 1px solid #fbb03b;}
			 
		
		.nosotros .textoNos .rectanguloNosotros {width:484px;
					 height:100%;
					 border:0px;
					 background:#142e45;
					 position: absolute;
					 left:2%; top:0%}
		.nosotros .textoNosotros {text-align:justify;
						width: 37%;
						position: absolute;
						left:4%;
						top:2%;}
						
		
		.video {width:100%;
			height:360px;
			position:relative;
			background:#424242;
			top:-96px;}
		.video .videoCorp {position:absolute;
				   top:0;
				   left:20%;}
		
		

		.portafolio {width:90%;
					left:5%;}
		.portafolio .encabezado .rectanguloPortafolio {width:100%;
											   height: 100px;}
		.portafolio .encabezado p {font-size: 3em;
						    letter-spacing:5px;
							position:absolute;
							top:40%;
							left:10%;}
		.portafolio .encabezado .servicios {font-size: 1.3em;}
		.portafolio .administracion {width: 100%;
							height:342px;
							background:#38373a url(../images/admon_460.jpg) no-repeat left; background-size:contain;
							position:absolute;
							top:24%;}
		.portafolio .reclutamiento {width: 100%;
							height:342px;
							background:#38373a url(../images/reclutamiento_460.jpg) no-repeat right; background-size:contain;
							position:absolute;
							top:36.8%;}
		.portafolio .estudios {width: 100%;
							height:342px;
							background:#38373a url(../images/socioeco_460.jpg) no-repeat left; background-size:contain;
							position:absolute;
							top:49.5%;}
		.portafolio .evaluaciones {width: 100%;
							height:342px;
							background:#122740 url(../images/psico_460.jpg) no-repeat right; background-size:contain;
							position:absolute;
							top:62%;}
		.portafolio .maquila {width: 100%;
							height:342px;
							background:#122740 url(../images/maquila_460.jpg) no-repeat left; background-size:contain;
							position:absolute;
							top:74%;}

		.portafolio .viaticos {width: 100%;
							height:342px;
							background:#122740 url(../images/viaticos_460.jpg) no-repeat right; background-size:contain;
							position:absolute;
							top:86%;}
							
		footer ul li a {text-decoration:none;
			color: #fff;
			font-size:1.1em;}
		footer ul {list-style: none;}
		footer ul li {padding: 2px 20px;}
		footer a.LOGOBN {display:block;
					width:201px;
					height:87;}
		footer .footerEHR {display: none;}
		footer .content-somos {position: absolute;
						top: 3%;
						left: 23%;}
		footer .content-servicios {position: absolute;
						top: 3%;
						left: 38%;}
		footer .content-varios {position: absolute;
						top: 3%;
						left: 59%;}
		footer .content-redes {position: absolute;
						top: 60%;
						left: 82%;
						border:0;}
		footer .content-redes img {width:40px;
									height:40px;}
	

/*Aviso de privacidad*/

.hero2 h1 {font-size:2.5em;}
#footerPriv {position:absolute;
			top:290%;}
	}

@media screen and (max-width:1000px) 
	{ 	
		.nosotros .textoNos .rectanguloNosotros {width:486px;}
		.nosotros .textoNosotros {width: 40%; left:4%;}
		.nosotros .imageTitulo {left:47%;}
						
		
		.video {width:100%;
			height:360px;
			position:relative;
			background:#424242;
			top:-96px;}
		.video .videoCorp {position:absolute;
				   top:0;
				   left:20%;}
		
		

		.portafolio {width:100%;left:0%;}
		.portafolio .encabezado p {left:16%;}
		.portafolio .encabezado .servicios {font-size: 1.3em;}
		.portafolio .administracion {background:#38373a url(../images/admon_500.jpg) no-repeat left; background-size:contain;}
		.portafolio .reclutamiento {background:#38373a url(../images/reclutamiento_500.jpg) no-repeat right; background-size:contain;}
		.portafolio .estudios {background:#38373a url(../images/socioeco_500.jpg) no-repeat left; background-size:contain;}
		.portafolio .evaluaciones {background:#122740 url(../images/psico_500.jpg) no-repeat right; background-size:contain;}
		.portafolio .maquila {background:#122740 url(../images/maquila_500.jpg) no-repeat left; background-size:contain;}
		.portafolio .viaticos {background:#122740 url(../images/viaticos_500.jpg) no-repeat right; background-size:contain;}
							
		footer a.LOGOBN {width:190px; height:82; left:3%;}
		footer .content-somos {left: 20%;}
		footer .content-servicios {left: 36%;}
		footer .content-varios {left: 57%;}
		footer .content-redes {left: 80%;}
		footer .content-redes img {width:40px;
									height:40px;}
									
#footerPriv {position:absolute;
			top:295%;}

	}
	
@media screen and (max-width:800px)
	{
		h1{font-size:2.2em;}
		header nav {width:80%;
					height:25%;
					margin:0;
					background: #122740;
					top:16%;
					left:-100%;}
		header nav ul li {display:block;
							float:none;
							border-bottom:1px solid rgba(255,255,255,.3);}
		header nav ul li a {color:#fff;
							border: none;
							}
		header nav ul li a:hover {background:#0c126d;}
		.barmenu {display: block;
				z-index:10;
				width:100%;
				background:#f7941e;
				left:0;
				padding:8px;
				top:12%;}
		.bt_Menu {display:block;
					padding:2px;
					color:#fff;
					text-decoration:none;
					font-weight:bold;
					font-size:1.2em;
					box-sizing:border-box;
					-moz-box-sizing:border-box;
					-webkit-box-sizing:border-box;}
		.barmenu .icon-menu {float:right;
							margin-right:3%;}
		.menu-font{font-family:sans-serif;
					float:none;}
		
		.nosotros .textoNos .rectanguloNosotros {width:490px; left:0%;}
		.nosotros .textoNosotros {text-align:justify; font-size: .9em; width: 44%; left:2%; top:7%;}
		.nosotros .imageTitulo h1 {position: absolute; top: 9%;}
		.nosotros .imageTitulo {width:50%; left:50%;}
								
		.video .videoCorp {left:10%;}
		
		.portafolio {width:100%;
					left:0%;}
		.portafolio .encabezado .rectanguloPortafolio {width:100%;
											   height: 80px;}
		.portafolio .encabezado p {font-size: 2.5em; left:10%;}
		.portafolio .encabezado .servicios {font-size: 1.3em;}
		.portafolio .administracion {background:#38373a url(../images/admon_400.jpg) no-repeat left; background-size:contain;}
		.portafolio .reclutamiento {background:#38373a url(../images/reclutamiento_400.jpg) no-repeat right; background-size:contain;}
		.portafolio .estudios {background:#38373a url(../images/socioeco_400.jpg) no-repeat left; background-size:contain;}
		.portafolio .evaluaciones {background:#122740 url(../images/psico_400.jpg) no-repeat right; background-size:contain;}
		.portafolio .evaluaciones p {top:18%;}
		.portafolio .maquila {background:#122740 url(../images/maquila_400.jpg) no-repeat left; background-size:contain;}
		.portafolio .maquila p {top:14%; width:45%;}
		.portafolio .viaticos {background:#122740 url(../images/viaticos_400.jpg) no-repeat right; background-size:contain;}
		
		.contacto p {font-size:.9em; top:50%;}
		
		footer ul li a {font-size: 1.1em;}
		footer ul li {padding: 2px 10px; font-size:.8em}
		footer a.LOGOBN {display:block; width:150px; height:64px; left:1%;}
		footer .content-somos {left: 16%;}
		footer .content-servicios {left: 31%;}
		footer .content-varios {left: 51.5%;}
		footer .content-redes {top: 60%; left: 76%;}
		footer .content-redes img {width:38px; height:38px;}
		
/*Aviso de Privacidad*/
#avisoPriv {height:790px;}
.hero2 {position:absolute;
				 width:100%;
				 height:639px;
				 top:15%;
				}
.rectanguloHero3{height:40px;}

.hero2 h1 {font-size:1.8em;}
			
.aviso {position:absolute;
		top:50%;}
.aviso p {top:0%;}
#footerPriv {position:absolute;
			top:165%;}

	}


@media screen and (max-width:768px)
	{
		

		header div.hero {background:#fff url(../images/hero_760.jpg) no-repeat center bottom;}
		header .hero div.rectanguloHero {width: 360px; left: 10%;}
		header .hero h1 {font-size: 2.3em; left: 11%;}
		
		.nosotros .textoNos .rectanguloNosotros {width:490px;}
		.nosotros .textoNosotros {text-align:justify; font-size: .87em; width: 44%; top:7%;}
		.nosotros .imageTitulo h1 {position: absolute; top: 9%;}
		.nosotros .imageTitulo {width:50%; left:50%;}
		
		.video .videoCorp {left:8%;}
		
		.portafolio .encabezado p {font-size: 2.5em; left:10%;}
		.portafolio h2 {font-size:1.5em;}
		.portafolio .encabezado .servicios {font-size: 1.3em;}
		.portafolio .administracion {background:#38373a url(../images/admon_380.jpg) no-repeat left; background-size:contain;}
		.portafolio .reclutamiento {background:#38373a url(../images/reclutamiento_380.jpg) no-repeat right; background-size:contain;}
		.portafolio .estudios {background:#38373a url(../images/socioeco_380.jpg) no-repeat left; background-size:contain;}
		.portafolio .evaluaciones {background:#122740 url(../images/psico_380.jpg) no-repeat right; background-size:contain;}
		.portafolio .maquila {background:#122740 url(../images/maquila_380.jpg) no-repeat left; background-size:contain;}
		.portafolio .viaticos {background:#122740 url(../images/viaticos_380.jpg) no-repeat right; background-size:contain;}
		
		.contacto p {font-size:.8em; top:60%; width:35%;}
		
		footer .content-somos {left: 16%;}
		footer .content-servicios {left: 32%;}
		footer .content-varios {left: 54%;}
		footer .content-redes {top: 52%; left: 78%;}
		footer .content-redes img {width:38px; height:38px;}
		
	}
	
@media screen and (max-width:625px)
	{
		header .hero div.rectanguloHero {width: 310px; left: 10%;}
		header .hero h1 {font-size: 2em;}
		
		.nosotros .textoNosotros {text-align:justify; font-size: .87em; width: 90%; top:27%;}
		.nosotros .textoNos .rectanguloNosotros {width:100%;}
		.nosotros .imageTitulo {width:100%; background:url(../images/quienes_625.jpg) no-repeat top; left:0%;}
		.nosotros .imageTitulo h1 {font-size:1.8em; position: absolute; top: 2.7%;}
		.nosotros div {float: none; display: block;}
		.nosotros .imageTitulo .rectanguloNosotrosTitulo {width: 100%; height: 30px; top: 4%;}
		
		.video .videoCorp {left:0;}
		
		
		.portafolio .encabezado p {font-size: 2.2em; left:8%;}
		.portafolio h2 {font-size:1.2em;}
		.portafolio .administracion {top: 22%; background:#38373a url(../images/admon_625.jpg) no-repeat top; background-size:contain;}
		.portafolio .administracion p {width:90%; left:5%; top:60%;}
		.portafolio .administracion h2 {left:5%; top:50%;}
		.portafolio .reclutamiento {top:34.5%; background:#38373a url(../images/reclutamiento_625.jpg) no-repeat top; background-size:contain;}
		.portafolio .reclutamiento h2 {left:5%; top:50%;}
		.portafolio .reclutamiento p {width:90%; top: 60%;left:5%;}
		.portafolio .estudios {top:46%; background:#38373a url(../images/socioeco_625.jpg) no-repeat top; background-size:contain;}
		.portafolio .estudios h2 {left:5%; top:50%;}
		.portafolio .estudios p {width:90%; top: 60%;left:5%;}
		.portafolio .evaluaciones {top:58.5%; height:400px; background:#122740 url(../images/psico_625.jpg) no-repeat top; background-size:contain;}
		.portafolio .evaluaciones h2 {left:5%; top:45%;}
		.portafolio .evaluaciones p {width:90%; top: 52%;left:5%;}
		.portafolio .maquila {top:72%; height:400px; background:#122740 url(../images/maquila_625.jpg) no-repeat top; background-size:contain;}
		.portafolio .maquila h2 {left:5%; top:45%;}
		.portafolio .maquila p {width:90%; top: 55%;left:5%;}
		.portafolio .viaticos {top: 87%; background:#122740 url(../images/viaticos_625.jpg) no-repeat top; background-size:contain;}
		.portafolio .viaticos h2 {left:5%; top:50%;}
		.portafolio .viaticos p {width:90%; top: 60%;left:5%;}
		
		footer ul li a {font-size: 1.1em;}
		footer ul li {padding: 2px 10px; font-size:.8em}
		footer a.LOGOBN {display:block; width:100px; height:64px; top:5%;}
		footer .content-somos {top: 30%; left: -3%; height: 150px;}
		footer .content-servicios {left: 17%;}
		footer .content-varios {left: 43%;}
		footer .content-redes {top: 52%; left: 72%;}
		footer .content-redes img {width:38px; height:38px;}
		
/*Aviso de Privacidad*/

.rectanguloHero3{height:34px;}

.hero2 h1 {font-size:1.6em; top: 33%; left:55%;}
#footerPriv {position:absolute;
			top:189%;}



	}
	
@media screen and (max-width:425px)
	{
		header .hero div.rectanguloHero {width: 100%; height:130px; top:50%;left:0%;}
		header .hero h1 {font-size: 1.8em; top: 50%;}
		
		.nosotros {height:680px;}
		.nosotros .textoNosotros {text-align:justify; font-size: .87em; width: 90%; top:25%;}
		.nosotros .textoNos .rectanguloNosotros {width:100%;}
		.nosotros .imageTitulo {width:100%; background:url(../images/quienes_625.jpg) no-repeat top; left:0%;}
		.nosotros .imageTitulo h1 {font-size:1.8em; position: absolute; top: 2.6%;}
		.nosotros div {float: none; display: block;}
		.nosotros .imageTitulo .rectanguloNosotrosTitulo {width: 100%; height: 30px; top: 4%;}
		
		.video .videoCorp {width:100%; left:-20%;transform: scale(.7);}
		
		.portafolio .encabezado p {font-size: 1.4em; left:7%;}
		.portafolio .encabezado .rectanguloPortafolio {height: 50px;}
		.portafolio .administracion {background:#38373a url(../images/admon_625.jpg) no-repeat top; background-size:contain;}
		.portafolio .administracion p {width:90%; left:5%; top:50%;}
		.portafolio .administracion h2 {left:5%; top:40%;}
		.portafolio .reclutamiento {background:#38373a url(../images/reclutamiento_625.jpg) no-repeat top; background-size:contain;}
		.portafolio .reclutamiento h2 {left:5%; top:40%;}
		.portafolio .reclutamiento p {width:90%; top: 50%;left:5%;}
		.portafolio .estudios {background:#38373a url(../images/socioeco_625.jpg) no-repeat top; background-size:contain;}
		.portafolio .estudios h2 {left:5%; top:33%;}
		.portafolio .estudios p {width:90%; top: 40%;left:5%;}
		.portafolio .evaluaciones {background:#122740 url(../images/psico_625.jpg) no-repeat top; background-size:contain;}
		.portafolio .evaluaciones h2 {left:5%; top:29%;}
		.portafolio .evaluaciones p {width:90%; top: 37%;left:5%;}
		.portafolio .maquila {background:#122740 url(../images/maquila_625.jpg) no-repeat top; background-size:contain;}
		.portafolio .maquila h2 {left:5%; top:30%;}
		.portafolio .maquila p {width:90%; top: 38%;left:5%;}
		.portafolio .viaticos {background:#122740 url(../images/viaticos_625.jpg) no-repeat top; background-size:contain;}
		.portafolio .viaticos h2 {left:5%; top:37%;}
		.portafolio .viaticos p {width:90%; top: 47%;left:5%;}
		

		.contacto p {text-align:left; width:35%;top:35%; left:3%;}
		.contacto .telContacto1{display:none;}
		.contacto .telContacto2{display:block;}
		.contacto .formulario {left:44%;}
		
		footer ul li a {font-size: 1.1em;}
		footer ul li {padding: 2px 10px; font-size:.8em}
		footer a.LOGOBN {display:block; width:100px; height:64px; top:5%;}
		footer .content-somos {top: 30%; left: -10%; height: 150px;}
		footer .content-servicios {left: 19%;}
		footer .content-varios {left: 60%;}
		footer .content-redes {top: 47%; left: 72%;}
		footer .content-redes img {width:38px; height:38px;}
		
/*Aviso de Privacidad*/
.hero2 h1 {font-size:1.5em; left:40%;}
#footerPriv {position:absolute;
			top:235%;}
			
}
 
@media screen and (max-width:376px) 
	{
		header div.hero {background:#fff url(../images/hero375.jpg) no-repeat center bottom;}
		
		
		.nosotros .textoNosotros {text-align:justify; font-size: .8em; width: 90%; top:24%;}
		.nosotros .imageTitulo h1 {font-size:1.6em; position: absolute; top: 2.8%;}
		
		.video .videoCorp {width:100%; left:-20%;transform: scale(.6);}
	
	.empleo {height:200px;}
	.empleo a.busqueda {height: 200px;}
	
	.portafolio .encabezado p {font-size: .9em; left:8%; top:41%;}
		.portafolio .administracion p {width:90%; left:5%; top:40%;}
		.portafolio .administracion h2 {top:30%;}
		.portafolio .reclutamiento h2 {top:30%;}
		.portafolio .reclutamiento p {top: 40%;}		
		.portafolio .estudios h2 {top:30%;}
		.portafolio .estudios p {top: 38%;}
		.portafolio .evaluaciones h2 {top:25%;}
		.portafolio .evaluaciones p {top: 33%;}
		.portafolio .maquila h2 {top:27%;}
		.portafolio .maquila p {top: 35%;}
		.portafolio .viaticos h2 {top:30%;}
		.portafolio .viaticos p {top: 40%;}
		
		.contacto {height:570px;}
		.contacto h2 {top:2%;}
		.contacto p {font-size:.7em; top:80%; width:95%;}
		.contacto .telContacto1{display:block;}
		.contacto .telContacto2{display:none;}
		.contacto .formulario {left:20%; top: 8%;}
		
		.footer1 {display:none;}
		.footer2 {display:block;}
		footer ul li a {font-size: 1.5em;}
		footer .content-somos {top: 30%; left: -10%; height: 150px;}
		footer .content-servicios {left: 19%;}
		footer .content-varios {left: 60%;}
		footer .content-redes {top: 55%; left: 50%;}
		footer .content-redes img {width:38px; height:38px;}
		
/*Aviso de Privacidad*/
.hero2 h1 {font-size:1.40em; left:38%;}
#footerPriv {position:absolute;
			top:260%;}

	
	}
 
 @media screen and (max-width:361px)
 
	{
		.portafolio .estudios {top:45%;}
		.portafolio .evaluaciones {top: 57.5%;}
		.portafolio .maquila h2 {top:25%;}
		.portafolio .maquila {height: 460px;}
		.portafolio .maquila p {top: 30%;}
		.portafolio .viaticos {top: 88.5%;}
		.portafolio .viaticos h2 {top: 28%;}
		.portafolio .viaticos p {top: 35%;}
		
		.contacto h2 {font-size:1.1em; top:1%;}
		.contacto p {font-size:.7em; top:78%; width:95%;}
		.contacto .formulario {left:20%; top: 5%;}
	#footerPriv {position:absolute;
			top:262%;}
		
		


	
	}
	
@media screen and (max-width:320px) 
	{
		header {height:480px;}
		header div.hero {background:#fff url(../images/hero320.jpg) no-repeat center; top:0;}
		header .hero div.rectanguloHero {width: 100%; height:130px; top:40%;left:0%;}
		header .hero h1 {font-size: 1.8em; top: 40%; left:8%;}
		header nav {top:27%; height:40%;}
	
		.barmenu {top:20%;}
		
		.nosotros {top:39%; height:720px;}
		.nosotros .textoNosotros {font-size: .75em; top:20%;}
		.nosotros .imageTitulo h1 {top: 3%;}
		
		.video .videoCorp {width:100%; left:-25%;transform: scale(.5);}
	
	.empleo {height:200px;}
	.empleo a.busqueda {height: 200px;}
	
	.portafolio {height:2300px;}
	.portafolio .encabezado p {font-size: .9em; left:8%; top:41%;}
	.portafolio .encabezado {height:450px; background: url(../images/servicios_320.jpg) no-repeat center top;}
		.portafolio .administracion {top:15%;}
	.portafolio .administracion h2 {top:28%;}
	.portafolio .administracion p {top:35%; font-size:.9em;}
		.portafolio .reclutamiento {top:28%;}
		.portafolio .reclutamiento h2 {top:28%;}
	.portafolio .reclutamiento p {top:35%; font-size:.9em;}
		.portafolio .estudios {top:39%;}
		.portafolio .estudios h2 {top:28%;}
	.portafolio .estudios p {top:35%; font-size:.9em;}
		.portafolio .evaluaciones {top:53%;}
		.portafolio .evaluaciones h2 {top:21%;}
	.portafolio .evaluaciones p {top:28%; font-size:.9em;}
		.portafolio .maquila {top:69%;}
		.portafolio .maquila h2 {top:19%;}
	.portafolio .maquila p {top:25%; font-size:.9em;}
		.portafolio .viaticos {top:86%;}
		.portafolio .viaticos h2 {top:25%;}
	.portafolio .viaticos p {top:33%; font-size:.9em;}


		.footer1 {display:none;}
		.footer2 {display:block;}
		footer ul li a {font-size: 1.5em;}
		footer .content-somos {top: 30%; left: -10%; height: 150px;}
		footer .content-servicios {left: 19%;}
		footer .content-varios {left: 60%;}
		footer .content-redes {top: 40%; left: 57%;}
		footer .content-redes img {width:48px; height:48px;}
	
	/*Aviso de Privacidad*/
	#avisoPriv {height:500px;}
.hero2 {position:absolute;
				 width:100%;
				 height:639px;
				 top:25%;
				}
.
.rectanguloHero3{height:40px;}

.hero2 h1 {font-size:1.7em; left:12%;}
.aviso {position:absolute; top:80%;}
	
	#footerPriv {position:absolute;
			top:465%;}
	}