* {
  box-sizing: border-box;
}
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"),
  url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"),
  url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"),
  url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  margin: auto 0 !important;
  /* display: flex; */
  display:contents;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  /* overflow-y:scroll; */
  overflow-x: hidden;
}
/*############################# CONTENT #############################*/
article {
  /* background: rgb(220, 238, 252); */
  background-color: rgb(255, 255, 255);
  /* margin-right: 10px; */
  /* border: 1px solid rgb(129, 160, 255); */
  border: 1px solid rgb(201, 201, 201);
}
header {
  background-image: linear-gradient(90deg, rgb(220, 238, 252), #ffffff);
  position:relative;
  z-index: 99;
}
main {
  display: flex;
  /* margin-top: 0px; */
  flex: 1;
  flex-direction: column;
}
/*############################# GENERAL #############################*/
h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 500;
}
::-webkit-selection {
  color: #818892;
  background: #f9f6f0;
}
::-moz-selection {
  color: #818892;
  background: #f9f6f0;
}
::selection {
  color: #818892;
  background: #f9f6f0;
}
h3 a {
  text-decoration: none;
  background: rgba(0,0,0,0);
}
h3 a:hover {
  text-decoration: none;
  background-color: #99CCCC;
  color: #fff;
}
.cifasis-page {
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/***************************************************************/
.js .to-animate,
.js .to-animate-2,
.js .to-animate-3,
.js .single-animate {
  opacity: 0;
}
.row-bottom-padded-lg {
  padding-bottom: 7em;
}
.row-bottom-padded-md {
  padding-bottom: 4em;
}
.row-bottom-padded-sm {
  padding-bottom: 2em;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* Posicion */
.valign-top {
  vertical-align: top;
}
.valign-flex-top {
  justify-content: center;
  align-items: flex-start;
}
.valign-middle {
  vertical-align: middle !important;
}
.align-right {
  float: right !important;
  text-align: right;
}
.align-center {
  text-align: center;
}
.padding-left-5 {
  padding-left: 5px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-left-20 {
  padding-left: 20px;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-right-10 {
  padding-right: 10px;
}
.padding-right-20 {
  padding-right: 20px;
}
.padding-right-30 {
  padding-right: 30px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-bottom-50 {
  padding-bottom: 50px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-top-20 {
  padding-top: 20px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
/* texto */
.text-mayusculas {
  text-transform: uppercase;
}
.text-right {
  text-align: right;
}
.width-40 {
  width: 40px;
}
.width-50p {
  width: 50%;
}
.width-99p {
  width: 99%;
}
.height-599 {
  height: 599px;
  max-height: 599px;
}
.height-399 {
  height: 399px;
  max-height: 399px;
}
.height-299 {
  height: 299px;
  max-height: 299px;
}
.height-50 {
  height: 50px;
}
.left {
  float: left;
  width: auto;
  margin-right: 10px;
}
.text-left {
  float: left !important;
  /* width: auto;
  margin-right: 10px; */
}
.right {
  float: right;
  width: auto;
  margin-left: 10px;
}
.center {
  display: block;
  text-align: center;
  margin: 20px auto;
}
.boton-masinfo {
  padding-top: 10px;
  padding-bottom: 10px;
}
.busqueda {
  display: block;
  float: right;
  padding: 10px 0px 30px 0px;
}
.ultima-publicacion {
  display: block;
  float: left;
  padding: 2px 0 2px 5px;
}
.simbolo-arroba {
  position: relative;
}
.simbolo-arroba:before {
  content: "\f1fa";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 16px;
  top: 0;
  left: 0;
}
.border-bottom-1 {
  border-bottom: 1px solid rgb(228, 228, 228);
}
#myUL li {
  display: block;
  text-decoration: none;
}
#myUL li:before {
  /*Using a Bootstrap glyphicon as the bullet point*/
  content: "\e080";
  font-family: 'Glyphicons Halflings';
  font-size: 9px;
  float: left;
  margin-top: 4px;
  margin-left: -17px;
  color: #CCCCCC;
}
.hr2 {
  border:1px solid rgb(77, 180, 254);
}
main#main {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100% !important;
}
main#main-index {
  display: flex;
  flex: 1;
  flex-direction: column;
}
/*############################# MEDIA #############################*/
@media screen and (max-width: 767px) {
  /* reducido */
  main#main-index {
    display: flex;
    flex: 1;
    flex-direction: column;
    background: white;
  }
  main#main-index > article {
    flex: 1;
    justify-content: center;
    align-items: flex-start;
  }
  /*
  .navbar-collapse {
    width: 99% !important;
    height:0vmax;
    background-color: white !important;
  }
  */
  .container-fluid.small img.logo-cifasis {
    margin-top: -15px;
  }
}
@media screen and (min-width: 768px) {
  /* normal */
  main#main-index {
    flex-direction: row;
  }
  main#main-index > article {
    width: 65%;
  }
  main#main-index > aside {
    width: 35%;
    flex: 0 0 20vw;
    background-color: rgb(204, 247, 255);
  }
  .anios-produccion {
    display:block;
  }
  .container-fluid.small img.logo-cifasis {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767px) {
  main#main {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 45px;
  }
  main#main > article {
    flex: 1;
  }
}
@media screen and (min-width: 768px) {
  main#main {
    flex-direction: row;
  }
  main#main > article {
    flex: 0 0 100%;
  }
}
@media screen and (max-width:1065px){
  .owl-pagination {
    display: block;
  }
  .owl-buttons {
    display: none;
  }
}
.espacios {
  height: 400px;
}

input[type=search]::-webkit-search-cancel-button {
  cursor:pointer;
  -webkit-appearance: searchfield-cancel-button;
}