/** HOJA DE ESTILO PARA ALAMAEX *****/
/*INDICE*/
/* 1.- FAMILIA DE FUENTES 
   1.1 TAMAÑOS Y FAMILIAS
   2.- HEADER
   2.1 HEADER CINTILLO 
   2.2 HEADER MENU

    3. CARRUCEL

        3. RESPONSVE CARRUCEL
            

    4. NOSOTROS

    5.- PRODUCTOS

    6.- CONTACTO

/* 1.- FAMILIA DE FUENTES */

@font-face {
      font-family: "encabezadosMenu";
      src: url("../fonts/Titillium Web regular.ttf");
    }

  @font-face {
      font-family: "encabezadosH2";
      src: url("../fonts/Titillium Web 300.ttf");
    }

  @font-face {
      font-family: "parrafos";
      src: url("../fonts/Titillium Web 200.ttf");
    }

  @font-face {
      font-family: "encabezadosH3";
      src: url("../fonts/Titillium Web regular.ttf");
    }

body{
 background-image:url(../img/fondos/body.jpg);
    background-size:cover;
    width: 100%;
    height: 100%; 
}

.slider-h2{
   
    font-family: "encabezadosH2";
    font-weight: bold;
    color: #fff;
    font-size: 60px;
    padding-right: 20px;
}

.slider-h3{
   
     font-family: "encabezadosH3";
    font-weight:600;
    color: #fff;
    font-size: 40px;
    padding-right: 20px;
}

.slider-h4{
   
     font-family: "encabezadosH3";
    font-weight:600;
    color: #fff;
    font-size: 20px;
    text-align: center;
}

.header
{   
  /*background-color: #FF1128; /* ROJO */
    background-color: #002c70 !important; 
    height: 100%;
}

#idMenu{
   /* background-color: #FF1128; /* ROJO */
       background-color: #002c70 !important; 
    width: 100%;
    
}

.dark1{
    background-color: #002c70;
    width: 100%;
}



#idMenu p{
    font-size: 50px;
    color: #fff;
}

#idMenu h3{
    margin-top: 20px;
     font-family: "encabezadosMenu";
    color: #fff;
    font-size: 20px;
    padding-right: 20px;
}

#idMenu .bg-dark {
  /* background-color: #FF1128 !important; /* rojo */
background-color: #002c70 !important;    
}

.ajuste-logo {
    padding: 10px;
    width: 100%;
  
}

#idMenu .bg-dark1{
    background-color: #000 !important;
}

@media (max-width: 667px) { 
    
.ajuste-logo {
    padding: 0px;
    width: 200px;
   margin-left: -100px;
    margin-top: 10px;
  
}
    
    .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
   right: 20px;
    margin-top: -40px;
        position: absolute;
        
}

}



.fx{
    position: fixed;
    width: 95%;
    top:0px;
    box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    -o-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    -ms-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    z-index: 10;
}




/* 3. CARRUCEL */

#carousel{
   
    width: 100%;
    height: 100%;
}




/* Carousel base class */

.carousel {
  margin-bottom: 1rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {

    left: 10%;
    right: 10%;
   height: 150px;
   padding: 10px;
   z-index: 10;
  bottom: 48%;
   
}

.carousel-caption1 {
 background-color: rgba(255, 0, 0, 0.2);
    left: 10%;
    right: 10%;
   height: 150px;
   padding: 10px;
   z-index: 10;
  bottom: 48%;
   
}

.carousel-caption h5{
     font-family: "encabezadosH2";
font-style:italic;
    font-size: 35px;
    
}

.carousel-caption p{
     font-family: "encabezadosH2";
font-style:normal;
    font-size: 20px;
    
}


.carousel-caption b{
font-size: 85px;
}

/* Declare heights because of positioning of img element */
.carousel-item { 
  height: 31rem;
    background-color: rgba(0,0,0,0.7);

}

.carousel-item a{
    text-align: left;
    color: #fff;
}

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 38rem;
}

.carajuste{
    width: 97%;
     height: 20rem;
    
}

.carajuste img{
    width: 100%;
     height: 20rem;
    
}

.img-testimonials{
    width: 200px;
}




.boton_carucel{
    font-family: 'Helvetica 35 Ligth';
font-style: normal;
font-weight: normal;
    text-decoration: none;
    padding: 10px;
    padding-left: 30px;
    padding-right: 500px;
    font-weight: 600;
    font-size: 25px;
    color: #fff;
    background-color: #e1134f;
   
  
  }

.boton_carucel:hover{
   font-family: 'Helvetica 35 Ligth';
font-style: normal;
font-weight: normal;
    text-decoration: none;
    padding: 10px;
    padding-left: 30px;
    padding-right: 500px;
    font-weight: 600;
    font-size: 25px;
    color: #fff;
    background-color: #e1134f;
    border-radius: 25px;
   
  }

/*3. RESPONSIVE CAROCEL*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) 
{
    
    .carousel-item { 
  height: 13rem;

}
    
.carousel-item > img {
  height: 13rem;
}
    
.carousel-caption {

  height: 150px;
    bottom: 25%;
     
 
}
    
    .img-testimonials{
    width: 100px;
}

    
   /* .carousel-caption {
   
    left: 10%;
    right: 10%;
   height: 150px;
   padding: 10px;
   z-index: 10;
  bottom: 48%;
}*/

.carousel-caption h5{
     font-family: "encabezadosH2";
font-style:italic;
    font-size: 10px;
    
}

.carousel-caption p{
     font-family: "encabezadosH2";
font-style:normal;
    font-size: 10px;
    
}
    
.carousel-caption h1{

font-size: 35px;
}
    
.carousel-caption b{
font-size: 40px;
}
    
.boton_carucel{

    padding: 10px;
    padding-left: 35px;
    padding-right: 240px;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    background-color: #e1134f;
   
  
  }

.boton_carucel:hover{
   font-family: 'Helvetica 35 Ligth';
font-style: normal;
font-weight: normal;
    text-decoration: none;
    padding: 10px;
    padding-left: 30px;
    padding-right: 100px;
    font-weight: 600;
    font-size: 25px;
    color: #fff;
    background-color: #e1134f;
    border-radius: 25px;
   
  }
      
} 

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }


}

.ajuste_video{
    width: 100%;
   
}


/************************** ARTICLE *****************************/

/* Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 

    #capas{
        display: none;
    }
    
    #sp-home{
        display: none;
    }
   
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
  #capas{
        display: none;
    }
    
    #sp-home{
        display: none;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  #capas-movil{
        display: none;
    }
    
    #sp-home-movil{
       display: none; 
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  #capas-movil{
        display: none;
    }
    
    #sp-home-movil{
        display: none;
    }
}




/***************************************** 4. NOSOTROS *************************************/
#nosotros{

    width: 100%;
    height: 100%; 
  
  
}

#nosotros h2{
 
    color: #fff;
    font-size: 30px;
    
}

#nosotros .nosotros-hr{
        border: 0;
    height: 5px;
    background-image: linear-gradient(to right, rgba(33, 120, 181, 0), rgba(33, 120, 181, 0.75), rgba(33, 120, 181, 0));
}

#nosotros p{
    font-family: "parrafos";
    line-height: 150%;
    color: #666666;
    font-size: 18px;   

    
}

#nosotros .title-nosotros
{
    background-color: #e00109;
    margin-top: 10px;
      z-index: 9999;
}

#nosotros .logo-nosotros{
    width: 40%;
}

.boton_nosotros{
    padding: 10px;
   font-family: 'Helvetica 35 Ligth';
    color: #fff;
    font-size: 20px;
    background-color: #b70049;
    border-radius: 6px;
 
  }

#nosotros a{
    color: #ffF;
}

.boton_nosotros:hover{
  padding: 10px;
   font-family: "parrafos";
    color: #fff;
    font-size: 24px;
    background-color: #b70049;
    border-radius: 6px;
  }

#nosotros .img-nosotros{
    width: 100%;
    padding: 20px;
  } 






/* Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up) */


/****************** PRODUCTOS *************************/
#productos{
    background-color: #5079b1;
    width: 100%;
    height: 100%;
  
}

#productos h2{
    font-family: "encabezadosH2";
    color: #808080;
    font-size: 36px;
    
}

#productos h3{
    font-family: "encabezadosH3";
    color: #666666;
    font-size: 24px;
    
}

#productos p{
     font-family: "parrafos";
     color: #666666;
    font-size: 24px;
    
}

#productos .title-productos
{
    margin-top: 20px;
}

#productos .img-productos
{
    width: 100%;
}

#productos .title-productos2
{
    font-size: 30px;
}

#productos .btn-catalogo{
    background-color: #0064a5;
    padding: 10px;
}

#productos .btn-catalogo h2{
    
    font-size: 24px;
    color: #fff;
}

#detalle-productos{
    background-image: url(../img/rocas-cinta-producto.png);
    height: 100%;
}

#detalle-productos .transparencia-1{
   background-color: rgba(184, 143, 111, 0.4);
    z-index: 9999;
    
}

#detalle-productos .transparencia-1 h2{
    font-family: "encabezadosH2";
    font-weight: 900;
   color: #fff;
     font-size: 24px;
    text-align: right;
    margin-top: 30px;
    padding-right: 20px;
}

#detalle-productos .transparencia-1 p{
     font-family: "parrafos";
    font-weight: 200;
   color: #fff;
     font-size: 18px;
    text-align: right;
    padding-right: 20px;
   
}

#detalle-productos .transparencia-2{
   background-color: rgba(99, 146, 152, 0.4);
    z-index: 9999;
    
}

#detalle-productos .transparencia-2 h2{
    font-family: "encabezadosH2";
    font-weight: 900;
   color: #fff;
     font-size: 24px;
    text-align: right;
    margin-top: 30px;
    padding-right: 20px;
}

#detalle-productos .transparencia-2 p{
     font-family: "parrafos";
    font-weight: 200;
   color: #fff;
     font-size: 18px;
    text-align: right;
    padding-right: 20px;
   
}

#detalle-productos .transparencia-3{
   background-color: rgba(0, 139, 179, 0.4);
    z-index: 9999;
  
    
}

#detalle-productos .transparencia-3 h2{
    font-family: "encabezadosH2";
    font-weight: 900;
   color: #fff;
     font-size: 24px;
    text-align: right;
    margin-top: 30px;
    padding-right: 20px;
}

#detalle-productos .transparencia-3 p{
     font-family: "parrafos";
    font-weight: 200;
   color: #fff;
     font-size: 18px;
    text-align: right;
    padding-right: 20px;
   
}

.text-productos-der{
        text-align: right;
    }

.text-productos-izq{
        text-align: left;
    }

/****************** FIN  PRODUCTOS *************************/

#cintillo-servicios{
    
}

#cintillo-servicios .cin-servicios{
    border: 10px solid #00A660;
    height: 12px;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);

}


/****************** SERVICIOS *************************/
#servicios{

    width: 100%;
    height: 100%; 
  
}

#servicios h2{
    font-family: "encabezadosH2";
    color: #808080;
    font-size: 30px;
    
}

#servicios .servicios-hr{
     border: 0;
    height: 5px;
    background-image: linear-gradient(to right, rgba(33, 120, 181, 0), rgba(33, 120, 181, 0.75), rgba(33, 120, 181, 0));
    
}

#servicios h3{
    font-family: "encabezadosH3";
    color: #666666;
    font-size: 20px;
    
}

#servicios p{
     font-family: "parrafos";
     color: #666666;
    font-size: 18px;
    
}

#servicios a{
     font-family: "parrafos";
     color: #666666;
    font-size: 18px;
    
}

/*************** BANNER 1 *****************************/
#testimonials{
       width: 100%;
    height: 100%; 
    
}


.parallax {
  /* The image used */
  background-image: url("../img/slider/soluciones-tecnologia-02.jpg");

  /* Set a specific height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax2 {
  /* The image used */
  background-image: url("../img/slider/soluciones-tecnologia-05.jpg");

  /* Set a specific height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ajuste_video {
    width: 100%;
}







/****************** CONTACTOS *************************/
#contacto{
    background-color: #000;
    width: 100%;
    height: 100%;
  
}

#contacto h2{
    font-family: "encabezadosH2";
    color: #fff;
    font-size: 24px;
    
}

#contacto p{
    font-family: "parrafos";
    color: #fff;
    font-size: 18px;
    
}

.btn-primary {
    color: #fff;
  background-color: #c6aa6a;
  border-color: #c6aa6a;
}

.btn-primary1 {
    color: #fff;
  background-color: #e1134f;
  border-color: #e1134f;
}



#contacto .title-contacto
{
    margin-top: 20px;
}

.form-group{
   padding: 20px;
}

.separar{
    margin-top: 15px;
}


/****************** FIN  CONTACTOS *************************/







/**************************** FOOTER *******************************/
.footer{
background-color: #000;
    width: 100%;
    height: 100%;
}

.footer a{
color: #fff;    
}

.footer p{
 font-family: "parrafos";
    color: #fff;
    font-size: 18px;   
}

.pie-social{
    padding-right: 2px
}

.foter-bg{
    text-align: center;
}


.foter-bg p{
    margin-top: 50px;
    color: #fff;
    
}

.footer-pre p{
    text-align: center;
}

.footer-pre p{

    color: #fff;
}

.fot-pre{
    margin-top: 30px;
}

.fot-img{
    padding-right: 8px;
  
}

.footer-post p{

    color: #fff;
}

.boton_sus{
    padding: 5px;
   font-size: 15px;
    color: #0C0001;
    background-color: #fff;
    border-radius: 6px;
    border: 2px solid #000;
  }

.boton_sus:hover{
    padding: 5px;
   font-size: 15px;
    color: #fff;
    background-color: #000;
    border-radius: 6px;
    border: 2px solid #fff;
  }

.facefoteer {
    font-size: 25px;
}

.facefoteer a{
    color: #fff;
}

/******************* FOOTER RESPONSIVE **********************/


@media(max-width:768px){

    .footer{

    height: 100%;
}
 }



/*****************************************************************/

/* CLASES AUXILIARES */

.text-centro{
   text-align: center;   
}

.text-rigth{
   text-align: right;   
}

.text-left{
   text-align: left;   
}


.img-centro{
    text-align: center;   
}

.text-justificado{
    text-align: justify;
}

.top-05{
    margin-top: 5px;
}

.top-10{
    margin-top: 10px;
}

.top-15{
    margin-top: 15px;
}

.top-20{
    margin-top: 20px;
}

.top--20{
    margin-top: -20px;
}

.top-25{
    margin-top: 25px;
}

.top-30{
    margin-top: 30px;
}

.top-40{
    margin-top: 40px;
}

.top-50{
    margin-top: 50px;
}

.top-100{
    margin-top: 100px;
}

.bottom-30{
    margin-bottom: 30px;
}

.bottom-50{
    margin-bottom: 50px;
}

.ajuste{
      width: 100%;
  }

.ajuste-50{
      width: 50%;
  }

.ajuste-80{
      width: 80%;
  }

.ajuste-70{
      width: 70%;
  }

.pading-5{
    padding: 5px;
}

.pading-10{
    padding: 10px;
}

.pading-20{
    padding: 20px;
}

.pading-30{
    padding: 30px;
}

.pading-50{
    padding: 50px;
}


.linea-blanca{
    color: #fff;
background-color: #fff;
height: 3px;
}

.linea-negra{
    color: #000;
background-color: #000;
height: 2px;
}

/****************** SOCIAL ****************/

#social-media{
    background-color: #e6145b;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 50px;
      box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    -o-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    -ms-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    
}

#social-media .bg-social{
    width: 100%;
    height: 100%;
  
}


#social-media h1{
   color: #fff;
  
}

#social-media h2{
   color: #fff;
  
}

.btn_wapp {
    position: fixed;
    top: 75%;
    right: -80px;
    z-index: 9999;
    border-radius: 30px 0 0 30px;
    padding: 10px;
    background-color: #64b161;
    color: white;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.btn_wapp:hover {
  right:0px;
}
.big { font-size: 28px; }
.btn_wapp a {color: white;}
.btn_wapp i {width: 30px; margin-right:10px; }

@media screen and (max-width: 480px) {
  .btn_wapp {top:80%;right:10px;width:60px;height:60px;text-align:center;border-radius:40px;}
  .btn_wapp i {width:40px; margin:0 auto;}
  .btn_wapp a span {display:none;}
	.btn_wapp:hover{right: 10px;}
    
        .cen-what{
    margin-left: -4px;
}
}

.span-whats{
  
     font-family: "parrafos";
    color: #fff;
    font-size: 24px;
}


/****************** FIN SOCIAL *************/

 i.fas,
  i.fab {
    border: 1px solid red;
  }

  <!-- custom styling for specific icons -->
  .fa-fish {
    color: salmon;
  }

  .fa-frog {
    color: green;
    font-size: 100px;  
    width: 100%;  
  }

  .fa-user-ninja.vanished {
    opacity: 1;
  }

  .fa-facebook {
    color: rgb(59, 91, 152);
  }

/********************* SLIDER SOPORTE TECNICO ***********************/

#slider-soporte-tecnico{
   
    height: 600px;
    z-index: 3000;

}


.parallax-soporte {
  /* The image used */
  background-image: url("../img/slider/reparacion-computadoras-pachuca-01.jpg");

  /* Full height */
  height: 600px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#poliza{
    background-color: #004888;
    border-radius: 10px;
}

#poliza h2{
    color: #fff;
}

/****************** SOPORTE TECNICO MENU RESPONSIVE ***************/

@media only screen and (max-device-width: 667px) {
  .parallax-soporte {
    background-attachment: scroll;
  }
}
    
    


/************************** MENÚ DIGITAL **********************************/

#slider-menu-digital{

    height: 100%;
    z-index: 3000;

}

 .parallax-menu-digital {
  /* The image used */
  background-image: url("../img/slider/pisaflores-04.jpg");
     
  /* Full height */

  height: 600px; 

  /* Create the parallax scrolling effect */

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

/********************+ MENU DIGITAL PARALLAX RESPONSIVE *********************

@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) 
{ 
    
    #slider-menu-digital
{
    width: 100%;
    height: 300px;
}
    
.parallax-menu-digital {

 width: 100%;
      
}

}*/

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 667px) {
  .parallax-menu-digital {
    background-attachment: scroll;
  }
}

#banner-servicios{
   
 
    background-color: #00A660;
    height: 150px;
    width: 100%;
    z-index: 9999;
}

#banner-servicios h6{
    color: #fff;
}

/*************+ ULTIMAS NOTICIAS **************/
#noticias{

    width: 100%;
    height: 100%; 
  
  
}

#noticias h2{
 
    color: #fff;
    font-size: 30px;
    
}

#noticias .noticias-hr{
        border: 0;
    height: 5px;
    background-image: linear-gradient(to right, rgba(33, 120, 181, 0), rgba(33, 120, 181, 0.75), rgba(33, 120, 181, 0));
}

#noticias p{
    font-family: "parrafos";
    line-height: 150%;
    color: #666666;
    font-size: 18px;   

    
}

#noticias .title-noticias
{
    background-color: #e00109;
    margin-top: 10px;
      z-index: 9999;
}

#noticias .logo-noticias{
    width: 40%;
}

.boton_noticias{
    padding: 10px;
   font-family: 'Helvetica 35 Ligth';
    color: #fff;
    font-size: 20px;
    background-color: #b70049;
    border-radius: 6px;
 
  }

#noticias a{
    color: #ffF;
}

.boton_noticias:hover{
  padding: 10px;
   font-family: "parrafos";
    color: #fff;
    font-size: 24px;
    background-color: #b70049;
    border-radius: 6px;
  }

#noticias .img-noticias{
    width: 100%;
    padding: 20px;
  } 


/*********** TRANSPARENCIA ************/
#transparencia{

    width: 100%;
    height: 100%; 
  
  
}

#transparencia h2{
 
    color: #fff;
    font-size: 30px;
    
}

#transparencia .transparencia-hr{
        border: 0;
    height: 5px;
    background-image: linear-gradient(to right, rgba(33, 120, 181, 0), rgba(33, 120, 181, 0.75), rgba(33, 120, 181, 0));
}

#transparencia p{
    font-family: "parrafos";
    line-height: 150%;
    color: #666666;
    font-size: 18px;   

    
}

#transparencia .title-transparencia
{
    background-color: #002c70;
    margin-top: 10px;
      z-index: 9999;
}

#transparencia .logo-transparencia{
    width: 40%;
}

.boton_transparencia{
    padding: 10px;
   font-family: 'Helvetica 35 Ligth';
    color: #fff;
    font-size: 20px;
    background-color: #b70049;
    border-radius: 6px;
 
  }

#transparencia a{
    color: #ffF;
}

.boton_transparencia:hover{
  padding: 10px;
   font-family: "parrafos";
    color: #fff;
    font-size: 24px;
    background-color: #b70049;
    border-radius: 6px;
  }

#transparencia .img-transparencia{
    width: 100%;
    padding: 20px;
  } 


/*********** TURISMO ************/
#turismo{

    width: 100%;
    height: 100%; 
  
  
}

#turismo h2{
 
    color: #fff;
    font-size: 30px;
    
}

#turismo .turismo-hr{
        border: 0;
    height: 5px;
    background-image: linear-gradient(to right, rgba(33, 120, 181, 0), rgba(33, 120, 181, 0.75), rgba(33, 120, 181, 0));
}

#turismo p{
    font-family: "parrafos";
    line-height: 150%;
    color: #666666;
    font-size: 18px;   

    
}

#turismo .title-turismo
{
    background-color: #000;
    margin-top: 10px;
      z-index: 9999;
}

#turismo .logo-turismo{
    width: 40%;
}

.boton_turismo{
    padding: 10px;
   font-family: 'Helvetica 35 Ligth';
    color: #fff;
    font-size: 20px;
    background-color: #b70049;
    border-radius: 6px;
 
  }

#turismo a{
    color: #ffF;
}

.boton_turismo:hover{
  padding: 10px;
   font-family: "parrafos";
    color: #fff;
    font-size: 24px;
    background-color: #b70049;
    border-radius: 6px;
  }

#turismo .img-turismo{
    width: 100%;
    padding: 20px;
  } 


/*********** SOCIAL ************/
#social{

    width: 100%;
    height: 100%; 
  
  
}

#social h2{
 
    color: #fff;
    font-size: 30px;
    
}

#social .social-hr{
        border: 0;
    height: 5px;
    background-image: linear-gradient(to right, rgba(33, 120, 181, 0), rgba(33, 120, 181, 0.75), rgba(33, 120, 181, 0));
}

#social p{
    font-family: "parrafos";
    line-height: 150%;
    color: #666666;
    font-size: 18px;   

    
}

#social .title-social
{
    background-color: #000;
    margin-top: 10px;
      z-index: 9999;
}

#social .logo-social{
    width: 40%;
}

.boton_social{
    padding: 10px;
   font-family: 'Helvetica 35 Ligth';
    color: #fff;
    font-size: 20px;
    background-color: #b70049;
    border-radius: 6px;
 
  }

#social a{
    color: #ffF;
}

.boton_social:hover{
  padding: 10px;
   font-family: "parrafos";
    color: #fff;
    font-size: 24px;
    background-color: #b70049;
    border-radius: 6px;
  }

#social .img-social{
    width: 100%;
    padding: 20px;
  } 

#nosotros .articulo69 a{
    color: #000;
    font-size: 12px;
}

#articulo-69 .accordion h3 {
    color: #000;  
}

#articulo-69 .title-articulo-69 a {
    color: #000;  
}

#articulo-69 .btn-link {
    color: #000;  
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
    #paquetes-web{
        display: none;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    #paquetes-movil{
        display: none;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  #paquetes-movil{
        display: none;
    } 
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
    #servicios-web{
        display: none;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    #servicios-movil{
        display: none;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  #servicios-movil{
        display: none;
    } 
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
    #fotos-web{
        display: none;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    #fotos-movil{
        display: none;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  #fotos-movil{
        display: none;
    } 
}