@charset "UTF-8";
/** # Concise.CSS http://github.com/ConciseCSS/concise.css Copyright 2014 Contributors Released under the MIT license http://opensource.org/licenses/MIT */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

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

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

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

[hidden], template { display: none; }

a { background: transparent; }

a:focus { outline: thin dotted; }

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

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; -ms-interpolation-mode: bicubic; }

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

figure { margin: 1em 40px; }

hr { border: solid #eee; border-width: 1px 0 0; box-sizing: content-box; clear: both; height: 0; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 16px; font-size: 1rem; line-height: 1.5; }

q { quotes: none; }

q:before, q:after { content: ''; content: none; }

form { margin: 0; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; vertical-align: baseline; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

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

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

input { line-height: normal; }

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

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

input[type="search"] { box-sizing: content-box; -webkit-appearance: textfield; }

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

fieldset { margin: 0 2px; }

legend { border: 0; padding: 0; white-space: normal; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

.clearfix:after { content: ""; display: table; clear: both; }

*, *:before, *:after { box-sizing: border-box; }

html, body { background-color: #ffffff; color: #333333; font: normal normal 1em/1.5 "Droid Sans", Helvetica, Arial, sans-serif; margin: 0; font-smooth: always; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; }

html[dir="rtl"] { direction: rtl; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .giga, .mega, .kilo, hgroup, ul, ol, dl, blockquote, p, address, table, fieldset, figure, pre, .row, .form-item { margin-bottom: 24px; margin-bottom: 1.5rem; }

hr { margin-bottom: 22px; margin-bottom: 1.375rem; }

ul, ol, dd { margin-left: 48px; margin-left: 3rem; }

*::-webkit-selection { background-color: #666666; color: #ffffff; }

*::-moz-selection { background-color: #666666; color: #ffffff; }

*::selection { background-color: #666666; color: #ffffff; }

a { color: #62b3e7; }

a:hover, a:visited { color: #8ec8ee; cursor: pointer; }

p a, p a:visited { line-height: inherit; }

small, .small { font-size: 12px; font-size: 0.75rem; line-height: 2; }

.micro { font-size: 10px; font-size: 0.625rem; line-height: 2.4; }

address { font-style: normal; }

abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #333333; }

acronym { cursor: help; border-bottom: 1px dashed #333333; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .giga, .mega, .kilo { color: #181818; font-family: "Droid Sans", Helvetica, Arial, sans-serif; font-weight: normal; text-rendering: optimizeLegibility; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, .giga a, .mega a, .kilo a { font-weight: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, .giga small, .mega small, .kilo small { color: #808080; font-size: 60%; line-height: 1; }

h1, .h1 { font-size: 24px; font-size: 1.5rem; line-height: 1; }

@media (min-width: 48em) { h1, .h1 { font-size: 32px; font-size: 2rem; line-height: 1.5; } }

@media (min-width: 60em) { h1, .h1 { font-size: 36px; font-size: 2.25rem; line-height: 1.33333; } }

h2, .h2 { font-size: 20px; font-size: 1.25rem; line-height: 1.2; }

@media (min-width: 48em) { h2, .h2 { font-size: 24px; font-size: 1.5rem; line-height: 1; } }

@media (min-width: 60em) { h2, .h2 { font-size: 30px; font-size: 1.875rem; line-height: 1.6; } }

h3, .h3 { font-size: 18px; font-size: 1.125rem; line-height: 1.33333; }

@media (min-width: 48em) { h3, .h3 { font-size: 20px; font-size: 1.25rem; line-height: 1.2; } }

@media (min-width: 60em) { h3, .h3 { font-size: 24px; font-size: 1.5rem; line-height: 1; } }

h4, .h4 { font-size: 16px; font-size: 1rem; line-height: 1.5; }

@media (min-width: 48em) { h4, .h4 { font-size: 18px; font-size: 1.125rem; line-height: 1.33333; } }

@media (min-width: 60em) { h4, .h4 { font-size: 20px; font-size: 1.25rem; line-height: 1.2; } }

h5, .h5 { font-size: 14px; font-size: 0.875rem; line-height: 1.71429; }

@media (min-width: 48em) { h5, .h5 { font-size: 16px; font-size: 1rem; line-height: 1.5; } }

@media (min-width: 60em) { h5, .h5 { font-size: 18px; font-size: 1.125rem; line-height: 1.33333; } }

h6, .h6 { font-size: 12px; font-size: 0.75rem; line-height: 2; }

@media (min-width: 48em) { h6, .h6 { font-size: 14px; font-size: 0.875rem; line-height: 1.71429; } }

@media (min-width: 60em) { h6, .h6 { font-size: 16px; font-size: 1rem; line-height: 1.5; } }

.giga { font-size: 48px; font-size: 3rem; line-height: 1; }

@media (min-width: 48em) { .giga { font-size: 64px; font-size: 4rem; line-height: 1.125; } }

@media (min-width: 70em) { .giga { font-size: 80px; font-size: 5rem; line-height: 1.2; } }

@media (min-width: 80em) { .giga { font-size: 96px; font-size: 6rem; line-height: 1; } }

.mega { font-size: 40px; font-size: 2.5rem; line-height: 1.2; }

@media (min-width: 48em) { .mega { font-size: 48px; font-size: 3rem; line-height: 1; } }

@media (min-width: 70em) { .mega { font-size: 64px; font-size: 4rem; line-height: 1.125; } }

@media (min-width: 80em) { .mega { font-size: 72px; font-size: 4.5rem; line-height: 1; } }

.kilo { font-size: 32px; font-size: 2rem; line-height: 1.5; }

@media (min-width: 48em) { .kilo { font-size: 32px; font-size: 2rem; line-height: 1.5; } }

@media (min-width: 70em) { .kilo { font-size: 48px; font-size: 3rem; line-height: 1; } }

@media (min-width: 80em) { .kilo { font-size: 64px; font-size: 4rem; line-height: 1.125; } }

ul, ol { margin-left: 20px; padding-left: 0px; }

ul li, ol li { line-height: 1.75em; }

ul ul, ol ul { list-style-type: circle; margin-bottom: auto; }

ul ul ul, ol ul ul { list-style-type: square; }

ul ul ol, ol ul ol { list-style-type: lower-roman; }

@media (min-width: 48em) { ul ul, ol ul { margin-left: 20px; } }

ul ol, ol ol { list-style-type: lower-latin; margin-bottom: auto; }

ul ol ol, ol ol ol { list-style-type: lower-roman; }

ul ol ul, ol ol ul { list-style-type: square; }

.list-unstyled { margin-left: 0px; list-style: none; }

.list-unstyled ul { list-style: none; }

.list-unstyled ul ul { list-style: none; }

.list-inline { margin-left: 0px; }

.list-inline li { border-bottom: none; display: inline; margin-right: 15px; }

.list-inline li:last-child { margin-right: 0px; }

@media (min-width: 48em) { .list-inline li { margin-right: 15px; }
  .list-inline li:last-child { margin-right: 0px; } }

@media (min-width: 60em) { .list-inline li { margin-right: 30px; }
  .list-inline li:last-child { margin-right: 0px; } }

dt { font-weight: bold; }

dd { margin-left: 0px; }

input[type="checkbox"], input[type="file"], input[type="image"], input[type="radio"] { background: auto; border: auto; height: auto; width: auto; }

input[disabled], select[disabled], textarea[disabled] { background-color: #f6f6f6; cursor: not-allowed; }

label { display: block; }

textarea { height: auto; }

.form input, .form select, .form textarea { border: 1px solid #cccccc; box-sizing: border-box; height: 37px; padding: 5px; width: 100%; }

@media (min-width: 30em) { .form input, .form select, .form textarea { width: 300px; } }

.form textarea { height: auto; }

@media (min-width: 30em) { .form input[type="submit"] { display: block; width: auto; } }

.form input:focus, .form select:focus, .form textarea:focus, .form button:focus, .form [contenteditable="true"]:focus { outline: 1px solid #a6a6a6; }

.form fieldset { border: 1px solid #cccccc; padding: 10px 25px; }

.form fieldset legend { font-weight: bold; font-size: 13px; font-size: 0.8125rem; line-height: 1.84615; padding: 0 10px; }

.form-item { display: block; }

.form-inline label { width: auto; }

@media (min-width: 48em) { .form-inline label { display: inline-block; width: 100px; }
  .form-inline textarea { width: auto; } }

::-webkit-input-placeholder { color: #bbbbbb; }

:-ms-input-placeholder { color: #bbbbbb; }

::-moz-placeholder { color: #bbbbbb; }

:-moz-placeholder { color: #bbbbbb; }

.dropdown { cursor: pointer; outline: none; position: relative; width: auto; }

.dropdown .dropdown-menu { background-color: #ffffff; border: 1px solid #ededed; border-radius: inherit; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); font-weight: inherit; left: 0; margin-left: 0px; opacity: 0; pointer-events: none; position: absolute; right: 0; text-transform: none; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: 99999; }

.dropdown .dropdown-menu a { text-decoration: none; }

.dropdown .dropdown-menu p { margin: 0; padding: 10px 15px; }

.dropdown .dropdown-menu span { line-height: inherit; }

.dropdown .dropdown-menu img { padding: 15px; width: 100%; }

.dropdown .dropdown-menu iframe { height: auto; padding: 15px; width: 100%; }

.dropdown .dropdown-menu img + p, .dropdown .dropdown-menu iframe + p { padding-top: 0px; }

.dropdown .dropdown-menu hr { margin: 10px; }

.dropdown .dropdown-menu li { display: block; padding: 5px 10px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.dropdown .dropdown-menu li:hover { background-color: #f3f8f8; }

.dropdown .dropdown-menu > .dropdown-header { margin: 0; }

.dropdown ul.dropdown-menu { list-style-type: none; }

.dropdown.dropdown-active .dropdown-menu { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; pointer-events: auto; }

.dropdown .dropdown-header { color: #aaaaaa; cursor: default; font-size: 14px; font-size: 0.875rem; line-height: 1.71429; margin: 12px 0 0; padding: 0 0 0 9px; }

.dropdown.dropdown-collapse-full .dropdown-menu { width: 100%; }

@media (min-width: 48em) { .dropdown .dropdown-menu { width: 200px; }
  .dropdown.dropdown-small .dropdown-menu { width: 150px; }
  .dropdown.dropdown-large .dropdown-menu { width: 350px; }
  .dropdown.dropdown-full .dropdown-menu { width: 100%; }
  .dropdown.dropdown-collapse-full .dropdown-menu { width: 200px; } }

.dropdown .dropdown-header:hover, .dropdown li.dropdown-header:hover { background: none; }

.dropdown[class*='dropdown-arrow-'] .dropdown-menu { margin-top: 10px; }

.dropdown[class*='dropdown-arrow-'] .dropdown-menu:before, .dropdown[class*='dropdown-arrow-'] .dropdown-menu:after { border-color: #ffffff transparent; border-style: solid; bottom: 100%; border-width: 0 6px 6px 6px; content: ""; height: 0; position: absolute; width: 0; }

.dropdown[class*='dropdown-arrow-'] .dropdown-menu:before { border: 8px rgba(0, 0, 0, 0.1); border-right-color: transparent; border-left-color: transparent; border-top-width: 0; }

.dropdown.dropdown-arrow-left .dropdown-menu:after { left: 15px; }

.dropdown.dropdown-arrow-left .dropdown-menu:before { left: 13px; }

.dropdown.dropdown-arrow-right .dropdown-menu:after { right: 15px; }

.dropdown.dropdown-arrow-right .dropdown-menu:before { right: 13px; }

.dropdown.up .dropdown-menu { bottom: 100%; }

.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu { margin-bottom: 10px; }

.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:after, .dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:before { top: 100%; }

.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:after { border-width: 6px 6px 0 6px; }

.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:before { border-width: 8px 8px 0 8px; }

.nav-responsive.nav-responsive-text.naver .naver-container:before, .nav-responsive-left.nav-responsive-text.naver .naver-container:after, .nav-responsive-center.nav-responsive-text.naver .naver-container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; text-align: center; visibility: hidden; }

nav ul, nav ol { list-style: none; margin: 0; }

nav li { cursor: pointer; position: relative; }

.dropdown nav li { margin-right: 0px; }

.naver .naver-handle { color: inherit; cursor: pointer; display: none; font-size: 24px; font-size: 1.5rem; line-height: 1; text-align: right; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.naver .naver-wrapper { height: auto; width: 100%; }

.naver.enabled .naver-handle { display: block; }

.naver.enabled .naver-wrapper { height: 0px; overflow: hidden; }

.naver.enabled .naver-wrapper li { display: block; padding: 8px; text-align: left; width: 100%; }

.naver.enabled .naver-wrapper li:hover { background: #f9f9f9; }

.nav-responsive.naver .naver-handle:after { content: "\2261"; text-align: right; }

.nav-responsive.nav-responsive-text.naver .naver-handle:after { content: "\00a0 \2261"; }

.nav-responsive-left.naver .naver-handle { text-align: left; }

.nav-responsive-left.naver .naver-handle:before { content: "\2261"; text-align: left; }

.nav-responsive-left.nav-responsive-text.naver .naver-handle:before { content: "\2261 \00a0"; }

.nav-responsive-center.naver .naver-handle { text-align: center; }

.nav-responsive-center.naver .naver-handle:before { content: "\2261"; text-align: center; }

.nav-responsive-center.nav-responsive-text.naver .naver-handle:before { content: "\2261 \00a0"; }

.float-left { float: left; }

.float-right { float: right; }

.float-none { float: none; }

.align-center { display: block; margin-left: auto; margin-right: auto; }

.no-margin { margin: 0; }

.inline { display: inline; }

.show { display: block; visibility: visible; }

.hide { display: none; visibility: hidden; }

.screen-reader, .text-hide { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.full-width { width: 100%; }

img.full-width { max-width: 100%; height: auto; display: block; width: auto; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.weight-light { font-weight: 300; }

.weight-normal { font-weight: 400; }

.weight-semibold { font-weight: 600; }

.text-uppercase { text-transform: uppercase; }

.amp { font: italic 110% Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; }

.caret { border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; display: inline-block; margin: 0 0 3px 4px; vertical-align: middle; width: 0; }

.fluid { max-width: 100%; height: auto; }

.show-extra-small, .hide-small, .hide-medium, .hide-large, .hide-extra-large, .hide-print, .hide-hd { display: block; visibility: visible; }

.hide-extra-small, .show-small, .show-medium, .show-large, .show-extra-large, .show-print, .show-hd { display: none; visibility: hidden; }

@media (min-width: 48em) { .show-small, .hide-extra-small, .hide-medium, .hide-large, .hide-extra-large { display: block; visibility: visible; }
  .hide-small, .show-extra-small, .show-medium, .show-large, .show-extra-large { display: none; visibility: hidden; } }

@media (min-width: 60em) { .show-medium, .hide-small, .hide-extra-small, .hide-large, .hide-extra-large { display: block; visibility: visible; }
  .hide-medium, .show-small, .show-extra-small, .show-large, .show-extra-large { display: none; visibility: hidden; } }

@media (min-width: 70em) { .show-large, .hide-extra-small, .hide-small, .hide-medium, .hide-extra-large { display: block; visibility: visible; }
  .hide-large, .show-extra-small, .show-small, .show-medium, .show-extra-large { display: none; visibility: hidden; } }

@media (min-width: 80em) { .show-extra-large, .hide-extra-small, .hide-small, .hide-medium, .hide-large { display: block; visibility: visible; }
  .hide-extra-large, .show-extra-small, .show-small, .show-medium, .show-large { display: none; visibility: hidden; } }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .show-hd { display: block; visibility: visible; }
  .hide-hd { display: none; visibility: hidden; } }

@media print { @page { margin: 0.5cm; }
  *, *:before, *:after { background: transparent !important; color: black !important; -webkit-filter: none !important; filter: none !important; text-shadow: none !important; }
  body { background-color: #fff; color: #000; font: 0.57em/1.3 Georgia, "Times New Roman", Times, serif; }
  img { max-width: 100% !important; }
  .show-print { display: block; visibility: visible; }
  .hide-print, video, audio, object, embed, nav, footer, a[href^="#"]:after { display: none; visibility: hidden; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  a, a:visited { color: #000; text-decoration: underline; word-wrap: break-word; }
  a[href]:after, a:visited[href]:after { content: " (" attr(href) ")"; font-size: smaller; }
  q:after { content: " (Source: " attr(cite) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #ededed; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  ul { list-style: none; }
  ul li { content: "» "; } }

.hide_svg { visibility: hidden; width: 0; height: 0; position: absolute; margin-top: -999em; }

.fuente_source-sans, body, .item-servicio .texto-servicio, .lista-productos .producto-item h3:after, .lista-productos .staff-item h3:after, .lista-staff .producto-item h3:after, .lista-staff .staff-item h3:after { font-family: 'Source Sans Pro', sans-serif; }

.fuente_merri, h1, h2, h3, h4, h5, h6 { font-family: 'Merriweather', serif; }

.texto_blanco { color: #fff; }

.texto_azul { color: #00407B; }

.btn_cian, .btn_cerrar-modal, .lista-productos .producto-item h3:after, .lista-productos .staff-item h3:after, .lista-staff .producto-item h3:after, .lista-staff .staff-item h3:after { background-color: rgba(0, 155, 219, 0.4); border: 1px solid #009BDB; color: #fff; display: block; text-align: center; margin: 1em auto; -webkit-transition: 0.2s 0.1s background-color ease; transition: 0.2s 0.1s background-color ease; }

.btn_cian:hover, .btn_cerrar-modal:hover, .lista-productos .producto-item h3:hover:after, .lista-productos .staff-item h3:hover:after, .lista-staff .producto-item h3:hover:after, .lista-staff .staff-item h3:hover:after { background-color: rgba(0, 155, 219, 0.8); color: #fff; -webkit-transition: 0.3s background-color ease; transition: 0.3s background-color ease; }

.btn_cian.btn_azul, .btn_azul.btn_cerrar-modal, .lista-productos .producto-item h3.btn_azul:after, .lista-productos .staff-item h3.btn_azul:after, .lista-staff .producto-item h3.btn_azul:after, .lista-staff .staff-item h3.btn_azul:after { background-color: rgba(0, 64, 123, 0.4); border: 1px solid #00407B; }

.btn_cian.btn_azul:hover, .btn_azul.btn_cerrar-modal:hover, .lista-productos .producto-item h3.btn_azul:hover:after, .lista-productos .staff-item h3.btn_azul:hover:after, .lista-staff .producto-item h3.btn_azul:hover:after, .lista-staff .staff-item h3.btn_azul:hover:after { background-color: rgba(0, 64, 123, 0.8); }

.btn_cian.btn_gris, .btn_gris.btn_cerrar-modal, .lista-productos .producto-item h3.btn_gris:after, .lista-productos .staff-item h3.btn_gris:after, .lista-staff .producto-item h3.btn_gris:after, .lista-staff .staff-item h3.btn_gris:after { background-color: rgba(226, 233, 239, 0.5); border: 1px solid #E2E9EF; color: #27241F; }

.btn_cian.btn_gris:hover, .btn_gris.btn_cerrar-modal:hover, .lista-productos .producto-item h3.btn_gris:hover:after, .lista-productos .staff-item h3.btn_gris:hover:after, .lista-staff .producto-item h3.btn_gris:hover:after, .lista-staff .staff-item h3.btn_gris:hover:after { background-color: rgba(226, 233, 239, 0.8); }

.close { color: #000; float: right; font-size: 22px; font-size: 1.375rem; line-height: 1.09091; font-weight: bold; opacity: .2; }

.close:hover, .close:focus { color: #000; cursor: pointer; opacity: .5; text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }

button.close { background: transparent; border: 0; cursor: pointer; padding: 0; }

.well .close { margin-top: 6px; }

.mensaje-container { width: 100%; margin: 1em auto; padding: 1em; }

.mensaje-container.mensaje-azul { background-color: rgba(0, 76, 146, 0.7); border: 1px solid #004C92; }

.mensaje-container.mensaje-azul p, .mensaje-container.mensaje-azul button.close, .mensaje-container.mensaje-azul i.fa { color: #fff; }

.mensaje-container.mensaje-blanco { background-color: rgba(255, 255, 255, 0.95); border: 1px solid #fff; }

.mensaje-container.mensaje-blanco p, .mensaje-container.mensaje-blanco i.fa { color: #00386E; }

.mensaje-container p { margin: 0.5em 0; font-weight: 700; }

.mensaje-container p i.fa { line-height: 0.75; padding-right: 0.25em; }

.mensaje-container button.close { margin-top: -0.25em; }

.fila { width: 100%; }

.fila:after { clear: both; content: " "; display: table; }

.fila .media-columna-1 { background-clip: padding-box; }

@media (min-width: 48em) { .fila .media-columna-1 { float: left; width: 49%; } }

.fila .media-columna-2 { background-clip: padding-box; }

@media (min-width: 48em) { .fila .media-columna-2 { float: left; margin-left: 2%; width: 49%; } }

.fila .una-columna { background-clip: padding-box; }

@media (min-width: 48em) { .fila .una-columna { float: left; margin-left: 2%; width: 100%; } }

.fila .un-tercio { background-clip: padding-box; }

@media (min-width: 48em) { .fila .un-tercio { float: left; margin-left: 2%; width: 32%; } }

body { background-color: #2f467e; }

body.modal_abierto { overflow-y: hidden; }

.big { font-size: 1.125em; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.contenido-wrap { width: 95vw; margin: 0 auto; min-width: 320px; max-width: 1200px; }

.contenedor-fila { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row no-wrap; -ms-flex-flow: row no-wrap; flex-flow: row no-wrap; }

.media-columna { width: 100%; margin: 0; }

@media (min-width: 60em) { .media-columna { width: 50%; } }

main.contenedor-principal { box-shadow: 0 2px 6px rgba(39, 36, 31, 0.5); }

@media (min-width: 60em) { main.contenedor-principal { margin-bottom: 360px; } }

.seccion--informacion { padding: 3em 0; }

.margen-preventivo { border-top: 4em solid transparent; margin-top: -4em; background-clip: padding-box; }

.primera_lina { margin-top: 0; }

section.inicio { background: #2f467e url("../img/inicio_bg.jpg") no-repeat scroll center center; background-size: cover; }

@media (min-width: 60em) { section.inicio { background-attachment: fixed; } }

.contenido--inicio { height: 100vh; min-height: 300px; position: relative; }

.cabecera-principal { position: absolute; top: 30vh; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.logo-principal { display: block; position: relative; text-align: center; }

.logo-principal svg { width: 280px; height: 80px; fill: #fff; margin: 0 auto; }

@media (min-width: 30em) { .logo-principal svg { width: 350px; } }

@media (min-width: 48em) { .logo-principal svg { width: 420px; } }

@media (min-width: 60em) { .logo-principal svg { width: 520px; } }

@media (min-width: 30em) { .logo-principal svg { height: 100px; } }

@media (min-width: 48em) { .logo-principal svg { height: 115px; } }

@media (min-width: 60em) { .logo-principal svg { height: 150px; } }

.slogan { width: 100%; color: #fff; text-align: center; font-weight: 300; font-style: italic; margin-top: 0; }

.ssn-legal { width: 110px; position: absolute; bottom: 2.5%; left: 8%; }

@media (min-width: 48em) { .ssn-legal { bottom: 12%; } }

/** MENU PRINCIPAL **/
#navegacion-principal { display: none; }

@media (min-width: 60em) { #navegacion-principal { display: block; } }

nav.nav-inicio { position: absolute; width: 100%; bottom: 0; background-color: rgba(0, 56, 110, 0.5); padding: 1.5em 0; border-bottom: 1px solid #004C92; border-top: 1px solid #004C92; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

nav.nav-inicio .logo_nav { fill: #FFF; display: none; position: absolute; top: 8px; -webkit-transition: fill 0.2s 0.1s ease; transition: fill 0.2s 0.1s ease; }

nav.nav-inicio .logo_nav:hover { fill: #009BDB; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; }

nav.nav-inicio .logo_nav svg { height: 50px; width: 230px; }

nav.nav-inicio ul.list-inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

nav.nav-inicio ul.list-inline a { color: #fff; font-size: 1.125em; padding: 1em 0.5em; margin: 0; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }

nav.nav-inicio ul.list-inline a:hover { color: #009BDB; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }

.nav-fija nav.nav-inicio { position: fixed; top: 0; bottom: auto; background-color: #00386E; box-shadow: 0 2px 6px rgba(39, 36, 31, 0.5); padding: 1.25em 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 900; }

.nav-fija nav.nav-inicio .logo_nav { display: block; }

.nav-fija nav.nav-inicio ul.list-inline { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.nav-fija nav.nav-inicio ul.list-inline li { margin-right: 2.5%; }

.nav-fija nav.nav-inicio ul.list-inline a { font-size: 1em; padding: 0; }

.nav-fija nav.nav-inicio ul.list-inline li.current a { color: #009BDB; }

/** MENU MOVIL **/
#cd-nav { display: block; }

#cd-nav ul { /* mobile first */ position: fixed; width: 90%; max-width: 400px; right: 5%; bottom: 20px; background: rgba(0, 64, 123, 0.85); box-shadow: 0 2px 6px rgba(0, 56, 110, 0.5); border: 1px solid #00386E; visibility: hidden; /* remove overflow:hidden if you want to create a drop-down menu - but then remember to fix/eliminate the list items animation */ overflow: hidden; z-index: 500; /* Force Hardware Acceleration in WebKit */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s; transition: transform 0.3s, visibility 0s 0.3s; }

#cd-nav ul li { /* Force Hardware Acceleration in WebKit */ -webkit-backface-visibility: hidden; backface-visibility: hidden; }

#cd-nav ul.is-visible { visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s; transition: transform 0.3s, visibility 0s 0s; }

#cd-nav li a { display: block; color: #fff; font-weight: 600; padding: 0.65em 1.5em; border-bottom: 1px solid #00386E; text-decoration: none; }

#cd-nav li:last-child a { border-bottom: none; }

@media (min-width: 60em) { #cd-nav { display: none; } }

.cd-nav-trigger { position: fixed; bottom: 20px; right: 5%; width: 44px; height: 44px; background: rgba(0, 64, 123, 0.85); box-shadow: 0 2px 6px rgba(0, 56, 110, 0.5); border: 1px solid #00386E; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; z-index: 501; }

.cd-nav-trigger span { /* the span element is used to create the menu icon */ position: absolute; display: block; width: 20px; height: 4px; background: #fff; top: 50%; margin-top: -2px; left: 50%; margin-left: -10px; -webkit-transition: background 0.3s; transition: background 0.3s; }

.cd-nav-trigger span::before, .cd-nav-trigger span::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s, background 0s; transition: transform 0.3s, background 0s; }

.cd-nav-trigger span::before { top: -8px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

.cd-nav-trigger span::after { bottom: -8px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

.cd-nav-trigger.menu-is-open { box-shadow: none; border: none; background-color: transparent; }

.cd-nav-trigger.menu-is-open span { background: rgba(255, 255, 255, 0); }

.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after { background: white; }

.cd-nav-trigger.menu-is-open span::before { top: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.cd-nav-trigger.menu-is-open span::after { bottom: 0; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }

/** MODAL**/
.modal--container { background-color: #fff; margin: 1em auto; z-index: -1; width: 96vw; max-width: 900px; position: relative; }

.modal--container.modal_inline { display: none; }

.modal--contenido { height: 96vh; padding: 0 0 1.5rem; overflow-y: auto; }

.texto-modal { background-color: #fff; padding: 1.5em; }

.texto-modal.sin_cabecera { margin-top: 70px; }

.dos-columnas { -webkit-columns: 300px 2; -moz-columns: 300px 2; columns: 300px 2; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; }

.modal { z-index: 1000 !important; top: 0 !important; margin: 0 !important; -webkit-transform: translate(-50%, 0) !important; -ms-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; }

.blocker { background: url("../img/footer_bg.jpg") no-repeat fixed 0% 0% rgba(0, 56, 110, 0.75) !important; background-size: cover !important; overflow: hidden !important; z-index: 999 !important; opacity: 0.75 !important; }

.close-modal { display: none !important; z-index: 1000 !important; }

.btn_cerrar-modal { padding: 1rem; position: absolute; top: 0; left: 0; margin: 0; background-color: rgba(0, 64, 123, 0.5); border: none; }

.btn_cerrar-modal .icon-cerrar-svg { fill: #00386E; width: 2.2rem; height: 2rem; -webkit-transition: fill 0.2s 0.1s ease; transition: fill 0.2s 0.1s ease; vertical-align: middle; }

.btn_cerrar-modal:hover .icon-cerrar-svg { fill: #fff; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; }

figure.foto-modal { margin: 0; width: 100%; }

figure.foto-modal.foto-fondo { position: absolute; top: 60px; left: 0px; z-index: -1; }

header.cabecera-modal { background-color: rgba(255, 255, 255, 0.75); margin-top: 33%; }

header.cabecera-modal .titulo-modal { margin: 0px; padding: 1rem 1.5rem; }

section.servicios, section.la-empresa { background-color: #fff; }

.lista-servicios { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.item-servicio { width: 50%; text-align: center; box-sizing: border-box; padding: 0.5em; margin: 0.75em auto; background-color: transparent; }

@media (min-width: 48em) { .item-servicio { width: 33%; margin: 1em auto; padding: 0.75em; } }

@media (min-width: 60em) { .item-servicio { width: 25%; margin: 1.5em auto; padding: 1em; } }

.item-servicio .texto-servicio { color: #00407B; font-size: 1em; margin-top: 0.5em; line-height: 1.25; font-weight: 300; }

@media (min-width: 48em) { .item-servicio .texto-servicio { font-size: 1.3em; margin-top: 1em; } }

.item-servicio svg { padding-top: 0.5em; max-width: 60px; max-height: 60px; fill: #009BDB; }

@media (min-width: 30em) { .item-servicio svg { max-width: 80px; max-height: 80px; } }

@media (min-width: 48em) { .item-servicio svg { padding-top: 1em; max-width: 120px; max-height: 120px; } }

/** Botones servicios **/
.botones_servicios { margin-top: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 48em) { .botones_servicios { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } }

.botones_servicios .btn_item { margin: 0.75em; background: #fff no-repeat center center; background-size: cover; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 300px; max-width: 350px; max-height: 160px; }

@media (min-width: 48em) { .botones_servicios .btn_item { width: auto; } }

.botones_servicios .btn_item.consejos { background-image: url(../img/consejos_btn2.jpg); }

.botones_servicios .btn_item.siniestros { background-image: url(../img/accidente_btn2.jpg); }

.botones_servicios .btn_item.auxilio { background-image: url(../img/auxilio_btn2.jpg); }

.botones_servicios .btn_cian, .botones_servicios .btn_cerrar-modal, .botones_servicios .lista-productos .producto-item h3:after, .lista-productos .producto-item .botones_servicios h3:after, .botones_servicios .lista-productos .staff-item h3:after, .lista-productos .staff-item .botones_servicios h3:after, .botones_servicios .lista-staff .producto-item h3:after, .lista-staff .producto-item .botones_servicios h3:after, .botones_servicios .lista-staff .staff-item h3:after, .lista-staff .staff-item .botones_servicios h3:after { margin: 0; padding: 1em 0.5em; text-decoration: none; }

.botones_servicios h5 { text-align: center; font-weight: 600; color: #fff; }

.auxilio_item { margin-top: 1.5em; }

.auxilio_item h5 { margin: 0; padding-top: 1.5em; }

.auxilio_item .tel-auxilio { font-weight: 600; font-size: 1.125em; margin: 0 0 0.5em 0; }

.auxilio-logo { width: 40%; min-height: 8em; margin: 0 0.75em 0 0; padding: 1em 0.75em 0; }

@media (min-width: 48em) { .auxilio-logo { width: 30%; padding: 1em; } }

@media (min-width: 60em) { .auxilio-logo { margin: 0 1.5em 0; padding: 1em 1.5em 0; } }

.siniestros-ul i.fa-li { line-height: 1.5; }

section.productos { background-color: #E2E9EF; }

.lista-productos, .lista-staff { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.lista-productos .producto-item, .lista-productos .staff-item, .lista-staff .producto-item, .lista-staff .staff-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; width: -webkit-calc(95vw / 2.1); width: calc(95vw / 2.1); height: -webkit-calc(95vw / 2.1); height: calc(95vw / 2.1); max-width: 240px; max-height: 240px; padding: 0; margin: 0; background: #004C92 no-repeat top center; background-size: cover; text-decoration: none; }

@media (min-width: 48em) { .lista-productos .producto-item, .lista-productos .staff-item, .lista-staff .producto-item, .lista-staff .staff-item { width: -webkit-calc(95vw / 4.1); width: calc(95vw / 4.1); height: -webkit-calc(95vw / 4.1); height: calc(95vw / 4.1); } }

.lista-productos .producto-item .item-nombre-wrap, .lista-productos .staff-item .item-nombre-wrap, .lista-staff .producto-item .item-nombre-wrap, .lista-staff .staff-item .item-nombre-wrap { padding: 1em; background-color: rgba(0, 56, 110, 0.6); width: 100%; height: 35%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.2s 0.1s all ease; transition: 0.2s 0.1s all ease; border: solid #00386E; border-width: 1px 0; }

.lista-productos .producto-item h3, .lista-productos .staff-item h3, .lista-staff .producto-item h3, .lista-staff .staff-item h3 { font-size: 1rem; font-weight: 300; line-height: 1.25; margin: 0; color: #fff; text-align: center; width: 100%; text-decoration: none; -webkit-transform: translate(0, 2.5em); -ms-transform: translate(0, 2.5em); transform: translate(0, 2.5em); -webkit-transition: 0.2s 0.1s all ease; transition: 0.2s 0.1s all ease; }

.lista-productos .producto-item h3:after, .lista-productos .staff-item h3:after, .lista-staff .producto-item h3:after, .lista-staff .staff-item h3:after { content: 'Ver más'; width: 75%; padding: 1em; font-size: 0.85em; font-weight: 700; opacity: 0; -webkit-transition: 0.2s  opacity ease; transition: 0.2s  opacity ease; }

.lista-productos .producto-item.producto-1, .lista-productos .staff-item.producto-1, .lista-staff .producto-item.producto-1, .lista-staff .staff-item.producto-1 { background-image: url(../img/productos_agropecuario.jpg); }

.lista-productos .producto-item.producto-2, .lista-productos .staff-item.producto-2, .lista-staff .producto-item.producto-2, .lista-staff .staff-item.producto-2 { background-image: url(../img/productos_tecnico.jpg); }

.lista-productos .producto-item.producto-3, .lista-productos .staff-item.producto-3, .lista-staff .producto-item.producto-3, .lista-staff .staff-item.producto-3 { background-image: url(../img/productos_vida.jpg); }

.lista-productos .producto-item.producto-4, .lista-productos .staff-item.producto-4, .lista-staff .producto-item.producto-4, .lista-staff .staff-item.producto-4 { background-image: url(../img/productos_caucion.jpg); }

.lista-productos .producto-item.producto-5, .lista-productos .staff-item.producto-5, .lista-staff .producto-item.producto-5, .lista-staff .staff-item.producto-5 { background-image: url(../img/productos_automotor.jpg); }

.lista-productos .producto-item.producto-6, .lista-productos .staff-item.producto-6, .lista-staff .producto-item.producto-6, .lista-staff .staff-item.producto-6 { background-image: url(../img/productos_vivienda.jpg); }

.lista-productos .producto-item.producto-7, .lista-productos .staff-item.producto-7, .lista-staff .producto-item.producto-7, .lista-staff .staff-item.producto-7 { background-image: url(../img/productos_comercio.jpg); }

.lista-productos .producto-item.producto-8, .lista-productos .staff-item.producto-8, .lista-staff .producto-item.producto-8, .lista-staff .staff-item.producto-8 { background-image: url(../img/productos_mala-praxis.jpg); }

.lista-productos .producto-item.producto-9, .lista-productos .staff-item.producto-9, .lista-staff .producto-item.producto-9, .lista-staff .staff-item.producto-9 { background-image: url(../img/productos_accidentes-personales.jpg); }

.lista-productos .producto-item.producto-10, .lista-productos .staff-item.producto-10, .lista-staff .producto-item.producto-10, .lista-staff .staff-item.producto-10 { background-image: url(../img/productos_transporte.jpg); }

.lista-productos .producto-item.producto-11, .lista-productos .staff-item.producto-11, .lista-staff .producto-item.producto-11, .lista-staff .staff-item.producto-11 { background-image: url(../img/productos_embarcaciones.jpg); }

.lista-productos .producto-item.producto-12, .lista-productos .staff-item.producto-12, .lista-staff .producto-item.producto-12, .lista-staff .staff-item.producto-12 { background-image: url(../img/productos_civil.jpg); }

.lista-productos .producto-item.producto-13, .lista-productos .staff-item.producto-13, .lista-staff .producto-item.producto-13, .lista-staff .staff-item.producto-13 { background-image: url(../img/productos_art.jpg); }

.lista-productos .producto-item:hover .item-nombre-wrap, .lista-productos .staff-item:hover .item-nombre-wrap, .lista-staff .producto-item:hover .item-nombre-wrap, .lista-staff .staff-item:hover .item-nombre-wrap { height: 100%; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }

.lista-productos .producto-item:hover h3, .lista-productos .staff-item:hover h3, .lista-staff .producto-item:hover h3, .lista-staff .staff-item:hover h3 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }

.lista-productos .producto-item:hover h3:after, .lista-productos .staff-item:hover h3:after, .lista-staff .producto-item:hover h3:after, .lista-staff .staff-item:hover h3:after { opacity: 1; -webkit-transition: 0.2s 0.1s opacity ease; transition: 0.2s 0.1s opacity ease; }

/*.ventana--staff{ position: relative; background-position: center center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; height: 220px; background-image: url(http://hernanzubiri.com.ar/sitiosprueba/segurosdg/staff_ventana.jpg) }*/
section.staff { background-color: #fff; padding-bottom: 3em; }

.lista-staff .staff-item { max-width: 300px; max-height: 300px; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.lista-staff .staff-item .item-nombre-wrap { background-color: rgba(0, 155, 219, 0.65); border-color: #009BDB; }

.lista-staff .staff-item h4, .lista-staff .staff-item small { color: #fff; text-align: center; width: 100%; }

.lista-staff .staff-item.staff-1 { background-image: url(../img/staff-luciano-del-gobbo.jpg); }

.lista-staff .staff-item.staff-2 { background-image: url(../img/staff-Anahi-Tortora.jpg); }

.lista-staff .staff-item.staff-3 { background-image: url(../img/staff-MARCELO-ANTENUCCI.jpg); }

.lista-staff .staff-item.staff-4 { background-image: url(../img/staff-Juan-Cejas.jpg); }

.lista-staff .staff-item.staff-5 { background-image: url(../img/staff-Denis-Tarda.jpg); }

.lista-staff .staff-item.staff-6 { background-image: url(../img/staff-Rocco-del-gobbo.jpg); }

.lista-staff .staff-item.staff-7 { background-image: url(../img/staff-Josefina-Ponce.jpg); }

.lista-staff .staff-item.staff-8 { background-image: url(../img/staff-nnnn.jpg); }

section.cotizacion { position: relative; padding: 3em 0; }

@media (min-width: 48em) { section.cotizacion { padding: 4.5em 0; } }

@media (min-width: 60em) { section.cotizacion { padding: 9em 0; } }

section.cotizacion .bg-wrap { background: #2f467e url("../img/cotizacion_bg-2.jpg") no-repeat 75% top; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; }

section.cotizacion article { position: relative; z-index: 10; }

section.cotizacion .destacado { font-size: 1.125em; font-weight: 300; font-style: italic; color: #fff; text-align: center; text-shadow: 0 1px 3px rgba(0, 56, 110, 0.4); max-width: 780px; margin: 1.5em auto; }

@media (min-width: 48em) { section.cotizacion .destacado { font-size: 1.25em; } }

@media (min-width: 60em) { section.cotizacion .destacado { font-size: 1.5em; } }

section.cotizacion .cotizacion_btn { font-size: 1em; padding: 1.5em; text-transform: uppercase; text-decoration: none; width: 75%; max-width: 320px; }

@media (min-width: 48em) { section.cotizacion .cotizacion_btn { font-size: 1.125em; } }

section.cotizacion p.aviso { color: #fff; text-align: center; margin: 0 auto 1.5rem; }

section.empresas { background-color: #e5e5e5; }

section.empresas .texto_blanco { color: #49484a; }

.lista-compa { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.lista-compa .item-compa { box-sizing: border-box; width: -webkit-calc((95vw / 2) - 1.75rem); width: calc((95vw / 2) - 1.75rem); height: -webkit-calc((95vw / 2) - 1.75rem); height: calc((95vw / 2) - 1.75rem); max-width: 260px; max-height: 260px; padding: 0.75rem; margin: 0 0.5rem; text-align: center; position: relative; overflow: hidden; }

@media (min-width: 48em) { .lista-compa .item-compa { width: -webkit-calc((95vw / 4) - 2.25rem); width: calc((95vw / 4) - 2.25rem); height: -webkit-calc((95vw / 4) - 2.25rem); height: calc((95vw / 4) - 2.25rem); padding: 1.5rem; margin: 0 0.75rem; } }

.lista-compa .item-compa .hover-compa { position: absolute; width: 100%; height: 0; left: 0; right: 0; bottom: -2px; background: rgba(255, 255, 255, 0.5); border: 1px solid #fff; -webkit-transition: height 0.3s 0.1s ease; transition: height 0.3s 0.1s ease; }

.lista-compa .item-compa .hover-compa .btn_azul { font-size: 0.85em; font-weight: 700; padding: 1em; width: 75%; margin-top: 35%; }

.lista-compa .item-compa:hover .hover-compa { bottom: 0; height: 100%; -webkit-transition: height 0.4s ease; transition: height 0.4s ease; }

.lista-compa .logo-compa { position: relative; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; }

.bloque-empresa { position: relative; }

.info-empresa { background-color: #fff; padding: 3rem 1rem 0; }

.la-caja-logo {
  max-width: 70% !important;
  margin: auto !important;
}

@media (min-width: 60em) { .info-empresa { padding: 3rem 3rem 2rem 0; } }

.info-empresa p { font-size: 1.1em; }

.info-empresa .ultimo-parrafo { clear: both; }

.info-empresa .nombre-director { font-size: 1.2em; font-weight: 700; font-style: italic; }

.info-empresa .foto-movil { display: block; max-width: 60%; }

.info-empresa .foto-movil.foto-m-1 { margin: 0 0 1rem 1rem; }

.info-empresa .foto-movil.foto-m-2 { margin: 0 1rem 1rem 0; }

@media (min-width: 48em) { .info-empresa .foto-movil { padding: 1rem; box-sizing: border-box; }
  .info-empresa .foto-movil.foto-m-1 { padding: 0 0 1rem 1rem; }
  .info-empresa .foto-movil.foto-m-2 { padding: 0 1rem 1rem 0; } }

@media (min-width: 60em) { .info-empresa .foto-movil { display: none; } }

.bloque-2 { margin-top: 1.5rem; }

.bloque-2 .info-empresa { padding: 0 1rem 3rem; }

@media (min-width: 60em) { .bloque-2 .info-empresa { margin: 0 0 0 50%; padding: 2rem 0 3rem 3rem; } }

.foto-empresa { display: none; }

@media (min-width: 60em) { .foto-empresa { display: block; position: absolute; top: 0; bottom: 0; }
  .foto-empresa.foto1 { background: transparent url("../img/la-empresa_foto2.jpg") no-repeat center right; background-size: cover; right: 0; left: 50%; }
  .foto-empresa.foto2 { background: transparent url("../img/la-empresa_foto3.jpg") no-repeat 20% 0%; background-size: cover; right: 50%; left: 0; } }

section.contacto { background-color: #004C92; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column-reverse wrap; -ms-flex-flow: column-reverse wrap; flex-flow: column-reverse wrap; }

@media (min-width: 60em) { section.contacto { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } }

section.contacto .mapa { width: 100%; }

@media (min-width: 60em) { section.contacto .mapa { width: 50%; } }

section.contacto .mapa-contenedor { position: relative; padding-bottom: 45vh; height: 0; overflow: hidden; }

@media (min-width: 60em) { section.contacto .mapa-contenedor { padding-bottom: 90vh; } }

section.contacto .mapa-contenedor iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section.contacto .form-contacto { color: #fff; width: 100%; max-width: 600px; box-sizing: border-box; padding: 1.5em 0; margin: 0 auto; }

/** FORMULARIOS **/
.form-item input[type="text"], .form-item input[type="email"], .form-item textarea, .form-item select { background-color: transparent; border: none; border-bottom: 2px solid #fff; padding: 0.5em 0 0.25em; width: 100%; -webkit-transition: all 0.2s 0.1s ease; transition: all 0.2s 0.1s ease; }

.form-item input[type="text"]:hover, .form-item input[type="text"]:focus, .form-item input[type="email"]:hover, .form-item input[type="email"]:focus, .form-item textarea:hover, .form-item textarea:focus, .form-item select:hover, .form-item select:focus { background-color: rgba(0, 155, 219, 0.4); border-color: #009BDB; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.form-item label { font-weight: 700; display: inline-block; }

.form-item label.sobre-renglon { -webkit-transform: translate(0, 1.75em); -ms-transform: translate(0, 1.75em); transform: translate(0, 1.75em); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.form-item label.textarea-label { -webkit-transform: translate(0, 4.5em); -ms-transform: translate(0, 4.5em); transform: translate(0, 4.5em); }

.form-item label.completo { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.form-item textarea { min-height: 5em; }

input.btn { padding: 0.75em 3em; }

.form-cotizacion .form-item input[type="text"], .form-cotizacion .form-item input[type="email"], .form-cotizacion .form-item textarea, .form-cotizacion .form-item select { border-bottom: 2px solid #00407B; }

.form-cotizacion .form-item input[type="text"]:hover, .form-cotizacion .form-item input[type="text"]:focus, .form-cotizacion .form-item input[type="email"]:hover, .form-cotizacion .form-item input[type="email"]:focus, .form-cotizacion .form-item textarea:hover, .form-cotizacion .form-item textarea:focus, .form-cotizacion .form-item select:hover, .form-cotizacion .form-item select:focus { background-color: rgba(0, 64, 123, 0.4); border-color: #00407B; }

footer.footer-sitio { background: #2f467e url("../img/footer_bg.jpg") repeat left -50% fixed; background-size: cover; color: #fff; }

@media (min-width: 60em) { footer.footer-sitio { position: fixed; bottom: 0; left: 0; right: 0; z-index: -1; min-height: 360px; } }

footer.footer-sitio .contenedor-fila { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 60em) { footer.footer-sitio .contenedor-fila { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1em; } }

footer.footer-sitio .footer-nombre { width: 100%; }

@media (min-width: 60em) { footer.footer-sitio .footer-nombre { width: auto; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } }

footer.footer-sitio .footer-derecha { margin: 1.5em 0.5em 0; max-width: 480px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

footer.footer-sitio .marca-footer { overflow: hidden; }

footer.footer-sitio .marca-footer .isotipo { fill: #fff; width: 70px; float: left; margin: 0 15px 0 0; }

@media (min-width: 60em) { footer.footer-sitio .marca-footer .isotipo { margin-top: 10px; } }

footer.footer-sitio h1, footer.footer-sitio h2, footer.footer-sitio h3, footer.footer-sitio h4 { margin: 0; }

footer.footer-sitio h1, footer.footer-sitio h2 { font-style: italic; }

footer.footer-sitio h5.horario_atencion { color: #E2E9EF; margin: 0; }

footer.footer-sitio .horario-contenedor { padding: 1em 1.5em; background-color: rgba(226, 233, 239, 0.3); border: 1px solid #E2E9EF; }

footer.footer-sitio .horario-contenedor .horario-svg { height: auto; width: 2.5em; margin-right: 1.5em; display: inline-block; }

footer.footer-sitio .horario-contenedor .horario-svg svg { fill: #E2E9EF; margin: 5px 0 -5px; }

footer.footer-sitio .horario-contenedor .horario-svg .abierto { display: none; }

footer.footer-sitio .horario-contenedor .horario-svg .cerrado { display: block; color: #E2E9EF; text-align: center; }

footer.footer-sitio .horario-contenedor .horario-texto { display: inline-block; width: -webkit-calc(100% - 5em); width: calc(100% - 5em); -webkit-transform: translate(0, -0.5em); -ms-transform: translate(0, -0.5em); transform: translate(0, -0.5em); }

footer.footer-sitio .horario-contenedor p { color: #E2E9EF; margin: 0; font-size: 1.125em; }

footer.footer-sitio .horario-contenedor.negocio-abierto { background-color: rgba(0, 155, 219, 0.4); border-color: #009BDB; }

footer.footer-sitio .horario-contenedor.negocio-abierto .horario-svg svg { fill: #009BDB; }

footer.footer-sitio .horario-contenedor.negocio-abierto .horario-svg .abierto { display: block; color: #fff; font-weight: 700; text-align: center; }

footer.footer-sitio .horario-contenedor.negocio-abierto .horario-svg .cerrado { display: none; }

footer.footer-sitio .horario-contenedor.negocio-abierto p { color: #fff; font-weight: 600; }

footer.footer-sitio .horario-contenedor.negocio-abierto h5 { color: #fff; }

footer.footer-sitio .footer-ubicacion { margin: 1em 0 0 0.5em; }

@media (min-width: 48em) { footer.footer-sitio .footer-ubicacion { margin: 1.5em 0 0 90px; } }

footer.footer-sitio .footer-ubicacion p { margin: 0.3em 0; }

footer.footer-sitio .datos-extra { margin: 0; }

footer.footer-sitio .datos-extra .ssn-footer svg { fill: #fff; width: 4em; height: 4em; margin: 0 -0.25em -1.6em 0; }

footer.footer-sitio .datos-extra .ssn-footer svg #ssn-circulo { display: none; }

footer.footer-sitio .datos-extra a .ssn-footer svg { fill: #009BDB; }

footer.footer-sitio a { color: #fff; text-decoration: none; }

footer.footer-sitio a:hover { color: #009BDB; }