body {
     overflow-x:hidden;
}

#divSliderInvitacionTemp{
     background-image: url("../images/Slider/fondoSliderInvi.png");
     display: flex;
     justify-content: center;
     align-content: center;
}

#divSliderInvitacionTemp img{
     padding: 1rem;
     border-radius: 2rem;
     height:100%;
     width:100%;
}
.divSliderCampaTemp {
      background-image: url("../images/Slider/estrellanavidad.jpg");
     display: flex;
     justify-content: center;
     align-content: center;
}
.divSliderCampaTemp img{
     padding: 1rem;
     border-radius: 3rem;
     width: 100%;
     height:100%;
}


#menuNav{
     background: #000000;
     z-index: 15;
     width: 100%;


}
#seccionPrincipal{
     padding-top: 6rem;
}
.menuScroll{
     background: rgb(36, 35, 35);
     height: 5.2rem;
}

.ulMenu{
     float: left;
}
.liMenu {
	display: flex;
	float: left;
	margin-left: auto;
	text-align: center;

}
.textoMenu{
	font-weight: bold;
	color: rgb(255, 255, 255);
}

.textoMenu:hover{
	color: #FF8903 !important;
}

.activa .textoMenu{
     color: #FF8903 !important;
}

#subMenu{
     background: rgb(4, 96, 150);

     z-index: 1;
}

#subMenu a{
	color:white;
	font-weight: bold;
}
#subMenu a:hover{
	color:rgb(0, 0, 0);
	font-weight: bold;
}



.imagenLogoNav{
 width: 250px;
}
.activa{

	border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-webkit-border-radius: 22px 22px 22px 22px;
	border: 0px solid #000000;
}


.divMenu{
display: flex;
justify-content: space-between;
background: black;
width: 100%;
background-color:rgba(0,0,0,0.3);
}
.fixed{
	position: fixed;
}

#menuNosotrosMovil{
	display: none;
}


.divSlider{
	width: 100%;
	height: 40rem;
}

/*.divSlider img{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier

}*/
.textoSlider{
	text-shadow: 0.1em 0.1em 0.2em black;
}
.textSliderNavidad1{
     position: relative;
     bottom:10rem;
     right:10rem;
	width:52rem;
	font-size:17px;
	font-family:cursive;
}
.textSliderNavidad2{
     position: relative;
     bottom:10rem;
     right:10rem;
	width:52rem;
	font-size:17px;
	font-family:cursive;
}
.textSliderNavidad3{
     position: relative;
     bottom:10rem;
     right:10rem;
	width:52rem;
	font-size:17px;
	font-family:cursive;
}
.textSliderNavidad4{
     position: relative;
     bottom:10rem;
     right:10rem;
	width:52rem;
     font-size:22px;
     font-family:cursive;
     color:darkorange;
}
.textoAltSlider{
	color: white;
	text-shadow: black 0.1em 0.1em 0.2em;
	font-size: 25px;
}

.divBoton{
	display: block;
}
.botonCircular{
  display:block;
  border-radius: 60%;
  color: white;
  background: #FF8903;
}
.botonCircular i{
  margin-top: 1px;
}
#imgCert1 img{
	width: 50%;
	padding: 1rem;
	margin-left: 4rem;
}
#imgCert2 img{
	width: 90%;
	padding: 1rem;

}
#imgCert3 img{
	width: 80%;
	padding: 1rem;

}

#infoNosotros{
	  background: url("../images/fondoTanque2.png");
	   /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;





}
#encabezadoNosotros{
	 background: url("../images/veh3f5.jpg");
	   /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;

}
#encabezadoSST{
		 background: url("../images/sst3.png");
	   /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
}
#tituloTransporteSeguro{
	padding: 2rem;
	font-family: sans-serif;
	font-weight: bold;

	text-shadow: 1px 2px black;

}
.btnCard{
	width: 150%;
	border-radius: 40%;
	background: orange;
	color: white;
	font-weight: bold;

}
.btnCard:hover{
	background: #3D8130;
	 transform : scale(2);
        -moz-transform : scale(1.05);      /* Firefox */
        -webkit-transform : scale(1.05);   /* Chrome - Safari */
        -o-transform : scale(1.05);        /* Opera */

        -webkit-box-shadow: 15px -2px 35px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 15px -2px 35px 0px rgba(0,0,0,0.75);
		box-shadow: 15px -2px 35px 0px rgba(0,0,0,0.75);
}
.seccionValores{

	/*background: url("../images/personal2.png");
	   /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
}
#tituloNosotros{

	color: white;
	text-shadow: 0.1em 0.1em 0.4em black;
	font-size: 50px;
}
#tituloPoliticas{
	color: white;
	text-shadow: 0.1em 0.1em 0.4em black;
	font-size: 40px;
}

#encabezadoCopast{
	background: url("../images/sst/fondoCopast3.png");
	  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
}
#encabezadoNumeroEmergencia{
		background: url("../images/sst/imagenFondoNumeroEmergencia.png");
	  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
}
#encabezadoGH{
	background: url("../images/gestionHumana/gestionHumana01.png");
	  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
}
#bodyGH{
		background: url("../images/gestionHumana/fondoGH02.png");
	  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
}
#subTituloGH{
	color: white;
	padding: 2rem;
	font-family: sans-serif;
	text-shadow: 1px 2px black;
	font-weight: bold;
}
#textoReflexivoGH{
	font-style: italic;
	font-family: sans-serif;
	padding: 2rem;
}
#encabezadoComiteConvivenciaLaboral{
	background: url("../images/gestionHumana/fondoConvivenciaLaboral.png");
	  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
}
.subTituloC{
	color: black;
	font-size: 18px;
	font-family: sans-serif;
	text-align: center;
	width: 70%;
}
.textoInfo{
	font-family: sans-serif;
	font-size: 17px;
	padding: 3rem;
	text-align: justify;
}
.tituloSection{
	color: white;
	text-shadow: 1px 2px black;
	 font-family: Sans-serif;
	 padding: 2rem;
	 font-weight: bold;
	 font-size: 30px;

}

.tituloSection3{
	font-weight: bold;
	color: white;
	font-family: sans-serif;
	padding: 2rem;
	text-shadow: 1px 2px black;
	font-size: 35px;
}
.textoInfoSection{
	font-size: 21px;
	color: white;

	text-shadow: 0.1em 0.1em 0.4em black;
    padding-left: 4rem;
      padding-right: 4rem;
      padding-top: 5rem;
}
.textoSectionContactenos{
	font-size: 10px;
	color: white;
	text-shadow: 0.1em 0.1em 0.4em black;
	font-family: sans-serif;
	font-weight: bold;

}
.sliderInfo{
	border-radius: 50%;
}

.itemCarrusel{
    transition-timing-function: linear;
}
.btnZoom{
	background: orange;
	color: black;
	font-weight: bold;
	font-size: 18px;
}
.btnZoom:hover{
	background: #3DFC51;
	 transform : scale(2);
        -moz-transform : scale(1.3);      /* Firefox */
        -webkit-transform : scale(1.3);   /* Chrome - Safari */
        -o-transform : scale(1.3);        /* Opera */

        -webkit-box-shadow: 15px -2px 35px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 15px -2px 35px 0px rgba(0,0,0,0.75);
		box-shadow: 15px -2px 35px 0px rgba(0,0,0,0.75);

}

.imgZoom:hover{
	transform : scale(2);
        -moz-transform : scale(1.1);      /* Firefox */
        -webkit-transform : scale(1.1);   /* Chrome - Safari */
        -o-transform : scale(1.1);        /* Opera */



}
.imagenRedonda{
	border-radius: 50px;
}


.iconosContactoPagina{
	color: orange;
}
.cardIcono{
	background-color:rgba(0,0,0,0);
	height: 100%;
	border:none;
	border-radius: 50%;
}
.cardIcono:hover{

		 transform : scale(2);
        -moz-transform : scale(1.04);      /* Firefox */
        -webkit-transform : scale(1.04);   /* Chrome - Safari */
        -o-transform : scale(1.04);        /* Opera */
}


.mapa{
width: 100%;

}
.mapa iframe{
width: 100%;
padding: 1rem, 0;
}
.piePagina{
	background: black;

}

#seccionEmailCopast{
	background: url("../images/sst/fondoEmailCopast.png");
	  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
}
#encabezadoComiteEmergencias{
	background: url("../images/sst/fondoCopast3.png");
	  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
}
#encabezadoCompromisoSocial{
	background: url("../images/gestionHumana/fondoCompromisoSocial.png");
	  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
}
#imagenFirma{
     background-image: url('../images/sst/firma.png');
     background-repeat: no-repeat;
	width: 20%;
     height: 150px;

}
#imgCCL{
	width: 100%;
}
#imgCCL:hover{
			 transform : scale(2);
        -moz-transform : scale(1.04);      /* Firefox */
        -webkit-transform : scale(1.04);   /* Chrome - Safari */
        -o-transform : scale(1.04);        /* Opera */
}

#encabezadoServicios{
	background: url("../images/fondoServicios.png");
	  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
}



#encabezadoContactos{
	background: url("../images/fondoContactos.png");
	  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;
         /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;
}
#btnverMasNosotrosMovil{
    display: none;
}
.divVideo{
    right: 2rem;
}
.divVideo video{
    width: 100%;
}

.carruselServ{
     height: 22rem;
 }

 #imgMapaProcesos{
     background: url("../images/sst/mapaproceso.png");
     /* Nos aseguramos que la imagen de fondo este centrada vertical y
  horizontalmente en todo momento */

          /* La imagen de fondo no se repite */
          background-repeat: no-repeat;
          background-size:contain;
          background-position: center center;

 }
 #imgOrganigrama{
     background: url("../images/sst/organigrama.png");

     background-repeat: no-repeat;
     background-size:contain;
     background-position: center center;
 }

 #imgOrganigramaSV{
    background: url("../images/sst/comite-sv-2023.png");

    background-repeat: no-repeat;
    background-size:contain;
    background-position: center center;
}


 #imgComiteEmergencia:hover {

     transform : scale(2);
        -moz-transform : scale(1.1);      /* Firefox */
        -webkit-transform : scale(1.1);   /* Chrome - Safari */
        -o-transform : scale(1.1);        /* Opera */
 }

 @media(min-width: 1650px){
     .carruselServ{
         height: 32rem;
     }
 }

 .imgLoaderLogo{
     width: 35rem;
}