body,
html {
  width: 100%;
  height: 100%;
}
@font-face {
    font-family: "Orkney";
    src: url(../fonts/Orkney-Regular.otf);
}
.grisClaro{
  color:#eceff1;
}
.grisObscuro{
  color: #263238;
}
.texto3D{
  text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}
.texto3DC{
  text-shadow: 2px 2px 3px 2px rgba(255,255,255,0.9);
 font-family: "Orkney",Helvetica,Arial,sans-serif;
 /*text-stroke: 1px black;*/
}
.texto3d{
  text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}
.blanco{
  color: #fff;
}
.enlaceSimple:hover{
  text-decoration: none;
  color: #428bca;
}
.enlaceSimple:active{
  text-decoration: none;
  color: #428bca;
}
.enlaceSimple:link{
  text-decoration: none;
}
.sangria{
  text-indent: 5%;
}
.formatoTexto{
  font-size: 1.0625em;
}
.formatoTexto3{
  font-size: 1.125em; /*18*/
}
.formatoTexto14{
  font-size: 0.875em;
}
.formatoTexto12{
  font-size: 0.75em;
}
.formatoTextoC{
  font-size: 3.75em; /*18*/
}
.formatoTextoBOton{
  font-size: 6.25em;
  color: #2196f3;
}

.noticiasWell{
  background-color: rgba(208,217,221, 0.8);
  border-top: #eceff1;
  border-left: #eceff1;
  border-bottom: #eceff1;
}
.trasparenteClaroPlus{
  background-color: rgba(236, 239, 241, 0.6);
  border-top: #eceff1;
  border-left: #eceff1;
  border-bottom: #eceff1;
}
.trasparenteAzul{
  background-color: rgba(66,139,202, 0.9);
  border-top: #eceff1;
  border-left: #eceff1;
  border-bottom: #eceff1;
}
#imgI{
  width: 100%;
  height: 100%;
}
.lateral{
  float: right;
}
#condicion{
  font-size: 0.9375em;
  color: #78909c;
  padding: 1%;
}
#condicion:hover{
  text-decoration: none;
  color: #cfd8dc;
}
.colorTxtPieBajo{
  color: #78909c;
}
.facebookEstatico{
  color: #3b5998;
}
.facebook:hover,
.facebook:focus,
.facebook:active,
.facebook.active {
  padding-top:6px;
  color: #3b5998;
  background: #eceff1;
}
.twitter:hover,
.twitter:focus,
.twitter:active,
.twitter.active {
  padding-top:2px;
  color: #5ea9dd;
  background: #eceff1;
}
.google:hover,
.google:focus,
.google:active,
.google.active{
  padding-top:4px;
  color: #d14836;
  background: #eceff1;
}
.pinterest:hover,
.pinterest:focus,
.pinterest:active,
.pinterest.active{
  padding-top:2px;
  color: #cb2027;
  background: #eceff1;
}
.youtube:hover,
.youtube:focus,
.youtube:active,
.youtube.active{
  padding-top:3px;
  color: #df2425;
  background: #eceff1;
}
.btn-outline {
  margin-top: 15px;
  color: #fff;
  background: 0 0;
  transition: all .3s ease-in-out;
}
.btn-social {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 5%;
  text-align: center;
  font-size: 15px;
}
#piePrincipal{
  clear: both;
  padding: 0 0 0 0;
}
footer {
  clear: both;
  padding: 0;
  margin:0;
  color: #eceff1;
}
footer h3 {
  margin-bottom: 2%;
}
footer .footer-above {
  padding-top: 1%;
  background-color: #37474f;
}
footer .footer-col {
  margin-bottom: 1%;
}
footer .footer-below {
  padding: 1% 0;
  background-color: #263238;
}
.fondo{
  background-repeat:no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.transladarDerecha{
  -webkit-animation: transladarD 2s;
  -moz-animation:    transladarD 2s;
  -o-animation:      transladarD 2s;
  animation:         transladarD 2s;
}
.transladarAbajo{
  -webkit-animation: transladarAR 2s;
  -moz-animation:    transladarAR 2s;
  -o-animation:      transladarAR 2s;
  animation:         transladarAR 2s;
}
.transladarArriba{
  -webkit-animation: transladarAB 2s;
  -moz-animation:    transladarAB 2s;
  -o-animation:      transladarAB 2s;
  animation:         transladarAB 2s;
}
.transladarIzquierda{
  -webkit-animation: transladarI 2s;
  -moz-animation:    transladarI 2s;
  -o-animation:      transladarI 2s;
  animation:         transladarI 2s;
}
.animacionContenido{
  -webkit-animation: transladarAR 2s;
  -moz-animation:    transladarAR 2s;
  -o-animation:      transladarAR 2s;
  animation:         transladarAR 2s;
}
.animacionContenido p,
.animacionContenido li{
  -webkit-animation: transladarI 2s;
  -moz-animation:    transladarI 2s;
  -o-animation:      transladarI 2s;
  animation:         transladarI 2s;
}
.animacionContenido img{
  -webkit-animation: transladarD 2s;
  -moz-animation:    transladarD 2s;
  -o-animation:      transladarD 2s;
  animation:         transladarD 2s;
}
.animacionContenido h5,
.animacionContenido h4,
.animacionContenido h3,
.animacionContenido h2,
.animacionContenido h1{
  -webkit-animation: transladarAB 2s;
  -moz-animation:    transladarAB 2s;
  -o-animation:      transladarAB 2s;
  animation:         transladarAB 2s;
}
.animacionEscalaLoop2{
  animation-duration: .8s;
  animation-name: escala;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.animacionEscalaLoop{
  animation-duration: 2s;
  animation-name: escala;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@-webkit-keyframes escala {
  0%   { -webkit-transform: scale(1);
        /* transform: translate(200px,0px);*/
         opacity: .2;
       }
  100% {
         -webkit-transform: scale(1.2);
         /*transform: translate(0px,0px);*/
         opacity: 1;
       }
  }
@-moz-keyframes escala {
  0%   { -moz-transform: scale(1);
         /*transform: translate(200px,0px);*/
         opacity: .2;
       }
  100% {
         -moz-transform: scale(1.2);
         /*transform: translate(0px,0px);*/
         opacity: 1;
       }
}
@-o-keyframes escala{
  0%   { -o-transform: scale(1);
         /*transform: translate(200px,0px);*/
         opacity: .2;
        }
  100% { -o-transform: scale(1.2);
         /*transform: translate(0px,0px);*/
         opacity: 1; }
}
@keyframes escala {
  0%   { transform: scale(1);
         opacity: .2;
        }
  100% {transform: scale(1.2);
        opacity: 1;
        }
}

@-webkit-keyframes transladarI {
  0%   { -webkit-transform: translate(200px,0px);
         transform: translate(200px,0px);
         opacity: 0;
       }
  100% {
         -webkit-transform: translate(0px,0px);
         transform: translate(0px,0px);
         opacity: 1;
       }
  }
@-moz-keyframes transladarI {
  0%   { -moz-transform: translate(200px,0px);
         transform: translate(200px,0px);
         opacity: 0;
       }
  100% {
         -moz-transform: translate(0px,0px);
         transform: translate(0px,0px);
         opacity: 1;
       }
}
@-o-keyframes transladarI{
  0%   { -o-transform: translate(200px,0px);
         transform: translate(200px,0px);
         opacity: 0;
        }
  100% { -o-transform: translate(0px,0px);
         transform: translate(0px,0px);
         opacity: 1; }
}
@keyframes transladarI {
  0%   { transform: translate(200px,0px);
         opacity: 0;
        }
  100% {transform: translate(0px,0px);
        opacity: 1;
        }
}

@-webkit-keyframes transladarD {
  0%   { -webkit-transform: translate(-200px,0px);
         transform: translate(-200px,0px);
         opacity: 0;
       }
  100% {
         -webkit-transform: translate(0px,0px);
         transform: translate(0px,0px);
         opacity: 1;
       }
  }

@-moz-keyframes transladarD {
  0%   { -moz-transform: translate(-200px,0px);
         transform: translate(-200px,0px);
         opacity: 0;
       }
  100% {
         -moz-transform: translate(0px,0px);
         transform: translate(0px,0px);
         opacity: 1;
       }
}
@-o-keyframes transladarD{
  0%   { -o-transform: translate(-200px,0px);
         transform: translate(-200px,0px);
         opacity: 0;
        }
  100% { -o-transform: translate(0px,0px);
         transform: translate(0px,0px);
         opacity: 1; }
}
@keyframes transladarD {
  0%   { transform: translate(-200px,0px);
         opacity: 0;
        }
  100% {transform: translate(0px,0px);
        opacity: 1;
        }
}

@-webkit-keyframes transladarAR {
  0%   { -webkit-transform: translate(0px,200px);
         transform: translate(0px,200px);
         opacity: 0;
       }
  100% {
         -webkit-transform: translate(0px,0px);
         transform: translate(0px,0px);
         opacity: 1;
       }
  }
@-moz-keyframes transladarAR {
  0%   { -moz-transform: translate(0px,200px);
         transform: translate(0px,200px);
         opacity: 0;
       }
  100% {
         -moz-transform: translate(0px,0px);
         transform: translate(0px,0px);
         opacity: 1;
       }
}
@-o-keyframes transladarAR{
  0%   { -o-transform: translate(0px,200px);
         transform: translate(0px,200px);
         opacity: 0;
        }
  100% { -o-transform: translate(0px,0px);
         transform: translate(0px,0px);
         opacity: 1; }
}
@keyframes transladarAR {
  0%   { transform: translate(0px,200px);
         opacity: 0;
        }
  100% {transform: translate(0px,0px);
        opacity: 1;
        }
}

@-webkit-keyframes transladarAB {
  0%   { -webkit-transform: translate(0px,-50px);
         transform: translate(0px,-50px);
         opacity: 0;
       }
  100% {
         -webkit-transform: translate(0px,0px);
         transform: translate(0px,0px);
         opacity: 1;
       }
  }
@-moz-keyframes transladarAB {
  0%   { -moz-transform: translate(0px,-50px);
         transform: translate(0px,-50px);
         opacity: 0;
       }
  100% {
         -moz-transform: translate(0px,0px);
         transform: translate(0px,0px);
         opacity: 1;
       }
}
@-o-keyframes transladarAB{
  0%   { -o-transform: translate(0px,-50px);
         transform: translate(0px,-50px);
         opacity: 0;
        }
  100% { -o-transform: translate(0px,0px);
         transform: translate(0px,0px);
         opacity: 1; }
}
@keyframes transladarAB {
  0%   { transform: translate(0px,-50px);
         opacity: 0;
        }
  100% {transform: translate(0px,0px);
        opacity: 1;
        }
}
.activoLi{
  background-color: #37474f;
  outline: 0;
}/*Nav*/
body {
    width: 100%;
    height: 100%;
}
html {
    width: 100%;
    height: 100%;
}
@media(min-width:900px) {
    .navbar {
        padding: 9px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
     .top-nav-collapse {
        padding: 0;
    }
}
#barraNav{
  padding-left: 2.5%;
  padding-right: 2.5%;
}
.navbar-default {
  border-color: transparent;
  background-color: #263238;
}
.navbar-default .nav li a {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 200;
  letter-spacing: 1px;
  color: #fff;
}
.dropdown-menu{
  background-color: #37474f;
}
.colorNav{
  background-color: #37474f;
}
.colorNav li a:hover,
.colorNav li a:active,
.colorNav li a:focus{
  background-color: #428bca;
  color: #eceff1;
}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:active,
.navbar-default .nav li a:focus {
  outline: 0;
  color: #428bca;
}
/****/
#imgI1{
  width: 100%;
  height: 100%;
  margin: 1%;
}
#carouselPrincipal{
  height:97%;

}
.paddingInicio{
  padding:0% 5% 2% 5%;
}
.imgResena{
  width: 100%;
  height: 70%;
}
.resenaCarruselTam{
  height: 250px;
}
.carouselResena li{
  color: #263238;
}
.tamNoticia{
  height: 450px;
}
#banner{
  background-color: #263238;
}
#banner a{
  color: #ffffff;
}
.enlaceBlanco{
  color: #cfd8dc;
}
.enlaceBlanco:hover{
  text-decoration: none;
  color: #fff;
}
.enlaceBlanco:active{
  text-decoration: none;
  color: #fff;
}
.enlaceBlanco:link{
  text-decoration: none;
}

.nav-tabs>li>a {
  background-color: #263238;
  border-color: #90a4ae;
  color:#fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #eceff1;
  background-color: #455a64;
  border: 1px solid #888888;
}
.nav-tabs>li>a:hover {
  border-color: #fff;
  background-color: #428bca;
  color: #fff;
}
/*carousel*/
html,
body {
    height: 100%;
}
.carousel,
.item,
.active {
    height: 100%;
}
.carousel-inner {
    height: 100%;
}
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.enlacePie{
  font-size: 0.9375em;
  color: #78909c;
  padding: 1%;
}
.enlacePie:hover{
  text-decoration: none;
  color: #cfd8dc;
}

.textAzul3{
  color:#3d5afe;
}

.paddingCarousel{
  padding: 35px;
}

.carousel-indicators .liInicio {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 10px 0 10px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #3d5afe;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}
.carousel-indicators .active {
    width: 14px;
    height: 14px;
    margin: 0 10px 0 10px;
    background-color: #ffffff;
}

.carousel-indicators .liInicio2{
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 10px 0 10px;
  text-indent: 0;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}

.noticiasWell .carousel-indicators .active {
    width: 14px;
    height: 14px;
    margin: 0 10px 0 10px;
    background-color: #3d5afe;
}
.fondoRojo{
  background-color:#e57373;
}

/*****************************/
.botonVacantes{
  z-index: 10;
  right: 0;
  top: 10%;
  position: absolute;
  float: left;
}
/*
div.footer-ribbon {
    background-color: rgba(38,50,56, 0.8);
    margin: 68px 0 0 0px;
    padding: 8px 5px 8px 0px;
    position: absolute;;
    color: #ffffff;
    font-weight: 700;
    box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.25);
    z-index: 10;
}

 div.footer-ribbon span{
    color: #ffffff;
    font-weight: 700;
}
.txtRibbon{
  color:#ffffff;
}
*/




.botonAbajoCarousel{
  z-index: 10;
  top: 80%;
  left: 95%;
  bottom: auto;
  position: absolute;
}
/*.botonVacantes{
  z-index: 10;
  right: 0;
  top: 10%;

  float: left;
}

*/
.fondoCarousel{
  background-color: rgba(236, 239, 241, 0.6);
  /*height: 90px;
  width: 700px;*/
  width: auto;
}

/*******************/
 table.table-fixedheader {
    width: 100%;
}
/*
Set table elements to block mode.  (Normally they are inline).
This allows a responsive table, such as one where columns can be stacked
if the display is narrow.
*/
 table.table-fixedheader, table.table-fixedheader>thead, table.table-fixedheader>tbody, table.table-fixedheader>thead>tr, table.table-fixedheader>tbody>tr, table.table-fixedheader>thead>tr>th, table.table-fixedheader>tbody>td {
    display: block;
}
table.table-fixedheader>thead>tr:after, table.table-fixedheader>tbody>tr:after {
    content:' ';
    display: block;
    visibility: hidden;
    clear: both;
}


 table.table-fixedheader>tbody {
    overflow-y: scroll;
    height: 350px;

}
/*
We really don't want to scroll the thead contents, but we want to force
a scrollbar to be displayed anyway so that the usable width of the thead
will exactly match the tbody.
*/
 table.table-fixedheader>thead {
    overflow-y: scroll;
}
/*
For browsers that support it (webkit), we set the background color of
the unneeded scrollbar in the thead to make it invisible.  (Setting
visiblity: hidden defeats the purpose, as this alters the usable width
of the thead.)
*/
 table.table-fixedheader>thead::-webkit-scrollbar {
    background-color: inherit;
}


table.table-fixedheader>thead>tr>th:after, table.table-fixedheader>tbody>tr>td:after {
    content:' ';
    display: table-cell;
    visibility: hidden;
    clear: both;
}

/*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>).  We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/

 table.table-fixedheader>thead tr th, table.table-fixedheader>tbody tr td {
    float: left;
    word-wrap:break-word;
}

/*****************/