body{
    background-color:#003054 ;
  }
    .titulouno{
      color:#fff;
      font-weight: 500;
      padding-top: 10px;
    }
    .titulodos{
      color:#fff;
      font-weight: 100;
    }
    .logo{
      padding: 30px; 
    }
    .fondo1{
      border-bottom:rgb(172, 223, 209) solid 1px;
    }
    .jumbotron{
      background-image:url("img/4a.jpg");
      background-size: cover;
      margin-top: 80px;
      margin-bottom: 80px;
      color:white;
      text-align: center;
    }
    .bcolor{
      background-color: #00B890;
      border:none;
    }

    .bcolor:hover{
      background-color: rgb(113, 234, 255);
    }
    .fondocont{
      background-color: #003054 ;
      border-radius: 10px;
      padding: 2em;
      color:#fff;
      margin-top: 30px;
    }

    .imgborde{
      border-radius: 50%;
    }
    .titulod{
      color:#fff;
      text-align: center;
    }
    .titulodd{
      color:#fff;
      text-align: center;
      font-size: 1.5em;
      padding-top: 5px;
    }
    .letra{
      color: #fff;
      text-transform:uppercase;
      font-size:20px;
    }
    .contenedora{
      padding:30px;
      background-color:#003054;
      margin-top: 10px;
      border-radius: 15px;
      border:solid 1px rgba(255,255,255,.2);
    }
    .ca{
      margin-top: 20px;
    }
    .fecha{
      color: #fff;
      text-transform:uppercase;
      font-size:20px;
    }

    .cita{
      border-left:rgb(226, 226, 226) solid 15px ;
      padding-top: 1em;
      padding-bottom: 1em;
      margin-top: 50px;
      margin-bottom: 50px;
    }
    .citados{
      padding-top: 1em;
      padding-bottom: 1em;
      margin-top: 50px;
      margin-bottom: 50px;

    }

    .citatext{
      font-size: 1.5em;
      color:#fff;
    }
    .citatextdos{
      font-size: 2em;
      color:#fff;
      text-align: center;
      font-style: italic;
    }
    .espacio{
      margin-top: 60px;
    }
    .footer{
      background-color: rgb(42, 42, 42);
      color:white;
    }
    .sized{
      width: 30px;
      margin-left: 10px;
    }
    .des{
      text-align: center;
      padding-top: 2em;
      font-weight: 200;
      padding-bottom: 2em;
    }

    .social{
      padding-top: 20px;
    }


    ul.social-network {
        list-style: none;
        display: inline;
        margin-left:0 !important;
        padding: 0;
    }
    ul.social-network li {
         display: inline;
        margin: 0 5px;
    }

  .social-network a.icoInstagram:hover {
      background-color: rgb(253, 4, 170);
  }
  .social-network a.icoFacebook:hover {
      background-color:#3B5998;
  }

  .social-network a.icoLinkedin:hover {
      background-color:#007bb7;
  }
  .social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
  .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
      color:#fff;
  }
  a.socialIcon:hover, .socialHoverClass {
      color:#44BCDD;
  }

  .social-circle li a {
      display:inline-block;
      position:relative;
      margin:0 auto 0 auto;
      -moz-border-radius:50%;
      -webkit-border-radius:50%;
      border-radius:50%;
      text-align:center;
      width: 50px;
      height: 50px;
      font-size:20px;
      background-color: #00B890;
  }
  .social-circle li i {
      margin:0;
      line-height:50px;
      text-align: center;
  }

  .social-circle li a:hover i, .triggeredHover {
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
        -ms--transform: rotate(360deg);
      transform: rotate(360deg);
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -ms-transition: all 0.2s;
      transition: all 0.2s;
  }
  .social-circle i {
      color: #fff;
      -webkit-transition: all 0.8s;
      -moz-transition: all 0.8s;
      -o-transition: all 0.8s;
      -ms-transition: all 0.8s;
      transition: all 0.8s;
  }
  .icon{
    width: 24px;
  }
  .list-group-item{
    background-color: #003054;
    border: 1px solid rgba(255,255,255,.2);
  }

  hr{
    border: solid 1px rgba(255,255,255,.2) ;
  }


    
.presentacion{
    text-align: center;
    
}
.pt{
    font-size: 1.6em;
}

#sa p{
  font-size: 1.2em;
}

#sa h5{
  padding-top:1.6em;
  padding-bottom: 2em;
}


.contacto{
    padding-top: 2em;
    padding-bottom: 2em;
}

@media (max-width: 3000px) {
  #sa {
    display: block;
  }
}


@media (max-width: 800px) {

  #sa {
      display: none;
    }
  }