html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: .88vw;
  line-height:1.1vw;
  color: #372e1c;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
  opacity:1;
}

@media screen and (max-width: 795px) {
  body {
    font-size: 16px;
    line-height:18px;
  }
}

@media screen and (max-width: 600px) {
  body {
    font-size: 16px;
    line-height: 20px;
  }
}

p {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-indent: 0;
}

a, a:hover, button {
  text-decoration: none;
  color: inherit;
  outline: 0;
  transition: all 0.3s;
}

strong {
  font-weight: bold;
}

a[href^="tel"] {
  color: inherit;
}

.slick-slide {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}



.grecaptcha-badge {
  display: none !important;
}



header { display:block; position:fixed; top:0; left:0; width:100%; z-index:1;   height: 7.380952381vw; z-index:99; }
header .marco1 { display:inline-block; float:left; position:relative; overflow:hidden;width: 7.8078078078vw; background:#fff; height: 7.380952381vw; -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s .2s;}
 header.articulos .marco1 { background:#372e1c; }
header.visible .marco1 { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;  }
header .marco { display: inline-block; float:left; position:relative; overflow:hidden; width:92%; padding:0 7.4404761905vw 0 0; background:rgba(55,46,28, .8); height: 7.380952381vw; -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s .5s;}
header.visible .marco { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;  }
header h1 { display: inline-block; float:left; position: relative; overflow: hidden; width: 17.5595238095vw;   }
header.articulos .marco { background:#9b968d; }

header h1 img { display:block; width:100%; height:auto; }



header .redes { display: inline-block; float:right; position: relative; /*-webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s .5s;*/ z-index:1;}
header.visible .redes { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;  }
header .redes p { display: inline-block; float:left; color: #fff; font-size: .777vw; line-height: .9999vw; text-transform: uppercase; vertical-align: middle; font-family: "EuroBold", sans-serif; padding-top: 0.3vw; }
header .redes .icono { display: inline-block; width:1.4071428571vw; float: left; position: relative; overflow: hidden; height: auto; margin-left:.5vw; margin-top:3vw;}
header .redes .instagram .icono { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s 1.2s; }
header.visible .redes .instagram .icono { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;  } 
header .redes .instagram .icono .iconoinstagram {fill: #fff; fill-rule: evenodd; }
header .redes .facebook .icono { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s 1.3s; }
header.visible .redes .facebook .icono { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;  } 
header .redes .facebook .icono .iconofacebook {fill: #fff; fill-rule: evenodd; }
header .redes .icono:hover .iconofacebook { fill:#8c793c; }
header .redes .icono:hover .iconoinstagram { fill:#8c793c; }

header ul.menu { display:inline-block; float:left; position:relative; margin-left: 4.5vw; margin-top: 3vw; /*-webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s .7s;*/ opacity:1; z-index:0;}
header.visible ul.menu { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;  }
header .menu li {display: inline-block; float: left; position: relative; margin: 0 1.25vw 0 0; font-size: 1.25vw; line-height: 1.55vw; color: #fff;  font-weight: 300; cursor:pointer; } 
header .menu li a { display: block; position: relative; overflow: hidden; }
header .menu li a:hover, header .menu li a.sele { color:#8c793c; }
header .menu li:nth-child(1) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s .6s; }
header .menu li:nth-child(2) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s .7s; }
header .menu li:nth-child(3) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s .8s; }
header .menu li:nth-child(4) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s .9s; }
header .menu li:nth-child(5) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s 1s; }
header .menu li:nth-child(6) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s 1.1s; }
header .menu li:nth-child(7) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s 1.2s; }
header .menu li:nth-child(8) { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s 1.3s; }
header.visible .menu li { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;  }


 .click-menu, ul.menuMovil { display: none; }


main { display:block; position:relative; overflow:hidden; width:100%; min-height:87vh; }
.seccion { display:block; position:relative; overflow:hidden; width:100%;  }
#home { /*height:47.619047619vw; height:53.619048vw; */background-image:url('../img/foto-top.jpg'); background-repeat: no-repeat; background-position: center; background-size:cover; height:100vh;}
#home .mantra { display:block; position:absolute; width:26.8468468468vw; left:3.9vw; top:14.17vw; opacity: 0; transition: 1.5s 1.5s; }
#home.visible .mantra { opacity:1; }
#home .mantra img { display:block; width:100%; height:auto; }
#home h2 { display: block; position: relative; color: #fff; font-size: 2vw; line-height: 2.5vw; font-weight: 100; width: 25%; margin: 22vw 0 0 33.3333333333vw; opacity: 0; transition: 1.5s 2s; }
#home.visible h2 { opacity:1; }

#clases {  min-height:87vh;}
#clases h2 { display: block; position: absolute; top: 0; left: 0; width: 33.3333333333vw; background: #f1eee7; height: 100%; }
#clases h2 span { display: table; color: #fff; font-size: 3.055vw; line-height: 3.055vw; text-transform: uppercase; font-weight: 100; background: #b9b4aa; padding: 1.4vw 3vw;
    margin-left: 7.8078078078vw; text-align: center; width: 17.5595238095vw;}
#clases .izquierda { display: block; position: absolute; top: 19.5vw; left: 3.9vw; z-index: 2; cursor: pointer; width:1.14vw;}
#clases .derecha { display: block; position: absolute; top: 19.5vw; right: 3.9vw; z-index: 2; cursor: pointer; width:1.14vw;}
#clases .izquierda img, #clases .derecha img { display: block; width:100%; height:auto; }
#clases ul { display:block; position:relative; overflow:hidden; width:106%; padding:12vw 7.4404761905vw 11.71vw 7.8078078078vw; }
#clases ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:25.5255255255vw; margin-right:4.20vw; padding-right:3.3vw;}
#clases li:nth-child(1) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1s; }
#clases li:nth-child(2) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1.1s; }
#clases li:nth-child(3) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1.2s; }
#clases.visible li {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;  }
#clases ul li h3 { display: block; color: #923231; font-size: 2.22vw; line-height: 2.55vw; text-transform: uppercase; font-family: "Roboto Slab", sans-serif; font-weight: 700; margin-bottom:.5vw; margin-left:0.48vw;}
#clases ul li h3 span { display:block; color:#372e1c; }
#clases ul li .profe { display: block; position: relative; overflow: hidden; }
#clases ul li .profe img { display: inline-block; float: left; position: relative; overflow: hidden; z-index: 2; width: 5.722vw; height: auto; border-radius: 50%; border: 0.48vw solid #fff; }
#clases ul li .profe h4 { display: table; float: left; position: relative; overflow: hidden; z-index: 0; background: #372e1c; color: #fff; font-size: .8333vw; line-height: 1vw; padding: .9589vw 1vw; margin-top: 1.5vw; text-transform: uppercase;  margin-left: -3vw; padding-left: 4vw; }
#clases ul li p { display: block; margin-top: .7vw; font-size: .8888vw; line-height: 1.1vw; margin-left:0.48vw; width:97%;}
#clases ul li h5 { display: table; margin-top: 1vw; background: #b8a888; color: #fff; text-transform: uppercase; font-family: "Roboto Slab", sans-serif; font-size: .9444vw; line-height: 1vw; font-weight: 500; padding: 0.662vw 1vw; margin-bottom:.5vw; margin-left:0.48vw;}
#clases ul li .ver {  display: table; background: #923231; color: #fff; text-transform: uppercase; font-family: "Roboto Slab", sans-serif; font-size: .9444vw; line-height: 1vw; font-weight: 500; padding: 0.662vw 1vw;  border:1px solid #923231; cursor:pointer; float:left; margin-left:0.48vw;}
#clases ul li .ver:hover { color:#923231; background:#fff; }
#clases ul li .curriculum img { display: inline-block; float: left; margin-left: 0.78vw; position: relative; overflow: hidden; width: 2.2822822823vw; height: auto;}
#clases ul li .curriculum span { display: inline-block; float: left; position: relative; overflow: hidden; font-size: .944vw; text-transform: uppercase; font-family: "Roboto Slab", sans-serif; font-weight: 700; margin-left: 0.5vw; margin-top: .8vw; }
#clases ul li .curriculum span:hover { color:#923231; }

.banner {    display: block; position: relative; overflow: hidden; width: 100%; height: 13.2132132132vw; background-repeat: no-repeat; background-position: left; background-size: contain; background-color: #923231; }
.banner h2 { display:block; text-align:center; color:#fff; font-size:1.33vw; font-weight: 300; margin-top:5.4vw; }

#formaciones {  min-height:87vh; }
#formaciones .mandala { display: block; position: absolute; right: 0; width: 12.954955vw; height: auto; top: 13vw;  }
#formaciones ul.formacionesMovil { display:none; }
#formaciones .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:33.3333333333vw; background-image:url(../img/foto-prof-yoga-meditacion.jpg); background-repeat: no-repeat; background-position:center; background-size:cover; height:100%; min-height: 87vh;}
#formaciones .izq h2 { display:block; margin-top:5.3vw; background:rgba(55,46,28, .8); color:#fff; text-transform: uppercase; font-size: 3.05vw; line-height: 3.05vw; font-weight: 100; padding:1vw; text-align: center; opacity:0; transition: 1s .5s;}
#formaciones .izq.visible  h2 { opacity:1; }
#formaciones .izq ul { display: table; position: relative; overflow: hidden; margin-top: 8vw; margin-left: 6.9vw; opacity:0; transition: 1s 1s; }
#formaciones .izq.visible  ul { opacity: 1; }
#formaciones .izq ul li { display: block; color: #fff; font-size: 1.11vw; line-height: 1.33vw; font-weight: 300; margin-bottom: 0.5vw; border-bottom: 1px solid #fff; padding: 0 0.5vw 0.5vw 0.5vw; cursor:pointer;}
#formaciones .izq ul li:last-child { border:0; }
#formaciones .izq ul li:hover, #formaciones .izq ul li.sele { color:#000; }
#formaciones .izq ul li .flecha { display: inline-block; width: 0.54vw; height: auto; float: left; margin: 0.1vw 0.5vw 0 0; }
#formaciones .izq ul li .flecha .flecha1 {fill: #fff; fill-rule: evenodd; }
#formaciones .izq ul li:hover .flecha1, #formaciones .izq ul li.sele  .flecha1 { fill:#000; }

#formaciones .der { display:inline-block; float:right; position:relative; overflow:hidden; width:62.4624624625vw; padding-top:14.11vw;-webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: .5s .5s; padding-bottom:4vw;}
#formaciones .der.visible{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;  }
#formaciones .der h2 { display: block; color: #923231; font-size: 2.22vw; line-height: 2.66vw; font-weight: 700; text-transform: uppercase; font-family: 'Roboto Slab', sans-serif; }
#formaciones .der h2 span { display:block; color:#372e1c; }
#formaciones .der p { display: block; margin-top: 1vw; width: 50%; }
#formaciones .der .ver { display: table; float:left; margin-top: 1vw; background: #923231; color: #fff; font-size: 1.38vw; line-height: 1.4vw; text-transform: uppercase; font-family: 'Roboto Slab', sans-serif; padding: 0.8vw 1.5vw; border: 1px solid #923231; cursor: pointer; }
#formaciones .der .ver:hover { color:#923231; background:#fff; }

#formaciones .der a.adjunto { display:block; clear:left; float:left; position:relative; overflow:hidden;  margin-top:1.3vw; }
#formaciones .der a.adjunto img { display: inline-block; width: 2.28vw; height:auto; float: left; position: relative; overflow: hidden; }
#formaciones .der a.adjunto span { display: inline-block; float: left; position: relative; overflow: hidden; font-size: .944vw; text-transform: uppercase; font-family: "Roboto Slab", sans-serif; font-weight: 700; margin-left: 0.5vw; margin-top: .8vw; }

#formaciones .der span.video { display:inline-block; float:left; position:relative; overflow:hidden; margin-left:1vw; margin-top:1.3vw; cursor:pointer;}
#formaciones .der span.video img { display: inline-block; width: 2.28vw; height:auto; float: left; position: relative; overflow: hidden; }
#formaciones .der span.video p { display: inline-block; float: left; position: relative; overflow: hidden; font-size: .944vw; text-transform: uppercase; font-family: "Roboto Slab", sans-serif; font-weight: 700; margin-left: 0.5vw; margin-top: .8vw; width:auto;}

#areasdesalud { background:#ebeae1; min-height:87vh;}
#areasdesalud .fondo { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 33.3333333333vw; background: #cbc8b2; z-index: 0; }
#areasdesalud .marco { display: block; position: relative; overflow:hidden; z-index: 1; width: 92.1921921922vw; margin: 6.5vw auto; background: #fff; padding: 2.1vw 3.5vw; }
#areasdesalud .izquierda { display: block; position: absolute; top: 22vw; left: 1.5vw; width: 3.6vw; cursor: pointer; z-index: 9; }
#areasdesalud .derecha { display: block; position: absolute; top: 22vw; right: 1.5vw; width: 3.6vw; cursor: pointer; z-index: 9; }
#areasdesalud .izquierda img, #areasdesalud .derecha img { display:block; width:100%; height:auto; }
#areasdesalud .marco h2 {     display: table; color: #fff; font-size: 3.055vw; line-height: 3.055vw; text-transform: uppercase; font-weight: 100; background: #9c956b; padding: 1.1vw 4vw; text-align: center; transform: rotate(270deg); position: absolute; top: 8vw; left: -1.5vw; }
#areasdesalud .marco ul { display: block; position: relative; overflow: hidden; width: 100%;padding: 0 0 0 9.5vw; }
#areasdesalud .marco ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:17.4174174174vw; margin-right:2.28vw; }
#areasdesalud .marco li:nth-child(1) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1s; }
#areasdesalud .marco li:nth-child(2) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1.1s; }
#areasdesalud .marco li:nth-child(3) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1.2s; }
#areasdesalud .marco li:nth-child(4) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1.3s; }
#areasdesalud.visible .marco li {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;  }
#areasdesalud .marco ul li .imagen { display: block; position: relative; overflow: hidden; width: 100%; height: 14.5vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom:1vw; }
#areasdesalud .marco ul li h3 { display: block; font-size: 1.38vw; line-height: 1.4vw; text-transform: uppercase; font-weight: 700; font-family: 'Roboto Slab', sans-serif; margin-bottom: 1vw; }
#areasdesalud .marco ul li .ver { display: table; background: #372e1c; color: #fff; text-transform: uppercase; font-family: "Roboto Slab", sans-serif; font-size: .9444vw; line-height: 1vw; font-weight: 500; padding: 0.662vw 1vw; border: 1px solid #372e1c; cursor: pointer; float: left; margin-top:1vw; }
#areasdesalud .marco ul li .ver:hover { color:#372e1c; background:#fff; }
#areasdesalud .marco ul li .textoMovil { display:none; }

.banner2 {    display: block; position: relative; overflow: hidden; width: 100%; height: 24.024024024vw; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; background-color: #923231; }
.banner2 h2 { display: block; line-height: 1.88vw; color: #fff; font-size: 1.66vw; font-weight: 100; margin: 9vw 0 0 7.8vw; }
.banner2 h2 span { display:block; }


#quienessomos { min-height:87vh;}
#quienessomos .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:33.3333333333vw; background-image:url(../img/foto-acerca-de.jpg); background-repeat: no-repeat; background-position:center; background-size:cover; height:100%; min-height: 87vh;}
#quienessomos .izq h2 { display:block; margin-top:5.3vw; background:rgba(55,46,28, .8); color:#fff; text-transform: uppercase; font-size: 3.05vw; line-height: 3.05vw; font-weight: 100; padding:1vw; text-align: center; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s .5s; }
#quienessomos.visible h2{-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;  }


#quienessomos .der { display:inline-block; float:right; position:relative; overflow:hidden; width:62.4624624625vw; padding-top:5.5vw; padding-right:7.50vw; padding-bottom:4vw;}
#quienessomos .der h2 { display: block; color: #923231; font-size: 2.22vw; line-height: 2.66vw; font-weight: 700; text-transform: uppercase; font-family: 'Roboto Slab', sans-serif;  -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s .5s; }
#quienessomos.visible .der h2{-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;  }
#quienessomos .der h2 span { display:block; color:#372e1c; }
#quienessomos .der p { display: block; margin-top: 1vw;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .5s; }
#quienessomos.visible .der p{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;  }
#quienessomos .der .ver { display: table; margin-top: 1vw; background: #923231; color: #fff; font-size: 1.38vw; line-height: 1.4vw; text-transform: uppercase; font-family: 'Roboto Slab', sans-serif; padding: 0.8vw 1.5vw; border: 1px solid #923231; cursor: pointer; }
#quienessomos .der .ver:hover { color:#923231; background:#fff; }
#quienessomos .der .profe { display: block; position: relative; overflow: hidden; margin-top:1vw;-webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .8s; }
#quienessomos.visible .der .profe{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;  }
#quienessomos .der .profe .fotito { display: inline-block; float: left; position: relative; overflow: hidden; z-index: 2; width: 5.722vw; height: auto; border-radius: 50%; border: 0.48vw solid #fff; }
#quienessomos .der .profe h4 { display: table; float: left; position: relative; overflow: hidden; z-index: 0; background: #372e1c; color: #fff; font-size: .8333vw; line-height: 1vw; padding: 0.8vw 1vw; margin-top: 1.5vw; text-transform: uppercase;  margin-left: -3vw; padding-left: 4vw; }
#quienessomos .der .profe .curriculum {     display: inline-block; float: left; position: relative; overflow: hidden; vertical-align: middle; margin-top: 1.5vw; }
#quienessomos .der .profe .curriculum img { display: inline-block; float: left; margin-left: 0.78vw; position: relative; overflow: hidden; width: 2.762vw; height: auto; padding:0; border-radius: 0}
#quienessomos .der .profe .curriculum span { display: inline-block; float: left; position: relative; overflow: hidden; font-size: .944vw; text-transform: uppercase; font-family: "Roboto Slab", sans-serif; font-weight: 700; margin-left: 0.5vw; margin-top: .8vw; }
#quienessomos .der .profe .curriculum span:hover { color:#923231; }

#tienda { background:#ebeae1;min-height:87vh; padding-bottom:4vw;}
#tienda ul { display: block; position: relative; overflow: hidden; width: 100%; padding:0 15.19vw 0 16.39vw; margin: 6vw auto; }
#tienda ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:14.4144144144vw; margin-right:2.4vw; }
#tienda  li:nth-child(1) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1s; }
#tienda  li:nth-child(2) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1.1s; }
#tienda  li:nth-child(3) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1.2s; }
#tienda  li:nth-child(4) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1.3s; }
#tienda.visible  li {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;  }
#tienda ul li .imagen { display:block; width:100%; height:14.4144144144vw; background-repeat: no-repeat; background-position: center; background-size:cover; border: 0.45vw solid #b8a888; border-radius: 50%; margin-bottom:1vw; }
#tienda ul li h3 {     display: block; font-size: 1.11vw; line-height: 1.33vw; font-family: 'Roboto Slab', sans-serif; text-transform: uppercase; font-weight: 700;
    margin-bottom: 1vw; }
#tienda .izquierda { display: block; position: absolute; top: 12.5vw; left: 10.3vw; z-index: 2; cursor: pointer; width:1.14vw;}
#tienda .derecha { display: block; position: absolute; top: 12.5vw; right: 10.3vw; z-index: 2; cursor: pointer; width:1.14vw;}
#tienda .izquierda img, #tienda .derecha img { display: block; width:100%; height:auto; }
#tienda .titulosMovil { display:none; }
#tienda .titulos { display:block; margin:0 auto; text-align:center; }
#tienda .titulos h2 { display: inline-block; color: #fff; font-size: 3.055vw; line-height: 3.055vw; text-transform: uppercase; font-weight: 100; background: #9c956b; padding: .5vw 1vw; margin: 0 auto; vertical-align:top;}
#tienda .titulos h4 { display: inline-block; color: #fff; font-size: .88vw; line-height: 3.055vw; text-transform: uppercase; font-weight: 500; background: #372e1c; padding: .5vw 1vw;  margin: 0 auto; vertical-align:top; cursor:pointer;}
#tienda .titulos h4:hover { background:#fff; color:#372e1c; }

#notas { display:block; position:relative; overflow:hidden; width:100%; background:#fff; padding:3vw 7.807808vw; margin-top:7.380952381vw;}
#notas .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:57.95vw; margin-right: 1vw; padding-right:1vw; border-right:1px solid #ccc; height:100%; }
#notas .izq .imagen { display: block; width: 100%; height: 32vw; background-repeat: no-repeat; background-position: center; margin-top:1vw; background-size: cover; margin-bottom:1vw;}
#notas .izq h2 span { background: #923231; font-size: .88vw; line-height: .88vw; padding: 0.5vw 1vw; color: #fff; text-transform: uppercase; font-family: 'Roboto Slab', sans-serif; display: table; font-weight: 900; margin-bottom:.5vw;}
#notas .izq h2  { display:block;  color:#372e1c; font-size:1.5vw; line-height: 1.8vw; font-weight: 700;  }

#notas .der { display:inline-block; float:right; position:relative; overflow:hidden; width:23.45vw; height:100%;  }
#notas .der h2 { display: block; position: relative; overflow: hidden; width: 100%; background: #372e1c; color: #fff; font-size: 1.38vw; line-height: 1.40vw; padding: 0.5vw 1vw; text-transform: uppercase; font-family: 'Roboto Slab', sans-serif; font-weight: 500; margin-bottom: 1vw; }
#notas .der ul.notas { display:block; position:relative; overflow:hidden; width:100%; }
#notas .der .notas li { display:block; position:relative; overflow:hidden; width:100%; padding:0 .5vw .5vw .5vw; margin-bottom:.5vw; border-bottom:1px solid #ccc; color:#923231; font-family: 'Roboto Slab', sans-serif; font-weight: 900; text-transform: uppercase; font-size:.777vw; line-height: .9999vw; cursor:pointer; }
#notas .der .notas li span { display:block; color:#372e1c; text-transform: none; font-size:1.11vw; line-height: 1.33vw; font-weight: 700;}
#notas .der .notas li:hover span, #notas .der .notas li .sele span { color:#923231; }

#contacto { background:#372e1c; min-height:87vh; padding:4vw 7.80vw; }
#contacto h2.movil { display:none; }
#contacto .izq { display:inline-block; float:left; position:relative; overflow: hidden; width:17.71vw; }
#contacto .izq h2 { color: #fff; display: block; font-size: 3.05vw; line-height: 3.3vw; text-transform: uppercase; font-weight: 100; margin-bottom: 1vw; }
#contacto .izq p { color:#fff; }
#contacto .izq ul { display:block; margin-top:2vw; }
#contacto .izq ul li { display:block; position:relative; overflow:hidden; margin-bottom:.5vw; }
#contacto .izq ul li img { display:inline-block; float:left; position:relative; overflow:hidden; vertical-align: middle; width:2.7vw; height:auto; margin-right:1vw; }
#contacto .izq ul li span { display:inline-block; float:left; position:relative; overflow:hidden; vertical-align: middle; color:#fff; font-size:1vw; margin-top:0.8vw; }
#contacto .izq .osmosis { display: table; margin-top: 2vw; color: #9c956b; font-size: .777vw; }
#contacto .izq .osmosis:hover { color:#fff; }
#contacto .izq ul li:hover span { color:#9c956b; }

.contactoarticulos { display: block; position: relative; overflow: hidden; min-height:auto;}

#contacto .der { display:inline-block; float:right; position:relative; overflow: hidden; width:40.6vw; margin-right:14vw; padding-top:4.2vw;}
#contacto .der input { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 1vw; padding-bottom: 1vw; border: 0; border-bottom: 1px solid #9c956b; background: transparent; color: #fff; font-size: .88vw; line-height: 1vw; }
#contacto .der textarea { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 1vw; padding-bottom: 1vw; border: 0; border-bottom: 1px solid #9c956b; background: transparent; color: #fff; font-size: .88vw; line-height: 1vw; height:9vw;}
::placeholder { color: #fff; font-size: .88vw; line-height: 1vw;}
#contacto .der button { display: table; margin: 1vw auto; background: transparent; border: 2px solid #9c956b; color: #9c956b; font-size: .888vw; line-height: 1vw; font-family: 'Roboto Slave', sans-serif; padding: 0.6vw 1vw .5vw 1vw; text-transform: uppercase; font-weight: 700; cursor:pointer; }
#contacto .der button:hover { background:#9c956b; color:#fff; }
#contacto .mandala { display: block; position: absolute; right: 0; width: 14.954954955vw; height: auto; top: 7vw; }



.overlay { display: block; position: absolute; top: 6.5vw; left: 3.4vw; width: 100%; background: #f5f4f0; z-index: 9; width: 92.1921921922vw; margin: 0 auto; padding: 2.1vw 3.5vw; height: 72%; overflow-y: scroll; transition: all .5s ease-in; transform-style: preserve-3d; transform: translateZ(600px) rotateX(20deg); opacity:0; z-index:0;}
.overlay.muestro { opacity:1; z-index:9; transform: translateZ(0px) rotateX(0deg); }
.overlay .cerrar { display: block; position: absolute; top: 1vw; right: 1vw; width: 3.6vw; cursor: pointer; }
.overlay .cerrar img { display:block; width:100%; height:auto; }
.overlay h2 {     display: table; color: #fff; font-size: 3.055vw; line-height: 3.055vw; text-transform: uppercase; font-weight: 100; background: #9c956b; padding: 1.1vw 4vw; text-align: center; transform: rotate(270deg); position: absolute; top: 8vw; left: -1.5vw; }

.overlay .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 17.4174174174vw; margin-left: 9vw;  }
.overlay .izq .imagen { display: block; width: 100%; height: 15.01vw; margin-bottom: 1vw; background-repeat: no-repeat; background-position: center; background-size: cover; }
.overlay .izq input { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: .5vw; padding-bottom: .5vw; border: 0; border-bottom: 1px solid #9c956b; background: transparent; color: #9c956b; font-size: .88vw; line-height: 1vw; }
.overlay .izq textarea { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: .5vw; padding-bottom: .5vw; border: 0; border-bottom: 1px solid #9c956b; background: transparent; color: #9c956b; font-size: .88vw; line-height: 1vw; height:3vw;}
.overlay .izq button { display: table; margin: 1vw auto; background: transparent; border: 2px solid #9c956b; color: #9c956b; font-size: .888vw; line-height: 1vw; font-family: 'Roboto Slave', sans-serif; padding: 0.6vw 1vw .5vw 1vw; text-transform: uppercase; font-weight: 700; cursor:pointer; }
.overlay .izq button:hover { background:#9c956b; color:#fff; }
.overlay .izq ::placeholder { color: #9c956b; font-size: .88vw; line-height: 1vw;}


.overlay .der { display:inline-block; float: right; position:relative; overflow:hidden; width:54.954954955vw;  padding-top:1vw; }
.overlay .der h3 { display: block; font-size: 1.38vw; line-height: 1.4vw; text-transform: uppercase; font-weight: 700; font-family: 'Roboto Slave', sans-serif; margin-bottom: 1vw; }
.overlay .der p { display:block; margin:0 0 .3vw 0; }

/*======== cookies =============*/
.lascoo { display: block; position: fixed; bottom: 0; left: 0; background: #000; width: 100%; padding: 1vw 12.012012012vw; color: #fff; font-size: 1vw; line-height: 1.3vw; z-index:9;}
.lascoo.seva { display:none; }
.lascoo p { display: inline-block; float: left; position: relative; overflow: hidden; width: 80%; padding-right: 10px; }
.lascoo .button { display: inline-block; float: right; position: relative; overflow: hidden;  background: #343434; padding: .5vw 1vw; border: 1px solid #343434; color: #fff; font-size: .88vw; line-height: 1vw; text-transform: uppercase; font-weight: 500;  cursor: pointer; }
.lascoo .button:hover { background:#fff; color:#343434; }


@media screen and (max-width: 800px) {
  
 
  .click-menu { display: block; position: absolute; width: 40px; height: 40px; cursor: pointer; z-index: 999; right: 50px; top: 35px; background: transparent; }
  .click-menu span { position: absolute; left: 0; right: 0; top: 20px; margin:0 auto; display: block; width: 100%; height: 5px; margin:0 auto; background:#fff; transition: all .3s; border-radius:6px;}
  .click-menu span:nth-child(2) {top: 30px; }
  .click-menu span:nth-child(3) {top: 40px; }
  .click-menu.active span:nth-child(1) {top: 30px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  .click-menu.active span:nth-child(2) {opacity: 0; left: -7.8125vw; }
  .click-menu.active span:nth-child(3) {top: 30px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
  .menuMovil.abierto { display: block; position: fixed; top: 124px; left: 0; width: 100%; z-index: 99999; background: #372e1c; padding: 20px 50px; overflow-y:auto;
    overflow-x:hidden;}
  .menuMovil li { display:block; position:relative; overflow:hidden; width:100%; color:#fff; font-size:24px; line-height: 27px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #9b978e; text-align:center;  font-weight: 300;}

  .lascoo { padding:20px; font-size:11px; line-height: 13px;  }
  .lascoo .button { padding:5px; font-size:11px; line-height: 13px; }

  header, header .marco1, header .marco { height:124px; }
  header .marco1 { width:6.5104166667vw; }
  header .marco { width:93.3%; }
  header h1 { width: 38.411vw; }
  header ul.menu { display: none; }
  main { min-height:auto; }
  #home { background-image:url('../img/foto-top-movil.jpg'); }
  header .redes { margin-right: 100px; }
  header .redes .icono { width:25px; margin-left: 10px; margin-top: 50px; }
  #home .mantra {display: block; position: absolute; width: 46.48vw; left: 40px; top: 40vw; }
  #home h2 {display: block; position: relative; color: #fff; font-size: 30px; line-height: 32px; font-weight: 100; width: 33%; margin: 49vw 0 0 55vw; opacity: 0; transition: 1.5s 2s; }
  
  #clases .izquierda, #clases .derecha, #areasdesalud .izquierda, #areasdesalud .derecha, #tienda .izquierda, #tienda .derecha { display:none; }
  #clases h2 span {display: table; color: #fff; font-size: 55px; line-height: 58px; text-transform: uppercase; font-weight: 100; background: #b9b4aa; padding: 10px 30px; margin-left: 51px; text-align: center; width: 38.411vw; }
  #clases h2 { background:transparent; }
  #clases ul { padding:120px 50px 40px 50px; }
  #clases ul li h3 { font-size:45px; line-height: 48px; margin-bottom:20px;}
  #clases ul li { display: block; float:none; width:100%; margin:0 10px 30px 0; padding-bottom:30px; border-bottom:1px solid #9b968d; }
  #clases ul li h3 span { display:inline-block; }
  #clases ul li .profe img { width:75px; border-width: 5px; }
  #clases ul li .profe h4 { font-size:16px; line-height: 18px; padding:20px 20px 20px 40px; margin-top:10px; }
   #clases ul li:last-child { margin-bottom:0; padding-bottom: 0; border:0; }
  #clases ul li p {display: block; margin-top: 10px; font-size: 16px; line-height: 18px; margin-left: 0; width: 92%; }
  #clases ul li h5 {display: table; margin-top: 10px; background: #b8a888; color: #fff; text-transform: uppercase; font-family: "Roboto Slab", sans-serif; font-size: 17px; line-height: 19px; font-weight: 500; padding: 10px 20px; margin-bottom: 10px; margin-left: 0; }
  #clases ul li .curriculum img { width:36px; margin-left:10px; }
  #clases ul li .curriculum span {display: inline-block; float: left; position: relative; overflow: hidden; font-size: 17px; text-transform: uppercase; font-family: "Roboto Slab", sans-serif; font-weight: 700; margin-left: 10px; margin-top: 14px; }

  #clases ul li .ver, #formaciones .der .ver, #areasdesalud .marco ul li .ver { font-size:17px; line-height: 19px; padding:10px 20px; margin-left:0; }
  #clases, #formaciones, #areasdesalud, #quienessomos, #tienda, #contacto { min-height:unset; }
  .banner { height:220px; }
  .banner h2 {font-size: 20px; line-height: 22px; margin: 70px 50px 0 274px; width: 48%; text-align: left; }

  #formaciones .izq {display: block; float: none; position: relative; overflow: hidden; width: 100%; background-image: url(../img/foto-prof-yoga-meditacion-movil.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 38vw; min-height: unset; }
  #formaciones .izq h2 {display: block; margin-top: 5.3vw; background: rgba(55,46,28, .8); color: #fff; text-transform: uppercase; font-size: 55px; line-height: 58px; font-weight: 100; padding: 10px 0 10px 50px; text-align: left; } 
  #formaciones .izq ul { display:none; }
  #formaciones .der a.adjunto img { width:4.28vw; }
  #formaciones .der a.adjunto span { font-size:16px; }
  #formaciones ul.formacionesMovil { display: block; position: relative; overflow: hidden; margin: 40px 50px 20px 50px; } 


  #formaciones .der span.video img { width:4.28vw; }
  #formaciones .der span.video p { font-size:16px;}

  #formaciones .formacionesMovil li { display: block; color: #9c956b; font-size: 20px; line-height: 22px; font-weight: 300; margin-bottom: 10px; border-bottom: 1px solid #9c956b; padding: 0 10px 10px 10px; cursor:pointer;}
  #formaciones .formacionesMovil li:last-child { border:0; }
  #formaciones .formacionesMovil li:hover, #formaciones .izq ul li.sele { color:#000; }
  #formaciones .formacionesMovil li .flecha { display: inline-block; width: 0.54vw; height: auto; float: left; margin: 0.1vw 0.5vw 0 0; }
  #formaciones .formacionesMovil li .flecha .flecha1 {fill: #923231; fill-rule: evenodd; }
  #formaciones .formacionesMovil li:hover .flecha1, #formaciones .formacionesMovil li.sele  .flecha1 { fill:#000; }
  #formaciones .formacionesMovil li .flecha { width:11px; margin:3px 10px; }
  #formaciones .der { display:block; float:none; width:100%; padding:10px 50px 40px 50px; }
  #formaciones .der h2 { font-size:40px; line-height: 45px; }
  #formaciones .der p { width:100%; margin-top:10px; margin-bottom:10px;}
  #areasdesalud .fondo { width:100%; }
  #areasdesalud .marco {display: block; position: relative; overflow: visible; z-index: 1; width: 86.9vw; margin: 50px auto; background: #fff; padding: 40px 50px; }
  #areasdesalud .marco h2 {display: table; color: #fff; font-size: 55px; line-height: 58px; text-transform: uppercase; font-weight: 100; background: #9c956b; padding: 10px 30px; text-align: center; transform: rotate(0); position: absolute; top: 10px; left: -31px; }
  #areasdesalud .marco ul { padding:0; margin-top:90px;}
  #areasdesalud .marco ul li { display:block; float:none; width:100%; margin:0 0 30px 0; }
 #areasdesalud .marco ul li .imagen { height: 51vw; margin-bottom:10px; }
  #areasdesalud .marco ul li h3 { font-size:18px; line-height: 22px; margin-bottom:10px; }
  #areasdesalud .marco ul li .textoMovil { display:none; }
  #areasdesalud .marco ul li .textoMovil.muestro { display:block;  }
   #areasdesalud .marco ul li .textoMovil p { display:block; margin:10px 0; font-size:14px; line-height: 18px; }
  .banner2 { display:none; }
  #quienessomos .izq { display: block; float: none; position: relative; overflow: hidden; width: 100%; background-image: url(../img/foto-acerca-de-movil.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 38vw; min-height: unset; }
  #quienessomos .izq h2 {display: table; margin-top: 5.3vw; text-transform: uppercase; font-size: 55px; line-height: 58px; font-weight: 100; padding: 10px 30px 10px 50px; text-align: left; } 
  #quienessomos .der {display: block; float: none; position: relative; overflow: hidden; width: 100%; padding: 40px 50px; }
  #quienessomos .der h2 { font-size:40px; line-height: 45px; }
  #quienessomos .der p { width:100%; margin-top:10px; margin-bottom:10px;}
  #quienessomos .der .profe .fotito { width:75px; border-width: 5px; }
  #quienessomos .der .profe h4 { font-size:16px; line-height: 18px; padding:20px 20px 20px 40px; margin-top:10px; }
  #quienessomos .der .profe .curriculum { margin-top:10px; }
  #quienessomos .der .profe .curriculum img { width: 48px; margin-left: 10px; margin-top: 4px }
  #quienessomos .der .profe .curriculum span {display: inline-block; float: left; position: relative; overflow: hidden; font-size: 17px; text-transform: uppercase; font-family: "Roboto Slab", sans-serif; font-weight: 700; margin-left: 10px; margin-top: 19px; }
  #tienda { padding:40px 50px; }
  #tienda ul {padding:0; margin:0;}
  #tienda ul li { display:block; float:none; width:100%; margin:0 0 30px 0; }
  #tienda ul li .imagen { height:74vw; border-width: 8px; margin-bottom:10px;}
  #tienda ul li h3 { font-size:20px; line-height: 22px; margin-bottom:10px; }

  #tienda .titulos { display:none; }
  #tienda .titulosMovil { display:block; margin-bottom:30px; text-align:center; }
  #tienda .titulosMovil h2 { display: inline-block; color: #fff; font-size:55px; line-height: 58px; padding:10px 30px; text-transform: uppercase; font-weight: 100; background: #9c956b;  margin: 0 auto; }
  #tienda .titulosMovil h4 { display: inline-block; color: #fff; font-size:16px; line-height:58px; padding:10px 20px;text-transform: uppercase; font-weight: 500; background: #372e1c;  margin: 0 auto; vertical-align:top; cursor:pointer;}
  #tienda .titulosMovil h4:hover { background:#fff; color:#372e1c; }

  #contacto { padding:40px 50px; }
  #contacto .izq { display:block; float:none; width:100%; margin-bottom:20px; }
  #contacto .der { display:block; float:none; width:100%; }
  #contacto  .izq h2, #contacto .izq p { display:none; }
  #contacto  h2.movil { color: #fff; display: block;  text-transform: uppercase; font-weight: 100; font-size:55px; line-height: 58px; margin-bottom:10px; margin-top:197px;}
  #contacto h2.movil span { display: block; text-transform: none; font-size: 16px; line-height: 18px; margin: 10px 0; font-family: 'Roboto', sans-serif; }
  #contacto .der input { margin-bottom:10px; padding-bottom:10px; font-size:16px; line-height: 18px; }
  #contacto .der textarea { margin-bottom:10px; padding-bottom:10px; font-size:16px; line-height: 18px; height:100px;}
  ::placeholder { color: #fff; font-size:16px; line-height: 18px;}
  #contacto .der button { font-size:16px; line-height: 18px; padding:10px 20px; margin-top:20px;}
  #contacto .izq ul { margin-top:20px; }
  #contacto .izq ul li img { width:30px; margin-right:10px; }
  #contacto .izq ul li span { font-size:16px; line-height: 18px; margin-top:8px; }
  #contacto .izq ul li { margin-bottom:10px; }
  #contacto .izq .osmosis { font-size:16px; margin-top:20px; }
  #contacto .mandala {display: block; position: absolute; right: 0; width: 30vw; height: auto; top: -93px; transform: rotate(270deg); left: 0; margin: 0 auto; }
  #formaciones .mandala { display: none; }

  #notas { padding:40px 50px; margin-top:124px;}
  #notas .izq { display:block; float:none; width:100%; padding:0; margin:0; border:0; }
  #notas select {     display: block; width: 100%; padding: 10px; font-size: 16px; line-height: 18px; margin-bottom: 20px; }

  #notas .izq h2 { font-size: 22px; line-height: 24px; }
  #notas .izq h2 span { font-size:16px; line-height: 18px; padding:5px 10px; margin-top:5px; }
  #notas .izq .imagen { height:47vw; margin:10px 0; }
}



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

  
  header, header .marco1, header .marco { height:80px; }
  header .marco {width: 94.3%; }
  .click-menu {right: 20px; top:13px;}
  header .marco1 { width:20px; }
  header .marco { padding:0 20px 0 0; }
  header h1 { width:49.436vw; }
  header .redes { margin-right:55px; }
  header .redes .icono { margin-top:30px; }
  .menuMovil.abierto { padding:20px; top:80px; }
  #home { background-position:right; }
  #home .mantra {display: block; position: absolute; width: 30vw; left: 0; top: 130vw; right: 0; margin: 0 auto; }
  #home h2 {display: block; position: relative; color: #fff; font-size: 25px; line-height: 30px; font-weight: 100; width: 100%; margin:90vw auto 0 auto; padding: 0 20px; text-align:center;}
  #clases h2 span {display: table; color: #fff; font-size: 40px; line-height: 45px; text-transform: uppercase; font-weight: 100; background: #b9b4aa; padding: 10px 30px; margin-left: 20px; text-align: center; width: 49.411vw; }
  #clases ul {padding: 110px 20px 40px 20px; width: 100%; }
  #clases ul li h3 { font-size:32px; line-height: 38px; }
  #clases ul li .profe img { width:80px; }
  #clases ul li .profe h4 { padding: 14px 20px 14px 30px; margin-top: 18px; }
  #clases ul li h5, #clases ul li .ver, #formaciones .der .ver, #areasdesalud .marco ul li .ver, #clases ul li .curriculum span { font-size:13px; }
  #clases ul li h3 span {margin-left:5px;}
  .banner h2 {font-size: 20px; line-height: 22px; margin: 83px 20px; width: 100%; text-align: left; padding:0 40px 0 0;}
  #formaciones .izq { height: 47vw; }
  #formaciones .izq h2 { margin-top: 50px;font-size: 45px; line-height: 58px; padding: 10px 0 10px 20px; }
  #formaciones ul.formacionesMovil { margin:40px 20px 0px 20px; }
  #formaciones .der { padding:10px 20px 40px 20px; }
  #formaciones .der h2 { font-size:25px; line-height: 35px; }
  #areasdesalud .marco h2 { font-size:35px; line-height: 38px; top:20px;}
  #formaciones .formacionesMovil li { padding:0 0 10px 0; font-size:18px;}
  #areasdesalud .marco { margin:20px auto; padding:20px; }
  #areasdesalud .marco ul li .ver { margin-top:10px; }
  #quienessomos .izq { height: 47vw; }
  #quienessomos .izq h2 { margin-top: 50px;font-size: 45px; line-height: 58px; padding: 10px 20px 10px 20px; }
  #quienessomos .der { padding:40px 20px; }
  #quienessomos .der h2 { font-size:25px; line-height: 35px; }
  #quienessomos .der .profe { margin-top:10px; }
  #quienessomos .der .profe .fotito { width:80px; }
  #quienessomos .der .profe h4 { padding: 14px 20px 14px 20px; margin-top: 18px;font-size: 13px; }
  #quienessomos .der .profe .curriculum {     margin-top: 10px; margin-left: 0; clear: left; margin-left: 20px; }
  #quienessomos .der .profe .curriculum img {width: 38px; margin-left: 40px; margin-top: 0; }
  #quienessomos .der .profe .curriculum span { margin-top:16px; font-size:14px; }
  #tienda { padding:40px 20px; }
  #tienda .titulosMovil h2 { font-size:45px; }
  #tienda .titulosMovil h4 { margin-top:20px; font-size:14px; line-height: 20px; }
  #tienda ul li .imagen { height: 69.82vw; width: 80%; margin: 0 auto 10px auto; }
  #contacto { padding:40px 20px; }
  #contacto h2.movil { font-size:45px; margin-top:146px;}
  #contacto h2.movil span, #clases ul li p, #formaciones .der p, #quienessomos .der p { font-size:16px; line-height: 20px; }
  #contacto .mandala {width:50vw;}
  #tienda ul li { text-align:center; }
  #formaciones .der a.adjunto { margin:20px 0 0 0; }
  #formaciones .der a.adjunto img { width:30px; }
  #formaciones .der a.adjunto span { margin:5px 0 0 10px; }

  #formaciones .der span.video img { width:30px;  }
  #formaciones .der span.video p { margin:5px 0 0 10px;}
  #formaciones .der span.video { margin-left: 10px; margin-top: 10px;  }



  #notas { padding:40px 20px; margin-top:80px;}
  #notas .izq h2 span { margin-bottom:10px; }
  #notas .izq h2 { margin-bottom:10px; }


}