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

body, td, th, h2 {
	font-family: Arial;d
	font-size: 12px;
	color: #333;
	color: #44525F;
}
body {
	background-color: #FFF;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img {
	border: 0;
}
a {
	text-decoration: none ;
}
td h2 {
	font-size: 18px;
}
.nosotros {
	margin-top: 30px;
}
.nosotros td {
	font-size: 16px;
}
.nosotros_linea {
	border-left: 1px solid #E3E5E8;
}
#top-contenedor-menu {
	width: 100%;
	height: 150px;
	background: url(../images/bg-top.png);
	border-top: 2px solid #DADADA;
		
}
#top-contenedor {
	width: 100%;
	/*height: 240px;*/
	background: url(../images/bg-top.png);
	border-top: 1px solid #DADADA;
	padding-bottom: 20px;
}
#top-contenido {
	width: 990px;
	margin: auto;
}
#logo {
	width: 239px;
	height: 81px;
	background: url(../images/logo.png) no-repeat;
	/* Prognosis */
	height: 93px;
	background: url(../images/logo-High-End-Consulting-HEC.png) no-repeat;
	/* Termina Prognosis */
	position: absolute;
	margin: 10px 0 0 28px;
}
#siguiente-nivel {
	width: 400px;
	color: #AAAAAA;
	font-size: 14px;
	position: absolute;
	margin: 15px 0 0 340px;
	text-align: justify;
}
#contenedor-menu {
	width: 990px;
	color: #787F8B;
	font-size: 18px;
	float: left;
	margin: 105px 0 0 0px;
} 
#contenedor-menu a {
	color: #787F8B;
	font-size: 18px;
	text-decoration: none;
}
#contenedor-menu a:hover {
	color: #B5B9BF;
	text-decoration: none;
}
#contenedor-menu li {
	list-style-type: none;
	margin-left: -22px;
	display: inline;
	float: left;
	padding: 0px 40px 0px 40px;
}
.hello {
	color: #44525F;
	font-size: 25px;
	font-weight: bold;
}
#favorito {
	width: 157px;
	height: 45px;
	background: url(../images/favorito.png) no-repeat;
	float: right;
	margin-top: -132px;
}
.bienvenido {
	width: 235px;
	height: 27px;
	background: url(../images/l1.png) top left no-repeat;
	position: absolute;
	margin: -140px 0 0 90px;
	font-size: 18px;
	font-family: Times New Roman;
	color: #787F8B;
	text-align: right;
	left: -1px;
}
.somos {
	width: 275px;
	height: 27px;
	background: url(../images/l1.png) top left no-repeat;
	position: absolute;
	margin: -70px 0 0 90px;
	font-size: 18px;
	font-family: Times New Roman;
	color: #787F8B;
	text-align: right;
}
.we-say {
	width: 214px;
	font-size: 25px;
	color: #44525F;
	position: absolute;
	font-weight: bold;
	margin: 170px 0 0 820px;
}
#bg-contenedor-1 {
	width: 100%;	
	padding-bottom: 30px;
	background: url(../images/bg-2.png);
}
#bg-contenedor-2 {
	width: 100%;
	background: url(../images/bg-3.png);
}
#bg-contenedor-3 {
	width: 100%;
	height: 750px;
	border-top: 1px solid #E3E5E8;
	background: url(../images/bg-areas.png);
}
#bg-contenedor-4 {
	width: 100%;
	border-top: 1px solid #E3E5E8;
	background: url(../images/bg-areas.png);
}
#contenidos {
	width: 923px;
	margin: auto;
}
#contenido-ecologia {
	width: 100%;
	height: 240px;
	background: url(../images/bg_ecologia.png) center top no-repeat;
	margin: auto;
	color: #7EA91F;
}
#contenido-ecologia td {
	color: #7EA91F;
}
#erp {
	width: 345px;
	margin-top: 27px;
	float: left;
}
#servicios {
	
}
ul.img_list {
	display: inline;
	position: absolute;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
}

#servicios_inteligencia {
	width: 891px;
	height: 436px;
	position: absolute;
	margin: 0 0 0 0 !important;
}
.servicios_inteligencia a {
	display: block; 
	width: 891px; 
	height: 436px; 
	position: absolute;
	cursor: pointer;
}	
.servicios_inteligencia a .rollover {
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 891px; 
	height: 436px; 
	cursor: pointer;
	background:url(../images/servicios_inteligencia.png);
}

#servicios_consultoria {
	width: 891px;
	height: 436px;
	position: absolute;
	margin: 0 0 0 0 !important;
}
.servicios_consultoria a {
	display: block; 
	width: 891px; 
	height: 436px; 
	position: absolute;
	cursor: pointer;
}	
.servicios_consultoria a .rollover {
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 891px; 
	height: 436px; 
	cursor: pointer;
	background:url(../images/servicios_consultoria.png);
}

#servicios_infraestructura {
	width: 891px;
	height: 436px;
	position: absolute;
	margin: 0 0 0 0 !important;
}
.servicios_infraestructura a {
	display: block; 
	width: 891px; 
	height: 436px; 
	position: absolute;
	cursor: pointer;
}	
.servicios_infraestructura a .rollover {
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 891px; 
	height: 436px; 
	cursor: pointer;
	background:url(../images/servicios_infraestructura.png);
}
#erp_info {
	width: 412px;
	height: 222px;
	position: absolute;
	margin-left: 290px;
}
#erp_desafios {
	width: 173px;
	font-size: 14px;
	position: absolute;
	margin: 60px 0 0 740px;
	color: #44525F;
	font-weight: bold;
}
#erp_desafios a {
	color: #44525F;
}

/****************************** SERVICIOS ****************************************/
#InteligenciaEmpresarial {
	width: 250px;
	float: left;
	margin: 450px 0 0 0;
	font-size: 14px;
	text-align: justify;	
}
#InteligenciaEmpresarial h2, #ServiciosConsultoria h2, #InfraestructuraTecnologica h2 {
	font-size: 18px;
}
#InteligenciaEmpresarial h2 {
	color: #B20000;
}
#ServiciosConsultoria h2 {
	color: #1E7FB4;
}
#InfraestructuraTecnologica h2 {
	color: #4A9F39;
}
#ServiciosConsultoria {
	width: 250px;
	float: left;
	margin: 450px 0 0 80px;
	color: #44525F;
	font-size: 14px;
	text-align: justify;	
}
#InfraestructuraTecnologica {
	width: 250px;
	float: left;
	margin: 450px 0 0 80px;
	color: #44525F;
	font-size: 14px;
	text-align: justify;	
}

/****************************** AREAS ****************************************/

#areas-izquierda {
	width: 239px;
	padding-top: 20px;
	float: left;
}
#areas-derecha {
	width: 684px;
	/*position: absolute;
	margin-left: 230px;*/
	float: right;
}
#area-bg1 {
	width: 231px;
	height: 106px;
	margin-left: 10px;
}
#area-bg1:hover, #area-bg2:hover, #area-bg3:hover, #area-bg5:hover {
	background: url(../images/areas/bg-1.png) no-repeat;
}
#area-bg2 {
	width: 231px;
	height: 130px;
	margin-top: 21px;
	margin-left: 10px
}
#area-bg3 {
	width: 231px;
	height: 145px;
	margin-top: 21px;
	margin-left: 10px
}
#area-bg4 {
	width: 231px;
	height: 67px;
	margin-top: 21px;
	margin-left: 10px
}
#area-bg4:hover {
	background: url(../images/areas/bg-2.png) no-repeat;
}
#area-bg5 {
	width: 231px;
	height: 128px;
	margin-top: 21px;
	margin-left: 10px
}
#area {
	width: 203px;
	font-size: 13px;
	color: #99A3AB;
	margin-left: 27px;
	padding-top: 5px;
}
a.area {
	color: #99A3AB;
	text-decoration: none;
}
a.area:hover {
	color: #44525E;
	text-decoration: none;
}
h3.areas-inteligencia {
	color: #DE9020;
}
h3.areas-consultoria {
	color: #728D2C;
}
h3.areas-ingenieria {
	color: #187682;
}
h3.areas-capacitacion {
	color: #566125;
}
h3.areas-esquemas {
	color: #9B3125
}
/****************************** FOOTER ****************************************/

#contenedor-footer {
	width: 100%;
	float: left;
	background: #333333;
}
#footer {
	width: 950px;
	height: 154px;
	margin: 20px auto auto auto;
	/*border: solid #F00 1px;*/
	color: #ACACAC;
}
#contenedor-cont {
	float: left;
}
#contenedor-copyR {
	float: right;
}

/****************************** MAP ****************************************/

#contact-section {
	background: #333333 /*url(../img/png.png) top left repeat;*/;
	z-index: 10;
	color: #fff;
}
#contact-section .white {
	background: #333333;
}
#map-section {
	bottom: 0px;
	padding: 0px;
	height: 250px;
	width: 100%;
	z-index: 0;
}
#contact-section {
	padding-bottom: 30px;
	padding-top: 0;
	-webkit-box-shadow: 0px 10px 22px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 10px 22px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 10px 22px rgba(50, 50, 50, 0.75);
}	
.arrow_box {
	position: relative;
	z-index: 1000;
}
.arrow_box:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(65, 129, 1, 0);
	border-top-color: #333333;
	border-width: 10px;
	left: 50%;
}
#map-section {
	bottom: 0px;
	padding: 0px;
	height: 250px;
	width: 100%;
	z-index: 0;
}
#map {
	display: block;
	height: 250px;
	width: 100%;
	min-width: 100%;
	max-width: 1350px;
	margin-left: auto;
	margin-right: auto;
}
#line {
	width: 100%;
	height: 2px;
	background: #00ADBB;
	float: left;
}

/* Pricing Tables
-------------------------------------------------- */
.product-plan {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 20px;
}
ul.plans {
    margin: 0;
}
.product-plan .name {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
    text-align: center;
}
.product-plan .name h3 {
    display: inline-table;
    font-size: 30px;
    padding: 15px 0;
}
.product-plan .price {
    text-align: center;
}
.product-plan .price h3 {
    font-size: 30px;
    padding: 10px 0;
}
.product-plan .price h3 small {
    vertical-align: bottom;
}
.product-plan .feature h4 {
    padding: 15px;
}
.product-plan .feature i {
    font-size: 24px;
}
.product-plan .action {
    padding: 20px;
    text-align: center;
}
.product-plan.popular {
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}


/* Pricing Tables
-------------------------------------------------- */
.product-plan {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
}
ul.plans {
    margin: 0;
}
.product-plan .name {
    background: none repeat scroll 0 0 #394755;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.product-plan .name h3 {
    color: #D6DFE5;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
}
.product-plan .price {
    background: none repeat scroll 0 0 #F1F1F1;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
}
.product-plan .price h3 {
    color: #308CCF;
}
.product-plan .feature {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
}
.product-plan .action {
    background: none repeat scroll 0 0 #F1F1F1;
}
.product-plan.popular .name {
	background: none repeat scroll 0 0 #308CCF;
	color: #FFFFFF;
}
.product-plan.popular .name h3 {
	color: #FFFFFF;
}

.linea_tabla {
	border-right: 1px solid #CCCCCC;
}

/* Contacto */

html,
html .halflings {
  -webkit-font-smoothing: antialiased !important;
}

@font-face {
  font-family: 'Glyphicons';
  src: url('http://wbpreview.com/previews/WB01SF07K/fonts/glyphicons-regular.eot');
  src: url('http://wbpreview.com/previews/WB01SF07K/fonts/glyphicons-regular.eot?') format('embedded-opentype'), url('http://wbpreview.com/previews/WB01SF07K/fonts/glyphicons-regular.woff') format('woff'), url('http://wbpreview.com/previews/WB01SF07K/fonts/glyphicons-regular.ttf') format('truetype'), url('http://wbpreview.com/previews/WB01SF07K/fonts/glyphicons-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="glyphicons-"]:before {
  display: inline-block;
  font-family: 'Glyphicons';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  *display: inline;
  *zoom: 1;
}

.glyphicons-envelope:before {
  content: "\2709";
}
.glyphicons-google_maps:before {
  content: "\e243";
}
.glyphicons-phone:before {
  content: "\e170";
}

/* Redes Sociales */

#contenedor-redes {
	margin: 25px 0 0 700px;
	float: right;
}
#in {
	width: 30px;
	height: 30px;
	background: url(../images/in.png) no-repeat;
	float: right;
}
#tw {
	width: 30px;
	height: 30px;
	background: url(../images/tw.png) no-repeat;
	padding: 0 0 0 10px;
	float: right;
}
#fb {
	width: 30px;
	height: 30px;
	background: url(../images/fb.png) no-repeat;
	padding: 0 0 0 10px;
	float: right;
}
#in:hover {
	width: 30px;
	height: 30px;
	background: url(../images/in_r.png) no-repeat;
	float: right;
}
#tw:hover {
	width: 30px;
	height: 30px;
	background: url(../images/tw_r.png) no-repeat;
	padding: 0 0 0 10px;
	float: right;
}
#fb:hover {
	width: 30px;
	height: 30px;
	background: url(../images/fb_r.png) no-repeat;
	padding: 0 0 0 10px;
	float: right;
}