/* responsive */


/* CELULAR */

@media all and (orientation:portrait) {
  /* GENERAL */
  html {
    overflow-x: hidden;
  }
  body {
    background-image: url('../img/fondo/woodsf2.png');
    background-color: #BFBFBF;
    overflow-x: hidden;
  }
  .maxitron {
    width: 99vw;
    padding: 5px;
    z-index: 0;
    overflow: hidden;
  }

  .oleostron, .contactotron, .blogstron, .subcontactotron {
    width: 98vw;
  }
  /* HEADER */
  #portada {
    height: 100px;
    z-index: 5;
    position: fixed
  }
  
  #introrecuadro {
    transform: scaleY(2) scaleX(1) translateY(50%);
  }
  #introrecuadro rect {
    height: 500;
  }
  /* MENU */
  #menu {
    display: -webkit-flex;
    display: flex;
    border-bottom: 3px solid black;
    border-left: 3px solid black;
    z-index: 3;
  }
  #arbol {
    width: 97vw;
   /* display: -webkit-flex;*/
    display: flex;
  }
  #arbol li {
    margin: auto;
  }
  #framebotonmenu, #frameframebotonmenu {
    top: 20px;
    width: 14vw;
    height: 7vw;
    right: 5px;
    z-index: 3;
    position: absolute;
    border-radius: 7vw;
  }
  #frameframebotonmenu {
    display: block;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0);
  }
  #botonmenu {
    z-index: 10;
    color: white;
  }
  /* REDES */
  #redestron {
    z-index: 2;
    position: absolute;
  }
  #redestron ul {
    margin: 0px;
    padding: 7px;
  }
  #redestron li {
    position: absolute;
    display: none;
  }
  #redboton {
    z-index: 5;
    display: block;
  }
  .imgred {
    z-index: 0;
    width: 100px;
  }
  /* OLEOS */
  .marco {
    max-width: 100%;
  }
  /* CONTACTO */
  
  .contactotron textarea{
    width: 90px;
  }
}

/* LANDSCAPE */


/* HD */

@media all and (min-width: 800px) and (orientation:landscape) {
  body {
    background-image: url('../img/fondo/woodsfs.jpg');
  }
  .maxitron {
    margin: 0px auto;
  }
  /* SECCIONES ONES */
}