﻿#contenedor-dir-medico .row {
  display: block;
}

.icon-twitter{
	fill: #00bbec;
}
.circulo-twitter:hover .icon-twitter{
	fill: #fff;
}

.icon-tiktok{
	fill: #00bbec;
}
.circulo-tiktok:hover .icon-tiktok{
	fill: #fff;
}


.collapse.in {
min-height: 300px;
}

.ms-webpartzone-cell {
   overflow: hidden;
}

.btn-TuVida {
  white-space: nowrap;
}
.ms-rtestate-field {
  word-wrap: anywhere !important;
}

.h-botheader .container {
  background-color: #fff;
}

.h-topheader ul li {
margin:0px 30px !important;
}

.h-topheader ul {
padding:0 !important;
margin:0;
}

.navbar {
margin-bottom:0px !important;
}

section.h-botheader {
margin-bottom:0 !important;
margin-top: 15px !important;
}

.topnav {
padding-top:10px;
border-radius:20px 20px 0px 0px;
}

.adicional {
    display: none !important;
}

.bg_misalud {
background-color:#ff595a;
}

.bg_mivida {
background-color:#84dade;
}

.bg_miauto {
background-color:#ffb259;
}

.bg_mihogar {
background-color:#a1d683;
}

.bg_miempresa {
background-color:#a7a4df;
}

.bg_otrosseguros {
background-color:#00bbec;
}

.bg_nuevaopcion {
background-color:#00bbec;
}


.bg_servicio {
background-color:#00bbec;
}

.text-white {
color:#fff !important;
}

.logoPrincipal {
height:100px !important;
}

.h-topheader {
margin-top:-2px;
}


.dropdown.bg_misalud.topnav:hover {
margin-top:-10px !important;
border-bottom: 10px solid #ff595a;
}


.dropdown.bg_mivida.topnav:hover {
margin-top:-10px !important;
border-bottom: 10px solid #84dade;
}


.dropdown.bg_miauto.topnav:hover {
margin-top:-10px !important;
border-bottom: 10px solid #ffb259;
}


.dropdown.bg_mihogar.topnav:hover {
margin-top:-10px !important;
border-bottom: 10px solid #a1d683;
}

.h-botheader .dropdown.bg_miempresa.topnav:hover {
margin-top:-10px !important;
border-bottom: 10px solid #a7a4df;
}

.h-botheader .dropdown.bg_otrosseguros.topnav:hover {
margin-top:-10px !important;
border-bottom: 10px solid #00bbec;
}

.h-botheader .dropdown.bg_servicio.topnav:hover {
margin-top:-10px !important;
border-bottom: 10px solid #00bbec;
}

.h-topheader .nav {
width:120% !important;
}

.h-topheader .nav a {
color:#fff;
padding:10px 15px;
}

.h-topheader .nav a:hover {
color:#fff;
background-color:#00bbec;
padding:10px 15px;
}

.h-topheader .nav .dropdown:nth-child(5) a:hover {
border-bottom:unset;
}

.h-topheader .nav .dropdown:nth-child(5) .dropdown-menu .dropdown-menu {
right:195px;
left:unset;
}

.h-topheader .nav .dropdown .dropdown-menu {
margin-top:-1px;
}

.h-topheader .dropdown .dropdown-menu li {
width:100%;
max-width:191px !important;
}

.nav .dropdown a {
color:#4b4948;
font-size:16px;
}

#navbar {
margin-top:5px;
margin-top:49px;

} 

.header {
position:sticky;
width:100%;
top:14px;
}

section.h-botheader {
margin-bottom:0 !important;
background-color:#fff;
}

.ms-rteStyle-TextoContenido {
   font-size: 16px;
 }

.nav .dropdown {
  margin: 0 4px !important;
}

#divContenedorLupa {
  padding: 0px 15px 15px;
}

.h-topheader {
    border-bottom: 1px solid #fff;
}

.modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
 .modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}

.modal-content {
  
  width: 100%;
}
.modal-title{
font-size:24px;
}
.modal-header .close {
  margin-top: -7px;
  position: absolute;
  right: -127px;
  top: 24px;
  color: #fff;
  font-size: 60px;
  opacity: 1;
  font-weight: 100 !important;
  font-family: aria;
}

.text-upper {
  text-transform: uppercase;
}

.close {
  font-size: 60px;
  font-weight: 700;
  color: #fff;
  filter: alpha(opacity=100);
  opacity: 1;
}

.titleMisalud {
   margin-bottom: 10px;
}


.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent;
}

li.buscar_header .dropdown-menu li {
  margin: 0 !important;
  padding: 5px 0px;
}

.icono_beneficio{
width:70px;
margin-top:5px
}
.cont_benedicio {
  border: 5px solid #fff !important;
  background-color: #fff;
  border-radius: 15px;
  padding: 9px;
}
.modal-dialog {
    width: 1200px;
  }
 .nav-tabs > li {
 
  width: unset;
}

@media screen and (max-width: 992px) {  
 .modal-dialog {
  width: 100%;
}

.nav-tabs > li {
 
  width: 100%;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  
  border-bottom-color: #ddd;
}
}
  
.titleTabla{
text-align:center;
	font-size: 18px;
	color: rgb(0, 187, 236);
}
.bg_table_azul{
background-color: rgba(0, 187, 236, 0.098);
}  

.subtitleTabla{
text-align:center;
background-color:#ccc;
}

.subtitle2Tabla{
color: #00bbec;
  font-weight: 900;
  text-align: center;
  font-size: 20px;
}

.textComparativo{
color:#000;
font-size: 18px;
word-break: break-word;
}

.textTabla{
 text-align: center;
 word-break: break-word;
}

.MsoNormalTable td {
  padding: 5px 15px;
  color:#4b4948;
}

.MsoNormalTable{
  margin-top: 15px;
}

#exampleModalCenter li.active a {
  color: #fff !important;
  background-color: #00bbec;
}

.modal-title, .modal-header p {
  color: #fff !important;
}

.modal-header {
  background-color: #00bbec;
}

.borde-izq {
  border-left: 1px solid #00bbec;
}
.MsoNormalTable li {
  width: 60%;
  margin: 0 auto;
  text-align: left;
}


@media screen and (max-width: 1200px) {
	.nav .dropdown {
	  margin: 0 1px;
	}
	.bg_misalud img, .bg_mivida img, .bg_miauto img, .bg_mihogar img, .bg_miempresa img, .bg_otrosseguros img, .bg_servicio img {
	  max-width: 20px;
	}
	.navbar-collapse {
	  padding-left: 2px;
	}
	
	.nav .dropdown a {
	  font-size: 14px;
	}
	
	.h-topheader ul li {
	  margin: 0px 16px !important;
	}
	
	#navbar {
	  margin-top: 61px;
	}

} 
 
@media screen and (max-width: 992px) {
	.bg_misalud img, .bg_mivida img, .bg_miauto img, .bg_mihogar img, .bg_miempresa img, .bg_otrosseguros img, .bg_servicio img {
	  max-width: 20px;
	}
	
	.nav .dropdown {
	  margin: 0 1px;
	}
	#navbar {
	  margin-top: -8px !important;
	  width: 100%;
	}
	.logoPrincipal {
	  height: 72px !important;
	}
	.navbar-header {
	  width: 95%;
	}
	
	.h-topheader ul li {
    margin: 0px 0px !important;
  }
  
  .modal .modal-dialog {
    width: 80%;
    margin-left: 10%;
  }
  
   .h-topheader .nav a {	  
  	padding: 1px 15px;
	}
	.h-topheader .nav a:hover {
	 	  padding: 1px 15px;
	}


	.h-topheader {
    padding-top: 13px;
}

.h-topheader .dropdown .dropdown-menu {
  right: 0;
  left: unset !important;
 }
 
 #divContenedorLupa .dropdown-menu {
  position: absolute;
  left: 0 !important;
}
.navbar-default .navbar-brand {
    display: none;
}

#contentBox .datos-personales > input {
  margin-top: 10px !important;
}

.btn-clicAqui {
  margin-bottom: 5px !important;
  width: 100%;
  line-height: 13px;
  display: block;
}

}
 
 
@media screen and (max-width: 766px) { 
 .logoPrincipal {
       width: 160px;
       z-index: 9999;
    position: inherit;

  }
  
   .h-topheader .nav a {	  
  	padding: 1px 15px;
	}
	.h-topheader .nav a:hover {
	 	  padding: 1px 15px;
	}
	.h-topheader {
    padding-top: 13px;
     
}

  
  }

@media (min-width: 768px) {
  .modal-body .container {
    width: 100%;
  }
  
        
  .h-topheader .nav a {	  
  	padding: 1px 15px;
	}
	.h-topheader .nav a:hover {
	 	  padding: 1px 15px;
	}
	.h-topheader {
    padding-top: 13px;
}

.nav .dropdown:nth-child(1) a:hover {
  border-bottom: px solid #ff595a;
}


}

@media (min-width: 375px) {
    
 
  
  .h-botheader #navbar ul {
    width: 115%;
  }
  
    
  
   .h-topheader .nav a {	  
  	padding: 1px 15px;
	}
	.h-topheader .nav a:hover {
	 	  padding: 1px 15px;
	}
	.h-topheader {
    padding-top: 13px;
}

 .h-topheader {
     float: left;
  }


}

/*menu*/
@media only screen and (max-width:928px) {
      
  .h-botheader #navbar ul {
    width: 100%;
  }
   
   .h-topheader .nav a {	  
  	padding: 1px 15px;
	}
	.h-topheader .nav a:hover {
	 	  padding: 1px 80px;
	}
	.h-topheader {
    padding-top: 13px;
}



.h-botheader #navbar ul{
    height: 100%;
    float: left;
     position: static;
     top: 40px;
     z-index: 1 !important;
     display: block;
     
  }
  
  .h-botheader #navbar ul {

margin-top: -15px;
}


	/*.h-topheader ul {
    margin: 0;
    
}*/

}



.h-botheader #navbar ul {
position: relative !important;
}
