.marg-0 { margin-bottom: 0 }
.marg-10 { margin-bottom: 10px }
.marg-15 { margin-bottom: 15px }
.marg-20 { margin-bottom: 20px }
.marg-25 { margin-bottom: 25px }
.marg-30 { margin-bottom: 30px }
.marg-25 { margin-bottom: 25px }
.marg-50 { margin-bottom: 50px }
.marg-75 { margin-bottom: 75px }
.marg-100 { margin-bottom: 100px }
.marg0 { margin-top: 0 }
.marg10 { margin-top: 10px }
.marg15 { margin-top: 15px }
.marg20 { margin-top: 20px }
.marg25 { margin-top: 25px }
.marg30 { margin-top: 30px }
.marg50 { margin-top: 50px }
.marg75 { margin-top: 75px }
.marg100 { margin-top: 100px }

.padd-0 { padding-bottom: 0 }
.padd-10 { padding-bottom: 10px }
.padd-15 { padding-bottom: 15px }
.padd-20 { padding-bottom: 20px }
.padd-25 { padding-bottom: 25px }
.padd-30 { padding-bottom: 30px }
.padd-25 { padding-bottom: 25px }
.padd-50 { padding-bottom: 50px }
.padd-75 { padding-bottom: 75px }
.padd-100 { padding-bottom: 100px }
.padd0 { padding-top: 0 }
.padd10 { padding-top: 10px }
.padd20 { padding-top: 20px }
.padd25 { padding-top: 25px }
.padd30 { padding-top: 30px }
.padd50 { padding-top: 50px }
.padd75 { padding-top: 75px }
.padd100 { padding-top: 100px }

h2.title {
	  margin: 0;
	  color: #04693B;
	  line-height: 1;
	  font-weight: 700;
	  text-transform: none;
	  font-size: 34px;
}

h3.title {
	  margin: 0;
	  color: #04693B;
	  line-height: 1;
	  font-weight: 300;
	  text-transform: none;
	  font-size: 26px;
}

h4.title {
	  margin: 0;
	  color: #3F8D69;
	  line-height: 1;
	  font-weight: 700;
	  text-transform: none;
	  font-size: 26px;
}

h3.subtitle {
	  margin: 0;
	  color: #04693B;
	  line-height: 1;
	  font-weight: 700;
	  text-transform: uppercase;
	  font-size: 30px;
}
h4.subtitle {
	  margin: 0;
	  color: #FFF;
	  line-height: 1;
	  font-weight: 700;
	  text-transform: none;
	  font-size: 30px;
}
h5.subtitle {
	  margin: 0;
	  color: #04693B;
	  line-height: 1;
	  font-weight: 500;
	  text-transform: none;
	  font-size: 20px;
	  text-transform: uppercase;
}

@media(max-width: 768px) {
	h2.title {font-size: 28px;}
	h3.title {font-size: 20px;}
	h4.title {font-size: 20px;}
	h3.subtitle {font-size: 24px;}
	h4.subtitle {font-size: 24px;}
}




#footer .copyright {
  color: #262223;
  font-size: 12px;
  margin:0;
}
#footer .copyright a {
  color: #262223;
}
#footer .copyright a:hover {
  color: #0F7044;
}

/******BACK TO TOP BUTTON******/
#back-top {
	position: fixed;
	bottom: 20px;
    right: 20px;
	padding:0;
	margin:0;
}
#back-top a {
	text-decoration: none;
	width: 25px;
	height: 25px;
	display: block;
	background-color: #805F66;
	background-image: url(../images/back-top.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 15px;
	border-radius: 25px;

}
#back-top a:hover {
	background-color: #856168;
}

@media (-Webkit-min-device-pixel-ratio: 1.5),
 (-moz-min-device-pixel-ratio: 1.5),
 (-o-min-device-pixel-ratio: 3/2),
 (min-device-pixel-ratio: 1.5),
 (min-resolution: 1.5dppx) {
#back-top a {
			background-image: url(../images/back-top@2x.png);}

}
 

#loadbox img {
  max-width: 100px;
  opacity: 0.8;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  #loadbox img {
    max-width: 100%;
  }
}

header .brand {
  height: 160px;
  line-height: 1;
  display: table-cell;
  vertical-align: middle;
}

.logotipo img {
	margin-top: 25px;
	margin-bottom: 25px;
    max-width: 400px !important;
  }
  
@media (max-width: 768px) {
  section:first-of-type {padding: 140px 0 0;}
  header {height:100px;}
  header .brand {height: 100px;}
  .logotipo img {
    max-width: 280px !important;
  }
  
  header.navbar .navbar-nav a{
	 line-height: 36px; 
	 font-size: 12px;
  }
  
}

body {background-color: #805F66;}

.content-all {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.content-all .container {display:flex; justify-content:center; align-items:center; width:100%; height:100%; max-width:900px;}
.floatleft {float: left !important}
.floatright {float: right !important}
.display-inline-block {display:inline-block !important}
.w100 {width:100%;}
.h50 {height:50px;}
.logotipo {width:100%;max-width:300px;}

@media(max-width: 680px) {
	.content-all .container {height: 100%;}
	.logotipo {width:100%;max-width:200px;}
	.h50 {height:20px;}
}