@font-face {
 font-family: MinionPro-Bold;
 src: url("../fuente/MinionPro-Bold.ttf") 
}
@font-face {
 font-family: MinionPro-Semibold;
 src: url("../fuente/MinionPro-Semibold.ttf") 
}


@font-face {
 font-family: MinionPro-Medium;
 src: url("../fuente/MinionPro-Medium.ttf") 
}
@font-face {
 font-family: MinionPro-Regular;
 src: url("../fuente/MinionPro-Regular.ttf") 
}


html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
 ::placeholder {
  color: #232323;
  opacity: 1;

};
::-webkit-input-placeholder {
  color: #232323;
  opacity: 1;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

* {
  box-sizing: border-box;
}

body {
  opacity: 0;
  transition: opacity 1s;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: .9444444444vw;
  line-height: 1.1vw;
  color: #232323;
  overflow-x: hidden !important;
  outline: 0;
  background-color: #fff;
  position: relative;
  -webkit-font-smoothing: antialiased;
  opacity:0;
}

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

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

p {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  text-indent: 0;
}

a, a:hover, button {
  text-decoration: none;
  color: inherit;
  outline: 0;
  transition: all 0.3s;
}
h2, h3, h4 { margin:0; padding:0; }
strong {
  font-weight: bold;
}

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

.slick-slide {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}


body.loaded {
  opacity: 1;
}

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

textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}

header { display: block; position: fixed;  top:0; left:0; width: 100%; height:8.0357142857vw; background:#e9e7e7; z-index:9; padding:0 9.8214285714vw 0 11.3095238095vw; border-bottom:2px solid #232323;opacity:0; transition: 1s .5s; -webkit-transform: translateY(-500px); transform: translateY(-500px);} 
.loaded header { opacity:1; -webkit-transform: translateY(0); transform: translateY(0); }
#click-menu, ul.menuMovil { display:none; }
header h1 { display: inline-block; float: left; position: relative; overflow: hidden; width: 5.9523809524vw; margin-top: 0.5357142857vw; }
header h1 img { display:block; width:100%; height:auto; }

header ul.menu { display: inline-block; float: left; position: relative; overflow: hidden; margin:3.4523809524vw 0 0 4.0476190476vw; }
header .menu li { display:inline-block; float: left; position:relative; overflow:hidden; font-size:1.1111111111vw; line-height: 1.333vw; font-weight: 400; margin-right:1.7261904762vw; padding-bottom:.5vw; }
header .menu li:last-child { margin-right:0; }
header .menu li:hover, header .menu li.sele { border-bottom: 2px solid #232323; }

header .comprarcurso { display: inline-block; float: left; position: relative; overflow: hidden; background: #232323; color: #e9e7e7; font-size: 1.1555555556vw; line-height:3vw;  margin: 2.4vw 0 0 3.4523809524vw; padding: 0 2.062vw 0 2.062vw; border-radius: 40px; border: 2px solid #232323; height:3.5vw; }
header .comprarcurso:hover { background:#e9e7e7; color:#232323; }

header .whatsapp { display: inline-block; float: left; position: relative; overflow: hidden; background: #e9e7e7; color: #232323; font-size: 1.1555555556vw;  margin: 2.4vw 0 0 3.4523809524vw; padding: .9vw 2.062vw 0 2.062vw; border-radius: 40px; border: 2px solid #232323; margin-left:1.0714285714vw; height:3.5vw;}
header .whatsapp img { display: inline-block; float: left; position: relative; overflow: hidden; width: 1.5476190476vw; height: auto; }
header .whatsapp .icono { display: inline-block; float: left; position: relative; overflow: hidden; width: 1.5476190476vw; height: auto; }
header .whatsapp .icono .icono1 { fill: #232323; fill-rule: evenodd; }
header .whatsapp p { display: inline-block; float: left; position: relative; overflow: hidden; margin-left: 0.5vw; font-size: 1.1111111111vw; line-height: 1.5vw; font-weight: 600; }
header .whatsapp:hover { background:#232323; color:#e9e7e7; }
header .whatsapp:hover p { color:#e9e7e7; }
header .whatsapp:hover .icono .icono1 { fill:#e9e7e7; }

header  .Menuusuario { display: block;  position: absolute; cursor: pointer;  right: 2vw; top: 3vw;}
header  .Menuusuario a { display:block; position:relative; overflow:hidden; width:100%; }
header  .Menuusuario .fa { display:inline-block; float:left; font-size: 1.8vw; display: inline-block; float: left; margin-right: .5vw; color: #232323; }
header  .Menuusuario  .subUsuario { position: absolute; top: 1vw; left:0; opacity: 0; visibility: hidden; width: auto !important; min-width:10vw; overflow: hidden; width:auto; left:-9vw; min-width: 15vw;}
header  .Menuusuario  .subUsuario ul { display:block; position:relative; overflow:hidden; width: 100%;  height: auto !important; background:#232323; padding:1vw; margin-top:2vw; }
header  .Menuusuario  .subUsuario ul li { display: block; position:relative; overflow:hidden; width:100%; font-size:.88vw; line-height: 1vw; padding-bottom:.5vw; margin-bottom:.5vw; border-bottom:1px solid #fff; text-transform: none; color:#fff; }
header  .Menuusuario  .subUsuario ul li a { display:block; position:relative; overflow:hidden; width:100%; color:#e9e7e7;}
header  .Menuusuario  .subUsuario ul li a:hover { color:#fff; }
header  .Menuusuario  .subUsuario ul li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0; }
header  .Menuusuario:hover .subUsuario {display: block; visibility: visible; opacity: 1; }
header  .Menuusuario:hover .fa { color:#000; }

main { display:block; position:relative; overflow:hidden; width: 100%; z-index:0; margin-top:8.0357142857vw;}

.top { display: block; position: relative; overflow: hidden; width: 100%; height: 38.6904761905vw; background-repeat: no-repeat; background-position: center right; background-size: contain; background-color: #0d0d0d; padding:11.3095238095vw 0 0 11.9047619048vw; background-image:url('../img/foto-curso.jpg');}
.mi-historia .top { height:11.690476vw; padding:1.5vw 0 0 11.9047619048vw; background-image:none;}
.mi-historia .top p, .mi-historia .top h2 { display:none; }
.curso .top, .contrataciones .top { padding-top:7.309524vw; background-image:url('../img/foto-curso.jpg');}
.top h2 { display: block; text-transform: uppercase; color: #e9e7e7; font-size: 4.1666666667vw; line-height: 4.1666666667vw; font-family: "MinionPro-Bold", sans-serif; opacity:0; transition: 1s .5s; -webkit-transform: translateX(-500px); transform: translateX(-500px);} 
.loaded .top h2 { opacity:1; -webkit-transform: translateX(0); transform: translateX(0); }
.top h2 span { display:block; }
.contrataciones .top h2 {margin-top: 3vw; font-size: 4.1vw; line-height: 4.1vw; width: 40%;}
.top p { display:block; color:#e9e7e7; font-size:2.2222222222vw; line-height: 2.4vw; font-weight: 300; margin-top:1vw;opacity:0; transition: 1s .7s; -webkit-transform: translateX(-500px); transform: translateX(-500px);} 
.loaded .top p { opacity:1; -webkit-transform: translateX(0); transform: translateX(0); }
.top p span { display: block; }
.top p.chico { font-size: .8888888889vw; line-height: 1vw; width: 30.9523809524vw; }
.top .comprarcurso { display: table; position: relative; overflow: hidden; margin: 2vw 0 0 0vw; border: 2px solid #e9e7e7; border-radius: 40px; color: #e9e7e7; font-size: 1.1111111111vw; line-height: 3.1vw; padding: 0 2.31vw; cursor:pointer;}
.top .comprarcurso:hover { background:#e9e7e7; color:#232323; }

.soy { display:block; position:relative; overflow:hidden; width:100%; background:#232323; padding:3.3333333333vw 11.9047619048vw; }
.soy .imagen { display: inline-block; float: left; position: relative; overflow: hidden; width: 16.130952381vw; height: 16.130952381vw; background-repeat: no-repeat; background-position: center; background-size: cover; border: 10px solid #fff; border-radius: 50%; opacity:0; transition: 1s .5s; -webkit-transform: translateY(500px); transform: translateY(500px);} 
.soy.visible .imagen{ opacity:1; -webkit-transform: translateY(0); transform: translateY(0); }
.soy .marco { display: inline-block; float:left; position: relative; overflow: hidden; width: 39.261905vw; margin: 3.75vw 0 0 2.380952381vw; color: #fff; opacity:0; transition: 1s .7s; -webkit-transform: translateY(500px); transform: translateY(500px);} 
.soy.visible .marco{ opacity:1; -webkit-transform: translateY(0); transform: translateY(0); }
.soy .marco h2 { display: block; text-transform: uppercase; color: #e9e7e7; font-size: 3.3333333333vw; line-height: 3.3333333333vw; font-family: "MinionPro-Bold", sans-serif; }
.soy .marco p { display: block; color: #e9e7e7; font-size: .9444444444vw; line-height: 1.1vw; }
.soy .mas { display: inline-block; float: right; position: relative; overflow: hidden; margin: 8vw 0 0 3vw; border: 2px solid #e9e7e7; border-radius: 40px; color: #e9e7e7; font-size: 1.1111111111vw; line-height: 3.1vw; padding: 0 2.31vw; opacity:0; transition: 1s .9s; -webkit-transform: translateY(500px); transform: translateY(500px);} 
.soy.visible .mas{ opacity:1; -webkit-transform: translateY(0); transform: translateY(0); }
.soy .mas:hover { background:#e9e7e7; color:#232323; }

.marco1 { display:block; position:relative; overflow:hidden; background:#e9e7e7; padding:5.95vw 11.9047619048vw 4.16vw 11.9047619048vw; }
.marco1 h2 { display: block; text-align: center; text-transform: uppercase; font-size: 5.6666666667vw; line-height: 5.6666666667vw; font-weight: 800; }
.marco1 h2 span { font-family: "MinionPro-Bold", sans-serif; font-size:6.2222222222vw; line-height: 6.2222222222vw; }
.marco1 h3 { display: block; text-align:center; }
.marco1 h3 .linea { display:inline-block;  position:relative; overflow:hidden; width:1.7857142857vw; height:2px; background:#232323; vertical-align: top; margin-top: 0.7vw; }
.marco1 h3 p { display:inline-block;  position:relative; overflow:hidden; font-size:1.3333333333vw; line-height: 1.44vw; margin:0 .7738095238vw; font-weight: 400; }
.marco1 .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 25.4761904762vw; margin-top: 5.0445103858vw; opacity:0; transition: 1s .5s; -webkit-transform: translateX(-500px); transform: translateX(-500px);} 
.marco1 .izq.visible { opacity:1; -webkit-transform: translateX(0); transform: translateX(0); }
.marco1 .izq p { display: block; margin-bottom: 0.5vw; }

.marco1 .izq .comprarcurso { display: table; position: relative; overflow: hidden; margin: 1.66vw 0 0 0; border: 3px solid #232323; border-radius: 40px; color: #232323; font-size: 1.1111111111vw; line-height: 3.1vw; padding: 0 2.5vw; background:#e9e7e7; font-weight: 800; cursor:pointer;}
.marco1 .izq .comprarcurso img { display: inline-block; position: relative; width: 1.8452380952vw; height: auto; margin: 0 0 0 1vw; top: 0.5vw; }
.marco1 .izq .comprarcurso .icono { display: inline-block; position: relative; width: 1.8452380952vw; height: auto; margin: 0 0 0 1vw; top: 0.5vw; }
.marco1 .izq .comprarcurso .icono .icono1 { fill: #232323; fill-rule: evenodd; }
.marco1 .izq .comprarcurso:hover { background:#232323; color:#e9e7e7; }
.marco1 .izq .comprarcurso:hover .icono .icono1 { fill: #e9e7e7; fill-rule: evenodd; }

.marco1 .izq .mas { display: table; position: relative; overflow: hidden; margin: 1.66vw 0 0 0; border: 3px solid #232323; border-radius: 40px; color: #232323; font-size: 1.1111111111vw; line-height: 3.1vw; padding: 0 2.5vw; background:#e9e7e7; font-weight: 800; cursor:pointer;}
.marco1 .izq .mas img { display: inline-block; position: relative; width: 1.8452380952vw; height: auto; margin: 0 0 0 1vw; top: 0.5vw; }
.marco1 .izq .mas .icono { display: inline-block; position: relative; width: 1.8452380952vw; height: auto; margin: 0 0 0 1vw; top: 0.5vw; }
.marco1 .izq .mas .icono .icono1 { fill: #232323; fill-rule: evenodd; }
.marco1 .izq .mas:hover { background:#232323; color:#e9e7e7; }
.marco1 .izq .mas:hover .icono .icono1 { fill: #e9e7e7; fill-rule: evenodd; }

.marco1 .video { display: inline-block; float: right; position: relative; overflow: hidden; width: 47.619047619vw; height:30.3571428571vw; margin-top: 2.9761904762vw; background-color:#232323; }


.redes { display:block; position:relative; overflow:hidden; width:100%; background:#232323; padding:5.95vw 11.9047619048vw; }
.redes a { display: inline-block; float: left; position: relative; overflow: hidden; width: 5.2976190476vw;  margin-right: 0.7738095238vw; }
.redes a img { display:block; width:100%; height:auto; }

.redes p { display: inline-block; float: left; color: #e9e7e7; text-transform: uppercase; font-size: 2.1vw; line-height: 2.2vw; font-weight: 300; margin: 0.5vw 0 0 1vw; }
.redes p span { display:block; }
.redes .linea1 { display: block; position: absolute; top: 0; right: 5.9523809524vw; width: 3px; height: 9.3452380952vw; background: #e9e7e7; }
.redes .linea2 { display: block; position: absolute; top: 9.2261904762vw; right: 5.9523809524vw; width: 27.3214285714vw; height: 3px; background: #e9e7e7; }

.bcg { display:block; position:relative; overflow:hidden; width:100%; height:17.8571428571vw; background-repeat: no-repeat; background-position: center; background-size:cover; background-attachment: fixed; }

.contacto { display:block; position:relative; overflow:hidden; width:100%; background:#e9e7e7; padding:6.8452380952vw 11.9047619048vw 3.86vw 11.9047619048vw; }
.contacto .foto { display: inline-block; float: left; position: relative; overflow: hidden; width: 33.630952381vw; height: auto; }
.contacto .icono { display: block; position: absolute; width: 8.9285714286vw; height: auto; top: 11.0119047619vw; left: 41vw; }
.contacto form { display: inline-block; float: left; position: relative; overflow: hidden; width: 27.1428571429vw; margin: 7.380952381vw 0 0 6.1904761905vw; }
.contacto form h2 { color: #232323; font-family: "MinionPro-Bold", sans-serif; font-size: 3.6111111111vw; line-height: 3.6111111111vw; }
.contacto form input, .contacto form textarea { border: 2px solid #232323; border-radius: 6px; color: #232323; font-weight: 500; background:#e9e7e7; padding:.8vw .5vw;}
.contacto form button {     background: #232323; width: 100%; border-radius: 6px; font-size: 1.3333333333vw; line-height: 2.7vw; border: 2px solid #232323; margin-top:0;}
.contacto form button:hover { background:#e9e7e7; color:#232323; }

.mihistoria { display:block; position:relative; width:100%; background:#e9e7e7; padding:10vw 11.9047619048vw 6.8452380952vw 11.9047619048vw; min-height:46.7261904762vw;}
.mihistoria .imagen { width: 16.130952381vw; height: 16.130952381vw; background-repeat: no-repeat; background-position: center; background-size: cover; border: 10px solid #fff; border-radius: 50%; display: block; position: absolute; left: 11.9047619048vw; top: -9vw; z-index: 99; }
.mihistoria .flecha { display: block; position: absolute; left: 4.4047619048vw; top: 12.5vw; width: 5.4761904762vw; height: auto; }
.mihistoria .marco { display: inline-block; float: left; position: relative; overflow: hidden; width: 32.4166666667vw; }
.mihistoria .marco h3 { display: block; text-transform: uppercase; color: #232323; font-size: 2.7777777778vw; line-height: 2.7777777778vw; font-family: "MinionPro-Regular", sans-serif; }
.mihistoria .marco h2 { display: block; text-transform: uppercase; color: #232323; font-size: 3.8888888889vw; line-height: 3.8888888889vw; font-family: "MinionPro-Bold", sans-serif; padding-bottom:2vw; }
.mihistoria .marco p { display:block; margin-top:1vw; }

.mihistoria .video { display: inline-block; float: right; position: relative; overflow: hidden; width: 36.9047619048vw; background: #232323; height: 23.75vw; margin-top: 6.4285714286vw; }

.contrataciones .marco1 { text-align:center; }
.contrataciones .fotocontrataciones { display:inline-block; width: 20.2380952381vw; height:auto; border-radius: 10px; margin:4.2857142857vw 1.7857142857vw 0 0;}
.contrataciones .bloques { display: inline-block; width: 38.2142857143vw; margin-top: 4.2857142857vw; position: relative; overflow: hidden; vertical-align: top; text-align: left; padding-bottom:2.5vw;}
.contrataciones .bloques .bloque1 { display:block; position:relative; width:100%; height:26.6071428571vw; background:#232323; border-radius:10px; padding:4.4047619048vw 2.7976190476vw; }
.contrataciones .bloques .bloque1 h3 { display: block; color: #e9e7e7; text-align: left; text-transform: uppercase; font-size: 1.3888888889vw; line-height: 1.4vw; font-weight: 800; }
.contrataciones .bloques .bloque1 h2 { display: block; color: #e9e7e7; text-align: left; text-transform: uppercase; font-size: 4.4444444444vw; line-height: 4.4444444444vw; font-family: "MinionPro-Bold", sans-serif; margin-top:1vw; }
.contrataciones .bloques .bloque1 .precio { display:block; font-size:2.2222222222vw; line-height: 2.2222222222vw; color: #e9e7e7; }
.contrataciones .bloques .bloque1 .precio span { font-weight: 900; }
.contrataciones .bloques .bloque1 p { display: block; color: #e9e7e7; font-size: .9222222222vw; line-height: 1.1vw; margin-top: 1vw; font-weight: 400;  }

.contrataciones .bloques .bloque1 .whatsapp { display: block; position: absolute; left: 2.5595238095vw; bottom: -1.5vw; overflow: hidden; background: #e9e7e7; color: #232323; font-size: 1.1555555556vw; margin: 2.4vw 0 0 3.4523809524vw; padding: 0.9vw 4vw 0 4vw; border-radius: 40px; border: 2px solid #232323; margin-left: 1.0714285714vw; height: 4.0476190476vw;}
.contrataciones .bloques .bloque1 .whatsapp img { display: inline-block; float: left; position: relative; overflow: hidden; width: 2.2619047619vw; height: auto; }
.contrataciones .bloques .bloque1 .whatsapp .icono { display: inline-block; float: left; position: relative; overflow: hidden; width: 2.2619047619vw; height: auto; }
.contrataciones .bloques .bloque1 .whatsapp .icono .icono1 { fill: #232323; fill-rule: evenodd; }
.contrataciones .bloques .bloque1 .whatsapp p { display: inline-block; float: left; position: relative; overflow: hidden; margin-left: 0.5vw; font-size: 1.3888888889vw; line-height: 2vw; font-weight: 900; color: #232323; margin-top: 0;}
.contrataciones .bloques .bloque1 .whatsapp:hover { color:#e9e7e7; background:#232323; }
.contrataciones .bloques .bloque1 .whatsapp:hover .icono .icono1 { fill: #e9e7e7; fill-rule: evenodd; }
.contrataciones .bloques .bloque1 .whatsapp:hover p { color:#e9e7e7; }

.contrataciones .bloques .bloque2 { display:block; position:relative; width:100%; height:26.6071428571vw; background:#e9e7e7; border:2px solid #232323; border-radius:10px; margin-top:4.5vw; padding:4.4047619048vw 2.7976190476vw;}

.contrataciones .bloques .bloque2 h3 { display: block; color: #232323; text-align: left; text-transform: uppercase; font-size: 1.3888888889vw; line-height: 1.4vw; font-weight: 800; }
.contrataciones .bloques .bloque2 h2 { display: block; color: #232323; text-align: left; text-transform: uppercase; font-size: 4.4444444444vw; line-height: 4.4444444444vw; font-family: "MinionPro-Bold", sans-serif; margin-top:1vw; }
.contrataciones .bloques .bloque2 .precio { display:block; font-size:2.2222222222vw; line-height: 2.2222222222vw; color: #232323; }
.contrataciones .bloques .bloque2 .precio span { font-weight: 900; }
.contrataciones .bloques .bloque2 p { display: block; color: #232323; font-size: .9222222222vw; line-height: 1.1vw; margin-top: 1vw; font-weight: 400;  }

.contrataciones .bloques .bloque2 .whatsapp { display: block; position: absolute; left: 2.5595238095vw; bottom: -2vw; overflow: hidden; background: #232323; color: #e9e7e7; font-size: 1.1555555556vw; margin: 2.4vw 0 0 3.4523809524vw; padding: 0.9vw 4vw 0 4vw; border-radius: 40px; border: 2px solid #232323; margin-left: 1.0714285714vw; height: 4.0476190476vw;}
.contrataciones .bloques .bloque2 .whatsapp img { display: inline-block; float: left; position: relative; overflow: hidden; width: 2.2619047619vw; height: auto; }
.contrataciones .bloques .bloque2 .whatsapp .icono { display: inline-block; float: left; position: relative; overflow: hidden; width: 2.2619047619vw; height: auto; }
.contrataciones .bloques .bloque2 .whatsapp .icono .icono1 { fill: #e9e7e7; fill-rule: evenodd; }
.contrataciones .bloques .bloque2 .whatsapp p { display: inline-block; float: left; position: relative; overflow: hidden; margin-left: 0.5vw; font-size: 1.3888888889vw; line-height: 2vw; font-weight: 900; color: #e9e7e7; margin-top: 0;}
.contrataciones .bloques .bloque2 .whatsapp:hover { color:#232323; background:#e9e7e7; }
.contrataciones .bloques .bloque2 .whatsapp:hover .icono .icono1 { fill: #232323; fill-rule: evenodd; }
.contrataciones .bloques .bloque2 .whatsapp:hover p { color:#232323; }

.curso .izq h4 { display:block; color:#232323; font-size:1.6666666667vw; line-height: 1.8vw; font-weight: 900; }
.curso .izq p { display:block; color:#232323; margin-top:1vw; }
.curso .marco1 .izq .mas {display: table; position: relative; overflow: hidden; margin: 1.66vw 0 0 0; border: 3px solid #232323; border-radius: 40px; color: #232323; font-size: 1.1577777778vw; line-height: 3.1vw; padding: 0 2.5vw; background: #e9e7e7; font-weight: 800; cursor:pointer;}
.curso .marco1 .izq .mas .icono { display: inline-block; position: relative; width: 1.8452380952vw; height: auto; margin: 0 0 0 1vw; top: 0.5vw; }
.curso .marco1 .izq .mas .icono .icono1 { fill: #232323; fill-rule: evenodd; }
.curso .marco1 .izq .mas:hover { background:#232323; color:#e9e7e7; }
.curso .marco1 .izq .mas:hover .icono .icono1 { fill: #e9e7e7; fill-rule: evenodd; }

.curso .textos { display:block; position:relative; overflow:hidden; width:100%; background:#e9e7e7; padding: 0 11.9047619048vw 4vw 11.9047619048vw; }
.curso .textos h4 { display:block; color:#232323; font-size:1.6666666667vw; line-height: 1.8vw; font-weight: 900; }
.curso .textos h4.contop { margin-top:1.5vw;  }
.curso .textos p { display:block; color:#232323; margin-top:1vw; }

.curso ul.datos { display:block; position:relative; overflow:hidden; width:100%; background:#e9e7e7; padding: 0 11.9047619048vw 4vw 11.9047619048vw; }
.curso .datos li { display: inline-block; float: left; position: relative; overflow: hidden; width: 31%; vertical-align: top; margin-right: 2.3vw; padding-right: 2.3vw; border-right: 1px solid #232323; padding-top: 1.3vw; padding-bottom: 1.3vw; min-height: 11.9047619048vw; }
.curso .datos li:last-child { margin-right: 0; padding-right: 0; border-right: 0; }
.curso .datos li h3 { display:block; font-family: "MinionPro-Bold", sans-serif; font-size:1.3888888889vw; line-height: 1.3888888889vw; text-transform: uppercase; }
.curso .datos li p { display:block; margin-top: .5vw; }

.curso .contenido { display:block; position:relative; overflow:hidden; width:100%; background:#e9e7e7; padding: 0 11.9047619048vw 4vw 11.9047619048vw; }
.curso .contenido ul.imgscurso { display: inline-block; float: left; position: relative; overflow: hidden; width: 33.630952381vw; height: 38.09vw; }
.curso .contenido .imgscurso li { display: inline-block; float: left; position: relative; overflow: hidden; width: 33.630952381vw; height: 38.09vw; background-repeat: no-repeat; background-position: center; background-size:cover;}


.curso .contenido .der { display: inline-block; float: right; position: relative; overflow: hidden; width: 39.880952381vw; padding-top:2.9761904762vw;}
.curso .contenido .der h3 { display: block; font-size: 2.7777777778vw; line-height: 3vw; text-transform: uppercase; font-weight: 900;  }
.curso .contenido .der h3 span { display: block; font-family: "MinionPro-Bold", sans-serif; font-style: italic; text-transform: none; font-size: 1.9444444444vw; line-height: 1.9444444444vw; }
.curso .contenido .der .flechacontenido { display: block; width: 5.4761904762vw; height: auto; position: absolute; top: 3vw; left: 18vw; }
.curso .contenido .der .iconopdf { display: block; width: 7.1428571429vw; height: auto; position: absolute; top: 1vw; left: 25vw; }
.curso .contenido .der .iconovideo { display: block; width: 7.1428571429vw; height: auto; position: absolute; top: 1vw; left: 32.7vw; }
.curso .contenido .der p { display: block; margin-top: 2vw; }
.curso .contenido .der p.sintop { margin-top:1vw; }
.curso .contenido .der ul.listado { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 2vw; }
.curso .contenido .der .listado li { display:block; position:relative; overflow:hidden; width:100%; border-top:2px solid #232323; padding-top:.5vw; margin-top:.5vw; padding-left:.5vw; padding-right:.5vw; font-size:.9444444444vw; line-height: 1.1vw; font-weight: 400; }
.curso .contenido .der .listado li span { font-weight:900; }
.curso .contenido .der .listado li:last-child { border-bottom:2px solid #232323; padding-bottom:.5vw; margin-bottom:.5vw;  }

.curso .valores { display:block; position:relative; overflow:hidden; width:100%; background:#e9e7e7; padding: 0 11.9047619048vw 6vw 11.9047619048vw; }
.curso .valores .flechavalores { display: inline-block; float: left; margin-left: 2.7380952381vw; width: 5.4761904762vw; height: auto; margin-right: 2.2619047619vw; margin-top:3.8vw;}

.curso .valores h2 { display: block; text-align: center; text-transform: uppercase; font-size: 5.6666666667vw; line-height: 5.6666666667vw; font-weight: 800; margin-bottom:2vw;}
.curso .valores h2 span { font-family: "MinionPro-Bold", sans-serif; font-size:6.2222222222vw; line-height: 6.2222222222vw; }

.curso .valores .bloque1 { display:inline-block;float:left;  position:relative; width:20.5952380952vw; height:auto background:#e9e7e7; border:3px solid #232323; border-radius:10px; padding:4.4047619048vw 2.7976190476vw;}

.curso .valores .bloque1 h4 { display: block; color: #232323; text-align: left; text-transform: uppercase; font-size: 1.6666666667vw; line-height: 1.8vw; font-weight: 800; }
.curso .valores .bloque1 h3 { display: block; color: #232323; text-align: left; text-transform: uppercase; font-size: 3.3333333333vw; line-height: 3.3333333333vw;  margin-top:1vw; font-weight: 900; font-family: "MinionPro-Bold", sans-serif; }
.curso .valores .bloque1 .precio { display:block; font-size:2.2222222222vw; line-height: 2.2222222222vw; color: #232323; }
.curso .valores .bloque1 .precio span { font-weight: 900; }
.curso .valores .bloque1 p { display: block; color: #232323; font-size: .9222222222vw; line-height: 1.1vw; margin-top: 1vw; text-transform: uppercase;
    font-weight: 900; }
.curso .valores .bloque1 ul { display:block; position:relative; overflow:hidden; width:100%; margin-top: .2vw; }

.curso .valores .bloque2 { display:inline-block; float:left; position:relative; width:48%; height:auto; background:#232323; border-radius:10px; margin-left:1.1904761905vw; padding:4.4047619048vw 2.7976190476vw; height:28.3928571429vw;}
.curso .valores .bloque2#right { float:right; height:28.3928571429vw;}
.curso .valores .bloque2#grande { width:38.3928571429vw; height:auto;}

.curso .valores .bloque2 h4 { display: block; color: #e9e7e7; text-align: left; text-transform: uppercase; font-size: 1.6666666667vw; line-height: 1.8vw; font-weight: 800; }
.curso .valores .bloque2 h4.contop { margin-top:2vw; }
.curso .valores .bloque2 h3 { display: block; color: #e9e7e7; text-align: left; text-transform: uppercase; font-size: 3.3333333333vw; line-height: 3.3333333333vw;  margin-top:1vw; font-weight: 900;}
.curso .valores .bloque2 h3 span { font-weight: 300; }
.curso .valores .bloque2 .precio { display:block; font-size:2.2222222222vw; line-height: 2.2222222222vw; color: #e9e7e7; }
.curso .valores .bloque2 .precio span { font-weight: 900; }
.curso .valores .bloque2 p { display: block; color: #e9e7e7; font-size: .9222222222vw; line-height: 1.1vw; margin-top: 1vw; font-weight: 400;  }


.curso .valores .bloque2 .cupo { display: block; position: relative; overflow: hidden; width: 100%; border: solid #e9e7e7; border-width: 1px 0; padding: 0.5vw; margin: 1vw 0; }
.curso .valores .bloque2 .cupo p { display:block; font-size: 1.6111111111vw; line-height: 1.8vw; font-weight: 900; margin:0; text-transform: none;}
.curso .valores .bloque2 .cupo p span { font-weight: 400; }
.curso .valores .bloque2 p { display: block; color: #e9e7e7; font-size: .9222222222vw; line-height: 1.1vw; margin-top: 1vw; font-weight: 900; text-transform: uppercase;  }
.curso .valores .bloque2 .form_reserva { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 2vw; }
.curso .valores .bloque2 input { display: block; position: relative; overflow: hidden; width: 100%;  border: 2px solid #232323; border-radius: 6px; color: #232323; font-weight: 500; background: #e9e7e7; padding: 0.8vw 0.5vw; }
.curso .valores .bloque2 button { display: block; position: relative;  overflow: hidden; margin: 1vw 0 0 0; border: 3px solid #232323; border-radius: 40px; color: #232323; font-size: 1.1577777778vw; line-height: 3.1vw; padding: 0 2.5vw; background: #e9e7e7; font-weight: 800; cursor:pointer; }

.curso .valores .bloque2 ul { display:block; position:relative; overflow:hidden; width:100%; margin-top: .2vw; color:#e9e7e7; margin-bottom:2vw;}
.curso .valores .bloque2 .mas {display: block; position: absolute; left: 2.5595238095vw; bottom: -1.5vw; overflow: hidden; margin: 1.66vw 0 0 0; border: 3px solid #232323; border-radius: 40px; color: #232323; font-size: 1.1577777778vw; line-height: 3.1vw; padding: 0 2.5vw; background: #e9e7e7; font-weight: 800; cursor:pointer;}
.curso .valores .bloque2 .mas img { display: inline-block; width: 1.8452380952vw; height: auto; top: 0.5vw; position: relative; overflow: hidden; margin-left: 0.5vw; }
.curso .valores .bloque2 .mas .icono { display: inline-block; position: relative; width: 1.8452380952vw; height: auto; margin: 0 0 0 1vw; top: 0.5vw; }
.curso .valores .bloque2 .mas .icono .icono1 { fill: #232323; fill-rule: evenodd; }
.curso .valores .bloque2 .mas:hover { background:#232323; color:#e9e7e7; }
.curso .valores .bloque2 .mas:hover .icono .icono1 { fill: #e9e7e7; fill-rule: evenodd; }

.curso .valores .bloque2 .whatsapp { display: block; position: absolute; left: 2.5595238095vw; bottom: -2vw; overflow: hidden; background: #232323; color: #e9e7e7; font-size: 1.1555555556vw; margin: 2.4vw 0 0 3.4523809524vw; padding: 0.9vw 4vw 0 4vw; border-radius: 40px; border: 2px solid #232323; margin-left: 1.0714285714vw; height: 4.0476190476vw;}
.curso .valores .bloque2 .whatsapp img { display: inline-block; float: left; position: relative; overflow: hidden; width: 2.2619047619vw; height: auto; }
.curso .valores .bloque2 .whatsapp .icono { display: inline-block; float: left; position: relative; overflow: hidden; width: 2.2619047619vw; height: auto; }
.curso .valores .bloque2 .whatsapp .icono .icono1 { fill: #e9e7e7; fill-rule: evenodd; }
.curso .valores .bloque2 .whatsapp p { display: inline-block; float: left; position: relative; overflow: hidden; margin-left: 0.5vw; font-size: 1.3888888889vw; line-height: 2vw; font-weight: 900; color: #e9e7e7; margin-top: 0;}
.curso .valores .bloque2 .whatsapp:hover { color:#232323; background:#e9e7e7; }
.curso .valores .bloque2 .whatsapp:hover .icono .icono1 { fill: #232323; fill-rule: evenodd; }
.curso .valores .bloque2 .whatsapp:hover p { color:#232323; }


.curso .valores .bloque2 .botonPagarMP {display: block; position: absolute; left: 1.5595238095vw; bottom: -1.5vw; overflow: hidden; margin: 1.66vw 0 0 0; border: 3px solid #232323; border-radius: 40px; color: #232323; font-size: 1.1577777778vw; line-height: 3.1vw; padding: 0 2.5vw; background: #e9e7e7; font-weight: 800; cursor:pointer;}
.curso .valores .bloque2 .botonPagarMP img { display: inline-block; width: 1.8452380952vw; height: auto; top: 0.5vw; position: relative; overflow: hidden; margin-left: 0.5vw; }
.curso .valores .bloque2 .botonPagarMP .icono { display: inline-block; position: relative; width: 1.8452380952vw; height: auto; margin: 0 0 0 1vw; top: 0.5vw; }
.curso .valores .bloque2 .botonPagarMP .icono .icono1 { fill: #232323; fill-rule: evenodd; }
.curso .valores .bloque2 .botonPagarMP:hover { background:#232323; color:#e9e7e7; }
.curso .valores .bloque2 .botonPagarMP:hover .icono .icono1 { fill: #e9e7e7; fill-rule: evenodd; }

.curso .valores .bloque2 .botonSolicitar {display: block; position: absolute; right: 1.5595238095vw; bottom: -1.5vw; overflow: hidden; margin: 1.66vw 0 0 0; border: 3px solid #232323; border-radius: 40px; color: #232323; font-size: 1.1577777778vw; line-height: 3.1vw; padding: 0 2.5vw; background: #e9e7e7; font-weight: 800; cursor:pointer;}
.curso .valores .bloque2 .botonSolicitar img { display: inline-block; width: 1.8452380952vw; height: auto; top: 0.5vw; position: relative; overflow: hidden; margin-left: 0.5vw; }
.curso .valores .bloque2 .botonSolicitar .icono { display: inline-block; position: relative; width: 1.8452380952vw; height: auto; margin: 0 0 0 1vw; top: 0.5vw; }
.curso .valores .bloque2 .botonSolicitar .icono .icono1 { fill: #232323; fill-rule: evenodd; }
.curso .valores .bloque2 .botonSolicitar:hover { background:#232323; color:#e9e7e7; }
.curso .valores .bloque2 .botonSolicitar:hover .icono .icono1 { fill: #e9e7e7; fill-rule: evenodd; }


.curso .valores .bloque2 .botonPagarMPP {display: block; position: absolute; left: 1.5595238095vw; bottom: -1.5vw; overflow: hidden; margin: 1.66vw 0 0 0; border: 3px solid #232323; border-radius: 40px; color: #232323; font-size: 1.1577777778vw; line-height: 3.1vw; padding: 0 2.5vw; background: #e9e7e7; font-weight: 800; cursor:pointer;}
.curso .valores .bloque2 .botonPagarMPP img { display: inline-block; width: 1.8452380952vw; height: auto; top: 0.5vw; position: relative; overflow: hidden; margin-left: 0.5vw; }
.curso .valores .bloque2 .botonPagarMPP .icono { display: inline-block; position: relative; width: 1.8452380952vw; height: auto; margin: 0 0 0 1vw; top: 0.5vw; }
.curso .valores .bloque2 .botonPagarMPP .icono .icono1 { fill: #232323; fill-rule: evenodd; }
.curso .valores .bloque2 .botonPagarMPP:hover { background:#232323; color:#e9e7e7; }
.curso .valores .bloque2 .botonPagarMPP:hover .icono .icono1 { fill: #e9e7e7; fill-rule: evenodd; }

.curso .valores .bloque2 .botonSolicitarP {display: block; position: absolute; right: 1.5595238095vw; bottom: -1.5vw; overflow: hidden; margin: 1.66vw 0 0 0; border: 3px solid #232323; border-radius: 40px; color: #232323; font-size: 1.1577777778vw; line-height: 3.1vw; padding: 0 2.5vw; background: #e9e7e7; font-weight: 800; cursor:pointer;}
.curso .valores .bloque2 .botonSolicitarP img { display: inline-block; width: 1.8452380952vw; height: auto; top: 0.5vw; position: relative; overflow: hidden; margin-left: 0.5vw; }
.curso .valores .bloque2 .botonSolicitarP .icono { display: inline-block; position: relative; width: 1.8452380952vw; height: auto; margin: 0 0 0 1vw; top: 0.5vw; }
.curso .valores .bloque2 .botonSolicitarP .icono .icono1 { fill: #232323; fill-rule: evenodd; }
.curso .valores .bloque2 .botonSolicitarP:hover { background:#232323; color:#e9e7e7; }
.curso .valores .bloque2 .botonSolicitarP:hover .icono .icono1 { fill: #e9e7e7; fill-rule: evenodd; }

.formularios { display:block; position:relative; overflow:hidden; width:100%; background:#e9e7e7; padding:5vw 11.9047619048vw 5vw 11.9047619048vw; }
.formularios h2 { display: block; text-transform: uppercase; color: #232323; font-size: 2.7777777778vw; line-height: 2.7777777778vw; font-family: "MinionPro-Regular", sans-serif; }


footer { display:block; position:relative; width:100%; background:#fff; padding:0 11.9047619048vw 3.86vw 11.9047619048vw; background:#e9e7e7; text-align:center;}
footer .fondo { display:block; position:relative; overflow:hidden; width:100%;border-top:2px solid #232323; padding-top:2.619047619vw;  }
footer p { display:block; font-size:.7777777778vw; line-height: .9vw; }
footer p a:hover { color:#000; }


.formDatos { display: block; float: none; width: 100%; background: none; padding: 0; margin-top:1vw;}
.formDatos ol { display:block; position:relative; overflow:hidden; width:100%; margin:0; padding:0; }
.formDatos ol li { display:block; position:relative; overflow:hidden; width:100%; margin:0; padding:0; margin-bottom:.5vw; }
.formDatos ol li label { display:block; position:relative; overflow:hidden; width:100%; margin:0; padding:0; margin-bottom:.5vw; }
.formDatos ol li input { display:block; position:relative; overflow:hidden; width:100%; margin:0; padding:0; margin-bottom:.5vw; border: 1px solid #d3d3d4;
    padding: 0.5vw; color: #806c6f;}
.formDatos ol li select.fecha { display: inline-block; float: left; position: relative; overflow: hidden; margin-bottom: 0.5vw; border: 1px solid #d3d3d4; padding: 0.5vw; color: #806c6f; margin-right:.5vw; }
.formDatos ol li textarea { display:block; position:relative; overflow:hidden; width:100%; margin:0; padding:0; margin-bottom:.5vw; border: 1px solid #d3d3d4;
    padding: 0.5vw; color: #806c6f; height:4vw;}

.formDatos button.botonPagarMP { display: table; margin-top: 1vw; color: #fff; background: #806c6f; text-transform: uppercase; font-size: .8888888889vw; padding: 0.7vw 2vw; border: 1px solid #806c6f; cursor: pointer; width:100%; }
.formDatos button.botonPagarMP:hover { background:#ece9ea; color:#806c6f; }

.formDatos button.botonSolicitar { display: table; margin-top: 1vw; color: #fff; background: #0b3773; text-transform: uppercase; font-size: .8888888889vw; padding: 0.7vw 2vw; border: 1px solid #0b3773; cursor: pointer; width:100%; border-radius:32px;}
.formDatos button.botonSolicitar:hover { background:#fff; color:#0b3773; }

.formDatos button.botonPagarPaypal { display: table; margin-top: 1vw; color: #fff; background: #e05d16; text-transform: uppercase; font-size: .8888888889vw; padding: 0.7vw 2vw; border: 1px solid #e05d16; cursor: pointer; width:100%; border-radius:32px;}
.formDatos button.botonPagarPaypal:hover { background:#fff; color:#e05d16; }

.formDatos button.ingresar { display: table; margin-top: 1vw; color: #fff; background: #0b3773; text-transform: uppercase; font-size: .8888888889vw; padding: 0.7vw 2vw; border: 1px solid #0b3773; cursor: pointer; width:100%; border-radius:32px; }
.formDatos button.ingresar:hover { background:#fff; color:#0b3773;}

.datosCuenta { display: block; position: relative; overflow: hidden; width: 100%; padding-top: 2vw; }
.datosCuenta h3 { display:block; position:relative; overflow:hidden;  margin-top:1vw; margin-bottom:.5vw; }

.formularios form button {    display:block; color:#e9e7e7; cursor:pointer; background: #232323; width: 100%; border-radius: 6px; font-size: 1.3333333333vw; line-height: 2.7vw; border: 2px solid #232323; margin-top:0;}
.formularios form button:hover { background:#e9e7e7; color:#232323; }



.compras .mensaje { display: block; position: relative; overflow: hidden; width: 100%; }


.miscompras ul.listacompras { display: block; position: relative; overflow: hidden; width: 100%; }
.miscompras .listacompras li { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom:.2vw; padding-left:0;}
.miscompras .listacompras li.titulo { margin-top: 1vw; padding-top: 1vw; border-top: 1px solid #ccc; margin-bottom:1vw;  padding-left:0;}

.miscompras .listacompras li span {display: inline-block; float: left; position: relative; overflow: hidden; border: 1px solid #ccc; padding: 0.3vw 0.2vw 0.2vw 0.2vw; font-size: .7vw; line-height: .7vw; margin: 0 0.2vw 0.2vw 0;}
.miscompras .listacompras li span.tit { background: #0b3773; color: #fff; text-transform: uppercase; padding:0.3vw 0.4vw 0.2vw 0.4vw;}
.miscompras .listacompras li#chico2, .miscompras .listacompras li#chico, .listacompras li.cuantos { padding-left:2vw !important; }
.listacompras li.cuantos { font-family: 'Nunito-Bold', sans-serif;  margin-bottom:.5vw; }

.misdatos ul.listacompras { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom:1vw;}
.misdatos .listacompras li { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom:.2vw; padding-left:3vw;}
.misdatos .listacompras li.titulo { margin-top: 1vw; padding-top: 1vw; border-top: 1px solid #ccc; margin-bottom:1vw; font-family: 'Nunito-Bold', sans-serif; padding-left:3vw;}
.misdatos .listacompras li.titulo::before { content: ''; background:url('../img/bullet-mas.svg'); width: 1.9642857143vw; height: 2.2vw; display: block; position:absolute; top:1vw; left:0; background-size:cover; }
.misdatos .listacompras li#chico::before { content: ''; background:url('../img/bullet-mas.svg'); width: 1vw; height: 1.1vw; display: block; position:absolute; top:1vw; left:0; background-size:cover; }
.misdatos .listacompras li span {display: inline-block; float: left; position: relative; overflow: hidden; border: 1px solid #ccc; padding: 0.3vw 0.2vw 0.2vw 0.2vw; font-size: .7vw; line-height: .7vw; margin: 0 0.2vw 0.2vw 0;}
.misdatos .listacompras li span.tit { background: #0b3773; color: #fff; text-transform: uppercase; padding:0.3vw 0.4vw 0.2vw 0.4vw;}

.misdatos .listacompras li#chico2, .misdatos .listacompras li#chico, .listacompras li.cuantos { padding-left:2vw !important; }




/*--------- OVERLAYS ---------- COMPRAS */

.overlay {width: 29.02655vw; color: #232323; background-color: #fff; font-size: 0.94395vw; line-height: 1.17994vw; padding: 1.76991vw; overflow: hidden; transition: all .5s ease-in; transform-style: preserve-3d; transform: translateZ(600px) rotateX(20deg); border-radius:32px;}

.pop { display:block; position:relative; overflow:hidden; width:100%; }
.pop h2 { display:block; width:100%; color:#232323; text-transform:uppercase; font-size:1.4vw;  margin:0;}
.pop ol { display:block; position:relative; overflow:hidden; width:100%; margin-top:2vw; padding:0; }
.pop li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:.5vw; }
.pop label { display:block; position:relative; color:#232323; font-size:1.25vw; line-height:1.4vw; margin-bottom:.5vw; padding-left:.8vw; }
.pop label#labelterminos { display: inline-block; float: left; position: relative; overflow: hidden; font-size: .9vw; line-height: 1vw; margin: 0; }
.pop label#labelterminos::before { display:none; }
.pop input { display:block; position:relative; overflow:hidden; width:100%; background:#fff; border:1px solid #ccc; padding:.5vw; font-size:1vw; color:#232323; margin-bottom:0; font-weight:normal;}
.pop input#registro_terminos { display: inline-block; float: left; position: relative; width: 30px; }
.pop select.fecha { display: inline-block; float: left; margin-right: 0.5vw; background: #fff; border: 1px solid #ccc; padding: 0.3vw; font-size: .7vw; color: #232323; margin-bottom: 0.5vw;
    font-weight: normal; }
.pop label::before { content: "\f069"; font-family: FontAwesome; position: absolute; top: 0; left: 0; font-size: .5vw; color: #ff9900; z-index: 1; }
.pop .sin::before { content:none; }
.pop button { display:block; position:relative; overflow:hidden; background:#232323; padding:.5vw 1.5vw; color:#eeeff3; text-align:center; font-size:1.2vw;  margin:0 auto; border:0; cursor:pointer;  border:1px solid #232323; margin-top:1.5vw; margin-bottom:.2vw; clear:both; float:left; border-radius:6px;}
.pop button:hover { color:#232323; background:#eeeff3; }
.pop textarea { display:block; position:relative; overflow:hidden; width:100%; background:#fff; border:1px solid #ccc; padding:.5vw; font-size:1vw; color:#322f2f; margin-bottom:.5vw; font-weight:normal; height:5vw; overflow-y:auto;}   
.pop textarea#registro_condiciones { background:#eeeff3; color:#232323;}

.overlay .cerrarIngresar { display: block; position: absolute; top: .2vw; right: 1vw; font-size: 2vw; color: #232323; cursor:pointer; }
.overlay .cerrarIngresar:hover { color:#000; }  

.overlay .cerrarContacto { display: block; position: absolute; top: .2vw; right: 1vw; font-size: 2vw; color: #232323; cursor:pointer; }
.overlay .cerrarContacto:hover { color:#000; }  

.overlay .cerrarRegistrate { display: block; position: absolute; top: .2vw; right: 1vw; font-size: 2vw; color: #232323; cursor:pointer; }
.overlay .cerrarRegistrate:hover { color:#000; }  

.overlay .cerrarRecordar { display: block; position: absolute; top: .2vw; right: 1vw; font-size: 2vw; color: #232323; cursor:pointer; }
.overlay .cerrarRecordar:hover { color:#000; }  

.overlay .recuperar {     display: inline-block; font-size: 1vw; line-height: 1vw; color:#232323; float:left;}
.overlay .recuperar:hover { text-decoration: underline; }
.overlay .sinCuenta {     display: inline-block; font-size: 1vw; line-height: 1vw; color:#232323; margin-top:.5vw;}
.overlay .sinCuenta:hover { text-decoration: underline; }


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

  
}
 

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

  header { height:25vw; padding:0 30px; }
  header ul.menu, header .whatsapp, header .Menuusuario { display:none; }
  

  header h1 { width: 17.9166666667vw; margin-top: 8px; }
  header .comprarcurso { font-size: 17px; line-height: 19px; margin: 10.0416666667vw 0 0 50px; padding: 9px 0 0 0; border-radius: 40px; border: 2px solid #232323; height: 44px; width: 160px; text-align: center; }
  #click-menu {position: relative; display: inline-block; float:right; z-index: 99;  width: 37px; height: 33px; cursor: pointer; margin-top:9vw; } 
  #click-menu span {position: absolute; left: 0; right: 0; top: 15px; margin:0 auto; display: block; width: 23px; height: 4px; border-radius: 3px; background-color: #232323; transition: all .3s;}
  #click-menu span:nth-child(2) {top: 23px;}
  #click-menu span:nth-child(3) {top: 31px;}
  #click-menu.abierto span:nth-child(1) {top: 23px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  #click-menu.abierto span:nth-child(2) {opacity: 0; left: -60px; }
  #click-menu.abierto span:nth-child(3) {top: 23px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

   ul.menuMovil { display:none; position: fixed; top: 25vw; right: 0; width: 100%; padding: 30px; z-index: 999; background: #232323; }
   ul.menuMovil.abierto { display:block; }
   ul.menuMovil li {     display: block; position: relative; overflow: hidden; font-size: 18px; line-height: 20px; color: #fff; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff; text-transform: uppercase; text-align:center;}
   ul.menuMovil li:last-child { margin-bottom:0; padding-bottom:0; border:0; }

   main { margin-top:25vw; }
   .top { height:135.4166666667vw; padding:19vw 30px 0 30px; background-position: bottom right; background-color:#040404; background-image:url('../img/foto-curso-movil.jpg'); }
   .curso .top{ padding-top:23.309524vw; background-image:url('../img/foto-curso-movil.jpg');}
   .contrataciones .top { padding-top:7.309524vw; background-image:url('../img/foto-curso-movil.jpg');}
   .top h2 { font-size:52px; line-height: 52px; }
   .top p { font-size: 23px; line-height: 32px; width: 67%;}
   .top p span { display:unset; }

   .soy { padding: 80px 30px; text-align: center; }
   .soy .imagen {display: block; float: unset; position: relative; overflow: hidden; width: 56vw; height: 56vw; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; border: 10px solid #fff; border-radius: 50%; } 
   .soy .marco {display: block; float: unset; position: relative; overflow: hidden; width: 100%; margin: 30px 0 0 0; color: #fff; }
   .soy .marco h2 { font-size:45px; line-height: 45px; }
   .soy .marco p { font-size:16px; line-height: 18px; }
   .soy .mas {display: table; float: unset; position: relative; overflow: hidden; margin: 30px auto 0 auto; border: 2px solid #e9e7e7; border-radius: 40px; color: #e9e7e7; font-size: 18px; line-height: 20px; padding: 10px 0 0 0; width: 180px; height: 50px; }

   .marco1 { padding:55px 30px; }
   .marco1 h2 { font-size:40px; line-height: 44px; }
   .marco1 h2 span { display:block; font-size:40px; line-height: 40px; }
   .marco1 h3 p { font-size: 15px; line-height: 20px; margin: 0 5px; }
   .marco1 h3 .linea {display: inline-block; position: relative; overflow: hidden; width: 10px; height: 2px; background: #232323; vertical-align: top; margin-top: 10px; }
   .marco1 .video {display: block; float: none; position: relative; overflow: hidden; width: 100%; height: 67vw; margin-top: 20px; background-color: #232323; }
   .marco1 .izq {display: block; float: none; position: relative; overflow: hidden; width: 100%; margin-top: 20px; }
   .marco1 .izq p { font-size: 15px; line-height: 18px; }
   .marco1 .izq .mas {display: table; position: relative; overflow: hidden; margin: 20px auto 0 auto; border: 2px solid #232323; border-radius: 40px; color: #232323; font-size: 16px; line-height: 18px; padding: 5px 0 0 0; background: #e9e7e7; font-weight: 800; cursor: pointer; width: 166px; height: 46px; text-align: center; }
   .marco1 .izq .mas .icono {display: inline-block; position: relative; width: 24px; height: auto; margin: 0 0 0 5px; top: 5px; }

   .redes { padding:50px 30px; text-align:center; }
   .redes a {display: inline-block; float: unset; position: relative; overflow: hidden; width: 70px; margin-right: 10px; }
   .redes p {display: block; float: unset; color: #e9e7e7; text-transform: uppercase; font-size: 21px; line-height: 27px; font-weight: 300; margin: 20px 0 0 0; }
   .redes .linea1, .redes .linea2 { display:none; }

   .bcg { display:none; }
   .contacto { padding:0; }
   .contacto .foto {display: block; float: none; position: relative; overflow: hidden; width: 100%; height: auto; }
   .contacto .icono {display: block; position: absolute; width: 150px; height: auto; top: 122vw; left: 0; right: 0; margin: 0 auto; }
   .contacto form { display: block; float: none;  width: 100%; padding:120px 30px 50px 30px; margin:0; text-align:center;}
   .contacto form h2 {font-size:46px; line-height: 46px; }
   .contacto form input, .contacto form textarea, .curso .valores .bloque2 input {border: 2px solid #232323; border-radius: 6px; color: #232323; font-weight: 600; font-size: 16px; line-height: 18px; padding: 10px; }
   .contacto form textarea { height:100px; }
   .contacto form button { font-size:22px; line-height: 24px; }

   .mihistoria {display: block; position: relative; width: 100%; background: #e9e7e7; padding: 30px; min-height: auto; overflow: hidden; text-align:center; }
   .mihistoria .imagen { display: block; float: unset; position: relative; overflow: hidden; width: 56vw; height: 56vw; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; border: 10px solid #fff; border-radius: 50%; left:0; top:0; }
   .mihistoria .flecha { display:none; }
   .mihistoria .marco { padding:0; display:block; float:none; width:100%; margin-top:20px;}
   .mihistoria .marco h2 { font-size:40px; line-height: 44px; }
   .mihistoria .marco h2 span { display:block; font-size:40px; line-height: 40px; }
   .mihistoria .marco h3  { font-size: 33px; line-height: 33px;}
   .mihistoria .marco p {display: block; margin-top: 10px; text-align: left; font-size: 16px; line-height: 18px; }
   .mihistoria  .video {display: block; float: none; position: relative; overflow: hidden; width: 100%; height: 67vw; margin-top: 20px; background-color: #232323; }

  .contrataciones .top h2 {margin-top: 13vw; font-size: 34px; line-height: 38px; width: 60%; }
   .marco1 h2 img { display: none; }
   .contrataciones .marco1 h2 { font-size:35px; line-height: 35px; text-align: center; }
   .contrataciones .fotocontrataciones { display:none; }
   .contrataciones .bloques {display: block; width: 100%; margin-top: 20px; position: relative; overflow: hidden; vertical-align: top; text-align: left; padding-bottom: 50px; }
   .contrataciones .bloques .bloque1, .contrataciones .bloques .bloque2 {display: block; position: relative; width: 100%; height: auto; padding: 30px 30px 60px 30px; }
   .contrataciones .bloques .bloque2 { margin-top:60px; }
   .contrataciones .bloques .bloque1 h3, .contrataciones .bloques .bloque2 h3 { font-size:15px; line-height: 22px; }
   .contrataciones .bloques .bloque1 h2, .contrataciones .bloques .bloque2 h2 { font-size:45px; line-height: 45px; margin-top:10px; }
   .contrataciones .bloques .bloque1 .precio, .contrataciones .bloques .bloque2 .precio { font-size:30px; line-height: 30px; }
   .contrataciones .bloques .bloque1 p, .contrataciones .bloques .bloque2 p { font-size:16px; line-height: 18px; margin-top:10px; }
   .contrataciones .bloques .bloque1 .whatsapp, .contrataciones .bloques .bloque2 .whatsapp {display: table; position: absolute; left: 2.5595238095vw; bottom: -28px; left: 0; right: 0; overflow: hidden;  font-size: 16px; margin: 0 auto; padding: 10px 0 0 0; text-align: center; border-radius: 40px;  height: 60px; width: 245px; }
   .contrataciones .bloques .bloque1 .whatsapp .icono, .contrataciones .bloques .bloque2 .whatsapp .icono {display: inline-block; float: unset; position: relative; overflow: hidden; width: 35px; height: auto; }
   .contrataciones .bloques .bloque2 .whatsapp p, .contrataciones .bloques .bloque1 .whatsapp p {display: inline-block; float: unset; position: relative; overflow: hidden; margin-left: 10px; font-size: 22px; line-height: 24px; font-weight: 900;  margin-top: 0; vertical-align: top; padding-top: 6px; }
   .curso .izq h4 { font-size:25px; line-height: 27px; }
   .marco1 .izq .comprarcurso {display: table; position: relative; overflow: hidden; margin: 20px auto 0 auto; border: 3px solid #232323; border-radius: 40px; color: #232323; font-size: 18px; line-height: 20px; padding: 10px 0 0 0; background: #e9e7e7; font-weight: 800; cursor: pointer; width: 230px; height: 55px; text-align: center; }
   .marco1 .izq .comprarcurso .icono {display: inline-block; position: relative; width: 25px; height: auto; margin: 0 0 0 10px; top: 7px; }

   .top p.chico { display:none; }
   .top .comprarcurso {display: table; position: relative; overflow: hidden; margin: 20px 0 0 0vw; border: 2px solid #e9e7e7; border-radius: 40px; color: #e9e7e7; font-size: 20px; line-height: 22px; padding: 9px 0 0 0; cursor: pointer; width: 183px; height: 50px; text-align: center; }

   .curso ul.datos { padding:0 30px; }
   .curso .textos { padding:0 30px; }
   .curso .textos p {display: block; color: #232323; margin-top: 10px; font-size: 15px; line-height: 18px; }
   .curso .textos h4 { font-size:25px; line-height: 27px; }
   .curso .textos h4.contop { margin-top:20px; }
   .curso .contenido .imgscurso li { height:100vw; }
   .curso .contenido ul.imgscurso {display: block; float: none; position: relative; overflow: hidden; width: 100%; height: auto; }
   .curso .datos li {display: block; float: none; position: relative; overflow: hidden; width: 100%; vertical-align: top; margin-right: 0; padding-right: 0; border-right: 0; padding-top: 0; padding-bottom: 10px; min-height: auto; margin-bottom: 10px; border-bottom: 1px solid #232323; }
   .curso .datos li h3 { font-size:20px; line-height: 20px; }
   .curso .datos li p { font-size:16px; line-height: 18px; margin-top:5px; }
   .curso .datos li:last-child { margin-bottom:0; padding-bottom:0; border:0; }
   .curso .contenido { padding:30px 30px 0 30px; }
   .curso .contenido .fotocontenido {display: block; float: none; position: relative; overflow: hidden; width: 100%; height: auto; }
   .curso .contenido .der {display: block; float: none; position: relative; overflow: hidden; width: 100%; padding-top: 0; margin-top: 30px; }
   .curso .contenido .der h3 { font-size:30px; line-height: 30px; padding-top:5px;}
   .curso .contenido .der h3 span { font-size:25px; line-height: 27px; }
   .curso .contenido .der .iconopdf {display: block; width: 60px; height: auto; position: absolute; top: 0; left: unset; right: 64px; }
   .curso .contenido .der .iconovideo {display: block; width: 60px; height: auto; position: absolute; top: 0; left: unset; right: 0; }
   .curso .contenido .der .flechacontenido  { display:none; }
   .curso .contenido .der p { margin-top: 20px; }
   .curso .contenido .der ul.listado { margin-top:20px; }
   .curso .contenido .der .listado li {display: block; position: relative; overflow: hidden; width: 100%; border-top: 2px solid #232323; padding-top: 10px; margin-top: 10px; padding-left: 5px; padding-right: 5px; font-size: 16px; line-height: 18px; font-weight: 400; }
   .curso .contenido .der .listado li:last-child {border-bottom: 2px solid #232323; padding-bottom: 10px; margin-bottom: 10px; }
   .curso .valores { padding:30px 30px 60px 30px; }
   .curso .valores .flechavalores { display:none; }
   .curso .valores .bloque1 {display: block; float: none; position: relative; width: 100%; height: auto; background: #e9e7e7; border: 3px solid #232323; border-radius: 10px; padding: 27px; }
   .curso .valores .bloque1 h4, .curso .valores .bloque2 h4 { font-size:24px; line-height: 27px; }
   .curso .valores .bloque1 h3, .curso .valores .bloque2 h3 { font-size: 32px; line-height: 35px; margin-top: 10px; }

   .curso .valores .bloque2 {display: block; float: none; position: relative; width: 100%; height: auto;  border-radius: 10px; padding: 27px 27px 67px 27px; margin-left:0; margin-top: 10px; margin-bottom: 10px;}
   .curso .valores .bloque2 .cupo {display: block; position: relative; overflow: hidden; width: 100%; border: solid #e9e7e7; border-width: 1px 0; padding: 5px; margin: 10px 0; }
   .curso .valores .bloque2 .cupo p {display: block; font-size: 19px; line-height: 22px; font-weight: 900; margin: 0; text-transform: none; }
   .curso .valores .bloque2 p {display: block; color: #e9e7e7; font-size: 16px; line-height: 20px; margin-top: 10px; font-weight: 900; text-transform: none;  }
   .curso .valores .bloque2 ul {     margin-top: 5px; margin-bottom: 30px; }
   .curso .valores .bloque2 .mas {display: block; position: absolute; left: 2.5595238095vw; bottom: -4.5vw; overflow: hidden; left: 0; right: 0; margin: 0 auto; border: 3px solid #232323; border-radius: 40px; color: #232323; font-size: 22px; line-height: 24px; padding: 8px 0 0 0; background: #e9e7e7; font-weight: 800; cursor: pointer; width: 282px; height: 55px; text-align: center; }
   .curso .valores .bloque2 .mas .icono {display: inline-block; position: relative; width: 30px; height: auto; margin: 0 0 0 10px; top: 5px; }

   .formularios { padding:30px; }
   .formularios h2 { font-size:30px; line-height: 30px; }
   .formDatos { margin-top:20px; }
   .formularios form button { font-size:18px; line-height: 20px; }
   .curso .valores .bloque2 .botonPagarMPP, .curso .valores .bloque2 .botonSolicitarP, .curso .valores .bloque2 .botonPagarMP, .curso .valores .bloque2 .botonSolicitar, .curso .valores .bloque2 button { font-size: 14px; line-height: 20px; padding: 5px 10px; }

  .overlay {width: 80vw; color: #404040; background-color: #fff; font-size: 14px; line-height: 16px; padding: 20px; }
  .pop h2 { font-size:16px; line-height:18px; }
  .overlay .cerrarIngresar, .overlay .cerrarRegistrate, .overlay .cerrarRecordar, .overlay .cerrarContacto {display: block; position: absolute; top: 0.1vw; right: 10px; font-size: 20px;  cursor: pointer; }
  .pop ol { margin-top:20px; }
  .pop li { margin-bottom:10px; }
  .pop input {display: block; position: relative; overflow: hidden; width: 100%; background: #fff; border: 1px solid #ccc; padding: 5px; font-size: 14px;  margin-bottom: 5px; font-weight: normal; }
  .overlay .recuperar { font-size:14px; line-height: 16px; }
  .pop button {display: block; position: relative; overflow: hidden;  padding: 10px 20px; color: #fff; text-align: center; font-size: 16px; margin: 0 auto; border: 0; cursor: pointer; margin-top: 10px; margin-bottom: 5px; clear: both; float: left; }
  .overlay .sinCuenta {display: inline-block; font-size: 14px; line-height: 16px;  margin-top: 5px; }



  
  
  footer {  padding:0 30px 30px 30px; background:#e9e7e7; text-align:center;}
  footer .fondo { border-top:2px solid #232323; padding-top:30px;  }
  footer p {  font-size:14px; line-height: 16px; }
  
  .formDatos ol li label { margin-bottom:5px; font-size:16px; line-height: 18px; }
  .formDatos ol li textarea {display: block; position: relative; overflow: hidden; width: 100%; margin: 0; padding: 0; margin-bottom: 0.5vw; border: 1px solid #d3d3d4; padding: 5px; height: 20vw; }
  .formDatos button.botonSolicitar, .misdatos button {display: table; margin-top: 10px;  text-transform: uppercase; font-size: 13px; line-height: 18px; padding: 10px;  cursor: pointer; width: 100%; border-radius: 20px; }
  .formDatos button.botonPagarPaypal { display: table; margin-top: 10px; text-transform: uppercase; font-size: 13px; line-height: 18px; padding: 10px;  cursor: pointer; width: 100%; border-radius: 20px; }

  .compras .mensaje { margin-top:20px; font-size:16px; line-height: 18px;}
  
  .formDatos ol li { margin-bottom: 10px; }
  .formDatos ol li input { margin-bottom: 5px; padding:5px; }
  .miscompras .listacompras li.titulo {margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; margin-bottom: 10px;  font-size: 16px; line-height: 18px;}

  .miscompras .listacompras li {display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 5px; padding-left: 20px; }
  .miscompras .listacompras li span {display: inline-block; float: left; position: relative; overflow: hidden; border: 1px solid #ccc; padding: 3px; font-size: 14px; line-height: 16px; margin: 0 5px 5px 0; }
  .miscompras .listacompras li#chico2, .miscompras .listacompras li#chico {padding-left: 20px !important; }

  .pop select.fecha { padding: 5px 1px; font-size: 9px; color: #322f2f; margin-bottom: 5px; font-weight: normal; }
  .formDatos ol li select.fecha { padding: 5px 2px; color: #806c6f; margin-right: 2px; font-size: 9px; }
  
  .miscompras .listacompras li span.tit { padding:3px 5px; }
  .pop textarea {display: block; position: relative; overflow: hidden; width: 100%; background: #fff; border: 1px solid #ccc; padding: 5px; font-size: 14px; color: #322f2f; margin-bottom: 5px; font-weight: normal; height: 50px; overflow-y: auto; }
  .pop label#labelterminos { font-size:14px; line-height: 16px; }
  .curso .valores .bloque2 h4.contop { margin-top:20px; }
  .curso .valores h2 { font-size:40px; line-height: 40px; margin-bottom:20px;}
  .curso .valores h2 span { font-size:40px; line-height: 40px; display:block; }
  .curso .valores .bloque2#right { height:auto; }
  .curso .valores .bloque1 { display:none; }
  .curso .valores .bloque2#grande { width:100%; }
  .mi-historia .top { display:none; }
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}