body{font-family: 'Open Sans', sans-serif; min-height: 100%;}
html, body{
    min-height: 100%;

}
html, body {
  margin: 0px;
  padding: 0px;
  min-height: 100%;
  height: 100%;
}

.contenedor {     min-height: 100%;
  height: auto !important;
  margin-bottom: -50px; /* the bottom margin is the negative value of the footer's total height */
}

.contenedor:after {
  content: "";
  display: block;
  height: 50px; /* the footer's total height */
}

.container {
  height: 100%;
}

header{background: #999; color: #999; max-height: 52px; position: fixed; width: 100%;z-index: 99999999;}
nav a {text-transform: uppercase; font-size: 14px; color: #fff!important}
header svg {margin-left: 5px!important;}
header a {color: #fff}
header a:hover {color: #003962}
nav a:hover {color: #003962!important}
.redesnav a{color: #fff;}
.redesnav a:hover{color: #003962;}
.logoaa{border-radius: 100%;width:50px;  margin-top: -15px; background: #fff; border-bottom: 3px solid #ddd  }
.text-logo{line-height: 19px; text-align: left; display: inline-block; margin-left:2px;
           color: #fff; font-family: 'STIX Two Text', serif; font-size: 18px; font-weight: 700; margin-top: 0px}
.sec1 {margin-top: -20px!important }
.sec1 .carousel-item{min-height: 600px; }
.sec1 .carousel-item p{line-height: 30px;}
.item1{background-image: url(../img/fondo.jpg); background-size: 100%; background-repeat: no-repeat;
       background-position: 0px 0px; }
.item2{background-image: url(../img/fondo2.jpg); background-size: 100%; background-repeat: no-repeat;
       background-position: 0px 0px; }
.item3{background-image: url(../img/fondo3.jpg); background-size: 100%; background-repeat: no-repeat;
       background-position: 0px 0px; }
.sec1 .carousel-control-next:hover{ background: transparent!important; }
.sec1 .carousel-control-prev:hover{ background: transparent!important; }
.sec1 .carousel-caption {top: 30%!important; }
.sec1 .carousel-caption {max-width: 35%;}
.intro{max-width: 900px; margin:0 auto; text-align: center; line-height: 40px;
       border: 1px solid #fff; padding: 50px; top: 50px; position: relative;}
.carousel-caption span{font-size: 30px; color: #003962; font-weight: 700; text-transform: uppercase;}
.icons{background: #fff; text-align: center; margin: 0 auto; max-width: 45%; margin-bottom: 30px}
.icons .icon{ width: 75px!important; height: 75px; background: #fff;padding: 20px; border-radius: 100%; margin: 0 auto;
              position: relative; margin-top: -30px; color: #555;}
.b1{color: #555; letter-spacing: -3px; font-weight: 600;}
.b2{color: #003962;font-weight: 400;}
h1 {font-weight: 700; color: #003962; font-size: 32px; letter-spacing:1px; font-family: 'Open Sans', sans-serif;}
h2 {font-weight: 700; color: #003962; font-size: 28px; letter-spacing:1px; font-family: 'Open Sans', sans-serif;}
h3 {font-weight: 600; color: #003962; font-size: 24px; letter-spacing:1px; font-family: 'Open Sans', sans-serif;}
p {font-weight: 400; font-size: 14px;  font-family: 'Open Sans', sans-serif;}
pre  {font-weight: 400; font-size: 13px;  font-family: 'Open Sans', sans-serif;}
.sec2 img{width: 100%;}
.sec2 h4{font-size: 21px; margin-top: 20px; margin-bottom: 20px; line-height: 28px}
.sec3 h4{font-size: 21px; margin-top: 20px; margin-bottom: 20px;}
.sec3{background: #ddd; min-height: 400px;}
.actividades {background: #fff; top: -50px; position: relative;border-top: 4px solid #ccc;}
.actividades div{text-align: left;}
.actividades a {background:#777; color: #fff ; padding5px 10px; text-decoration: none; border: 0px; text-transform: uppercase;
                border-radius: 0px; max-width: 130px; font-size: 15px}
.actividades a:hover{background: #003962;}

button{background:#777; color: #fff ; padding: 10px 20px; text-decoration: none; border: 0px}
button:hover{background: #003962;}
.leermas{background:#777; color: #fff ; padding:8px 15px; text-decoration: none; border: 0px ;margin-top: 20px!important; position: relative;
margin-bottom:510px!important; border: 0px; text-decoration: none; text-transform: uppercase; font-size: 12px!important}
.leermas:hover{background: #003962; color: white}
.sec2  p{line-height: 28px;}
.sec4 { background-color: #ddd; background-image: url(../img/fondo-consulta.png);background-size: 80%; background-repeat: repeat;
        background-position: 0px 0px; min-height: 300px;}
.sec4 .consulta{width: 80%; background: #ddd; position: relative; top: -40px; padding: 30px 0px;}
.sec4 h4{font-size: 31px; color:#003962;  margin-top: 0px; margin-bottom: 20px; font-weight: 700;}
.sec4 span{font-size: 12px; margin-top: 40px; margin-bottom: 0px; font-weight: 300;}
footer {background: #555; color: #fff; min-height:50px;  width: 100%;
    height: 50px;
    position: relative;
    bottom: 0; font-size: 13px;
   line-height: 10px
}
footer div a:hover{color: red!important}
.active{font-weight: 700; color: #003962!important}

/*STAFF*/
.secinterna{background: url(../img/fondo2.jpg)0px -200px; min-height: 120px; line-height: 100px;
            border-bottom: 0px solid #eee;}
.secinterna h2{padding-top: 45px; margin-top: -20px}
.staff{ min-height: 700px; }
.col-staff { min-height: 200px; background: #eee; margin-right: 15px; margin-left: 15px; border-radius:5px;  margin-bottom: 30px;}
.col-staff img { max-width: 100px; max-height: 100px; border-radius: 100%; margin-bottom: 20px;}
.col-staff h5{font-size: 17px; color: #333; font-weight: 600;}
.col-staff p{font-size: 15px; color: #555; font-weight: 600; font-family: 'STIX Two Text', serif;}
.col-staff a {color: #003962}
.col-staff a:hover {color: #777}

/*SERVICIOS*/
.servicios{ min-height: 700px; background: ;}
.servicios .col-md-6 { line-height: 30px!important; padding-right: 40px!important;}
.col-servicios{min-height: 50px; background: #fff; margin-top: 40px; 
 ; border-bottom:0px dotted #ddd; margin-right: 0px;}
.col-servicios img { width:auto; height: 170px; border-radius: 100%; margin-bottom: 20px;}
.col-servicios h5{font-size: 18px; color: #003962; font-weight: 600;}
.col-servicios li{ font-size: 15px; color: #555!important; font-weight: 300; line-height: 28px; }
.col-servicios a {color: #003962}
.col-servicios a:hover {color: #777}
.containerup{margin-top: -50px; border-top: 5px solid #ddd;}
.containerup2{margin-top: 0px; border-top: 2px dotted #aaa;}
.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border-bottom: 1px solid #f7f7f7!important;
}

/*CONTACTO*/
.secontacto {top: -50px; z-index: 10000!important; position: relative; border-top: 4px solid #ddd}
.fondoddd{background-color: #ddd; background-image: url(../img/fondo-consulta.png);background-size: 80%; background-repeat: repeat;
        background-position: 0px 0px; min-height: 300px; min-height: 300px}
.contact_info{padding-left: 30px}
.text-span{font-size: 14px; color: #777; font-weight: 500;  padding-bottom:20px!important; text-transform: uppercase;
background: #ddd; padding: 10px 15px 8px 10px!important}
.info_item{border-bottom: 1px dotted #ddd; padding: 20px 0px }
a {border: 0px; text-decoration: none}
#contactForm button {width: 100%!important}
.rc-anchor-normal{width:500px!important}

/*NOVEDADES INTERNA*/
.nov{margin-right: 0px!important; max-width: 400px!important}
.carousel-control-next:hover{background:transparent!important}
.carousel-control-prev:hover{background:transparent!important}
.col-novedades {background: #eee}
.linea{border-bottom:2px dotted #ccc;}

/*ACTIVIDADES INTERNA*/
.actividades-int a  {background:#777; color: #fff ; padding5px 10px; text-decoration: none; border: 0px; text-transform: uppercase;
                border-radius: 0px; max-width: 130px; font-size: 15px}
.actividades-int a:hover{background: #003962;}
.text-span-act{font-size: 15px; color: #777; font-weight:300; padding-bottom:20px!important;
text-orientation: cursive}
.actividades-int info-act{padding-top:0px!important; vertical-align: top!important}
.actividades-int h4{font-size: 21px; font-weight: 600; color: #555}
.ml-2{margin-left:25px}
.ml-1{margin-left: 10px}
.mr-2{margin-left:25px}
.userpost img{ border-radius: 100%; height: 50px!important; width: 50px!important; margin-bottom: 10px; }
.userpost p {font-size: 12px; line-height:18px!important; padding-top: 10px}
.userpost .col-md-3 {width: 60px}
.userpost{vertical-align: center}
.secontacto h6 a:hover{color:#777!important}

/*RESPONSIVE*/

 @media screen and (max-width:1188px){
.servicios .col-md-6 {width: 100%!important}
.redesnav {position: relative; left: 120px!important}
.actividades-int .col-md-6 {
    flex: 0 0 auto;
    width: 50%!important;
}
.userpost .col-md-4 { width: auto!important;}
.userpost .col-md-5 { width: auto!important;}
.userpost{justify-content: left!important}
.col-staff { min-height: 200px; background: #eee; margin-right: 15px; margin-left: 15px; border-radius:5px;  margin-bottom: 30px;
width: 200px!important}
.sec2 .userpost .col-md-5 img{ margin-bottom: 10px}
.sec2 .userpost .col-md-3{ width: 60px!important; vertical-align: center}
.sec2 .userpost .col-md-5{ width: 100px!important; padding-top: 5px; vertical-align: center}
.sec2 .userpost .col-md-4{ width: 60px!important; padding-top: 5px; vertical-align: center}
.text-logo{line-height: 18px; margin-left: 5px; font-size: 15px; margin-top: -5px;}
.logoaa{width: 55px;margin-top:-10px; display: inline-block; margin-left: -50px;}
}
 @media screen and (max-width: 984px){
     .redesnav {position: relative; left: 20px!important}

.container{padding: 0px 20px;}
.navbar-nav{background: #fff; padding:10px 60px; margin-left: 10px; position: absolute}
.text-logo{line-height: 18px; margin-left: 0px; font-size: 15px; margin-top: 5px; }
.logoaa{width: 54px;margin-top:-13px; display: inline-block; margin-left: -50px;}.redesnav {margin-top: 5px!important;}
.icons{background: #fff; text-align: center; margin: 0 auto; max-width: 95%;}
.icons .icon{ max-width: 255px!important; margin-top: 10px; color: #555;}
.sec1 .carousel-caption {top: 50px!important; display: inline-block!important;}
.sec1 .carousel-item{min-height: 420px!important; }
.sec2  .col-md-4 { width: 100%!important}
.sec2  .userpost .col-md-4 { width: auto!important;}
.sec3 .col-md-3 {margin-right: 35px!important}
.servicios col-md-4 {width: 100%!important}
.servicios col-md-5 {width: 100%!important}
.servicios col-md-6 {width: 100%!important}
.servicios col-md-7 {width: 100%!important}
.servicios col{width: 100%!important}
.staff col-md-2 {min-width: 300px!important}
.actividades-int .col-md-6 {
    flex: 0 0 auto;
    width: 100%!important;
}
.actividades .col-md-6 {
    flex: 0 0 auto;
    width: 100%!important;
}
.actividades .col-md-5 {
    flex: 0 0 auto;
    width: 100%!important;
}
.col-staff { min-height: 200px; background: #eee; margin-right: 15px; margin-left: 15px; border-radius:5px;  margin-bottom: 30px;
width: 200px!important}
.actividades .col-md-4 {
    flex: 0 0 auto;
    width: 100%!important;
}
.actividades-int .col-md-4 {
    flex: 0 0 auto;
    width: 100%!important;
}

}

@media (max-width: 968px){
    
    .navbar-toggler{top: 2px!important; position: relative!important; background: #fff}
.ml-1 {margin-left: auto; margin-right:  auto}

   } 
@media (max-width: 798px){
         .container{text-align: left}

.servicios .col-staff {
    width: 100%!important;
}
.servicios .col-md-6 {width: 100%!important}
.col-md-6 {
    flex: 0 0 auto;
    width: 100%!important;
}
.col-md-2 {
    width: 30%!important;
}
.actividades-int .col-md-6 {
    flex: 0 0 auto;
    width:100%;

}

.actividades-int .col-md-6 p{
        margin:7px!Important

}
.actividades-int a{margin-top: 10px!important}
.info-act{margin-top: 10px}
.sec2 .col-md-4 {width: 100%!important; }
.leermas{top: 30px!important}
.actividades-int .col-md-6 {
    width: 100%!important;
}
.logoaa{width: 61px;margin-top:-10px; display: inline-block; margin-left: -50px;}
.navbar-toggler-icon{width: 25px!important; height:  25px!important}
.navbar-toggler{top: 5px!important; position: relative!important; background: #fff}
nav a {color: #222!important}

.actividades-int .col-md-6 {
    flex: 0 0 auto;
    width: 100%!important;
}
.actividades div {
    text-align: center;
}

.linea{margin-top:30px}
.text-logo{line-height: 18px; text-align: left; margin-left:5px;
 font-size: 15px; margin-top: 0px;}
.logoaa{width: 52px;margin-top:-14px; display: inline-block; margin-left: -50px;}
}

 @media screen and (max-width: 495px){
     .navbar-nav{background: #fff; padding:10px 60px; margin-left: -90px; position: absolute}

  .container{text-align: center}
     header {max-height:46px}
.sec1  {margin-top: -40px!important}
.sec1 .carousel-caption {top: 50px!important; display: inline-block!important;}
.sec1 .carousel-caption {max-width: 95%;}
.item1, .item2, .item3{background-size: 150%;}
.sec1 .carousel-item{min-height: 420px!important; }
.sec1 .carousel-item{min-height: 300px; }
.text-logo{ margin-left: 0px; margin-top: 0px; font-size: 14px; line-height: 15px}
.logoaa{width: 42px;margin-top:-9px; display: inline-block; margin-left: -50px;}
.redesnav {margin-top: 8px!important; width: 100%; left: 0px!important}
.icons{background: #fff; text-align: center; margin: 0 auto; max-width: 95%;}
.icons .icon{ width: 255px!important; margin-top: 10px; color: #555;}
.navbar-toggler{top: 1px!important; position: relative!important; background: #fff; padding:4px 7px}
/*NOVEDADES INTERNA*/
.nov{margin-right: 0px!important; max-width: 100%!important}
.col-staff { min-height: 200px; background: #eee; margin-right: 0px; margin-left: 0px; border-radius:5px;  margin-bottom: 30px;}
.sec4 { background-size: 190%!important; background-repeat: repeat;
        background-position: 0px 0px; min-height: 300px;width: 100%}
.col-md-2 {
    width: 100%!important;
}
.leermas{top: 10px!important}
.navbar-toggler-icon{width: 25px!important; height:  25px!important}
.sec3 .col-md-3 {
     margin-left: 5px!important; 
}
.sec2 .userpost .col-md-4 { width: 100%!important; margin-top:0px}
.sec2 .userpost .col-md-3 { width: 100%!important; margin:  0 auto }
 .userpost .col-md-3 { width: 100%!important; margin:  0 auto }
.sec2 .userpost .col-md-5{ width: 100%!important;margin-top: 0px}
.userpost img {text-align: center; margin: 0 auto }
.sec2 .userpost .col-md-6 img{ margin-bottom: 0px}
.redesnav svg{width: 12px!important}
.actividades div {
    text-align: center;
}
.linea{margin-top: 10px}
.noticia p{text-align: x!important}
/*.noticia h4{text-align: left}*/
.sec2 .userpost p{ padding-top: 0px; text-align: center!important}
.contact_info {
    padding-left: 0px;
}
.ml-1 {margin-left: auto; margin-right:  auto}
}

 @media screen and (max-width: 395px){
          header {max-height: 42px}

.sec1 .carousel-item{min-height: 320px; }
.logoaa{width: 40px; margin-top:-8px; display: inline-block; margin-left: -43px;}
.text-logo{ margin-left: 0px; margin-top:-20px; font-size: 12px; line-height: 12px}
.redesnav {margin-top: 2px!important;}
.item1, .item2, .item3{background-size: 186%;}
.navbar-toggler-icon{width: 20px!important; height:25px!important; }
.navbar-toggler{margin-top:-4px!important; background: #fff;padding: 2px 7px}
}

 @media screen and (max-width: 325px){
          header {max-height: 35px}

.text-logo{line-height: 11px; margin-left: -1px; font-size: 10px; margin-top: -15px;}
.sec1 .carousel-item{min-height: 300px; }
.logoaa{width:35px; display: inline-block; margin-left: -45px; margin-top: -10px}
.redesnav {margin-top: -5px!important;}
.navbar-toggler{padding: 10px; font-size: 12px; margin-left: -10px!important;}
.item1, .item2, .item3{background-size: 186%;}
.redesnav {margin-top: 0px!important;}
.navbar-toggler-icon{width: 15px!important; height:  15px!important;}
.navbar-toggler{margin-top: -5px!important; padding: 5px 7px}

}