*{ margin: 0; padding: 0; }
:root{
  --colMain : #3e8048;
  --colSec  : #000;
  --colLight: #FADC0D;
  --colB : #000;
  --colW    : #f5f5f5;
  --bluemx  : #e45029;
}

html{
  overflow-x: hidden;
  overflow-y: visible;
}
body{
  background: #fff;
  font-family: 'Muli', sans-serif;
  overflow-x: hidden;
  overflow-y: visible;
}

h1, h2, h3, h4, h5{
  font-family: 'Open Sans Condensed', sans-serif;
}



.navbar-toggler:focus{
	outline: none;
}


.navbar-brand img{
  max-height: 80px;
}
.fa-bars{
  color:var(--colMain);
}

.navbar-collapse{
  text-align: center;
    
}

/*########## ACCESO #####*/

.navbar-nav .nav-link{
  color:var(--colB);
  text-transform: uppercase;
  position: relative;
  display: block;
  font-size: 0.8em;
}
.navbar-nav .nav-link::before{
    content:"";
    width: 100%;
    position: absolute; left: 0; top: 0;
    border-top: 0px solid var(--colMain);
    transition: all .5s;
  }
.navbar-nav .nav-link.active{
  color:var(--colMain);
}
.navbar-nav .nav-link.active::before{
  border-top: 2px solid var(--colMain);
  transition: all .5s;
}


section{
  margin-top: 50px;
  margin-bottom: 00px;
}

h2{
  color:#000;
  font-size: 25pt;
  padding: 20px 0;
  border-bottom: 1px solid #3e8048;
  margin-bottom: 40px;   
}

p{
  margin: 20px 0;
}



 #contacto input, #contacto textarea, #contacto button{
  margin-top: 10px;
}



footer .footer-nav{
  background: var(--colMain);
  color: var(--colSec);
}
footer .footer-nav a{
  display: inline-block;
  color: var(--colW);
  font-size: 0.7em;
  margin: 10px;
}


.nav-tabs .nav-item.nav-link{
  color: var(--colMain);
}
.nav-tabs .nav-item.nav-link.active{
  background: var(--colMain);
  color:#fff;
}

#nav-datos{
  margin-top: 40px;
}
#nav-datos .form-control-plaintext{
  font-weight: bold;
}
#nav-datos button{
  margin-top: 20px;
  width: 200px;
}
#nav-datos small{display: block; opacity: 0.6;}

header {
	padding: 20px 20px 0;
	background: #fff;
	border-bottom: 5px solid #2b4c73;
}

header ul {
	list-style: none;
  margin: 40px;
  text-align: center;
}
header ul li {
	list-style: none;
	display: inline-block;
	color: #fff;
  text-transform: uppercase;
  
}
header ul li a {
	padding: 10px;
	color: #000;
}
header ul li a:hover {
	text-decoration: none;
	color: #000;
}

@media only screen and (max-width: 386px){
	
	.main-logo img{
		width: 100%;
	}
	
	header ul {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
}


@media only screen and (max-width:1190px){
	
	.navbar-nav .nav-link.active::before{
	  border: none;
	  transition: all .5s;
	}
	
	nav.navbar {
		padding: .5rem 1rem !important;
	}
	
	.nav-link {
		padding: 1rem 1rem !important;
	}
	
}

#banner{margin-top: 0;}


strong.main{
  color:var(--colMain);
}

.hr{
  width: 80px;
  height: 8px;
  background: var(--colMain);
  margin: 40px auto;
}

#como{
  background-image: linear-gradient(#EE2A2E, #BE191D);
  color:#fff;
  overflow: hidden;
  font-size: 1.4rem;

}
#como #comocontents{
  padding-top: 40px;
  padding-bottom: 40px;
}
#como #comocontents .row{
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}
#como .num{
  color:var(--colSec);
  font-size: 90px;
  font-family: 'Open Sans Condensed', sans-serif;
text-align: center;
}
#como .hr{
  background: var(--colW);
  margin-bottom: -30px;
}

input.form-control, select.form-control, textarea.form-control{
  -webkit-appearance: none;
  border-radius: 0;
    background: #eeeeee;
  border:none;
  border-bottom: 1px solid var(--colMain);
}
placeholder{
    color: #f9f9f9;
}


#contacto{
  margin-bottom: 0;
}
#contactoinf{
  margin-top: 0;
  padding: 60px 0;
  /*background-image: linear-gradient(#E6E6E6, #fff);*/
    background:#fadf00;
}
#contactoinf .form-control{
  margin-bottom: 20px;
}

#contactoinf .btn{
  border: 1px solid var(--colMain);
}
#contactoinf .btn:hover{
  background:var(--colSec);
}



nav.navbar{
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
  transform: translateY(-100px);
  transition: all .5s;
  padding: 0;
}

.nav-link{
	padding: 1.5rem 1rem;
}

nav.navbar.visible{
  transform: translateY(0);
  transition: all .5s;
}

.modal-header h2{
  padding: 20px;
  margin: 0 auto;
}
.modal-header .close{
  color:#000;
  opacity: 1;
  position: absolute;
  right: 5px;
  top: 0;
}
.modal a{
  color:#000;
}
.modal .links{
  font-size: 0.8em;
}
.modal .links a{
  margin: 10px;
}

.modal .card-body a.btn.btn-sm{
  font-size: 1em !important;
}
.modal .card-body a.btn .fa{
  font-size: 12px;
}



.nav-item.dropdown{
  border-bottom: 2px solid var(--colMain);
}


.bgwhite{
    background: #ffffff;
}
.btninicio{
    background: #000;
    color: #fff;
}

.bg{
    background: #4b8148;
}
.bg-funciona{
    background: #933f7c;
}
.qr{
    padding-right: 200px;
    margin-right: 200px;
}
.logo-f img{
    max-height: 100px;
    padding: 20px;
}
.espaciotop{
    margin-top: 200px;
}

.arriba{
    padding-top: 100px;
}
.txt-white{
    color: #ffffff;
}


.logo_header{
  height: 130px; 
}
.textoverde{
  color: #4b8148;
}
.textorosa{
  color: #ca0088;
}
.textoazul{
  color: #0087cc;
}
.textonaranja{
  color: #ff8400;
}
.contacto a{
  color: #fff;
  font-size: 18pt;
}
.contacto a hover{
  color: #fff;
}