.card {
  float: left;
  display: inline-block;
  width: 23.6%;
  padding: .3em;
  background: white;
  transition: 0.5s ease;
  margin: .5em;
  height: 305px;
  position: relative;
  border: 1px solid #c1c1c1;
}
@media (min-width: 451px) and (max-width: 768px) {
  .card {
    width: 31.3%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .card {
    width: 23.4%;
  }
}
@media (max-width: 450px) {
  .card {
    width: 100%;
  }
}
.card:hover {
  box-shadow: 0 0 32px 1px #525252;
}
.card .btn {
  text-transform: uppercase;
  background: #001E3C;
  border: none;
  border-radius: 0;
  font-size: .9em;
  position: absolute;
  right: 3%;
  bottom: 3%;
}
.card .card-image {
  overflow: hidden;
  height: 165px;
  transition: height 0.5s ease;
}
.card .card-image img {
  width: 100%;
  min-height: 170px;
}
.card .card-container {
  padding: .5em 1em;
}
.card .card-container h4 {
  text-transform: uppercase;
  margin-bottom: 0;
}
.card .card-container span {
  color: grey;
  font-style: italic;
}
.card .card-container p {
  color: grey;
  font-weight: 200;
}
.card-web {
  background: white;
  padding: .8em;
  box-shadow: 0 0 2px grey;
}
.card-web h2 {
  text-align: center;
}
.card-well {
  padding: 1.2em;
  border: 1px solid lightgrey;
  box-shadow: 0 0 1px #dedede;
  margin: 1em 0;
}
.card-well h1,
.card-well h2,
.card-well h3 {
  text-transform: uppercase;
  font-weight: 200;
}

html body {
  font-family: 'Roboto', sans-serif !important;
  background: #f4f4f4;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  margin-top: 3.7%;
}
html body ul,
html body li {
  list-style: none;
  margin-left: 2px;
  padding-left: 0;
}
html h1 {
  font-weight: 200;
  margin-bottom: 2px;
}
html h2,
html h3,
html h4 {
  margin: 0;
  margin-top: 5px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}
html a:hover {
  text-decoration: none;
}
html p {
  text-align: justify;
}
.btn {
  margin: 0;
}
.titulo {
  text-transform: uppercase;
  margin-bottom: 10px;
}
nav {
  background-color: #001E3C !important;
}
nav #logo {
  padding-top: 0;
}
nav #logo img {
  height: 100%;
  width: auto;
}
.block {
  width: 100%;
}
button {
  margin: .3em 0;
}
.is-primary {
  background: #001E3C !important;
  text-transform: uppercase;
}
select {
  width: 100% !important;
}
.centro {
  background: white;
  box-shadow: 0 0 1px 1px #c8c8c8;
  padding: 2em;
}
.centro h1,
.centro h2,
.centro h3 {
  margin-bottom: 15px;
}
.centro-full {
  background: white;
}
.centro-full-blue {
  background: #001E3C;
}
.no-padding {
  padding: 0;
}
.navbar {
  margin: 0 !important;
}
.navbar li a {
  padding: .9em .7em;
  color: white !important;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .navbar li a {
    font-size: .8em;
  }
}
.navbar-brand {
  padding: 7px;
}
.nav-pagina a {
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: 400;
  transition: all 0.5s;
}
.nav-pagina a:hover {
  background: #F9C900 !important;
  color: #001E3C !important;
  text-shadow: 1px 1px 1px #604d00;
}
footer {
  padding: 2em;
  background: #001E3C;
}
footer li {
  list-style: none;
}
footer p {
  margin-top: 10px;
  text-align: justify;
  color: white;
  font-size: .8em;
  line-height: 2em;
}
footer a {
  color: white;
}
footer h2,
footer h3,
footer h4 {
  color: white;
  text-transform: uppercase;
}
footer .form-control {
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
}
footer textarea {
  max-height: 100px;
}
.slider {
  width: 100% !important;
  max-height: 450px;
  overflow: hidden;
  display: block;
  z-index: 1;
}
.slider div {
  position: relative;
}
.slider h2 {
  position: absolute;
  right: 0;
  bottom: 5%;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.59);
  letter-spacing: 2px;
  color: white;
  padding: 2.3%;
  z-index: 999;
}
.slider img {
  width: 100%;
  max-height: 450px !important;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
#solicitar {
  padding: 3em;
  margin: 1em 2em;
  display: block;
  background: #001E3C;
  color: white;
  box-shadow: 1px 1px 2px #4d4d4d;
}
#solicitar h1,
#solicitar h2 {
  font-weight: 100;
}
#solicitar label {
  text-transform: uppercase;
  font-weight: 400;
}
#solicitar input,
#solicitar select,
#solicitar .form-control {
  color: #001E3C;
  border-radius: 0 !important;
}
#solicitar select {
  text-transform: uppercase;
}
#solicitar .btn {
  text-transform: uppercase;
  background: #F9C900;
  color: #001E3C;
  border: none;
  border-radius: 0;
}
#anotate {
  height: 300px;
  display: block;
  position: relative;
  background-size: cover;
  background-image: url("../img/back.jpg");
}
#anotate h2 {
  position: absolute;
  left: 8%;
  top: 5%;
  font-weight: 100;
  color: white;
  font-size: 3.0em;
}
#anotate h3 {
  position: absolute;
  left: 8%;
  top: 20%;
  font-weight: 100;
  color: white;
  font-size: 1.8em;
}
#anotate .btn {
  position: absolute;
  left: 8%;
  top: 70%;
  border-radius: 0;
  font-weight: 400;
  padding-left: 2em;
  padding-right: 2em;
  color: #001E3C;
  text-transform: uppercase;
  background: #F9C900;
}
#ingresar-campus {
  text-align: center;
  padding: 6em 0;
}
#ingresar-campus h1 {
  margin: 0;
  margin-bottom: .5em;
}
#ingresar-campus .btn {
  background: #F9C900;
  color: #001E3C;
  border: none;
  padding-left: 3em;
  padding-right: 3em;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 1em;
}
.form-control {
  border-radius: 0;
  margin: 2px 0;
}
.boton-ices {
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 1em 2em !important;
}
.boton-ices-amarillo {
  background: #F9C900;
  color: #001E3C;
}
.boton-ices-azul {
  background: #001E3C;
  color: #F9C900;
}
#sobre img {
  float: right;
}
.btn-outline {
  background: transparent;
  border: 1px solid #001E3C;
  color: #001E3C;
  border-radius: 2px;
  margin: .1em 0;
}
.btn-outline:hover {
  border-radius: 2px;
  border: 1px solid #001E3C;
}
.slick-prev {
  left: 25px;
  z-index: 900;
}
.slick-next {
  right: 25px;
  z-index: 900;
}
#areas-estudio {
  padding: 0;
  margin: 1em;
  background: white;
}
#areas-estudio .tab-content > div {
  min-height: 200px;
  padding: 1.5em;
}
#areas-estudio .tab-content > div li {
  background: none !important;
  padding: .2em;
  font-size: 1.3em;
}
#areas-estudio .tab-content > div li a {
  color: #001E3C !important;
}
#areas-estudio .tab-content > div li i {
  margin-right: 5px;
}
#areas-estudio #areas-block li {
  background: #001E3C;
  border-radius: 0 !important;
}
#areas-estudio #areas-block li.active > a {
  color: #001E3C !important;
}
#areas-estudio #areas-block a {
  color: white;
  text-transform: uppercase;
  border-radius: 0 !important;
}
#areas-estudio #areas-block a:hover {
  color: #001E3C !important;
}
#areas-estudio .itemArea {
  text-transform: uppercase;
  font-size: 1.1em;
  color: #001E3C;
}
#areas-estudio .itemArea a {
  color: #001E3C;
}
.titulo-centro {
  text-align: center;
  display: block;
  width: auto;
  margin: 0 auto;
  padding: .5em;
  font-size: 3em;
}
.white {
  color: white !important;
}
.azul {
  color: #001E3C;
}
#ultimos-cursos {
  padding: 2em 0;
}
.separator {
  height: 40px;
  display: block;
  width: 100%;
}
#lugares h2 {
  font-weight: 300;
}
#lugares h4 {
  text-transform: uppercase;
  font-weight: 600;
}
#img-siglo {
  margin: 1em 0;
}
#acceso h2 {
  text-transform: uppercase;
  font-weight: 300;
}
.areas li {
  font-size: .9em !important;
}
#caracteristicas {
  padding: 2em 0;
}
#caracteristicas ul {
  padding: 0;
}
#caracteristicas li {
  list-style: disc;
  padding: 1em 0;
}
.card-carac {
  background-color: white;
  border-radius: 4px;
  border: 1px solid #efefef;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  padding: 15px;
  font-size: 13px;
  margin-bottom: 20px;
  min-height: 480px;
  max-height: 480px;
}
.card-carac img {
  display: block;
  margin: 0 auto;
  height: 100px;
}
.card-carac b {
  text-transform: uppercase;
  display: block;
  clear: both;
  text-align: center;
}
.card-carac p {
  padding: .9em;
  text-align: justify !important;
  font-size: 12.6px;
}
.separete {
  display: none;
  height: 30px;
  clear: both;
}
.button {
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 1em 2em !important;
  background: #001E3C;
  color: #F9C900;
}
.card-evento {
  background: white;
  padding: 0;
  position: relative;
  box-shadow: 0 0 3px grey;
  margin-top: .5em;
  transition: all .5s;
  min-height: 490px;
}
.card-evento .boton-ices {
  position: absolute;
  left: 50%;
  bottom: 2%;
  transform: translate(-50%, 0);
  width: 95%;
}
.card-evento .image-tutor {
  height: 350px;
  background-position: center center;
  background-size: cover;
}
.card-evento:hover {
  box-shadow: 0 0 4px black;
}
.card-evento h3 {
  text-transform: uppercase;
  font-weight: 300;
  margin: 5px 0;
}
.card-evento span {
  margin: 5px 0;
  display: block;
}
.cuerpo {
  padding: 1em 0;
}
.fecha {
  padding: .5em;
  text-transform: uppercase;
  font-weight: 600;
}
#direc {
  text-align: justify;
}
#direc h3 {
  margin-bottom: 10px;
}
#direc li {
  padding: .3em 0;
}
#comprar h3 {
  margin: 5px 0;
}
#comprar .well-ices {
  height: auto;
}
.well-ices {
  background: white;
  box-shadow: 0 1px 3px #f0f0f0;
  padding: 3.9em;
  margin: 0 auto;
  display: block;
  min-height: 200px;
  margin-bottom: 2em;
}
.well-ices h1,
.well-ices h2 {
  margin-top: 0;
  text-transform: uppercase;
}
.well-ices button {
  width: 100% !important;
  margin: 0 auto;
  text-align: center;
  display: block;
}
#ultimos-footer li {
  max-width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis !important;
}
.item-metodo {
  text-align: center;
}
.item-metodo h1,
.item-metodo h2,
.item-metodo h3 {
  padding-top: 1em;
  margin: 20px auto;
  display: block;
}
.item-metodo img {
  margin: 0 auto;
  display: block;
}
.item-metodo .texto {
  text-align: left;
}
.item-metodo li {
  padding-left: 0;
  margin-left: 0;
}
.item-metodo ol,
.item-metodo li {
  list-style: circle;
}
.modal-dialog {
  width: 75%;
}
.well-pago {
  display: none;
  position: fixed;
  width: 70%;
  z-index: 88;
  max-height: 650px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
}
.well-pago h2 {
  text-transform: uppercase;
  letter-spacing: 3px;
  padding-bottom: .5em;
  text-align: center;
}
.well-pago .promos {
  overflow: auto;
}
.well-pago-back {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
#inicia {
  position: relative;
}
#inicia h1,
#inicia h2 {
  top: 50%;
  transform: translate(10%, -50%);
  margin: 0;
  font-weight: 800;
  text-shadow: 0 0 2px black;
  color: white;
  position: absolute;
  left: 20%;
}
.span-centro {
  text-transform: uppercase;
  font-size: 2em;
  margin: 0 auto;
  display: block;
  text-align: center;
  padding-top: .3em;
  padding-bottom: 1em;
}
.span-centro a {
  color: #001E3C;
  font-weight: 500;
}
#forma-reg h4 {
  margin-bottom: 1rem;
}
#forma-reg a {
  border: 1px solid lightgrey;
  color: black;
}
#forma-reg a.inactiva {
  border: 1px solid lightgrey;
  background: transparent;
  color: #000 !important;
}
#forma-reg a.activa {
  border: 1px solid #F9C900;
  background: #F9C900;
}

.navegacion {
  padding: .9em 0;
  z-index: 88;
}
.navegacion .dropdown-menu a {
  color: #001E3C !important;
}
/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
}
/* Float the list items side by side */
ul.topnav li {
  float: left;
}
/* Style the links inside the list items */
ul.topnav li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}
/* Change background color of links on hover */
ul.topnav li a:hover {
  background-color: #111111;
}
/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {
  display: none;
}
/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width: 680px) {
  ul.topnav li:not(:first-child) {
    display: none;
  }
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width: 680px) {
  ul.topnav.responsive {
    position: relative;
  }
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-text {
    float: none;
    margin: 15px 0;
  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .collapsing {
    overflow: hidden !important;
  }
}
.menu {
  color: white !important;
  text-transform: uppercase;
  margin-top: -8px;
}

#sidebar {
  background: white;
  padding: 1em;
  margin-right: 1em;
  overflow: hidden;
}
#sidebar h3,
#sidebar h4 {
  font-weight: 300;
  margin: 1em 0 .5em 0;
  text-transform: uppercase;
}
#sidebar .btn-outline {
  text-align: left;
  border: none !important;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
p#msj-status div.alert:first-child { display: none; }