/* GENERAL */
body{font-family: Century Gothic;font-size: 15px; font-weight: normal; color: #444444;}
*{margin:0;padding:0}
a:active,a:hover,a:link,a:visited{text-decoration:none}
.logocomp {position: absolute; z-index: 10000; margin-top: 5px;}
.logotablet{display: none;}

.opaque-navbar,.opaque-navbar.opaque{height:60px;transition:background-color .5s ease 0s}
.opaque-navbar{background-color:rgba(91,0,74,0.5);border-bottom:0; margin-top: 20px;}
.opaque-navbar.opaque{background-color:#5B004A;}
.navbar-inverse .navbar-nav>li>a{font-size:15px;color:#000;}
.navbar-inverse .navbar-nav>li>a:hover{color:#000;font-weight:700;background-color:rgba(0,0,0,0)}
ul.dropdown-menu{background-color:#232323}
/*ul#ejm2 {background-color:rgba(0,0,0,.7); padding: 15px; margin-top: 0px; padding-top: 0px;}*/
ul#ejm2 li a{position:relative; color:#FFF;margin:0 5px}
ul#ejm2 li a:after{position:absolute;bottom:7px;left:0;width:100%;height:4px;background-color:#59B200;content:"";opacity:0;transition:opacity .3s ease 0s,transform .3s ease 0s;transform:translateY(20px)}
ul#ejm2 li a:hover:after{opacity:1;transform:translateY(15px)}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{background-color:#4260D4;color:#59B200;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border: 0px solid #000000;}

.active2 {background-color: #80AE39;color:#59B200;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border: 0px solid #000000;}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.details{background-color: yellow; color: black; font-weight: bold; padding: 10px; box-sizing: border-box; border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;}






/* ESTADISTICAS */
.estadisticas{background: rgb(92,154,10);background: linear-gradient(0deg, rgba(92,154,10,1) 0%, rgba(197,219,75,1) 100%);height: auto;width: 100%;padding-top: 15px;padding-bottom: 15px;}
.cuared{background-color: #FFF;border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;border: 0px solid #000000;}
.titpag{text-align: center; font-weight: bold; font-size: 35px; color: #FF9800; padding-top: 20px; padding-bottom: 20px; text-shadow:1px 1px 1px #666;}
.cua{margin:20px 10px;}
.est_cua{border: #777 solid 1px;height: auto;padding: 10px;box-sizing: border-box;margin-bottom: 15px;}
.icomoonpag{font-size: 40px; color: #FF9800;text-shadow:1px 1px 1px #666;}
.stat {margin:150px auto;text-align:center;}
.highlight {color: #FF9800;padding:0px 0;overflow:hidden;margin-bottom:0;font-size:40px;text-shadow:1px 1px 1px #666;}
.stat i {color:#f7c221;}
.milestone-details {font-weight:bold;font-size:18px;color:#999;}


/* NOTICIAS */
.lnk{text-decoration: none; color: #444444;}
.lnk h4:hover{font-weight: bold; color: #671162;}
.bt{text-decoration: none; font-weight: bold; color: #FFF; background-color: #5B004A; }
.bt:hover{font-weight: bold; color: #FFF; background-color: #70015F;}


/* PRESENCIA */
.bgpresencia {padding: 0px;width: 100%;max-height: 900px;height: 100%; background: url("../img/fondo_mapa.jpg") no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}


/* NEGOCIOS */
.negocios {padding: 0px;}
.fondo {padding: 0px;height: 300px;overflow: hidden;}
.naturaleza {background-color: #232323;width: 100%;height: 100%;background: url("../img/f_lanaturaleza.jpg");background-position: center;background-size: cover;background-repeat: no-repeat;transition: all 1s;cursor: pointer;}
.naturaleza:hover {transform: scale(1.2);}
.panacam {background-color: #232323;width: 100%;height: 100%;background: url("../img/f_panacam.jpg");background-position: center;background-size: cover;background-repeat: no-repeat;transition: all 1s;cursor: pointer;background-color:rgba(1,82,119,0.98); background-blend-mode: overlay;}
.panacam:hover {transform: scale(1.2);}


/* FOOTER */
#contactUs {background-color: #70015F; padding-top: 10px; padding-bottom: 10px;}
.oth_txt_center {color: #AAAAAA;}
.oth_txt_center ul li {list-style:none;}
.oth_txt_center ul li a{color:#AAAAAA;  text-decoration: none;}
.oth_txt_center ul li a:hover{color: #FFFFFF; font-weight: bold; cursor: pointer;}
.oth_txt_center ul li ul {visibility: hidden; margin-left: 20px; opacity: 0; min-width: 5rem; position: relative; animation: fadeout 1s ease-out; left: 0; display: none;}
.oth_txt_center ul li:hover > ul,
.oth_txt_center ul li:focus-within > ul, /* this is the line we add */
.oth_txt_center ul li ul:hover  {visibility: visible; opacity: 1; display: block; animation: fadein 1s ease; }
.oth_txt_center ul li ul li {clear: both;width: 100%;}
@keyframes fadein {
	from {
		opacity: 0;
		transition: all 1s ease;
	}
	to {
		opacity: 1;
		transition: all 1s ease;
	}
}
.caret2{font-size: 8px;}
.newsletter{font: 18px'Century Gothic'; font-weight: bold; color: #FFF; text-align: center; margin-bottom: 10px;  }
.mainoffice{font: 18px'Century Gothic'; color: #FFF; text-align: center; margin-bottom: 10px; margin-top: 10px;  }
.dotted {border-bottom: 3px dotted #bbb; color: #70015F;}
.logopag{width: 125px; height: auto; display:block; margin:auto;}
.darkSocial{width: 30px; height: auto;}
.footer_site,.ftr_lang{color:#FFF;font-weight:300;font-size:15px}
.footer_site{font-family:'Century Gothic';font-style:normal;padding:10px;box-sizing:border-box;text-align:center;background-color:#5B004A}
.ftr_copy{margin-top:5px;text-align:center}
.ftr_lang{margin-top:10px}
.ftr_lang:hover{color:#fff;font-weight:700;font-size:16px}

/* WhatsApp link*/
.fijo{position: fixed;bottom: 6px;margin-left: 15px;z-index: 99999;}
.redondo{font-family: 'Century Gothic'; font-weight: 500; font-style: normal;font-size: 12px;color: #444444;text-align: justify;border-radius: 200px 200px 200px 200px;-moz-border-radius: 200px 200px 200px 200px;-webkit-border-radius: 200px 200px 200px 200px;border: 0px solid #000000;padding: 5px;box-sizing: border-box;background-color: #E4E4E4;padding-right: 6px;}
.wp{width: 25px;height: auto;margin-right: 0px;}


/* --------------------------------------------------------------------- */
/*                    ABOUT US - CSS PAGE                                */
/* --------------------------------------------------------------------- */

