html, body {
  height: 100%;
}

body {  
  font-family: 'Lato', sans-serif;
  font-size: 19px;
  font-weight: 500;
  position: relative;
  color: white;
}

.oculto{
  display: none;
}

#contenedor_principal{
  margin-top: 0px;
  min-height: 56.1vh;
}

#status {
  background: transparent;
  margin:-100px 0 0 0px;
  color: white;
  font-size: 60px;
}

.social {
  padding: 10px;
  font-size: 15px;
}

a {
  color: #243E69;
  text-decoration: none;
  transition: all 0.5s;
}

a:hover {
  color: #00C2E5;
}

ul.icon_list li a {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
    width: 32px;
  height: 32px;
  padding: 0px;
  transition: all 0.5s;
  border-radius: 0;
}

ul.icon_list li a:hover {
  color: #00B000;
  border-color: #00B000;  
  border-radius: 20%;
}

footer {
  background-color: #000;
  color: white;
  padding: 10px;
  border-top: 2px solid #666;
}

footer .sitemap{
  color: #00B000;
  font-size: 14px;
}

footer .sitemap a {
  color: #00B000;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.5s;
}

footer .sitemap a:hover {
  color: #fff;
}

.copyright_text {
  padding-top: 20px;
}

.copyright_text p {
  color: #fff;
  text-transform: inherit;
}

.navbar-brand {
  padding: 0;
}

.navbar-default {
  background-color: rgba(0, 0, 0, 0);
  padding: 20px 0px 5px 0px;
  border-bottom: 0; 
  margin: 0;  
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.navbar-default .navbar-header{
  height: 80px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.navbar-default.navbar-fixed-top  .navbar-header{  
  height: 60px;
  padding: 5px 0px 5px 0px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.navbar-default.navbar-fixed-top {
  background-color: rgba(0, 0, 0, 0.50);
  padding: 5px 0px 5px 0px;
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  transition: all 0.5s;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.active{
  color: #00B000;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #000000;
}

.navbar-default .navbar-toggle {
  border-color: #fff;
  color: black;
  background: #fff;
}

.loader,
.loader:before,
.loader:after {
  background: #FFF;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  text-indent: -9999em;
  margin: 8em auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
    margin: 20px;
  font-size: 6px;
  text-align: center;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #FFF;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #FFF;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}


.work_area{
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
}

.home-titulo h1 {
  font-family: 'Lato', sans-serif;
  font-size: 50px;
  font-weight: 200;
  margin-top: 50px;
  text-transform: uppercase;
}

.work_area_2{
  background: #fff;
  color: #676767;
  font-family: 'Lato', sans-serif;
}

.work_area_2 .institucional{
  padding: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.work_area_2 h1 {
  font-family: 'Lato', sans-serif;
  font-size: 22px;
  font-weight: 200;
  margin-top: 50px;
  text-transform: uppercase;
}

.work_area_2 h3 {

  border-bottom: 2px dotted #243E69;
  text-transform: uppercase;
  color: #243E69;
}

.work_area_2 .celeste h3 {
  border-bottom: 2px dotted rgb(0, 178, 158);
  text-transform: uppercase;
  color: rgb(0, 178, 158);
}


.work_area_2 .rosa h3 {
  border-bottom: 2px dotted rgb(237, 74, 161);
  text-transform: uppercase;
  color: rgb(237, 74, 161);
}

.work_area_2 .icono {
  color: #243E69;
  font-size: 3em;
  border-bottom: 0;
}

.work_area_2 .icono.celeste {
  color: rgb(0, 178, 158);
  font-size: 3em;
  border-bottom: 0;
}

.work_area_2 .icono.rosa {
  color: rgb(237, 74, 161);
  font-size: 3em;
  border-bottom: 0;
}

.work_area_2 .icono.celeste i {
  border: 5px solid rgb(0, 178, 158);
  border-radius: 50%;
  padding: 22px;
}

.work_area_2 .icono.rosa i {
  border: 5px solid rgb(237, 74, 161);
  border-radius: 50%;
  padding: 22px;
}

.work_area_2 .icono i {
  border: 5px solid #243E69;
  border-radius: 50%;
  padding: 22px;
}

.work_area_2 p {
  color: #BDBDBD;
  text-align: justify;
  font-size: 14px;
}

.work_area_2 .institucional:hover .icono{
  color: #F8C837;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.work_area_2 .institucional:hover .icono i{
  color: #F8C837;
  border: 5px solid #F8C837;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.work_area_2 .institucional:hover h3 {
  border-bottom: 2px dotted #F8C837;
  text-transform: uppercase;
  color: #F8C837;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.work_area_2 .institucional:hover p {
  color: #000;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.bg-map{
  background: #565656 url(../images/bg-map.jpg) 50% 0px no-repeat;
  background-attachment: fixed;
  color: #fff;
  font-size: 30px;
  height: 350px;
  color: black;
}

.bg-map h1{
  background-color: white;
  width: 100%;
  padding: 10px;
}

.instalaciones img{
    padding: 0px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.instalaciones img:hover{
    padding: 0px;
    border: 1px solid #243E69;
    border-radius: 10px;
    margin: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.img-hoja{
  padding: 5px;
  max-width: 40px;
}

.icono-verde{
  color: #243E69;
}

.bg-contacto{
  background: #565656 url(../images/bg-contacto.jpg) 1% 0px no-repeat;
  background-attachment: fixed;
  color: #fff;
  font-size: 30px;
  height: auto;
  color: black;
}

.bg-contacto input, .bg-contacto textarea{
  background-color: rgba(255, 255, 255, 0.5);
  color: black;
  border: #000;
}

.bg-contacto input.error, .bg-contacto textarea.error{
  background-color: rgba(255, 0, 0, 0.5);
  border: red;
}

.bg-contacto ::-webkit-input-placeholder {
   color: #666;
}

.bg-contacto :-moz-placeholder { /* Firefox 18- */
   color: #666;  
}

.bg-contacto ::-moz-placeholder {  /* Firefox 19+ */
   color: #666;  
}

.bg-contacto :-ms-input-placeholder {  
   color: #666;  
}

.bg-actividades{
  background: #fff url(../images/bg-actividades.jpg) 1% 0px no-repeat;
  background-attachment: fixed;
  height: auto;
  color: black;
}

.btn-verde {  
  color: #fff;
  border-color: #243E69;
  border-radius: 0px;
  background: #243E69;
  transition: all 0.5s;
}

.btn-verde:hover, .btn-amarillo:active {  
  color: #243E69;
  border-color: #243E69;
  background: #fff;
  transition: all 0.5s;
}

#inmobiliarias{
  padding-bottom: 20px;
}

.skald img{
    width: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.fancybox-skin {
  background: rgba(1, 95, 1, 0.39) !important;
}

#map_canvas {
    margin: 0 !important;
    padding: 0 !important;
    height: 350px;
    width: 100%;
    border: 2px solid rgb(0, 166, 100);
    border-radius: 5px;
}

.tabbable-panel {
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #01B201;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
    background-color: #F9F9F9;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #F9F9F9;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.filtro-actividad, .filtro-actividad:hover{
  text-decoration: none !important;
}

.work_area_2.institucional{
  background-color: #F9F9F9;
}

.profile-header-container{
    margin: 0 auto;
    text-align: center;
}

.profile-header-img {
    padding: 54px;
}

.profile-header-img > img.img-circle {
    width: 200px;
    height: 200px;
    border: 2px solid #243E69;
     transition: all 0.5s;
}

.profile-header {
    margin-top: 43px;
}

/**
 * Ranking component
 */
.rank-label-container {
    margin-top: -19px;
    /* z-index: 1000; */
    text-align: center;
}

.label.label-default.rank-label {
      background-color: #243E69;
  padding: 5px 10px 5px 10px;
  border-radius: 27px;
  font-size: 16px;
   transition: all 0.5s;
}

.profile-header-container a{
  color: #fff;
  text-decoration: none;
}

.profile-header-container a:hover .rank-label{
  background-color: #00C2E5;
  transition: all 0.5s;
}

.profile-header-container a:hover .profile-header-img > img.img-circle{
  border: 2px solid #00C2E5;
  transition: all 0.5s;
}


.carousel .item {
    width: 100%; /*slider width*/
    max-height: 600px; /*slider height*/
}
.carousel .item img {
    width: 100%; /*img width*/
}
/*add some makeup*/
.carousel .carousel-control {
    background: none;
    border: none;
    top: 50%;
}
/*full width container*/
@media (max-width: 767px) {
    .block {
        margin-left: -20px;
        margin-right: -20px;
    }
}

#slideshow, img.bgM {
        min-height: 100%;
        min-width: 1024px;
        width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index:-9999;
}

.navbar-right {
    background-color: rgba(0, 0, 0, 0.50);
}

.navbar-fixed-top .navbar-right {
    background-color: transparent;
}

.bg-info {
  background:#FFFFFF;
  border: 2px solid #00B200;
  padding:10px;
  margin:10px 0px;
}
.bg-info p{
  margin:0px;
  padding:0px;
  font-size:12px;
  line-height: 12px;
  color:#000000;
}

footer a {
    color: #fff;
    text-decoration: none;
    transition: all 0.5s;
}