@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;
}

html{font-size:62.5%}
.vsmcontent{font-family:'roboto';font-size:174%;color:#4B4B4B;line-height:1.7em;max-width:798px}
.vsmcontent P{text-align:justify}

/* Destacado Gris*/ 
.vsmcontent P.gray{background:rgba(0,0,0,0.3);padding:0.7em;margin-top:0.5em;margin-bottom:0.5em;width:100%;clear:both;border-radius:2px;box-sizing:border-box}
.vsmcontent P.gray a{text-decoration:underline}
.vsmcontent P.gray.floatright{float:right;width:46%;margin:0 0 0.5em 1em}
.vsmcontent P.gray.floatleft {float:left;width:46%;margin:0 1em 0.5em 0}  

/*Destacado*/
.vsmcontent SPAN.highlight{color:#404040;font-weight:bold;font-size:110%;text-transform: uppercase;}

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

                                                   
/* Image with format */
.vsmcontent figure.vsmimage{box-sizing:border-box;clear:both;margin:0}
.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}

/*Widget*/
.vsmcontent figure.vsmwidget{margin:0;border:0;padding:0;box-sizing:border-box;clear:both;margin:0}
.vsmcontent figure.vsmwidget iframe{vertical-align:middle}
.vsmcontent figure.vsmwidget.floatleft{float:left;width:46%;margin:0 1em 0.5em 0}
.vsmcontent figure.vsmwidget.floatright{float:right;width:46%;;margin:0 0 0.5em 1em}

/*Tablas*/
.vsmcontent>table{background:#fff;clear:both;border-collapse: collapse}
.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}
.vsmcontent .vsmformerror{border:1px solid #c73300;margin:0px}