@charset "utf-8";


/* FUENTES */

/* FUENTES DE BOOTSTRAP */
html, body, code, kbd, pre, samp, 
.tooltip, .popover, .carousel-control .icon-prev, .carousel-control .icon-next {
	/*font-family: "BeVietnamProRg", "OpenSans", Arial, Helvetica, sans-serif;*/ }


input[type=text], input, textarea {
	font-family: "Roboto", "OpenSans", Arial, Helvetica, sans-serif;
	letter-spacing: normal; /*0.05em;*/ }

/*#menupitems > li, ul.reparticiones li a, .linealink li {
	font-family: "BeVietnamProMd", "OpenSansSB"; }	
.btnTxtDestacado .txtPrincipal {
	font-family: "GeogrotesqueSharpBd", "OpenSansB"; }*/


/* FUENTES ANTERIORES (en CLE.css) */
/*.filaArticulo, .bxarticulo {
	font: normal 15px/22px "BeVietnamProRg", "OpenSans", Arial!important; }
*/




/* ----------------------------------------------------------------*/
/* ------>>> PALETA COLORES DE FONDO GESTION 2019 - 2023  <<<------*/
/* ----------------------------------------------------------------*/
/*

/* ----------------------------------------------------------------*/
/* ------>>> PALETA COLORES DE FONDO GESTION 2023 - 2027  <<<------*/
/* ----------------------------------------------------------------*/

/* Paleta Bootstrap */
.bg-primary1, .bxpestania.bc-primary1 > .pestania  {
	background-color:#337ab7!important;
	border-color:#337ab7!important;
	color: #fff; }
.bg-success1, .bxpestania.bc-success1 > .pestania {
	background-color:#5cb85c!important;
	border-color:#5cb85c!important;
	color: #fff; }
.bg-warning1, .bxpestania.bc-warning1 > .pestania {
	background-color:#f0ad4e!important;
	border-color:#f0ad4e!important;
	color: #fff; }
.bg-danger1, .bxpestania.bc-danger1 > .pestania {
	background-color:#d9534f!important;
	border-color:#d9534f!important;
	color: #fff!important; }
.bg-info1, .bxpestania.bc-info1 > .pestania {
	background-color:#5bc0de!important;
	border-color:#5bc0de!important;
	color: #fff!important; }

/* Paleta Gestión 2023-2027 */
.bg-primary, .bd-primary, .bxpestania.bc-primary > .pestania {
	background-color: #009ada!important;
	border-color:#008ada!important;
	color: #fff; }
.bg-success, .bd-success, .bxpestania.bc-success > .pestania  {
	background-color:#64a33c!important;
	border-color:#64833c!important;
	color: #fff; }
.bg-warning, .bd-warning, .bxpestania.bc-warning > .pestania {
	background-color:#e9bd3e!important;
	border-color:#e9ad3e!important;
	color: #fff; }
.bg-danger, .bd-danger, .bxpestania.bc-danger > .pestania {
	background-color:#c4484c!important;
	border-color:#c4284c!important;
	color: #fff!important; }
.bg-info, .bd-info, .bxpestania.bc-info > .pestania {
	background-color:#d37d31!important;
	border-color:#d36d31!important;
	color: #fff!important; }
.bg-azul, .bd-azul, .bxpestania.bc-azul > .pestania {
	background-color:#00457f!important;
	border-color:#00357f!important;
	color: #fff!important; }
.bg-verdeclaro, .bd-verdeclaro, .bxpestania.bc-verdeclaro > .pestania, 
.bg-success2,                   .bxpestania.bc-success2 >   .pestania {
	background-color:#99b833!important;
	border-color:#99a833!important;
	color: #fff; }
.bg-lima, .bd-lima, .bxpestania.bc-lima > .pestania {
	background-color:#c0cc29!important;
	border-color:#c0bc29!important;
	color: #fff!important; }
.bg-morado, .bd-morado, .bxpestania.bc-morado > .pestania {
	background-color:#994275!important;
	border-color:#993275!important;
	color: #fff!important; }
.bg-default, .bd-default {
	border-color:#cfcfcf!important;
	background-color: #cfcfcf!important;
	color: inherit; }

.bg-gestion {
	border-color:#ededed!important;
	background-color: #ededed!important;
	color: inherit; }
.bg-secondary {
	background-color: #6c757d!important;
	color: #fff; }
	

	
/* ----------------------------------------------------------------*/
/* ------>>> PALETA COLORES DE FONDO CUSTOMIZED           <<<------*/
/* ----------------------------------------------------------------*/
.bg-white {
	background-color: #fff!important;
	border-color:#fff!important; }
.bg-celeste {
	background-color: #d9edf7!important;
	border-color: #d9edf7!important; }
.bg-dsgreen {
	background-color: darkseagreen!important;
	border-color: darkseagreen!important;
	color: #fff; }
.bg-gris1 {
	background-color: #e8e8e8!important;
	border-color: #e5e5e5!important; }



/* -----------------------------------------------------------------*/
/* ------>>> PALETA COLORES DE BORDES GESTION 2023 - 2027  <<<------*/
/* -----------------------------------------------------------------*/

/* Paletta Bootstrap */
.bc-primary1 { border-color:#337ab7; }
.bc-success1 { border-color:#5cb85c; }
.bc-warning1 { border-color:#f0ad4e; }
.bc-danger1  { border-color:#d9534f; }
.bc-info1    { border-color:#5bc0de; }

/* Paletta Gestión 2023-2027 */
.bc-primary    { border-color:#009ada; }
.bc-success    { border-color:#64a33c; }
.bc-warning    { border-color:#e9bd3e; }
.bc-danger     { border-color:#c4484c; }
.bc-info       { border-color:#d37d31; }
.bc-azul       { border-color:#00457f; }
.bc-verdeclaro, .bc-success2 { border-color:#99b833; }
.bc-lima       { border-color:#c0cc29; }
.bc-morado     { border-color:#994275; }
.bc-default    { border-color:#cfcfcf; }
.bc-white      { border-color:#ffffff; }








/* ----------------------------------------------------------*/
/* ------>>> COLORES DE BOTONES GESTION 2023 - 2027 <<<------*/
/* ----------------------------------------------------------*/

/* ESTILOS DE BOOTSTRAP: botones */

/* primary */
.btn-primary {
	color: #fff!important;
	background-color: #009ada!important;
	border-color: #008ada!important; }

.btn-primary:focus , .btn-primary.focus , .btn-primary:hover, 
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, 
.btn-primary:active:hover, .btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus, .btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
	background-color: #008ada!important;
	border-color: #008ada; }

.btn-primary .badge {
	color: #009ada;
	background-color: #ffffff; }


/* success */
.btn-success {
	color: #fff;
	background-color: #64a33c;
	border-color: #64833c; }
.btn-success:focus , .btn-success.focus , .btn-success:hover, 
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success, 
.btn-success:active:hover, .btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus, .btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
	background-color: #64833c;
	border-color: #64833c; }

.btn-success .badge {
	color: #64a33c;
	background-color: #ffffff; }


/* success bootstrap */
.btn-success-bs {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5ca85c; }
.btn-success-bs:focus , .btn-success-bs.focus , .btn-success-bs:hover, 
.btn-success-bs:active, .btn-success-bs.active, .open > .dropdown-toggle.btn-success-bs, 
.btn-success-bs:active:hover, .btn-success-bs.active:hover,
.open > .dropdown-toggle.btn-success-bs:hover,
.btn-success-bs:active:focus, .btn-success-bs.active:focus,
.open > .dropdown-toggle.btn-success-bs:focus, .btn-success-bs:active.focus, .btn-success-bs.active.focus,
.open > .dropdown-toggle.btn-success-bs.focus {
	background-color: #5ca85c;
	border-color: #5ca85c; }

.btn-success-bs .badge {
	color: #5cb85c;
	background-color: #ffffff; }









/* warning */
.btn-warning {
	color: #fff;
	background-color: #e9bd3e;
	border-color: #e9ad3e; }
.btn-warning:focus, .btn-warning.focus, .btn-warning:hover,   
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning, 
.btn-warning:active:hover, .btn-warning.active:hover, 
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus, .btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #e9ad3e;
  border-color: #e9ad3e; }

.btn-warning .badge {
  color: #e9bd3e;
  background-color: #ffffff; }


/* danger */
.btn-danger {
	color: #fff;
	background-color: #c4484c;
	border-color: #B94136; }
.btn-danger:focus, .btn-danger.focus, .btn-danger:hover, 
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger, 
.btn-danger:active:hover, .btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus, .btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, 
.open > .dropdown-toggle.btn-danger.focus {
	background-color: #B93136;
	border-color: #B94136; }

.btn-danger .badge {
  color: #c4484c;
  background-color: #ffffff; 
}


/* info */
.btn-info {
	color: #fff;
	background-color: #d37d31;
	border-color: #d36d31; }
.btn-info:focus, .btn-info.focus, .btn-info:hover, 
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info, 
.btn-info:active:hover, .btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus, .btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
	background-color: #d36d31;
	border-color: #d36d31!important; }
	/*-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }*/

.btn-info .badge {
	color: #d37d31;
	background-color: #ffffff; }


/* morado */
.btn-morado {
	color: #fff!important;
	background-color: #994275!important;
	border-color: #993275!important; }

.btn-morado:focus , .btn-morado.focus , .btn-morado:hover, 
.btn-morado:active, .btn-morado.active, .open > .dropdown-toggle.btn-morado, 
.btn-morado:active:hover, .btn-morado.active:hover,
.open > .dropdown-toggle.btn-morado:hover,
.btn-morado:active:focus, .btn-morado.active:focus,
.open > .dropdown-toggle.btn-morado:focus, .btn-morado:active.focus, .btn-morado.active.focus,
.open > .dropdown-toggle.btn-morado.focus {
	background-color: #995375!important;
	border-color: #995375!important; }

.btn-morado .badge {
	color: #994275;
	background-color: #ffffff; }











/* --------------------------------------------------------------*/
/* ->>> BADGES BOOTSTRAP - Estilos que no están en la ver.3 <<<- */
/* --------------------------------------------------------------*/

.badge-primary    { background-color:#009ada; }
.badge-success    { background-color:#64a33c; }
.badge-warning    { background-color:#e9bd3e; }
.badge-danger     { background-color:#c4484c; }
.badge-info       { background-color:#d37d31; }
.badge-azul       { background-color:#00457f; }
.badge-verdeclaro { background-color:#99b833; }
.badge-lima       { background-color:#c0cc29; }
.badge-morado     { background-color:#994275; }
.badge-default    { background-color:#cfcfcf; }

.badge-pill { 
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem; }







/* ----------------------------------------------------------*/
/* ------->>> COLORES DE TEXTO GESTION 2023 - 2027 <<<-------*/
/* ----------------------------------------------------------*/

.text-primary    { color: #009ada!important; }
.text-success    { color: #64a33c!important; }
.text-warning    { color: #e9bd3e!important; }
.text-danger     { color: #c4484c!important; }
.text-info    	 { color: #d37d31!important; }
.text-azul       { color: #00457f; }
.text-verdeclaro { color: #99b833; }
.text-lima       { color: #c0cc29; }
.text-morado     { color: #994275!important;; }
.text-default    { color: #cfcfcf; }






a.text-primary:hover, a.text-primary:focus { color: #008ada!important; }
a.text-success:hover, a.text-success:focus { color: #64833c!important; }
a.text-warning:hover, a.text-warning:focus { color: #e9ad3e!important; }
a.text-danger:hover , a.text-danger:focus  { color: #B94136!important; }
a.text-info:hover   , a.text-info:focus    { color: #d36d31!important; }
/*  */
.form-control { color: #004582; }




/* --------------------------------------------------------------*/
/* ------>>> BOTONES PERSONALIZADOS GESTION 2023 - 2027 <<<------*/
/* --------------------------------------------------------------*/
.btn-inv { background-color: #fff!important; border: 1px solid #aaa; }
.btn-primary.btn-inv { color: #009ada!important; border-color: #009ada!important; }
.btn-success.btn-inv { color: #64a33c!important; border-color: #64a33c!important; }
.btn-warning.btn-inv { color: #e9bd3e!important; border-color: #e9bd3e!important; }
.btn-danger.btn-inv  { color: #c4484c!important; border-color: #c4484c!important; }
.btn-info.btn-inv    { color: #d37d31!important; border-color: #d37d31!important; }

.btn-success-bs.btn-inv { color: #5ca85c!important; border-color: #5ca85c!important; }

.btn-inv:hover { color: #fff!important; }

.btn-primary.btn-inv:hover { background-color: #009ada!important; }
.btn-success.btn-inv:hover { background-color: #64a33c!important; }
.btn-warning.btn-inv:hover { background-color: #e9bd3e!important; }
.btn-danger.btn-inv:hover  { background-color: #c4484c!important; }
.btn-info.btn-inv:hover    { background-color: #d37d31!important; }

.btn-success-bs.btn-inv:hover { background-color: #5ca85c!important; }





.btn-primary-o {
	color: #009ada;
	background-color: transparent;
	border-color: #008ada; }
.btn-success-o {
	color: #64a33c;
	background-color: transparent;
	border-color: #328430; }
.btn-warning-o {
	color: #e9bd3e;
	background-color: transparent;
	border-color: #f7Ae2b; }
.btn-danger-o {
	color: #c4484c;
	background-color: transparent;
	border-color: #e2363c; }
.btn-info-o {
	color: #d37d31;
	background-color: transparent;
	border-color: #eb5f27; }











/* ----------------------------------------------------------------*/
/* ------>>> PALETA COLORES DE FONDO ANTERIORES (PERSON.) <<<------*/
/* ----------------------------------------------------------------*/

.fondobtnred {
	background-color:#C5484C!important;	
}
.fondoRed {
	background-color:#AF4144!important;
	border-color:#AF4144!important; }
.fondoRed2 {
	background-color:#C5484C!important;
	border-color:#C5484C!important; }
.fondoRed3 {
    background-color:#C5484C!important;
	border-color:#d37e32!important; }
.fondoYell {
    background-color:#C5484C!important;
	border-color:#C5484C!important; }
.fondoAzul2 {
    background-color:#4598CA!important;
	border-color:#4598CA!important; }
.fondoCeleste {
    background-color:#53AAE0!important;
	border-color:#53AAE0!important; }
.fondoVerde1 {
	background-color:#ABB729!important;
	border-color:#ABB729!important; }









/*  */
.contenedormensaje .msgtexto {
	font: normal 13px/1.2 "BeVietnamProRg", "OpenSans";
	color: #777;
	font-style: italic; }
/*  */
.btnTxtDestacado .txtPrincipal {
	font: normal 16px "BeVietnamProRg", "OpenSans"!important;
}

.zocaloPanelIzq .zocaloInstitucionalJpg	{
	background-color: #009ada;  	/* Gestión 2019-2023 #4598CA */
}
.zocaloPanelIzq .zocaloLoginNew, #loginMobile > .zocaloLoginNew {
	font: normal 12px/12px "OpenSansLight", "BeVietnamProRg";
	background-color: #009ada; } 	/* Gestión 2019-2023 #4598CA */





/* TITULO SECTION FRAME */

/* Paleta Gestión 2023-2027 */
.tituloSectionFrame { background-color: #009ada; }
.tituloSectionConte {
	margin-bottom: 0;
	background: linear-gradient(135deg, #009ada 70%, transparent 1%); }
.bg-success + .tituloSectionConte {
	background: linear-gradient(135deg, #64a33c 70%, transparent 1%); }	







/*

* ESTILOS DE BOTONES GESTIÓN 2019-2023 
* 
* Que están en Index (botones de Políticas + RPFDC
*
*/ 

/* Opción con imagen de fondo */
.btn-reccba {
	color: #fff;
	background-size: 100% 100%;
	border-radius: 0;
	border: 0px;
	box-shadow: none;
}
.reccba-primary-md { background-image: url("img-2020/2022/rec2hoja-md.png"); padding: 1rem 1.8rem; }
.reccba-warning-md { background-image: url("img-2020/2022/rec3hoja-md.png"); padding: 1rem 1.8rem; }
.reccba-danger-md  { background-image: url("img-2020/2022/rec4hoja-md.png"); padding: 1rem 1.8rem; }
.reccba-success-md { background-image: url("img-2020/2022/rec5hoja-md.png"); padding: 1rem 1.8rem; }
.reccba-info-md    { background-image: url("img-2020/2022/rec6hoja-md.png"); padding: 1rem 1.8rem; }


/* Gestión 2023-2027 */
.btn-reccba.reccba-primary-md:hover { background-image: url("img-2020/2022/rec2hojainv-md.png"); color: #009ada; }
.btn-reccba.reccba-warning-md:hover { background-image: url("img-2020/2022/rec3hojainv-md.png"); color: #e9bd3e; }
.btn-reccba.reccba-danger-md:hover  { background-image: url("img-2020/2022/rec4hojainv-md.png"); color: #c4484c; }
.btn-reccba.reccba-success-md:hover { background-image: url("img-2020/2022/rec5hojainv-md.png"); color: #64a33c; }
.btn-reccba.reccba-info-md:hover    { background-image: url("img-2020/2022/rec6hojainv-md.png"); color: #d37d31; }


/* Opción con CSS */
/*.reccba-md { min-width: 270px; }*/
/*.reccba-md .shortcut {
	padding: 1em 1.8em;
	border-top-left-radius: 156px; 
	border-top-right-radius: 0px; 
	border-bottom-left-radius: 0px; 
	border-bottom-right-radius: 156px; }*/
/*@media (min-width: 560px) {
	.reccba-md .shortcut { 
		border-top-left-radius: 130px; 
		border-bottom-right-radius: 130px; }
}*/
/*@media (min-width: 950px) {
	.reccba-md .shortcut { 
		border-top-left-radius: 130px; 
		border-bottom-right-radius: 130px; }
}*/
/*@media (min-width: 1000px) {
	.reccba-md .shortcut { 
		border-top-left-radius: 140px; 
		border-bottom-right-radius: 140px; }
}*/
/*@media (min-width: 1150px) {
	.reccba-md .shortcut { 
		border-top-left-radius: 156px; 
		border-bottom-right-radius: 156px; }
}*/


/* Gestión 2023-2027 */
.reccba-md { min-width: 270px; display: flex; }
.reccba-md .shortcut {
	padding: 1em 1em;
	border-radius: 27px 0px 17px 0px; }
@media (min-width: 560px) {
	.reccba-md .shortcut { 
		border-top-left-radius: 22px; 
		border-bottom-right-radius: 14px; }
}
@media (min-width: 950px) {
	.reccba-md .shortcut { 
		border-top-left-radius: 22px; 
		border-bottom-right-radius: 14px; }
}
@media (min-width: 1000px) {
	.reccba-md .shortcut { 
		border-top-left-radius: 24px; 
		border-bottom-right-radius: 15px; }
}
@media (min-width: 1150px) {
	.reccba-md .shortcut { 
		border-top-left-radius: 27px; 
		border-bottom-right-radius: 17px; }
}


