/* 
    Created on : 28-05-2024
    Author     : evillegas
*/

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

body, html {
    font-size: 100%;
    padding: 0;
    margin: 0;
    height: 100%;
    background: #f7f7f7;
}
@font-face {
    font-family: 'gobCL_Regular';
    src: url(../font/gobCL_Regular.otf);
    font-display: fallback;
}
@font-face {
    font-family: 'gobCL_Bold';
    src: url(../font/gobCL_Bold.otf);
    font-display: fallback;
}
@font-face {
    font-family: 'gobCL_Light';
    src: url(../font/gobCL_Light.otf);
    font-display: fallback;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Medium.ttf');
    font-weight: 500;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-Bold.ttf');
    font-weight: 700;
}
@font-face {
    font-family: 'Poppins';
    src: url('../font/poppins/Poppins-SemiBold.ttf');
    font-weight: 600;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-Bold.ttf');
    font-weight: 700;
}
@font-face {
	font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-SemiBold.ttf');
    font-weight: 600;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-Regular.ttf');
    font-weight: 400;
}

.header-centro-titulo_1, .header-centro-titulo_2, .header-centro-titulo_3, .header-izquierda_1, .header-izquierda_2, .header-izquierda_3 {
    font-family: 'gobCL_Regular';
    margin: 0;
    font-weight: bold;
}

.div_informacion {
	
	width      		: 100%;
	background-color: #FFFFFF;	
}

.header {
    width: 100%;
}

.header-derecha, .header-centro, .header-izquierda {
    height: auto;
    vertical-align: top;
}
.header-derecha {
	display: flex;
	justify-content: flex-end;

}

.logo__imagen--header {
	right: 80px;
	height: 80px;
	
}
  
.header-centro {
    width: 55%;
    padding-left: 0;
}
.header-izquierda {
    width: 20%;
}

.header-centro-titulo_1 {
	font-size: 30px;
    color: rgb(0, 64, 100);
}
.header-centro-titulo_2 {
    font-size: 10px;
    color: #333;
}
.header-centro-titulo_3 {
    font-size: 8px;
    color: #999;
    font-weight: normal;
}
.header-izquierda_1 {
    float: right;
    /* padding: 2px 40px 0 0; */
    text-align: right;
    font-size: 10px;
    color: #999;
    border-bottom: 1px solid #CCC;
    text-decoration: none;

}

.header-izquierda_1 i {
	font-size: 10px;
	color: rgb(0, 64, 100);
	margin-right: 5px;
}

.header-izquierda_2, .header-izquierda_3, .header-cerrarSesion {
    white-space: nowrap;
    width: 100%;
    float: right;
    margin: 0;
    text-align: right;
    padding-right: 5%;
}
.header-izquierda_2 {
    font-family: 'gobCL_Bold';
    font-size: 8px;
    color: #333;
}
.header-izquierda_3 {
    font-size: 10px;
    color: #CCC;
    font-weight: 400;
}
.header-cerrarSesion img {
    width: 20px;
    height: 12px;
    min-height: 20px;
    margin-left: 5px;
}

/* telefonos */
@media (min-width: 576px) {

}

/* tablets */
@media (min-width: 768px) { 

	.logo__imagen--header {
		right: 100px;
		height: 100px;
		
	}

	.header-centro-titulo_2 {
		
		display:block;
		
	}

	.header-centro-titulo_1 {
		font-size: 40px;
		color: rgb(0, 64, 100);
	}
	.header-centro-titulo_2 {
		font-size: 18px;
		color: #333;
	}
	.header-centro-titulo_3 {
		font-size: 12px;
		color: #999;
		font-weight: normal;
	}


}
/* desktops */
@media (min-width: 992px) {  
	.header-centro-titulo_1 {
		font-size: 58px;
		color: rgb(0, 64, 100);
	}
	.header-centro-titulo_2 {
		font-size: 22px;
		color: #333;
	}
	.header-centro-titulo_3 {
		font-size: 16px;
		color: #999;
		font-weight: normal;
	}
	.logo__imagen--header {
		right: 100px;
		height: 100px;
		
	}


	.header-izquierda_1 {
		
		font-size: 20px;
			
	}
	
	.header-izquierda_2 {
		
		font-size: 18px;
		
	}
	
	.header-izquierda_3 {
		
		font-size: 16px;
		
	}
	
	.header-cerrarSesion img {
		width: 32px;
		height: 32px;
		min-height: 32px;
		margin-left: 5px;
		opacity: 0.8;
	}

	.header-izquierda_1 i {
		font-size: 20px;
		color: rgb(0, 64, 100);
		margin-right: 5px;
	}

	.top-salir{
		float: right;
		width: 35px;
		height: 35px;
		display: block;
		background: url(../images/iconos/top-exit.png)no-repeat;
		margin-left: 15px;
		background-size: 35px;
	}
}

/* large desktops */
@media (min-width: 1200px) { 

 }

/* larger desktops */
@media (min-width: 1400px) { 
	.logo__imagen--header {
		right: 120px;
		height: 120px;
		
	}
 }