/* estructura.css */


/* FUENTE LELE */

@font-face {
  font-family: 'Volkhov';
  font-style: normal;
  font-weight: 400;
  src: local('Volkhov Regular'), local('Volkhov-Regular'), url(https://fonts.gstatic.com/s/volkhov/v8/7YA5GpHg48S818VCt31NAA.woff2) format('woff2');
}

/* PLANTILLAS */

:root {
  /*! --var-color-font: rgb(204, 93, 76); */
  /*! --var-color-bg-block: rgb(199, 209, 175); */
  /*! --var-color-border: rgb(199, 209, 175); */
  /*! --var-color-bg-html: lightgray; */
  /*! --var-color-border: rgb(91, 88, 71); */
  /*! --var-color-bg-portada: rgb(131, 175, 155); */
}

/* amarillo: 255,254,198 */


/* GENERAL */

html {
  font-family: 'Volkhov', cursive;
}
html, body {
  overflow-x: hidden;
  margin: 0px;
  padding: 0px;
  border: 0px none;
}

a{
  text-decoration: none;
}

.maxitron {
  color: white;
  padding: 10px;
  background: rgba(0, 0, 0, 0.75);
}
.boton {
  cursor: pointer;
}

header{
  width: 100vw;
}

/* MENU */
header{
  height: 50px;
  border-bottom: 2px solid black
}
.hoja {
  color: rgb(182, 182, 182);
  z-index: 1000;
  align-items: baseline;
  transition-duration: 0.4s;
  height: 50px;
}

.hoja:hover {
  color: rgb(255, 255, 255);
}

#menu {
  height: 50px;
  text-align: center;
  background: rgba(0, 0, 0, 0.75);
}

#arbol{
  width: 80%;
  margin: auto;
  height: 50px;
  display: flex;
  font-size: 1.2em;
  padding: 10px;
}

#menu li {
  display: block;
  display: -moz-box;
  margin: auto;
}
#framemenu {
  width: 100vw;
  height: 50px;
}

#intro {
  margin: 0px auto;
  width: 100vw;
  height: 100vh;
}

#papabear{
  position: absolute;
}

/* HEADER */

#header{
  margin: 0 auto;
}

/* HEADER-portada */

.portada {
  width: 100vw;
  height: 200px;
}

#portada {
  z-index: 1;
  padding: 1px;
  height: 90px;
  text-align: center;
  display: none;
}
#portada h1 {
  position: absolute;
  margin: auto;
  width: 50%;
}
#portada p {
  font-size: 1.2em;
  display: none;
}
#introrecuadro {
  margin-top: 10px;
  text-align: center;
}
/* HEADER-redes */


/* BODI */

/* ESCENARIO */

#espiner{
  position: absolute;
  left: 47vw;
  top: 10vw;
  margin: 0px auto;
}

#escenario{
  position: relative;
}

/* INTRO */

#intro {
  display: none;
}

/* BLOGS */

.imgblog {
  max-height: 200px;
  background: whitesmoke;
}

.blogstron{
  margin: 0 auto;
  max-width: 900px;
}

#portadablog{
  text-align: center;
  margin: auto;
}

#tablablog{
  display: flex;

}

.blog{
  max-width: 40%;
  margin: auto;
}
/* OLEOS */

.oleostron {
  text-align: center;
}


/* CV */

.curricutron{
  text-align: center;
  max-width: 700px;
}

.curricutron ul{
  list-style-type: none;
  padding: 0;
}

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

#curriculum{
  margin: auto;
  max-width: 600px;
  padding: 20px;
}

/* CONTACTO */

.contactotron{
  max-width: 1000px;
}

.subcontactotron{
  max-width: 600px;
  margin: auto;
  padding: 10px 0px 20px 0px;
}



#formu{
  width: 100%;
}

#texto {
  text-align: center;
}

.mail{
  float: right;
}

.fila{
  min-height: 50px;
  margin: auto;
}

textarea{
  margin: auto;
  min-width: 99%;
  min-height: 100px;
}

.input{
  width: 200px;
  margin-left: 200px;
  margin-top: 10px;
  padding: 10px;
}