@charset "utf-8";

/* FONTS */


/* latin-ext */


/*@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/


/* latin */


/*@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}*/


/* latin-ext */


/*@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/


/* latin */


/*@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}*/


/* latin-ext */


/*@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/


/* latin */


/*@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}*/


/* latin-ext */


/*@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v11/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/


/* latin */


/*@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v11/tI4j516nok_GrVf4dhunkg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}*/


/*NORMALIZE*/


/*! normalize.css v3.0.1 | MIT License | git.io/normalize */


/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

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


/**
 * Remove default margin.
 */

body {
    margin: 0;
}


/* HTML5 display definitions
   ========================================================================== */


/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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


/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}


/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}


/* Links
   ========================================================================== */


/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}


/* Text-level semantics
   ========================================================================== */


/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}


/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}


/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}


/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* Embedded content
   ========================================================================== */


/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}


/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}


/* Grouping content
   ========================================================================== */


/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}


/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}


/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}


/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}


/* Forms
   ========================================================================== */


/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */


/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}


/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],

/* 1 */

input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}


/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}


/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}


/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}


/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}


/* Tables
   ========================================================================== */


/**
 * Remove most spacing between table cells.
 */

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

td,
th {
    padding: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}


/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.clear-div {
    clear: both;
}


/* MAIN SITE*/

body {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #2f2f2f
}

a {
    color: #1a87c0;
}


/******************************************************/


/* ESTRUCTURAS PRINCIPALES*****************************/


/******************************************************/

.container {
    width: 1200px !important;
    margin: 0 auto;
}


/* header */

#header {
    padding: 0px 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items:end;
}

#header h1.logo {
    float: left;
    margin: 0;
    padding: 0;
    max-width: 60%;
    padding: 20px 0px;
}

#header h1.logo a,
#header h1.logo a img {
    border: 0;
    width: 100%;
    height: auto;
    max-width: 380px;
}

#header .drCormillot {
    background: url(../img_old/drCormillot.png) no-repeat;
    background-size: contain;
    width: 110px;
    height: 95px;
    float: right;
    margin-right: 10px;
}

#header .login-box {
    float: right;
    width: 155px;
    margin-top: -5px;
}

#header .login-box input[type='text'],
#header .login-box input[type='password'] {
    float: right;
    font-size: 0.625em;
    font-weight: 400;
    color: #5e5e5e;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    width: 93%;
    text-align: left;
    margin: 2px 0px;
}

#header .login-box input[type='submit'] {
    color: #fff;
    background-color: #13720c;
    width: 100%;
    border: none;
    padding: 5px 0;
    font-size: 0.688em;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

#header .login-box a {
    font-size: 0.750em;
    color: #000;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding: 4px 0 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}


/* NAVMENU */

#navmenu {
    height: 30px;
    background: #13720c;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    position: relative;
}

#navmenu ul {
    margin: 0 auto;
    text-align: center;
    margin-top: 3px;
}

#navmenu ul li {
    display: inline-block;
    font-size: 1.063em;
    padding: 0px 10px;
    font-weight: 700;
    list-style-type: none;
}

#navmenu ul li.perfil {
    font-size: 1.250em
}

#navmenu ul li a {
    color: #d8db67;
    text-decoration: none;
}

#navmenu ul li a:hover,
#navmenu ul li a.active {
    color: #fefefe;
}

#navmenu .search-box {
    float: right;
    line-height: 30px;
    position: absolute;
    right: 20px;
    top: 10px;
}

#navmenu .search-box input[type='text'] {
    background: none;
    width: 180px;
    height: 30px;
    border: 0px;
    text-transform: uppercase;
    font-size: 1.063em;
    font-weight: 700;
    text-align: right;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

#navmenu .search-box input::-webkit-input-placeholder {
    color: #fff;
}

#navmenu .search-box input[type='submit'] {
    background: url(https://imagenes2.dietascormillot.com/front/icon-search.png) no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

#footer {
    margin-top: 40px;
    width: 100%;
    min-width: 100%;
    height: 120px;
    bottom: 0px;
    background: #313131;
    color: #ffffff;
}

#footer .container {
    padding:15px 0px;
    width: 1170px;
}

#footer .container .social {
	text-align: center;
}

#footer .container .social a {
    margin: 0px 9px;
    color: #fff;
    font-size: 52px;
}

#footer .container .social a:hover {
    color: #ddd;
}

#footer .container .datafiscal {
    float: right;
    margin-left: 15px;
}

#footer .container .disclaimer {
    margin-left: 10px;
    margin-top: 15px;
	text-align: center;
    font-size: 0.750em;
}

#footer .container .disclaimer a {
    color: #FFFFFF;
    margin: 0px 3px;
}


/******************************************************/


/* HOME ***********************************************/


/******************************************************/

.home-slider-container {
    margin: 20px 0px;
}

.home-slider-container video {
    max-width: 100%;
}

.home-slider,
.home-withoutslider,
.home-slider-vertical {
    margin: 0;
    padding: 0;
}

.home-slider li,
.home-withoutslider li,
.home-slider-vertical li {
    list-style: none;
}

.home-fotos-box .bx-controls-direction a.bx-prev{
    top: 96%;
    left: 35%;
}

.home-fotos-box .bx-controls-direction a.bx-next{
    top: 96%;
    right: 35%;
}

.home-slider img,
.home-withoutslider img,
.home-slider-vertical img {
    max-width: 100%;
    height: auto;
}

.home-perfil-box,
.box-login {
    float: left;
    min-height: 390px;
    border: 10px solid #b7b7b7;
    padding: 10px 25px;
    width: 357px;
    position: relative;
}

.home-fotos-box {
    float: left;
    border: 0;
    padding: 10px 5px;
    width: 427px;
    position: relative;
}

.box-login {
    float: none;
    margin: 100px auto;
    min-height: auto;
    font-size: 18px;
    text-align: center;
}

.home-perfil-box h2,
.box-login h2 {
    margin: 0;
    padding: 0;
    font-size: 2.125em;
    line-height: 20px;
    font-weight: 800;
    color: #13720c;
    margin-left: 3px;
    margin-bottom: 15px;
    text-align: left;
}

.home-perfil-box h3,
.box-login h3 {
    margin: 0;
    padding: 0;
    font-size: 1.438em;
    font-weight: 700;
    color: #000000;
    margin-left: 5px;
    text-align: left;
}

.home-perfil-box .inner-col {
    margin-bottom: 5px;
    font-size: 0.688em;
    float: left;
    margin-right: 13px;
    width: 164px;
}

.home-perfil-box label,
.box-login label {
    color: #434343;
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
}

.box-login label {
    display: inline-block;
    width: 120px;
    text-align: right;
    margin: 10px;
}

.home-perfil-box label.label-black {
    font-size: 1.182em;
    color: #000;
}

.home-perfil-box input[type='text'],
.home-perfil-box select,
.home-perfil-box input[type='email'],
.box-login input[type='text'],
.box-login input[type='password'] {
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #868686;
    color: #666666;
    font-weight: bold;
    padding: 4px;
    font-family: 'Lato', sans-serif;
}

.home-perfil-box input.error,
.home-perfil-box select.error {
    border: 1px solid #ff0000;
}

.box-login .texto-error-inner {
    font-weight: bold;
    color: red;
    font-size: 14px;
}

.home-perfil-box input[type='text'].xsmall {
    width: 37px;
    margin-right: 5px;
}

.home-perfil-box input[type='text'].small {
    width: 46px;
    margin-right: 5px;
}

.home-perfil-box input[type='text'].med {
    width: 142px;
    margin-right: 5px;
}

.home-perfil-box select.xsmall {
    width: 49px;
    margin-right: 1px;
    padding: 4px 0px;
}

.home-perfil-box select.small {
    width: 73px;
    margin-right: 5px;
}

.home-perfil-box select.med {
    width: 152px;
    margin-right: 5px;
}

.home-perfil-box .sexo-wrapper {
    position: relative;
    display: inline;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}

.home-perfil-box .sexo-wrapper label {
    display: inline-block;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #868686;
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px 7px;
    font-family: 'Lato', sans-serif;
    width: 14px;
    height: 16px;
    text-align: center;
    cursor: pointer;
}

.home-perfil-box .sexo-wrapper input {
    visibility: hidden;
    width: 0;
}

.home-perfil-box .sexo-wrapper label:hover {
    background: #13720c;
    color: #FFF;
}

.home-perfil-box .sexo-wrapper input:checked+label {
    background: #13720c;
    color: #FFF;
}

.home-perfil-box .continuar-container {
    clear: both;
    margin-top: 10px;
}

.home-perfil-box .continuar-container input[type='submit'],
.box-login input[type='submit'] {
    background: #13720c;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 900;
    padding: 5px 15px;
    border: 0;
    border-radius: 5px;
    margin-top: 15px;
    margin-left: 56px;
    -webkit-box-shadow: 2px 2px 2px 1px #B5B5B5;
    box-shadow: 2px 2px 2px 1px #B5B5B5;
}

.box-login input[type='submit'] {
    margin: 10px auto;
}

.home-perfil-box .continuar-container .checkbox-wrapper {
    position: relative;
    display: inline;
    float: left;
    margin: -10px 10px 0px 5px;
}

.home-perfil-box .continuar-container .checkbox-wrapper label {
    background: url(https://imagenes2.dietascormillot.com/front/form-checkbox-falso.png) no-repeat;
    width: 22px;
    height: 22px;
    background-position: 0px 0px;
}

.home-perfil-box .continuar-container .checkbox-wrapper input {
    visibility: hidden;
    width: 0;
}

.home-perfil-box .continuar-container .checkbox-wrapper input:checked+label {
    background-position: 0px -22px;
}

.home-perfil-box .continuar-container .text {
    float: left;
    color: #656565;
    font-size: 0.750em;
    line-height: 1em;
}

.home-perfil-box .continuar-container .text a {
    color: #656565
}

.home-perfil-box #form-small-home-error-texto {
    left: 370px;
    top: 228px;
    opacity: 1;
}

.home-perfil-box #form-small-home-error-texto.texto-error:before {
    left: 0%;
    margin-left: -10px;
    right: 100%;
    border-left: 0px;
    border-right: 9px solid #900;
}

.home-perfil-box #form-small-home-error-texto.texto-error.texto-error:after {
    left: 0%;
    margin-left: -8px;
    right: 100%;
    border-left: 0px;
    border-right: 8px solid #C33 !important;
}

.home-main,
.home-video {
    float: right;
    width: 760px;
}

.home-main h2 {
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 3.250em;
}

.home-main .home-video-popup-container {
    padding-top: 30px;
}

.home-porque-item {
    width: 260px;
    height: 100px;
    float: left;
    border-left: 10px solid #13720c;
    padding-left: 10px;
    margin-left: 15px;
    margin-bottom: 45px;
    /*clear:left;*/
    margin-right: 70px;
}

.home-porque-item h3 {
    color: #13720c;
    font-size: 1.250em;
    margin: 0;
    padding: 0;
}

.home-porque-item p {
    margin: 0;
}

.home-video-small {
    float: right;
    width: 416px;
    height: 230px;
    border: 8px solid #afafaf;
    background: url(https://imagenes2.dietascormillot.com/front/home-vid-background.jpg) center center;
    position: relative;
}

.home-video-small .description {
    position: absolute;
    top: 80px;
    left: 15px;
    width: 185px;
    color: #5f5f5f;
}

.home-video-small .description h4 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.home-video-small .description p {
    margin: 0;
    padding: 0;
}

.home-video-small .icon-play {
    width: 104px;
    height: 104px;
    background: url(https://imagenes2.dietascormillot.com/front/icon-play.png) no-repeat;
    position: absolute;
    left: 45%;
    top: 35%;
    z-index: 100;
}

.home-video-small a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 101;
    display: block;
}

.home-video-popup-container iframe {
    width: 760px;
    height: 310px;
    border: 0px;
    margin-top: -20px;
}

.home-4-col {
    float: left;
    width: 270px;
    height: 313px;
    border: 1px solid #b7b7b7;
    margin: 20px 0px;
    position: relative;
    margin-right: 10px;
    padding: 15px 10px;
}

.home-4-col h3 {
    font-size: 1.250em;
    margin: 0;
    padding: 0;
}

.home-col-descenso {
    background: url(../img_old/homeCol-descensoRapido.jpg);
	background-image: image-set(
	  url("../img_old/homeCol-descensoRapido.webp")
	);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.home-col-healthyweek {
    background: url(../img_old/homeCol-healthyWeek.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.home-col-viandas {
    float: right;
    background: url(../img_old/homeCol-viandas.jpg);
	background-image: image-set(
	  url("../img_old/homeCol-viandas.webp")
	);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0;
    position: relative;
}

.home-col-viandas a,
.home-col-descenso a,
.home-col-healthyweek a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-col-comunidad .item {
    padding: 20px 0px;
    height: 103px;
    border-bottom: 1px solid #b7b7b7;
    overflow: hidden;
    position: relative;
}

.home-col-comunidad .item .fecha {
    font-size: 0.750em;
}

.home-col-comunidad .item h4.title {
    font-size: 1.563em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 26px;
}

.home-col-comunidad .item h4.title a {
    color: #2f2f2f;
    text-decoration: none;
}

.home-col-comunidad .item h4.title a:hover {
    text-decoration: underline;
}

.home-col-comunidad .item .btn-participar {
    position: absolute;
    bottom: 5px;
    left: 0px;
    display: inline-block;
    background: #13720c;
    padding: 4px 8px;
    color: #FFF;
    font-size: 0.750em;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.home-col-comunidad .item a.btn-participar:hover {
    color: #eee;
}

.home-col-comunidad .separador {
    border-top: 1px solid #b7b7b7;
    height: 1px;
    font-size: 0px;
}

.home-col-historias .item {
    padding-top: 20px;
    overflow: hidden;
}

.home-col-historias .fotos-container {
    text-align: center;
}

.home-col-historias .fotos-container .foto {
    display: inline-block;
    text-align: center;
    margin: 0px 10px;
}

.home-col-historias .fotos-container .foto img {
    padding: 3px;
    background: #FFF;
    -webkit-box-shadow: 0 0 2px 1px #B5B5B5;
    box-shadow: 0 0 2px 1px #B5B5B5;
    height: 185px;
    width: auto;
}

.home-col-historias .fotos-container .foto p {
    margin: 0;
}

.home-col-historias .item {
    height: 268px;
}

.home-col-historias .item h4 {
    color: #13720c;
    font-size: 1.125em;
    font-weight: 300;
    margin: 0;
    margin-top: 10px;
}

.home-col-historias .item h4 a {
    color: #13720c;
    text-decoration: none;
}

.home-col-historias .item h4 a:hover {
    text-decoration: underline;
}

.home-col-historias .item p {
    font-size: 0.750em;
    margin: 0;
}

.home-col-chats .item {
    padding: 20px 0px 3px 0px;
    height: 120px;
    overflow: hidden;
}

.home-col-chats img {
    padding: 2px;
    background: #FFF;
    -webkit-box-shadow: 0 0 1px 1px #B5B5B5;
    box-shadow: 0 0 1px 1px #B5B5B5;
    float: left;
    margin-right: 8px;
    margin-bottom: 3px;
    margin-left: 3px;
}

.home-col-chats .fecha {
    font-size: 0.750em;
}

.home-col-chats h4.title {
    color: #13720c;
    font-size: 1.125em;
    font-weight: 300;
    margin: 0;
}

.home-col-chats h4.title a {
    color: #13720c;
    text-decoration: none;
}

.home-col-chats h4.title a:hover {
    text-decoration: underline;
}

.home-col-chats .profesional {
    font-size: 13px;
    font-weight: bold;
}

.home-col-chats p {
    font-size: 0.750em;
    margin: 0;
    clear: both;
}

.home-col-carrito {
    background: url(https://imagenes2.dietascormillot.com/front/home-carrito-banner.jpg);
    margin-right: 0;
}

.home-col-carrito a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.home-perfil-banner {
    background: #e1005f url(https://imagenes2.dietascormillot.com/front/home-perfil-banner-bg.png) 98% 50% no-repeat;
    color: #fecbe1;
    font-size: 1.875em;
    font-weight: 700;
    padding: 0px 30px;
    clear: both;
    margin: 25px 0px;
    height: 70px;
    line-height: 70px;
    position: relative;
    background-color: #e1005f;
}

.home-perfil-banner span {
    color: #FFF;
    margin-right: 60px;
    float: right;
}

.home-perfil-banner a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-perfil-banner-viandas {
    background: #e1005f url(https://imagenes2.dietascormillot.com/front/home-perfil-banner-bg.png) 98% 50% no-repeat;
    color: #e5cbfe;
    font-size: 2.2em;
    font-weight: 700;
    padding: 0px 30px;
    clear: both;
    margin: 25px 0px;
    height: 70px;
    line-height: 70px;
    position: relative;
    background-color: #92278f;
}

.home-perfil-banner-viandas span {
    color: #FFF;
    margin-right: 60px;
    float: right;
}

.home-perfil-banner-viandas a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-coronavirus {
    background-color: #e1005f;
    background-image: url(../img_old/coronavirus/bannerCorona.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: contain;
    color: #ffffff;
    font-size: 1.8em;
    font-weight: 700;
    padding: 0px 30px;
    clear: both;
    margin: 25px 0px;
    height: 70px;
    line-height: 70px;
    position: relative;
    background-color: #00a9e4;
}

.home-coronavirus span {
    color: #00a9e4;
    margin-right: 100px;
    float: right;
    background: #dcdadb;
    padding-left: 15px;
    font-size: 0.8em;
}

.home-coronavirus a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-notas-container {
    border: 1px solid #b7b7b7;
    padding: 20px;
}

.home-notas-container .item {}

.home-notas-container .item h3 {
    font-size: 1.625em;
    margin: 0;
    padding: 0;
    float: left;
    margin-bottom: 30px;
}

.home-notas-container .item .leer-todo {
    float: right;
    display: inline-block;
    background: #13720c;
    padding: 4px 8px;
    color: #FFF;
    font-size: 0.750em;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.home-notas-container .item img {
    padding: 10px;
    background: #FFF;
    -webkit-box-shadow: 0 0 1px 1px #B5B5B5;
    box-shadow: 0 0 1px 1px #B5B5B5;
    float: left;
    margin-right: 20px;
    margin-left: 3px;
    max-width: 500px;
    height: auto;
}

.home-notas-container .item .text-container {
    max-width: 1080px;
}

.home-notas-container .item .fecha {
    font-size: 0.875em;
    margin-top: 7px;
}

.home-notas-container .item h4.title {
    color: #13720c;
    font-size: 2.065em;
    font-weight: 700;
    margin: 15px 0px;
}

.home-notas-container .item h4.title a {
    color: #13720c;
    text-decoration: none;
}

.home-notas-container .item h5.bajada {
    font-size: 1.125em;
    font-weight: 700;
    margin: 15px 0px;
}

.home-notas-container .item p {
    font-size: 0.875em;
}

.home-notas-container .item .more-link {
    display: none;
    clear: both;
    background: #13720c;
    padding: 4px 8px;
    color: #FFF;
    font-size: .75em;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.home-notas-container .bx-wrapper .bx-controls-direction a.bx-prev {
    display: none;
}

.home-notas-container .bx-wrapper .bx-controls-direction a.bx-next {
    top: 60% !important;
}


/******************************************************/


/* ARTICULOS*******************************************/


/******************************************************/

.inner-content {
    margin: 30px 0px;
}

.inner-content .content {
    padding: 10px;
    width: 880px;
    float: left;
}

.inner-content .content img {
    padding: 10px;
    background: #FFF;
    -webkit-box-shadow: 0 0 1px 1px #B5B5B5;
    box-shadow: 0 0 1px 1px #B5B5B5;
    float: left;
    margin-right: 20px;
    margin-left: 3px;
}

.inner-content .content .fecha {
    font-size: 0.875em;
    margin-top: 7px;
}

.inner-content .content h2 {
    font-size: 1.250em;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}

.inner-content .content h3.title {
    color: #13720c;
    font-size: 2.065em;
    font-weight: 700;
    margin: 13px 0px;
}

.inner-content .content h4.bajada {
    font-size: 1.125em;
    font-weight: 700;
    margin: 10px 0px;
    line-height: 1.500em;
}

.inner-content .content h5.fecha {
    font-size: 0.875em;
    font-weight: normal;
    margin: 7px 0px;
}

.inner-content .content p {
    line-height: 1.250em
}

.inner-content .content a.art-ant {
    font-size: 0.875em;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    color: #3c3c3c;
    text-decoration: none;
    background: url(https://imagenes2.dietascormillot.com/front/icon-last.png) 0px 50% no-repeat;
    padding-left: 17px;
}

.inner-content .content a.art-sig {
    font-size: 0.875em;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    float: right;
    color: #3c3c3c;
    text-decoration: none;
    background: url(https://imagenes2.dietascormillot.com/front/icon-next.png) 100% 50% no-repeat;
    padding-right: 17px;
}

.inner-content .content .articulo-meta {
    margin: 20px 0px;
    padding: 10px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    clear: both;
    text-align: right;
}

.inner-content .sidebar {
    width: 260px;
    float: right;
    padding: 15px 0px;
}

.inner-content .sidebar h3 {
    padding: 5px 10px;
    background: #ededed;
    font-size: 1.125em;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 2px solid #c7c7c7;
}

.inner-content .sidebar ul.categorias {
    padding-left: 15px;
    margin-bottom: 10px;
}

.inner-content .sidebar ul.categorias li {
    list-style-type: none;
    background: url(https://imagenes2.dietascormillot.com/front/icon-sidebar-bullet.png) no-repeat 0px 4px;
    padding-left: 15px;
    margin: 15px 0px;
}

.inner-content .sidebar ul.categorias li a {
    text-decoration: none;
    color: #949494;
}

.inner-content .sidebar ul.categorias li a:hover {
    color: #2f2f2f
}

.inner-content .sidebar .publicidad {
    height: 230px;
    line-height: 230px;
    margin: 10px 0px;
    background: #f6f6f6;
    text-align: center;
}

.sidebar-tipoplan {
    padding: 12px;
}

.sidebar-tipoplan h4 {
    color: #13720c;
    font-weight: 900;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.sidebar-tipoplan p {
    font-size: 0.813em;
    margin-right: 50px;
    margin: 0;
    margin-top: 6px;
}

.sidebar-tipoplan .icon {
    width: 44px;
    height: 44px;
    float: right;
    background: url(https://imagenes2.dietascormillot.com/front/icon-descenso.png) no-repeat;
}

.sidebar-tipoplan .icon-tradicional {
    background-position: 0px 0px;
}

.sidebar-tipoplan .icon-rapido {
    background-position: 0px -45px;
}

.sidebar-tipoplan .icon-mantenimiento {
    background-position: 0px -92px;
}

.sidebar-plancomidas {
    padding: 12px;
}

.sidebar-plancomidas h5 {
    font-weight: 700;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.sidebar-plancomidas p {
    font-size: 0.813em;
    margin-right: 50px;
    margin: 0;
    margin-top: 6px;
}

.sidebar-exclusiones {
    padding: 12px;
}

.sidebar-exclusiones h5 {
    font-weight: 700;
    margin: 0;
    padding: 0;
    font-size: 1em;
    margin-bottom: 7px;
}

.sidebar-exclusiones ul {
    margin: 0;
    padding: 0;
}

.sidebar-exclusiones ul li {
    display: inline;
    list-style: none;
    margin: 0px;
    border: 1px solid #fff;
}

.sidebar-exclusiones img {
    margin-right: 1px;
    margin-bottom: 2px;
    width: 28px;
    height: 28px;
}

.interna-perfil-sidebar {
    float: left;
    border: 2px solid #13720c;
    width: 240px;
    padding: 10px;
    position: relative;
}

.interna-perfil-sidebar h2 {
    margin: 0;
    padding: 0;
    font-size: 1.85em;
    line-height: 20px;
    font-weight: 800;
    color: #13720c;
    margin-left: 3px;
    margin-bottom: 15px;
}

.inner-content .sidebar .interna-perfil-sidebar h3 {
    margin: 0;
    padding: 0;
    font-size: 1.250em;
    font-weight: 700;
    color: #000000;
    margin-left: 5px;
    background: 0px;
    border: 0px;
}

.interna-perfil-sidebar .inner-col {
    width: 110px;
    font-size: 0.688em;
    float: left;
    margin: 0px 5px;
    margin-bottom: 10px;
}

.interna-perfil-sidebar label {
    color: #434343;
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
}

.interna-perfil-sidebar label.label-black {
    font-size: 1.182em;
    color: #000;
}

.interna-perfil-sidebar input[type='text'],
.interna-perfil-sidebar input[type='email'],
.interna-perfil-sidebar select {
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #868686;
    color: #666666;
    font-weight: bold;
    padding: 4px;
    font-family: 'Lato', sans-serif;
}

.interna-perfil-sidebar input.error,
.interna-perfil-sidebar select.error {
    border: 1px solid #ff0000;
}

.interna-perfil-sidebar input.xsmall {
    width: 37px;
    margin-right: 2px;
}

.interna-perfil-sidebar input.small {
    width: 40px;
    margin-right: 2px;
}

.interna-perfil-sidebar input.med {
    width: 95px;
    margin-right: 2px;
}

.interna-perfil-sidebar select.xsmall {
    width: 32px;
    margin-right: 2px;
    padding: 3px 0px
}

.interna-perfil-sidebar select.small {
    width: 50px;
    margin-right: 2px;
    padding: 3px 4px;
}

.interna-perfil-sidebar select.med {
    width: 105px;
    margin-right: 2px;
}

.sexo-wrapper {
    position: relative;
    display: inline;
    float: left;
    margin-right: 5px;
    margin-top: 6px;
}

.sexo-wrapper label {
    display: inline-block;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #868686;
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px 7px;
    font-family: 'Lato', sans-serif;
    width: 14px;
    height: 16px;
    text-align: center;
    cursor: pointer;
}

.sexo-wrapper input {
    display: none;
}

.sexo-wrapper label:hover {
    background: #13720c;
    color: #FFF;
}

.sexo-wrapper input:checked+label {
    background: #13720c;
    color: #FFF;
}

.interna-perfil-sidebar .continuar-container {
    clear: both;
    margin-top: 10px;
}

.interna-perfil-sidebar .continuar-container input[type='submit'] {
    background: #ffa002;
    color: #000;
    text-transform: uppercase;
    font-weight: 900;
    padding: 5px 10px;
    border: 0;
    border-radius: 5px;
    margin: 15px auto;
    margin-left: 5px;
    -webkit-box-shadow: 2px 2px 2px 1px #B5B5B5;
    box-shadow: 2px 2px 2px 1px #B5B5B5;
}

.interna-perfil-sidebar .continuar-container .checkbox-wrapper {
    position: relative;
    display: inline;
    float: left;
    margin: -10px 10px 0px 0px;
}

.interna-perfil-sidebar .continuar-container .checkbox-wrapper label {
    background: url(https://imagenes2.dietascormillot.com/front/form-checkbox-falso.png) no-repeat;
    width: 22px;
    height: 22px;
    background-position: 0px 0px;
}

.interna-perfil-sidebar .continuar-container .checkbox-wrapper input {
    visibility: hidden;
    width: 0;
}

.interna-perfil-sidebar .continuar-container .checkbox-wrapper input:checked+label {
    background-position: 0px -22px;
}

.interna-perfil-sidebar .continuar-container .text {
    float: left;
    color: #656565;
    font-size: 0.625em;
    font-weight: 700;
    margin: 0px 10px;
    text-align: justify;
}

.interna-perfil-sidebar .continuar-container .text a {
    color: #656565;
}

.interna-perfil-sidebar #form-sidebar-error-texto {
    left: -270px;
    top: 220px;
    opacity: 1;
}

.interna-perfil-bottom {
    border: 2px solid #13720c;
    padding: 15px;
    position: relative;
}

.inner-content .content .interna-perfil-bottom h2 {
    margin: 0;
    padding: 0;
    font-size: 1.875em;
    line-height: 20px;
    font-weight: 800;
    color: #13720c;
    margin-left: 3px;
    margin-bottom: 15px;
}

.inner-content .content .interna-perfil-bottom h3 {
    margin: 0;
    padding: 0;
    font-size: 1.250em;
    font-weight: 700;
    color: #000000;
    margin-left: 5px;
    background: 0px;
    border: 0px;
}

.interna-perfil-bottom .container-col {
    width: 250px;
    float: left;
}

.interna-perfil-bottom .separador-col {
    margin-left: 20px;
    padding-right: 20px;
    border-left: 1px solid #d4d4d4;
    height: 110px;
    float: left;
}

.interna-perfil-bottom .inner-col {
    width: 110px;
    font-size: 0.688em;
    float: left;
    margin: 0px 5px;
    margin-bottom: 10px;
}

.interna-perfil-bottom label {
    color: #434343;
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
}

.interna-perfil-bottom label.label-black {
    font-size: 1.182em;
    color: #000;
}

.interna-perfil-bottom input[type='text'],
.interna-perfil-bottom input[type='email'],
.interna-perfil-bottom select {
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #868686;
    color: #666666;
    font-weight: bold;
    padding: 4px;
    font-family: 'Lato', sans-serif;
}

.interna-perfil-bottom input.error,
.interna-perfil-bottom select.error {
    border: 1px solid #ff0000;
}

.interna-perfil-bottom input.xsmall {
    width: 37px;
    margin-right: 2px;
}

.interna-perfil-bottom input.small {
    width: 40px;
    margin-right: 2px;
}

.interna-perfil-bottom input.med {
    width: 95px;
    margin-right: 2px;
}

.interna-perfil-bottom select.xsmall {
    width: 32px;
    margin-right: 2px;
    padding: 3px 0px
}

.interna-perfil-bottom select.small {
    width: 50px;
    margin-right: 2px;
    padding: 3px 4px;
}

.interna-perfil-bottom select.med {
    width: 105px;
    margin-right: 2px;
}

.interna-perfil-bottom .sexo-wrapper {
    position: relative;
    display: inline;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}

.interna-perfil-bottom .sexo-wrapper label {
    display: inline-block;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #868686;
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px 7px;
    font-family: 'Lato', sans-serif;
    width: 14px;
    height: 16px;
    text-align: center;
    cursor: pointer;
}

.interna-perfil-bottom .sexo-wrapper input {
    visibility: hidden;
    width: 0;
}

.interna-perfil-bottom .sexo-wrapper label:hover {
    background: #13720c;
    color: #FFF;
}

.interna-perfil-bottom .sexo-wrapper input:checked+label {
    background: #13720c;
    color: #FFF;
}

.interna-perfil-bottom .continuar-container {
    float: left;
    width: 260px;
}

.interna-perfil-bottom .continuar-container input[type='submit'] {
    background: #ffa002;
    color: #000;
    text-transform: uppercase;
    font-weight: 900;
    padding: 5px;
    border: 0;
    border-radius: 5px;
    margin: 15px auto;
    margin-left: 0px;
    -webkit-box-shadow: 2px 2px 2px 1px #B5B5B5;
    box-shadow: 2px 2px 2px 1px #B5B5B5;
}

.interna-perfil-bottom .continuar-container .checkbox-wrapper {
    position: relative;
    display: inline;
    float: left;
    margin: -10px 10px 0px 0px;
}

.interna-perfil-bottom .continuar-container .checkbox-wrapper label {
    background: url(https://imagenes2.dietascormillot.com/front/form-checkbox-falso.png) no-repeat;
    width: 22px;
    height: 22px;
    background-position: 0px 0px;
}

.interna-perfil-bottom .continuar-container .checkbox-wrapper input {
    visibility: hidden;
    width: 0;
}

.interna-perfil-bottom .continuar-container .checkbox-wrapper input:checked+label {
    background-position: 0px -22px;
}

.interna-perfil-bottom .continuar-container .text {
    float: left;
    color: #656565;
    font-size: 0.625em;
    font-weight: 700;
    text-align: justify;
}

.interna-perfil-bottom .continuar-container .text a {
    color: #656565;
}

.interna-perfil-bottom #form-footer-error-texto {
    left: 32px;
    top: 104px;
    opacity: 1;
}


/******************************************************/


/* FORMULARIO PASO 1***********************************/


/******************************************************/

.field_error,
input.error,
select.error,
textarea.error {
    border: 1px solid #F00 !important;
}

.field_ok,
input.ok,
select.ok,
textarea.ok {
    border: 1px solid #090 !important;
}

.form-content {}

.form-content a.banner-form img,
.form-content-pago a.banner-form img {
    -webkit-box-shadow: 0 0 2px 1px #B5B5B5;
    box-shadow: 0 0 2px 1px #B5B5B5;
}

.form-content-pago a.banner-form {
    margin-bottom: 10px;
    display: block;
}

.form-menu {
    background: #13720c;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: 31px;
    display: flex;
}

.form-menu .form-menu-container {
    width: 570px;
    margin: 0 auto;
}

.form-menu span {
    text-align: center;
    font-weight: 700;
    color: #FFF;
    font-size: 1.250em;
    text-transform: uppercase;
    padding-top: 3px;
    float: left;
}

.form-menu ul {
    text-align: center;
    margin: 0;
    padding: 0;
    margin-left: 15px;
    float: left;
}

.form-menu ul li {
    float: left;
    font-size: 1.063em;
    padding: 0px 10px;
    font-weight: 700;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-right: 10px;
}

.form-menu ul li a {
    color: #d8db67;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
}

.form-menu ul li a:hover,
.form-menu ul li a.active {
    color: #fefefe;
    background: #0d4a08;
}

.form-content .sidebar-container {
    float: left;
    width: 300px;
}

.form-content .sidebar,
.form-content-pago .sidebar {
    float: left;
    width: 300px;
    background: #f6f6f6;
    border-top: 4px solid #13720c;
    border-bottom: 4px solid #dedede;
}

.form-content .sidebar-container .sidebar {
    float: none;
}

.form-content-pago .sidebar {
    float: right;
    width: 250px;
    font-size: 0.9em;
    height: 437px;
}

.form-content .sidebar h3,
.form-content-pago .sidebar h3 {
    background: #969696;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 900;
    padding: 10px 15px;
    text-shadow: 1px 2px 2px #6B6B6B;
    margin: 0;
    font-size: 1em;
}

.form-content .sidebar .text,
.form-content-pago .sidebar .text {
    padding: 15px;
}

.form-content .sidebar .text p,
.form-content-pago .sidebar .text p {
    font-weight: bold;
    color: #333333;
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-content .sidebar .text ul,
.form-content-pago .sidebar .text ul {
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}

.form-content .sidebar .text li,
.form-content-pago .sidebar .text li {
    list-style-type: none;
    background: url(https://imagenes2.dietascormillot.com/front/icon-sidebar-bullet-dark.png) no-repeat 0px 4px;
    padding-left: 15px;
    margin: 5px 0px;
    color: #13720c;
}

.form-content .sidebar .text li b,
.form-content-pago .sidebar .text li b {
    font-weight: bold;
    color: #3752c6;
}

.form-content .sidebar p.sidebar-peso-actual {
    background: url(https://imagenes2.dietascormillot.com/front/icon-alert.png) center left no-repeat;
    padding-left: 20px;
    color: #666666;
    font-weight: normal;
}

.form-content .sidebar p.sidebar-desea-adelgazar {
    background: url(https://imagenes2.dietascormillot.com/front/icon-ok-green.png) center left no-repeat;
    padding-left: 20px;
    color: #666666;
    font-weight: normal;
}

.form-content .sidebar p.sidebar-calorias {
    background: url(https://imagenes2.dietascormillot.com/front/icon-calories.png) center left no-repeat;
    padding-left: 20px;
    color: #666666;
    font-weight: normal;
}

.form-content .sidebar p.sidebar-peso-actual strong,
.form-content .sidebar p.sidebar-desea-adelgazar strong,
.form-content .sidebar p.sidebar-calorias strong {
    color: #13720c;
    font-weight: 900;
}

.form-content .tour-virtual-link {
    float: left;
    display: block;
    width: 300px;
    height: 64px;
    background: url(https://imagenes2.dietascormillot.com/front/tour-virtual.png) no-repeat;
    margin-top: 30px;
}

.form-content form.formulario {
    float: right;
    width: 870px;
    margin-left: 30px;
}

.form-content form.formulario .col{
	min-height: auto;
}

.form-content form .form-container{
	float: none;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 1100px;
}

.form-content form .form-container .col:nth-child(1) { order: 1; }
.form-content form .form-container .col:nth-child(2) { order: 2; }
.form-content form .form-container .col:nth-child(4) { order: 3; }
.form-content form .form-container .col:nth-child(3) { order: 4; }
.form-content form .form-container .col:nth-child(5) { order: 5; }


.form-content form.formulario input[type='text'],
.form-content form.formulario input[type='email'],
.form-content form.formulario select {
    background: #efefef;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #868686;
    color: #666666;
    font-size: 0.813em;
    font-weight: bold;
    padding: 4px;
    font-family: 'Lato', sans-serif;
}

.form-content form.formulario input.error,
.form-content form.formulario select.error {
    border: 1px solid #ff0000;
}

.form-content form.formulario input.xsmall {
    width: 37px;
    margin-right: 5px;
}

.form-content form.formulario input.small {
    width: 65px;
    margin-right: 5px;
}

.form-content form.formulario input.med {
    width: 157px;
    margin-right: 5px;
}

.ui-autocomplete-search {
    background: #efefef url('../img_old/magnifier.png') 98% center no-repeat !important;
}

.ui-autocomplete-loading {
    background: #efefef url('../img_old/wheel.gif') 98% center no-repeat !important;
}

.provincia-container {}

.show-pais {
    display: none;
    font-size: 11px;
}

.form-content form.formulario select.xsmall {
    width: 45px;
    margin-right: 5px;
}

.form-content form.formulario select.small {
    width: 75px;
    margin-right: 5px;
}

.form-content form.formulario select.med {
    width: 156px;
    margin-right: 5px;
}

.form-content form.formulario label {
    font-size: 0.813em;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.form-content form.formulario label.label-green {
    color: #13720c;
}

.form-content form.formulario .col {
    float: left;
    width: 380px;
    margin-right: 25px;
    margin-top: 15px;
    margin-bottom: 25px;
}

.form-content form .form-container .col{
	height: auto;
}


.form-content form.formulario .col-big {
    width: 455px;
    margin-right: 0px;
}

.form-content form.formulario .full-col {}

.form-content form.formulario h3 {
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    color: #000;
    padding-bottom: 4px;
    border-bottom: 2px solid #13720c;
    font-size: 1em;
    margin-bottom: 20px;
}

.form-content form.formulario .col .inner-col {
    width: 165px;
    margin: 0px 25px 20px 0px;
    float: left;
    position: relative;
}

.form-content form.formulario .radio-wrapper {
    position: relative;
    display: inline;
    float: left;
    margin-right: 15px;
}

.form-content form.formulario .radio-wrapper label {
    display: inline-block;
    background: #efefef;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #868686;
    color: #666666;
    font-size: 0.813em;
    font-weight: bold;
    padding: 4px 7px;
    font-family: 'Lato', sans-serif;
    width: 14px;
    height: 16px;
    text-align: center;
    cursor: pointer;
}

.form-content form.formulario .radio-wrapper input {
    visibility: hidden;
    width: 0;
}

.form-content form.formulario .radio-wrapper label:hover {
    background: #13720c;
    color: #FFF;
}

.form-content form.formulario .radio-wrapper input:checked+label {
    background: #13720c;
    color: #FFF;
}

ul.circunferencia-list,
ul.tipoplan-list,
ul.tipomodalidad-list,
ul.tipodescenso-list{
    margin: 0;
    padding: 0;
    text-align: justify;
}

ul.circunferencia-list:after {
    content: '';
    width: 100%;
    /* Ensures there are at least 2 lines of text, so justification works */
    display: inline-block;
}

ul.circunferencia-list li,
ul.tipoplan-list li,
ul.tipomodalidad-list li,
ul.tipodescenso-list li{
    width: 143px;
    height: 220px;
    float: left;
    list-style: none;
    margin: 0px 3px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 0px;
    cursor: pointer;
    color: #666666;
    font-size: 0.875em;
    position: relative;
    text-align: center;
}

ul.tipoplan-list li,
ul.tipomodalidad-list li{
    height: 310px;
}

ul.circunferencia-list li{ 
	width:118px; 
	height: auto; 
}

ul.circunferencia-list li img{
	width: calc(100% - 12px);
	height: auto;
	padding: 0;
}
ul.tipodescenso-list li{ height:410px;}


ul.circunferencia-list li .checkbox,
ul.tipoplan-list li .checkbox,
ul.tipomodalidad-list li .checkbox,
ul.tipodescenso-list li .checkbox{
    background-image: url(https://imagenes2.dietascormillot.com/front/form-checkbox-plancomidas.png);
    width: 19px;
    height: 19px;
    top: 6px;
    right: 6px;
    position: absolute;
}

ul.circunferencia-list li.active .checkbox,
ul.tipoplan-list li.active .checkbox,
ul.tipomodalidad-list li.active .checkbox,
ul.tipodescenso-list li.active .checkbox{
    background-position: 0px -21px;
}

ul.circunferencia-list li p,
ul.tipoplan-list li p,
ul.tipomodalidad-list li p,
ul.tipodescenso-list li p{
    margin: 0;
    margin-top: 5px;
    padding: 4px 10px;
    text-align: left;
}
ul.tipodescenso-list li p{ text-align:left;}

ul.circunferencia-list li strong,
ul.tipoplan-list li strong,
ul.tipomodalidad-list li strong,
ul.tipodescenso-list li strong{
    font-weight: 700;
    color: #13720c;
}

ul.tipodescenso-list li strong{
    font-size: 1.1em;
    display: block;
    width: 90%;
    margin: 0 auto;
}

ul.circunferencia-list li img,
ul.tipoplan-list li img,
ul.tipomodalidad-list li img,
ul.tipodescenso-list li img{
	padding:6px;
}


ul.circunferencia-list li .circunferencia-title {
    height: 29px;
    line-height: 29px;
    padding: 0px 7px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    text-shadow: 1px 1px 1px #C9C9C9;
    text-align: left;
    font-size: 1.063em;
    font-weight: 900;
    letter-spacing: 1px;
    position: relative;
}

ul.tipodescenso-list li .descenso-title,
ul.tipoplan-list li .tipoplan-title,
ul.tipomodalidad-list li .tipoplan-title{
	padding:10px 7px 6px 7px;
	color:#FFF;
	font-weight:bold;
	text-shadow: 1px 1px 1px #C9C9C9;
	text-align:left;
	font-size:0.913em;
	font-weight:900;
	letter-spacing:1px;
	position:relative;
}


ul.circunferencia-list li.circunferencia-chica .circunferencia-title, 
ul.tipodescenso-list li.desc-tradicional .descenso-title, 
ul.tipoplan-list li.tipoplan-integral .tipoplan-title,
ul.tipomodalidad-list li.tipoplan-integral .tipoplan-title{ background:#f8a221;}

ul.tipoplan-list li.tipoplan-proage .tipoplan-title{background:#277b64;}
ul.tipoplan-list li.tipoplan-trigliceridos .tipoplan-title{background:#ce6b03;}
ul.tipoplan-list li.tipoplan-estetico .tipoplan-title{background:#58167d;}
ul.tipoplan-list li.tipoplan-colesterol .tipoplan-title{background:#e90b0b;}

ul.circunferencia-list li.circunferencia-media .circunferencia-title, 
ul.tipodescenso-list li.desc-rapido .descenso-title, 
ul.tipoplan-list li.tipoplan-proage .tipoplan-title,
ul.tipomodalidad-list li.tipoplan-proage .tipoplan-title{ background:#51c4ee;}

ul.circunferencia-list li.circunferencia-grande .circunferencia-title, 
ul.tipodescenso-list li.desc-mantenimiento .descenso-title, 
ul.tipoplan-list li.tipoplan-ayuno .tipoplan-title,
ul.tipomodalidad-list li.tipoplan-ayuno .tipoplan-title{ background:#ff4657;}

ul.tipodescenso-list li .icon{
    margin: 5px auto;
    width: 43px;
    height: 44px;
    background: url(https://imagenes2.dietascormillot.com/front/icon-descenso.png);
    margin-top: 4px;
}

ul.tipodescenso-list li .icon.tradicional{ background-position:0px 0px;}
ul.tipodescenso-list li .icon.rapido{ background-position:-45px 0px;}
ul.tipodescenso-list li .icon.mantenimiento{ background-position:-90px 0px;}


form.formulario .continuar-container {
    border-top: 1px solid #666666;
    width: 100%;
    clear: both;
    padding-top: 20px;
}

form.formulario .continuar-container input[type='submit'] {
    background: #ffa002;
    color: #010101;
    text-transform: uppercase;
    font-weight: 900;
    min-width: 175px;
    height: 30px;
    border: 0;
    float: right;
    border-radius: 5px;
}

a.btn-link-submit {
    display: inline-block;
    background: #ffa002;
    color: #010101;
    text-transform: uppercase;
    font-weight: 900;
    width: 175px;
    height: 30px;
    line-height: 30px;
    border: 0;
    float: right;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
}

.form-content form.formulario .continuar-container .checkbox-wrapper {
    position: relative;
    display: inline;
    float: left;
    margin: -10px 15px 0px 15px;
}

.form-content form.formulario .continuar-container .checkbox-wrapper label {
    background: url(https://imagenes2.dietascormillot.com/front/form-checkbox-falso.png) no-repeat;
    width: 22px;
    height: 22px;
    background-position: 0px 0px;
}

.form-content form.formulario .continuar-container .checkbox-wrapper input {
    visibility: hidden;
    width: 0;
}

.form-content form.formulario .continuar-container .checkbox-wrapper input:checked+label {
    background-position: 0px -22px;
}

.form-content form.formulario .continuar-container .text {
    float: left;
    color: #656565;
    font-size: 0.750em;
    width: 600px;
}

.form-content form.formulario .continuar-container .text a {
    color: #656565;
}

ul.plan-comidas {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

ul.plan-comidas li {
    width: 250px;
    border: 1px solid #969696;
    cursor: pointer;
    height: 340px;
    list-style: none;
    cursor: pointer;
    margin-bottom: 40px;
}

ul.plan-comidas li.active {
    border: 1px solid #13720c
}

ul.plan-comidas li h4 {
    font-weight: 900;
    text-transform: uppercase;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    padding: 0px 15px;
    margin: 0px;
    text-shadow: 1px 1px 1px #848383;
}

ul.plan-comidas li.plan-practico h4 {
    background: #f8a221;
}

ul.plan-comidas li.plan-combinado h4 {
    background: #51c4ee;
}

ul.plan-comidas li.plan-elaborado h4 {
    background: #ff4657;
}

ul.plan-comidas li h4 span.checkbox {
    float: right;
    background: url(https://imagenes2.dietascormillot.com/front/form-checkbox-plancomidas.png) no-repeat;
    width: 19px;
    height: 19px;
    display: block;
    margin-top: 5px;
}

ul.plan-comidas li.active h4 span.checkbox {
    background-position: 0px -21px;
}

ul.plan-comidas li p {
    color: #666666;
    font-size: 0.813em;
    padding: 15px 10px;
    margin: 0;
}

#plan-comidas {
    display: none;
}

ul.exclusiones-list {
    margin: 0;
    padding: 0;
}

ul.exclusiones-list li {
    width: 170px;
    margin-right: 15px;
    margin-bottom: 30px;
    height: 35px;
    cursor: pointer;
    float: left;
    list-style: none;
    cursor: pointer;
    float: left;
    font-size: 0.750em;
    color: #808080;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul.exclusiones-list li input[type='checkbox'] {
    display: none;
}

ul.exclusiones-list li.active {
    color: #2f2f2f;
}

ul.exclusiones-list li span {
    vertical-align: text-bottom;
    margin-right: 5px;
    width: 33px;
    height: 33px;
    display: inline-block;
}

ul.exclusiones-list li.exclusiones-carnevacuna span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-carnevacuna-on.png) no-repeat;
}

ul.exclusiones-list li.exclusiones-carneaves span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-carnepollo-on.png) no-repeat;
}

ul.exclusiones-list li.exclusiones-pescado span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-pescado-on.png) no-repeat;
}

ul.exclusiones-list li.exclusiones-leche span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-leche-on.png) no-repeat;
}

ul.exclusiones-list li.exclusiones-queso span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-queso-on.png) no-repeat;
}

ul.exclusiones-list li.exclusiones-huevo span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-huevo-on.png) no-repeat;
}

ul.exclusiones-list li.exclusiones-soja span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-soja-on.png) no-repeat;
}

ul.exclusiones-list li.exclusiones-alcohol span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-alcohol-on.png) no-repeat;
}

ul.exclusiones-list li.active.exclusiones-carnevacuna span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-carnevacuna-off.png) no-repeat;
}

ul.exclusiones-list li.active.exclusiones-carneaves span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-carnepollo-off.png) no-repeat;
}

ul.exclusiones-list li.active.exclusiones-pescado span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-pescado-off.png) no-repeat;
}

ul.exclusiones-list li.active.exclusiones-leche span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-leche-off.png) no-repeat;
}

ul.exclusiones-list li.active.exclusiones-queso span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-queso-off.png) no-repeat;
}

ul.exclusiones-list li.active.exclusiones-huevo span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-huevo-off.png) no-repeat;
}

ul.exclusiones-list li.active.exclusiones-soja span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-soja-off.png) no-repeat;
}

ul.exclusiones-list li.active.exclusiones-alcohol span {
    background: url(https://imagenes2.dietascormillot.com/front/exclusiones/icon-alcohol-off.png) no-repeat;
}

ul.enfermedades-list {
    margin: 0;
    padding: 0;
}

ul.enfermedades-list li {
    width: 270px;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    float: left;
    list-style: none;
    cursor: pointer;
    float: left;
    font-size: 0.875em;
    height: 45px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul.enfermedades-list li p {
    width: 90%;
    display: inline;
    color: #13720c;
    margin: 0;
}

ul.enfermedades-list li p strong {
    color: #2f2f2f;
    font-weight: bold;
}

ul.enfermedades-list li span.icon {
    float: left;
    background: url(https://imagenes2.dietascormillot.com/front/form-checkbox-falso.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 7px;
}

ul.enfermedades-list li.active span.icon {
    background-position: 0px -22px;
}

ul.enfermedades-list li input[type='checkbox'] {
    display: none;
}

.perfil-nutricional-dos-pasos {
    padding: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    position: relative;
    margin-bottom: 15px;
}

.perfil-nutricional-dos-pasos h3 {
    color: #13720c;
    font-weight: 800;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.formulario-box-costo {
    float: left;
    width: 420px;
    padding: 0px 10px;
    min-height: 445px;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    position: relative;
}

.formulario-box-costo h3,
.formulario-box-costo .titulo-promocion {
    background: #f6f6f6;
    border-bottom: 1px solid #bdbdbd;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    font-size: 1.300em;
    margin-left: -10px;
    margin-right: -10px;
    padding: 7px 0px;
    font-weight: normal;
}

.formulario-box-costo h3 span,
.formulario-box-costo .titulo-promocion span {
    font-weight: 900;
    color: #333;
}

.formulario-box-costo h3 strong,
.formulario-box-costo .titulo-promocion strong,
.formulario-box-costo h3 b,
.formulario-box-costo .titulo-promocion b {
    font-weight: 900;
    color: #145A0F;
}

.formulario-box-costo h3 br,
.formulario-box-costo .titulo-promocion br {
    display: none;
}

.formulario-box-costo p {
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    color: #000000;
}

.formulario-box-costo p span {
    color: #13720c;
}

.formulario-box-costo p strong {
    font-weight: 900;
    color: #13720c;
}

.formulario-box-costo .display_none {
    display: none;
}

.formulario-box-costo ul.lista-promos {
    margin: 0;
    padding: 0;
}

.formulario-box-costo .promo-simple {
    margin: 16px 0px;
}

.formulario-box-costo .promo-simple .titulo-promo-simple,
.formulario-box-costo .promo-simple b {
    font-weight: bold;
    color: #145A0F;
}

.formulario-box-costo ul.lista-promos li {
    display: flex;
    justify-content: space-between;
    margin: 5px 0px;
    border-radius: 5px;
    border: 2px solid;
    position: relative;
    cursor: pointer;
    background-color: #a4b41e;
    border-color: #a4b41e;
}

.formulario-box-costo ul.lista-promos li .title-container {
    padding: 3px;
    width: 90px;
    color: #fff;
    float: left;
    font-size: 18px;
}

.formulario-box-costo ul.lista-promos li .title-container h5 {
    margin: 0;
    padding: 0;
    font-size: 1.138em;
    font-weight: normal;
}

.formulario-box-costo ul.lista-promos li .title-container h4 {
    font-size: 1.10em;
    margin: 0;
    padding: 0;
    line-height: 1.3rem;
}

.formulario-box-costo ul.lista-promos li .title-container h6 {
    margin: 0;
    padding: 0;
    margin-top: 4px;
    font-size: 0.7em;
    font-weight: bold;
    font-weight: normal;
}

.formulario-box-costo ul.lista-promos li .text-container {
    background: #FFF;
    width: 306px;
    padding: 3px 3px 3px 10px;
    min-height: 65px;
    border-radius: 5px;
}

.formulario-box-costo ul.lista-promos li .text-container h4 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    line-height: none;
    font-size: 1em;
    margin-bottom: 5px;
}

.formulario-box-costo ul.lista-promos li .text-container span.precio {
    display: block;
    font-weight: 900;
    color: #000000;
    font-size: 0.750em
}

.formulario-box-costo ul.lista-promos li .text-container p {
    margin: 0;
    padding: 0;
}

.formulario-box-costo ul.lista-promos li .checkbox-fake {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 24px;
    height: 24px;
    background: url(https://imagenes2.dietascormillot.com/front/form-checkbox-tipoPromo.png);
}

.formulario-box-costo ul.lista-promos li.active .checkbox-fake {
    background-position: 0px -26px;
}

.formulario-box-costo ul.lista-promos li.promo-trimestral {
    border-color: #840ed6;
    background: #840ed6;
    font-size: 16px;
}

.formulario-box-costo ul.lista-promos li.promo-trimestral .text-container h4 {
    color: #840ed6
}

.formulario-box-costo ul.lista-promos li.promo-semestral {
    border-color: #335dfa;
    background: #335dfa
}

.formulario-box-costo ul.lista-promos li.promo-semestral .text-container h4 {
    color: #335dfa
}

.formulario-box-costo ul.lista-promos li.promo-anual {
    border-color: #389207;
    background: #389207;
    height: 76px;
}

.formulario-box-costo ul.lista-promos li.promo-anual .text-container {
    height: 70px;
}

.formulario-box-costo ul.lista-promos li.promo-anual .text-container h4 {
    color: #389207
}

.formulario-box-costo ul.lista-promos li.promo-anual .title-container {
    padding: 7px 3px;
}

.formulario-box-costo ul.lista-promos li.promo-destacada {
    border-color: #c00812;
    background: #c00812;
    font-size: 1.2em;
}

.formulario-box-costo ul.lista-promos li.promo-destacada .text-container h4 {
    font-size: 1em;
    font-weight: bold;
}

.formulario-box-costo ul.lista-promos li.promo-destacada h5 {
    font-weight: bold;
}

.formulario-box-costo ul.lista-promos li.promo-destacada img {
    margin: 5px 0px;
}

.formulario-box-costo ul.lista-promos li.promo-destacada p {
    font-size: 0.9em;
}


/* promo mundial */

.formulario-box-costo .elegi-promo {
    background: #f4a23c;
    border: 1px solid #e53a0c;
    text-transform: uppercase;
    text-align: center;
    display: block;
    color: #000;
    font-weight: bold;
    padding: 2px 0px;
}

.formulario-box-costo .box-costo-terminos {
    text-align: right;
    margin-top: 0px;
}

.formulario-box-costo .box-costo-terminos label {
    color: #13720c;
    font-size: 0.938em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    text-align: center;
    cursor: pointer;
    background: url(https://imagenes2.dietascormillot.com/front/form-checkbox-falso.png) no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.formulario-box-costo .box-costo-terminos input {
    visibility: hidden;
    width: 0;
}

.formulario-box-costo .box-costo-terminos input:checked+label {
    background-position: 0px -22px;
}

.formulario-box-costo .box-costo-terminos input.field_error+label {
    border: 1px solid #ff0000;
}

.formulario-box-costo .box-costo-terminos a {
    color: #13720c;
    text-decoration: none;
    font-size: 14px;
}

.formulario-box-costo .box-costo-banner {
    width: 95%;
    height: 120px;
    background: url(https://imagenes2.dietascormillot.com/front/paso4-banner.png) no-repeat;
    background-size: cover;
    border-radius: 5px;
    border: 1px solid #bebebe;
    position: absolute;
    bottom: 10px;
}

.formulario-box-datosusuario {
    position: relative;
	float: left;
    margin-left: 10px;
    width: 440px;
    padding: 12px 20px;
    height: 420px;
    border: 1px solid #bdbdbd;
    background: #f6f6f6;
    border-radius: 5px;
}

.formulario-box-datosusuario h4 {
    color: #000;
    font-weight: 800;
    font-size: 15px;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.formulario-box-datosusuario label {
    font-size: 0.813em;
    display: block;
    color: #434343;
}

.formulario-box-datosusuario input[type='password'] {
    width: 42%;
    font-size: 1em;
    color: #434343;
    border-radius: 5px;
    border: 1px solid #bdbdbd;
    padding: 4px 8px;
    margin: 5px 15px 20px 0px;
}

.opcionespago-list {
    margin: 0;
    padding: 0;
}

.opcionespago-list li {
    float: left;
    width: 100%;
    margin-bottom: 3px;
    list-style: none;
    cursor: pointer;
    display: block;
}

.opcionespago-list li .checkbox-falso {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 3px solid #fff;
    float: left;
    -webkit-box-shadow: 0 0 4px 1px #C4C4C4;
    box-shadow: 0 0 4px 1px #C4C4C4;
    background-size: cover !important;
    margin-top: 4px;
}

.opcionespago-list li.opcionespago-pago_pagotel .checkbox-falso,
.opcionespago-list li.opcionespago-pago_telefonico .checkbox-falso {
    background: url(https://imagenes2.dietascormillot.com/front/opcionespago-pago_pagotel.png) no-repeat;
}

.opcionespago-list li.opcionespago-pago_tarjetaOnline .checkbox-falso {
    background: url(https://imagenes2.dietascormillot.com/front/opcionespago-pago_tarjetaOnline.png) no-repeat;
}

.opcionespago-list li.opcionespago-pago_tarjetaDebito .checkbox-falso {
    background: url(https://imagenes2.dietascormillot.com/front/opcionespago-pago-tarjetadebito.png) no-repeat;
}

.opcionespago-list li.opcionespago-pago_bcario .checkbox-falso {
    background: url(https://imagenes2.dietascormillot.com/front/opcionespago-pago_bcario.png) no-repeat;
}

.opcionespago-list li.opcionespago-pago_pf .checkbox-falso {
    background: url(https://imagenes2.dietascormillot.com/front/opcionespago-pago_pf.png) no-repeat;
}

.opcionespago-list li.opcionespago-pago_wesrten .checkbox-falso {
    background: url(https://imagenes2.dietascormillot.com/front/opcionespago-pago_wu.png) no-repeat;
}

.opcionespago-list li.opcionespago-pago_ponline .checkbox-falso,
.opcionespago-list li.opcionespago-pago_online .checkbox-falso {
    background: url(https://imagenes2.dietascormillot.com/front/opcionespago-pago_tarjetaOnline.png) no-repeat;
}

.opcionespago-list li.active .checkbox-falso {
    border: 3px solid #13720c;
    -webkit-box-shadow: 0 0 4px 1px #6286a7;
    box-shadow: 0 0 4px 1px #6286a7;
}

.opcionespago-list li input[type='radio'] {
    width: 0px;
    visibility: hidden;
    float: left;
}

.opcionespago-list li p {
    width: 380px;
    display: inline-block;
    margin: 0;
    color: #13720c;
    font-size: 0.8em;
    margin-left: 5px;
    margin-top: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.formulario-box-datosusuario input[type='submit'] {
    position: absolute;
	bottom: 10%;
	right: 2%;
	clear: both;
	display: block;
	background: #ffa002;
    color: #010101;
    text-transform: uppercase;
    font-weight: 900;
    padding: 0px 15px;
    height: 40px;
    border: 0;
    margin-top: -12px;
    border-radius: 5px;
    font-size: 1em;
    float: right;
    margin-bottom: 20px;
}

.formulario-box-datosusuario .tarjetas {
    width: 100%;
    clear: both;
    display: block;
    margin-top: 15px;
    text-align: center;
	position: absolute;
	bottom: 5%;
}

.formulario-box-datosusuario .tarjetas img {
    width: 27px;
    height: auto;
    margin-right: 3px;
    -webkit-box-shadow: 2px 2px 2px 0 #D1D1D1;
    box-shadow: 2px 2px 2px 0 #D1D1D1;
}

.formulario-box-brinda {
    padding: 10px;
    border: 1px solid #bdbdbd;
    min-height: 290px;
    margin-top: 10px;
}

.formulario-box-brinda h4 {
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.formulario-box-brinda img {
    margin: 15px auto;
    max-width: 100%;
    height: auto;
}

.formulario-box-brinda .planintegral-items {
    margin: 0;
    padding: 0;
    width: 370px;
    margin: 0px 10px;
    font-size: 0.875em;
}

.formulario-box-brinda .planintegral-col-left {
    float: left;
}

.formulario-box-brinda .planintegral-col-right {
    float: right;
    margin-right: 50px;
}

.formulario-box-brinda .planintegral-items li {
    margin-bottom: 20px;
    list-style: none;
}

.formulario-box-brinda .planintegral-items li h5 {
    font-size: 0.875em;
    font-weight: 800;
    color: #0e7c98;
    margin: 0;
    padding: 0;
}

.formulario-box-brinda .planintegral-items li p {
    margin: 0;
    padding: 0;
}

.formulario-box-brinda .planintegral-items li ul {
    padding: 0;
    margin: 5px;
}

.formulario-box-brinda .planintegral-items li ul li {
    margin: 0;
    padding: 0;
    padding-left: 20px;
    margin-bottom: 8px;
    background: url(https://imagenes2.dietascormillot.com/front/icon-sidebar-bullet-dark.png) left 3px no-repeat;
}


/*** Errores del Login ***/

.texto-error {
    position: absolute;
    width: 253px;
    color: #fff;
    font-weight: bold;
    background: #C33;
    border: 1px solid #900;
    line-height: 20px;
    text-align: center;
    visibility: hidden;
    border-radius: 7px;
    box-shadow: 3px 2px 5px #666666;
    opacity: 0.75;
    top: 15px;
    font-size: 13px;
    right: 180px;
    padding: 5px;
}

.texto-error-profile {
    color: #fff;
    font-weight: bold;
    text-align: left;
    background: #C33;
    border: 1px solid #900;
    line-height: 18px;
    visibility: hidden;
    border-radius: 7px;
    box-shadow: 3px 2px 5px #666666;
    opacity: 0.85;
    font-size: 13px;
    padding: 5px 10px;
    margin-bottom: 20px;
    margin-right: 20px;
}

.texto-error:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-left: 9px solid #900;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.texto-error:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid #C33;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.texto-error-mostrar {
    visibility: visible;
}


/* PAGO TARJETA ONLINE */

.form-content-pago {
    border-top: 1px solid #444444;
    padding-top: 20px;
}

.form-content-pago form {
    float: left;
}

.forma-pago-tarjetaOnline-container .icon{
	width: 32px;
	height: auto;
}

.form-pago-menu-formas {
    float: right;
    background: #0d4a08;
    width: 550px;
    color: #cfcfcf;
    font-size: 0.688em;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px;
    line-height: 20px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.form-pago-menu {
    background: #13720c;
    line-height: 40px;
    -webkit-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
    clear: both;
}

.form-pago-menu span {
    padding-left: 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFF;
    font-size: 1.250em;
    float: left;
}

.form-pago-menu ul {
    float: right;
    margin: 0;
    padding: 0;
}

.form-pago-menu li {
    color: #d8db67;
    display: inline;
    font-weight: bold;
    font-size: 1.063em;
}

.form-pago-menu li a {
    color: #d8db67;
    text-decoration: none;
    padding: 10px;
    padding-top: 9px;
}

.form-pago-menu li:hover a,
.form-pago-menu li a.active {
    color: #FFF;
    background: #0d4a08;
}

.forma-pago-content {
    padding: 20px 20px;
    color: #2f2f2f;
}

.forma-pago-content h3 {
    font-weight: bold;
    font-size: 1.625em;
    margin: 10px 0px;
}

.tarjeta-online-lista {
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tarjeta-online-lista li {
    float: left;
    list-style-type: none;
    height: 110px;
    width: 115px;
    padding: 5px;
    border: 1px solid #999;
    border-radius: 5px;
    margin-right: 7px;
    margin-bottom: 25px;
    text-align: center;
    cursor: pointer;
}

.tarjeta-online-lista li div.checkbox-falso {
    background: url(https://imagenes2.dietascormillot.com/front/form-checkbox-falso.png) no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 7px;
    margin: 3px auto;
}

.tarjeta-online-lista li.active div.checkbox-falso {
    background-position: 0px -22px;
}

.tarjeta-online-lista li label {
    display: none;
    color: #13720c;
    font-size: 0.938em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    text-align: center;
    cursor: pointer;
    background: url(https://imagenes2.dietascormillot.com/front/form-checkbox-falso.png) no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 10px;
}

.tarjeta-online-lista li input {
    width: 0px;
    visibility: hidden;
}

.tarjeta-online-lista li input:checked+label,
.tarjeta-online-lista li.active label {
    background-position: 0px -22px;
}

.tarjeta-online-lista li .titulo-tarjeta {
    height: 30px;
    text-align: center;
    font-size: 0.875em;
    color: #2f2f2f;
    font-size: 0.625em;
    text-transform: uppercase;
    line-height: 1.1;
}

.tarjeta-online-lista li img {
    border: 1px solid #c5c5c5;
    display: block;
    margin: 0 auto;
    width: 69px;
    height: auto;
}

#datos_tarjeta_container {
    display: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul.tarjeta-cuotas {
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.tarjeta-cuotas li {
    display: inline-block;
    padding: 20px;
    background: #f6f6f6;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    text-transform: uppercase;
    color: #2f2f2f;
    font-weight: bold;
    list-style: none;
    margin: 20px 30px 20px 0px;
    font-weight: 700;
    font-size: 0.875em;
    cursor: pointer;
}

ul.tarjeta-cuotas li label {
    color: #13720c;
    font-size: 0.938em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    text-align: center;
    cursor: pointer;
    background: url(https://imagenes2.dietascormillot.com/front/form-checkbox-falso.png) no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 10px;
}

ul.tarjeta-cuotas li input {
    width: 0px;
    visibility: hidden;
}

ul.tarjeta-cuotas li input:checked+label,
ul.tarjeta-cuotas li.active label {
    background-position: 0px -22px;
}

.dSeparador {
    clear: both;
}

#datos_tarjeta_final {
    clear: both;
    margin-top: 20px;
    display: none;
}

#datos_tarjeta_final strong {
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
}

#datos_tarjeta_final span#montoTotal {
    font-weight: 700;
    color: #2f2f2f;
    font-size: 1.275em;
}

#datos_tarjeta_final span#sUnpago,
#datos_tarjeta_final span#sCantCuotas {
    color: #0d4a08;
    font-weight: 900;
    font-size: 1.063em;
}

#frmDC .aCenter {
    margin-top: 20px;
    border-top: 1px solid #666666;
}

#frmDC .aCenter input[type='submit'] {
    background: #ffa002;
    color: #000;
    text-transform: uppercase;
    font-weight: 900;
    padding: 5px 40px;
    border: 0;
    border-radius: 5px;
    margin: 15px auto;
    margin-left: 5px;
    float: right;
}

.forma-pago-tarjetaOnline-ok h4 {
    color: #13720c;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0;
    padding: 0;
}

.forma-pago-tarjetaOnline-ok a {
    color: #13720c;
}

.forma-pago-tarjetaOnline-ok .box-user-data {
    background: #f6f6f6;
    padding: 5px 20px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 300px;
    border: 1px solid #868686
}

.forma-pago-tarjetaOnline-ok .box-user-data strong {
    color: #13720c;
}

.forma-pago-tarjetaOnline-ok .box-resaltar {
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
    border: 2px solid #13720c;
    padding: 10px;
}

.forma-pago-tarjetaOnline-ok .box-resaltar strong {
    color: #13720c;
    text-transform: uppercase;
}

a.btn-pago-tarjetaOnline-whatsapp {
    display: inline-block;
    background: #ffa002;
    background: url('../img_old/icons/whatspup_fp34.png') no-repeat #ffa002;
    color: #010101;
    text-transform: uppercase;
    font-weight: 900;
    width: 175px;
    height: 40px;
    padding-left: 40px;
    line-height: 40px;
    border: 0;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
}


/***** PAGO FÁCIL *****/


/**************************/

.forma-pago-pagoFacil-texto {
    float: left;
    width: 630px;
}

.forma-pago-pagoFacil-linkContainer {
    width: 470px;
    float: right;
    margin-right: 30px;
    position: relative;
}

.forma-pago-pagoFacil-linkContainer img {
    border: 6px solid #FFF;
    -webkit-box-shadow: 0 0 8px 2px #C4C4C4;
    box-shadow: 0 0 8px 2px #C4C4C4;
    float: left;
}

.forma-pago-pagoFacil-linkContainer .btn_container {
    background: #13720c url(https://imagenes2.dietascormillot.com/front/pagoFacil-arrow.png) 10px 50% no-repeat;
    color: #ffffff;
    font-size: 1.375em;
    padding: 20px 20px 20px 60px;
    float: left;
    width: 280px;
    text-align: center;
    font-weight: 900;
    margin-top: 0px;
    margin-left: 20px;
    border-radius: 5px;
}

.forma-pago-pagoFacil-linkContainer .icons-container {
    float: left;
    width: 80px;
}

.forma-pago-pagoFacil-linkContainer .icons-container img {
    float: left;
    margin-bottom: 15px;
}

.forma-pago-pagoFacil-linkContainer .btn_container span {
    font-weight: 900;
    font-size: 1.400em;
    text-transform: uppercase;
    display: block;
}

.forma-pago-pagoFacil-linkContainer a {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.forma-pago-pagoFacil-container .aclaracion {
    clear: both;
    margin-top: 40px;
    display: block;
    border: 2px solid #0d4a08;
    border-radius: 10px;
    background: #FFF;
    padding: 30px 20px;
    color: #0d4a08
}

.forma-pago-pagoFacil-container .aclaracion a {
    color: #0d4a08;
}

.forma-pago-pagoFacil-container .continuar-container,
.forma-pago-tarjetaTel-container .continuar-container,
.forma-pago-deposito-container .continuar-container,
.forma-pago-tarjetaOnline-ok .continuar-container {
    width: 100%;
    clear: both;
    padding-top: 20px;
    text-align: right;
}

.forma-pago-tarjetaTel-container .continuar-container,
.forma-pago-deposito-container .continuar-container {
    border-top: 1px solid #333;
    margin-top: 30px;
}

.forma-pago-pagoFacil-container .continuar-container input[type='submit'],
.forma-pago-tarjetaTel-container input[type='submit'],
.forma-pago-deposito-container .continuar-container input[type='submit'],
.forma-pago-tarjetaOnline-ok .continuar-container input[type='submit'] {
    background: #ffa002;
    color: #010101;
    text-transform: uppercase;
    font-weight: 900;
    width: 175px;
    height: 30px;
    border: 0;
    float: right;
    border-radius: 5px;
}

.forma-pago-tarjetaTel-container input[type='submit'] {
    margin-top: 10px;
}

.forma-pago-tarjetaTel-container {
    font-size: 1.063em;
}

.forma-pago-tarjetaTel-form {
    padding: 20px 30px !important;
    background: #ffffff;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    float: right;
    margin-bottom: 30px;
}

.forma-pago-tarjetaTel-form h3 {
    text-transform: uppercase;
    color: #0d4a08;
    font-weight: 700;
    font-style: 16px;
}

.forma-pago-tarjetaTel-form label {
    color: #434343;
    font-size: 0.813em;
    display: block;
    margin-top: 10px;
    font-weight: bold;
}

.forma-pago-tarjetaTel-form input,
.forma-pago-tarjetaTel-form textarea,
.forma-pago-tarjetaTel-form select {
    background: #efefef;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    font-size: 0.813em;
    padding: 4px;
}

.forma-pago-tarjetaTel-form .ejemplo {
    font-size: 0.688em;
}

.forma-pago-tarjetaTel-form .small {
    width: 65px;
}

.forma-pago-tarjetaTel-form .med {
    width: 140px;
}

.forma-pago-tarjetaTel-form .large {
    width: 98%;
}

.forma-pago-tarjetaTel-form textarea.large {
    width: 96%;
    height: 50px;
}

.forma-pago-tarjetaTel-container .tarjetas-container {
}

.forma-pago-tarjetaTel-container .tarjetas-container .foto {
    border: 8px solid #FFF;
    -webkit-box-shadow: 0 0 5px 0 #BFBFBF;
    box-shadow: 0 0 5px 0 #BFBFBF;
}

.forma-pago-tarjetaTel-container .tarjetas-container ul {
    margin: 0 auto;
    padding: 0;
    margin-top: 30px;
}

.forma-pago-tarjetaTel-container .tarjetas-container li {
    display: inline-block;

    list-style: none;
}

.forma-pago-tarjetaTel-container .tarjetas-container li img {
    border: 1px solid #FFF;
    -webkit-box-shadow: 0 0 2px 0 #BFBFBF;
    box-shadow: 0 0 2px 0 #BFBFBF;
}

.forma-pago-tarjetaTel-container .recuadro {
    width: 475px;
    float: right;
}

.forma-pago-tarjetaTel-container .recuadro strong {
    text-transform: uppercase;
    color: #0d4a08;
    font-weight: 900;
}


/* DEPOSITO BANCARIO */

.forma-pago-deposito-container .opcion {
    background: #f6f6f6;
    padding: 15px;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    width: 360px;
    height: 230px;
    float: left;
    margin: 20px 80px;
    font-size: 1.063em;
    line-height: 25px;
}

.forma-pago-deposito-container .opcion h4 {
    font-size: 1.250em;
    font-weight: 900;
    text-transform: uppercase;
    color: #0d4a08;
    margin: 0;
    padding: 0;
}

.forma-pago-deposito-container .opcion h5 {
    font-size: 1.250em;
    font-weight: 900;
    color: #0d4a08;
    margin: 0;
    padding: 0;
}

.forma-pago-deposito-container .opcion p {
    margin: 0;
    padding: 0;
}

.forma-pago-deposito-container .opcion img {
    float: right;
    -webkit-box-shadow: 2px 2px 2px 0 #BFBFBF;
    box-shadow: 2px 2px 2px 0 #BFBFBF;
}

.forma-pago-deposito-container a {
    color: #0d4a08
}


/***** QUIENES SOMOS *****/


/**************************/

.quienes-somos h1 {
    font-size: 1.375em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.programas h1 {
    font-size: 1.375em;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}

.inner-content .quienes-somos h2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #13720c;
    padding: 0;
    margin: 35px 0 0;
}

.quienes-somos blockquote {
    font-size: 1.813em;
    color: #13720c;
    padding: 56px 0 56px 32px;
    display: block;
    margin: 0;
}

.quienes-somos blockquote:before {
    color: #13720c;
    content: open-quote;
    line-height: 0.1em;
    font-size: 1.8em;
    font-weight: bold;
    margin-right: 2px;
    vertical-align: -11px;
}

.quienes-somos blockquote:after {
    color: #13720c;
    content: close-quote;
    line-height: 0.1em;
    font-size: 1.8em;
    font-weight: bold;
    margin-left: 2px;
    vertical-align: -11px;
}

.inner-content .quienes-somos p {
    font-size: 1.375em;
    line-height: 1.5em;
    margin: 0;
}

.inner-content .programas p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0;
    margin-bottom: 20px;
}

.contenedor-staff {
    border-top: 1px solid #666;
    margin: 40px 0 0;
    padding-top: 15px;
}

.contenedor-staff a {
    background-color: #13720c;
    border-radius: 5px;
    padding: 5px 5px 5px 25px;
    color: #fff;
    text-decoration: none;
    position: relative;
}

.contenedor-staff a:before {
    border-bottom: 7px solid transparent;
    border-left: 10px solid #fff;
    border-top: 7px solid transparent;
    content: "";
    height: 0;
    left: 6px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 0;
}

.caja-profesionales {
    border-radius: 4px;
    border: 1px solid #bdbdbd;
    padding: 20px;
    margin-top: 25px;
    -webkit-box-shadow: 1px 0 6px 0 #bdbdbd;
    box-shadow: 1px 0 6px 0 #bdbdbd;
    min-height: 128px;
}

.inner-content .caja-profesionales img {
    padding: 0px;
    width: 128px;
    height: auto;
}

.caja-profesionales .datos-profesional {
    margin-left: 155px;
}

.caja-profesionales h3 {
    font-size: 1.500em;
    color: #13720c;
    font-weight: lighter;
    margin: 0 0 17px 0;
}

.inner-content .quienes-somos .caja-profesionales p {
    font-size: 0.875em;
}


/******** POLITICA DE PRIVACIDAD ********
****************************************/

.container-politica {
    width: 600px;
}

.container-politica .inner-content {
    margin-top: 15px;
}

.container-politica h1 {
    color: #13720c;
}

.container-politica p {
    font-size: 0.875em;
    line-height: 1.350em;
    margin: 25px 0;
}

.popup-cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #13720c;
    color: #fff;
    padding: 0px 20px 5px;
    display: none;
}

.popup-cookies p {
    float: left;
    width: 80%
}

.popup-cookies p a {
    color: #d8db67;
    font-weight: bold;
}

.popup-cookies .btn-cerrar {
    float: right;
    background: #d8db67;
    color: #13720c;
    padding: 5px 10px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 20px;
    border-radius: 5px;
    color: #2f2f2f;
}


/* EXIT POPUP */

.black_bg {
    position: fixed;
    z-index: 10001;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.2s;
}

#newslettersub_popup {
    position: fixed;
    visibility: hidden;
    z-index: 10002;
    opacity: 0;
    transform: scale(0.5);
    /* position: absolute; */
    top: 30%;
    left: 30%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: #fffef6;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 600px;
    height: 320px;
}

#newslettersub_popup #texto {
    color: #224e23;
    width: 60%;
    padding: 2rem 0 2rem 2rem;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-direction: column;
}

#newslettersub_popup h1 {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0;
}

#newslettersub_popup h1 span {
    font-weight: 900;
}

#newslettersub_popup h2 {
    width: 80%;
    font-size: 0.7rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

#newslettersub_popup label {
    font-size: 0.7;
    font-weight: 600;
}

#newslettersub_popup input {
    padding: 0.3rem;
    border-style: none;
    width: 50%;
    margin-bottom: 0.5rem;
}

#newslettersub_popup ::placeholder {
    color: #38cc3c;
}

#newslettersub_popup button {
    width: 75%;
    background-color: #38cc3c;
    border-radius: 10px;
    border-style: none;
    padding: 1rem;
    color: #fff;
    font-weight: 800;
    margin-top: 0.6rem;
}

#newslettersub_popup .close-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 24px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 50%;
    cursor: pointer;
    webkit-border-radius: 50%;
    color: #38cc3c;
    text-decoration: none;
}


/*********** MOBILE *****************
/***********************************/

@media all and (max-width: 1200px) {
    /* home */
    .container {
        width: 100% !important;
    }
    .home-coronavirus span {
        display: none;
    }
    .home-perfil-box {
        padding: 10px;
        padding-right: 0px;
        width: 355px;
        margin-right: 10px;
        width: 40%;
    }
    .home-main,
    .home-video {
        width: 55%;
    }
    .home-fotos-box {
        width: 40%;
    }
    .home-main {
        width: auto;
        float: none;
        margin: 1rem;
    }
    .home-porque-item {
        margin-right: 0px;
        margin-left: 10px;
        margin-bottom: 15px;
        width: 25%;
        max-width: 260px;
    }
    .home-4-col {
        width: 22%;
        height: 26vw;
        padding: 1%;
        margin: 20px 0.5%;
        font-size: 14px;
        border: 0px;
        -webkit-box-shadow: 0 0 0 0 #b7b7b7;
        box-shadow: 0 0 1px 1px #b7b7b7;
    }
    .home-col-carrito {
        background-position: -14px center;
    }
    .home-perfil-banner {
        font-size: 1.75em;
    }
    .home-notas-container {
        padding: 10px;
    }
    .home-notas-container .item img {
        width: 20%;
        height: auto;
    }
    .home-notas-container .item .text-container {
        width: 70%;
    }
    .home-notas-container .bx-wrapper .bx-controls-direction a.bx-next,
    .home-slider-container .bx-wrapper .bx-controls-direction a.bx-next {
        right: 0px !important;
    }
    #footer .container {
        text-align: justify
    }
    #footer .container div {
        display: inline-block;
    }
    #footer .container .disclaimer {
        width: 65%;
        margin-top: 0px;
    }
    #footer .container .datafiscal {
        margin-left: 5px;
        margin-right: 10px;
    }
    /*inner */
    .inner-content {
        position: relative;
    }
    .inner-content .content {
        width: auto;
        float: left;
        margin-right: 265px;
    }
    .inner-content .sidebar {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 265px;
    }
    /* perfil paso 1*/
    .form-content a.banner-form img {
        width: 100%;
        height: auto;
    }
    .form-content .sidebar-container,
    .form-content .sidebar-container .sidebar,
    .form-content .sidebar {
        float: none;
        width: 100%;
    }
    .form-content form.formulario {
        float: none;
        width: 865px;
        margin: 0 auto;
    }
    form.formulario .continuar-container {
        height: 60px;
    }
    .form-content form.formulario .continuar-container .text {
        width: 590px;
    }
    .form-content form.formulario .col {
        margin-right: 10px;
        width: 380px;
        margin-left: 5px;
    }
    .form-content form.formulario .col.col-big {
        width: 460px;
    }
    .form-content form.formulario .col .inner-col {
        margin-right: 10px;
    }
    ul.plan-comidas {
        text-align: justify;
        vertical-align: top;
        margin-bottom: 20px;
    }
    ul.plan-comidas li {
        display: inline-block;
        margin: 0px !important;
        float: none;
        vertical-align: top;
    }
    ul.plan-comidas:after {
        content: '';
        display: inline-block;
        width: 100%;
    }
    /* paso 4*/
    .formulario-box-costo ul.lista-promos li .text-container {
        width: 73%;
    }
    .opcionespago-list li p {
        width: 360px;
    }
    .form-content-pago .sidebar {
        display: none;
    }
    .formulario-box-costo {
        width: 45%;
        margin: 0 1%;
    }
    .formulario-box-datosusuario {
        width: 44%;
        padding: 1% 2%;
        margin: 0 1%;
    }
    .formulario-box-brinda {
        width: 94%;
        margin: 1%;
        padding: 2%;
    }
    .formulario-box-brinda .planintegral-col-left {
        width: 29%;
        padding: 0 1%;
    }
    .formulario-box-datosusuario input[type='password'] {
        margin-left: 1%;
        margin-right: 1%;
    }
    .formulario-box-datosusuario .tarjetas img {
        margin-right: 1px;
    }
    .forma-pago-tarjetaTel-form {
        margin-right: 0px;
    }
    .forma-pago-tarjetaTel-container .tarjetas-container {
        margin-left: 0px;
    }
    .forma-pago-tarjetaTel-container .tarjetas-container {
    }
    .forma-pago-tarjetaTel-container .tarjetas-container .foto {
        width: 100%;
        height: auto;
    }
    .forma-pago-deposito-container .opcion {
        margin: 20px 28px;
    }
    .forma-pago-pagoFacil-texto {
        float: none;
        width: auto;
    }
    .forma-pago-pagoFacil-linkContainer {
        margin-right: 0px;
        margin-left: 20px;
    }
}

@media all and (max-width: 960px) {
    .home-perfil-box {
        float: none;
        width: auto;
        padding: 20px 10px;
    }
    .home-perfil-box #form-small-home-error-texto {
        right: 35px;
        top: 250px;
        left: auto;
    }
    .home-perfil-box h2,
    .home-perfil-box h3 {
        display: inline-block;
    }
    .home-perfil-box label {
        text-align: left;
    }
    .home-perfil-box .inner-col {
        width: 47%;
        font-size: 0.8em;
    }
    .home-perfil-box select.small {
        width: 45%;
        margin-right: 4%;
    }
    .home-perfil-box select.xsmall {
        width: 30%;
        margin-right: 2%;
    }
    .home-perfil-box select.med {
        width: 95%;
        float: left;
    }
    .home-perfil-box .inner-col-sexo label br {
        display: none;
    }
    .home-perfil-box input[type='text'].med,
    .home-perfil-box input[type='email'] {
        width: 92%;
        float: left;
    }
    .home-perfil-box .continuar-container .text {
        width: 90%;
    }
    .home-perfil-box .continuar-container input[type='submit'] {
        margin-left: 0px;
    }
    .home-main,
    .home-video {
        width: auto;
        margin: 10px 0px;
    }
    .home-main {
        margin-left: 45%;
    }
    .home-4-col {
        width: 44.5vw;
        height: 53vw;
        font-size: 16px;
        margin: 1vw;
    }
    .home-porque-item {
        width: auto;
        max-width: none;
        height: auto;
        margin-left: 0px
    }
    .home-col-comunidad .item h4.title {
        font-size: 1.4em;
        line-height: normal;
    }
    .home-perfil-banner {
        font-size: 1.43em;
        padding-left: 5px;
    }
    .home-col-historias .fotos-container .foto img {
        height: auto;
        width: 100%;
    }
    .form-content form.formulario {
        width: 840px;
    }
    ul.circunferencia-list li{width: 108px;}
	ul.circunferencia-list li img{padding: 0px; width: 100%;}


    form.formulario .continuar-container {
        width: 98%;
        margin: 15px 1%;
    }
    ul.enfermedades-list li {
        width: 250px;
        margin-right: 0px;
    }
    .opcionespago-list li p {
        width: auto;
        display: inherit;
        margin-top: 4px;
        margin-left: 58px;
    }
    /* Altura especifica para formas de pago que tienen una sola línea */
    .opcionespago-list li p#fp_42,
    .opcionespago-list li p#fp_3,
    .opcionespago-list li p#fp_5 {
        margin-top: 12px
    }
    .formulario-box-datosusuario {
        /*height:390px; */
    }
    .formulario-box-costo {
        /*height:408px;*/
    }
    .formulario-box-brinda .planintegral-col-left {
        float: none;
        width: auto;
    }
    .forma-pago-tarjetaTel-container .tarjetas-container {
    }
    .forma-pago-tarjetaTel-container .tarjetas-container ul {
        margin-top: 0;
        margin-bottom:30px
    }
    .forma-pago-tarjetaTel-container .tarjetas-container .foto {
        display: none;
    }
    .forma-pago-tarjetaTel-container .recuadro {
    }
    .forma-pago-tarjetaTel-form {
        padding: 20px 15px !important;
    }
    .form-pago-menu span {
        display: none;
    }
    .forma-pago-deposito-container .opcion {
        margin: 20px 10px;
    }
    #header .login-box {
        margin-top: -10px;
    }
    .caja-profesionales .datos-profesional {
        margin-left: 0px;
    }
    /*.formulario-box-costo ul.lista-promos li.promo-semestral{ height: 81px; }*/
    .formulario-box-costo ul.lista-promos li .text-container {
        width: 70%;
        min-height: 75px;
    }
    .formulario-box-costo ul.lista-promos li .text-container span.precio,
    .formulario-box-costo ul.lista-promos li .text-container p {
        display: inline;
    }
    .formulario-box-costo ul.lista-promos li.promo-navidad {
        height: 185px;
    }
    .home-notas-container .item img {
        display: none;
    }
    .popup-cookies {
        padding-bottom: 10px;
    }
    .popup-cookies p {
        float: none;
        width: 100%;
        font-size: 14px;
    }
    .popup-cookies .btn-cerrar {
        float: none;
        margin-bottom: 10px;
    }
}

@media all and (max-width: 850px) {
    .home-coronavirus {
        background-image: none;
        text-align: center;
    }
    .home-main .home-video-popup-container {
        padding: 0px;
    }
    .home-main h2 {
        font-size: 2.3em;
    }
    .home-fotos-box {
        width: 50%
    }
    .home-main {
        margin-left: 52%;
    }
    .home-col-carrito {
        background-size: auto 90%;
        background-repeat: no-repeat;
        background-position: -14px bottom;
    }
    .form-content form.formulario {
        width: 100%
    }
    .form-content form.formulario .col,
	.form-content form.formulario .col.col-big{ 
        width:48%; 
        float:none; 
        margin:10px 1%; 
        min-height:auto;
    }

    ul.circunferencia-list li, 
    ul.tipoplan-list li, 
    ul.tipodescenso-list li,
	ul.tipomodalidad-list li{
        width: 30%; 
        margin:0 1%;
    }

	ul.circunferencia-list li img, 
    ul.tipoplan-list li img, 
    ul.tipodescenso-list li img,
	ul.tipomodalidad-list li img{ 
        width: calc(100% - 12px);
	}


    .form-content form.formulario .col .inner-col {
        width: 47% !important;
    }
    .form-content form.formulario select.xsmall {
        width: 30% !important;
    }
    .form-content form.formulario select.small {
        width: 45%;
    }
    .form-content form.formulario select.med,
    .form-content form.formulario input.med {
        width: 95%;
    }
    ul.tipoplan-list li,
	ul.tipomodalidad-list li{ 
        font-size:0.85em; 
        min-height: 190px;
    }
	ul.tipoplan-list li p,
	ul.tipodescenso-list li p,
	ul.tipomodalidad-list li p{ 
        font-size:0.9em;
    }
	ul.tipodescenso-list li .descenso-title{
        font-size: 0.8em;
    }

    .form-content form.formulario {
        width: 98%;
    }
    ul.plan-comidas li {
        width: initial;
    }
    ul.plan-comidas li img {
        width: 100%;
        height: auto;
    }
    ul.exclusiones-list li {
        margin-right: 12px;
    }
    ul.enfermedades-list li {
        width: 240px;
        margin-right: 0px;
    }
    .formulario-box-datosusuario {
        height: auto;
    }
    .formulario-box-costo {
        height: auto;
    }
    .formulario-box-costo {
        float: none;
        width: auto;
    }
    .formulario-box-costo ul.lista-promos li .text-container {
        width: 80%;
    }
    .formulario-box-costo .box-costo-banner {
        position: relative;
        margin: 5px 0px;
    }
    .formulario-box-datosusuario {
        float: none;
        width: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

	.formulario-box-datosusuario .tarjetas {
		position: relative;
	}

	.formulario-box-datosusuario input[type='submit'] {
    	position: relative;
		
	}

    .forma-pago-deposito-container .opcion {
        float: none;
        margin: 15px auto;
    }
    .forma-pago-pagoFacil-linkContainer {
        margin: 20px auto;
        float: none;
        width: 100%;
        text-align: center;
        display: block;
    }
    .home-perfil-banner span {
        display: none;
    }
}

@media all and (max-width: 760px) {
    body {
        font-size: 18px;
    }
    #navmenu {
        height: auto;
    }
    #navmenu ul {
        padding: 0px;
        font-size: 16px;
    }
    .home-coronavirus {
        font-size: 1.6em;
        line-height: initial;
        padding: 15px 0px
    }
    #header .drCormillot {
        display: none;
    }
    .home-fotos-box {
        width: initial;
        float: none;
    }
    .home-main {
        width: 100%;
        margin: 0;
    }
    .bx-wrapper img {
        width: 99%
    }
    .home-porque-item {
        width: 45%;
        margin-left: 1%;
        height: 110px;
    }
    .home-4-col {
        width: 45%;
        font-size: 16px;
        margin: 1vw;
    }
    .home-col-historias {
        height: auto;
        width: 96%;
    }
    .home-col-comunidad .item {
        padding: 10px 0px;
        height: 123px;
    }
    .home-col-historias .item {
        height: 250px;
    }
    .home-col-historias .fotos-container {
        float: left;
        width: 48vw;
        margin-right: 2vw;
    }
    .home-col-historias .fotos-container .foto img {
        max-width: 185px;
    }
    .home-col-historias .item h4 {
        margin-top: 0px;
    }
    .home-col-carrito {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .home-perfil-banner {
        font-size: 1.2em;
        line-height: normal;
        padding-top: 5px;
        height: 65px;
        padding-right: 60px;
    }
    .home-notas-container .item img {
        display: none;
    }
    .home-notas-container .item .text-container {
        width: 89%;
    }
    #footer {
        height: auto;
    }
    #footer .container {
        text-align: center;
    }
    #footer .container .social,
    #footer .container .disclaimer,
    #footer .container .datafiscal {
        display: block;
        margin: 7px auto;
        width: auto;
        float: none;
        padding: 0px 10px;
    }
    .inner-content .sidebar {
        position: relative;
        float: none;
        margin: 20px auto;
        width: 265px;
    }
    .inner-content .content {
        margin-right: 0px;
        float: none;
    }
    .interna-perfil-sidebar {
        width: 260px;
    }
    .interna-perfil-bottom {
        display: none;
    }
    .inner-content .sidebar {
        margin: 0px auto;
    }
    .inner-content .content img {
        width: 40%;
        height: auto;
    }
    .form-menu {
        min-height: 64px;
    }
    .form-menu ul {
        float: right;
    }
    .form-menu .form-menu-container {
        width: auto;
    }
    .form-content form .form-container{
		flex-direction: row;
		flex-direction: column;
    	flex-wrap: nowrap;
		align-items: center;
		height: auto;
	}

	.form-content form .form-container .col,
	.form-content form .form-container .col.col-big{
		width: 460px;
	}

	.form-content form .form-container .col:nth-child(1) { order: 1; }
	.form-content form .form-container .col:nth-child(2) { order: 2; }
	.form-content form .form-container .col:nth-child(3) { order: 3; }
	.form-content form .form-container .col:nth-child(4) { order: 4; }
	.form-content form .form-container .col:nth-child(5) { order: 5; }

    .form-content form.formulario input.xsmall {
        width: 34px;
    }
    .form-content form.formulario .continuar-container {
        text-align: center;
    }
    .form-content form.formulario .continuar-container .text {
        width: auto;
        margin-left: 60px;
        float: none;
        text-align: left;
        font-size: 0.75em;
    }
    form.formulario .continuar-container input[type='submit'] {
        float: none;
        margin: 25px auto 0px;
        font-size: 1.5em;
        width: auto;
        height: auto;
        padding: 8px 15px;
    }
    /* paso 2 */
    ul.plan-comidas {
        flex-wrap: nowrap;
        flex-direction: column;
    }
    ul.plan-comidas li {
        height: auto;
        margin: 10px 0px !important;
    }
    ul.exclusiones-list li {
        width: 200px;
        padding-left: 5px;
    }
    ul.enfermedades-list li {
        width: 270px;
        padding-left: 5px;
    }
    form.formulario .continuar-container {
        height: auto;
        padding-top: 0px;
    }
    .form-content form.formulario .continuar-container a.btn-link-submit {
        margin: 15px 0px;
    }
    form-content-pago {
        font-size: 18px;
    }
    .formulario-box-datosusuario {
        float: none;
        width: auto;
        height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .formulario-box-costo {
        float: none;
        width: auto;
        height: auto;
        padding-bottom: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 0.95em;
    }
    .formulario-box-costo p {
        font-size: 16px;
    }
    .formulario-box-costo ul.lista-promos li .title-container {
        padding: 0px 3px !important;
    }
    .formulario-box-costo ul.lista-promos li .text-container {
        width: 78%;
    }
    .formulario-box-costo ul.lista-promos li.promo-anual {
        height: 81px;
    }
    .formulario-box-costo ul.lista-promos li.promo-anual .text-container {
        height: 75px;
    }
    .forma-pago-tarjetaTel-container .tarjetas-container,
    .forma-pago-tarjetaTel-container .tarjetas-container ul {
        width: 100%;
        float: none;
        text-align: center;
    }
    .forma-pago-tarjetaTel-container .tarjetas-container li {
        float: none;
        display: inline-block;
    }
	
    .forma-pago-tarjetaTel-container .recuadro {
        width: 100%;
        float: none;
    }
    .forma-pago-tarjetaTel-form {
        float: none;
        margin: 20px auto;
    }
    .form-pago-menu-formas {
        width: 100%;
        float: none;
        text-align: center;
    }
    .form-pago-menu {
        border-radius: 0px;
    }
    .form-pago-menu li {
        font-size: 0.85em;
    }
    .form-pago-menu {
        height: 35px;
    }
    .form-pago-menu {
        line-height: 31px;
    }
    .forma-pago-pagoFacil-linkContainer .btn_container {
        font-size: 1.175em;
    }
    .inner-content .caja-profesionales img {
        width: 25%;
        height: auto;
    }
    .caja-profesionales {
        min-height: 170px;
    }
    .home-perfil-banner-viandas {
        font-size: 1.5em;
    }
    .home-perfil-banner-viandas span {
        display: none;
    }

	.form-content-pago {
		padding-top: 0;
	}

	#datos-extras{
		display: none;
	}
}

@media all and (max-width: 570px) {
    .home-porque-item {
        width: 92%;
        height: auto;
    }
    .home-col-descenso {
        background-size: cover;
        background-position: top center;
    }
    .home-4-col h3 {
        font-size: 1.5em;
    }
    .home-perfil-box {
        margin-right: 0px;
    }
    .home-notas-container .item h3 {
        margin-bottom: 10px;
    }
    .inner-content .content img {
        width: 50%;
        height: auto;
        padding: 0px;
        border: 0;
        display: block;
        float: none;
        margin: 0 auto;
    }
    .form-pago-menu-formas {
        width: 100%;
        float: none;
    }
    .form-pago-menu li a {
        width: 100%;
        display: block;
        font-size: 1em;
    }
    .form-pago-menu li {
        width: 100%;
        display: block;
    }
    .form-pago-menu ul {
        width: 100%;
        text-align: center;
    }
    .form-pago-menu {
        height: 200px;
    }
    .formulario-box-costo ul.lista-promos li .text-container {
        width: 74%;
    }
    .home-perfil-banner-viandas {
        font-size: 1.2em;
    }
    .home-main,
    .home-video {
        width: 100%;
    }
}

@media all and (max-width: 480px) {
    body {
        min-width: 480px;
    }
    /* Agregado politicas de privacidad */
    .container-politica {
        width: 600px;
    }
    .container-politica .inner-content {
        margin-top: 15px;
    }
    .container-politica h1 {
        color: #13720c;
    }
    .container-politica p {
        font-size: 0.875em;
        line-height: 1.350em;
        margin: 25px 0;
    }
    .home-main,
    .home-video {
        width: 100%;
    }
}