.logo-left{
  width: 160px;
  padding-left: 25px;
}


.title1{
font-size: 40px;
text-transform: uppercase;
font-family: sans-serif;
color: white;
margin: 0px;
padding-bottom: 25px;
text-shadow: 1px 1px 4px #000;
text-align: center;
}


a:focus{
    color: #fff;
    text-decoration: underline;
}




/* -------  boton principal  ------  */

.link-form {
    text-align: center;
    padding: 11px 76px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    font-size: 22px;
    background-color: #f2ad0a;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    display: table;
    text-decoration: none !important;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 5px;
    letter-spacing: 2px;
    border: 2px solid #f2ad0a;

}

.link-form:hover{
  color: #314DA0;
  border: 2px solid #314DA0;
    background-color: #fff;
}


.logobox{
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}
/* ------- fin boton principal  ------  */


/* ------- centrado de elementos txt  y boton  ------  */
.box-center{
  position: absolute;
  width: 600px;
  z-index: 10;
  top: 50%;
  left: 50%;
  margin-top: -230px;
  margin-left: -300px;
}
/* ------- fin centrado de elementos txt  y boton  ------  */


/* ------- navegacion del slider  ------  */

.icon-prev{
  font-size: 60px !important;
  color: #152761;

}

.icon-next{
  font-size: 60px !important;
  color: #152761;
}

/* ------- iconos de redes  ------  */

.redes{
    position:fixed;
    z-index: 11;
    bottom: 0px;
    right: 0px;
    margin: 0px 30px;
}

.item-redes li{
  display: inline-block;
  padding: 5px
}

.item-redes li i{
  color: #fff;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
     transition: all 200ms ease;
}

.item-redes li i:hover{
  color: #fff;
}

/* ------- fin iconos de redes  ------  */



/* -------  boton web o secundario ------  */

.link-enter{

  z-index: 20;
  bottom: 15px;
  left: 25px;
  padding: 8px 30px;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  text-decoration: none;
margin-left: 15px;
 border-radius: 5px;
 border: 2px solid #fff;
 color: #fff;
  text-decoration:none !important;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
     transition: all 200ms ease;
}

.link-enter:hover{
  color: #314DA0;
  border: 2px solid #fff;
  background-color: #fff;

}


.item-redes li {
  font-size: 18px !important;
}


.img1{
  margin: 0px auto !important;
  display: block !important;
  padding-bottom: 15px !important;
}

.slogan{
  text-align: center;
  font-size: 22px;
  text-transform: uppercase;
  color: rgb(49, 77, 160);
  font-weight: bold;
letter-spacing: 1px;
}



/* ------- fin boton web o secundario ------  */



@media (max-width: 1360px) {
   .slogan {
    font-size: 20px;
    line-height: 22px;}

   .img1 {
    width: 60%;
    }
    
  .prefooter {
    font-size: 16px !important;
    padding: 17px !important;
    line-height: 20px;
  }
  
  .link-form {
    padding: 11px 66px !important;
    font-size: 18px !important;
   }
   
   .logo-left {
    width: 145px;
   }
   
   .box-center {
 
    margin-top: -208px;
}
  
}

@media (max-width: 768px) {
  .title1 {
      font-size: 40px; }

  .box-center {
    margin-top: -77.5px;
    margin-left: -370px;}
}

@media (max-width: 760px) {
  .title1 {
    font-size: 27px;
    text-align: center;}

  .box-center {
    margin-top: -62px;
    margin-left: -155px;
    width: 310px;}

  .item-redes li {
    padding: 3px;}

    .carousel-indicators {
    display: none;}
}

@media (max-width: 600px){

.slogan {
    font-size: 18px;
    line-height: 20px;
}
  .img1 {
    width: 98%;
  }
  .logo-left {
    width: 120px;
    padding-left: 0px;
    text-align: end;
    margin: 0 auto;
    display: block;}

  .link-enter {
    margin-left: 0px;}

  .redes {
    bottom: 3px;
    right: -10px;}

    .link-form {
    padding: 11px 46px !important;;
    font-size: 18px !important;;
    letter-spacing: 1px !important;;
}

.box-center {
    margin-top: -150px;
}

.prefooter {
    display: none !important;
}

}

@media (max-width: 320px) {
  .item-redes li {
    padding: 0px 0px 2px 0px;}
}

/*   -----   estilos personalizados  ------- */

.sup
{
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 120px;
  background: #fff url("../img/bar-sup.jpg") bottom right repeat-x ;
  z-index: 11;
}

footer
{
    background: #314DA0;
    display: block;
    position: absolute;
    bottom: 0px;
    padding: 15px 25px  14px 35px;
    height: 71px;
    width: 100%;
    z-index: 13;
    margin: 0px 0;

}

.prefooter
{
  display: block;
  position: absolute;
  bottom: 70px;
  width: 100%;
  height: auto;
  background:  #fff;
  color: #314DA0;
  font-size: 18px;
  text-align: center;
  padding: 25px;
  z-index: 14;
}