body{
	font-family: Helvetica; 
	font-size: 14px;
	background-color: #fff;
	color: #fff;
	position: relative;
}

body.modal-open {
	position: relative;
    overflow: hidden;
}

body,html{
  height:100%;
}

section{
	padding-top: 115px;
	position: relative;
	height: 685px;
}

article{
	position: relative;
}

h1{
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

p{
	font-size: 14px;
}

ol, ul, li {
	margin: 0;
	padding: 0;
}

/*****************************/
/*        Clases             */
/*****************************/
.wrapper{
	width: 940px;
	margin: 0 auto;
}

.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}

.relativo{
	position: relative;
}

.arrow-down {
	background-image: url(../img/main/arrow-down.png);
	background-repeat: no-repeat;
	width: 40px;
	height: 39px;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
	position: fixed;
	z-index: 99;
}

.arrow-up {
	background-image: url(../img/main/arrow-up.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 31px;
	height: 31px;
	bottom: 0;
	right: 0;
	position: fixed;
	z-index: 101;
}

.elemento_blanco{
	width: 62px;
	height: 27px;
}

/****************************/
/*         Columnas         */
/****************************/
.row{
	margin-left: -20px;
}

.row:before, .row:after {
	display: table;
	content: "";
	line-height: 0;
}

.row:after {
	clear: both;
}

[class*="colum"]{
	float:left;
	min-height:1px;
	margin-left:20px;
}

.colum12{width:940px;}
.colum11{width:860px;}
.colum10{width:780px;}
.colum9{width:700px;}
.colum8{width:620px;}
.colum7{width:540px;}
.colum6{width:460px;}
.colum5{width:380px;}
.colum4{width:300px;}
.colum3{width:220px;}
.colum2{width:140px;}

/*****************************/
/*            HEADER        w */
/*****************************/
header{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
	background-color: rgba(255, 255, 255, 1);
	z-index: 10000;
}

.logo {
	background-repeat: no-repeat;
	position: relative;
	display: block;
	float: left;
	left: 20px;
	margin: 25px 0;
	/*background-image: url(../img/main/logo_color.png);
	text-indent: -9999px;*/	
	height: 100px;
	width: 270px;
}

.logo img{
	width: 100%;
}

.logo-color{
	background-image: url(../img/main/logo_color.png);
}

.logo-footer {
	background-image: url(../img/main/logo-footer.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	text-indent: -9999px;
	height: 60px;
	width: 151px;
	right: 0;
}

/*****************************/
/*     "Menu princiapl"      */
/*****************************/
#main-nav{
	position: relative;
	float: right;
}

#main-nav ul{
	margin: 35px 0;
}


#main-nav ul li {
	display: inline-block;
	list-style: none;
	width: 57px;
	text-align: right;
	margin-left: 30px;
}

#main-nav .active {
	border-bottom-style: solid;
	border-bottom-color: #cc571f;
	border-bottom-width: 4px;
}

.active-color{
	border-bottom-color: #006B89 !important;
}

#main-nav ul li a {
	color: #006B89;
	position: relative;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
}

#main-nav a:visited {
	border: none;
}

/*****************************/
/*     menu colapse          */
/*****************************/
 
#nav-movil{
	height: auto;
	width: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	z-index: 11001;
}

#nav-movil ul { 
	width: 100%; 
    padding: 0;  
    margin: 0 auto;
    height: auto;
    list-style: none;
	list-style-image: none;
	background-color: #1d4482; 
	text-align: right; 
}

#nav-movil li {
	display: block;
	float: none;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #fff;
}


#nav-movil li a {
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align: right;
	text-decoration: none;
	line-height: 40px;
	text-transform: uppercase;

}

#nav-movil img{
	float: left;
	width: 82px;
	height: 33px;
	padding: 5px;
}



#nav-movil a#pull {
	float: right;
	background-color: #fff;
	position: relative;
	color: #25a962;	
	background-repeat: no-repeat;
	background-size: 100%;
	
	width: 30px;
	height: 30px;
	display: inline-block;
	/*position: absolute;*/
	/*right: 15px;*/
	top: 6px;
}

.close{
	background-image: url('../img/main/boton-menu.png');
}

.open{
	background-image: url('../img/main/menu-cerrar.png');
}

/*****************************/
/*     menu flotante         */
/*****************************/
#nav-float{
	width: 20px;
	height: 100px;
	position: absolute;
	right: 0;
	top: 310px;
	z-index: 1;
}

#nav-float ul li{
	text-align: center;
	width: 20px;
	height: 20px;
	margin: 1px 0;
	background-color: rgba(29,68,130, 0.7)
}

#nav-float ul li a{
	line-height: 20px;
	text-decoration: none;
	/*color: #000;*/
	color: #fff;
}

#nav-float li.active{
	background-color: rgba(29,68,130, 0.5);
	border: none;
	color: #fff;
}

#nav-float li.active a{
	color: #fff !important;
}

#nav-float ul li a:visited{
	color: #fff;
}

section{
	overflow: hidden;
}
/*****************************/
/*            Secciones      */
/*****************************/
#inicio{
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	padding-top: 0;
}

#inicio .row{
	height: 100%;
}

#banner_home {
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	position: relative;
}

.banner {

	width: 100%;
	height: 100%;
	text-align: center;
	color: #FFF;
	position: absolute;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	min-width: 100%;
	min-height: 100%;
}

.banner1 {
	background-image: url(../img/slider/slide_1.jpg);
}

.banner2 {
	background-image: url(../img/slider/slide_2.jpg);
}

.banner3 {
	background-image: url(../img/slider/slide_3.jpg);
}

.slideshome {
	position: relative;
	height: auto;
	top: 0px;
	left: 0px;
	z-index: 0;

	width: 100%;
	height: 100%;

	background: transparent no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	min-width: 100%;
	min-height: 100%;
}


.phrase p{
	position: absolute;
	font-size: 18px;
	text-align: right;
}

#inicio .phrase p{
	left: 0;
	top: 145px;
	text-shadow: 2px 2px 2px #1d4482;
}

.pull-left{
	left: 38px;
	color: #1d4482;
}

.fix-top{
	top: 180px !important;
}
/*****************************/
/*                           */
/*****************************/

.title{
	position: relative;
}

.title img{
	float: left;
	width: 31px;
}

.title h1{
	float: right;
	text-transform: none;
}

#equipo .title h1{
	margin: 0;
}

/*****************************/
/*                           */
/*****************************/
#nosotros{
	font-weight: normal;
	padding-top: 95px;
	height: 685px;
	background-color: #949494;
	background-image: url(../img/main/textura2.png);
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#nosotros h1{
	position: relative;
}

.moret{
	width: 20px;
	height: 22px;
	display: block;
	padding-left: 8px;
	float: left;
	background-image: url(../img/main/moret.png);
	background-repeat: no-repeat;
}

.buttoms{
	position: relative;
	text-align: right;
}

.buttoms a{
	display: block;
}

.botonp:active {
    -webkit-transform: translate(0, 1px);
}

.fixt{
	margin-top: 35px;
}

.litext{
	background-color: #006b89;
	background-image: url(../img/main/textura2.png);
}

.bgnavi{
	background-color: #1d4482;
}

.bggreen{
	background-color: #1d4482;
}

.bk{
	color: #414042 !important;
}

.capital{
	width:564px;
	margin: 0 auto;
}

#nosotros .popup p {
	color: #414042;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
}

.box .overlay{
	position: absolute;
	bottom: 0;
	height: 0;
	width: 100%;
	background-color: rgba(18, 149, 144, .6);
	background-repeat: repeat;
}

.overlay p{
	color: #fff;
	padding: 10px 20px 30px;
	font-size: 10px;
	font-weight: bold;
}

.overlay .leermas{
	position: relative;
	bottom: 25px;
	right: -113px;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
}

#nosotros .popup img{
	float: none;
	margin: 0;
}

.capital .picture:hover .overlay{
	height: 100px;
	-webkit-transition: all .2s linear; 
  	-moz-transition: all .2s linear;
  	-o-transition: all .2s linear;
  	-ms-transition: all .2s linear;
  	transition: all .2s linear;
}
.popup .twoimg {
	width: 27%;
	float: left;
	position: relative;
	text-align: center;
	margin-left: 15px;
}

.sac_bec{
	display: inline-block;
	width: 218px !important;
	height: 212px;
	margin: 0 auto;
}

.piramide{
	display: inline-block;
	width: 260px !important;
	height: 175px;
	margin: 0 auto;
}

#nosotros .phrase p{
	right: 0;
	top: 0;
}

#nosotros a{
	color: #fff;
	text-decoration: none;
}

#nosotros a:visited{
	color: #fff;
	text-decoration: none;
}

.textnosotros{
	width: 88%;
	margin: 0 auto;
	text-align: justify;
}

#nosotros p{
	position: relative;
	line-height: 18px;
}

.pop_cliente{
	color: #58595b;
	width: 575px;
	padding: 95px 80px;
	display: none;
	font-size: 13px;
	background: #e7e7e8; 
}

.pop_cliente h1{
	color: #006b89;
}


#nosotros .boton{
	float: right;
}

.boton{
	position: relative;
	background: #27ab65;;
	color: #fff;
	top: 60px;
	height: 36px;
	padding: 0 45px;
	line-height: 36px;
	font-weight: bold;
	border: none;
	font-size: 13px;
	text-decoration: none;
}

.boton:active {
    -webkit-transform: translate(0, 1px);
}

.nopointer{
	cursor: default;
}
/*****************************/
/*                           */
/*****************************/
#equipo{
	color: #A7A9AC;
	padding-top: 150px;
}

#equipo .phrase{
	margin-bottom: 0;
}

#equipo .phrase p{
	color: #006B89;
	top: -80px;
}

.fr p{
	color: #006B89;
	font-size: 18px;
}

.container-team{
	width: 940px;
	margin: 0 auto;
	position: relative;
}

.box{
	float: left;
	width: 188px;
	/*height: 376px;*/
	position: relative;
}

.picture{
	position: relative;
	height: 188px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%; 
}

.box:hover .picture{
	background-position: 0 -188px;
}

.pic1{
	background-image: url(../img/quienes/guillermo.jpg);
}

.pic2{
	background-image: url(../img/quienes/mariana.jpg);
}

.pic5{
	background-image: url(../img/quienes/taktica.jpg);
}

.pic3{
	background-image: url(../img/quienes/abraham.jpg);
}

.pic4{
	background-image: url(../img/quienes/antonio.jpg);
}

.pic5{
	background-image: url(../img/quienes/taktica.jpg);
}

.pic6{
	background-image: url(../img/quienes/6.jpg);
}

.pic7{
	background-image: url(../img/quienes/7.jpg);
}

.pic8{
	background-image: url(../img/quienes/8.jpg);
}

.pic9{
	background-image: url(../img/quienes/9.jpg);
}

.pic10{
	background-image: url(../img/quienes/10.jpg);
}

.pic11{
	background-image: url(../img/quienes/11.jpg);
}

.box .detalle{
	height: 188px;
	position: relative;
}

.box .mask{
	position: relative;
	height: 68px;
	padding: 60px 12px;
	color: #fff;
	opacity: 0;
	transition: all 0.4s ease-in-out 0s;
	text-align: right;
}

.box .inverse{
	bottom: 10px;
}

.box:hover .mask{
	opacity: 1;
}

.mask h3{
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
}

.mask p{
	font-size: 10px;
}

.navi{
	background-color: #1d4482;
}

.blue{
	background-color: #006b89;
}

.green{
	background-color: #25a962;
}

.aqua{
	background-color: #129590;
}

.DimGray{
	background-color: #696969;
}

.Gray{
	background-color: #808080;
}

.LightGray{
	background-color: #D3D3D3;
}

.pop_logistica {
	top: 128px !important;
	color: #000;
	display: none;
	font-size: 13px;
	background: #22a9a5;
}

.pop_logistica .modal_close {
	top: -30px;
}

.clientb{
	position: relative;
	display: block;
	height: 95px;
	width: 160px;
}

.download_c{
	display: block;
	width: 86px;
	height: 60px;
	background-image: url(../img/main/descarga_curriculum.png);
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 18px;
	z-index: 89;
}

.title-equipo{
	font-size: 18px;
	color: #129590;
	text-transform: none;
}

.download_p{
	display: block;
	width: 110px;
	height: 34px;
	background-image: url(../img/main/descarga_presentacion.png);
	background-size: 100%;
	position: absolute;
	left: 0;
	top: -54px;
}

.azul{
	color: #004d64;
}

.c-navi{
	color: #1d4482;
}

.mask a{
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

.leermas{
	position: absolute;
	bottom: 12px;
	right: 12px;
}

.mas{
	display: inline-block;
	background-image: url(../img/main/boton_mas.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	text-indent: 50px;
}

.fix-box{
	width: 188px;
	height: 188px;
}


.fixpop{
	height: 350px !important;
	overflow-y:scroll;
}
/*****************************/
/*                           */
/*****************************/
#servicios{
	background-color: #949494;
	background-image: url(../img/main/textura.png);
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#servicios .boton{
	position: relative;
	display: inline-block;
	margin-left: -50px;
}

#servicios .phrase p{
	position: relative;
}

#servicios h3{
	font-size: 15px;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.btnconta{
	margin-top: 40px;
	position: relative;
	text-align: center;
}

.btnconta:active {
    -webkit-transform: translate(0, 1px);
}

.botonm{
	display: inline-block;
}

.servicios{
	width: 546px;
	margin: 0 auto;
	padding-left: 24px; 
	font-size: 16px;
	margin-top: 155px;
}

.servicios li{
	margin: 16px 0;
}

/*****************************/
/*                           */
/*****************************/

#clientes{
	background-color: #949494;
}

#clientes h1{
	font-size: 20px;
}

#clientes .textc{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

#clientes ul {
	width: 981px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	overflow: hidden;
	padding-bottom: 55px;
	text-align: center;
}

#clientes ul li{
	display: inline-block;
}

#clientes ul li a{
	position: relative;
	display: block;
	height: 95px;
	width: 160px;
	/*
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 150px 85px;*/
}

#clientes ul li a img{
	left: 0px;
	top: 0px;
	position: absolute;
	height: 85px;
	width: 150px;
}
/*
.client:hover {
	background-position: 0 -94px;
}

.client:active {
	background-position: 0 -94px;
}

.cyes{
	background-image: url(../img/clientes/cyes.png);
}

.fiat{
	background-image: url(../img/clientes/fiat.png);
}

.ica{
	background-image: url(../img/clientes/ica.png);
}

.indra{
	background-image: url(../img/clientes/indra.png);
}

.lapiedad{
	background-image: url(../img/clientes/lapiedad.png);
}

.monterrey{
	background-image: url(../img/clientes/monterrey.png);
}

.plarco{
	background-image: url(../img/clientes/plarco.png);
}

.prointec{
	background-image: url(../img/clientes/prointec.png);
}

.salon{
	background-image: url(../img/clientes/salon.png);
}

.platah{
	background-image: url(../img/clientes/platah.png);
}

.tecalum{
	background-image: url(../img/clientes/tecalum.png);
}

.tuxpan{
	background-image: url(../img/clientes/tuxpan.png);
}

.gestnova{
	background-image: url(../img/clientes/gestnova.png);
}

.kpmg{
	background-image: url(../img/clientes/kpmg.png);
}

.universidad{
	background-image: url(../img/clientes/universidad.png);
}

.soluziona{
	background-image: url(../img/clientes/soluziona.png);
}

.grup{
	background-image: url(../img/clientes/grup.png);
}
*/


/*****************************/
/*                           */
/*****************************/
#noticia{
	background-color: #fff;
}

/*****************************/
/*                           */
/*****************************/
#contacto{
	color: #006b89;
	/*overflow: hidden;*/
	height: auto;
	padding-top: 95px;
}

#contacto h1{
	color: #1d4482;
}

.mapa{
	width:500px;
	height:160px;
}

.right{
	text-align: right;
}

.pull-right{
	float: right;
}


#contact_form{
	height: 245px;
	padding: 20px 0 30px;
}

.contact_form ul {
	position: relative;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px; 
}

.contact_form input, .contact_form textarea {
	border-top: none;
	border-left: none;
	border-right: none;
	border-width: 1px;
	color: #a7a9ac;
	border-bottom-color: rgb(238, 238, 238);
	border-radius: 2px;
	padding-right: 30px;
}

.contact_form input:required, .contact_form textarea:required {
    outline-color: #ff0000;
}

.contact_form input {
	width: 288px;
	margin-right: 43px;
}

.contact_form textarea {
	margin-top: 15px;
	width: 500px;
}

.contact_form input:focus, .contact_form textarea:focus {
	outline: none;
}

button.submit {
	position: relative;
	background-image: url("../img/main/enviar.png");
	background-repeat: no-repeat;
	color: #fff;
	margin: 10px 0;
	height: 38px;
	border: none;
	float: right;
	right: 89px;
	width: 107px;
	font-size: 13px;
	font-weight: bold;
}

.submit:active {
    -webkit-transform: translate(0, 1px);
}

#alert{
	margin: 19px 0;
	color: #d45252;
}
/*****************************/
/*                           */
/*****************************/
#noticia{
	background-color: #1d4482;
	height: 390px;
	padding: 70px 0 20px;
	display: none;
	text-align: center;
}


#noticia a{
	display: block;
	margin-top: 110px;
}

#noticia img{
	width: 167px;
}

/*****************************/
/*                           */
/*****************************/
#sociales{
	width: 161px;
	position: absolute;
	right: 0;
	text-align: center;
	margin-top: 120px;
	font-weight: bold;
}

#sociales a{
	text-decoration: none;
	margin: 0 10px;
}

#sociales a img{
	width: 28px;
}

/*****************************/
/*        FOOTER             */
/*****************************/

footer{
	height: 79px;
	padding-top: 24px;
	background-color: #cc571f;
}

footer p{
	font-size: 11px;
}

footer a{
	color: #fff;
	text-decoration: none;
}


/*****************************/
/*        POPUP              */
/*****************************/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #fff;
    display: none;
    opacity: 0.8 !important;
}

.popup {
	color: #58595b;
	width:780px;
	padding: 70px 60px;
	display: none;
	font-size: 13px;
	background: #e7e7e8; 
}

.popup > div{
	float: left;
	width: 65%;
}

.popup h1{
	color: #006b89;
	font-size: 14px;
	text-transform: none;
}

.popup p{
	color: #414042;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}

.popup ul{
	 padding-left: 17px;
}

.popup ul li{
	 margin: 8px 0;
}

.popup img {
	width: 30%;
	float: left;
	margin-right: 30px;
}

.modal_close {
	position: absolute;
	top: 13px;
	right: 13px;
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/main/modal_close.png);
	z-index: 2;
}

.anchor-box{
	display: block;
	width: 188px;
	height: 188px;
	text-indent: -9999px;
}

.fixed_headers{
	table-layout: fixed;
	border-collapse: collapse;
}

.fixed_headers thead tr {
	display: block;
	position: relative;
}

.fixed_headers tbody {
	display: block;
	overflow: auto;
	width: 100%;
	height: 400px;
}

td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: center; 
}

th { 
  background: #a7dddb; 
  color: #0f9691; 
  font-weight: bold; 
}

tr{
	height: 91px;
}

tr:nth-of-type(odd) { 
  background: #4ebab7; 
}

tr:first-child{
	height: 45px;
}

td{
	color: #fff;
	width: 20%;
	font-size: 11px;
}

td p{
	font-size: 9px;
	margin: 0;
}


#inmologistica{
	height: auto;
	padding: 100px 0;
	background-color: #1d4482;
}

#inmologistica h1{
	font-size: 14px;
}

#inmologistica h2{
	font-size: 13px;
}

#inmologistica p{
	text-align: justify;
}

#inmologistica ul{
	list-style: none;
	width: 411px;
	margin: 0 auto;
}

#inmologistica ul li{
	float: left;
	width: 137px;
}

#inmologistica ul li img{
	width: 100%;
}

#inmologistica .row{
	position: relative;
}

.zonas {
	position: relative;
	width: 100%;
}

#desarrollo{
	background-image: url(../img/main/bg_desarrollo.jpg);
	height: auto;
	padding: 25px 0 100px;
	position: relative;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

#desarrollo img.mapas{
	width: 100%;
	margin-top: 48px;
}

.lgd{
	margin-bottom: 48px;
}

#desarrollo h1{
	text-align: center;
}

#desarrollo h2{
	font-size: 16px;
}

#desarrollo ul li{
	margin-bottom: 15px;
}

.bgtrasnparent{
	width: 85%;
	margin: 25px auto;
	background-color: rgba(255, 255, 255, 0.2);
	padding: 12px;
}

.colcenter{
	width: 380px;
	margin: 0 auto;
	position: relative;
}

.fixttop{
	margin-top: 140px;
}

h2>i{
	font-weight: normal;
	font-style: normal;
}

#clientes .phrase p{
	top: 40px;
	right: 0;
}