@charset "UTF-8";
/*========================================
=             APP CUSTOM                 =
========================================*/
/*======= GENERAL SETTINGS =======*/
* {
  margin: 0;
  padding: 0; }

html, body {
  height: 100%;
  font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
  letter-spacing: 0.060px;
  width: 100%;
  color: #343434 !important; }

img {
  width: 100%; }

/*========== FONT ==========*/
@media screen and (min-width: 0\0) {
  html, body {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 500 !important; }

  /* Tus estilos CSS para IE9, IE10, IE11  */ }
/*========== EXTRAS ==========*/
figure a {
  width: 100%; }

a {
  display: inline-block; }

a:hover,
a:focus,
a:active {
  background-color: transparent !important;
  outline: 0;
  text-decoration: none !important; }

input:hover, input:active, input:focus {
  outline: 0; }

/*========== VARIABLES ==========*/
/*========== MENU ==========*/
/*========== SCROLL ==========*/
/*========== GENERAL ==========*/
body {
  background-attachment: fixed;
  background-size: cover;
  background-position: 0 90%; }

.pd-0 {
  padding: 0 !important; }

.mg-0 {
  margin: 0 !important; }

/*========== FORM ==========*/
.box_user_initial {
  color: #fff;
  text-align: center;
  padding: 50px 0;
  left: 50%;
  margin: 0px !important;
  position: absolute;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  top: 50%; }

.color_box {
  background-color: rgba(42, 44, 50, 0.8); }

.sombra {
  -webkit-box-shadow: 0px 10px 8px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 8px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 8px -4px rgba(0, 0, 0, 0.75); }

.box_form_g {
  height: 100vh;
  position: relative;
  width: 100%; }

form {
  margin-top: 20px;
  display: inline-block;
  width: 100%; }

.form-opt {
  position: relative;
  width: 75%;
  margin: 25px auto; }

.form-opt input {
  border: #fff;
  border-bottom: 1px solid !important;
  border: 0px solid;
  background-color: transparent;
  resize: none;
  display: block;
  width: 100%;
  padding: 6px 25px 6px 5px;
  font-size: 13px; }

input:active, input:hover, input:focus,
textarea:active, textarea:hover, textarea:focus,
button:active, button:hover, button:focus {
  outline: 0; }

.form-opt button {
  width: 100%;
  border: 0;
  border-radius: 0;
  background-color: #ee9c51;
  padding: 6px;
  margin: 15px 0;
  font-size: 16px; }
  .form-opt button a {
    color: #26282d;
    display: block; }

.form-opt > label {
  font-size: 13px;
  position: absolute;
  top: 0.9em;
  left: 0;
  font-weight: 300;
  color: #a8a8a8;
  pointer-events: none;
  transition: all 300ms linear; }

.form-opt #nombre, .form-opt #email {
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 6px; }

.form-opt #nombre {
  background-image: url(../assets/icon/icon_1.png); }

.form-opt #email {
  background-size: 16px;
  background-image: url(../assets/icon/icon_2.png); }

.form-opt > .text-op:focus + label,
.form-opt > .text-op:valid + label {
  opacity: 0;
  transform: translateY(-1.7em);
  transform-origin: bottom left; }

.form-opt > .text-op:focus + label,
.form-opt > .text-op:focus:valid + label {
  color: #a8a8a8; }

.contact-form-el > .text-op:focus + label,
.contact-form-el > .text-op:valid + label {
  transform: translateY(-1em);
  transform-origin: bottom left; }

.note a, .note a:hover {
  color: #fff;
  font-size: 12px; }

/*========== MENU ==========*/
#navbar {
  border: 0px;
  border-radius: 0;
  margin-bottom: 0px;
  padding: 8px 0;
  position: fixed;
  width: 100%;
  z-index: 10000; }

#nav-toggle {
  border-radius: 0;
  cursor: pointer;
  background: #fff !important;
  height: 45px;
  margin: 0;
  pointer-events: all;
  right: 28px;
  top: 28px;
  width: 45px;
  z-index: 10000; }

#logo_menu img {
  display: inline-block;
  float: left;
  width: 100px; }

#logo_menu h1 {
  font-weight: 600;
  color: #fff !important;
  display: inline-block;
  font-size: 15px;
  margin-top: 15px; }

#logo_menu h1 span {
  display: block;
  padding-left: 8px; }

#user_nav h4 {
  font-weight: 600;
  color: #ffa859 !important;
  display: inline-block;
  font-size: 15px;
  margin: 15px 4px 0 0;
  text-align: right; }

#user_nav img {
  display: inline-block;
  width: 28px;
  top: -9px;
  position: relative; }

/*======= ICONO X =======*/
#nav-toggle {
  border-radius: 0;
  cursor: pointer;
  background-color: #fff;
  height: 45px;
  margin: 0;
  pointer-events: all;
  right: 28px;
  top: 28px;
  width: 45px;
  z-index: 10000; }
  #nav-toggle .line {
    clear: right;
    background: #1c1b20;
    float: right;
    height: 2px;
    -webkit-transition: all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
  #nav-toggle .line:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px; }
  #nav-toggle .line:nth-child(2) {
    margin-top: -2px !important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20px !important; }
  #nav-toggle .line:nth-child(3) {
    width: 0px; }
  #nav-toggle.collapsed .line + .line {
    margin-top: 2px !important; }
  #nav-toggle.collapsed .line:nth-child(1) {
    transform: rotate(0);
    width: 20px; }
  #nav-toggle.collapsed .line:nth-child(2) {
    opacity: 1;
    transform: rotate(0);
    width: 20px; }
  #nav-toggle.collapsed .line:nth-child(3) {
    transform: rotate(0);
    width: 20px; }

#nav-toggle .icon {
  display: block;
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  transform: translate(50%, -50%); }

/*======= CATEGORÍA =======*/
.categoria_box {
  text-align: center;
  padding: 25px 10px;
  margin: 0 7px;
  color: #fff;
  height: 100%;
  width: 95%;
  transition: all 0.2s linear; }
  .categoria_box:hover, .categoria_box:focus, .categoria_box:active {
    background-color: rgba(201, 90, 30, 0.8) !important;
    color: #fff !important; }
  .categoria_box h4 {
    font-weight: 600; }
  .categoria_box p {
    line-height: 1.2; }

.color_none {
  background-color: rgba(97, 101, 111, 0.8); }
  .color_none:hover, .color_none:active, .color_none:focus {
    background-color: rgba(97, 101, 111, 0.8) !important; }

.categoria_box img {
  width: 40px; }

.box_inter_depar {
  text-align: left;
  margin-left: 25px; }

#breadcrumb a {
  display: initial;
  color: #fff;
  padding: 0 5px; }
#breadcrumb .line_ {
  border-right: 1px solid #fff; }

#depar_name {
  margin-top: 35px; }
  #depar_name img {
    width: 44px;
    display: inline-block; }
  #depar_name h4 {
    font-weight: 600;
    display: inline-block;
    margin: 0 5px;
    position: relative;
    top: 15px; }

.box_date_extra {
  text-align: left;
  background-color: #ee9c51;
  padding: 50px 60px;
  font-size: 17px;
  position: absolute;
  left: -45px;
  margin-top: 22px; }
  .box_date_extra a {
    transition: all 0.2s linear;
    color: #3d4045; }
  .box_date_extra a:hover, .box_date_extra a:focus, .box_date_extra a:active {
    color: #000; }
  .box_date_extra img {
    width: 16px;
    margin-right: 5px; }

@media only screen and (max-width: 765px) and (min-width: 0) {
  #menu_mobil > ul {
    background-attachment: fixed;
    background-color: rgba(3, 3, 6, 0.85);
    height: 100vh;
    margin-top: 0 !important;
    top: 0; }

  #menu_mobil .nav > li {
    padding-left: 21px;
    width: 100%; }

  #navbar {
    background-color: rgba(3, 3, 6, 0.29); }

  .box_user_initial {
    left: 0;
    -ms-transform: translate(-50%, -50%);
    transform: translate(0, 0);
    width: 100%;
    top: 0;
    padding: 95px 0; }

  .categoria_box {
    margin: 10px 7px 10px; }

  .box_inter_depar {
    margin-top: 30px; }

  .box_date_extra {
    position: relative;
    left: 0;
    padding: 25px 20px; } }

/*# sourceMappingURL=main.css.map */