/* COMUN PARA TODO EL CUERPO */
section div.content {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

/* COMUN PARA TODO EL CUERPO */
section.cabecera .content {
	height: 111px;
}

section.cabecera .content {
	background-image: url('/static/images/nuevoHeader.png');
	background-repeat: no-repeat;
	background-position: 240px 2px;
}

section.buscador h1 {
	font-family: gobCL;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 100%;
	color: #0263AF;
}

section.buscador {
	height:118px;
	background: #F2F2F2;
    padding-top: 40px;
    padding-bottom: 40px;
	
}

section.buscador div .flex-grow-0 {
    width: 562px;
    height: 40px;
}

section.buscador input {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25);
	border-radius: 20px 5px 5px 20px;
	height: 40px;
	width: 78%;
	padding-left: 17px;
	font-family: Roboto;
	font-style: italic;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #666666;
}

.buttonSize {
	font-family: gobCL;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
	background: #1369B3;
	border-radius: 5px 20px 20px 5px;
	color: #FFFFFF;
	background: #1369B3;
	width: 127px;
	height: 40px;
	padding-top: 12px;
	text-align: center;
	cursor: pointer;		
}

section.menu {
	font-family: Roboto;
	color: white;
	font-size: 14px;
	background-color: #b82d27;
}

section.menu a, section.menu a:hover {
	color: white;
	text-decoration: none;
}

.texto-icons {
	font-size: 14px;
	line-height: 100%;
	/* or 14px */
	/* BLANCO */
	color: #FFFFFF;
}

.margenEspecial {
	margin-bottom: 3px;
}

.tamanoEspeciales {
	height: 42px;
}

/*Habilitamos nav bar para todo el tama�o de pantalla sino se oculta con la clase por defecto*/
@media ( max-width : 2000px) {
	.navbar-toggle {
		display: block;
	}
}

/*Boton de apertura de menu*/
/*Se usa el . con la clase ya que necesitamos eliminarla en un js y por id daba problemas*/
.menuHome {
	width: 40px;
	height: 40px;
    margin-top: 10px;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
    background: #FFFFFF;
}

.menuHomeOpen {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    background: #DDDDDD;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

/*Elimina espacios y bordes al cargar el icono de cierre. Se carga en un js */
.eliminarEspacios {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

/*Tamaño del Icono de cierre al desplegar el menu*/
.icono-x {
	height: 14px;
	width: 14px;
}

#menuHome span {
    color: #1369B3;
    font-size: 125%;
}

.navbar-default {
	background-color: navbar;
	border: 0px solid transparent;
	border-radius: 0px;
	z-index: 2;
	margin-top: 0px;
}

.navbar-toggle-home {
}

.navbar-feria {
	background: #28465A;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	height: 63px;
}

.navbar-nav>div {
	background: #003A6C;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
}

.navbar-default .navbar-nav>div>a {
	height: 50px;
	display: block;
}

.navbar-default .navbar-toggle {
	z-index: 99999999;
	margin-right: 15px;
}

/* Hamburguesa */
.navbar-default .navbar-toggle .icon-bar {
	width: 25px;
	height: 2px;
    background-color: #1369B3
	margin: 4px 0;
}

#main_menu {
	width: 355px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}

#main_menu>div {
	width: 100%;
}

#main_menu div a {
	text-align: left;
	padding-top: 10px;
	color: #FFFFFF;
}

#opciones a, #opciones a:hover {
	color: white;
	margin-top: auto !important;
	margin-bottom: auto !important;
}

#opciones .principal {
	font-family: gobCL;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	padding-left: 15px;
	border: 1px solid #1369B3;
	box-sizing: border-box;
	border-radius: 5px;
	height: 40px;
	width: 100%;
}

#opciones div {
	margin-bottom: 3px;
	display: flex;
}

#subOpciones .container, #subOpcionesBusquedaEmpleo .container {
    border: 1px solid #1369B3;
    border-radius: 5px;
    border-top-style: none;
}

#subOpciones .container {
	height: 360px;
}

#subOpcionesBusquedaEmpleo .container {
    height: 165px;
}

#subOpciones .container .row, #subOpcionesBusquedaEmpleo .container .row {
	margin-left: 15px;
	font-size: 14px !important;
}

#subOpcionesBusquedaEmpleo a {
	font-size: 14px;
}

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

.menu-desplegable {
	width: 355px;
	/*NO TOCAR ESTE HEIGHT, VA CONECTADO CON LA ALTURA DEL menuNuevaHome.js*/
	height: 680px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.iconos-contacto {
	padding-top: 29px;
}

.iconos-contacto img {
	max-width: 17px;
	max-height: 17px;
}

.iconos-contacto a, .iconos-contacto a:hover {
	background: #1369B3;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	padding-top: 9px;
	padding-bottom: 11px;
}

.iconos-rrss a, .iconos-rrss a:hover {
    color: white;
    text-decoration: none;
    border: 2px solid #1369B3;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 27px;
    text-align: center;
}

#icono-cabecera-email {
	/* Compensar el tama�o con el tel�fono */
	margin-top: 2px;
	margin-bottom: 2px;
}

.txt-btn {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 100%;
	color: #FFFFFF;
}

.paddingLeft {
	padding-left: 15px;
}

.paddingTop {
	padding-top: 20px;
}

.rowPrincipal {
	padding-left: 250px;
}

.img-personas {
	width: 100%;
	margin-top: 47px;
}

.sinPaddingLeft {
	padding-left: 0px;
}

.fondo-gris {
	background: #F2F2F2;
}

.menu-nuevaBne {
	padding-left: 250px;
}

.logo-BNE {
	margin-top: 40px;
}

.div-usuarios {
	width: 150px;
	height: 63px;
}

.header-logins {
    min-height: 50px;
    max-height: 50px;
}

.header-logins a,
.header-logins a:hover {
    color: #1369B3;
    font-family: Roboto;
    font-style: normal;
    font-size: 14px;
    text-decoration: none;
}

.icono-login {
	width: 22px;
	height: 22px;
	margin-right: 5px;
	margin-left: 11px;
}

.barra-separacion{
	border-right: 1px solid;
	color: #1369B3;
}

.header-logins .login-postulante {
    background: #F2F2F2;
    border-radius: 10px 10px 0px 0px;
    padding-right: 20px;
    padding-left: 10px;
    height: 63px;
}

.empleo-section {
	width: 100%;
	height: 118px;
	background: #F2F2F2;
}

.empleo {
	font-family: gobCL;
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	line-height: 203.19%;
	display: flex;
	align-items: center;
	color: #0263AF;
	margin-top: 30px;
	margin-left: 15px;
	margin-right: 40px;
}

.formComponent {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25);
	border-radius: 20px 5px 5px 20px;
	width: 562px;
	height: 40px;
}

.margen-select {
	margin-top: 35px;
	margin-right: 10px;
	padding-left: 0px;
}

.iconoSearch {
	padding-right: 10px;
}

.ajuste-btn {
	margin-top: 33px;
}

.btn-buscar {
	width: 127px;
	height: 40px;
	background: #1369B3;
	border-radius: 5px 20px 20px 5px;
	font-family: gobCL;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	color: #FFFFFF;
	padding-right: 15px;
}

.ayudaBne {
	height: 76px;
	width: 100%;
	background: #B82D27;
}

.ayudaBne img {
	padding-bottom: 4px;
	padding-right: 10px;
}

.anchos-menu {
	margin-right: 65px;
}

.ancho-cesantia {
	width: 200px;
	padding-left: 37px;
}

.ancho-preguntas {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 40px;
}

.paddingNovedades {
	padding-left: 30px;
}

.margenes-ayuda {
	margin-left: 400px;
	margin-right: 200px;
	padding-top: 20px;
}

.margenes-ayuda a {
	font-family: Roboto;
	font-style: normal;
	font-size: 14px;
	line-height: 203.19%;
	display: flex;
	align-items: center;
	text-align: center;
	color: #FFFFFF;
}

.sinWidth {
	width: 0px;
}

.barras-menu {
	width: 0px;
	height: 32px;
	border: 1px solid #FFFFFF;
}

.paddingLeft {
	padding-left: 15px;
}

.paddingTop {
	padding-top: 20px;
}

#navbar {
	/*Fixed para que acompa�e el scroll hacia abajo*/
	position: absolute;
	z-index: 1;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 10px 10px;
}

.white {
	color: #FFFFFF;
}

.external-icon {
	text-align: right;
	padding-top: 5px;
}

.rombo {
	width: 22.36px;
	height: 22.36px;
	background: #003A6C;
	transform: rotate(-45deg);
	position: absolute;
	margin-left: 10px;
}

.heightSpan{
	height: 63px;
}

/*Oculta la raya del enlace*/
.no-underline:hover {
	text-decoration: none;
}

/* Separador blanco posterior al menu header logueado */
.separadorBlanco {
    height: 118px;
    background: white;
    padding-top: 40px;
    padding-bottom: 40px;
}


/* Dropdown Empleador */
.dropdown_empleador{
     list-style:none;
     outline: none !important;
 }

.dropdown-menu_empleador > li {
    margin: 0 10px 10px 10px;
}

.dropdown-menu_empleador > li:last-child {
    border-bottom: none;
}

.dropdown-menu_empleador{
	cursor: pointer;
    min-width: 8rem;
    background-color: #D7F3FF;
    border-radius: 0 0 7px 7px;
    list-style:none !important;
    top: 32px !important;
    left: -10px !important;
}

.dropdown-menu_empleador li:hover{
  background-color: #D7F3FF;
  opacity: 0.5;
}

.dropdown_empleador .dropdown-toggle::after{
    display: none;
}

#spanEmpleador_dropDown  a {
    font-size:14px;
}

#spanEmpleador_dropDown:hover > ul > .dropdown_empleador > .dropdown-menu_empleador {
  display: block;
}

.dropdown_empleador >.dropdown-toggle:active {
    pointer-events: none;
}

/* Dropdown Institucional */
.dropdown_institucional{
     list-style:none;
     outline: none !important;
 }

.dropdown-menu_institucional > li {
    margin: 0 10px 10px 10px;
}

.dropdown-menu_institucional > li:last-child {
    border-bottom: none;
}

.dropdown-menu_institucional{
    cursor: pointer;
    min-width: 8rem;
    background-color: #D7F3FF;
    border-radius: 0 0 7px 7px;
    list-style:none !important;
    top: 32px !important;
    left: -10px !important;
}

.dropdown-menu_institucional li:hover{
  background-color: #D7F3FF;
  opacity: 0.5;
}

.dropdown_institucional .dropdown-toggle::after{
    display: none;
}

#spanInstitucional_dropDown  a {
    font-size:14px;
}

#spanInstitucional_dropDown:hover > ul > .dropdown_institucional > .dropdown-menu_institucional {
  display: block;
}

.dropdown_institucional >.dropdown-toggle:active {
    pointer-events: none;
}

#spanNotificaciones_dropDown:hover > ul > .dropdown_notificaciones > .dropdown-menu_notificaciones {
  display: block;
}

#redPill {
    width: 50px;
	height: 23px;
	left: 1326px;
	top: 382px;
	background: #B82D27;
	border-radius: 12.5px; 
	justify-content: center;
    align-items: center;
    margin-left: 20px;
    margin-top: 4px;
}

#redPill span {
	font-family: 'gobCL';
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	color: #FFFFFF;
}