/** VARIABLES **/
:root {
  --sans-serif: 'Fira Sans', sans-serif;
  --serif: 'Oswald', sans-serif;
  --headers: 'Oswald', sans-serif;
  
  --base: 15px;
  
  --secundario: #000;
  --primario: #000;
  --grey: #ececec;
  --grey-dark: #7d7d7d;
  --text-color: #636363;
  
  quotes: "“" "”";
}

img {
	max-width: 100%;
	height: auto;
}

/** UTILES **/
.width-50 {
	width: 50%!important;
}
.bg-top-right {
	background-position: top right;}
.big {
	font-size: 130%;
}
.bold {
	font-weight: 700;
}
.semi-light {
	font-weight: 400;
}
.light {
	font-weight: 200;
}

.cambiar-float {
	float: right;
}
.row-eq-height { 
	display: -webkit-box; 
	display: -webkit-flex; 
	display: -ms-flexbox; 
	display: flex;
}
@media (max-width: 992px){
	.row-eq-height { 
		display: block; 
		display: block; 
		display: block; 
		display: block;
	}
}

.no-padding-row > div {
	padding-left: 0;
	padding-right: 0;
}

.padding {
	padding: var(--base);
}

.no-padding{
	padding:0px;
}

.white, .white-color {
	color: #fff;
}
.black, .black-color {
	color: #000;
}
.grey, .grey-color {
	color: #ababab;
}

.white-bg {
	background-color: #fff;
}
.black-bg {
	background-color: #000;
}

.texture {
	background-image: url(../../img/texture.png);
	background-repeat: repeat;
	background-position: center;
}
.fondo {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.display-inline {
	display: inline-block;
}

.display-block {
	display: block;
}

.upp {
	text-transform: uppercase;
}
.low {
	text-transform: none!important;
}

.margin-t {
	margin-top: 15px;
}
.margin-t-x2 {
	margin-top: 30px;
}
.margin-t-x3 {
	margin-top: 45px;
}
.margin-t-x4 {
	margin-top: 60px;
}
.margin-b {
	margin-bottom: 15px;
}
.margin-b-x2 {
	margin-bottom: 30px;
}
.margin-b-x3 {
	margin-bottom: 45px;
}
.margin-b-x4 {
	margin-bottom: 60px;
}

.padding-h {
	padding-left: 15px;
	padding-right: 15px;
}
.padding-h-x2 {
	padding-left: 30px;
	padding-right: 30px;
}
.padding-h-x3 {
	padding-left: 45px;
	padding-right: 45px;
}
.padding-h-x4 {
	padding-left: 60px;
	padding-right: 60px;
}
.padding-h-x5 {
	padding-left: 75px;
	padding-right: 75px;
}
.padding-h-x6 {
	padding-left: 90px;
	padding-right: 90px;
}

.padding-v {
	padding-top: 15px;
	padding-bottom: 15px;
}
.padding-v-x2 {
	padding-top: 30px;
	padding-bottom: 30px;
}
	.padding-v-t-x2 {
		padding-top: 30px;
	}
	.padding-v-b-x2 {
		padding-bottom: 30px;
	}
.padding-v-x3 {
	padding-top: 45px;
	padding-bottom: 45px;
}
.padding-v-x4 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.padding-v-x5 {
	padding-top: 75px;
	padding-bottom: 75px;
}
.padding-v-x6 {
	padding-top: 90px;
	padding-bottom: 90px;
}

.padding-v-t-x4 {
	padding-top: 60px;
}
.padding-v-b-x4 {
	padding-bottom: 60px;
}

.border {
	border: solid 1px #b2b2b2;
}
.border-t {
	border-top: solid 1px #b2b2b2;
}
.border-b {
	border-bottom: solid 1px #b2b2b2;
}
.border-l {
	border-left: solid 1px #b2b2b2;
}
.border-r {
	border-right: solid 1px #b2b2b2;
}

ul.no-bullet {
	list-style-type: none;
	padding-left: 0;
}

:focus {
	outline: none!important;
}

/* RWD */
img {
	max-width: 100%;
	height: auto;
}

/* Iconos */
.pi {
	display: inline-block;
	width: 32px;
}

.pi-xxs {
	width: 24px;
	position: relative;
	top: 3px;
}
.pi-xs {
	width: 36px;
}
.pi-sm {
	width: 60px;
}
.pi-md {
	width: 120px;
}
.pi-lg {
	width: 240px;
}
	.pi svg {
		max-width: 100%;
		height: auto;
	}
	.pi-white svg g {
		fill: #fff;
	}
	.pi-black svg g {
		fill: #000;
	}
	
/** FORMULARIOS **/
input[type="file"] {
	font-size: 14px;
}
.form-group .help-block ul {
	list-style-type: none;
	margin: 0;
	font-size: 16px;
	text-align: center;
}

/** ELEMENTOS COMUNES **/

.enlace-js{
	cursor: pointer;
}

	.descripcion-2-col {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 60px; /* Chrome, Safari, Opera */
		-moz-column-gap: 60px; /* Firefox */
		column-gap: 60px;
	}
	.descripcion-2-col-border {
		-webkit-column-rule: 1px outset #b2b2b2; /* Chrome, Safari, Opera */
		-moz-column-rule: 1px outset #b2b2b2; /* Firefox */
		column-rule: 1px outset #b2b2b2;
	}

.introduccion {
	font-size: 16px;
	color: #000;
}

.contenido {
	font-size: 16px;
	color: #000;
}
	.contenido p {
		margin-bottom: 24px;
	}

.paginador-registros {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 14px;
}
	
blockquote {
	padding: 0;
	border: none;
	color: var(--primario);
	font-style: italic;
}

.totop {
    display: block;
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 30px;
    height: 30px;
    background-color: rgba(255,255,255, 0.9);
    border-radius: 100%;
}
	.totop a {
		display: block;
		text-align: center;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}


.btn-icon {
	padding: 10px 10px 10px 30px;
	border-radius: 60px;
}
	.btn-icon img {
		margin-left: 30px;
	}
	


/* BREAKPOINT MENU */
@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}