/*
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body, html {
	line-height: 1;
	width: 100%;
	font-family: 'Lato', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a	{
	text-decoration: none;
	outline: none;
}

a:link	{
	text-decoration: none;
	outline: none;
}
.up{
	display: block;
}
.down{
	display: none;
}
.modal h3{
	font-weight: bolder;
}

.modal p {
	text-align: justify;
}
.img-circle {
	border: 4px solid #efa61e;
	height: 250px;
	width: 250px;
	margin: 0 auto;
	position: relative;
}
.operaciones_page {
	margin: 0 auto;
	padding-top: 20px;
}
.operaciones_page p {
	padding-top: 10px;
	text-align: center;
}
.operaciones_page button {
	margin: 0 auto;
}

/*-------------------END OF CSS RESET---------------------*/

@font-face	{
	font-family: '' ;
	/*src: url('../fonts/NeutraText-Light.otf');*/
	src: url('');
}/*
.ancho_max {
	max-width: 1400px;
}*/
/*------------------MAIN STYLE-----------------------------*/


.navbar {
	background-color: #000;
	min-height: 95px;
}

.navbar ul {
	margin-top: 20px;
	margin-right: 25px;
}

.navbar ul li a:hover {
	background-color: #111;
}

#nav-home ul li a:focus {
	background-color: #111;
}

.navbar li a {
	color: #fff;
}


.navbar 
/* ==========================================================

	ENCABEZADO

========================================================== */
.encabezado {
	min-height: 560px;
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.apertura {
	position: absolute;
	z-index: 99;
	left: 50px;
}
.apertura .logo {
	padding-top: 80px;
}
.apertura h1 {
	padding-top: 250px;
	color: #FFF;
	font-size: 46px;
	line-height: 50px;
	font-weight: 900;
	text-shadow: 3px 4px 5px #333;
}
.slide_item {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.carousel {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
/* ==========================================================

	SOMOS

========================================================== */
.somos {
	padding-top: 25px;
	padding-bottom: 45px;
	position: relative;
	overflow: hidden;
	text-align: justify;
}
.somos .slide {
	position: absolute;
	top: -240px;
	left: 0;
	width: 100%;
	transition: all .4s ease-out;

	margin: 0 auto;
}
.somos .slide p {
	position: absolute;
	width: 40%;
}
.somos .slide img {
	width: 100%;
}
.somos .mostrar {
	position: absolute;
	top: -32px;
	z-index: 2;
}
.somos h1 {
	font-size: 30px;
	font-weight: 900;
	padding-top: 35px;
	padding-bottom: 30px;
}
.somos p {
	font-size: 15px;
	line-height: 22px;
}
.somos .texto_der {
	padding-top: 75px;
	text-align: center;
	font-size: 17px;
	line-height: 26px;
}
.mision-btn {
	font-size: 15px;
	color: #FFF;
	line-height: 18px;
	position: absolute;
	z-index: 999;
	text-align: center;
	left: 77.5%;
	top: 260px;
}
.mision-btn:hover {
	text-decoration: none;
	color: #000;
}
.mision-btn:focus {
	text-decoration: none;
	color: #FFF;
}
.somos h3 {
	font-size: 1.3em;
	font-weight: bolder;
}
/* ==========================================================

	SERVICIOS

========================================================== */
.servicios {
	background-image: url(../images/fondo-sevicios.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 200px;
	z-index: -999;
}
.servicios h1 {
	color: #FFF;
	font-size: 30px;
	font-weight: 900;
	padding-top: 100px;
	padding-bottom: 30px;
}
.servicios .unidades {
	padding-top: 80px;
}
.servicios .unidades p {
	font-size: 15px;
	line-height: 22px;
}
.servicio_item {
	margin-top: 50px;
}
.servicio_item img {
	margin: 0 auto;
}
.servicio_item h2 {
	font-weight: bolder;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}
.servicio_item p {
	font-size: 14px;
	line-height: 17px;
	text-align: center;
}
/* ==========================================================



	Que hacemos

========================================================== */
.hacemos {
	background-image: url(../images/fondo-quehacemos.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 100px;
	z-index: -999;
}
.hacemos h1 {
	color:  #232323;
	font-size: 30px;
	font-weight: 850;
	padding-top: 150px;
	padding-bottom: 30px;
	
}
.hacemos .unidades {
	padding-top: 80px;
}
.hacemos p {
	font-size: 15px;
	line-height: 22px;
	padding-bottom: 30px;
	
}
.hacemos_item {
	margin-top: 50px;
}
.hacemos_item img {
	margin: 0 auto;
}
.hacemos_item h2 {
	font-weight: bolder;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}
.hacemos_item p {
	font-size: 14px;
	line-height: 17px;
	text-align: center;
}
/* ==========================================================







	OPERACIONES

========================================================== */
.operaciones {
	position: relative;
	top: -400px;
	height: 562px;
	overflow: hidden;
}
.operaciones-dos {
	position: relative;
	bottom: -450px;
	transition: all .4s ease-out;
	z-index: 0
}
.operaciones img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -100;
	margin: 0 auto;
	width: 100%;
	height: 550px;
	overflow: hidden;
}
.operaciones h1 {
	font-size: 25px;
	font-weight: 900;
	position: absolute;
	left: 9%;
	top: 70px;
}
.operaciones .ver {
	bottom: -100px;
}
.ms-staff-carousel {
	padding-top: 75px;
}
.op-btn {
	display: block;
	text-decoration: none;
	position: absolute;
	left: 10%;
	top: 55px;
	font-size: 30px;
	font-weight: 900;
	color: #000;
	z-index: 999;
}
.btn_op {
	position: absolute;
	left: 42%;
	top: 55px;
	z-index: 999;
}
.operaciones-dos .item1 {
	position: absolute;
	left: 10%;
	width: 229px;
	top: 140px;
	z-index: 999;
	min-height: 200px
}
.operaciones-dos .item2 {
	position: absolute;
	left: 29.9%;
	width: 229px;
	top: 140px;
	z-index: 999;
	min-height: 200px
}
.operaciones-dos .item3 {
	position: absolute;
	left: 49.8%;
	width: 229px;
	top: 140px;
	z-index: 999;
	min-height: 200px
}
.operaciones-dos .item4 {
	position: absolute;
	left: 69.7%;
	width: 229px;
	top: 140px;
	z-index: 999;
	min-height: 200px
}
.operaciones .ms-slide img{
    display: block;
    width: 100%;
    height: auto;
}
/* ==========================================================

	OPERACIONES FOTO

========================================================== */
.operaciones-foto {
	background-image: url(../images/fondo-operaciones.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	margin-top: -400px;
	height: 400px;
}


#operaciones  h1{
	font-size: 30px;
	font-weight: 900;
	padding-top: 100px;
	padding-bottom: 30px;
	text-align: center;
}

/* ==========================================================

	CLIENTES

========================================================== */
.clientes {
	padding-bottom: 70px;
	background-image: url(../images/fondo-clientes.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 500px;
}
.clientes h1 {
	color: #FFF;
	font-size: 25px;
	font-weight: 900;
	padding-top: 30px;
}
.clientes .texto {
	padding-top: 60px;
}
.clientes .grid_clientes {
	margin-top: 60px;
}
.clientes .grid_clientes .logo {

}
/* ==========================================================

	EL EQUIPO

========================================================== */
.equipo {
	padding-bottom: 60px;
	background-image: url(../images/fondo-el-eq.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 200px;
}
.equipo h1 {
	font-size: 25px;
	font-weight: 900;
	padding-top: 110px;
}
.equipo .eq_item {
	padding-top: 150px;
	text-align: center;
}
.equipo .eq_item_2 {
	padding-top: 60px;
	text-align: center;
}
/* ==========================================================

	CONTACTO

========================================================== */
.contacto {
	padding-bottom: 50px;
	background-image: url(../images/fondo-contacto.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 100px;
}
.contacto h1 {
	color: #FFF;
	font-size: 25px;
	font-weight: 900;
	padding-top: 40px;
}
.contacto .direcciones {
	margin-top: 40px;
}
.contacto .comercial {
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	margin-top: 70px;
}
.contacto .direcciones p {
	font-size: 15px;
	line-height: 20px;
	text-align: center;
}
/* Deshabilitar Scroll */
.map {
	cursor: pointer;
	z-index: 10;
}
.scrolloff {
    pointer-events: none;
}
/* ==========================================================

	FOOTER

========================================================== */
.footer {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #000;
}
.footer img {
	display: inline-block;
	vertical-align: middle;
}
.footer .redes {
	line-height: 80px;
}
.footer i,
.footer a {
	display: inline-block;
	color: #000;
	vertical-align: middle;
	cursor: pointer;
}
@media (min-width: 992px) and (max-width: 1100px) {
	.apertura {
		position: absolute;
		z-index: 99;
		left: 20px;
	}
	.apertura .logo {
		padding-top: 60px;
	}
	.apertura h1 {
		padding-top: 160px;
		color: #FFF;
		font-size:40px;
		line-height: 50px;
		font-weight: 900;
		text-shadow: 3px 4px 5px #333;
	}
}
@media (max-width: 760px) {
	.apertura {
		position: absolute;
		z-index: 99;
		left: 20px;
	}
	.apertura .logo {
		padding-top: 60px;
	}
	.apertura h1 {
		padding-top: 180px;
		color: #FFF;
		font-size:35px;
		line-height: 50px;
		font-weight: 900;
		text-shadow: 3px 4px 5px #333;
	}
}
@media (max-width: 460px) {
	.apertura {
		position: absolute;
		z-index: 99;
		left: 20px;
	}
	.apertura .logo {
		padding-top: 60px;
	}
	.apertura h1 {
		padding-top: 180px;
		color: #FFF;
		font-size:40px;
		line-height: 50px;
		font-weight: 900;
		text-shadow: 3px 4px 5px #333;
	}
}
@media (max-width: 380px) {
	.apertura {
		position: absolute;
		z-index: 99;
		left: 10px;
	}
	.apertura .logo {
		padding-top: 60px;
	}
	.apertura h1 {
		padding-top: 160px;
		color: #FFF;
		font-size:30px;
		line-height: 50px;
		font-weight: 900;
		text-shadow: 3px 4px 5px #333;
	}
}
@media (max-width: 320px) {
	.apertura {
		position: absolute;
		z-index: 99;
		left: 10px;
	}
	.apertura .logo {
		padding-top: 30px;
	}
	.apertura h1 {
		padding-top: 140px;
		color: #FFF;
		font-size:25px;
		line-height: 50px;
		font-weight: 900;
		text-shadow: 3px 4px 5px #333;
	}
}
@media (max-width: 250px) {
	.apertura {
		position: absolute;
		z-index: 99;
		left: 5px;
	}
	.apertura .logo {
		padding-top: 30px;
	}
	.apertura h1 {
		padding-top: 110px;
		color: #FFF;
		font-size:20px;
		line-height: 50px;
		font-weight: 900;
		text-shadow: 3px 4px 5px #333;
	}
}
@media (max-width: 480px) {
	/* ======================

		ENCABEZADO

	====================== */
	.encabezado {
		background-image: url(../images/fondo-apertura-4.jpg);
		background-size: cover;
		height: 350px;
	}
	.carouselh{
		display: none;
	}
	.encabezado .logo {
		padding-top: 60px;
		margin: 0 auto;
	}
	.encabezado h1 {
		padding-top: 140px;
		text-align: center;
		font-size: 42px;
	}
	/* ======================

		SOMOS

	====================== */
	.somos .slide {
		position: relative;
		top: 0px;
	}
	.somos h1 {
		text-align: center;
	}
	.somos .slide p {
		position: relative;
		width: 100%;
	}
	.somos .slide img {
		display: none;
	}
	.mision,
	.vision {
		top: 0;
		left: 0;
		text-align: center;
	}
	.mision-btn {
		display: none;
	}
	.somos .texto_der {
		padding-top: 30px;
		text-align: center;
	}
	/* ======================

		SERVICIOS

	====================== */
	.servicios {
		background-image: url(../images/fondo-sevicios-cel.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100% 100px;
		z-index: -999;
	}
	.servicios h1 {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.servicios .unidades {
		padding-top: 40px;
		text-align: center;
	}
	.servicio_item {
		margin-top: 20px;
	}
	.servicio_item p {
		padding-bottom: 30px;
	}
	/* ======================

		OPERACIONES

	====================== */
	.operaciones {
		position: relative;
		top: -400px;
		height: 5px;
		overflow: visible;
	}
	.operaciones h1 {
		position: relative;
		left: 0;
		top: 30px;
		font-size: 18px;
	}
	.op-btn {
		display:block;
		position: relative;
		left: 0;
		top: 30px;
		font-size: 28px;
	}
	.operaciones-foto {
		background-image: url(../images/fondo-operaciones.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
		margin-top: 550px;
		height: 400px;
		margin-bottom: 40px;
	}
	.operaciones-dos {
		position: relative;
		bottom: -420px;
		text-align: center;
	}
	.operaciones-dos .item1 {
		position: none;
	}
	.operaciones-dos .item2 {
		position: none;
	}
	.operaciones-dos .item3 {
		position: none;
	}
	.operaciones-dos .item4 {
		position: none;
	}
	/* ======================

		CLIENTES

	====================== */
	.clientes {
		padding-bottom: 50px;
		background-image: url(../images/fondo-clientes-cel.png);
		background-position: top center;
		background-size: 100% 100px;
		background-repeat: no-repeat;
	}
	.clientes h1 {
		color: #FFF;
		font-size: 25px;
		font-weight: 900;
		padding-top: 45px;
	}
	.clientes .texto {
		padding-top: 80px;
		text-align: center;
	}
	.clientes .grid_clientes {
		margin-top: 40px;
	}
	/* ======================

		EL EQUIPO

	====================== */
	.equipo {
		padding-bottom: 40px;
		background-image: url(../images/fondo-el-eq-cel.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100% 100px;
		z-index: -999;
	}
	.equipo h1 {
		padding-top: 30px;
	}
	.equipo .eq_item {
		padding-top: 80px;
	}
	.equipo .eq_item_2 {
		padding-top: 60px;
	}
	.espacio {
		margin-top: 50px;
		padding-bottom: 10px;
	}
	/* ======================

		CONTACTO

	====================== */
	.contacto{
		padding-bottom: 50px;
		background-image: url(../images/fondo-contacto-cel.png);
		background-size: 100% 110px;
	}
	.contacto h1 {
		float: right;
		padding-top: 30px;
		font-size: 18px;
		right: 5px;
	}
	.contacto .direcciones {
		margin-top: 50px;
	}
	.contacto .direcciones .margen{
		margin-top: 30px;
	}
	/* ======================

		FOOTER

	====================== */
	.footer .redes {
		text-align: center;
		line-height: 60px;
	}
}

@media (min-width: 481px) and (max-width: 600px) {
.btn_op {
	position: absolute;
	left: 80%;
	top: 35px;
	z-index: 999;
}
}
@media (min-width: 481px) and (max-width: 992px) {
	/* ======================

		ENCABEZADO

	====================== */
	.encabezado {
		background-image: url(../images/fondo-apertura-4.jpg);
		background-size: cover;
		height: 350px;
	}
	.carouselh{
		display: none;
	}
	.encabezado .logo {
		margin: 0 auto;
	}
	.encabezado h1 {
		padding-top: 150px;
		text-align: center;
		font-size: 42px;
	}
	/* ======================

		SOMOS

	====================== */
	.somos .slide {
		position: relative;
		top: 0px;
	}
	.somos h1 {
		text-align: center;
	}
	.somos .slide p {
		position: relative;
		width: 100%;
	}
	.somos .slide img {
		display: none;
	}
	.mision,
	.vision {
		top: 0;
		left: 0;
		text-align: center;
	}
	.mision-btn {
		display: none;
	}
	.somos .texto_der {
		padding-top: 30px;
		text-align: center;
	}
	/* ======================

		SERVICIOS

	====================== */
	.servicios {
		background-image: url(../images/fondo-sevicios-tablet.png);
		background-size: 100% 137px;
	}
	.servicios h1 {
		padding-top: 7.5%;
		padding-bottom: 30px;
	}
	.servicios .unidades {
		padding-top: 7%;
		text-align: center;
	}
	.servicio_item {
		margin-top: 20px;
	}
	.servicio_item p {
		padding-bottom: 30px;
	}
	/* ======================

		OPERACIONES

	====================== */
	.operaciones {
		position: relative;
		top: -400px;
		height: 562px;
		overflow: hidden;
	}
	.operaciones-dos {
		position: relative;
		bottom: -450px;
		transition: all .4s ease-out;
		z-index: 0
	}
	.operaciones img{
		position: absolute;
		top: 0;
		left: 0;
		z-index: -100;
		margin: 0 auto;
		width: 100%;
		overflow: hidden;
	}
	.operaciones h1 {
		font-size: 25px;
		font-weight: 900;
		position: absolute;
		left: 9%;
		top: 70px;
	}
	.operaciones .ver {
		bottom: -120px;
	}
	.op-btn {
		display: block;
		text-decoration: none;
		position: absolute;
		left: 1%;
		top: 60px;
		font-size: 25px;
		font-weight: 900;
		color: #000;
	}
	/* ======================

		CLIENTES

	====================== */
	.clientes {
		padding-bottom: 50px;
	}
	.clientes h1 {
		color: #FFF;
		font-size: 25px;
		font-weight: 900;
		padding-top: 25px;
		float: right;
		margin-right: 50px;
	}
	.clientes .texto {
		padding-top: 90px;
		text-align: center;
	}
	.clientes .grid_clientes {
		margin-top: 50px;
	}
	.clientes img {
		margin: 0 auto;
	}
	/* ======================

		EQUIPO

	====================== */
	.equipo h1 {
		padding-top: 50px;
	}
	.equipo .eq_item {
		padding-top: 20px;
	}
	.equipo .eq_item_2 {
		padding-top: 20px;
	}
	.espacio {
		margin-top: 20px;
		padding-bottom: 10px;
	}
	/* ======================

		CONTACTO

	====================== */
	.contacto h1 {
		float: right;
		margin-right: 40px;
		padding-top: 35px;
	}
	.contacto .direcciones {
		margin-top: 80px;
	}
	.contacto .direcciones .margen{
		margin-top: 30px;
	}
	/* ======================

		FOOTER

	====================== */
	.footer .redes {
		text-align: center;
		line-height: 60px;
	}
	.footer .wc {
		text-align: center;
	}
}
@media (min-width: 1024px) and (max-width: 1200px) {
	/* ======================

		SOMOS

	====================== */
	.mision-btn {
		font-size: 15px;
		color: #FFF;
		line-height: 18px;
		position: absolute;
		z-index: 999;
		text-align: center;
		left: 77.5%;
		top: 280px;
	}
	.mision {
		top: 70px;
	}
	.vision {
		top: 70px;
	}
	/* ======================

		SERVICIOS

	====================== */
	.servicios h1 {
		padding-top: 95px;
	}
	/* ======================

		CONTACTO

	====================== */
	.contacto h1 {
		padding-top: 40px;
	}
}
@media (min-width: 1200px) {
	/* ======================

		SOMOS

	====================== */
	.somos .slide {
		position: absolute;
		top: -300px;
		left: 0;
		width: 100%;
		transition: all .4s ease-out;
		z-index: 2;
		margin: 0 auto;
	}
	.somos .mostrar {
		position: absolute;
		top: -32px;
		z-index: 2;
	}
	.mision-btn {
		left: 80%;
		top: 350px;
	}
	.mision-btn:hover {
		text-decoration: none;
		color: #000;
	}
	.mision-btn:focus {
		text-decoration: none;
		color: #FFF;
	}
	.mision {
		top: 100px;
		left: 53%;
	}
	.vision {
		top: 100px;
		left: 7%;
	}
	.servicios {
		background-image: url(../images/fondo-sevicios-lg.png);
	}
	.servicios h1 {
		padding-top: 60px;
	}
	.equipo {
		background-image: url(../images/fondo-sevicios-lg.png);
	}
	.equipo h1 {
		padding-top: 60px;
	}
	.contacto h1 {
		padding-top: 40px;
	}
}
@media (min-width: 1500px) {
.apertura {
	position: absolute;
	z-index: 99;
	left: 70px;
}
.apertura .logo {
	padding-top: 100px;
}
.apertura h1 {
	padding-top: 300px;
	color: #FFF;
	font-size: 50px;
	line-height: 50px;
	font-weight: 900;
	text-shadow: 3px 4px 5px #333;
}
}
@media (min-width: 1800px) {
.apertura {
	position: absolute;
	z-index: 99;
	left: 70px;
}
.apertura .logo {
	padding-top: 100px;
}
.apertura h1 {
	padding-top: 350px;
	color: #FFF;
	font-size: 55px;
	line-height: 50px;
	font-weight: 900;
	text-shadow: 3px 4px 5px #333;
}
}
@media (min-width: 1900px) {
.apertura {
	position: absolute;
	z-index: 99;
	left: 70px;
}
.apertura .logo {
	padding-top: 130px;
}
.apertura h1 {
	padding-top: 500px;
	color: #FFF;
	font-size: 60px;
	line-height: 50px;
	font-weight: 900;
	text-shadow: 3px 4px 5px #333;
}
}
@media (min-width: 2200px) {
.apertura {
	position: absolute;
	z-index: 99;
	left: 70px;
}
.apertura .logo {
	padding-top: 130px;
}
.apertura h1 {
	padding-top: 700px;
	color: #FFF;
	font-size: 80px;
	line-height: 50px;
	font-weight: 900;
	text-shadow: 3px 4px 5px #333;
}
}
@media (min-width: 2400px) {
.apertura {
	position: absolute;
	z-index: 99;
	left: 70px;
}
.apertura .logo {
	padding-top: 130px;
}
.apertura h1 {
	padding-top: 600px;
	color: #FFF;
	font-size: 90px;
	line-height: 50px;
	font-weight: 900;
	text-shadow: 3px 4px 5px #333;
}
}

.imgRedonda {
    width:150px;
    height:150px;
    border-radius:160px;
    border:5px solid #ffb900;
}