/*---- TIPOS */
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900");

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Udc1GAK6bt6o.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0ddc1GAK6bt6o.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Vdc1GAK6bt6o.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0adc1GAK6bt6o.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Wdc1GAK6bt6o.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Xdc1GAK6bt6o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Zdc1GAK6b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOX-hpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOVuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v7/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBi8Jow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v7/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBi8Jow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v7/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBi8Jow.ttf) format('truetype');
}


/*---- BREAKPOINTS */
html,
body {
  min-height: 100%;
}
html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  color: #000000;
  font-family: 'Open Sans', Arial;
  
  font-style: inherit;
  vertical-align: baseline;
	

}
:focus {
  outline: 0;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
th,
td {
  /*text-align: left;*/
  font-weight: normal;
}
img,
iframe {
  border: none;
  text-decoration: none;
}
ol,
ul {
  list-style: none;
}
input,
textarea,
select,
button {
  font-size: 100%;
  font-family: inherit;
	padding: 10px;
width: 100%;
	margin-bottom: 10px;
}
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  line-height: normal !important;
}
select {
  margin: inherit;
}
body {
  width: 100%;
}
/*~~~~~~ GENÉRICOS ~~~~~~*/
br.clear {
  clear: both !important;
  height: 0px !important;
  line-height: 0px;
  padding: 0;
  overflow: hidden;
  display: block;
}
header {
  background: url(../img/bg-oleotecas25.jpg) bottom center no-repeat;
  background-size: cover;
  height: 650px;
}
@media screen and (max-width: 767px) {
  header {
    
  }
}
header .logotipo {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
}
@media screen and (max-width: 767px) {
  header .logotipo {
    position: relative;
    left: 0;
  }
}
header img {
  display: block;
  margin: 0 auto 10px;
}
header h1 {
  font-size: 35px;
  font-weight: lighter !important;
  color: #3D0F3C;
  /*margin: 70px 0 70px;*/
}
header pre {
  
  color: #3D0F3C;
  /*margin: 70px 0 70px;*/
}
.headerfin {
background: url(../img/bg-oleotecas25.jpg) top center no-repeat;
  background-size: contain;
  /*text-align: center;*/
  margin-bottom: 0rem;
	min-height: 500px;
}
.ctafin{margin-bottom: 3rem;}

@media screen and (max-width: 767px) {
  header h1 {
    /*margin: 50px 0 70px;*/
  }
}
header .explicacion {
  background: rgba(12, 177, 242, 0.9);
  border-radius: 7px;
  padding: 45px 60px;
  margin-bottom: 3.5rem;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.17);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.17);
}
@media screen and (max-width: 767px) {
  header .explicacion {
    padding: 45px 35px;
  }
}
header .explicacion p {
  font-size: 16px;
	color: #ffffff;
	font-weight: lighter !important;
}
.btn-primary {
  background: #082D4C;
  border: none;
  padding: 0.75rem;
  border-radius: 7px;
}
.btn-secondary {
  background: #FFF;
  color: #082D4C;
  border: none;
  padding: 0.75rem;
  border-radius: 7px;
}
span.number {
  display: inline-block;
background: #ffffff;
color: #3880BA;
font-size: 16px;
text-align: center;
padding: 7px 10px;
border-radius: 100%;
margin-bottom: 5px;
margin-top: 5px;
margin-right: 5px;
}
span.number1 {
  display: inline-block;
background: #ffffff;
color: #A0DADB;
font-size: 16px;
text-align: center;
padding: 7px 10px;
border-radius: 100%;
margin-bottom: 5px;
margin-top: 5px;
margin-right: 5px;
}
span.number2 {
  display: inline-block;
background: #ffffff;
color: #7BBADB;
font-size: 16px;
text-align: center;
padding: 7px 10px;
border-radius: 100%;
margin-bottom: 5px;
margin-top: 5px;
margin-right: 5px;
}
@media screen and (max-width: 767px) {
  span.number {
    display: block;
    width: 52px;
    /*margin: 0 auto 10px;*/
  }
}
.card {
  border: none;
  margin-bottom: 3rem;
}
.card .card-header {
  background: #0d4d82;
  background: linear-gradient(132deg, #0d4d82 0%, #3880ba 100%);
  border: none;
  color: #FFF;
  text-align: center;
  padding: 25px 10px;
  border-radius: 7px 7px 0 0;
}
.card .card-header:after {
  right: 100%;
  top: 35px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #0d4d82;
  border-width: 10px;
  margin-top: -10px;
}
@media screen and (max-width: 767px) {
  .card .card-header:after {
    content: none;
  }
}
.card .card-body {
  background-color: #9BBFDC;
  border-radius: 0 0 7px 7px;
}
.card .card-body .form-check {
  padding-left: 2.25rem;
  margin: 1rem 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .card .card-body .form-check {
    padding-left: 0.5rem;
  }
}
.card .card-body .form-check label {
  color: #082D4C;
  margin-left: 1.5rem;
  opacity: 1;
}
.card .card-body .form-check.disabled label {
  opacity: 0.25;
}
.card .card-body .form-check [type="radio"]:checked,
.card .card-body .form-check [type="radio"]:not(:checked) {
  left: -9999px;
}
.card .card-body .form-check [type="radio"]:checked + label:before,
.card .card-body .form-check [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 2px solid #FFF;
  border-radius: 100%;
  background: transparent;
}
@media screen and (max-width: 767px) {
  .card .card-body .form-check [type="radio"]:checked + label:before,
  .card .card-body .form-check [type="radio"]:not(:checked) + label:before {
    left: 0;
  }
}
.card .card-body .form-check [type="radio"]:checked + label:after,
.card .card-body .form-check [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #FFF;
  position: absolute;
  top: 7px;
  left: 19px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media screen and (max-width: 767px) {
  .card .card-body .form-check [type="radio"]:checked + label:after,
  .card .card-body .form-check [type="radio"]:not(:checked) + label:after {
    left: 4px;
  }
}
.card .card-body .form-check [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.card .card-body .form-check [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.carousel-control-prev,
.carousel-control-next {
  width: 8.333333%;
  color: #082D4C;
  font-size: 35px;
}
.carousel-control-prev:hover,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-next:focus {
  color: #082D4C;
}
@media screen and (max-width: 767px) {
  .carousel-control-prev,
  .carousel-control-next {
    top: 8px;
    bottom: inherit;
  }
}
.carousel-indicators li {
  background-color: #082D4C;
}
.pre-footer {
  background: url(../img/bg-prefooter.png) top center no-repeat transparent;
/*background: url(../img/bg-prefooter.png) top center no-repeat #9BBFDC;*/
  background-size: auto 100%;
  text-align: center;
  margin-top: 5rem;
}
.pre-footer p {
  color: #FFF;
  font-size: 16px;
  margin-top: 8rem;
  text-align: center;
}
.pre-footer .btn {
  display: inline-block;
  padding-left: 3rem;
  padding-right: 3rem;
  margin: 1rem auto 8rem;
}
.modal button.close {
  display: none;
}
@media screen and (max-width: 767px) {
  .modal button.close {
    position: absolute;
    right: 10px;
    font-size: 40px;
    color: #3880BA;
    display: block;
    opacity: 1;
    z-index: 9;
  }
}
.modal .modal-body {
  padding-left: 5rem;
  padding-right: 5rem;
}
@media screen and (max-width: 767px) {
  .modal .modal-body {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.modal .modal-body h3 {
  font-size: 36px;
  color: #3880BA;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}
.modal .modal-body p {
  font-size: 14px;
  line-height: 22px;
  color: #3880BA;
  text-align: center;
  font-weight: 500;
  margin-bottom: 2rem;
}
.modal .modal-body .share {
  text-align: center;
}
.modal .modal-body .share a {
  font-size: 25px;
  color: #3880BA;
  margin: 0 8px;
}
.modal .modal-body .share p {
  color: #082D4C;
  font-size: 16px;
  margin-bottom: 10px;
}
.modal .modal-footer {
  border: none;
  background: #0d4d82;
  background: linear-gradient(132deg, #0d4d82 0%, #3880ba 100%);
  text-align: center;
}
.modal .modal-footer p {
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
}
footer {
  background-color: #3D0F3C;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
footer div,
footer a {
  color: #FFF;
  font-weight: 500;
  font-size: 14px;
}

.table-bordered {
	border-radius: 8px;
    border: 1px solid #ffffff;

}
.table-bordered td, .table-bordered th {

    border: 1px solid #fff;
    background: #FCEBEE;

}


@media screen and (max-width: 767px) {
  footer div,
  footer a {
    text-align: center;
  }
}
footer a:link {
  text-decoration: underline;
}



.bg-white{border-style: groove;
  border-color: #C9CCD4;
  border-width: 1px;border-radius: 10px;}
@media only screen and (max-width: 1439px) {
  
	header {
  
}
}
@media only screen and (max-width: 1280px) {
  
	header {
  
}
}
@media only screen and (max-width: 1199px) {
  
	header {
  
}
}
.imgvista{display: none;}
@media only screen and (max-width: 992px) {
	header {
  
}
.totalw {

    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 25rem;

}
	.lineagris {
    height: 0;

margin: .5rem 0;

overflow: hidden;

border-top: 1px solid #e9ecef;
  }
	
	.imgvista {display: block !important;}
	.imgoculta1 {display: none !important;}
}
@media only screen and (max-width: 800px) {
  
	header {
  	
}
	
	
	
	
	
	
}
@media only screen and (max-width: 600px) {
	header {
  background: url(../img/bg-oleotecasm25.jpg) bottom center no-repeat;
  

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;
height: 780px;
}
.table td, .table th {

    padding: .15rem;
    vertical-align: top;
    border-top: 1px solid #ffffff;

}
	

header {

    
    

}
	
}

@media only screen and (max-width: 490px) {
	
header {

   
    

}
	
}
@media only screen and (max-width: 380px) {
	
header {

    
    

}
	
}	
	
@media only screen and (max-width: 361px) {
	.imgoculta{display: none !important;}
	header {

  
    

}
}