@import url(bootstrap.min.css);
@import url(owl.carousel.min.css);
@import url(animate.css);
@import url(magnific-popup.css);
@import url(font-awesome.min.css);
@import url(custom-icon.css);
@import url(classy-nav.min.css);

@import url(micampus.css);




/* -------- FUENTES -------- */ 


@import url("https://usmp.edu.pe/fia/fonts/robotocondensed.woff2");

@font-face {
font-family: "Roboto Condensed";
src: url("https://usmp.edu.pe/fia/fonts/robotocondensed.woff2");
}


@import url("https://usmp.edu.pe/fia/fonts/roboto.woff2");

@font-face {
font-family: "Roboto";
src: url("https://usmp.edu.pe/fia/fonts/roboto.woff2");
}


@import url("https://usmp.edu.pe/fia/fonts/Roboto-Bold.woff2");

@font-face {
  font-family: "RobotoBold";
  src: url("https://usmp.edu.pe/fia/fonts/roboto.woff2");
  }


/* -------- FIN FUENTES --------- */



* {
  margin: 0;
  padding: 0; }

body {
  /*font-family: "Montserrat", sans-serif; xq usaste monserrat */
  font-family: "Roboto Condensed", sans-serif !important; /* xq usaste monserrat : NO LO SE :V */
  font-size: 14px; }

h1,
h2,
h3,
h4,

h6 {
  color: #242424;
  line-height: 1.3;
  font-weight: 700; }
p {
  color: #606060;
  font-size: 14px;
  line-height: 2;
  font-weight: 500; }

a,
a:hover,
a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 5ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #585857;
  font-weight: 600;
  font-size: 14px; }

ul,
ol {
  margin: 0; }
  ul li,
  ol li {
    list-style: none; }

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

/* Spacing */
.mt-15 {
  margin-top: 15px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-50 {
  margin-left: 50px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-50 {
  margin-right: 50px !important; }

/* Height */
.height-400 {
  height: 400px !important; }

.height-500 {
  height: 500px !important; }

.height-600 {
  height: 600px !important; }

.height-700 {
  height: 700px !important; }

.height-800 {
  height: 800px !important; }

  .fa-angle-up{
    color: white !important;
   /* background: white;*/
  }
/* Section Padding */
.section-padding-100 {
  padding-top: 100px;
  padding-bottom: 20px; }

.section-padding-100-0 {
  padding-top: 100px;
  padding-bottom: 0; }

.section-padding-0-100 {
  padding-top: 0;
  padding-bottom: 100px; }

.section-padding-100-70 {
  padding-top: 100px;
  padding-bottom: 70px; }

/* Section Heading */
.section-heading {
  position: relative;
  z-index: 1;
  max-width: 600px;
  margin-bottom: 80px !important; }
  .section-heading span {
    color: #606060;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    letter-spacing: 2px; }
  .section-heading h3 {
    font-size: 34px;
    margin-bottom: 0;
    font-weight: 600; }
    @media only screen and (max-width: 767px) {
      .section-heading h3 {
        font-size: 24px; } }
  .section-heading.text-left {
    text-align: left !important; }
  .section-heading.white span,
  .section-heading.white h3 {
    color: #ffffff; }

/* Preloader */
#preloader {
  background: #a90329 9%;
  background: -webkit-linear-gradient(to right, #a90329 9%, #8f0222 31%);
  background: linear-gradient(to right, #a90329 9%, #8f0222 31%);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5000; }
  #preloader .circle-preloader {
    display: block;
    width: 60px;
    height: 60px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-bottom-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: spin 2s infinite linear; }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* Miscellaneous */
.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

.bg-white {
  background-color: #ffffff !important; }

.bg-dark {
  background-color: #000000 !important; }

.bg-transparent {
  background-color: transparent !important; }

.font-bold {
  font-weight: 700; }

.font-light {
  font-weight: 300; }

.bg-overlay {
  /*background-image: url('../img/bg-img/externo_FIA.jpg');*/
  position: relative;
  z-index: 2;
  background-position: center center;
  background-size: cover; }
  .bg-overlay::after {
    background-color: rgba(0, 0, 0, 0.78);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #ffffff;
  right: 0;
  padding-right: 0;
  width: 30px;
  height: 30px;
  background-color: #a90329 9%;
  line-height: 30px;
  text-align: center;
  position: absolute;
  top: 40px;
  right: -30px; }
  @media only screen and (max-width: 767px) {
    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close {
      right: 0; } }

/* ScrollUp */
#scrollUp {
  background: #a90329 9%;
  background: -webkit-linear-gradient(to right, #a90329 9%, #8f0222 31%);
  background: linear-gradient(to right, #a90329 9%, #8f0222 31%);
  border-radius: 0;
  bottom: 60px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  right: 60px;
  text-align: center;
  width: 40px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
  #scrollUp:hover {
    background-color: #141414; }
  @media only screen and (max-width: 767px) {
    #scrollUp {
      bottom: 30px;
      right: 30px; } }

/* Essence Button */
.academy-btn {
  display: inline-block;
  min-width: 160px;
  height:50px;
  color: #ffffff;
  border: none;
  border-radius: 0;
  padding: 0 40px;
  font-size: 14px;
  line-height: 50px;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  background: #990033;
  
  font-weight: 600; }
  .academy-btn.btn-sm {
    min-width: 110px;
    padding: 0 20px;
    height: 42px;
    line-height: 42px; }
  .academy-btn.active, .academy-btn:hover, .academy-btn:focus {
    font-size: 14px;
    font-weight: 600;
    transition:2s;
    color: #ffffff;
    background: #a90329 9%;
    background: -webkit-linear-gradient(to right, #a90329 9%, #8f0222 31%);
    background: linear-gradient(to right, #a90329 9%, #8f0222 31%); }
  .academy-btn.btn-2 {
    background: #141414; }
    .academy-btn.btn-2:hover, .academy-btn.btn-2:focus {
      background: #69bc5f; }
  .academy-btn.btn-3 {
    background: #69bc5f; }
    .academy-btn.btn-3:hover, .academy-btn.btn-3:focus {
      background: #141414; }
  .academy-btn.btn-4 {
    background: #ffffff;
    border: 2px solid #69bc5f;
    color: #606060; }
    .academy-btn.btn-4:hover, .academy-btn.btn-4:focus {
      background: #69bc5f;
      color: #ffffff; }

/* Header Area CSS */
.header-area {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 125px; }
  .header-area .top-header {
    width: 100%;
    height: 95px; }
    .header-area .top-header .login-content a {
      display: inline-block;
      font-weight: 600; }
      .header-area .top-header .login-content a:hover {
        color: #901C1F; }
  .header-area .academy-main-menu {
    position: absolute;
    width: 100%;
    height: 85px;
    background-color: transparent;
    top: 175px;
    z-index: 100;
    left: 0;
    right: 0; }
    .header-area .academy-main-menu .classy-nav-container {
      background-color: transparent; }
    .header-area .academy-main-menu .classy-navbar {
      background-color: #EAEDED;
      height: 85px;
      padding: 0; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-area .academy-main-menu .classy-navbar {
          padding: 0;
          padding-left: 2em; } }
      @media only screen and (max-width: 767px) {
        .header-area .academy-main-menu .classy-navbar {
          padding: 0;
          padding-left: 2em; } }
      .header-area .academy-main-menu .classy-navbar .classynav ul li a {
        font-weight: 700;
        text-transform: uppercase; 
        font-family: 'Roboto Condensed', sans-serif;
      }

        /*efecto hover*/
        .header-area .academy-main-menu .classy-navbar .classynav ul li a:hover, .header-area .academy-main-menu .classy-navbar .classynav ul li a:focus {
          color: #901C1F; }


    .header-area .academy-main-menu .classynav {
      padding-left: 2em; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .megamenu{
          /*  border: 1px solid #000;*/
            margin:0px;
          }
        .header-area .academy-main-menu .classynav {
          padding-left: 1em; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-area .academy-main-menu .classynav {
          padding-left: 0; } }
      @media only screen and (max-width: 767px) {
        .header-area .academy-main-menu .classynav {
          padding-left: 0; } }
    .header-area .academy-main-menu .calling-info {
      position: relative;
      padding-left: 50px;
      overflow: hidden; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .header-area .academy-main-menu .calling-info {
          padding-left: 50px; } }
      .header-area .academy-main-menu .calling-info .call-center {
        position: relative;
        z-index: 1;
        background: #a90329 9%;
        background: -webkit-linear-gradient(to right, #a90329 9%, #8f0222 31%);
        background: linear-gradient(to right, #a90329 9%, #8f0222 31%);
        padding: 0 40px;
        line-height: 85px;
        height: 85px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .header-area .academy-main-menu .calling-info .call-center {
            padding: 0 15px 0 30px; } }
        .header-area .academy-main-menu .calling-info .call-center a {
          color: #ffffff;
          font-size: 14px;
          font-weight: 700;
          display: block; }
          .header-area .academy-main-menu .calling-info .call-center a i {
            width: 45px;
            height: 45px;
            border: 2px solid #ffffff;
            border-radius: 50%;
            display: inline-block;
            line-height: 41px;
            font-size: 18px;
            text-align: center;
            margin-right: 20px; }
            @media only screen and (min-width: 992px) and (max-width: 1199px) {
              .header-area .academy-main-menu .calling-info .call-center a i {
                margin-right: 10px; } }
          @media only screen and (max-width: 767px) {
            .header-area .academy-main-menu .calling-info .call-center a span {
              display: none; } }
        .header-area .academy-main-menu .calling-info .call-center:before {
          position: absolute;
          width: 50px;
          height: 120%;
          top: 3px;
          left: -28px;
          z-index: 1;
          background-color: #a90329 9%;
          content: '';
          -webkit-transform: rotate(30deg);
          transform: rotate(30deg); }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .header-area .academy-main-menu .calling-info .call-center:before {
              width: 42px; } }
  .header-area .is-sticky .academy-main-menu {
    position: fixed;
    width: 100%;
    height: 85px;
    top: 0;
    left: 0;
    z-index: 3000;
    background-color: #f5f7fa;
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.2); }
    .header-area .is-sticky .academy-main-menu::after {
      position: absolute;
      width: 25%;
      height: 100%;
      top: 0;
      right: 0;
      z-index: 1;
      background-color: #8f0222 31%;
      content: ''; }

.hero-slides {
  position: relative;
  z-index: 1; }
  .hero-slides .single-hero-slide {
    width: 100%;
    height: 600px;
    position: relative;
    z-index: 1; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .hero-slides .single-hero-slide {
        height: 650px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-slides .single-hero-slide {
        height: 550px; } }
    @media only screen and (max-width: 767px) {
      .hero-slides .single-hero-slide {
        height: 600px; } }
    .hero-slides .single-hero-slide h4 {
      color: #ffffff;
      margin-bottom: 10px; }
      @media only screen and (max-width: 767px) {
        .hero-slides .single-hero-slide h4 {
          font-size: 18px; } }
    .hero-slides .single-hero-slide h2 {
      font-size: 60px;
      color: #ffffff;
      margin-bottom: 30px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero-slides .single-hero-slide h2 {
          font-size: 48px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hero-slides .single-hero-slide h2 {
          font-size: 36px; } }
      @media only screen and (max-width: 767px) {
        .hero-slides .single-hero-slide h2 {
          font-size: 30px; } }
  .hero-slides .owl-prev,
  .hero-slides .owl-next {
  
    width: 56px;
    height: 56px;
    line-height: 56px;
    color: #FFFEFD;
    top: 50%;
    margin-top: -28px;
    left: 5%;
    position: absolute;
    z-index: 10;
    text-align: center;
    font-size: 100px;
    font-weight: 700;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
    @media only screen and (max-width: 767px) {
      .hero-slides .owl-prev,
      .hero-slides .owl-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: -20px; } }
    .hero-slides .owl-prev:hover, .hero-slides .owl-prev:focus,
    .hero-slides .owl-next:hover,
    .hero-slides .owl-next:focus {
      color: #ffffff; 
      transition: transform .2s;
      transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
  .hero-slides .owl-next {
    left: auto;
    right: 5%; }
  .hero-slides:hover .owl-prev, .hero-slides:hover .owl-next {
    opacity: 1;
    visibility: visible; }
  .sombra{
    text-shadow:2px 2px black;
  }
  .rob{
   font-family: 'Roboto Condensed';
   font-size: 14px;
   color:#585857;
  }

/* Top Features Area CSS */
.top-features-area {
  position: relative;
  z-index: 50;
  margin-bottom: -60px; }
  @media only screen and (max-width: 767px) {
    .top-features-area {
      margin-bottom: -115px; } }
  .top-features-area .features-content {
    position: relative;
    z-index: 50;
    background: #990033;
    padding: 40px 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    .top-features-area .features-content .single-top-features {
      border-right: 2px solid #ffffff; }
      @media only screen and (max-width: 767px) {
        .top-features-area .features-content .single-top-features {
          border-right: none;
          border-bottom: 2px solid #ffffff;
          padding-bottom: 15px;
          margin-bottom: 15px; } }
      .top-features-area .features-content .single-top-features i {
        font-size: 40px;
        margin-right: 15px;
        color: #ffffff; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .top-features-area .features-content .single-top-features i {
            font-size: 28px;
            margin-right: 10px; } }
        @media only screen and (max-width: 767px) {
          .top-features-area .features-content .single-top-features i {
            font-size: 28px;
            margin-right: 10px; } }
      .top-features-area .features-content .single-top-features h5 {
        font-size: 18px;
        margin-bottom: 0;
        font-weight: 600;
        color: #ffffff; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .top-features-area .features-content .single-top-features h5 {
            font-size: 16px; } }
    .top-features-area .features-content .col-12:last-child .single-top-features {
      border-right: none; }
      @media only screen and (max-width: 767px) {
        .top-features-area .features-content .col-12:last-child .single-top-features {
          border: none;
          padding-bottom: 0;
          margin-bottom: 0; } }

/* Course Area CSS */
.single-course-area .course-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91px;
  flex: 0 0 91px;
  min-width: 91px;
  width: 91px;
  background: #a90329 9%;
  background: -webkit-linear-gradient(to right, #a90329 9%, #8f0222 31%);
  background: linear-gradient(to right, #a90329 9%, #8f0222 31%);
  width: 91px;
  height: 91px;
  line-height: 0px;
  font-size: 40px;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  margin-right: 30px; }
.single-course-area .course-content h4 {
  margin-bottom: 15px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-course-area .course-content h4 {
      font-size: 18px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-course-area .course-content h4 {
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    .single-course-area .course-content h4 {
      font-size: 18px; } }
.single-course-area .course-content p {
  margin-bottom: 0; }
.single-course-area:hover .course-content h4, .single-course-area:focus .course-content h4 {
  color: #a90329; }

/* Testimonials Area CSS */
.single-testimonial-area {
  position: relative;
  z-index: 1; }
  .single-testimonial-area .testimonial-thumb {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55px;
    flex: 0 0 55px;
    max-width: 55px;
    width: 55px;
    height: 55px;
    border: 2px solid transparent;
    margin-right: 40px;
    margin-top: 15px;
    border-radius: 50%; }
    .single-testimonial-area .testimonial-thumb img {
      border-radius: 50%; }
  .single-testimonial-area .testimonial-content h5 {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 30px; }
  .single-testimonial-area .testimonial-content p {
    color: #ffffff; }
  .single-testimonial-area .testimonial-content h6 {
    color: #ffffff;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 15px; }
    .single-testimonial-area .testimonial-content h6 span {
      color: #4F8C11; }
  .single-testimonial-area:hover .testimonial-thumb {
    border-color: #4F8C11; }
  .single-testimonial-area:hover .testimonial-content h5 {
    color: #4F8C11; }

/* Top Popular Course Area CSS */
.single-top-popular-course {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  background-color: #eef3f6; }
  .single-top-popular-course .popular-course-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54%;
    flex: 0 0 54%;
    max-width: 54%;
    width: 54%;
    padding: 30px; }
    @media only screen and (max-width: 767px) {
      .single-top-popular-course .popular-course-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%; } }
    .single-top-popular-course .popular-course-content h5 {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 8px; }
    .single-top-popular-course .popular-course-content span {
      font-size: 12px;
      color: #a90329 9%;
      margin-bottom: 10px;
      display: block; }
    .single-top-popular-course .popular-course-content .course-ratings {
      font-size: 10px;
      color: #fbb710;
      margin-bottom: 30px; }
      .single-top-popular-course .popular-course-content .course-ratings .fa-star-o {
        color: #e0e3e4; }
  .single-top-popular-course .popular-course-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
    width: 46%;
    height: 350px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-top-popular-course .popular-course-thumb {
        height: 420px; } }
    @media only screen and (max-width: 767px) {
      .single-top-popular-course .popular-course-thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .single-top-popular-course .popular-course-thumb {
        height: 250px; } }

.popular-course-details-area .single-top-popular-course {
  margin-bottom: 0; }
  .popular-course-details-area .single-top-popular-course .popular-course-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 570px;
    flex: 0 0 570px;
    max-width: 570px;
    width: 570px;
    padding: 30px;
    margin-left: auto; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .popular-course-details-area .single-top-popular-course .popular-course-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 465px;
        flex: 0 0 465px;
        max-width: 465px;
        width: 465px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .popular-course-details-area .single-top-popular-course .popular-course-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 370px;
        flex: 0 0 370px;
        max-width: 370px;
        width: 370px; } }
    @media only screen and (max-width: 767px) {
      .popular-course-details-area .single-top-popular-course .popular-course-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%; } }
    .popular-course-details-area .single-top-popular-course .popular-course-content h5 {
      font-size: 36px;
      font-weight: 500;
      margin-bottom: 8px;
      margin-left: -2px; }
    .popular-course-details-area .single-top-popular-course .popular-course-content span {
      font-size: 14px;
      color: #a90329 9%;
      margin-bottom: 10px;
      display: block; }
    .popular-course-details-area .single-top-popular-course .popular-course-content .course-ratings {
      font-size: 10px;
      color: #fbb710;
      margin-bottom: 30px; }
      .popular-course-details-area .single-top-popular-course .popular-course-content .course-ratings .fa-star-o {
        color: #e0e3e4; }
  .popular-course-details-area .single-top-popular-course .popular-course-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    height: 620px; }
    @media only screen and (max-width: 767px) {
      .popular-course-details-area .single-top-popular-course .popular-course-thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: 400px; } }

/* Partner Area CSS */
.partners-logo {
  position: relative;
  z-index: 1; }
  .partners-logo a {
    display: inline-block;
    max-width: 130px; }
    @media only screen and (max-width: 767px) {
      .partners-logo a {
        max-width: 40px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .partners-logo a {
        max-width: 60px; } }

/* Call to Action Area CSS */
.call-to-action-area {
  position: relative;
  z-index: 1;
  background: #a90329 9%;
  background: -webkit-linear-gradient(to right, #a90329 9%, #8f0222 31%);
  background: linear-gradient(to right, #a90329 9%, #8f0222 31%);
  padding: 70px 0; }
  .call-to-action-area .cta-content h3 {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .call-to-action-area .cta-content h3 {
        font-size: 24px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .call-to-action-area .cta-content h3 {
        font-size: 20px; } }
    @media only screen and (max-width: 767px) {
      .call-to-action-area .cta-content h3 {
        font-size: 24px;
        margin-bottom: 30px; } }
  .call-to-action-area .cta-content .academy-btn {
    min-width: 110px;
    padding: 0 20px;
    height: 42px;
    line-height: 38px;
    border: 2px solid #ffffff; }

/* Footer Area CSS */
.main-footer-area {
  background-color: #232323; }
  .main-footer-area .footer-widget .widget-title {
    margin-bottom: 45px; }
    .main-footer-area .footer-widget .widget-title h6 {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 0;
      color: #ffffff;
      margin-top: 10px;
      text-transform: uppercase; }
  .main-footer-area .footer-widget .footer-social-info a {
    display: inline-block;
    color: #606060;
    margin-right: 15px; }
    .main-footer-area .footer-widget .footer-social-info a:hover, .main-footer-area .footer-widget .footer-social-info a:focus {
      color: #ffffff; }
  .main-footer-area .footer-widget .useful-links li a {
    display: block;
    color: #606060;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500; }
    .main-footer-area .footer-widget .useful-links li a:hover, .main-footer-area .footer-widget .useful-links li a:focus {
      color: #69bc5f; }
  .main-footer-area .footer-widget .gallery-list a {
    position: relative;
    z-index: 1;
    @flex (0 0 30%);
    max-width: 30%;
    margin-bottom: 15px;
    cursor: zoom-in; }
    .main-footer-area .footer-widget .gallery-list a::after {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      content: '';
      background-color: rgba(97, 186, 109, 0.8);
      opacity: 0;
      visibility: hidden;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
    .main-footer-area .footer-widget .gallery-list a:hover::after {
      opacity: 1;
      visibility: visible; }
  .main-footer-area .footer-widget .single-contact i {
    color: #69bc5f;
    font-size: 20px;
    margin-right: 15px;
    padding-top: 7px; }
  .main-footer-area .footer-widget .single-contact p {
    margin-bottom: 0; }

.bottom-footer-area {
  background-color: #585857;
  padding: 30px 0;
  text-align: center; }
  .bottom-footer-area p {
    color:white;
    font-size: 12px;
    margin-bottom: 0; }
    .bottom-footer-area p a {
      color: white;
      font-size: 12px; }

/* Breadcumb Area CSS */
.breadcumb-area {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 200px; }
  .breadcumb-area .bradcumbContent {
    width: 500px;
    height: 110px;
    background: #a90329 9%;
    background: -webkit-linear-gradient(to right, #a90329 9%, #8f0222 31%);
    background: linear-gradient(to right, #a90329 9%, #8f0222 31%);
    position: absolute;
    bottom: -60px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    z-index: 30; }
    @media only screen and (max-width: 767px) {
      .breadcumb-area .bradcumbContent {
        width: 100%; } 
        }
    .breadcumb-area .bradcumbContent h2 {
      text-align: center;
      line-height: 110px;
      font-size: 36px;
      color: #ffffff; }
      @media only screen and (max-width: 767px) {
        .breadcumb-area .bradcumbContent h2 {
          font-size: 24px; } }
       @media only screen and (max-width: 280px) {
        .breadcumb-area .bradcumbContent h2 {
          font-size: 15px; } }
       
     .breadcumb-area .bradcumbContent h3 {
      text-align: center;
      line-height: 110px;
      font-size: 22px;
      color: #ffffff; }
      @media only screen and (max-width: 767px) {
        .breadcumb-area .bradcumbContent h3 {
          font-size: 22px;line-height: 50px; } }          

/* About Us Content Area CSS */
.about-slides {
  position: relative;
  z-index: 1; }
  .about-slides .owl-prev,
  .about-slides .owl-next {
    background: #a90329 9%;
    background: -webkit-linear-gradient(to right, #a90329 9%, #8f0222 31%);
    background: linear-gradient(to right, #a90329 9%, #8f0222 31%);
    width: 56px;
    height: 56px;
    line-height: 56px;
    color: #ffffff;
    top: 50%;
    margin-top: -28px;
    left: 5%;
    position: absolute;
    z-index: 10;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
    @media only screen and (max-width: 767px) {
      .about-slides .owl-prev,
      .about-slides .owl-next {
        width: 36px;
        height: 36px;
        line-height: 36px;
        margin-top: -18px; } }
  .about-slides .owl-next {
    left: auto;
    right: 5%; }

/* Teachers Area CSS */
.single-teachers-area {
  position: relative;
  z-index: 1; }
  .single-teachers-area .teachers-info h5 {
    font-weight: 400;
    margin-bottom: 3px; }
  .single-teachers-area .teachers-info span {
    color: #69bc5f;
    font-size: 14px; }

/* Blog Area CSS */
@media only screen and (max-width: 767px) {
  .academy-blog-sidebar {
    margin-top: 100px; } }

.single-blog-post {
  background-color: #eef3f6;
  padding: 30px; }
  .single-blog-post .post-title {
    font-size: 24px;
    display: block;
    font-weight: 500;
    margin-bottom: 5px; }
    .single-blog-post .post-title:hover, .single-blog-post .post-title:focus {
      color: #69bc5f; }
  .single-blog-post .post-meta {
    margin-bottom: 30px; }
    .single-blog-post .post-meta p {
      font-size: 12px;
      color: #69bc5f;
      margin-bottom: 0; }
      .single-blog-post .post-meta p a {
        font-size: 12px;
        color: #69bc5f;
        font-weight: 500; }

.academy-pagination-area .pagination .page-item .page-link {
  width: 36px;
  height: 36px;
  background-color: #eef3f6;
  display: block;
  padding: 0;
  border: none;
  margin-right: 10px;
  color: #242424;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  line-height: 36px; }
  .academy-pagination-area .pagination .page-item .page-link:hover, .academy-pagination-area .pagination .page-item .page-link:focus {
    background-color: #a90329 9%;
    color: #ffffff; }
.academy-pagination-area .pagination .page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
.academy-pagination-area .pagination .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
.academy-pagination-area .pagination .page-item.active .page-link {
  background-color: #a90329 9%;
  color: #ffffff; }

.blog-post-search-widget form {
  position: relative;
  z-index: 1; }
  .blog-post-search-widget form input {
    width: 100%;
    height: 48px;
    border: none;
    background-color: #eef3f6;
    padding: 0 30px;
    font-size: 12px;
    font-style: italic; }
  .blog-post-search-widget form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 48px;
    background-color: #69bc5f;
    border: none;
    z-index: 10;
    cursor: pointer;
    color: #ffffff; }

.blog-post-categories {
  background-color: #eef3f6;
  padding: 30px; }
  .blog-post-categories h5 {
    font-size: 18px;
    margin-bottom: 30px; }
  .blog-post-categories ul {
    padding-left: 30px; }
    .blog-post-categories ul li a {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 10px;
      display: block; }
      .blog-post-categories ul li a:hover, .blog-post-categories ul li a:focus {
        color: #69bc5f; }

.latest-blog-posts {
  background-color: #eef3f6;
  padding: 30px; }
  .latest-blog-posts h5 {
    font-size: 18px;
    margin-bottom: 30px; }
  .latest-blog-posts .latest-blog-post-thumb {
    @flex (0 0 66px);
    max-width: 66px;
    width: 66px;
    margin-right: 15px; }
  .latest-blog-posts .latest-blog-post-content .post-title h6 {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    font-weight: 500;
    margin-bottom: 3px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .latest-blog-posts .latest-blog-post-content .post-title h6 {
        font-size: 14px; } }
    .latest-blog-posts .latest-blog-post-content .post-title h6:hover, .latest-blog-posts .latest-blog-post-content .post-title h6:focus {
      color: #69bc5f; }
  .latest-blog-posts .latest-blog-post-content .post-date {
    font-size: 12px;
    color: #69bc5f; }

.map-area {
  position: relative;
  z-index: 2; }
  .map-area #googleMap {
    width: 100%;
    height: 650px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .map-area #googleMap {
        height: 500px; } }

/* Contact Area CSS */
.contact-content {
  margin-top:300px;
  background-image: url('https://usmp.edu.pe/fia/img/bg-img/contacto/fiatrans.jpg');
  background-repeat:no-repeat;
  background-size: cover;
  border-radius:5px;
  padding: 100px 50px;
  position: relative;
  z-index: 15;
  top: -200px;
  margin-bottom: -140px; }
  @media only screen and (max-width: 767px) {
    .contact-content {
      padding: 50px 30px; } }
  .contact-content .section-heading {
    margin-bottom: 30px !important; }
  .contact-content .contact-social-info a {
    color: #69bc5f;
    display: inline-block;
    margin-right: 30px; }
  .contact-content .contact-icon i {
    padding-top: 5px;
    display: inline-block;
    color: #69bc5f; }
  .contact-content .contact-form-area {
    padding: 40px 20px;
    background-color: #ffffff; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .contact-content .contact-form-area {
        margin-top: 100px; } }
    @media only screen and (max-width: 767px) {
      .contact-content .contact-form-area {
        margin-top: 50px; } }
    .contact-content .contact-form-area .form-control {
      height: 55px;
      width: 100%;
      background-color: #eef3f6;
      font-size: 12px;
      font-style: italic;
      margin-bottom: 15px;
      border: none;
      border-radius: 0;
      padding: 15px 25px; }
    .contact-content .contact-form-area textarea.form-control {
      height: 200px; }

.elements-title h2 {
  font-weight: 500; }
.elements-title span {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  color: #8e8e8e;
  margin-bottom: 15px; }

.single-pie-bar h6 {
  font-weight: 500; }

.single-cool-fact {
  position: relative;
  z-index: 1; }
  .single-cool-fact i {
    font-size: 45px;
    margin-bottom: 30px;
    display: block;
    color: #69bc5f; }
  .single-cool-fact h3 {
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 5px; }
  .single-cool-fact p {
    font-size: 16px;
    margin-bottom: 0; }

/* Accordians */
.single-accordion.panel {
  background-color: #ffffff;
  border: 0 solid transparent;
  border-radius: 4px;
  box-shadow: 0 0 0 transparent;
  margin-bottom: 15px; }
.single-accordion:last-of-type {
  margin-bottom: 0; }
.single-accordion h6 {
  margin-bottom: 0;
  text-transform: uppercase; }
  .single-accordion h6 a {
    background-color: #f5f7fa;
    border-radius: 0;
    color: #141414;
    display: block;
    margin: 0;
    padding: 20px 60px 20px 20px;
    position: relative;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500; }
    .single-accordion h6 a span {
      font-size: 10px;
      position: absolute;
      right: 20px;
      text-align: center;
      top: 23px; }
      .single-accordion h6 a span.accor-open {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
    .single-accordion h6 a.collapsed {
      background: #a90329 9%;
      background: -webkit-linear-gradient(to right, #a90329 9%, #8f0222 31%);
      background: linear-gradient(to right, #a90329 9%, #8f0222 31%);
      color: #ffffff; }
      .single-accordion h6 a.collapsed span.accor-close {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
      .single-accordion h6 a.collapsed span.accor-open {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100); }
.single-accordion .accordion-content {
  border-top: 0 solid transparent;
  box-shadow: none; }
  .single-accordion .accordion-content p {
    padding: 20px 15px 5px;
    margin-bottom: 0; }

/* Tabs CSS*/
.academy-tabs-content {
  position: relative;
  z-index: 1; }
  .academy-tabs-content .nav-tabs {
    border-bottom: none;
    margin-bottom: 50px; }
    .academy-tabs-content .nav-tabs .nav-link {
      background: #a90329 9%;
      background: -webkit-linear-gradient(to right, #a90329 9%, #8f0222 31%);
      background: linear-gradient(to right, #a90329 9%, #8f0222 31%);
      padding: 0 20px;
      height: 100px;
      line-height: 50px;
      color: #ffffff;
      margin: 0 2px;
      border-radius: 0;
      border: none; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .academy-tabs-content .nav-tabs .nav-link {
          padding: 0 10px; } }
      @media only screen and (max-width: 767px) {
        .academy-tabs-content .nav-tabs .nav-link {
          padding: 0 10px; } }
      .academy-tabs-content .nav-tabs .nav-link.active {
        background: #f5f7fa;
        color: #141414; }
  .academy-tabs-content .tab-content h6 {
    font-size: 18px; }

      .hoverazul a:hover {
      color:blue;
      text-decoration: underline;
    }
    
    /*institutos*/
.page-header1 { background: url(https://usmp.edu.pe/fia/img/prestaciones/prestaciones.jpg)no-repeat; position: relative; background-size: cover; }
.page-header2 { background: url(https://usmp.edu.pe/fia/img/gradosytitulos/graduados.jpg)no-repeat; position: relative; background-size: cover; }


/*banner oficina de seguimiento al graduado*/
.page-header3 { background: url(https://usmp.edu.pe/fia/img/gradosytitulos/OSG.jpg)no-repeat; position: relative; background-size: cover; }

/*banner fia data*/
.page-header4 { background: url(https://usmp.edu.pe/fia/img/fiadata/fiaedificio.jpg);height: 370px;}

/*banner coordinacion academica*/
.page-header5 { background: url(https://usmp.edu.pe/fia/img/bg-img/coorAcad.jpg);height: 370px;}

/*banner departamento academico*/
.page-header6 { background: url(https://usmp.edu.pe/fia/img/bg-img/fianubes.jpg)no-repeat; position: relative; background-size: cover; }

/*banner carrera civil*/
.page-header7 { background: url(https://usmp.edu.pe/fia/img/carreras/civil/civil_2.jpg);height: 600px;
background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;}

 @media only screen and (max-width: 950px) {
            .page-header7 { 
                background: url(https://usmp.edu.pe/fia/img/carreras/civil/civil_2_sm.jpg);
                
            }
        }
@media only screen and (max-width: 753px) {
            .page-header7 { 
                background: url(https://usmp.edu.pe/fia/img/carreras/civil/civil_2_xs.jpg); 
                 background-size: cover;
            }
        }
@media only screen and (max-width: 512px) {
            .page-header7 { 
                background: url(https://usmp.edu.pe/fia/img/carreras/civil/civil_2_xs2.jpg);
               
            }
        }
@media only screen and (max-width: 321px) {
            .page-header7 { 
                background: url(https://usmp.edu.pe/fia/img/carreras/civil/civil_2_xs3.jpg);
                
            }
        }        

.page-header8 { background: url(https://usmp.edu.pe/fia/img/escuelas/arquitectura/Arquitectura.jpg)no-repeat; position: relative; background-size: cover; }        
.page-header9 { background: url(https://usmp.edu.pe/fia/img/escuelas/civil/civil.jpg)no-repeat; position: relative; background-size: cover; }        
.page-header10 { background: url(https://usmp.edu.pe/fia/img/escuelas/sistemas/sistemas.jpg)no-repeat; position: relative; background-size: cover; }        
.page-header11 { background: url(https://usmp.edu.pe/fia/img/escuelas/industrial/industrial.jpg)no-repeat; position: relative; background-size: cover; }        
.page-header18 { background: url(https://www.usmp.edu.pe/fia/img/escuelas/alimentarias/alimentarias.jpg)no-repeat; position: relative; background-size: cover; }        
.page-header19 { background: url(https://www.usmp.edu.pe/fia/img/escuelas/electronica/electronica.jpg)no-repeat; position: relative; background-size: cover; }        


.page-header12 { background: url(https://usmp.edu.pe/fia/img/escuelas/aeronauticas/aeronauticas.jpg)no-repeat; position: relative; background-size: cover; }   


/*PRESTACIONES*/
.page-header13 { background: url(https://usmp.edu.pe/fia/img/prestaciones/actcultural.jpg)no-repeat; position: relative; background-size: cover; }        
.page-header14 { background: url(https://usmp.edu.pe/fia/img/prestaciones/actBienestar.jpg)no-repeat; position: relative; background-size: cover; }        
.page-header15 { background: url(https://usmp.edu.pe/fia/img/prestaciones/banner_topico.jpg)no-repeat; position: relative; background-size: cover; }      
.page-header16 { background: url(https://usmp.edu.pe/fia/img/prestaciones/coliseo_cabecera.jpg)no-repeat; position: relative; background-size: cover; }          
/*FIN DE LOS BANNERS DE PRESTACIONES */

/* banner novedades */
.page-header17 { background: url(https://usmp.edu.pe/fia/img/banner-novedades.jpg)no-repeat; position: relative; background-size: cover;}



.page-caption1 { padding-top: 170px; padding-bottom: 174px; }

.page-title2 { 
  font-size: 4.5rem; line-height: 1; color: #fff; font-weight: 600;  
  text-align: left;
  text-shadow: black 2px 2px;
  /*width: 20rem;
  height: 10rem;*/
}
@media only screen and (max-width: 431px) {
  .page-title2 {
      font-size:220%;
  }
  }

.page-title1 { 
  font-size: 3.5rem; line-height: 1; color: #fff; font-weight: 600;  
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  /*width: 20rem;
  height: 10rem;*/
}
 @media only screen and (max-width: 372px) {
            .page-title1 {
                font-size:15px;
            }
            }

.card-section1 { position: relative; bottom: 20px; }
.card-block1 { padding: 20px;padding-bottom: 0px; }
.section-title1 { margin-bottom: 60px; }

  /*items-institutos*/
 
.cover-cardInst {
	border: 2px solid white;
	background: silver;
	padding: 0px;
	margin: 0px;
	height:200px;
}
.cover-cardInst > p {
	text-align: center;
	background-color: rgba(6,6,6,0.0);
	color: white;
	width: 100%;
	height: 100%;
	font-weight: bold;
	font-size: 20px;
}
.cover-cardInst > p > a {
	text-align: center;
	background-color: rgba(6,6,6,0.0);
	color: rgba(6,6,6,0.0);
	font-weight: bold;
	font-size: 15px;
}
.cover-cardInst:hover > p > a {
	
	color: white;
	text-shadow: 3px 3px 10px #000;
}
.cover-cardInst:hover > p {
	background-color: rgba(6,6,6,0.3);
	color: white;
	text-shadow: 3px 3px 10px #000;
}


@import url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);
/*INICIO DE panelito de prestaciones*/
.col-item
{
border: 2px solid #E1E1E1;
border-radius: 5px;
background: #FFF;
}


.col-item .photo img
{
border: 2px solid white;
margin: 0 auto;
width: 100%;
}


.col-item .info
{
padding: 10px;
border-radius: 0 0 5px 5px;
margin-top: 1px;
}


.col-item:hover .info 
{
background-color: #F5F5DC;
}


.col-item .price
{
float: left;
margin-top: 5px;
}

.col-item .price h5
{
line-height: 20px;
margin: 0;
}

.price-text-color
{
color: #219FD1;
}

.col-item .info .rating
{
color: #777;
}

.col-item .rating
{
float: left;
font-size: 17px;
text-align: right;
line-height: 52px;
margin-bottom: 10px;
height: 52px;
}

.col-item .separator
{
border-top: 1px solid #E1E1E1;
}

.clear-left
{
clear: left;
}

.col-item .separator p
{
line-height: 20px;
margin-bottom: 0;
margin-top: 10px;
text-align: center;
}

.col-item .separator p i
{
margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
margin: 0px;
padding:0px;
}

[data-slide="prev"]
{
    margin-right: 10px;
}

 
.col-item .btn
{
margin-top: 5px;
width: 45%;
height: 5%;
padding: 7px;
}

/*FIN panelito de prestaciones*/


/*gradosytitulos*/
.lista{margin-left:15px;}
.lista a, .listan a, .sublista a{color:#017090 !important; }
#sublista{margin-left:25px;list-style-type: square;}
.texto1{padding:0px 8px 0px 20px;}
#inicio ul li, #lista li{background: url(../images/cuadradito.png) no-repeat 7px 8px;padding:3px 3px 6px 25px;}
#inicio a:hover, #lista a:hover, #listan a:hover, #sublista a:hover{color:red; text-decoration:underline;cursor:pointer;}



 /* Fixeando stylos - 
   */ 
.megamenu{
  /*border: 20px solid #000;*/
  max-width: 1500px;
  z-index:-9999;

 
}

.fix-li a{
  color: #017090;

}
.lista ul {
  margin-left:20px;
}

.fix-border{
  box-shadow:2px 2px #017090;
}   
.fix-h2{
  font-size: 1.5rem;
}



.texto-general {
  line-height:1.5rem;
  text-align: justify;
 }

 .classynav ul li .megamenu .single-mega.cn-col-3{
  border-right: 1px solid  rgba(143, 2, 34, 0.2);
}

.fix-bradcumbContent{
  width: 800px !important;

}



  /* Funciona de 360px para arriba  */
@media only screen and (min-width:360px){
  

    
}




@media only screen and (min-width: 1270px) {
  .breakpoint-off .classynav ul li:hover .dropdown{
      z-index:0!important;
  }
  

  /* No tocar atte: Victor */ 
  .megamenu{
    /* border: 1px solid #000;*/
     margin:-25px;
     padding: 0 60px;
     z-index:9991 !important;
     
   }
   .breakpoint-off .classynav ul li .megamenu {
     z-index: 0 !important;  /* fix error de superposiciÓN  */
   }
   .fix-position-items{
     left:-50px !important;
    width:160px !important;
   }
   /* Fin No tocar , atte: Victor */ 

}

#azulfia{
  color:#017090 !important;
}

#grisfia{
  color:#585857 !important;
}

#arialj{
  text-align:justify;
  font-family:arial;
  color:#606060;;
}
.arial>p{
  font-family: arial !important;
  color:black;
}
#arial{
  font-family: arial !important;
}
.negrita{
  font-weight:900 !important;
}
/*arquitectura*/
.cajaperfil{
        padding:10px 0px;
        margin-right:2px !important;
        margin-left:2px !important;
        background-color:white;
        border:solid grey 1px;
        border-radius:5px;
        /*box-shadow:0 5px 4px rgba(243, 156, 18);*/
    }
    .cajaperfil h5{
        margin:5px 20px;
        border-radius:5px;
        padding:15px 0px;
        color:#017090;
        text-align:center;
        background-color:lavender;
    }

    div.listaperfil li{
        font-family: "Roboto Condensed";
        list-style-type:decimal;
        font-size:14px;
        color:#606060;
        text-align: justify !important;
        line-height: 16px !important ;
      
    }

    div.listaperfil2 li{
      
      list-style-type:square;
      font-size:14px;
      color:#606060;
      line-height: 16px !important ;
      font-family: "Roboto Condensed";
      text-align: justify !important;
  }

  div.listaperfil3 li{
    font-family: "Roboto Condensed";
    line-height: 16px !important ;
    list-style-type:lower-latin;
    font-size:14px;
    color:#606060;
    text-align: justify !important;
  
}
  

    li.liarquitectura{
		list-style-type:decimal;
		margin:5px 0px;
		font-weight:bold;
		color:#585857;
	  }
     li a.hoverarqui{
      font-weight: bold;
    }
    li a.hoverarqui:hover {
      text-decoration: underline;
      transition:2s;
    }
    .arquiforoimg{
      margin-top:10px;
      padding:15px;
      background-color:#E7DCF5;
      border-radius:5px;
    }

    #justificar{
      text-align:justify !important;
      line-height: unset;
    }

/* Styles Contenido Escuelas  --- Victor */ 
    .text-fix-content{
      text-align:justify !important;
      line-height: unset;
      font-family: "Roboto Condensed";
      font-size: 15.9px;
      color:#585857 !important;

    }
    .text-docentes{
      text-align:justify !important;
      line-height: unset;
      font-family: "Roboto Condensed";
      font-size: 15.9px;
      color: #990033 !important;
      font-weight: bold !important;

    }
    span.text-fix-content  b , b{
      color:#585857 !important;
    }

    .subname-title{
        color: #585857;
        font-weight: bold;
        font-family: "Roboto Condensed";
        font-size: 20px;
    }
    .subtitles-content{
         color: #585857;
        font-weight: bold;
        font-family: "Roboto Condensed";
        font-size: 22px;
    }

    ul.list-fix li{
        list-style-type: disc !important;
        color:#585857;
    }
    .text-fix-list, .fix-items-li-alpha , .fix-items-li-numeric{
      margin-left:14px;
    }
    .text-fix-list li , .fix-items-li-alpha li , .fix-items-li-numeric li{
      color: #585857;
      font-weight: normal;
      font-family: "Roboto Condensed";
      font-size: 15.9px !important;
      list-style-type:decimal !important;
      text-align: justify !important;
      /*border: 1px solid #000;*/
      margin: 0  0 10px 0;
      
    }
    ul.fix-items-li, ul.fix-items-li-alpha  ul.fix-items-li-numeric{
      margin: 0  0 0 14px;
      font-family: "Roboto Condensed";
       color: #585857;
      text-align: justify;
    }
    ul.fix-items-li li{
      list-style-type:disc !important;
      font-family: "Roboto Condensed";
       color: #585857;
      text-align: justify;
    }


    ul.fix-items-li-alpha li{
      list-style-type:  lower-latin !important;
    }

    ul.fix-items-li-numeric li{
      list-style-type:  decimal !important;
    }






    ul.font-16 li {
      font-size: 16px !important;
    }
   /* listas alfabeticas y numeradas xsiacaso si piden; :s  
    ul.number-list-li{
      margin: 0  0 0 14px;
      font-family: "Roboto Condensed";
       color: #585857;
      text-align: justify;
    }

    ul.number-list-li li{
      list-style-type:decimal !important;
      font-family: "Roboto Condensed";
       color: #585857;
      text-align: justify;
    }

    ul.alphabetic-list-li{
      margin: 0  0 0 14px;
      font-family: "Roboto Condensed";
       color: #585857;
      text-align: justify;
    }

    ul.alphabetic-list-li li{
      list-style-type:lower-latin !important;
      margin: 0  0 0 14px;
      font-family: "Roboto Condensed";
       color: #585857;
      text-align: justify;
    } */

   
      
    
       
      
/* Styles Contenido Escuels  ----  Victor */     
    #letracursiva{
      font-family: Arial;
    }
    /*fin de arquitectura*/


    /*estilo coordinacion academica */
    .coordAcad{
      font-style: italic;
      font-family: sans-serif;
    }
    .rowAcad{
      background: linear-gradient(70deg, lavender, white);
      padding:15px 0px;
    }

    .rowArqui{
      background: linear-gradient(70deg, lavender, white);
    }

    .rowArqui3{
      background: linear-gradient(left,70deg, lavender, white);
    }

    .rowArqui2{
      background: linear-gradient(320deg, rgb(164, 239, 235)  , white);
    }
    


    /*estilos modales de información legal = REGLAMENTOS-NORMAS-DIRECTIVAS*/
     #colorRed{
        color:royalblue;
    }
    .link{
    color: #585857 !important;
    font-size:16px !important;
    }

    .link:hover{
      transition: 1s;
      text-decoration: underline !important;
      color:black !important;
    }
    

    .linkOSG{
    color: white;
    }
    a.linkOSG:hover{
    color:black !important;
    text-decoration:underline !important;    
    }

   /* .fa-window-restore:hover:before {
    color:blue;
    }*/
    .modal-dialog{
    overflow-y: initial !important
    }
    .modal-body{
    color:#585857;
    height: 550px;
    overflow-y: auto;
    }
    .modal-body h6{
    color:#585857;
    font-weight: bold;
    }

    .modal-body h6 a{
    color:#017090;
    }
    .popupheader{
        background-color:#E0134E;
        text-align:center;
    }
    .fade{
        opacity:1;
        -webkit-transaction: opacity 1s linear;
        transaction:opacity 1s linear;
    }
    .modal-footer small{
      margin:auto;
      text-align:left; 
    }
    div .modal-footer{
      
      border-top: 2px solid #CCD1D1;
    }
    .modal-footer button{
      float:right;
    }

    .modal-body{
      /*background: url("https://usmp.edu.pe/fia/img/bg-img/marcasAgua/marca2.jpg");*/
      background-size:contain;
      background-repeat:no-repeat;
      background-position: right center;
      color:#585857;
      font-weight:500;
      font-size:16px;
      text-align: justify;
    }
    .modal-body p{
      color:#585857;
      
    }
    .modal-body a:hover h6{
      text-decoration:underline;
      color:red;
      transition:1s;
    }

    /*estilos modales de información legal = REGLAMENTOS-NORMAS-DIRECTIVAS*/

    /*modales de fiadata*/
    .listafia{
      margin-left:10px;
    }
    .listafia ul li {
      list-style-image: url('https://usmp.edu.pe/fia/img/cuadradito.png');
      text-align:justify;
    }
    .listanumerada{
      margin-left:25px;
    }
    .listanumerada ul li {
      list-style-type: decimal;
      text-align:justify;
    }
    .margenSTI{
      margin-left: 40px;
    }


    /* guia de tramites */
  .page-full {
    width: 90%;
    max-width: 780px;
    margin: 0 auto;
  }
  .page-full.page-full-100 {
    width: 100%;
    max-width: 1024px;
  }
  .art-page-full {
    width: 100%;
  }
  .page article header h1 {
  background-color: rgba(176, 183, 187, 0.2);
  padding-left: 0.3em;
  padding-right: 0.3em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
  .st-header {
    width: 100%;
    background-image: url(https://usmp.edu.pe/fia/img/st_header.jpg) !important;
    background-repeat: repeat-x repeat-y;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    text-align: center;
  }
  .st-header h1 {
  padding-top: 10px;
  margin: 0 auto;
  font-size: 25px;
  font-size: 2.5rem;
  color: #7b5227;
  text-align: center;
}
  .st-content {
    width: 100%;
    padding: 0 30px;
    background-image: url(https://usmp.edu.pe/fia/img/st_bg_left.png), url(https://usmp.edu.pe/fia/img/st_bg_right.png), url(https://usmp.edu.pe/fia/img/st_bg.png);
    background-position: top left, top right, top left;
    background-origin: border-box, border-box, border-box;
    background-repeat: repeat-y, repeat-y, repeat;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    *zoom: 1;
  }
  .st-content:before,
  .st-content:after {
    display: table;
    content: "";
  }
  .st-content:after {
    clear: both;
  }

  /* modificar luego no usar dl ni dt en vez de ul y li*/ 
  .st-content dl {
    margin: 0 auto;
    position: relative;
    text-align: center;
  }
  .st-content dl dt {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 30px 10px 23px 10px;
    -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.7);
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.7);
  }
  .st-content dl dt:hover {
    -webkit-box-shadow: 0px 2px 8px 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 2px 8px 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 2px 8px 3px rgba(0, 0, 0, 0.6);
  }

  .st-content dl dt a,
  .st-content img {
    width: 102px;
    height: 139px;
  }
  .st-content dl dt a {
    color: #fff;
    text-decoration: none;
  }
  .st-content dl dt a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 55px 3px 0px 3px;
    text-align: center;
    color: #f9f9f9;
    font-size: 10px !important;
    
    line-height: 1.2;
    text-shadow: 1px 1px 5px #111;
    text-decoration: none;
  }

   /* guia de tramites */
    @media only screen and (max-width: 352px) {
    h2.modaltramite {
            font-size:16px;
        }
    }



    .modaltramite{
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #990033;
    border-bottom: 1px solid rgba(176, 183, 187, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }

    .tramite a{
    display: block;
    padding: 10px 16px;
    text-decoration: none;
    color: #585857;
    border-left: 4px solid #bfbfbf;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    }

    .tramite a:hover{
    display: block;
    padding: 10px 16px;
    text-decoration: none;
    color: #990033 !important;
    border-left: 12px solid #990033;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    }
   

   
/* estilos coordinacion academica no tocar!!!*/

#team .card {
    border: none;
    background: lavender;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a {
}

.backside .card a:hover {
    
    transition:2s;
    text-decoration:underline;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #007b5e !important;
      font-family: "Roboto Condensed" !important; 
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
/*fin de coordinacion academica */


/*estilos fia data y seguimiento al graduado*/
.fiadatadiv
{
	width:100%;
	height:auto;
	border:5px #323233 solid;
	background:lavender;
	text-align:center;
	border-radius:10px;
	overflow:hidden;
	position:relative;
	transition:0.5s;
	margin-bottom:28px;
}


.fiadatadiv img
{
	
	margin-bottom:20px;
	width: 90px;
}

.fiadatadiv h3
{
	font-size:20px;
	font-weight:700;
}

.fiadatadiv p
{
	margin-bottom:0;
}

.fia-back
{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	padding:5px 15px 0 15px;
	text-align:left;
	background:lavender;
	
}

.fia-front
{
	width:100%;
	height:auto;
	position:relative;
	z-index:10;
	background:#fff;
	padding:15px;
	bottom:0px;
	transition: all 0.5s ease;
}

.fiadatadiv:hover .fia-front
{
	bottom:-260px;
	transition: all 0.5s ease;
}

.fiadatadiv:hover
{
	border-color:#777;
	transition:0.5s;
}
/*fin de estilos fia data y seguimiento al graduado*/

/*contacto*/

/*estilo de titulo bonito n1*/
#titulobonito1{
  color:cadetblue;
  text-shadow: 2px 2px darkgray;
}
@media only screen and (max-width: 605px){ 
    #titulobonito{
      font-size: .1rem !important;
    }

}


/*querys movil*/
 @media only screen and (max-width: 308px) {
            #titulo b {
                font-size:10px;
            }
  }

 @media only screen and (max-width: 308px) {
            .st-header h1 {
                font-size:12px;
            }
 }

@media only screen and (min-width: 310px) {
            #titulo b {
                font-size:40px;
            }
  }
 @media only screen and (max-width: 304px) {
            #mini {
                font-size:10px;
            }
 }
 @media only screen and (max-width: 378px) {
            .miniCivil {
                font-size:19px;
            }
 }



 @media only screen and (max-width: 475px) {
  #miniAcreditaciones {
      font-size:15px;
  }
}



 @media only screen and (max-width: 570px) {
  #centrarimg {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top:5px;
      margin-bottom: 22px;
  }
}

 @media only screen and (max-width: 767px) {
  #centrarimg {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top:5px;
      margin-bottom: 22px;
  }
}

 @media only screen and (max-width: 767px) {
  #centrarimg {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top:5px;
      margin-bottom: 22px;
  }
}

 @media screen and (min-width: 768px) and (max-width: 981px) { 
    #centrarimg{
      margin-top:180px;
    }
}

/*query pmini de oficina de seg al graduado*/
 @media only screen and (max-width: 1040px){ 
    #pmini{
      font-size:10px;
    }
}

 @media only screen and (max-width: 991px){ 
    #pmini{
      font-size:20px;
    }
}

 @media only screen and (max-width: 767px){ 
    #pmini{
      font-size:15px;
    }
}

 @media only screen and (max-width: 404px){ 
    #pmini{
      font-size:10px;
    }
}


 @media only screen and (max-width: 1167px){ 
    #pmini2{
      font-size:10px;
    }
}

 @media only screen and (max-width: 991px){ 
    #pmini2{
      font-size:15px;
    }
}

@media only screen and (max-width: 504px){ 
    #pmini2{
      font-size:12px;
    }
}

@media only screen and (max-width: 318px){ 
    #pmini2{
      font-size:9px;
    }
}

@media only screen and (max-width: 210px){ 
    #pmini2{
      font-size:7px;
    }
}

/*civil margen img*/
.margencivil {
  margin-top:120px;
}

@media only screen and (max-width: 942px){ 
    .margencivil{
      margin-top:160px;
    }
}

@media only screen and (max-width: 765px){ 
    .margencivil{
      margin-top:2px;
    }
}





/*  Changes Of Pedro   */ 

.lineTop{
background-color: #990033;
height: 40px;
}

.lisocial{
    margin: 0 10px;
}

.lisocial a img{
  height: 15px;
  width: 15px;
}
/*fixeando navbar*/


.title-fix-h3{
   font-weight: normal !important;
    text-transform: uppercase;
}


/*   Egresados Destacados   */

.img-fix-position{
  transform: translateY(-50%);
}

.img-fix-position2{
  transform: translateY(20%);
}



ul.ul-fix-square li{

  list-style: square !important
}
.egresado-fix-position{
  margin-top:-60px;
}
.bg-destacado{
  background:#A1123E;
}
.text-seccion-b{
  font-size: 10px;
}

/*  FIN  Egresados Destacados   */

/*  Agenda Time */

.bg-date{
  background-color: #E0134E;
  width: 130px !important ;
}
.agenda-text-info{
  color:#E0134E;
}
.agenda-info{
  color:#585857;
  font-size: 14px;
  
}
.agenda-title{
  color:#585857;
  font-size:14px; 


}
.agenda-day{
  font-size:40px;
  font-weight:bold
}
.agenda-mes{
  font-size:26px;
  font-weight:bold
}
/* FIn Agenda  */

.title-general{
  color:#585857;
}

/*  FAcultades - Autoridades */ 

.img-fix-position-bg{
  transform: translateY(20%);
  /*border:1px solid red;*/
 
  height:400px;
}
.bg-autoridades{
  background-color: #E0134E;
  padding: 0;
  border-radius: 0 !important;

}
.btn-color-font{
  color:white !important;
}
.btn-color-font:hover , .btn-color-font:focus{
  text-decoration: none;
}
.btn-link{
  color:white;
  font-family:  Roboto !important;
  font-weight: normal;
}

.font-mode{
  font-family: "Roboto Condensed";
 
}
.fontmode-bd{
  border: 1px solid rgba(0,0,0,.125);
  height: 200px  !important;
}

.text-info-gen{
  /*font-family: "Roboto Condensed";*/
  margin-bottom: 40px;
  font-weight: normal;
  color:#585857;
}

.text-link-gen{
  /*font-family: "Roboto Condensed";*/
  padding: 0  30px; 
  background-color: #E0134E;
  color:white;
  font-weight: normal;
  font-size: 20px;
}
.text-link-gen:hover{

    padding: 0  30px; 
    transform: scale(1.1);
    background-color: #E0134E;
    color:white;
    font-weight: normal;
    font-size: 20px;
  
}
.text-link-gen:focus{
    padding: 0  30px; 
    background-color: #E0134E;
    color:white;
    font-weight: normal;
    font-size: 20px;
  

}


/*estilos segun pedro */
.titulo-generico{
    color:#585857 !important;
    font-size: 20px !important;
    font-family: "Roboto Condensed";
}
.text-fix-style{
  line-height: 16px !important ;
  font-family: "Roboto Condensed";
  text-align: justify !important;
}
.titulo-principal{
  color:#585857 !important;
   font-size:40px !important;
   font-family: "Roboto Condensed";
}
/*FIN estilos segun pedro */


/*  FAcultades - Autoridades */ 


/* Facultades - Acreditación */

.acreditacion-title{
  background-color: #E0134E;
  padding: 10px 0 10px 40px; 
  color:white;
  margin-top: 40px;
  font-size: 20px;
}
/* Facultades -  Directori */

.card-title-fix{
  color:#E0134E;
  font-size: 26px;
  
}

/* FACULTADDES  INSTITUTOS */ 


.team-members {
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  
}

.team-members .team-avatar {
  position: relative;
}

.team-members .team-avatar:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(129, 129, 129, 0.1);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.team-members .team-avatar img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.team-members .team-desc {
  left: auto;
  bottom: 0;
  width: 100%;
  padding: 0 20px;
  position: absolute;
  opacity: 0;
  color: #fff;
  -webkit-transform: translate3d(0, 10%, 0);
 
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.team-members .team-desc h4 {
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 10px;
  color: #fff;
}

.team-members .team-desc span {
  display: block;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}

.team-members:hover .team-avatar:after {
  background: rgba(47, 60, 72, 0.5);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.team-members:hover .team-desc {
  -webkit-transform: translate3d(0, -5%, 0);
  transform: translate3d(0, -5%, 0);
  -webkit-transform: translate3d(0, -10%, 0);
  transform: translate3d(0, -10%, 0);
}

.team-members:hover .team-desc {
  opacity: 1;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.btn-fix-inst{
  background-color: #F60D38;
  padding: 3px 20px;
  color: white;
}

.btn-fix-inst:hover{
  color:white;
}


.info-insti{
  text-transform:none !important;
  font-weight: normal !important;
}
li b.bold-w , b.bold-w, b.title-table{
  color:white !important;
}


 /* FIN  FACULTADES INTITUTOS */

/*  CALENDARIO */









/* FIN CALENDARIO  */ 




/* Medias  queries from Bootstrap no borrar */ 
/* XS */
@media (min-width: 576px) {
  

 }

/* MD */
@media (min-width: 768px) {
  

 }

/* lg */
@media (min-width: 992px) {
  

 }

/* XL */
@media (min-width: 1200px) {
  

 }


 /*escuelas */
/*NAVS PILLS*/

.menu-tabs .nav-link{
  border:solid 1px #585857;
  color:#585857;
  font-weight: normal;
  border-bottom: transparent;
}
.menu-tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color:  #E0134E !important;
} 


.fixBorder.nav-pills .nav-link{
  border-radius: 0;
}
.nav-link.ult-item{
  border-bottom:solid 1px #585857;
}

#justificar ul li{
  text-align:justify !important;
  line-height: unset;
  font-family: 'Arial';
}


 /*escuelas */

.fa {
  color:white !important;
}


/* estilos copiados de EPCA :V*/
@media (max-width: 767px) { 
  .campus{
    
    display: flex;
    flex-direction:row;
    justify-content:center;
  }
  .cont-campus{
    background-image: url(../images/fondo3.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
    align-content:center;
  
  }
  .cont-campus p{
    width: 100%;
    margin-top: 2%;
    text-align: center;
    color: #3b5972;
    font-size: 1.3em;
  }
  .cont-campus img{
    margin-top: 5%;
    margin-bottom: 5%;
   
  }
  .campus iframe{
    width: 100%;
    height: 250px;
  }
  .pregunta{
    display: flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    margin-bottom: 4%;
  
  }
  .preg{
    width: 90%;
    margin-top: 25px;
    font-size: 0.9em;
    color: #2a3d51;
  }
  .respuesta{
    text-align: justify;
    color: #3b5972;
    font-size:0.9em;
    width: 100%;
    margin-top: 5px;
  }
  }
  
  
  
  
  @media (min-width: 768px) and (max-width: 992px) {
  .campus{
    
    display: flex;
    flex-direction:row;
    justify-content:center;
  }
  .cont-campus{
    background-image: url(../images/fondo3.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
    align-content:center;
  
  }
  .cont-campus p{
    width: 100%;
    margin-top: 2%;
    text-align: center;
    color: #3b5972;
    font-size: 1.6em;
  }
  .cont-campus img{
    margin-top: 5%;
    margin-bottom: 5%;
   
  }
  .campus iframe{
    width: 100%;
    height: 340px;
  }
  .pregunta{
    display: flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    margin-bottom: 4%;
  
  }
  .preg{
    margin-top: 25px;
    font-size: 1.2em;
    width: 100%;
    color: #2a3d51;
  }
  .respuesta{
    color: #3b5972;
    font-size:1em;
    width: 100%;
    margin-top: 5px;
  }
  
  }
  
  
  
  @media (min-width: 993px) and (max-width: 1200px) {
  .campus{
    
    display: flex;
    flex-direction:row;
    justify-content:center;
  }
  .cont-campus{
    background-image: url(../images/fondo3.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
    align-content:center;
  
  }
  .cont-campus p{
    width: 100%;
    margin-top: 2%;
    text-align: center;
    color: #3b5972;
    font-size: 1.8em;
  }
  .cont-campus img{
    margin-top: 5%;
    margin-bottom: 5%;
   
  }
  .campus iframe{
    width: 100%;
    height: 400px;
  }
  .pregunta{
    display: flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    margin-bottom: 4%;
  
  }
  .preg{
    margin-top: 25px;
    font-size: 1.2em;
    width: 100%;
    color: #2a3d51;
  }
  .respuesta{
    color: #3b5972;
    font-size:1em;
    width: 100%;
    margin-top: 5px;
  }
  
  }
  
  
  
  
  
  
  @media (min-width: 1201px) {
  .campus{
    
    display: flex;
    flex-direction:row;
    justify-content:center;
  }
  .cont-campus{
    background-image: url(../images/fondo3.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
    align-content:center;
    
  
  }
  .cont-campus div{
    display: flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
    align-content:center;
  }
  .cont-campus p{
    width: 100%;
    margin-top: 2%;
    text-align: center;
    color: #3b5972;
    font-size: 2em;
  }
  .cont-campus img{
    margin-top: 5%;
    margin-bottom: 5%;
  
  
  }
  .campus iframe{
    width: 100%;
    height: 450px;
  }
  .pregunta{
    display: flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    margin-bottom: 4%;
  
  }
  .preg{
    margin-top: 25px;
    font-size: 1.2em;
    width: 100%;
    color: #2a3d51;
  }
  .respuesta{
    color: #3b5972;
    font-size:1em;
    width: 100%;
    margin-top: 5px;
    text-align: justify;
  }
  
  }
  
  
/**FIN /


/*boton modales*/

@media (max-width: 768px) { 
.aeronave{
	background-color: rgba(52,73,94,0.4);
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
	align-content:stretch;
	flex-wrap:nowrap;


}
.dividel{
  text-align: center;
  background-image: linear-gradient(220deg, transparent, #f7b234, transparent);
  height: 2px;
  width: 90%;
 margin-bottom: 2%;
}
.cont-aeronave{
	background-image: url(../images/fondo3.jpg);
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	text-align: center;
}
.cont-aeronave div{
	margin-bottom: 4%;
	display: flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.cont-aeronave span{
	font-size: 1.5em;
	color: #3b5972;
	margin-top: 3%;
}
.cont-aeronave p{
	font-size: 0.9em;
	color: #3b5972;
	
}
.cont-aeronave img{
	width: 80%;
	border-radius: 15px;
	margin-top: 3%;
	margin-bottom: 3%;
}


.contenaero{
	display: flex;
	flex-direction:column;
	justify-content:center;
	width:90%; 
    height:auto;
    
}
.img-aero{
	display: flex;
	flex-direction:row;
	justify-content:center;
	background: none;

}
.img-m{
    border: 5px white;
    border-radius: 10px;
    border-style: solid;
    width: 90%;
    height: 70%;

}
.pie-ae{
    margin: 0;
    border: 0;
    background: none;
}


}






@media (min-width: 769px) and (max-width: 992px) {
.aeronave{
	background-color: rgba(52,73,94,0.4);
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
	align-content:stretch;
	flex-wrap:nowrap;


}
.dividel{
  text-align: center;
  background-image: linear-gradient(220deg, transparent, #f7b234, transparent);
  height: 2px;
  width: 90%;
 margin-bottom: 2%;
}
.cont-aeronave{
	background-image: url(../images/fondo3.jpg);
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	text-align: center;
}
.cont-aeronave div{
	margin-bottom: 4%;
	display: flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.cont-aeronave span{
	font-size: 1.8em;
	color: #3b5972;
	margin-top: 3%;
}
.cont-aeronave p{
	font-size: 1em;
	color: #3b5972;
	
}
.cont-aeronave img{
	width: 80%;
	border-radius: 15px;
	margin-top: 3%;
	margin-bottom: 3%;
}


.contenaero{
	display: flex;
	flex-direction:column;
	justify-content:center;
	width:90%; 
    height:auto;
    
}
.img-aero{
	display: flex;
	flex-direction:row;
	justify-content:center;
	background: none;

}
.img-m{
    border: 12px white;
    border-radius: 10px;
    border-style: solid;
    width: 95%;
    height: 100%;

}
.pie-ae{
    margin: 0;
    border: 0;
    background: none;
}


}






@media (min-width: 993px) and (max-width: 1200px) {
.aeronave{
	background-color: rgba(52,73,94,0.4);
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
	align-content:stretch;
	flex-wrap:nowrap;


}
.dividel{
  text-align: center;
  background-image: linear-gradient(220deg, transparent, #f7b234, transparent);
  height: 2px;
  width: 90%;
 margin-bottom: 2%;
}
.cont-aeronave{
	background-image: url(../images/fondo3.jpg);
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	text-align: center;
}
.cont-aeronave div{
	margin-bottom: 4%;
	display: flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.cont-aeronave span{
	font-size: 1.8em;
	color: #3b5972;
	margin-top: 3%;
}
.cont-aeronave p{
	font-size: 1.2em;
	color: #3b5972;
	
}
.cont-aeronave img{
	width: 80%;
	border-radius: 15px;
	margin-top: 3%;
	margin-bottom: 3%;
}


.contenaero{
	display: flex;
	flex-direction:column;
	justify-content:center;
	width:90%; 
    height:auto;
    
}
.img-aero{
	display: flex;
	flex-direction:row;
	justify-content:center;
	background: none;

}
.img-m{
    border: 12px white;
    border-radius: 10px;
    border-style: solid;
    width: 80%;
    height: 70%;

}
.pie-ae{
    margin: 0;
    border: 0;
    background: none;
}


}



.title-general-fix{
  color:#585857 !important; 
  font-size:40px !important;
  font-family: 'Roboto Condensed';
  font-weight: bold;
}

.subtitle-general-fix{
  font-size: 24px;
  color:#585857 !important; 
  font-family: 'Roboto Condensed';
  font-weight: bold;
}



@media (min-width: 1201px) {
.aeronave{
	background-color: rgba(52,73,94,0.4);
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
	align-content:stretch;
	flex-wrap:nowrap;


}
.dividel{
  text-align: center;
  background-image: linear-gradient(220deg, transparent, #f7b234, transparent);
  height: 2px;
  width: 90%;
 margin-bottom: 2%;
}
.cont-aeronave{
	background-image: url(../images/fondo3.jpg);
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	text-align: center;
}
.cont-aeronave div{
	display: flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	margin-bottom: 4%;
}
.cont-aeronave span{
	font-size: 1.8em;
	color: #3b5972;
	margin-top: 3%;
}
.cont-aeronave p{
	font-size: 1.2em;
	color: #3b5972;
	
}
.cont-aeronave img{
	width: 80%;
	border-radius: 15px;
	margin-top: 3%;
	margin-bottom: 3%;
}


.contenaero{
	display: flex;
	flex-direction:column;
	justify-content:center;
	width:60%; 
    height:auto;
    
}
.img-aero{
	display: flex;
	flex-direction:row;
	justify-content:center;
	background: none;

}
.img-m{
    border: 12px white;
    border-radius: 10px;
    border-style: solid;
    width: 100%;
    height: 70%;

}
.pie-ae{
    margin: 0;
    border: 0;
    background: none;
}


}


.btn-vermas{
  background-color:#E0134E !important;
  border-radius:unset !important;
  outline:none;
  color:white !important;
  font-family: "Roboto Condensed" !important;
}
/*boton modales*/


/*centrar img*/
.centrarimg{
display:flex;
align-items: center;
justify-content: center;
}
/*fin de centrar img*/

.footer-text{
  font-family: "Roboto Condensed" !important;
}
.fa-file-pdf-o, .fa-download{
  color:red !important;
}


/* tablas de industrial - navs */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: white;
  font-family: 'Roboto Condensed' !important;
  background-color: #E0134E !important;
  border-color: #E0134E !important;
}

/* FIN tablas de industrial - navs */


.dropdown-item.active, .dropdown-item:active {
    color: #000000 !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

.dropdown-menu{
  min-width: 13.6rem !important;
  font-family: 'Roboto Condensed' !important;
}

.dropdown-item {
  font-family:'Roboto Condensed' !important;
  }

  .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    font-family: 'Roboto Condensed' !important;
}

.btn-secondary {
  font-family: 'Roboto Condensed' !important;
}
.img-fix-fluid{
  max-width: 60% !important;
}

.img-responsiva{
  width: 100%;
}

.img-logo-fix-mobile{
  width:500px;
}