/* ========== */
/* = RESETS = */
/* ========== */
* { margin: 0; padding: 0; }
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }
a img, fieldset { border: 0; }
body { font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #333; background:#e4e4e4 none repeat scroll 0 0; } /*issue*/
img { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
.accessible { display: none; }
button, label { cursor: pointer; }
textarea, input, button, legend { outline: none; font-family: Arial, Helvetica, sans-serif; }
legend { display: block; }
table { border-spacing: 0; width: 100%; }
a, a:visited, a:link, a:active { color: #4C99B2; text-decoration: none; }
button { overflow: visible; }



/* ======== */
/* = GRID = */
/* ======== */
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrapper { margin: 0 auto; width: 972px; }
/* ============== */
/* = GRID UNITS = */
/* ============== */
.row { display: block; clear: both; }
.col, .col_sls, .col_srs, .col_slm, .col_srm, .col_shs, .col_shm, .col_srb { float: left; margin-left: 0%; }
.col_r { float: right; }
.col_sls > * { margin-left: 10px; }
.col_slm > * { margin-left: 20px; }
.col_srm > * { margin-right: 20px; }
/*.col_shm > * { margin-right: 20px; margin-left: 20px; margin-top:27px; }*/
.col_shm > * { margin-right: 20px; margin-left: 20px; }
.col_srb > * { margin-right: 30px; }
.col > .row, .col_sls > .row, .col_srs > .row, .col_slm > .row, .col_srm > .row, .col_shs > .row, .col_shm > .row, .col_srb > .row { margin-left: 0; margin-right: 0; }
/* ============== */
/* = STRUCTURES = */
/* ============== */
.item { zoom: 1;/* needed if .item is a <li> for example */ }
.item_media { float: left; }
.item_media img { display: block; }
.item_body { display: table; zoom: 1; }

/*  =========== */
/*  = SPACING = */
/*  =========== */
/* ================== */
/* = DEFAULT LAYOUT = */
/* ================== */
[role="main"] {
 background:#e4e4e4 none repeat scroll 0 0;
 border-top: 1px solid #E2F1F8;
 padding-top: 37px;
}
.content { background-color: #fff; padding-bottom: 20px; }
.pbm { padding-bottom: 20px; }
.m-heading { font-size: 45px; line-height: normal; }
.m-heading-small { font-size: 25px; line-height: normal; } /* font size changed Hogar-Q8 */
/*.m-heading-mini { font-size: 19px; line-height: normal; min-height: 56px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; } */
.m-heading-mini { font-size: 19px; line-height: normal; min-height: 48px; padding-top: 8px; } /* cj enhancement */
.m-info_link { padding-top: 4px; padding-bottom: 2px; color: #4A92AB; text-decoration: none; text-align: right; }
.m-info_link span { display: block; color: #fff; font-size: 20px; }
.m-info_link .icon { display: block; float: right; *float: none;
}
body.external .content { color: #666666; font-size: 13px; margin: 0 10px; padding: 50px 10px; }
body.external p.info { font-size: 18px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
body.external p.title { font-size: 35px; margin-bottom: 10px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
body.external p { margin-bottom: 5px; text-align: center; }
body.external .content div { background: url("/ImgCdn/Common/bg_external.gif") no-repeat scroll center center transparent; border-bottom: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; margin: 30px auto; overflow: hidden; padding: 30px 0; width: 784px; }
body.external .content div .external_image { float: right; margin-right: 90px; }
body.external .content div img { float: left; margin-left: 20px; vertical-align: middle; }

 @media screen and (max-width:900px) {
body.external .content div { width: 100%; }
body.external .wrapper { width: 100%; }
}
 @media screen and (max-width:667px) {
body.external .content div { width: 100%; }
body.external .wrapper { width: 100%; }
img.DeepLogo { width: 230px; }
body.external .content div .external_image { margin-right: 18px; }
}
 @media screen and (max-width:568px) {
body.external .content div { background-size: 20%; }
body.external .content div img { margin-left: 10px; }
}
 @media screen and (max-width:480px) {
body.external .content div img { margin-left: 10px; margin-bottom: 40px; }
body.external .content div { background-size: 40%; background-position: 77px 98px; margin: 10px auto; padding: 10px 0; width: 55%; }
}
 @media screen and (max-width:414px) {
body.external .content div{width:66%;}
}
 @media screen and (max-width:384px) {
body.external .content div { background-size: 40%; background-position: 77px 98px; margin: 10px auto; padding: 10px 0; width: 98%; }
body.external .content div .external_image { margin-left: 41px; margin-right: 0px; float: left; }
}
.clear20 { clear: both; height: 20px; }