html {
    box-sizing: border-box;
    font-size: 62.5%; /* reset para rems 62.5% = 10 px de 16 px */
}
*, *:before, *:after {
    box-sizing: inherit;
}


body {
    font-family: 'Roboto Slab', serif;
    line-height: 1.5;
}

/* Globales */

.contenedor {
    width: 95%;
    max-width: 100rem;
    margin: 0 auto;
}

img {
    max-width: 100%;
}

h1 {
    font-size: 3rem;
    font-weight: 900;
}

h2 {
    font-size: 2.5rem;
    font-weight: 500;
}

h3 {
    font-size: 2rem;
    font-weight: 300;;
}

p {
    font-size: 1.5rem;
    font-weight: 300;
    color: black;
}

/* Utilidades */

.seccion {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.subtitulos {
    font-size: 2rem;
}

.fw-100 {
    font-weight: 100;
}

.fw-300 {
    font-weight: 300;
}

.fw-500 {
    font-weight: 500;
}

.fw-900 {
    font-weight: 900;
}

.centrar-texto {
    text-align: center;
}

.justificar-texto {
    text-align: justify;
}

.margin-demag a{
    text-decoration: none;
    font-size: 1.5rem;
    color: black;
}

.margin-demag a:hover {
    color: #bd1522;
}

@media (min-width:768px) {
    .margin-demag {
        margin-left: 15rem;
        margin-right: 15rem;
    }

    .margin-demag a{
        margin-left: 15rem;
        margin-right: 15rem;
        text-align: center;
        text-decoration: none;
        font-size: 1.6rem;
        color: black;
    }

    .margin-demag a:hover {
        color: #bd1522;
    }
}

@media (min-width:768px){
    .margin-demag-empresa {
        margin-left: 15rem;
        margin-right: 15rem;
        text-align: justify;
    }
}

.color-letra-demag {
    color: black;
}

/* Botones */

.boton {
    color: black;
    font-size: 2rem;
    font-weight: 100;
    text-decoration: none;
    text-align: center;
    display: block;
}

.otros-botones {
    color: #ffffff;
    background-color: rgba(189,21,34,0.8);
    font-weight: 400;
    text-decoration: none;
    border-radius: 5%;
    font-size: 1.5rem;
    padding: 1rem 3rem;
    margin-top: 3rem;
    display: inline-block;
    text-align: center;
}

.ver-todas {
    display: flex;
    justify-content: center;
}

.ver-todas a:hover {
    color: #bd1522;
    background-color: blanchedalmond;
}

/* slider inicial */

.container-all{
    position: relative;
    overflow: hidden;
}

.slide{
    display: flex;
    transform: translate3d(0, 0, 0);
    animation-name: autoplay;
    animation-duration: 20s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

.slide img{
    top:0;
    left:0;
	width: 100%;
    height: auto;
}

@media (min-width:768px) {

	@supports(object-fit: cover){
		.slide img{
          height: 100%;
		  object-fit: cover;
		  object-position: center center;
		}
	}

}

.item-slide{
    position: relative;
    width: 100%;
    height: 70vh;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0;
}

.pagination{
    position: absolute;
    bottom: 12px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.pagination-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 0.5px solid white;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    background: white;
    margin: 0 10px;
    text-align: center;
    transition: all 300ms;
}

.pagination-item:hover{
    transform: scale(2);
}

.pagination-item img{
    display: inline-block;
    max-width: none;
    height: 100%;
    transform: scale(1);
    opacity: 0;
    transition: all 300ms;
}

.pagination-item:hover img{
    opacity: 1;
    transform: scale(1);
}

.container-all input[type="radio"] {
    display: none;
}

input[id="1"]:checked ~ .slide{
    animation: none;
    transform: translate3d(0, 0, 0);
}

input[id="1"]:checked ~ .pagination .pagination-item[for="1"]{
    background: red;
    border: 0.5px solid red;
}

input[id="2"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 1), 0, 0);
}

input[id="2"]:checked ~ .pagination .pagination-item[for="2"]{
    background:red;
    border: 0.5px solid red;
}


input[id="3"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 2), 0, 0);
}

input[id="3"]:checked ~ .pagination .pagination-item[for="3"]{
    background: red;
    border: 0.5px solid red;
}

input[id="4"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 3), 0, 0);
}

input[id="4"]:checked ~ .pagination .pagination-item[for="4"]{
    background: red;
    border: 0.5px solid red;
}

@keyframes autoplay{
    0%{
        transform: translate3d(calc(-100% * 0), 0, 0);
    }
    20%{
        transform: translate3d(calc(-100% * 0), 0, 0);
    }
    
    25%{
        transform: translate3d(calc(-100% * 1), 0, 0);
    }
    45%{
        transform: translate3d(calc(-100% * 1), 0, 0);
    }
    
    50%{
        transform: translate3d(calc(-100% * 2), 0, 0);
    }
    70%{
        transform: translate3d(calc(-100% * 2), 0, 0);
    }

    75%{
        transform: translate3d(calc(-100% * 3), 0, 0);
    }
    100%{
        transform: translate3d(calc(-100% * 3), 0, 0);
    }

}

/* Header */

.index-arreglo {
    margin-top: 25rem;
}

@media (min-width:768px){

    .index-arreglo {
        margin-top: auto;
    }
    
    .site-header.gracias {
        background-image: url(/PSA_Last_English/img/Portada_Contacto.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-empresa.inicio-empresa {
        background-image: url(/PSA_Last_English/img/Portada_Nosotros.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-puentes.inicio-puentes {
        background-image: url(/PSA_Last_English/img/Portada_Puente_gruas.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-polipastos.inicio-polipastos {
        background-image: url(/PSA_Last_English/img/Portada_Polipastos.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-puentesligeros.inicio-puentesligeros {
        background-image: url(/PSA_Last_English/img/Portada_Puentes_Ligeros.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-accionamientos.inicio-accionamientos {
        background-image: url(/PSA_Last_English/img/Portada_Accionamientos.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-componentes.inicio-componentes {
        background-image: url(/PSA_Last_English/img/Portada_Componentes.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-gruas.inicio-gruas {
        background-image: url(/PSA_Last_English/img/Portada_Gruas.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-contacto.inicio-contacto {
        background-image: url(/PSA_Last_English/img/Portada_Gracias.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-petroleos.inicio-petroleos {
        background-image: url(/PSA_Last_English/img/Portada_Petroleos.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-servicio.inicio-servicio {
        background-image: url(/PSA_Last_English/img/Portada_Servicios.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-policadena.inicio-policadena {
        background-image: url(/PSA_Last_English/img/Portada_Poli_Cadena.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-policable.inicio-policable {
        background-image: url(/PSA_Last_English/img/Portada_Poli_Cable.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-Gproceso.inicio-Gproceso {
        background-image: url(/PSA_Last_English/img/Portada_Gruas_Proceso.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-GPpapelera.inicio-GPpapelera {
        background-image: url(/PSA_Last_English/img/Portada_industria_papelera.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-GPcadena.inicio-GPcadena {
        background-image: url(/PSA_Last_English/img/Portada_Gruas_Proceso_Cadena.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-GPcogeneracion.inicio-GPcogeneracion {
        background-image: url(/PSA_Last_English/img/Portada_Cogeneracion.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-GPAeronautica.inicio-GPAeronautica {
        background-image: url(/PSA_Last_English/img/Portada_GPAeronautica.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-GPManejoAcero.inicio-GPManejoAcero {
        background-image: url(/PSA_Last_English/img/Portada_GPManejoAcero.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-GPFundiciones.inicio-GPFundiciones {
        background-image: url(/PSA_Last_English/img/PortadaFundiciones.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-Guniversal.inicio-Guniversal {
        background-image: url(/PSA_Last_English/img/Portada_Gruas_universales.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-Guekde.inicio-Guekde {
        background-image: url(/PSA_Last_English/img/Portada_EKDE.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-Guekke.inicio-Guekke {
        background-image: url(/PSA_Last_English/img/Portada_EKKE.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-Guekwk.inicio-Guekwk {
        background-image: url(/PSA_Last_English/img/Portada_EKWK.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-Guepde.inicio-Guepde {
        background-image: url(/PSA_Last_English/img/Portada_EPDE.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-Guepke.inicio-Guepke {
        background-image: url(/PSA_Last_English/img/Portada_EPKE.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-Guzkke.inicio-Guzkke {
        background-image: url(/PSA_Last_English/img/Portada_ZKKE.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-Gpescante.inicio-Gpescante {
        background-image: url(/PSA_Last_English/img/Portada_Pescantes_giratorios.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-GsusunaKBK.inicio-GsusunaKBK {
        background-image: url(/PSA_Last_English/img/Portada_KBK_Una_Viga.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-GsusdosKBK.inicio-GsusdosKBK {
        background-image: url(/PSA_Last_English/img/Portada_KBK_Dos_Viga.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-GPortico.inicio-GPortico {
        background-image: url(/PSA_Last_English/img/Portada_Gruas_Portico.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-motorreductores.inicio-motorreductores {
        background-image: url(/PSA_Last_English/img/Portada_Motorreductores.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-motorreductoresplanos.inicio-motorreductoresplanos {
        background-image: url(/PSA_Last_English/img/Portada_Motorreductores_planos.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-motorreductoresangular.inicio-motorreductoresangular {
        background-image: url(/PSA_Last_English/img/Portada_Motorreductores_ANGULARES.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-motorreductorrecto.inicio-motorreductorrecto {
        background-image: url(/PSA_Last_English/img/Portada_Motorreductores_Engranajes.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-motores.inicio-motores {
        background-image: url(/PSA_Last_English/img/Portada_motores.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-motorescilindricos.inicio-motorescilindricos {
        background-image: url(/PSA_Last_English/img/Portada_Motor_Cilindrico.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-motoresconicos.inicio-motoresconicos {
        background-image: url(/PSA_Last_English/img/Portada_motor_conico.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-accprecision.inicio-accprecision {
        background-image: url(/PSA_Last_English/img/Portada_accionamiento_precision.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-ruedas.inicio-ruedas {
        background-image: url(/PSA_Last_English/img/Portada_Ruedas.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-ruedasDRS.inicio-ruedasDRS {
        background-image: url(/PSA_Last_English/img/Portada_Ruedas_DRS.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-ruedasDWS.inicio-ruedasDWS {
        background-image: url(/PSA_Last_English/img/Portada_Ruedas_DWS.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-ruedasRS.inicio-ruedasRS {
        background-image: url(/PSA_Last_English/img/Portada_Ruedas_RS.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-traslacion.inicio-traslacion {
        background-image: url(/PSA_Last_English/img/Portada_Mecanismos_Traslacion.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-mecanismoKTL.inicio-mecanismoKTL {
        background-image: url(/PSA_Last_English/img/Portada_Mecanismos_Traslacion_KTL.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-mecanismoDFW.inicio-mecanismoDFW {
        background-image: url(/PSA_Last_English/img/Portada_Mecanismos_Traslacion_DFW.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-variadores.inicio-variadores {
        background-image: url(/PSA_Last_English/img/Portada_Variadores_Frecuencia.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-botoneras.inicio-botoneras {
        background-image: url(/PSA_Last_English/img/Portada_Botoneras.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-botonerasDSE.inicio-botonerasDSE {
        background-image: url(/PSA_Last_English/img/Portada-Botonera-DSE.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-botonerasDSK.inicio-botonerasDSK {
        background-image: url(/PSA_Last_English/img/Portada_Botonera_DSK.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-botonerasDST.inicio-botonerasDST {
        background-image: url(/PSA_Last_English/img/Portada_Botonera_DST.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-mandoDRCD3.inicio-mandoDRCD3 {
        background-image: url(/PSA_Last_English/img/Portada_Mando_DRC_D3.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-mandoDRCDC.inicio-mandoDRCDC {
        background-image: url(/PSA_Last_English/img/Portada_Mando_DRC_DC.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-mandoDRCMP.inicio-mandoDRCMP {
        background-image: url(/PSA_Last_English/img/Portada_Mando_DRC_MP.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-lineas.inicio-lineas {
        background-image: url(/PSA_Last_English/img/Portada_Lineas_Alimentacion.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-lineasalimentacion.inicio-lineasalimentacion {
        background-image: url(/PSA_Last_English/img/Portada_Lineas_Alimentacion.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-lineasalimentacionDCL.inicio-lineasalimentacionDCL {
        background-image: url(/PSA_Last_English/img/Portada_Lineas_Alimentacion_DCL_pro.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-lineasalimentacionDKK.inicio-lineasalimentacionDKK {
        background-image: url(/PSA_Last_English/img/Portada_Lineas_Alimentacion_DKK.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-lineasalimentacionDEL.inicio-lineasalimentacionDEL {
        background-image: url(/PSA_Last_English/img/Portada_Conductores_Individuales.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-electroimanes.inicio-electroimanes {
        background-image: url(/PSA_Last_English/img/Portada_Electroimanes.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-imanPer.inicio-imanPer {
        background-image: url(/PSA_Last_English/img/Portada_imanes_Permanentes.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-imanRed.inicio-imanRed {
        background-image: url(/PSA_Last_English/img/Portada_Imanes_Redondos.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-imanBat.inicio-imanBat {
        background-image: url(/PSA_Last_English/img/Portada_imanes_Bateria.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-medidores.inicio-medidores {
        background-image: url(/PSA_Last_English/img/Portada_Medidores.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-computadores.inicio-computadores {
        background-image: url(/PSA_Last_English/img/Portada_computadores.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
    
    .site-header-petroaccesorios.inicio-petroaccesorios {
        background-image: url(/PSA_Last_English/img/Portada_petroaccesorios.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-vahleportada.inicio-vahleportada {
        background-image: url(/PSA_Last_English/img/Portada_Lineas_Alimentacion_Vahle.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-vahlecarril.inicio-vahlecarril {
        background-image: url(/PSA_Last_English/img/Portada_Vahle_Carriles_Conductores.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-vahleconduccion.inicio-vahleconduccion {
        background-image: url(/PSA_Last_English/img/Portada_Vahle_conductores_compactas.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-vahlebateria.inicio-vahlebateria {
        background-image: url(/PSA_Last_English/img/Portada_Vahle_Baterias.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-industrias.inicio-industrias {
        background-image: url(/PSA_Last_English/img/Portada_industrias.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indpapelera.inicio-indpapelera {
        background-image: url(/PSA_Last_English/img/Portada_Papelera.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indalimentos.inicio-indalimentos {
        background-image: url(/PSA_Last_English/img/Portada_alimentos.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indautomotriz.inicio-indautomotriz {
        background-image: url(/PSA_Last_English/img/Portada_automotriz.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indaviacion.inicio-indaviacion {
        background-image: url(/PSA_Last_English/img/Portada_aviacion.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indcarroceria.inicio-indcarroceria {
        background-image: url(/PSA_Last_English/img/Portada_Carroceria.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indcementera.inicio-indcementera {
        background-image: url(/PSA_Last_English/img/Portada_cementera.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indenergia.inicio-indenergia {
        background-image: url(/PSA_Last_English/img/Portada_energia.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indensambladora.inicio-indensambladora {
        background-image: url(/PSA_Last_English/img/Portada_ensambladora.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indentretenimiento.inicio-indentretenimiento {
        background-image: url(/PSA_Last_English/img/Portada_entretenimiento.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indmetalmecanica.inicio-indmetalmecanica {
        background-image: url(/PSA_Last_English/img/Portada_metalmecanica.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indmineria.inicio-indmineria {
        background-image: url(/PSA_Last_English/img/Portada_mineria.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indtuberia.inicio-indtuberia {
        background-image: url(/PSA_Last_English/img/Portada_tuberias.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-proyectos.inicio-proyectos {
        background-image: url(/PSA_Last_English/img/Portada_proyectos.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indvidrio.inicio-indvidrio {
        background-image: url(/PSA_Last_English/img/Portada_vidrio.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indreciclable.inicio-indreciclable {
        background-image: url(/PSA_Last_English/img/Portada_indreciclable.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indpetroleos.inicio-indpetroleos {
        background-image: url(/PSA_Last_English/img/Portada_indpetroleos.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-indsiderurgica.inicio-indsiderurgica {
        background-image: url(/PSA_Last_English/img/Portada_siderurgica.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-polipastosEXPROOF.inicio-polipastosEXPROOF {
        background-image: url(/PSA_Last_English/img/Portada_Polipastos_EXproof.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }

    .site-header-especiales.inicio-especiales {
        background-image: url(/PSA_Last_English/img/Portada_Especiales.jpg);
        background-position: center center;
        background-size: cover;
        height: 70vh;
        min-height: 50rem;
    }
}

.site-header.gracias {
    background-image: url(/PSA_Last_English/img/Portada_Contacto.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-empresa.inicio-empresa {
    background-image: url(/PSA_Last_English/img/Portada_Nosotros.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-puentes.inicio-puentes {
    background-image: url(/PSA_Last_English/img/Portada_Puente_gruas.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-polipastos.inicio-polipastos {
    background-image: url(/PSA_Last_English/img/Portada_Polipastos.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-puentesligeros.inicio-puentesligeros {
    background-image: url(/PSA_Last_English/img/Portada_Puentes_Ligeros.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-accionamientos.inicio-accionamientos {
    background-image: url(/PSA_Last_English/img/Portada_Accionamientos.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-componentes.inicio-componentes {
    background-image: url(/PSA_Last_English/img/Portada_Componentes.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-gruas.inicio-gruas {
    background-image: url(/PSA_Last_English/img/Portada_Gruas.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-contacto.inicio-contacto {
    background-image: url(/PSA_Last_English/img/Portada_Gracias.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-petroleos.inicio-petroleos {
    background-image: url(/PSA_Last_English/img/Portada_Petroleos.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-servicio.inicio-servicio {
    background-image: url(/PSA_Last_English/img/Portada_Servicios.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-policadena.inicio-policadena {
    background-image: url(/PSA_Last_English/img/Portada_Poli_Cadena.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-policable.inicio-policable {
    background-image: url(/PSA_Last_English/img/Portada_Poli_Cable.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-Gproceso.inicio-Gproceso {
    background-image: url(/PSA_Last_English/img/Portada_Gruas_Proceso.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-GPpapelera.inicio-GPpapelera {
    background-image: url(/PSA_Last_English/img/Portada_industria_papelera.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-GPcadena.inicio-GPcadena {
    background-image: url(/PSA_Last_English/img/Portada_Gruas_Proceso_Cadena.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-GPcogeneracion.inicio-GPcogeneracion {
    background-image: url(/PSA_Last_English/img/Portada_Cogeneracion.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-GPAeronautica.inicio-GPAeronautica {
    background-image: url(/PSA_Last_English/img/Portada_GPAeronautica.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-GPManejoAcero.inicio-GPManejoAcero {
    background-image: url(/PSA_Last_English/img/Portada_GPManejoAcero.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-GPFundiciones.inicio-GPFundiciones {
    background-image: url(/PSA_Last_English/img/PortadaFundiciones.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-Guniversal.inicio-Guniversal {
    background-image: url(/PSA_Last_English/img/Portada_Gruas_universales.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-Guekde.inicio-Guekde {
    background-image: url(/PSA_Last_English/img/Portada_EKDE.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-Guekke.inicio-Guekke {
    background-image: url(/PSA_Last_English/img/Portada_EKKE.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-Guekwk.inicio-Guekwk {
    background-image: url(/PSA_Last_English/img/Portada_EKWK.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-Guepde.inicio-Guepde {
    background-image: url(/PSA_Last_English/img/Portada_EPDE.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-Guepke.inicio-Guepke {
    background-image: url(/PSA_Last_English/img/Portada_EPKE.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-Guzkke.inicio-Guzkke {
    background-image: url(/PSA_Last_English/img/Portada_ZKKE.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-Gpescante.inicio-Gpescante {
    background-image: url(/PSA_Last_English/img/Portada_Pescantes_giratorios.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-GsusunaKBK.inicio-GsusunaKBK {
    background-image: url(/PSA_Last_English/img/Portada_KBK_Una_Viga.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-GsusdosKBK.inicio-GsusdosKBK {
    background-image: url(/PSA_Last_English/img/Portada_KBK_Dos_Viga.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-GPortico.inicio-GPortico {
    background-image: url(/PSA_Last_English/img/Portada_Gruas_Portico.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-motorreductores.inicio-motorreductores {
    background-image: url(/PSA_Last_English/img/Portada_Motorreductores.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-motorreductoresplanos.inicio-motorreductoresplanos {
    background-image: url(/PSA_Last_English/img/Portada_Motorreductores_planos.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-motorreductoresangular.inicio-motorreductoresangular {
    background-image: url(/PSA_Last_English/img/Portada_Motorreductores_ANGULARES.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-motorreductorrecto.inicio-motorreductorrecto {
    background-image: url(/PSA_Last_English/img/Portada_Motorreductores_Engranajes.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-motores.inicio-motores {
    background-image: url(/PSA_Last_English/img/Portada_motores.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-motorescilindricos.inicio-motorescilindricos {
    background-image: url(/PSA_Last_English/img/Portada_Motor_Cilindrico.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-motoresconicos.inicio-motoresconicos {
    background-image: url(/PSA_Last_English/img/Portada_motor_conico.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-accprecision.inicio-accprecision {
    background-image: url(/PSA_Last_English/img/Portada_accionamiento_precisionEN.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-ruedas.inicio-ruedas {
    background-image: url(/PSA_Last_English/img/Portada_Ruedas.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-ruedasDRS.inicio-ruedasDRS {
    background-image: url(/PSA_Last_English/img/Portada_Ruedas_DRS.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-ruedasDWS.inicio-ruedasDWS {
    background-image: url(/PSA_Last_English/img/Portada_Ruedas_DWS.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-ruedasRS.inicio-ruedasRS {
    background-image: url(/PSA_Last_English/img/Portada_Ruedas_RS.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-traslacion.inicio-traslacion {
    background-image: url(/PSA_Last_English/img/Portada_Mecanismos_Traslacion.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-mecanismoKTL.inicio-mecanismoKTL {
    background-image: url(/PSA_Last_English/img/Portada_Mecanismos_Traslacion_KTL.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-mecanismoDFW.inicio-mecanismoDFW {
    background-image: url(/PSA_Last_English/img/Portada_Mecanismos_Traslacion_DFW.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-variadores.inicio-variadores {
    background-image: url(/PSA_Last_English/img/Portada_Variadores_Frecuencia.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-botoneras.inicio-botoneras {
    background-image: url(/PSA_Last_English/img/Portada_Botoneras.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-botonerasDSE.inicio-botonerasDSE {
    background-image: url(/PSA_Last_English/img/Portada-Botonera-DSE.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-botonerasDSK.inicio-botonerasDSK {
    background-image: url(/PSA_Last_English/img/Portada_Botonera_DSK.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-botonerasDST.inicio-botonerasDST {
    background-image: url(/PSA_Last_English/img/Portada_Botonera_DST.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-mandoDRCD3.inicio-mandoDRCD3 {
    background-image: url(/PSA_Last_English/img/Portada_Mando_DRC_D3.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-mandoDRCDC.inicio-mandoDRCDC {
    background-image: url(/PSA_Last_English/img/Portada_Mando_DRC_DC.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-mandoDRCMP.inicio-mandoDRCMP {
    background-image: url(/PSA_Last_English/img/Portada_Mando_DRC_MP.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-lineasalimentacion.inicio-lineasalimentacion {
    background-image: url(/PSA_Last_English/img/Portada_Lineas_Alimentacion_Demag.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-lineasalimentacionDCL.inicio-lineasalimentacionDCL {
    background-image: url(/PSA_Last_English/img/Portada_Lineas_Alimentacion_DCL_pro.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-lineasalimentacionDKK.inicio-lineasalimentacionDKK {
    background-image: url(/PSA_Last_English/img/Portada_Lineas_Alimentacion_DKK.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-lineasalimentacionDEL.inicio-lineasalimentacionDEL {
    background-image: url(/PSA_Last_English/img/Portada_Conductores_Individuales.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-electroimanes.inicio-electroimanes {
    background-image: url(/PSA_Last_English/img/Portada_Electroimanes.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-imanPer.inicio-imanPer {
    background-image: url(/PSA_Last_English/img/Portada_imanes_Permanentes.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-imanRed.inicio-imanRed {
    background-image: url(/PSA_Last_English/img/Portada_Imanes_Redondos.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-imanBat.inicio-imanBat {
    background-image: url(/PSA_Last_English/img/Portada_imanes_Bateria.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-medidores.inicio-medidores {
    background-image: url(/PSA_Last_English/img/Portada_Medidores.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-computadores.inicio-computadores {
    background-image: url(/PSA_Last_English/img/Portada_computadores.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-petroaccesorios.inicio-petroaccesorios {
    background-image: url(/PSA_Last_English/img/Portada_petroaccesorios.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-vahleportada.inicio-vahleportada {
    background-image: url(/PSA_Last_English/img/Portada_Lineas_Alimentacion_Vahle.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-vahlecarril.inicio-vahlecarril {
    background-image: url(/PSA_Last_English/img/Portada_Vahle_Carriles_Conductores.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-vahleconduccion.inicio-vahleconduccion {
    background-image: url(/PSA_Last_English/img/Portada_Vahle_conductores_compactas.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-vahlebateria.inicio-vahlebateria {
    background-image: url(/PSA_Last_English/img/Portada_Vahle_Baterias.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-industrias.inicio-industrias {
    background-image: url(/PSA_Last_English/img/Portada_industrias.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indpapelera.inicio-indpapelera {
    background-image: url(/PSA_Last_English/img/Portada_Papelera.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indalimentos.inicio-indalimentos {
    background-image: url(/PSA_Last_English/img/Portada_alimentos.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indautomotriz.inicio-indautomotriz {
    background-image: url(/PSA_Last_English/img/Portada_automotriz.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indaviacion.inicio-indaviacion {
    background-image: url(/PSA_Last_English/img/Portada_aviacion.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indcarroceria.inicio-indcarroceria {
    background-image: url(/PSA_Last_English/img/Portada_Carroceria.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indcementera.inicio-indcementera {
    background-image: url(/PSA_Last_English/img/Portada_cementera.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indenergia.inicio-indenergia {
    background-image: url(/PSA_Last_English/img/Portada_energia.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indensambladora.inicio-indensambladora {
    background-image: url(/PSA_Last_English/img/Portada_ensambladora.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indentretenimiento.inicio-indentretenimiento {
    background-image: url(/PSA_Last_English/img/Portada_entretenimiento.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indmetalmecanica.inicio-indmetalmecanica {
    background-image: url(/PSA_Last_English/img/Portada_metalmecanica.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indmineria.inicio-indmineria {
    background-image: url(/PSA_Last_English/img/Portada_mineria.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indtuberia.inicio-indtuberia {
    background-image: url(/PSA_Last_English/img/Portada_tuberias.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-proyectos.inicio-proyectos {
    background-image: url(/PSA_Last_English/img/Portada_proyectos.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indvidrio.inicio-indvidrio {
    background-image: url(/PSA_Last_English/img/Portada_vidrio.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indreciclable.inicio-indreciclable {
    background-image: url(/PSA_Last_English/img/Portada_indreciclable.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indpetroleos.inicio-indpetroleos {
    background-image: url(/PSA_Last_English/img/Portada_indpetroleos.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-indsiderurgica.inicio-indsiderurgica {
    background-image: url(/PSA_Last_English/img/Portada_siderurgica.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-polipastosEXPROOF.inicio-polipastosEXPROOF {
    background-image: url(/PSA_Last_English/img/Portada_Polipastos_EXproof.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.site-header-especiales.inicio-especiales {
    background-image: url(/PSA_Last_English/img/Portada_Especiales.jpg);
    background-position: center center;
    background-size: cover;
    height: 50vh;
}

.contenido-header {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
}

@media (min-width: 768px) {
    .contenido-header{
        text-align: left;
    }
}

.contenido-header h1 {
    color: #ffffff;
    font-weight: 900;
    font-size: 3rem;
    text-transform: uppercase;
}

.contenido-header p {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5;
    padding-bottom: 9rem;
}

.barra {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .barra {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.barra-inicio {
    background-color: #bd1522;
    text-align: right;
    height: 5rem;
    padding-top: 0.3rem;
}

.barra-inicio h3 {
    color: white;
    font-size: 1.5rem;
    font-weight: 900;
}

.barra-inicio a {
        text-decoration: none;
        color: white;
        font-size: 1.5rem;
        font-weight: 900;
    }

.barra-inicio a:hover{
    color: yellow;
}

/* Navegacion */

.menu {
    position: relative;
    z-index: 50;
}

.menu ul {
    display: flex;
    justify-content: left;
}

.menu  ul > li {
    list-style: none;
    padding: 15px 5px;
    border: 1px solid transparent;
    border-top: 4px solid transparent;
    cursor: pointer;
    transition: border 300ms;
    position: relative;
}

.menu > ul > li:hover{
    border: 1px solid #EEEEEE;
    border-top: 1px solid gray;
}

.menu ul li label,
.menu ul li span {
    color: black;
}

.menu ul li span{
    font-size: 2rem;
    position: relative;
}

.menu ul li label {
    font-size: 2rem;
    position: relative;
    top: 1.1px;
}

.menu ul li .icon2 {
    position: relative;
    cursor: pointer;
}

.icon-home {
    margin: 0;
    cursor: pointer;
}

.menu ul a {
    text-decoration: none;
    color: black;
    font-size: 1.8rem;
    font-weight: 500;
    margin-right: 4rem;
}

.menu ul a:hover {
    color: #bd1522;
}

/* Submenu */

.menu ul li ul {
    width: 370px;
    position: absolute;
    top: 60px;
    left: 0;
    flex-direction: column;
    border: 1px solid #EEEEEE;
    background: white;
    border-bottom: 1px solid #55A79A;
    padding: 10px;
}

.menu ul li ul li {
    padding: 3px 20px;
    border-bottom: 1px solid #EEEEEE;
    font-weight: 100;
    font-size:12px;
    position: relative;
}

.menu ul li ul li:hover{
    background: #FAFAFA;
}

.menu ul li ul li ul {
    position: absolute;
    left: 358px;
    top:-15px;
}

.icon-menu {
    display: none;
}

@media screen and (max-width:1000px) {

    header{
        height: 60px;
    }

    .icon-menu {
        display: block;
        position: absolute;
        right: 10px;
        top: 110px;
        font-size: 30px;
    }

    body {
        transition: all 300ms;
    }

    .body2 {
        transform: translateX(-300px);
    } 

    .menu {
        width: 300px;
        height: 100vh;
        position: fixed;
        top:0px;
        right: -300px;
        background: rgba(0, 0, 0, 0.1);
        margin-top: 0px;
        overflow-y: scroll;
    }

    .menu ul {
        flex-direction: column;
        border-top: 1px solid transparent;

    }

    .menu ul a {
        text-decoration: none;
        color: black;
        font-size: 1.8rem;
        margin-right: 4rem;
    }

    .menu ul li ul {
        top: 0;
        border-top: 1px solid transparent;
        background: rgba(0, 0, 0, 0.1);

    }

    .menu ul li:hover {
        border: 1px solid transparent;
        border-top: 4px solid transparent;
    }

    .menu ul li ul {
        width: 100%;
        position: relative;
        border: none;
        padding: 2px;;
    }

    .menu ul li ul li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .menu ul li ul li:hover {
        background: rgba(0, 0, 0, 0.1);
    }

    .menu ul li ul li ul {
        width: 100%;
        position: relative;
        left: 0px;
        top:6px;
    }


}

/* Iconos nosotros */

@media (min-width: 768px) {
    .iconos-nosotros {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 5rem;
    }
}


@media (min-width:768px) {
    .iconos-nosotros .icono {
        width: 33rem;
        height: 43rem;
        border-radius: 5%;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        margin: 1rem;
        text-align: center;
        transition: all 0.25s;
    }

    .iconos-nosotros .icono:hover {
        transform: translateY(-15px);
        box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.2);
    }
}

.icono {
    height: 47rem;
}

.iconos-nosotros .icono:hover {
    transform: translateY(-2px);
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
}

.icono {
    border: 0.5rem solid #F6F6F6;
    background: #F6F6F6;
    text-align: center;
}

@media (min-width: 768px) {
    .icono {
        flex-basis: calc(33.3% - 2rem);
    }
}

.icono h3 {
    text-transform: capitalize;
    font-size: 1.5rem;
    font-weight: 900;
}

.icono p {
    font-size: 1.3rem;
    padding: 1rem;
}

.icono a {
    font-weight: 900;
    text-decoration: none;
    font-size: 1.5rem;
    color: black;
}

.icono a:hover {
    color: #bd1522;
}

.separacion {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

/* Anuncios */

@media (min-width:768px) {
    .contenedor-anuncios {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media (min-width:768px) {
    .contenedor-anuncios .anuncio {
        width: 33rem;
        height: 24rem;
        border-radius: 5%;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        margin: 1rem;
        text-align: center;
        transition: all 0.25s;
    }
}

.contenedor-anuncios .anuncio {
    width: 94%;
}

.contenedor-anuncios {
    padding-left: 2.5rem;
}

@media (min-width:768px) {
    .contenedor-anuncios .anuncio:hover {
        transform: translateY(-15px);
        box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.2);
    }
}

.contenedor-anuncios .anuncio:hover {
    transform: translateY(-5px);
}

.anuncio {
    border: 0.5rem solid #F6F6F6;
    background: #F6F6F6;
}

@media (min-width: 768px) {
    .anuncio {
        flex-basis: calc(33.3% - 2rem);
    }
}

.contenido-anuncio a {
    font-size: 1.5rem;
    font-weight: 900;
}

.contenido-anuncio a:hover {
    color:#bd1522;
}

.contenido-anuncio h3, .contenido-anuncio p{
    margin:0;
}

/* Interesado */

.content-all{
    width: 100%;
}

@media screen and (max-width: 50rem){
    .content-all{
        display: flex;
    }
}

.content-img{
    width: 60rem;
    height: 40rem;
    margin: auto;
    margin-top: 1rem;
    position: relative;
    overflow: hidden;
}

.content-img img{
    width: 100%;
    transition: all 300ms;
}

.content1{
    width: 100rem;
    height: 100rem;
    position: absolute;
    top: 0;
    background: rgba(189,21,34,0.4);
    transform: rotate(-30deg);
    margin-left: -75rem;
    transition: all 300ms;
}

.content2{
    width: 100rem;
    height: 100rem;
    position: absolute;
    top: 0;
    background: rgba(189,21,34,0.4);
    transform: rotate(-30deg);
    margin-left: -80rem;
    transition: all 500ms;
}

.content3{
    width: 100rem;
    height: 100rem;
    position: absolute;
    top: 0;
    background: rgba(189,21,34,0.4);
    transform: rotate(30deg);
    margin-left: -80rem;
    margin-top: -50rem;
    transition: all 900ms;
    box-shadow: 0rem 0.1rem 2rem -0.5rem black;
}

.content4{
    width: 100rem;
    height: 100rem;
    position: absolute;
    top: 0;
    background: rgba(189,21,34,0.4);
    transform: rotate(30deg);
    margin-left: -85rem;
    margin-top: -50rem;
    transition: all 700ms;
}

.content-img:hover .content1{
    width: 222%;
    transition: all 900ms;
}

.content-img:hover .content2{
    width: 222%;
    transition: all 300ms;
}

.content-img:hover .content3{
    width: 222%;
    transition: all 500ms;
}

.content-img:hover .content4{
    width: 222%;
    transition: all 700ms;
}

.content-img:hover img{
    transform: scale(1.5);
    transition: all 300ms;
    opacity: 0.8;
}

.content-txt{
    position: absolute;
    top:0;
    width: 40rem;
    padding: 1rem;
    z-index: 10;
    color:white;
    text-align: center;
    margin-top: 10rem;
}

.content-txt h2{
    font-size: 2.5rem;
    opacity: 0;
    transform: scale(0.2);
    transition: all 300ms;
}

.content-txt p{
    font-size: 1.5rem;
    color:white;
    margin-top: 1rem;
    opacity: 0;
    transform: scale(1.5);
    transition: all 500ms;
}

.content-txt button{
    font-family: istok web;
    font-size: 1.5rem;
    margin-top: 2rem;
    opacity: 0;
    transform: scale(1.5);
    transition: all 500ms;
}

.content-img:hover h2{
    opacity: 1;
    transition: all 300ms;
    transform: scale(1);
}

.content-img:hover p{
    opacity: 1;
    transition: all 500ms;
    transform: scale(1);
}

.content-img:hover button{
    opacity: 1;
    transition: all 300ms;
    transform: scale(1);
}

/* Footer */

.site-footer {
    background-color: #bd1522;
    margin: 0;
}

.contenedor-footer {
    padding: 2rem 0;
    display: flex;
    justify-content: space-between;
}

.navega-footer a {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.5rem;
    margin-right: 5rem;
    display: block;
}

.navega-footer-otros a {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.5rem;
    margin-right: 5rem;
    display: block;
}

@media (min-width: 768px) {
    .navega-footer a {
        display: inline-block;
        font-size: 1.8rem;
    }

    .navega-footer-otros a {
        display: inline-block;
        font-size: 1.5rem;
    }
}

.navega-footer a:hover {
    color: #857071;
}

.navega-footer-otros a:hover {
    color: #857071;
}

.navega-footer a:last-of-type {
    margin: 0;  
}

.copyright {
    margin: 0;
    color: #ffffff;
}

.pantecnica{
    display: flex;
}
.pantecnica p{
    color:white;
    position: relative;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.5rem;
    margin-bottom: 2rem;
}

.separacion-footer {
    display: flex;
    justify-content: left;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.reservados a{
    color:white;
    position: relative;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 5rem;
}

.reservados p{
    color:white;
    position: relative;
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 500;
    margin-top:3rem;
    margin-bottom: 0.4rem;
}

/* INTERNAS */

.contenido-empresa {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
}

/* INFORMACION LEGAL */

.infor-legal a {
    text-decoration: none;
    color: #676F77;
    font-size: 1.5rem;
}

.infor-legal a:hover {
    color: #bd1522;
    background-color: blanchedalmond;
}

/* PROYECTOS */

.swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 450px;
    height: 450px;

  }

  /* Informacion legal efecto overlay */

@media (min-width:768px){
    .container-legal {
        width: 100%;
        height: 30vh;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 100%;
        margin: auto;
    }

    .box {
        width: 300px;
        height: 200px;
        position: relative;
        overflow: hidden;
        margin: 4px;
        border: 30x solid #fff;
    }

    .box img {
        width: 100%;
        height: 100%;
    }
    
    .box h2{
        font-size: 1.5rem;
        text-align: center;
    }
    .capa {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(189,21,34,0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        transform: scale(0);
        transition: .3s ease;
    }
    
    .capa a {
        text-decoration: none;
        text-align: center;
        color: #fff;
    }
    
    .capa a h2 {
        font-size: 1.5rem;
    }
    
    .box:hover .capa{
        transform: scale(1);
    }
}

.box {
    max-width: 100%;
    position: relative;
    overflow: hidden;
    margin: 4px;
    border: 30x solid #fff;
}

.box img {
    width: 100%;
    height: 100%;
}

.box h2{
    font-size: 1.5rem;
    text-align: center;
}

.capa {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(189,21,34,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transform: scale(0);
    transition: .3s ease;
}

.capa a {
    text-decoration: none;
    text-align: center;
    color: #fff;
}

.capa a h2 {
    font-size: 1.5rem;
}

.box:hover .capa{
    transform: scale(1);
}

/* Contacto */

legend{
    font-size: 2rem;
    color: #333333;
}

label{
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    font-size: 1.8rem;
    text-transform: unset;
    display: block;
}

input{
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    font-size: 1.8rem;
}

textarea{
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    font-size: 1.8rem;
}

input:not([type="submit"]),
textarea{
    padding: 0.5rem;
    display: block;
    width: 100%;
    background-color: #e1e1e1;
    margin-bottom: 1rem;
    border:none;
    border-radius: 1rem;
}

textarea{
    height: 20rem;
}