@charset "utf-8";



  .parallax {
    /* The image used */
   /*background-image: url('../images/ART/1_ART_principal.jpg');
    /* Full height */
    height: 550px !important; 
    
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .parallaxArt {
    /* The image used */
   background-image: url('../images/ART/1_ART_principal.jpg');
    /* Full height */
    height: 550px !important;
    
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    
  }

  a.paginacion:link {
    color:black;
    text-decoration:none;
  }

  a.paginacion:hover {
    
    border-bottom: 4px solid black;
  }
  
    
  .imgCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

  .nombreSeccion{
    font-size:56px;
    color:black;


  }
  .nombreFormas{
    font-size:64px;
    color:black;


  }

  .nombrefooter{
    font-size: 80;
    color:white;


  }
 
  .textoGalery{

    text-align: right;
    margin-right:20px ;
    font-size: 15px;
  }

  .imagen_centro{
    text-align:center;

  }
  .textoCorreo{
margin-left: 20px;
font-size: 15px;

  }

  .image_logo{
    height: 80%;
    width: 80%; 

  }

 
/* Menu apartir de aqui */
/*
  body{
    font-family: 'Noto Sans', sans-serif;
    margin:0;
    width:100%;
    height:100vh;
      background:#ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }*/
  header{
    width:100%; 
    background:transparent; 
    height:50px; 
    line-height:60px;
    /*border-bottom:1px solid #dddddd;*/
    position: fixed;
  }
  .hamburger{
    background:none;
    position:absolute;
    top:0;
    right:0;
    line-height:45px;
    padding:5px 15px 0px 15px;
    color:black;
    border:0;
    font-size:2.4em;
    font-weight:bold;
    cursor:pointer;
    outline:none;
    z-index:10000000000000;
  }
  .cross{
    background:none;
    position:absolute;
    top:0px;
    right:0;
    padding:7px 15px 0px 15px;
    color:black;
    border:0;
    font-size:2.5em;
    line-height:65px;
    font-weight:bold;
    cursor:pointer;
    outline:none;
    z-index:10000000000000;
  }
  .menu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; height: 100%; 
    background:white;  position:fixed; text-align:center; font-size:32px;}
  .menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
  .menu li {display: block;   padding:15px 0 15px 0;}
  .menu li:hover{display: block;  padding:15px 0 15px 0; }
  .menu ul li a { text-decoration:none;  margin: 0px; color:#666;}
  .menu ul li a:hover {  color: #666; text-decoration:none;}
  .menu a{text-decoration:none; color:black;}
  .menu a:hover{text-decoration:none; color:rgb(53, 52, 52);}
  
  .glyphicon-home{
    color:white; 
    font-size:1.5em; 
    margin-top:5px; 
    margin:0 auto;
  }
  header{display:inline-block; position: fixed; font-size:12px;}
  span{padding-left:20px;}
  a{color:#336699;}
  /* se cierra el menu */

  @media (max-width: 767.98px) { 

    .nombreSeccion{
      font-size:40px;
      font-weight: bold;
      color:black;
  
  
    }

    .nombreFormas{
      font-size:30px;
      font-weight: bold;
      color:black;
  
  
    }
    .parallax {
      /* The image used */
     /*background-image: url('../images/ART/1_ART_principal.jpg');
      /* Full height */
      height: 350px !important; 
      
    
      /* Create the parallax scrolling effect */
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    .parallaxArt {
      /* The image used */
     
     
     /* Ubicación de la imagen */

background-image: url('../images/ART/1_ART_principal.jpg');
height: 350px !important; 
/* Para dejar la imagen de fondo centrada, vertical y

horizontalmente */

background-position: center center;

/* Para que la imagen de fondo no se repita */

background-repeat: no-repeat;

/* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */

background-attachment: fixed;

/* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */

background-size: cover;

/* Se muestra un color de fondo mientras se está cargando la imagen

de fondo o si hay problemas para cargarla */

background-color: red;
    }
    
    .textocentrado{

      text-align:center;
    }
    .textoGalery{

      text-align: center;
      margin-top: 30px;
      font-size: 14px;
    }

    .cero{
      margin-right: 0 !important;

    }

    .textoCorreo{
      margin-left: 0px;
      margin-bottom: 30px;
      font-size: 14px;
        }

   }


@media (min-width: 768px) and (max-width: 991.98px) { 
 /* .textocentrado{

    text-align:center;
  }*/



}