/*
@font-face {
    font-family: 'roboto_bold';
    src: url('/0/fonts/roboto-bold-webfont.eot');
    src: url('/0/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/0/fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('/0/fonts/roboto-bold-webfont.woff') format('woff'),
         url('/0/fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('/0/fonts/roboto-bold-webfont.svg#roboto') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('/0/fonts/roboto-regular-webfont.eot');
    src: url('/0/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/0/fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('/0/fonts/roboto-regular-webfont.woff') format('woff'),
         url('/0/fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('/0/fonts/roboto-regular-webfont.svg#roboto') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'open_sans';
    src: url('/0/fonts/opensans-regular-webfont.eot');
    src: url('/0/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/0/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('/0/fonts/opensans-regular-webfont.woff') format('woff'),
         url('/0/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('/0/fonts/opensans-regular-webfont.svg#open_sans') format('svg');
    font-weight: normal;
    font-style: normal;
}
html{font-size:62.5%}
.vsmcontent{font-family:"open_sans";font-size:2em;color:#222;line-height:1.5em;width:100%;max-width:798px;padding-right:60px;box-sizing:border-box}
.vsmcontent P{text-align:justify;margin:0 0 2em;}


.vsmcontent .custom-color{padding:1em 1.5em}
.vsmcontent { --content-font-size: 1em; }
.vsmcontent font[size="1"] { --content-font-size: 1em; }
.vsmcontent font[size="2"] { --content-font-size: 1.5em; }
.vsmcontent font[size="3"] { --content-font-size: 2em; }
.vsmcontent font[size="4"] { --content-font-size: 2.5em; }
.vsmcontent font[size="5"] { --content-font-size: 3em; }
.vsmcontent font[size="6"] { --content-font-size: 3.5em; }
.vsmcontent font[size="7"] { --content-font-size: 4em; }
.vsmcontent font{font-size:var(--content-font-size);}

/* Formatos de texto */
/*Resaltado*/
.vsmcontent SPAN.highlight{background-color:#ffff00;display:inline;-webkit-box-decoration-break: clone}

/*Fuente: Montserrat*/
.vsmcontent SPAN.montserrat{font-family:var(--title-font)}
/*Fuente: Roboto Slab*/
.vsmcontent SPAN.robotoslab{font-family:var(--default-second-font);font-weight:800}
/* Formatos de párrafos */
/*Más información*/
.vsmcontent p.moreinfo{line-height:1.1em;float:left;width:40%;margin: 0.6em 4% 1em 0;font-family: var(--kicker-font);font-size: 1em;position: relative;text-align:left}
.vsmcontent p.moreinfo:before{content: "M\E1s informaci\F3n";display: block;text-transform: uppercase;font-family: var(--piecetitle-font);padding: 0.3em 0.5em;line-height: 1.1em;margin-bottom:0.5em;font-weight:bold;border-bottom:1px dotted #000;background-color:var(--background-second-color);color:rgba(255,255,255,0.75)}
.vsmcontent p.moreinfo a{color:var(--background-third-color);font-size:19px;text-decoration: none}
.vsmcontent p.moreinfo a:hover{text-decoration: underline;}
.vsmcontent p.moreinfo a:before{content: "";width: 5px;height: 5px;background-color: rgba(0,0,0,0.9);display: inline-block;opacity: 0.8;transition: opacity 0.3s;margin-right:5px;}
.vsmcontent p.moreinfo span{padding:0 0.5em;display:block}
/*Pastilla Estandar*/
.vsmcontent P.quote{position:relative;box-sizing:border-box;font-size:25px;line-height:1.1em;color:rgba(0,0,0,0.4);padding:2em 3em;text-align:center;clear:both;font-family:var(--summary-font);font-style: italic;font-weight:bold}
.vsmcontent P.quote:before{content:"\201c";position:absolute;left:0.3em;top:0.6em;color:var(--background-main-color);font-family:var(--default-fourth-font);font-size:5em;font-weight:bold;font-style:normal}
.vsmcontent P.quote:after{content:"\201d";position:absolute;right:0.2em;bottom:0.15em;color:var(--background-main-color);font-family:var(--default-fourth-font);font-size:5em;font-weight:bold;font-style:normal}
/*Pastilla en Rojo*/
.vsmcontent P.quoteRed{position:relative;box-sizing:border-box;background-color:var(--background-main-color);font-size:25px;line-height:1.1em;color:rgba(255,255,255,0.75);padding:2em 3em;text-align:center;clear:both;font-family:var(--summary-font);font-style: italic}
.vsmcontent P.quoteRed:before{content:"\201c";position:absolute;left:0em;top:0.5em;color:rgba(255,255,255,0.55);font-family:var(--summary-font);font-size:5em;font-weight:bold}
.vsmcontent P.quoteRed:after{content:"\201d";position:absolute;right:0.3em;bottom:0.15em;color:rgba(255,255,255,0.55);font-family:var(--summary-font);font-size:5em;font-weight:bold}
/*Título*/
.vsmcontent h3{font-family:var(--default-third-font);line-height:0.9em;font-size:1.8em;margin:1.5em auto 0.5em auto;letter-spacing:-0.02em}
/*Destacado Rojo*/
.vsmcontent P.main-color{background-color:var(--background-main-color);padding: 1.5em 2.5em;margin-top: 0.5em;margin-bottom: 0.5em;width: 100%;clear: both;border-radius: 2px;box-sizing: border-box;font-weight: bold;color: rgba(255,255,3255,0.75);font-family:var(--default-second-font);font-size:20px;line-height:1.8em}
.vsmcontent P.main-color a{text-decoration:underline}
.vsmcontent P.main-color.floatright{float:right;width:46%;margin:0 0 0.5em 1em}
.vsmcontent P.main-color.floatleft {float:left;width:46%;margin:0 1em 0.5em 0}
/*Destacado Negro*/
.vsmcontent P.second-color{background-color:var(--background-second-color);padding: 1.5em 2.5em;margin-top: 0.5em;margin-bottom: 0.5em;width: 100%;clear: both;border-radius: 2px;box-sizing: border-box;font-weight: bold;color: rgba(255,255,255,0.75);font-family:var(--default-second-font);font-size:20px;line-height:1.8em}
.vsmcontent P.second-color a{text-decoration:underline}
.vsmcontent P.second-color.floatright{float:right;width:46%;margin:0 0 0.5em 1em}
.vsmcontent P.second-color.floatleft {float:left;width:46%;margin:0 1em 0.5em 0}
/*Destacado Gris Claro*/
.vsmcontent P.third-color{background-color:var(--background-third-color);padding: 1.5em 2.5em;margin-top: 0.5em;margin-bottom: 0.5em;width: 100%;clear: both;border-radius: 2px;box-sizing: border-box;font-weight: bold;color: rgba(0,0,0,0.5);font-family:var(--default-second-font);font-size:20px;line-height:1.8em}
.vsmcontent P.third-color a{text-decoration:underline}
.vsmcontent P.third-color.floatright{float:right;width:46%;margin:0 0 0.5em 1em}
.vsmcontent P.third-color.floatleft {float:left;width:46%;margin:0 1em 0.5em 0}


.vsmcontent a{text-decoration:none;color:#ff1919}
.vsmcontent a:hover{color:#231F20}


/* Image with format */
.vsmcontent figure.vsmimage{box-sizing:border-box;margin:0;position:relative;margin-bottom:2em;}
.vsmcontent figure.vsmimage img{vertical-align:middle;width:100%;height:auto}
.vsmcontent figure.vsmimage img.vsmimage{border:0px;vertical-align:middle}
.vsmcontent figure.vsmimage.floatleft{float:left;width:46%;margin:0 1em 0.5em 0 }
.vsmcontent figure.vsmimage.floatright{float:right;width:46%;margin:0 0 0.5em 1em}
.vsmcontent figure.vsmimage figcaption{color:#e2e2e2;z-index:3;font-size:75%;padding:1em 0;position: absolute;left: 0;right: 0;bottom: 0;text-shadow: rgba(0,0,0,0.8) 1px 1px 0px, rgba(0,0,0,1) 0px 0px 4px;padding:0 3%}

/* Widget */
.vsmcontent figure.vsmwidget{margin:0;border:0;padding:0;box-sizing:border-box;clear:both;margin:0;display:flex;justify-content:center;margin-bottom:2em;}
.vsmcontent figure.vsmwidget iframe{vertical-align:middle}

/* Widget Facebook Post */
.vsmcontent figure.vsmwidget.widget-type-facebook iframe{max-width:750px;display: block;margin:0 auto}
.vsmcontent figure.vsmwidget.widget-type-facebook.floatleft{float:left;width:46%;margin:0 1em 0.5em 0}
.vsmcontent figure.vsmwidget.widget-type-facebook.floatright{float:right;width:46%;;margin:0 0 0.5em 1em}
.vsmcontent figure.vsmwidget.widget-type-facebook.floatright iframe,
.vsmcontent figure.vsmwidget.widget-type-facebook.floatleft iframe{width:100%}


/* Widget Facebook Video */
.vsmcontent figure.vsmwidget.widget-type-facebook-video iframe{}
.vsmcontent figure.vsmwidget.widget-type-facebook-video.floatleft{float:left;width:46%;margin:0 1em 0.5em 0}
.vsmcontent figure.vsmwidget.widget-type-facebook-video.floatright{float:right;width:46%;;margin:0 0 0.5em 1em}


/* Widget Youtube */
.vsmcontent figure.vsmwidget.widget-type-youtube.floatleft{float:left;width:46%;margin:0 1em 0.5em 0}
.vsmcontent figure.vsmwidget.widget-type-youtube.floatright{float:right;width:46%;;margin:0 0 0.5em 1em}


/*Tablas*/
.vsmcontent>table{background:#fff;clear:both;border-collapse: collapse;margin-bottom:2em;}
.vsmcontent>table tr{}
/*Cabecera*/
.vsmcontent>table tr.tableheader{padding:5px;text-transform:uppercase;font-size:14px;color:#f6f3f2}
.vsmcontent>table tr.tableheader td{background:#333;color:#fff}
.vsmcontent>table td{color:rgba(0, 0, 0, 0.8);font-size:13px;padding:0 5px;border:1px solid #ccc}
.vsmcontent>table td p{margin:0.5em 0}

/*Forms*/
.vsmcontent>form{margin:1px;resize:none}
.vsmcontent>form input{margin-bottom:15px;font-size:14px}
.vsmcontent>form {margin-bottom:15px;font-size:14px}
.vsmcontent>form #vsmcaptchareload{width: 33px;height: 31px;display: inline-block;margin: 0 10px;background: url(/0/img/lyt/captcha-reload.png) no-repeat;cursor: pointer}
.vsmcontent>form .vsmcaptcha input{vertical-align:top;margin-top:4px}


@media (max-width:768px){
    .content.vsmcontent{padding-right:0}
}

@media (max-width:500px){
    .vsmcontent figure.vsmwidget.widget-type-facebook.floatleft,
    .content-wrapper .vsmcontent figure.vsmwidget.floatleft,
    .content-wrapper .vsmcontent figure.vsmimage.floatleft{float:unset;width:100%;margin:1em 0}
    .vsmcontent figure.vsmwidget.widget-type-facebook.floatright,
    .content-wrapper .vsmcontent figure.vsmwidget.floatright,
    .content-wrapper .vsmcontent figure.vsmimage.floatright{float:unset;width:100%;margin:1em 0}
}