/*KHAMALEON Main CSS Document */
* {
  margin: 0px;
  padding: 0px;
}
html {
  height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0;
}
body {
  background-image: url(../images/bkg.svg);
  background-size: cover !important;
  background-position: top center;
  background-repeat: no-repeat;
  font-family: "jaf-bernino-sans-condensed", sans-serif;
  color: rgba(60, 35, 21, 1.00);
  font-weight: 300 !important;
  font-size: 100% !important;
}
h1, h2, h3, h4 {
  font-family: "jaf-bernino-sans-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: rgba(146, 177, 48, 1.00);
  line-height: 110%;
}
a {
  color: rgba(146, 177, 48, 1.0);
  text-decoration: none;
  padding: 2px;
}
a:hover {
  background-color: rgba(0, 0, 0, 1.00);
  color: #FFFFFF;
  border-radius: 4px;
  padding: 2px;
}
li {
  list-style-image: url(../images/bullet_khamaleon.svg) !important;
}
ol {
  margin-left: 2%;
  font-size: 95%;
  margin-bottom: 2px !important;
}
fieldset, img {
  border: 0;
}
footer {
  clear: both;
  font-size: 85%;
  width: 100%;
  max-width: 960px;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
  color: rgba(0, 0, 0, 1.00);
  margin-top: 36px;
  margin-bottom: 36px;
}
iframe {
  border: none;
  min-height: 260px;
  overflow: hidden;
  margin-top: 2px;
}
/*KHAMALEON –  L A Y O U T  */
#topBar {
  font-family: "jaf-bernino-sans-condensed", sans-serif;
  background-color: rgba(245, 146, 40, 0.9);
  background-color: rgba(146, 177, 48, 0.9);
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  color: #FFFFFF !important;
  font-size: 11px;
  font-weight: 400;
  height: 35px;
  display: none;
  -webkit-box-shadow: 0px 3px 4px -1px rgba(40, 40, 40, 0.25);
  -moz-box-shadow: 0px 3px 4px -1px rgba(40, 40, 40, 0.25);
  box-shadow: 0px 3px 4px -1px rgba(40, 40, 40, 0.25);
  vertical-align: middle !important;
  z-index: 99;
}
#topBar a {
  color: #FFFFFF;
  padding: 2px;
  text-decoration: none !important;
}
#topBar a:hover {
  color: #00000;
  padding: 2px;
  border-radius: 4px;
  background-color: rgba(60, 36, 21, 1.0);
}
#topMenu {
  padding-top: 10px;
  float: right;
  margin-right: 6px;
}
#topSocial {
  padding-top: 8px;
  float: right;
  margin-right: 24px;
}
#hl {
  width: 40px;
  float: left;
  padding-top: 2px;
  margin-left: 24px;
}
#top {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px !important;
  min-width: 320px !important;
  margin-top: 1%;
}
#logoTop img {
  max-width: 424px !important;
  max-height: 120px !important;
  display: block;
}
#logoTop {
  float: left;
  width: 50%;
  min-width: 320px;
  text-align: left !important;
}
#logoTop a {
  padding: 0px;
  display: block;
}
#logoTop a:hover {
  background-color: transparent;
  padding: 0px;
  display: block;
}
#menuTop {
  width: 50%;
  min-width: 320px;
  text-align: right;
  color: rgba(245, 146, 30, 1.0);
  display: block;
  margin-top: 48px;
  float: right;
  font-size: 80%;
}
#menuTop a {
  color: rgba(245, 146, 30, 1.0);
  text-decoration: none;
}
#menuTop a:hover {
  background-color: rgba(60, 35, 21, 1.00);
  color: #FFFFFF;
}
#menuTop img {
  position: relative;
  top: -1px;
}
#tagTop {
  clear: both;
  padding-top: 6px;
  min-width: 320px !important;
}
#tagTop img {
  width: 100%;
  max-width: 960px !important;
  max-height: 30px !important;
  display: block;
}
#access {
  clear: both !important;
  /* [disabled]display: none;*/
  background-color: rgba(146, 177, 48, 0.58);
  /*left: 0px;*/
  width: 100%;
  color: rgba(0, 0, 0, 0.95) !important;
  padding: 0;
  z-index: 99999;
  font-size: 98%;
  margin-top: 1%;
  max-width: 1280px !important;
  margin-left: auto;
  margin-right: auto;
}
#access h2 {
  font-family: "jaf-bernino-sans-condensed", sans-serif;
  font-weight: 300;
  color: rgba(0, 0, 0, 1.00) !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  font-size: 118%;
  display: block;
  margin-bottom: 12px;
  margin-top: 0px;
}
#access a {
  text-decoration: none;
  color: #fff;
  padding: 4px;
  font-weight: 500;
}
#access a:hover {
  text-decoration: none;
  background-color: rgba(146, 177, 48, 1.00);
  color: #FFFFFF !important;
  border-radius: 4px;
  padding: 4px;
}
#menu960 {
  margin-left: auto;
  margin-right: auto;
  width: 100% !important;
}
.menu240 {
  max-width: calc(98%/6);
  padding-top: 9px;
  min-width: calc(98%/6);
  float: left;
  border-right: dotted 1px rgba(255, 255, 255, 0.80);
  display: block;
  text-align: center !important;
  height: 24px !important;
}
#home, #texto {
  width: 100%;
  max-width: 1280px;
  min-width: 320px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1%;
}
#home a {
  font-size: 110% !important;
  font-weight: 400;
}
#texto {
  max-width: 1280px;
  line-height: 150%;
  margin-top: 1%;
  margin-bottom: 2%;
  padding: 1%;
}
#texto h1 {
  margin-bottom: 12px;
  margin-top: 24px;
}
#texto h2 {
  color: rgba(60, 36, 21, 1.00);
  margin-bottom: 12px;
}
#texto p {
  margin-bottom: 12px;
  line-height: 160%;
}
#texto ol {
  list-style: decimal;
  margin-bottom: 24px;
}
#texto li {
  margin-left: 48px;
}
#texto hr {
  margin: 0;
  border: none;
  margin-top: 2%;
  margin-bottom: 1%;
  border-bottom: dotted 1px #666666;
}
#perfil {
  width: 40%;
  float: left;
  min-width: 320px;
  display: block;
}
#perfil a {
  color: rgba(245, 146, 40, 1.0);
}
#perfil a:hover {
  color: #FFFFFF !important;
  background-color: rgba(245, 146, 40, 1.0) !important;
}
#perfil h1, h3 {
  margin-bottom: 0px !important;
  margin-left: 14px !important;
}
#perfil img {
  padding: 6px;
  background-color: rgba(255, 255, 255, 1.00);
  margin-bottom: 6px;
  max-width: 480px;
  min-width: 280px;
  -webkit-box-shadow: 0px 3px 4px -1px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: 0px 3px 4px -1px rgba(40, 40, 40, 0.4);
  box-shadow: 0px 3px 4px -1px rgba(40, 40, 40, 0.4);
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
#perfilText {
  padding-top: 24px;
  width: 58%;
  float: left;
  margin-left: 2%;
  display: block;
}
#perfilText hr {
  border: none;
  border-top: solid 1px rgba(245, 146, 40, 1.0) !important;
  margin: 0px;
  width: 80%;
  margin-left: auto !important;
  margin-right: auto !important;
}
#columnA {
  width: 33% !important;
  min-width: 320px !important;
  /*max-width: 358px !important;*/
  background-color: rgba(146, 177, 48, 1.0);
  color: #FFFFFF !important;
  padding: 1%;
  font-size: 90%;
  float: left;
  position: relative;
  height: 100% !important;
  box-sizing: content-box;
}
#columnA h1 {
  color: #FFFFFF;
  font-weight: 400;
  margin-bottom: 24px;
  margin-top: 12px;
  font-size: 200%;
  line-height: 140%;
  text-shadow: 0.8px 1px 1.2px rgba(0, 0, 0, 0.4);
}
#columnA a, #columnB a, #columnC a {
  color: #FFFFFF;
}
#columnA a:hover, #columnB a:hover, #columnC a:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.33);
}
#columnB, #columnC {
  float: left;
  /*width: 100%;
	max-width: 287px;*/
  margin-left: 4px;
  color: #FFFFFF !important;
  width: 32.18% !important;
  max-height: 680px;
  box-sizing: content-box;
}
#columnB1, #columnB2 {
  width: 96%;
  min-height: 334.5px;
  background-color: rgba(64, 39, 23, 1.00);
  margin-bottom: 4px;
  padding: 2%;
  font-size: 90%;
  height: 100% !important;
  box-sizing: content-box;
}
#columnB1 {
  background-image: url(../images/bg_equipo.jpg);
  background-size: cover;
  background-position: bottom;
}
#columnB2 {
  background-image: url(../images/bg_bogota.jpg);
  background-size: cover;
  background-position: top;
}
#columnC1, #columnC2, #columnC3 {
  width: 96%;
  float: left;
  background-color: rgba(245, 146, 30, 1.00);
  min-height: 216.3px;
  margin-bottom: 4px;
  padding: 2%;
  font-size: 90%;
  height: 100% !important;
}
#columnC1 {
  background-color: rgba(103, 75, 68, 1) !important;
  position: relative;
}
#columnC2 {
  background-image: url(../images/bg_talleres.jpg);
  background-size: cover;
  background-position: top;
}
#columnC3 {
  margin-bottom: 0px;
}
#columnB1 h1, #columnB2 h1, #columnC1 h1, #columnC2 h1, #columnC3 h1 {
  color: #FFFFFF;
  margin-bottom: 24px;
  font-size: 150%;
  margin-top: 12px;
  text-shadow: 0.8px 1px 1.2px rgba(0, 0, 0, 0.4);
  width: 96%;
}
#social {
  text-align: right;
  margin-bottom: 18px;
}
#social img {
  margin-top: 12px;
  max-width: 20px;
  position: relative;
  top: 4.6px;
}
#slider {
  position: relative;
  min-height: 680.5px !important;
  height: 100% !important;
}
#cloud {
  min-height: 162px;
}
#KhaClients {
  min-height: 324px;
}
#KhaPartners {
  min-height: 260px;
}
#cloudLink {
  position: absolute;
  top: 4px;
}
#bottomM {
  width: 100%;
  background-color: rgba(108, 122, 55, 0.60);
  background-color: rgba(245, 146, 40, 1.0);
  position: relative;
  bottom: 0px;
}
#bottomM a {
  color: rgba(0, 0, 0, 1.0);
}
#bottomM a:hover {
  color: rgba(255, 255, 255, 1.0);
}
#bottomM h1, #bottomM h2 {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 180%;
  margin-bottom: 5%;
}
#bottomM h2 {
  font-family: "jaf-bernino-sans-condensed", sans-serif;
  font-size: 100%;
  font-weight: 600;
  margin-bottom: 2px;
}
#bottomM p {
  font-size: 100%;
  color: rgba(60, 36, 21, 0.85) !important;
  width: 96%;
  margin-left: auto !important;
  margin-right: auto !important;
}
#bottomM1, #bottomM2 {
  width: 34%;
  float: left;
  padding: 1%;
  margin-right: 0.75%;
  margin-left: 0.75%;
  min-width: 286px;
  margin-top: 2%;
  min-height: 180px;
}
#bottomM3 {
  width: 17%;
  float: left;
  padding: 1%;
  margin-right: 0.75%;
  margin-left: 0.75%;
  min-width: 186px;
  margin-top: 2%;
  min-height: 180px;
}
#bottomM footer {
  clear: both;
  font-size: 85%;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 24px;
  margin-bottom: 24px;
}
/*KHAMALEON –  S T Y L E S  */
.clear {
  clear: both;
  height: 4px;
}
.slide {
  width: 98% !important;
  margin-left: 1%;
  margin-right: 1%;
  box-sizing: content-box;
}
.slide strong {
  font-weight: 400;
  text-shadow: 1.2px 1.2px 1.2px rgba(108, 122, 55, 1.0);
}
.profile {
  max-width: 420px;
  width: 33%;
  float: left;
  text-align: center;
  margin-top: 24px;
  min-height: 210px !important;
  min-width: 160px !important;
}
.year {
  color: rgba(255, 255, 255, 0.6) !important;
  text-align: right;
  position: absolute;
  top: 80%;
  left: 21%;
  font-size: 390% !important;
  text-shadow: none !important;
}
.noBorder {
  border-right: none !important;
}
.imgShadow {
  -webkit-box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.5);
}
.w50 {
  width: 50%;
  max-width: 960px;
  float: left;
}
.w960 {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  min-width: 960px;
}
.w680 {
  max-width: 680px;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.w660 {
  max-width: 740px;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.headerlogo {
  display: none;
}
.white {
  color: rgba(255, 255, 255, 1.0) !important;
}
.minion {
  font-family: "jaf-bernino-sans-condensed", sans-serif;
  color: rgba(245, 146, 40, 1.0) !important;
}
.opensans {
  font-family: 'Open Sans', sans-serif !important;
  color: rgba(146, 177, 48, 1.00) !important;
  font-weight: 100 !important;
  font-size: 90%;
}
.brown {
  color: rgba(60, 36, 21, 1.00) !important;
}
.left14 {
  margin-left: 14px;
}
#desplegar a {}
#desplegar a:hover {
  background-color: black !important;
  color: orange;
}
#also {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 48px;
  width: 42.5%;
  max-width: 960px;
  text-align: center;
  position: relative;
}
/* Wufoo Styles*/
.wufooColumn {
  padding-right: 24px;
}
.caption {
  margin-top: 6px;
  font-size: 75% !important;
  color: #E4E4E4 !important;
  text-align: right;
  margin-bottom: 0 !important;
}
.video {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 5%;
  box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.2);
}
#texto h4 {
  position: relative !important;
  margin-bottom: 0 !important;
  top: 20px !important;
  color: rgba(245, 146, 30, 1.0) !important;
  font-weight: 600;
}