.navegacion{
	width: 1000px;
	margin: 2px auto;
	background: rgb(34, 34, 34);
}

.navegacion ul{
	list-style: none;
}

.menu > li{
	position: relative;
	display: inline-block;
}

.menu > li > a{
	display: block;
	padding: 5px 10px;
	color: #a5a5a5;
	font-family: 'Open sans';
	text-decoration: none;
}

.menu li a:hover{
	color: #E2E2E2;
	transition: all .3s;
}

/* Submenu*/

.submenu{
	position: absolute;
	background: rgb(34, 34, 34);
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: opacity 1.5s;
}

.submenu li a{
	display: block;
	padding: 5px;
	color: #a5a5a5;
	font-family: 'Open sans';
	text-decoration: none;
}

.menu li:hover .submenu{
	visibility: visible;
	opacity: 1;
}
/* Submenu*/

.submenu{
	background: rgb(9, 92, 41);
	visibility: hidden;
	opacity: 0;
	transition: opacity 1.5s;
	background-color: #1A682C;
  list-style: none;
}



/************************************BARRA DE NAV DESDE**********************************/

.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none;visibility:hidden}.tab-content>.active{display:block;visibility:visible}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;visibility:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:rgb(25, 104, 42);border-color:#ffffff}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}


/************************************BARRA DE NAV HASTA*********************************/
.menu{
  color: rgba(206, 206, 206, 0.719);
}

.submenu li a{
	display: block;
	padding: 15px;
	color: #a5a5a5;
	font-family: 'Open sans';
	text-decoration: none;
}

.menu li:hover .submenu{
	visibility: visible;
	opacity: 1;
}

/* Submenu2*/
.navi li ul li {
	position:relative;
}

.navi li ul li ul {
	right:-140px;
	top:0px;
}

/*Menú*/
*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

header{
	width: 100%;
}

.navegacion{
	width: 1000px;
	margin: 2px auto;
	background: rgb(34, 34, 34);
}

.navegacion ul{
	list-style: none;
}

.menu > li{
	position: relative;
	display: inline-block;
}

.menu > li > a{
	display: block;
	padding: 5px 10px;
	color: #a5a5a5;
	font-family: 'Open sans';
	text-decoration: none;
}

.menu li a:hover{
	color: #E2E2E2;
	transition: all .3s;
}

/* Submenu*/

.submenu{
	position: absolute;
	background: rgb(34, 34, 34);
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: opacity 1.5s;
}

.submenu li a{
	display: block;
	padding: 15px;
	color: #a5a5a5;
	font-family: 'Open sans';
	text-decoration: none;
}

.menu li:hover .submenu{
	visibility: visible;
	opacity: 1;
}
/* Submenu*/

.submenu{
	position: absolute;
	background: rgb(9, 92, 41);
	width: 120%;
	visibility: hidden;
	opacity: 0;
	transition: opacity 1.5s;
	background-color: #1A682C;
}

.submenu li a{
	display: block;
	padding: 15px;
	color: #a5a5a5;
	font-family: 'Open sans';
	text-decoration: none;
}

.menu li:hover .submenu{
	visibility: visible;
	opacity: 1;
}

/* Submenu2*/
.navi li ul li {
	position:relative;
}

.navi li ul li ul {
	right:-140px;
	top:0px;
}

/* Ventana emergente */
/* body {
	text-align: center;
	font-family: sans-serif;
	margin: 0;
}

.modal {
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.8);

	position: absolute;
	top: 0;
	left: 0;

	display: flex;

	animation: modal 2s 1s forwards;
	visibility: hidden;
	opacity: 0;
}

.contenido {
	margin: auto;
	width: 40%;
	height: 50%;
	background: rgb(240, 241, 179);
	border-radius: 10px;
	
}

#cerrar {
	display: none;
}

#cerrar + label {
	position: fixed;
	color: rgb(255, 0, 0);
	font-size: 10px;
	z-index: 10000;
	background: darkred;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 50%;
	right: 10px;
	cursor: pointer;

	animation: modal 2s 1s forwards;
	visibility: hidden;
	opacity: 0;
}

#cerrar:checked + label, #cerrar:checked ~ .modal {
	display: none;
} */

@keyframes modal {
	100% {
		visibility: visible;
		opacity: 1;
	}
}

.column {
	width: 100%;
  }
  
  @media (min-width: 600px) {
	  .column {
	  width: 50%;
	}
  }
/* Fin Ventana emergente */

/*Main header*/
.main-header .main-nav ul li a,
.nav-topbar li a{position:relative;padding:15px 0;display:block;}
.main-header .main-nav ul li > a::after{content:"";width:0;height:2px;position:absolute;left:50%;top:-1px;opacity:0.5;transform:translateX(-50%);}
.main-header .main-nav ul li.mega-menu-item a::after,
.main-header .main-nav ul li ul a::after{content:none;}
.main-header .main-nav ul li.current-menu-item > a::after,
.main-header .main-nav ul li:hover a::after{width:50px;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;}
.main-header .main-nav ul li.menu-item-has-children > a,
.nav-topbar li.menu-item-has-children > a{padding-right:15px;}
.main-header .main-nav ul li.menu-item-has-children > a::before,
.nav-topbar li.menu-item-has-children > a::before{content:"\33";font-family:'ElegantIcons';display:inline-block;padding-left:5px;position:absolute;right:0;font-size:14px;}
.nav-topbar li.menu-item-has-children > ul > li.menu-item-has-children > a::before{content:"\35";font-family:'ElegantIcons';display:inline-block;padding-right:8px;position:absolute;right:0;font-size:14px;}
.nav-topbar ul.sub-menu,
.main-header .main-nav ul ul.sub-menu{text-align:left;position:absolute;min-width:140px;background:#fff;left:0;top:130%;visibility:hidden;opacity:0;padding:15px 0;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.04);box-shadow:0 4px 12px rgba(0,0,0,.04);z-index:9999;border:1px solid #fafafa;border-radius:3px}
.nav-topbar > li:hover > ul.sub-menu,
.main-header ul > li:hover > ul.sub-menu{visibility:visible;opacity:1;top:100%;}
.nav-topbar ul.sub-menu,
.main-header .main-nav ul ul.sub-menu{display:block;padding-left:15px;}
.nav-topbar ul.sub-menu > li > a,
.main-header .main-nav ul ul.sub-menu > li > a{font-weight:500;line-height:2;padding:5px 0;}
.main-header .main-nav ul ul.sub-menu>li>a:hover{background:none}
.main-header .main-nav ul li h6 a{font-size:1rem;font-weight:600;line-height:1.2;}

/*submenu - level 3*/
.nav-topbar ul.sub-menu li{position:relative}
.nav-topbar ul.sub-menu li ul.sub-menu{left:100%;visibility:hidden;opacity:0;top:130%;margin-left:5px;}
.nav-topbar ul.sub-menu li:hover ul.sub-menu{visibility:visible;opacity:1;top:0;}
.logo-mobile{max-width:45px;z-index:500;position:relative;}
.nav-topbar > li{position:relative;padding:0 5px;}
.nav-topbar li a{position:relative;font-size:12px;}

/* Mega menu */
.main-menu{list-style-type:none;margin:0;height:100%;align-items:center;}
.main-menu > li{height:100%;position:relative;display:inline-block;padding:0 20px;}
.main-menu > li.current-item a{padding-left:15px!important}
.main-menu > li.current-item a::before{content:"";background-color:var(--color-primary);width:6px;height:6px;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-3px;animation:shadow-pulse 1s infinite;}
.main-menu > li:first-child{padding-left:0;}
.main-menu > li.mega-menu-item{position:static;}
.sub-mega-menu{flex-wrap:wrap;position:absolute;top:unset;left:0;width:100%;transform:scaleY(0);height:0px;}
.mega-menu-item.open .sub-mega-menu{transition:transform 0.2s ease-in-out;height:auto;transform:scaleY(1);transform-origin:top;z-index:999;}
.sub-mega-menu .nav{width:180px;padding:30px 0 0 30px;}
.sub-mega-menu .tab-content{width:calc(100% - 180px);}
.sub-mega-menu .nav-pills .nav-link{font-size:12px;line-height:1.8;color:#222;border-radius:30px;padding:5px 20px;text-align:left;border-radius:50px;}
.sub-mega-menu .nav-pills .nav-link.active,
.sub-mega-menu .show>.nav-pills .nav-link{color:#fff;background-color:#7f8991;}
.sub-mega-menu .tab-content .tab-pane{padding:25px 50px 35px 30px;}
.main-header .main-nav ul li .sub-mega-menu.sub-menu-list{padding:20px 0;line-height:35px;background:#fff;margin-top:2px;box-shadow:0px 40px 40px 0px rgba(0,0,0,0.05);-moz-box-shadow:0px 40px 40px 0px rgba(0,0,0,0.05);-webkit-box-shadow:0px 40px 40px 0px rgba(0,0,0,0.05);-o-box-shadow:0px 40px 40px 0px rgba(0,0,0,0.05);-ms-box-shadow:0px 40px 40px 0px rgba(0,0,0,0.05);}
.main-header .main-nav ul li .sub-mega-menu.sub-menu-list a{line-height:35px;font-weight:500;}
.main-header .main-nav ul li.mega-menu-item .tab-content a{padding:0;text-transform:none;}
.header-sticky.sticky-bar.sticky .header-flex{justify-content:space-between}
.header-sticky.sticky-bar.sticky .header-btn .get-btn{padding:20px 20px}
.header-area .slicknav_btn{top:-51px;right:17px}
.slicknav_menu .slicknav_nav a:hover{background:transparent;}
.slicknav_menu{background:transparent;}
.mobile_menu{position:fixed;right:0px;width:100%;z-index:99;}
.header-top{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--mutted-border-color)}
.header-top-right{display:flex;justify-content:flex-end;align-items:center;}
.header-tools{padding:15px 0;}
.vertical-divider{width:1px;height:20px;background-color:var(--primary-border-color);}
.header-style-1 .divider-2{margin-top:-2px;}
.main-header.header-style-1 h1.logo{font-weight:900;font-size:40px;line-height:65px;position:absolute;left:50%;transform:translateX(-50%);}



#top-header {
  padding: 10px 0;
}
.navbar-inverse {
  background-color: rgb(25, 104, 42);
  border-color: #080808;
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
header {
  width: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
  color: #000;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:before, :after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:before, :after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fuentetitulo {
	font-family: Verdana, Geneva, sans-serif; 
  font-weight: bold;
	font-size: 30px;
	color: #075519;
}

/***********************
********* BOTON DE WHATSAPP FLOTANTE ******
************************/
.txtflotante{
    background-color: #25d366;
    position:fixed;
    width:100px;
    height:25px;
    bottom: 3px;
    right:7px;
    color:#FFF;
    text-align:center;
    font-size:14px;
    box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
    z-index:100;
    transition: all 300ms ease;
  }
  
  .btnflotante-wsp{
    position:fixed;
    width:60px;
    height:60px;
    line-height: 63px;
    bottom:43px;
    right:25px;
    background:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:35px;
    box-shadow: 1px 0px 1px rgba(0,0,0,0.3);
    z-index:100;
    transition: all 300ms ease;
  }
  
  .btnflotante-wsp:hover{
    background: #20994e;
    color: #FFF;
  }
  
  @media only screen and (min-width:320px) and (max-width:768px){
    .btnflotante-wsp{
      width:63px;
      height:63px;
      line-height: 66px;
    }
  }

/***********************
********* HASTA ACA BOTON DE WHATSAPP FLOTANTE ******
************************/

.contenedor-s{
    width: 90%;
    max-width: 1000px;
    overflow: hidden;
    margin: auto;
}

.modal-header{
    background: rgb(22, 94, 22);
    color: white;
}

main .portafolio-s .galeria-s{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

main .portafolio-s .galeria-s .fotos-s{
    width: 30%;
    margin:5px;
    text-align: justify;
    border-radius: 10px;
}

main .portafolio-s .galeria-s .fotos-s img{
    width: 100%;
    height:210px;
    border-radius: 5px;
}

main .portafolio-s .galeria-s .fotos-s img:hover{
    opacity:.6;
    cursor: pointer;
}

.btn-centrado{
    text-align: center;
    margin-left: 30px;
    padding-bottom: 1em;
}

.paraacceder {
	font-size: 18px;
}

.list-reglgeneral{
  display: inline-block;
}
/*----------------------------------------------*/

@media screen and (max-width:760px){
    header .menu{
        justify-content: center;
    }
    header .contenido-header .texto-header{
       font-size:18px;
    }
    header .contenido-header .texto-header .desaparecer{
        display: none;
    }
}

@media screen and (max-width:630px){
    header .contenido-header .titulo-header{
        font-size:80px;
    }
    header .contenido-header .linea-header{
        width: 400px;
    }
    main .portafolio-s .galeria-s .fotos-s{
        width:49%;
    }
}

@media screen and (max-width: 500px){
    header .contenido-header .titulo-header{
        font-size:40px;
    }
    main .quehacemos .contenido-cajas .tarjeta{
       width: 48%;
    }
    main .contenido-cajas{
        justify-content: center
    }
    main .quehacemos .contenido-cajas .tarjeta{
        margin:20px 0;
    }
}

@media screen and (max-width: 350px){
    main .quehacemos .contenido-cajas .tarjeta{
        width: 98%;
    }
    header .contenido-header .texto-header{
        font-size:15px;
    }
}

/***********************
********* Footer - Pie de Página ******
************************/
#footer {
    padding-top: 20px;
    padding-bottom: 30px;
    color: #fff;
    background: #848484;
  }
  #footer a {
    color: #fff;
  }
  #footer a:hover {
    color: #72C05B;
  }
  #footer ul {
    list-style: none;
    padding: 0;
    margin: 0 -7.5px;
  }
  #footer ul > li {
    display: inline-block;
    margin: 0 7.5px;
  }
  @media only screen and (min-width: 768px) {
    #footer .social-icons {
      font-size: 20px;
    }
  }
  .form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
  }