﻿/*estilos JohanC*/
#est-grl-p{
font-size:14px;
text-align:left;
color:#808080;
font-weight:300;
}
/*estilos JohanC*/

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format('woff2'), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype'), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
  height: 100%;
}

body {
  height: 100%;
  font-size: 16px !important;
  font-family: Roboto;
  color: #333;
  margin: 0 auto;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5 {
  color: #008aa6;
  margin: 0;
  padding: 0;
}

.header {
  padding: 0px 0 40px 0;
  background-image: url("../images/bgheader.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 400px;
}

.header .ig-siguenos {
  margin: 0;
  padding: 0;
}

.header .ig-siguenos li {
  list-style: none;
  vertical-align: top;
  display: inline-block;
  color: #008aa6;
  margin: 0px 4px;
}

.header .ig-siguenos li:first-child {
  margin: 0;
  margin-right: 2px;
}

.header .ig-siguenos li a {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.header .ig-siguenos li a img {
}

.header .ig-siguenos li a img:hover {
  filter: grayscale(0%);
}

.header nav.bg-azul {
  background-color: #008aa6;
  margin: 20px 0;
  padding: 0;
}

.header nav.bg-azul a {
  font-size: 14px;
}

.header nav.bg-azul .navbar-nav .nav-item {
  border-right: 1px solid #fff;
  padding: 0px 20px;
  font-size: 14px;
}

.header nav.bg-azul .navbar-nav .nav-item .dropdown-toggle {
  padding: 7px 0px;
  font-size: 14px;
}

.header nav.bg-azul .navbar-nav .nav-item ul {
  padding: 0px;
}

.header nav.bg-azul .navbar-nav .nav-item ul li {
  color: #fff;
  font-size: 13px;
  background-color: #008aa6;
}

.header nav.bg-azul .navbar-nav .nav-item:hover {
  background-color: #f7bb00;
}

.header nav.bg-azul .navbar-nav .nav-item a {
  color: #fff;
  text-decoration: none;
  
}

/**Alex**/
#menuInit li.nav-item.arp{
  border-right: 1px solid #fff !important;
  padding: 0px 7px !important;
  font-size: 14px !important;
}

.header .input-group .form-control {
  color: #008aa6;
}

.header .input-group ::-webkit-input-placeholder {
  color: #008aa6;
}

.header .input-group ::-moz-placeholder {
  color: #008aa6;
}

.header .input-group :-ms-input-placeholder {
  color: #008aa6;
}

.header .input-group :-moz-placeholder {
  color: #008aa6;
}

.header .input-group .btnbg {
  background-color: #008aa6;
  color: #fff;
}

.up {
  position: fixed;
  bottom: 10px;
  right: 20px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #008aa6;
}

.up:hover {
  text-decoration: none;
}

.ig-slide {
  margin-top: -15px;
  /*------------ Nuevos estilos Diego--------------------*/
  float: left;
  width: 100%;
}

.ig-slide .material-icons {
  color: #f7bb00;
  font-size: 60px;
}

.ig-slide #carouselExampleCaptions {
  float: left;
}

.ig-servicios {
  padding: 30px 0px;
  float: left;
  width: 100%;
}

.ig-servicios:after {
  display: block;
  content: "";
  width: 70%;
  background-color: #f7bb00;
  height: 1px;
  margin: 0px auto 50px;
}

.ig-servicios h4 {
  font-size:16px;
  text-align: center;
  color: #008aa6;
}

.ig-servicios .owl-carousel {
  margin: 40px 0;
}

.ig-servicios .owl-carousel .item {
  text-align: center;
  margin: auto;
  display: block;
}

.ig-servicios .owl-carousel .item img {
  width: 60px;
  height: 59px;
  display: block;
  text-align: center;
  margin: auto;
}

.ig-servicios .owl-carousel .item h4 {
  font-size: 14px;
  font-weight: 300;
  color: #808080;
  margin-top: 10px;
}

.ig-servicios .owl-nav.disabled {
  position: absolute;
  z-index: 9999;
  top: 50%;
  width: 100%;
  display: block;
}

.ig-servicios .owl-nav.disabled span i {
  color: #f7bb00;
  font-size: 40px;
}

.ig-servicios .owl-nav.disabled .owl-prev {
  position: absolute;
  left: 0;
}

.ig-servicios .owl-nav.disabled .owl-next {
  position: absolute;
  right: 0;
}

.ig-servicios2 {
  padding: 20px 0;
}

.ig-servicios2:before {
  display: block;
  content: "";
  width: 70%;
  background-color: #f7bb00;
  height: 1px;
  margin: 50px auto;
}

.ig-servicios2 h4 {
  text-align: center;
  color: #008aa6;
  font-weight: 400;
}

.ig-servicios2 .owl-carousel {
  margin: 40px 0;
}

.ig-servicios2 .owl-carousel .item {
  text-align: center;
  margin: auto;
  display: block;
}

.ig-servicios2 .owl-carousel .item img {
  width: 60px;
  height: 59px;
  display: block;
  text-align: center;
  margin: auto;
}

.ig-servicios2 .owl-carousel .item h4 {
  font-size: 14px;
  font-weight: 300;
  color: #808080;
  margin-top: 10px;
}

.ig-servicios2 .owl-nav.disabled {
  position: absolute;
  z-index: 9999;
  top: 50%;
  width: 100%;
  display: block;
}

.ig-servicios2 .owl-nav.disabled span i {
  color: #f7bb00;
  font-size: 40px;
}

.ig-servicios2 .owl-nav.disabled .owl-prev {
  position: absolute;
  left: 0;
}

.ig-servicios2 .owl-nav.disabled .owl-next {
  position: absolute;
  right: 0;
}

.ig-contenidos {
  float: left;
  width: 100%;
  padding: 0px 0 20px 0;
}

.ig-contenidos .ig-internahistoria {
  background-color: #fff;
  margin-top: 0px;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  padding: 5px 10px;
}

.ig-contenidos .breadcrumb {
  background-color: transparent;
}

.ig-contenidos .breadcrumb li {
  color: #008aa6;
}

.ig-contenidos .breadcrumb i {
  color: #333;
}

.ig-contenidos .ig-noticias {
}

.ig-contenidos .ig-noticias .ig-noticiastextos {
  margin: 10px 0;
}

.ig-contenidos .ig-noticias .ig-noticiastextos h5 {
  margin: 10px 0;
}

.ig-contenidos .ig-noticias .ig-noticiastextos span {
  color: #f7bb00;
  margin: 6px 0;
  font-weight: 700;
}

.ig-contenidos .ig-noticias .ig-noticiastextos p {
  color: #808080;
  font-weight: 300;
}

.ig-contenidos .ig-noticias .ig-noticias2 {
  margin: 10px 0;
}

.ig-contenidos .ig-noticias .ig-noticias2 h5 {
  margin: 10px 0;
}

.ig-contenidos .ig-noticias .ig-noticias2 span {
  color: #f7bb00;
  margin: 6px 0;
  font-weight: 700;
}

.ig-contenidos .ig-noticias .ig-noticias2 p {
  font-size:14px;
  text-align:left;
  color: #808080;
  font-weight: 300;
}

.ig-contenidos .ig-historia {
  padding-bottom: 30px;
}

.ig-contenidos .ig-historia .ig-historia1 {
  border-bottom: 1px solid #f7bb00;
  margin: 30px 0px;
}

.ig-contenidos .ig-historia .ig-historia1 p {
  color: #808080;
  font-weight: 300;
}

.ig-contenidos .ig-historia .ig-noticiastextos {
  margin: 10px 0;
}

.ig-contenidos .ig-historia .ig-noticiastextos h5 {
  margin: 10px 0;
}

.ig-contenidos .ig-historia .ig-noticiastextos span {
  color: #f7bb00;
  margin: 6px 0;
  font-weight: 700;
}

.ig-contenidos .ig-historia .ig-noticiastextos p {
  color: #808080;
  font-weight: 300;
}

.ig-contenidos .ig-imageaside {
  margin: 20px 0;
}

.ig-contenidos .ig-oficinavirtual {
  margin-top: 55px;
}

.ig-contenidos .ig-oficinavirtual .ig-titulovirtual {
  text-align: right;
  background-color: #fff5c2;
  padding: 10px;
  border-bottom: 1px solid #f7bb00;
}

.ig-contenidos .ig-oficinavirtual .ig-titulovirtual h5 {
  padding: 0;
  margin: 0;
}

.ig-contenidos .ig-oficinavirtual .ig-titulovirtual h5 i {
  color: #f7bb00;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs {
  margin-top: 2px;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs .nav-tabs .nav-item {
  width: 50%;
  background-color: #fff5c2;
  font-size: 12px;
  text-align: center;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs .nav-tabs .nav-item a {
  color: #008aa6;
  padding: 5px 10px;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs .nav-tabs .nav-item .active {
  color: #fff;
  background-color: #008aa6;
  border-color: none;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs .tab-content {
  border: 1px solid #008aa6;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs .tab-content .form-group {
  margin: 20px 5px 0px 5px;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs .tab-content .form-group:last-child {
  margin: 10px 5px;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs .tab-content .form-group label {
  font-size: 13px;
  color: #008aa6;
  font-weight: 300;
  text-align: right;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs .tab-content .form-group .ig-enviar {
  background-color: #008aa6;
  width: 100%;
  text-align: center;
  color: #fff;
  border-radius: none;
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs .tab-content .form-group .ig-formreg {
  margin: 0;
  padding: 10px 0;
  text-align: right;
  border-top: 1px solid #d3d3d3;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs .tab-content .form-group .ig-formreg li {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  padding: 0 5px;
  border-right: 1px solid #d3d3d3;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs .tab-content .form-group .ig-formreg li:last-child {
  border-right: none;
}

.ig-contenidos .ig-oficinavirtual .ig-tabs .tab-content .form-group .ig-formreg li a {
  font-size: 13px;
  color: #008aa6;
}

.ig-empresar {
  float: left;
  width: 100%;
  padding: 0px 0 40px 0;
}

.ig-empresar:before {
  display: block;
  content: "";
  width: 50%;
  background-color: #f7bb00;
  height: 1px;
  margin: 25px auto;
}

.ig-empresar h4 {
  padding-bottom: 20px;
  font-size:16px;
  color:#0097AE;
  font-weight:bold;
}

.ig-empresar p {
  font-weight: 300;
  font-size: 14px;
  color: #808080;
}

.ig-empresar img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.ig-empresar img:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
}

footer {
  float: left;
  width: 100%;
  background-color: #008aa6;
  padding: 30px 0;
  border-top: 5px solid #f7bb00;
  font-family: Roboto !important;
  /*------------ Nuevos estilos Diego--------------------*/
}

footer article .row div {
  margin-bottom: 20px;
  text-align: justify;
}

footer p {
  color: #fff;
  padding: 0px !important;
  /*------------ Nuevos estilos Diego--------------------*/
  text-align: left !important;
  /*------------ Nuevos estilos Diego--------------------*/
}

footer ul {
  margin: 0;
  padding: 0;
  margin-left: 0px !important;
  /*------------ Nuevos estilos Diego--------------------*/
}

footer ul li {
  list-style: none;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  /*------------ Nuevos estilos Diego--------------------*/
  font-family: Roboto !important;
  /*------------ Nuevos estilos Diego--------------------*/
}

footer .texto {
  color: #fff;
  font-weight: 300;
  margin-bottom: 20px;
  font-size:14px;
}

footer .textocopy {
  color: #fff;
  font-weight: 300;
  font-size: 12px;
  margin-top: 20px;
}

footer .ig-linkfooter {
  margin-top: 20px;
}

footer .ig-linkfooter ul {
  margin: 0;
  padding: 0;
}

footer .ig-linkfooter ul li {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #fff;
}

footer .ig-linkfooter ul li:last-child {
  border-right: none;
}

footer .ig-linkfooter ul li a {
  margin: 0 3px;
  color: #fff;
  display: block;
  font-size: 12px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #00bbec;
}

/*------------ INICIO Nuevos estilos Diego Tamaños faltantes Bootstrap--------------------*/
#botonesBannerMovil {
  display: none;
}

#botonesBannerMovil .row {
  width: 100%;
  margin: 0;
  text-align: center;
}

@media (max-width: 1200px) {
  .ig-slide {
    margin-top: -60px;
  }

  .header nav.bg-azul .navbar-nav .nav-item .dropdown-toggle {
    font-size: 13px;
  }

  .header nav.bg-azul a {
    font-size: 13px;
  }

  .navbarARP a {
    font-size: 13px;
  }

  .navbarARP a span {
    white-space: normal !important;
  }  
}

@media (max-width: 992px) {
  .ig-slide {
    margin-top: -110px;
  }

  .header nav.bg-azul .navbar-nav .nav-item .dropdown-toggle {
    font-size: 12px;
  }

  .header nav.bg-azul a {
    font-size: 12px;
  }

  .header nav.bg-azul .navbar-nav .nav-item {
    padding: 0px 6px;
  }
}

@media (max-width: 768px) {

  /* ------------------------- Ocultar menú responsive DIEGO-----------*/
  #loginBox {
    display: none !important;
  }

  /* ------------------------- INICIO botones banner DIEGO-----------*/
  #botonesBannerDesktop {
    display: none;
  }

  #botonesBannerMovil {
    display: block;
  }

  .ig-contenidos .ig-internahistoria{
    margin-top: 40px !important;
  }

  /* ------------------------- FIN botones banner DIEGO-----------*/
  /*------------ FIN Nuevos estilos Diego--------------------*/
  .header {
    height: 350px;
  }

  .header .navbar {
    float: right;
    background-color: transparent !important;
    margin: 50px 0 !important;
    padding: 0;
    position: relative;
    display: block;
    float: right;
    width: 100%;
  }

  .header .navbar button {
    background-color: #008aa6;
    text-align: right;
    position: absolute;
    right: 0;
    top: -22px;
  }

  .header .navbar .navbar-collapse ul {
    margin-top: 20px;
    background-color: #008aa6;
  }

  .header .navbar .navbar-collapse ul .nav-item {
    border-right: none !important;
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }

  .header nav.bg-azul .navbar-nav .nav-item {
    border-right: 1px solid #fff;
    padding: 10px 20px;
  }

  .header nav.bg-azul .navbar-nav .nav-item .dropdown-toggle {
    padding: 5px 0px;
  }

  .header nav.bg-azul .navbar-nav .nav-item ul {
    border: none;
    padding: 10px;
  }

  .header nav.bg-azul .navbar-nav .nav-item ul li {
    color: #fff;
  }

  .header nav.bg-azul .navbar-nav .nav-item:hover {
    background-color: transparent;
  }

  .header nav.bg-azul .navbar-nav #ig-dropdown {
    padding: 10px 20px;
  }

  .header .ig-banner1 {
    margin-bottom: 20px;
  }

  .header .ig-siguenos {
    margin-top: 20px;
  }

  .header .row {
    float: left;
  }

  .ig-buscadorform {
    position: absolute !important;
    /*------------ Agregar Important Nuevos estilos Diego--------------------*/
    top: 84px;
    left: 115px;
    width: 61% !important;
    /*------------ Agregar Important Nuevos estilos Diego--------------------*/
  }

  .ig-slide {
    margin-top: -20px;
    /*------------ Agregar Important Nuevos estilos Diego--------------------*/
  }

  .ig-contenidos {
    margin-top: -40px;
  }

  footer ul,
  footer p,
  footer div {
    text-align: center !important;
    /*------------ Agregar Important Nuevos estilos Diego--------------------*/
  }

  footer .textocopy {
    margin-top: 0px;
  }

  .ig-servicios .owl-nav,
  .ig-servicios2 .owl-nav {
    position: absolute;
    z-index: 9999;
    top: 50%;
    width: 100%;
    display: block;
  }

  .ig-servicios .owl-nav span i,
  .ig-servicios2 .owl-nav span i {
    color: #f7bb00;
    font-size: 40px;
    margin-right: -15px;
    margin-left: -15px;
  }

  .ig-servicios .owl-nav .owl-prev,
  .ig-servicios2 .owl-nav .owl-prev {
    position: absolute;
    left: 0;
  }

  .ig-servicios .owl-nav .owl-next,
  .ig-servicios2 .owl-nav .owl-next {
    position: absolute;
    right: 0;
  }
}

/*------------ INICIO Nuevos estilos Diego--------------------*/
@media (max-width: 576px) {
  .ig-buscadorform {
    top: 151px;
    left: 20px;
    width: 80% !important;
  }

  .ig-slide {
    margin-top: 30px;
  }
}

@media (max-width: 515px) {
  .ig-servicios .owl-nav span i {
    margin-right: 0px;
    margin-left: 0px;
  }
}

@media (max-width: 465px) {
  .estilosLogoMovil {
    width: 390px !important;
  }

  .ig-buscadorform {
    top: 130px;
    left: 13px;
    width: 80% !important;
  }
}

/*------------ FIN Nuevos estilos Diego--------------------*/
/*--- @media (max-width: 375px) {  Es mejor borrarlo, la pantalla no se adecua bien.
  .header {
    height: 400px;
  }
}---*/
@media (max-width: 360px) {
  .header .ig-buscadorform {
    position: absolute;
    top: 105px;
  }

  .estilosLogoMovil {
    width: 300px !important;
  }


  .ig-buscadorform {
    left: -5px;
  }
}

/*------------ Nuevos estilos Diego--------------------*/
/*-----------Header-----------*/
/* IE10+ CSS */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

  /*-------Logo---------*/
  .width100 {
    width: 100%;
  }
}

/* IE Edge 12+ CSS */
@supports (-ms-accelerator:true) {

  /*-------Logo---------*/
  .width100 {
    width: 100%;
  }
}

/* IE Edge 16+ CSS */
@supports (-ms-ime-align:auto) {

  /*-------Logo---------*/
  .width100 {
    width: 100%;
  }
}

/*-------Menú-------*/
#menuInit {
  margin-left: 0px !important;
}

#menuInit li.nav-item {
  padding: .25rem 1.5rem !important;
}

#menuInit li.dynamic-children.dropdown-item.hover>ul.dynamic {
  left: 199px !important;
  top: 0px !important;
  /**Alex*/
  display: block;
}

#menuInit li.dynamic-children.dropdown-item>ul.dynamic {
  display: none;
}
.sub-menu{
  left: 100% !important;
  top: 0px !important;
}

/*-------Buscador-------*/
.ms-sbtable.ms-sbtable-ex.s4-search {
  width: 100%;
}

.ig-buscadorform .form-control {
  width: 100% !important;
  height: inherit;
}

.ig-buscadorform a.fa.fa-search img.srch-gosearchimg {
  display: none;
}

.ig-buscadorform a.fa.fa-search {
  color: white;
}

.ig-buscadorform .ms-sbcell {
  width: 100%;
}

.ig-buscadorform .form-control {
  height: 100%;
  margin: 0;
}

.ig-buscadorform table.ms-sbtable.ms-sbtable-ex.s4-search {
  height: 100%;
}

#s4-bodyContainer {
  min-width: inherit !important;
}

/*-----------Footer-----------*/
footer .ig-siguenos li {
  display: inline-block;
}

.justificado {
  text-align: justify !important;
}

/*-----------Login-------------*/
#bodyBeneficiosHomeColmena {
  width: 100% !important;
}


.header nav.bg-azul .navbar-nav .nav-item:hover {
  background-color: #f3bd14;
  box-shadow: inset 0 0 0 1px #3a7999;
  /* box-shadow: inset 0 0 0 2px #3a7999; */

}

.header nav.bg-azul .navbar-nav .nav-item:hover>a {
  color: #3a7999 !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #f3bd14 !important;
  box-shadow: inset 0 0 0 1px #3a7999;
  /* Propuesta 2 box-shadow: inset 0 0 0 1px #fff;*/
}

/* Propuesta 2 eliminar: */
.dropdown-item:focus,
.dropdown-item:hover>a {
  color: #3a7999 !important;
}

.dropdown-item li:focus,
.dropdown-item li:hover {
  background-color: #f3bd14 !important;
  box-shadow: inset 0 0 0 1px #3a7999;
  /* Propuesta 2 box-shadow: inset 0 0 0 1px #fff;*/
}

.dropdown-item li:hover>a {
  color: #3a7999 !important;
}

/*Inicio estilos gif menu discapacitados*/
.divGifDiscapacidad {
  display: none;
  position: absolute;
  top: -95px;
  left: -24px;
  width: 160px;
  height: 90px;
}

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

a.selected>.divGifDiscapacidad {
  top: -90px !important;
}

.botonSegurosHomeCOl {
  position: relative;
}

.botonRiesgosHomeCOl {
  position: relative;
}

.botonSegurosHomeCOl:hover #divGifDiscapacidadBotonSegurosHomeCOl {
  display: block;
}

.botonRiesgosHomeCOl:hover #divGifDiscapacidadRiesgosHomeCOl {
  display: block;
}

@media (max-width: 768px) {
  .divGifDiscapacidad {
    display: none !important;
  }
}

/*Fin estilos gif menu discapacitados*/
/*Estilos SHP**/
#MSOTlPn_MainTD {
    display: block;
    position: relative;
    top: 0px;
    right: 0px;
    z-index: 102;
    height: 100% !important;
    width: auto !important;
    background: #fff;
}

    #MSOTlPn_MainTD > table {
        margin-right: 19px;
        position: static;
        width: 100%;
    }

.ms-TPBorder {
    width: 100%;
}
#s4-mainarea {
  margin-top: -21px;
  *margin-top: -18px
}

.s4-title {
  background: none;
  height: 106px !important;
  overflow: hidden
}

#s4-titlerow {
  width: 980px !important;
  margin: 0 auto
}

.ms-titlerowborder {
  border-right: none
}

a:link {
  color: #0096af;
}

#s4-mainarea {
  margin-top: -21px;
  *margin-top: -18px
}

#s4-leftpanel {
  display: none
}

.s4-title {
  background: none;
  height: 106px !important;
  overflow: hidden
}

#s4-titlerow {
  width: 980px !important;
  margin: 0 auto
}

.ms-titlerowborder {
  border-right: none
}

.s4-ca {
  margin: 0 auto !important
}

.s4-titlelogo {
  width: 275px
}

div.welcome {
  margin-top: -11px !important;
  padding-top: 20px
}

div.article {
  margin-top: -11px !important;
  padding-top: 20px
}


.menu ul.dynamic {
  background-color: #EEEEEE;
}

.menu ul.dynamic li.dynamic-children ul.dynamic {
  margin-top: 0px
}

.s4-tn li.dynamic>a:hover {
  background-color: #FFCB00;
  color: #0096af;
}

.s4-tn li.dynamic>.menu-item {
  padding: 7px 10px;
}

@-moz-document url-prefix() {

  div.article,
  div.welcome {
    margin-top: -12px !important;
    padding-top: 20px
  }
}

div#MSO_ContentTable {
  *padding-top: 14px;
  *margin-top: -14px !important
}

body #s4-topheader2 {
  background: none;
  border: 0px
}

#imgfondoCenterMenuARP {
  background-color: #FECA00;
  height: 40px
}

.s4-toplinks .s4-tn a.selected {
  background-color: #FFE500;
  border-style: none;
  margin-top: 0px;
  height: 23px;
  padding: 16px 20px 5px 20px !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #003B7E
}

@-moz-document url-prefix() {
  .s4-toplinks .s4-tn a.selected {
    padding: 12px 5px
  }
}

li.static selected {
  padding: 10px 0px
}

.menu LI {
  *padding-top: 8px
}

div.menu-horizontal {
  *margin-bottom: 4px
}

body #pageStatusBar {
  position: relative;
  z-index: 100
}

.s4-search input.ms-sbplain {
  background: none #FFF !important;
  border: 0px none #FFF !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #BCBCBC;
  font-weight: bold;
  font-style: normal
}

.s4-search input.ms-sbplain {
  width: 180px !important
}

.s4-search .srch-gosearchimg {
  height: 14px;
  border-color: #FFF !important
}

.ms-welcomeMenu.ms-SpLinkButtonActive {
  background: none transparent;
  border-color: transparent
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .ms-sbtable-ex {
    margin-left: 3px
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /*#cajaFondoSearchARP .ms-sbtable-ex{margin-left:149px;}*/
}

#SRSB div {
  width: 490px !important
}

#fondoWhiteMenuTopARP {
  margin-top: -10px;
  position: relative;
  z-index: 30;
  background-repeat: repeat-x;
  margin-right: auto;
  margin-left: auto;
  width: 960px;
  *width: 957px
}

#contentMenuTopWhiteARP {
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  width: 960px;
  margin-left: 0px
}

.footerARPContent {
  background-image: url('/imagenesColmenaARP/footer/imgBackFooterARP.gif');
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 960px;
}

.imgSeparadorFooter>img {
  width: 100%;
}

#cajaFondoSearchARP {
  width: 250px;
  background-repeat: no-repeat;
  background-image: url('/imagenesColmenaARP/header/fondoBoxSearchARP.png');
  padding: 7px 0px 10px 5px;
  margin-top: 12px;
}

#homeMainButtonDualColm {
  margin: 20px 0 -4px 14px;
}

.squareSegurosVidaHome {
  padding-right: 5px;
}

.squareSegurosVidaHome a:hover {
  text-decoration: none
}

.squareArpHome {
  padding-left: 0;
}

.squareArpHome a:hover {
  text-decoration: none
}

/*Alex*/
.ajustedivGifDiscapacidad {
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  top: -66px;
  z-index: 100;
}

.migaDePanColmena {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #0096B1 !important;
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px
}

.migaDePanColmena a {
  color: #0096B1 !important;
  font-size: 10px
}

.breadcrumbCurrentNode {
  padding-top: -5px
}

.contenidoPpalColmena {
  width: 97%;
  margin: 0 auto;
  margin-top: 0;
}

.btnIngresoParametrizacion {
  background-color: #fcc72e;
  height: auto;
  width: 200px;
  position: absolute;
  z-index: 100000;
  padding-bottom: 10px;
  text-align: center;
  color: #0297b0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  padding-top: 10px;
}

.btnIngresoAdministracion {
  height: auto;
  margin-top: 35px;
  position: absolute;
  width: 200px;
  z-index: 99999;
  background: #fcc72e;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.btnIngresoParametrizacion a:link,
.btnIngresoParametrizacion a:visited {
  color: #0297b0;
  text-decoration: none
}

.btnIngresoAdministracion a:link,
.btnIngresoAdministracion a:visited {
  color: #0297b0;
  text-decoration: none
}

#cajaFondoSearchARP .ms-sbtable-ex input.ms-sbplain {
  *margin-left: -90px;
  *position: relative
}

#especioDivisorHome {
  line-height: 7px
}

.menu-horizontal li.static {
  max-width: 160px;
  *max-width: 179px
}

ul.root li.static span.additional-background span.menu-item-text {
  line-height: 12px;
  text-align: center;
  white-space: normal
}

ul.dynamic li.dynamic span.additional-background span.menu-item-text {
  margin-top: 0 !important;
  text-align: left
}

.ms-WPBody td {
  font-family: Arial, Helvetica, sans-serif
}

.ms-WPBody {
  font-family: Arial, Helvetica, sans-serif
}

.ms-bottompagingline1,
.ms-bottompagingline2,
.ms-bottompagingline3,
.ms-bottompaging .ms-vb {
  background-color: #FBFBFB
}

.youtube_icon a {
  width: 30px;
  height: 30px;
  float: left;
}

.destacado_homeLaborales {
  /*width: 135px;height: 232px;background-image: url('/imagenesColmenaARP/Destacados/Destacado-ActualizacionDeDatos2014.png');background-repeat: no-repeat;position: absolute;right: -140px;z-index: 9999;top: 160px;*/
  display: none;
}

.BotonTramites {
  background-image: url("/imagenesColmenaARP/contenido/botones/boton_tramites.png");
}

.BotonTramites:hover {
  background-image: url("/imagenesColmenaARP/contenido/botones/boton_tramites_hover.png");
}

div#sb-info {
  top: 0px;
}

v .titulos-tablas-clausulados {
  background-color: #0096B1;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  border-style: solid;
  border-color: #FFF;
  border-width: 1px;
  padding: 5px 10px;
}

.textos-tablas-clausulados {
  text-align: left;
  color: #666;
  border-style: solid;
  border-color: #666;
  border-width: 1px;
  padding: 5px;
  font-size: 12px !important;
}

/* ajustes DNRM 28-12-2016 */
#homeMainButtonDualColm {
  margin-bottom: 10px
}

#homeMainButtonDualColm td>a {
  display: block
}

#homeMainButtonDualColm td>a>div {
  border: 1px dotted #ddd;
  box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.2);
  transition: border .5s ease-out;
  height: 132px !important;
  width: 455px !important;
}

#homeMainButtonDualColm td>a:hover>div {
  border: 1px solid #ccc
}

#squareArpHome {
  padding-left: 10px !important
}

.botonSegurosHomeCOl:hover {
  background-position: 0 top;
}

.botonRiesgosHomeCOl:hover {
  background-position: 0 top;
}

/*FIN ESTILOS DUPLICADOS*/