body,html{
  height: 100%;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 10px;
  margin-bottom: : 10px;
}

/* navbar and container(main)*/
.navbar-brand{
  display: block;
  height: 150px;
}

.navbar-brand>img{
  height: 100%; /* 130% para imagenes mas grandes*/
  width: auto;
  margin: 0 auto;
}

.main{
  padding: 10px 10px 0 10px;
  min-height: calc(100% - 4rem);
}

.main-flat{
  padding: 0;
}

@media (min-width: 765px) {
  .main{
    position: absolute;
    width: calc(100% - 241px);
    margin-left: 240px;
    float: right;
  }

  .container {
    width: auto;
  }

  nav.sidebar:hover + .main{
    margin-left: 240px;
  }

  nav.sidebar.navbar.sidebar>.container .navbar-brand,
  .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
  }

  nav.sidebar .navbar-brand,
  nav.sidebar .navbar-header{
    text-align: center;
    width: 100%;
    margin-left: 0px;
  }

  /* error hover si el texto es largo */
  nav.sidebar a{
    padding-right: 0px;
  }

  /*nav.sidebar .navbar-nav > li:first-child{
    border-top: 1px #e5e5e5 solid;
  }*/

  /*nav.sidebar .navbar-nav > li{
    border-bottom: 1px #e5e5e5 solid;
  }*/

  nav.sidebar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  nav.sidebar .navbar-collapse,
  nav.sidebar .container-fluid{
    padding: 0 0px 0 0px;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
  }

  nav.sidebar{
    width: 240px;
    height: 100%;
    margin-left: 0px;
    float: left;
    margin-bottom: 0px;
    position: fixed;
    top: 0;
    left: 0;
  }

  nav.sidebar li {
    width: 100%;
  }

  .forAnimate{
    opacity: 0;
  }
}

@media (min-width: 1330px) {
  .main{
    width: calc(100% - 240px);
    margin-left: 240px;
  }

  nav.sidebar{
    margin-left: 0px;
    float: left;
  }

  nav.sidebar .forAnimate{
    opacity: 1;
  }
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover,
nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
  color: #fff;
  font-weight: bold;
  background-color: transparent;
}

nav:hover .forAnimate{
  opacity: 1;
}
section{
  padding-left: 15px;
}

/* margins */
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }

.bottom20{ margin-bottom: 20px; }
.bottom30{ margin-bottom: 30px: }

.fs18{ font-size: 18px }

/* estilos */
hr {
  display: block;
  height: 1px;
  border: 0;
  margin: 1em 0;
  padding: 0;
  border-top: 3px solid rgb(32, 59, 95);
}

hr.inblock-invisible {
  display: inline-block;
  height: 1px;
  border: 0;
  margin: 1em 0;
  padding: 0;
  border-top: 3px solid rgb(32, 59, 95);
}

.justify{
  text-align: justify;
}

.font-univo{
  font-family: mistral, "Trebuchet MS", Helvetica, sans-serif;
}

div.featured {
  font-size: 16px;
  color: #000;
  /* color: #77736d; */
}

.centerBlock {
  display: table;
  margin: 0 auto;
}

.bg-logo{
  background: #FFF url(../img/bg-wrap.png) no-repeat center 50%;
}

footer{
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  height: 3em;
  font-size: x-small;
  font-weight: bold;
  width:100%;
}

footer a{
  color: #000;
}

@media only screen and (max-width: 767px){
  footer {
  margin-top:20px;
  padding-bottom: 10px;
  position:static;
  left:0;
  bottom:0;
  width:100%;
  font-size: xx-small;
  }
}

/* formularios */
.boxform{
  padding: 50px 80px 50px 30px;
}

.boxform input[type="text"] {
  background-color: rgba(242, 243, 248, 1);;
  /*border-radius: 4px;*/
  margin-right: 120px;
  box-shadow: none;
}

.boxform textarea{
  background-color: rgba(242, 243, 248, 1);;
 /* border-radius: 4px;*/
  width: 380px;
  height: 130px;
  border-color: rgba(242, 243, 248, 1);;
}

/*select{
  -webkit-appearance:none;
}*/

@media (min-width: 1200px) {
  .wrapper-inner{
    margin-top: 30px;
  }
}

/* botones */
.btn-default {
  color: #fff;
  background-color: #1a3e66;
  border-color: #1a3e66;
  border-radius: 0px;
}
.btn-default:hover
{
  color: #fff;
  background-color: #22364C;
  border-color: #22364C;
}
.btn-default:focus {
  color: #fff;
  background-color: #22364C;
  border-color: #22364C;
}

.btn-default {
  color: #fff;
  background-color: #1a3e66;
  border-color: #1a3e66;
  border-radius: 0px;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #22364C;
  border-color: #22364C;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #fff;
  background-color: #22364C;
  border-color: #22364C;
}

.btn-xl{
  font-size: 30px;
  font-weight: bold;
  padding-right: 0px;
  padding-left: 0px;
  padding-top:20px;
  padding-bottom:20px;
}

.btn-action {
  color: #fff;
  background-color: #DD107C;
  border-color: #DD107C;
  border-radius: 0px;
}
.btn-action:hover
{
  color: #fff;
  background-color: #C70163;
  border-color: #C70163;
}
.btn-action:focus {
  color: #fff;
  background-color: #C70163;
  border-color: #C70163;
}
.btn-action:active,
.btn-action.active,
.open > .dropdown-toggle.btn-action {
  color: #fff;
  background-color: #C70163;
  border-color: #C70163;
}

.btn-action:active:hover,
.btn-action.active:hover,
.open > .dropdown-toggle.btn-action:hover,
.btn-action:active:focus,
.btn-action.active:focus,
.open > .dropdown-toggle.btn-action:focus,
.btn-action:active.focus,
.btn-action.active.focus,
.open > .dropdown-toggle.btn-action.focus {
  color: #fff;
  background-color: #831753;
  border-color: #831753;
}

/* tiles */
/* home and oferta educativa */
.tile{
  position:relative;
  display:inline-block;
  margin-top: 30px;
}

.tile a{
  color: #fff;
  text-decoration: none;
}
.tile .overlay h2{
  font-size: 2.5rem;
}

.tile-label{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 40px;
  max-height: 40px;
  font-size: 2.5rem;
/*  margin-left: 15px;
  margin-right: 15px;*/
  background-color: #13202f;
  color: #fff;
  text-align: center;
  word-wrap: break-word;
}

/* fix for little screen */
@media screen and (min-width:765px) and (max-width:805px){
  .tile-label{
    font-size: 2.2rem;
  }
}

.overlay {
  display:none;
}

.tile:hover .overlay {
  background: #ED298E;
  color: #fff;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  right: 0;
  display:inline-block;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-align:center;
  font-size:2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 992px) {
  .tile:hover .overlay {
    font-size:1.5rem;
   /* background: red;*/
  }
}

@media (max-width: 768px) {
  .tile:hover .overlay {
    font-size:1.2rem;
/*  background: blue;*/
    }
  .tile .overlay h2{
    font-size: 2rem;
  }
}

@media (max-width: 585px) {
  .tile-label{
    font-size:2rem;
    min-height: 30px;
    max-height: 30px;
  }
  .tile .overlay h2{
    font-size: 1.4rem;
  }
}

@media (max-width: 480px) {
  .tile-label{
    font-size:1.5rem;
    min-height: 20px;
    max-height: 20px;
  }
}

@media (max-width: 350px) {
  .btn-xl {
    font-size: 20px;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .tile-label{
    font-size:1.1rem;
    min-height: 15px;
  }

}

.tile:hover tile-label{
  display: none;
}

.tile-lg{
  font-size: 1.5em;
}

.title-magenta{
  background: #ED298E;
  color: #fff;
}

.opacity{
  opacity: 0.9;
}

/*radio*/
.barra_rosa{
  display: inline-block;
  background:rgba(221,43,137,1);
  width:100%;
  height:auto;
  text-align:center;
}

.barra_rosa h2{
  color:#FFF;
/*  font-size:2em;*/
}


/* colors fonts, bg, hr */

.bg-magenta{
  background-color: rgba(229, 60, 146, 1) !important;
}

.bg-astronaut-blue{
  background-color: rgba(28, 64, 103, 1) !important;
}

.bg-pumpkin-orange{
  background-color: rgba(246, 104, 85, 1) !important;
}

.bg-egg-yellow{
  background-color: rgba(252, 192, 51, 1) !important;
}

.bg-sky-blue{
  background-color: rgba(49,124,152,1) !important;
}

.bg-eminence-purple{
  background-color: rgba(113, 62,118,1) !important;
}

.bg-corn-blue{
  background-color: rgba(64,62,114,1) !important;
}

.bg-gray{
  background-color: rgba(113, 111, 113, 1) !important;
}

.font-magenta{
  color:  rgba(229, 60, 146, 1);
}

.font-pumpkin-orange{
  color: rgba(246, 104, 85, 1);
}

.font-egg-yellow{
  color: rgba(252, 192, 51, 1);
}

.font-sky-blue{
  color: rgba(49,124,152,1);
}

.font-astronaut-blue{
  color: rgba(28, 64, 103, 1);
}

.font-eminence-purple{
  color: rgba(113, 62,118,1);
}

.font-corn-blue{
  color: rgba(64,62,114,1);
}

.font-gray{
  color: rgba(113, 111, 113, 1);
}

hr.eminence-purple{
  border-top: 3px solid rgb(113, 62,118);
}

hr.maroon-pink{
  border-top: 3px solid rgb(194, 62,87);
}

hr.jazz-pink{
  border-top: 3px solid rgb(197,62,117);
}

hr.magenta{
  border-top: 3px solid rgb(215,63,151);
}

hr.corn-blue{
  border-top: 3px solid rgb(64,62,114);
}

hr.sky-blue{
  border-top: 3px solid rgb(49,124,152);
}

hr.blue{
  border-top: 3px solid rgb(39,95,146);
}

hr.green{
  border-top: 3px solid rgb(38,133,81);
}

hr.gray{
  border-top: 3px solid rgba(113, 111, 113, 1);
}

hr.pumpkin-orange{
  border-top: 3px solid rgb(206,111,81);
}

hr.bittersweet-orange{
  border-top: 3px solid rgb(250, 112, 93);
}

hr.orange{
  border-top: 3px solid rgb(246, 103, 85);
}

hr.egg-yellow{
  border-top: 3px solid rgb(252, 192, 51);
}
/*ul vertical bullet */
ul.vertical-bullet{ 
  list-style:none; 
  padding:0; 
  margin:0;
}

/* return button */
.regresar{
  background-color: #f9f9f9;
  border: 1px solid transparent;
  color: rgba(32, 59, 95);
}
.regresar:before {
  content: '\f053';
  font-family: FontAwesome;
  display: inline-block;
}
.regresar:hover{
  background-color: #f9f9f9;
  text-shadow: none;
  font-weight: bold;
}

.eminence-purple.regresar{
  color: rgb(113, 62,118);
}

.maroon-pink.regresar{
  color: rgb(194, 62,87);
}

.jazz-pink.regresar{
  color: rgb(197,62,117);
}

.pumpkin-orange.regresar{
  color: rgb(206,111,81);
}

.sky-blue.regresar{
  color: rgb(49,124,152);
}

.corn-blue.regresar{
  color: rgb(64,62,114);
}

.magenta.regresar{
  color: rgb(215,63,151);
}

.blue.regresar{
  color: rgb(39,95,146);
}

.green.regresar{
  color: rgb(38,133,81);
}

.orange.regresar{
  color: rgb(232, 141, 42);
}

/* table style*/
.Tabla{
  margin-top: 20px;
}

.Tabla th{
  color: #fff;
  background-color: #1a3e66;
  border-color: #1a3e66;
  border-radius: 0px;
  height: 40px;
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
}

.Tabla td{
  padding-right: 10px;
  padding-left: 10px;
}

.Tabla  tbody.zebra tr:nth-child(even) {
   background-color: #F2F3F8 !important;
}