@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('../fonts/brandon_bld-webfont.woff2') format('woff2'),
         url('../fonts/brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('../fonts/brandon_light-webfont.woff2') format('woff2'),
         url('../fonts/brandon_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('../fonts/brandon_med-webfont.woff2') format('woff2'),
         url('../fonts/brandon_med-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('../fonts/brandon_reg-webfont.woff2') format('woff2'),
         url('../fonts/brandon_reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



body { padding-top: 160px; }

.img-fluid2 {
	width: 100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	text-align:center;
}

.img-fluid3 {
	width: 20%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	text-align:center;
}

.contenido {
	margin-top:0px;
}


.header {
	background-color:#FFF;
	text-align:center;
	z-index:2000;
	}

.botonera {
	background-color:transparent;
	border:none;
	border:none;
	padding:0px;
	font-family: 'brandon_grotesque_regularRg';
}

.botones {
	width:auto;
	margin:0px;
	padding:0px;
}

.botones2 {
	margin:0px;
	padding:0px;
    font-family: 'brandon_grotesquebold';
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color:#000;
	background-color:#fff;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#e1d3b5;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:0px;
}

.logo {
	max-width: 100% !important;
	height:auto;
}

.marca {
	margin-top:10px;
}

.nosotros-section, .areas-section, .socios-section, .trabajo-section, .contacto-section {
	padding-top:110px;
	margin-top:-110px;
	height:100%;
	margin-bottom:20px;
}


.fondo-marron {
	background-color:#decfae;
	color:#FFF;
    font-family: 'brandon_grotesquemedium';
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	font-size:1.1em;
	font-style:italic;
	margin:0px;
}

.margin-bottom {
	margin-bottom:25px;
}

.margin-top {
	margin-top:25px;
}

h3 {
	    font-family: 'brandon_grotesquebold';
		font-size:1.3em;
}

h4 {
	    font-family: 'brandon_grotesquebold';
		font-size:1em;
		text-decoration:underline;
}

p {
	font-family: 'brandon_grotesque_regularRg';
	font-size:1em;
}

ul {
    list-style-image:url(../img/mas.png);
}

.lista {
    font-family: 'brandon_grotesquebold';
	font-size:1em;
	line-height:1.5em;
}

.lista-detalle {
    font-family: 'brandon_grotesque_regularRg';

}
 
 .socios {
	margin-top:20px;
    font-family: 'brandon_grotesquemedium';
}

.socios a {
	color:#000;
	text-decoration:underline;
    font-family: 'brandon_grotesquebold';
	text-align:left;
}

.socios2 {
	margin-top:20px;
	margin-bottom:30px;
    font-family: 'brandon_grotesquemedium';
}

.socios2 a {
	color:#000;
	text-decoration:underline;
    font-family: 'brandon_grotesquebold';
	text-align:left;
}

.formulario {
	margin:0px;
}

.formu {
    font-family: 'brandon_grotesquemedium';
	margin:0px;
	padding:0px;
}

.formu2 {
    font-family: 'brandon_grotesquemedium';
	margin:0px;
	padding:0px;
}

.formu3 {
	margin-top:30px;
    font-family: 'brandon_grotesquemedium';
		margin:0px;
	padding:0px;

}

.without {
	margin:0px;
	padding:0px;
}

.input-align {
	text-align:center;
}

.borde {
	border:none;
}

.borde1{
	border:none;
}

input {
	outline: none;
	width:auto;
	margin:0px;
	padding:0px;
		border-style:solid;
	border-width:1px;
	border-color:#e1d3b5;

 }
 
 textarea {
 	background-color:transparent;
	border:none;
	outline: none;
	border-style:solid;
	border-width:1px;
	border-color:#e1d3b5;
	margin:0px;
	padding:0px;

 }
button {
	margin-top:20px;
}

.col-sin {
	padding-left:0px;
	padding-right:0px;
}

.modal {
  will-change: visibility, opacity;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 3000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-delay: $modal-delay;
          transition-delay: $modal-delay;
		  
}
.modal--active {
  visibility: visible;
  opacity: 1;
}
.modal--align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.modal__bg {
   background-color: rgba(0, 0, 0, 0.6);
}
.modal__dialog {
  max-width: 800px;
  padding: 1.2em;
  z-index:1000;
  margin-top:100px;
}
.modal__content {
  will-change: transform, opacity;
  position: relative;
  padding: 2.4em;
  background: #FFF;
  background-clip: padding-box;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1000;
  text-align:left;
}


.modal__content--active {
  opacity: 1;
}
.modal__close {
  z-index: 1100;
  cursor: pointer;
  width:auto;
}

.demo-close {
  position: absolute;
  top: 0;
  right: 0;
  margin: -1rem;
  padding: -0.6rem;
  background: rgba(222, 207, 174, 1);
  border-radius: 50%;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.demo-close svg {
  width: 24px;
  fill: #fff;
  pointer-events: none;
  vertical-align: top;
}
.modal__trigger {
  position: relative;
  display: inline-block;
  color: rgba(0,0,0,0.7);
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.modal__trigger--active {
  z-index: 10;
}
.modal__trigger:hover {
}
#modal__temp {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 5, 0.32, 1);
  transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.modal a {
	color:#000;
	text-decoration:underline;
    font-family: 'brandon_grotesquebold';
	text-align:left;
}

/**********File Inputs**********/
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.iborrainputfile {
	font-size:11px; 
}

/* style 5 */

.inputfile-5 + label {
    color: #decfae;
	margin-top:0px;
	padding-top:0px;
}

.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover {
    color: #decfae;
}

.inputfile-5 + label figure {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #decfae;
    display: block;
	padding:10px;
    margin: 0px;
}

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure {
    background-color: #d47e03;
}

.inputfile-5 + label svg {
    width: 100%;
    height: 100%;
    fill: #FFF;
}

.iborrainputfile2 {
	font-size:1em; 
}

@media (min-width: 768px) and (max-width: 2000px) { 

body { padding-top: 80px; }

.margin-bottom {
	margin-bottom:25px;
}

.margin-top {
	margin-top:30px;
}


.fondo-marron {
	background-color:#decfae;
	color:#FFF;
    font-family: 'brandon_grotesquemedium';
	padding-top:20px;
	padding-bottom:20px;
	padding-left:200px;
	padding-right:200px;
	text-align:center;
	font-size:1.3em;
	font-style:italic;
}

.header {
	background-color:#FFF;
	margin:0px auto;
	}



.botonera {
	background-color:transparent;
	border:none;
	margin:0px 10px;
	padding:0px;
	font-family: 'brandon_grotesque_regularRg';
	float:left;
	width:auto;	
	}

.botonera2 {
	width:auto;
}



.navbar-default .navbar-nav > li > a {
	margin:20px 10px;
	padding:0px;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color:#000;
	background-color:#fff;
	border-bottom-style:solid;
	border-bottom-width:5px;
	border-bottom-color:#e1d3b5;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:0px;
}


.logo {
	max-width: 100% !important;
	height:auto;
	padding:0px;
}

.marca {
	padding:15px 0px;
	width:auto;
}

.espacio {
	width:10%;
	margin:0px;
	padding:0px;
}

.nosotros-section, .areas-section, .socios-section, .trabajo-section, .contacto-section {
	padding-top:70px;
	margin-top:-70px;
	height:100%;
	margin-bottom:20px;
}

ul {
    list-style-image:url(../img/mas.png);
}

.lista {
    font-family: 'brandon_grotesquebold';
	font-size:1.2em;
	line-height:2em;
}

.lista-detalle {
    font-family: 'brandon_grotesque_regularRg';

}

.socios {
	margin-top:40px;
	margin-bottom:40px;
    font-family: 'brandon_grotesquemedium';
	padding-left:200px;
}

.socios a {
	color:#000;
	text-decoration:underline;
    font-family: 'brandon_grotesquebold';
	text-align:left;
}

.socios2 {
	margin-top:40px;
	margin-bottom:40px;
    font-family: 'brandon_grotesquemedium';
	padding-left:70px;
}

.socios2 a {
	color:#000;
	text-decoration:underline;
    font-family: 'brandon_grotesquebold';
	text-align:left;
}

.cv {
	margin-left:-70px;
}

.cv2 {
	margin-left:-140px;
}


.info-contacto {
    font-family: 'brandon_grotesque_regularRg';
	text-align:left;
	margin:50px auto 30px 60px;
}

.datos-padding {
	padding-top:10px;
}

.datos-padding2 {
	padding-top:5px;
}

.formulario {
	margin-left:30px;
	margin-right:30px;
}

.formu {
	margin-top:40px;
	margin-bottom:40px;
    font-family: 'brandon_grotesquemedium';
	padding-left:200px;
	padding-right:5px;
}

.borde {
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#e1d3b5;
}

.borde1{
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#e1d3b5;
}

.formu2 {
	margin-top:40px;
	margin-bottom:20px;
    font-family: 'brandon_grotesquemedium';
	padding-right:200px;
	margin-left:0px;
	text-align:left;
}

.formu3 {
	margin-top:10px;
    font-family: 'brandon_grotesquemedium';
}

input {
	background-color:transparent;
	border:none;
	outline: none;
	max-width:260px;
 }
 
 textarea {
 	background-color:transparent;
	border:none;
	outline: none;
	border-style:solid;
	border-width:2px;
	border-color:#e1d3b5;
	margin-left:2px;
	min-width:240px;

 }
 
.input-align {
	text-align:left;
}

button {
	margin-top:0px;
}




}