@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');
/*Tipo de letra para todo el sitio web*/
body{
    font-family: 'Montserrat', sans-serif;
}
/*separacion entre el tope de la pantalla y el ancho del menu ya que esta fijado*/
.imagenPrincipal{
    margin-top: 81px;
}

.separador{
    margin-top: 20px;
    margin-bottom: 25px;
    border: 0;
    border-top: 0px;
    height: 4px;
    width: 60px;
    background-color: #e21a21;
}

h1,h2,h3,h4,h5,h6{
    font-weight: bold;
}
/*Para que no se pixelee al cambiar el tamaño de una imagen*/
.imgResolucion{
    image-rendering:-moz-crisp-edges; 
image-rendering:-o-crisp-edges; 
image-rendering:-webkit-optimize-contrast;
image-rendering:optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
}
/*Color para titulos*/
.principal{
    color:#031d34;
}
/*Color para texto*/
.secundario{
    color:#798696;
}

.contenedorDegradado:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(rgba(255,0,0,0) 65%, rgba(0,0,0,0.9));
}

.img-azul:before{
     content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(41 160 216 / 45%);
}

.img-amarillo:before{
     content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(226 236 66 / 62%);
}
/*estilos del menu al estar arriba*/
.sps--abv {
    background-color: #fff;
}
/*estilos del menu al bajar la pagina */
.sps--blw {
    background-color: #fff;
    box-shadow: rgb(0 18 46 / 24%) 0px 10px 25px 0px;
}

.nav-item > .nav-link{
  /*Modifica lo que quieras*/
  color:#031d34 !important;
  /*font-weight: bold;*/
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;  
}

.nav-item > .nav-link:hover{
  /*Modifica lo que quieras*/
  color:#e21a21 !important;
}

.tituloSlider{
    background: rgba(0, 0, 0,0.40); 
    border-radius: 10px;
    padding: 10px;
    color: #F70C0C;
}

.parrafoSlider{
    font-size: 25px;
    background: rgba(0, 0, 0,0.40); 
    border-radius: 10px;
    padding: 10px;
}
.altura-a-b{
    padding: 175px 0;
}
.titServicio{
    padding: 25px;
    color: #031d34;
}
.logotipo{
    width: 200px;
    padding: 0px 0;
}

.iconos-redes-header{
    width: 32px;
    margin: 10px 5px; 
}
.carousel-caption {
    position: absolute;
    bottom: 15%;
    bottom: 20px;
    left: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}

.links_footer{
    color: #C7C7C7 !important;
}
.links_footer:hover{
    text-decoration: none;
    color:red !important;
}

.titleServiciosRojo {
    position: absolute;
    bottom: 0px;
    z-index: 10;
    color: #fff;
    text-align: left;
    background-color: rgb(224 11 11 / 65%);
    width: 60%;
}

.titleServiciosAzul {
    position: absolute;
    bottom: 0px;
    z-index: 10;
    color: #fff;
    text-align: left;
    background-color: rgb(24 109 214 / 65%);
    width: 60%;
}

.titleServiciosPlomo {
    position: absolute;
    bottom: 0px;
    z-index: 10;
    color: #fff;
    text-align: left;
    background-color: rgb(146 128 128 / 84%);;
    width: 60%;
}

.titleServiciosRojo ,.titleServiciosAzul, .titleServiciosPlomo > h1{
    padding-left: 15px;
}


@media (max-width: 768px) {
    .tituloPagina{
        font-size: 1rem;
    }
    .titleServiciosRojo , .titleServiciosAzul, .titleServiciosPlomo{
        width: 80%;
        padding-bottom: 10px;
   }
    .logotipo{
    width: 110px;
    padding: 0px 0;
}
    .imagenPrincipal{
    margin-top: 57px;
}
    .altura-a-b{
    padding: 75px 0;
}
    }

.titleServicios h1{
    padding-left: 10px;
}

.banner-video{
    background-image: url(../images/home/video-bg.jpg);
    padding: 200px 0;
    position: relative;
    text-align: center;
}

.banner-video .play{
    width: 80px;
    height: 80px;
    position: relative;
}

footer{
    background-color:  #031d34; 
    padding: 25px 0;
    color:  white;
}

footer .logotipo-footer{
    width: 200px;
    margin-bottom: 20px;
}

footer p {
    color : white;
    font-size: 12px; 
}

.cabecera-somos{
    background-image: url(../images/home/medicina.jpg);
    padding: 400px 0 0px 0;
    background-position: center center;
    background-size: cover;
}

.cabecera-somos h1{
    color: white;
}

.imgServicio{
     width: 150px;
}

.imgServicio:hover{
     width: 150px;
    transform: scale(1.03);
}


h2{
  text-align:center;
  padding: 20px;
}
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}




.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}