@charset "utf-8";


/*@import url("trasandinaFont.css");*/			/* Fuentes Gestión 2019 - 2023 */

@import url("geogrotesqueSharpFont.css");	/* Fuentes Gestión 2023 - 2027 */
@import url("BeVietnamProFont.css");		/* Fuentes Gestión 2023 - 2027 */

@import url("glyphiconsFont.css");			/* Iconos */



@font-face {
    font-family:"Roboto";
    src:url(../fonts/Roboto-Regular.ttf) format("truetype"); /* USADA */
}
@font-face {
    font-family:"OpenSansLight";
    src:url(../fonts/OpenSans-Light.ttf) format("truetype"); /* USADA */
}
@font-face {
    font-family:"OpenSans";
    src:url(../fonts/OpenSans.ttf) format("truetype"); /* USADA */
}
@font-face {
    font-family:"OpenSansSB";
    src:url(../fonts/OpenSans-SemiBold.ttf) format("truetype"); /* USADA */
}
@font-face {
    font-family:"OpenSansB";
    src:url(../fonts/OpenSans-Bold.ttf) format("truetype"); /* USADA */
}


@font-face {
    font-family:"TrebuchetMS";
    src:url(../fonts/TrebuchetMS-Regular.ttf) format("truetype"); /* USADA */
}

@font-face {
    font-family:"TrebuchetMS-Bold";
    src:url(../fonts/TrebuchetMS-Bold.ttf) format("truetype"); /* USADA */
}



/*  RESOLUCIONES VGA
    ****************

1920 x 1080  (1.7777)
1600 x  900  (1.7777)

1366 x  768  (1.7786)
- 1360 x  768  (1.7708)
- 1280 x  768  (1.6666)
- 1024 x  768  (1.3333)

1280 x  720  (1.7777)
- 1280 x  600  (2.133)

 800 x  600  (1.3333)



*/


/* ----------------------------------*/
/* ---------->>> RESET <<<-----------*/
/* ----------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
footer, header, nav, section {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    /*font-size:100%;*/
    /*vertical-align:baseline;*/
    background:transparent;
}


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



footer, header, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { 
    content: '';
	content: none;
}
 
a, a:hover, a:focus { text-decoration:none; }
a:focus { outline:0; }

 
/* No olvides resaltar de alguna manera el texto insertado/borrado */
ins { text-decoration: none; }
del { text-decoration: line-through; }
 
/* En el cdigo HTML es necesario añadir cellspacing="0" */
table { border-collapse: collapse; /*border-spacing: 0;*/ }

.clear { clear: both; }


body {
    font-family: "GeogrotesqueSharpLt", "OpenSansLight", "Roboto", Verdana, Arial;
    /*font-size:70%;*/  
    /*line-height:160%;*/
    color:#333;
    background-color: #ededed;
	/* PARA CORREGIR EL DESPLAZAMIENTO DEL INCLUDE DEL MENU: En cabecera.php, Archivo, Propiedades de Pagina,
	/ 	Desmarcar: Incluir firma Unicode (BOM)		*/
}
	


/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/


/* ETIQUETA SEMANTICA: header NO ES RECONOCIDA X IEXPLORER x LO TANTO HAY QUE DEFINIR EN CADA PAGINA */
/* --------------------------------------------------------------------------------------------------*/
header {
    width:100%;
    margin:0 auto;
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
	-o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
	position: relative;
	z-index: 100;
	background-color: #fff;		/* Agregado. 07-06-2024 */
}

#body {
    margin:0 auto;
    padding:0;
    position:relative;
} 


h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: "GeogrotesqueSharpSmBd", "OpenSansSB"; }
h5, .h5 { font-family: "GeogrotesqueSharpRg"  , "OpenSans"; }
h6, .h6 { font-family: "GeogrotesqueSharpLt"  , "OpenSansLight"; }

.h5 {font-size: 1.20rem!important; line-height: 1.55; }
.h6 {font-size: 1.15rem!important; line-height: 1.50; }


/* ETIQUETA SEMANTICA: footer NO ES RECONOCIDA X IEXPLORER x LO TANTO HAY QUE DEFINIR EN CADA PAGINA */
/* --------------------------------------------------------------------------------------------------*/
footer { 
    width:100%; 
	/*margin:0px auto;	2024*/
	padding:0px;	/*60px 0px 0px; */
    font-size:16px;
    color:#FFF;
    /*background-color: #736357; 2024*/
	/* 2025 */
	background-color: #172C3F;
	border-top: 5px solid #DE0000;
    position:relative;
	float:left;
	/* 2025 */
	margin: 59px auto 0;
}






/* -----------------------*/
/* DENTRO DEL < HEADER >  */
/* -----------------------*/

#contenedor-membrete {   /* <HEADER> -> #contenedor-logo */
	/*width:100%;*/			/* Modif. 07-06-2024 */
	/*margin:0px;*/			/* Modif. 07-06-2024 */
	margin:0px 0px;		/*4px; */
	padding:0px;
	overflow:hidden;
	/* 2024 background-color: #009ada; */
	/* 2024 border-radius: 3px;	*/	/* 12px; es como tiene BING */	/* Agregado. 07-06-2024 */
	/* 2025 */
	background-color: #172c3f;
	height: 80px;
}


/* MEMBRETE CONTENEDOR: (Se debe usar cuando se incluye el Buscador)  
(1) CONTENEDOR LOGOS
(2) CONTENEDOR BUSCADOR */
.membretecontenedor {
		max-width: 90%;
		/*height: 83px;		cambiado en marzo 2022 */
		margin:0px auto; 
		padding:0px;
		overflow:hidden;
		position:relative;   /* ESTO ES PARA POSICIONAR EL BUSCADOR NO CON FLOAT RIGHT */
}


/* FONDO BLANCO */
/* 
/  USADO SOLO PARA EL MENSAJE QUE ESTÁ DEBAJO DE LOS LOGOS */
.contenedormensaje {
    width: 100%;
    height: 48px;
    margin: 0px;	/*8px 0 0 0;*/
	padding: 10px 0 0 0;	
    position: relative;
	background-color: #fff; }
.contenedormensaje > div {
	width: 1000px;
	margin: 0 auto; }
.contenedormensaje img {
	width: 33px;
	margin-right: 13px;
	float: left; }
.contenedormensaje .msgtexto {
	font-size: 12px;
	font-weight: bold;
    line-height: 1.2;
	font-style: italic;
	color: #777; }


/* (1) CONTENEDOR LOGOS */
.membretecontenedor > ul.contenedorlogos {    
	height:37px;
	margin:30px auto 0px;
	padding:0px;
	position:relative;
	animation-name: logosimg;
	animation-duration: 1.7s; 	/*float:left;  eliminado en marzo 2022 */ }

.membretecontenedor > ul.contenedorlogos.gestion2020 {  /* MODIFICACION Gestion 2020 */
	height: 60px;
	margin-top: 12px; }

@keyframes logosimg {
	from {opacity: 0.0;}
	to {opacity: 1.0;} }

ul.contenedorlogos > li {
	float:left;
	background-color:transparent;
	font-family: "GeogrotesqueSharpRg", "Roboto", Arial;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	letter-spacing: 0.05em;					/*Ver de sacarlo mas adelante*/	
	text-align:right;						/*Ver de sacarlo mas adelante*/
	color:#FFF; }

ul.contenedorlogos > li.separador {
	height:35px;
	margin:2px 14px 0px;
	padding:0px;
	border-right:2px solid #DADADA; }

ul.contenedorlogos > li.separador1 {
	width:14px;
	height:100%;
	margin:0px;
	padding:0px; }

ul.contenedorlogos > li > img,
ul.contenedorlogos > li > div {
	height:35px;
	margin-top:2px; }

ul.contenedorlogos > li > div {
	height:35px;
	font-family: "GeogrotesqueSharpRg", "Roboto", Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	text-align:left;
	letter-spacing: 0.04em;
	display:table-cell;
	vertical-align:middle; }

ul.contenedorlogos.gestion2020 > li > img,			/* MODIFICACION Gestion 2020 */
ul.contenedorlogos > li > div {
	margin-top: 23px;
}

ul.contenedorlogos.gestion2020 > li#dccyai > img,	/* MODIFICACION Gestion 2020 */
ul.contenedorlogos > li > div { 
	margin-top: 2px; 
	height: 58px; }

ul.contenedorlogos.gestion2020 > li.separador1 { width: 35px; }	/* MODIFICACION Gestion 2020 */
		

/* FIN (1) CONTENEDOR LOGOS */




/* (2) CONTENEDOR BUSCADOR */
.membretecontenedor >
.contenedorbuscador {    
	width:300px;
	height:50px;
	bottom:0px;			/* bottom, right y position son para posicionar el buscador SIN  */
	right:0px;          /* usar float left */
	background: transparent;
	position:absolute;
}


/* ESTOS ESTILOS PERTENECEN AL CÓDIGO DEL BUSCADOR INTERNO DE GOOGLE */
/* personalizacion mia */
.contenedorbuscador > #cse {
	width: 210px;
	margin:10px 15px 10px 75px;
}

#cse > .gsc-control-cse, #cse .gsc-control-cse {
	border:none;
	padding:0px;
	background-color:transparent;
}
form.gsc-search-box, table.gsc-search-box {
	margin:0px!important;
}
td.gsc-input {
	padding-right:0px!important;
}
td.gsc-input > #gsc-iw-id1 {
	margin-top:0!important;
	margin-bottom:0!important;
	height:28px!important;
	border:none;
	border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
}



td.gsib_a {
	margin:0px!important;
	padding:0px!important;
}
.gsc-search-box-tools .gsc-search-box .gsib_a > input.gsc-input {
	margin:5px!important;
	font-size:14px!important;
	border:none!important;
	outline:none!important;
	background:none!important;
}
table.gsc-search-box td.gsc-search-button { width:45px; }

#cse .gsc-search-button-v2, .cse .gsc-search-button-v2 {
	height: 28px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px 14px!important;
	border: 1px solid #fff!important;
}
.gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
	background-color: #E9BE3E!important;
}
.gsc-search-button-v2 svg {
	width: 18px;
	height: 18px;
}

/* FIN (1) CONTENEDOR BUSCADOR */



#contenedor-menup {
   	width:100%;
   	margin: 0;
   	padding: 2px 0;
   	position:relative;
	z-index:50; 
	/*height: inherit;*/		/* Operativo hasta 2024 */
	/*background-color: #fff;*/	/* Operativo hasta 2024 */
	background-color: #1C3247;	/* Nuevo desde 2025 */
	height: 34px; 				/* Nuevo desde 2025 */ }

/* CONTENEDOR BARRA DE MENU:  
(1) BARRA DE MENU HORIZONTAL
(2) BARRA DERECHA DE BOTONES
(3) BOTON MENU PARA SCREEN MOBILE */
#menupcontenedor {
	width: 100%;
	max-width:1140px;
	/*height: 38px;*/	/* Operativo hasta 2024 */
	height: 100%;		/* Nuevo desde 2025 */
	margin:0 auto;
	position:relative; }

/* (1) BARRA DE MENU HORIZONTAL */
#menupitems { float:left; }

#menupitems > li {
	font-family: "BeVietnamProSmBd", "GeogrotesqueSharpSmBd", "Roboto";
	font-size: 12px;					/* Cambiado 21-04-2022 */
	font-weight: normal;
	line-height: 13px;					/* Cambiado 05-03-2022 */	/* 15px; */
	float:left;	
	border-bottom: 3px solid #e1e1e1;	/* Agregado 21-04-2022 */
	border-bottom-left-radius: 3px;		/* Agregado 21-04-2022 */
	margin-right: 2px; }				/* Agregado 05-03-2022 */

#menupitems > li.seleccionado { /* NARANJA: (top, #FCCA87, #FF9000)  */
	/* DEGRADADO - IE 6 y 7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF17B7B', endColorstr='#ffB53434', gradientType='0');
	/* DEGRADADO - IE 8 y 9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF17B7B', endColorstr='#ffB53434', gradientType='0')";
	background:-ms-linear-background(top, #F17B7B, #B53434); 							/* IE 10 */
	background: -moz-linear-gradient(top, #F17B7B, #B53434); 							/* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F17B7B), to(#B53434));	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(top, #F17B7B, #B53434); 						/* Safari 5.1+, Chrome 10+ */
	background: linear-background(top, #F17B7B, #B53434); }								/* estándar */

#menupitems > li:hover { background-color:#E1E1E1; }	 /* #F0F0F0; }   GRIS CLARO */

#menupitems > li > a {
	padding: 5px 15px;
	text-transform:uppercase;
	color:#8f8f8f;
	display:block; }
#menupitems > li:hover > a { color:#3B424D; }

#menupitems li:hover .menuppopup { 
	display:block!important;
	animation: menuppopuptxt 0.5s ease 0s 1 normal running; }

@keyframes menuppopuptxt {
	from { opacity:0; }
	10% { opacity:0.1; }
	20% { opacity:0.2; }
	30% { opacity:0.3; }
	40% { opacity:0.4; }
	50% { opacity:0.5; }
	60% { opacity:0.6; }
	70% { opacity:0.7; }
	80% { opacity:0.8; }	
	90% { opacity:0.9; }
	to { top:1; }
}

.menuppopup {
	width:1000px;
	padding:10px 15px 30px;
	font-family: "BeVietnamProRg", "Roboto", Arial;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	position:absolute;
	left:0px;
	z-index:500;
	background-color: #354052;
	opacity: 0.9;
	filter:shadow(color=#000000, direction=135, strength=2);
	display:none; }

.menuppopup > ul > li {
	padding:7px 10px;
	color:#FFFFFF; }
.menuppopup > ul#columna1 > li { width:360px; }
.menuppopup > ul#columna2 > li { width:350px; }
.menuppopup > ul#columna3 > li { width:450px; }

.menuppopup > ul > li > a {
	display:block;
	color:#FFFFFF; }			

.menuppopup > ul > li:hover {
	background-color:#FFF;
	color:#333; }

/* Con el Google Search me cambia el color de .menuppopup > ul > li:hover */
.menuppopup > ul > li:hover > a { color:#333!important; }

.submenuppopup {
	padding:10px 0px 10px 10px;  /*10, 30, 35*/
	background-color:#FFF;
	position:absolute;
	top:10px;
	display:none;
	z-index:500; }

#columna1  .submenuppopup { left:375px; }
#columna3  .submenuppopup { left:465px; }
li:hover > .submenuppopup { display:block!important; }

.submenuppopup > ul {
	/*width:228px;*/
	margin-right:10px;
	float:left; }
#columna1 .submenuppopup > ul, #columna2 .submenuppopup > ul { width:293px; }
#columna3 .submenuppopup > ul { width:300px; }

.submenuppopup > ul > li {
	padding:8px 10px;
	color:#333;	}

.submenuppopup > ul > li:hover {
	background-color:#666;
	color:#FFF;	}

/* Con el Google Search me cambia el color de .submenuppopup > ul > li > a */
.submenuppopup > ul > li > a { color:#333; }
/* Con el Google Search me cambia el color de .menuppopup > ul > li:hover > a */
.submenuppopup > ul > li:hover > a { color:#FFF; }

ul > li.bordeinf { border-bottom: 1px dotted #666; }   /*.menuppopup  y .submenuppopup*/


/* FIN (1) BARRA DE MENU HORIZONTAL */



/* 
(1) BARRA DERECHA DE LOGOS */
#menuplogos .logo {
	height: 45px;
	margin: 0px 2px 0px 10px;
	display: block;
	float: right; }
#menuplogos .logo > img { height: inherit; }



/* 
(2) BARRA DERECHA DE BOTONES/ICONOS */
#menupiconos {
	height: 100%;
	padding-left: 5px;
	padding-right: 5px;
	/*display: table*/	/* Operativo hasta 2024 */
	/*float: right;*/	/* Operativo hasta 2024 */ }

	#menupiconos > li { 
		height: inherit;
		padding: 0 3px;
		display: table-cell; }

#menupcontenedor .icono {
	height: 100%;
	display: flex;
	align-items: center; }

#menupcontenedor button.icono { height: auto; }
#menupcontenedor .icono.screenMobile { float: left; }
#menupcontenedor .icono > img { display: block; }

.icono > img.faceHome { margin:7px auto; } 		/*a img.faceHome {*/
.icono > img.twitter  { margin:9px auto 7px; }
/* FIN (2) BARRA DERECHA DE BOTONES */


/* 
(2) BARRA DERECHA DE LOGOS */
#menupcontenedor .logo {
	height: inherit;
	margin: 0px 3px;
	display: block;
	float: right; }

#menupcontenedor .logo > img {
	display: block;
	height:inherit; }


/* 
(3) BOTON MENU PARA SCREEN MOBILE */
#menupcontenedor > div#menumobilecontenedor {     /* div#botonMenu {*/
	margin-left:10px;
	float:left; }

div#menumobilecontenedor > ul#niv0 { animation: menumobileitemstxt 0.5s ease 0s 1 normal running; }

div#menumobilecontenedor > ul.menumobileitems {				
	width:85%;
	max-width: 350px;
	min-width: 280px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:37px;
	left:-3px;
	z-index:888;
	background-color:#FFFFFF;
	-webkit-box-shadow: 2px 2px 4px #999;
	-moz-box-shadow: 2px 2px 4px #999;
	-o-box-shadow: 2px 2px 4px #999;
	box-shadow: 2px 2px 4px #999;
	filter:shadow(color=#000000, direction=135, strength=2); }

div#menumobilecontenedor > ul.menumobileitems > li {
	padding:0px;
	margin:0px 0px 0px;
	font-family: "GeogrotesqueSharpRg", "Roboto", Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	text-align:right;   /*left;*/
	color:#000000; }

div#menumobilecontenedor > ul.menumobileitems > .titulo_menu,
div#menumobilecontenedor > ul.menumobileitems > .subtitulo_menu, 
div#menumobilecontenedor > ul#niv0 > li { text-align:left; }

div#menumobilecontenedor > ul.menumobileitems > li.titulo_menu {
	padding:10px 15px;
	color:#FFFFFF;
	background-color:#424242; }

div#menumobilecontenedor > ul.menumobileitems > li.ultimo { margin-bottom:15px; }
div#menumobilecontenedor > ul.menumobileitems > li > a {
	display:block;
	padding:8px 15px 4px;
	font-size: 15px;
	color: #3f3f3f; }

div#menumobilecontenedor > ul.menumobileitems > li > a:hover {
	background-color:#D7D7D7; }

div#menumobilecontenedor > ul.menumobileitems > li.subtitulo_menu { background-color:#D7D7D7; }

@keyframes menumobileitemstxt {
	from { left:-100%; }
	to { left:0%; }
}

/* FIN (3) BOTON MENU PARA SCREEN MOBILE */






/* --- FIN ESTILOS DENTRO DEL HEADER --- */








/* - - ESTILOS 2024 - BEGIN -- */
/* */
.content {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative; }
.content > .content-head, .content > .head-breadcrumbs, .content .page-title {
	max-width: 1140px;
	margin: 0 auto;
	position: relative;	
	background-color: #ededed; }
.content > .content-head {
	min-height: 115px;
	height: 15rem; }
.content > .content-page {
	width: 100%;
	margin: 0;
	padding: 0; }
.content > .content-head * { 
	background-color: #ededed;
	color: #736357; }
.content .filaArticulo {	/* Provisorio */
	max-width: 1140px;
	margin: 0 auto;
	padding-left: 8px;
	padding-right: 8px; }

@media (min-width: 460px) {
	.content > .content-head, .content > .content-page {
		padding-left: 14px;
		padding-right: 14px; }
	.content .filaArticulo {
		padding-left: 14px;
		padding-right: 14px; }
}

@media (min-width: 768px) {
	.content > .content-head, .content > .content-page {
		padding-left: 20px;
		padding-right: 20px; }
	.content .filaArticulo {
		padding-left: 20px;
		padding-right: 20px; }
}

@media (min-width: 1180px) {
	.content > .content-head, .content > .content-page {
		padding-left: 0;
		padding-right: 0; }
	.content .filaArticulo {
		padding-left: 0;
		padding-right: 0; }
}

.content-page .page-title {
	padding: 1em 0;
	text-align: left; }
.content-page .page-title > h3 {
	font-family: "GeogrotesqueSharpRg";
	font-size: 1.6em; }

.content > section { padding: 2em 0; margin-top: 12px 0 0; }
/* */
/* - - ESTILOS 2024 - END - - */



/* --------------------------------------*/
/* ---------->>> CONTENIDO <<<-----------*/
/* --------------------------------------*/

/* ELEMENTOS GENERALES DE .content-head (usado x varias paginas) */
/* -----------------------------------------------------------*/


/* - - 2024 - BEGIN -- */
/* */
.content-head .tituloSectionFrame, .content-head .tituloSectionConte,				/* Provisorio */
.content-head .head-titulo, .content-head .head-breadcrumbs { 
	line-height: 1;
	text-align: right;
} 
.content-head .head-titulo, .content-head .head-breadcrumbs { margin-left: auto; margin-right: auto; }

.content-head .head-titulo .row, .content-head .head-breadcrumbs .row { justify-content: right; }
.content-head .tituloSectionFrame > h1,												/* Provisorio */
.content-head .head-titulo h1  {
	max-width: 100%;
	margin: 0;
	font-family: "GeogrotesqueSharpBd";
	font-size: 1.6em;
	line-height: 1;

}

.content-head .tituloSectionConte > h1, .content-head .tituloSectionConte > h2, 	/* Provisorio */
.content-head .tituloSectionConte > h3, .content-head .tituloSectionConte > h4 { 	/* Provisorio */ 
	max-width: 100%;
	margin: 0;
	font-family: "GeogrotesqueSharp";
	font-size: 1.5em;
	font-weight: 900;
	line-height: 1; }

.content-head .head-breadcrumbs {
	padding: 20px 0;
	font-family: "BeVietnamProRg";
	font-size: 0.8em;	/* Nuevo desde 2025 */ /* Operativo hasta 2024 0.9em;*/ }
/*.content-head .head-breadcrumbs * { color: #4e4e4e; }*/	/* Operativo hasta 2024 */
.content-head .head-breadcrumbs i { font-size: 1.1em; }
/*.content-head .head-breadcrumbs .active { font-family: "GeogrotesqueSharpSmBd"; }*/ /* Operativo hasta 2024 */



/* */
/* - - 2024 - END -- */










/* ESTILOS NUEVOS 2025 - BEGIN -- */
	header {
		position: fixed; /* Fija el header en la parte superior */
  		top: 0;          /* Lo coloca en la parte superior de la ventana */
		left: 0;         /* Lo alinea a la izquierda */
		width: 100%;     /* Ocupa el ancho completo de la ventana */
		z-index: 1000;   /* Asegura que el header esté por encima de otros elementos */
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra opcional para dar profundidad */
	}
	.content {
		margin-top: 114px; /* Ajusta este valor según la altura total del header */ }		
	.content .content-head * {
		color: #fff;
		background-color: transparent; }
	.content .content-head .head-titulo, .content .content-head .head-breadcrumbs {
		max-width: 1140px; }
	.content .content-head {
		max-width: none;
		background-image: linear-gradient(rgba(23,44,63,0.8), rgba(23,44,63,0.8)), url('../img/EducacionCordoba.jpg');
		background-size: cover;
		background-position: center; /*height: 100vh;*/ /* O cualquier altura que necesites */	}

	footer .content { margin-top: 0; }
/* */
/* - - ESTILOS 2025 - END - - */













/* ---------------------------*/
/* DENTRO DEL < DIV="body" >  */
/* ---------------------------*/

/* (1) INTRODUCCION
   (2) CONTENIDO */


/* (1) INTRODUCCION */
	

		.celdaBtnMediano {
    		margin:10px 0px 5px;
	    	width:auto;
	    	height:110px;
		    background-color:#FFFFFF;
			-webkit-box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.2);
			-moz-box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.2);
			-o-box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.2);
			box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.2);
			overflow:hidden;
			position:relative;
		}

			.celdaBtnMediano >
			.btnMedianoImg {
				width:100px;	
				height:85px;
				display:table-cell;
				vertical-align:top;
			}
				.btnMedianoImg > img {
					width:100%;
				}

			.celdaBtnMediano >
			.btnMedianoTexto { 
				width:67%; /*160px;*/
				height:inherit;
				position:absolute;
				top:0px;
				left:33%;
			}
				.btnMedianoTexto > h3 {
					height:85px;
					padding:5px 5px 5px 20px;
					font-family: "GeogrotesqueSharpRg", "Roboto";
					font-size: 15px;
					font-weight: 600;
					line-height: 1em;
				    letter-spacing: -0.01em;
				    color:#FFF;
				}

			.celdaBtnMediano >
			.btnMedianoPie {
				width:100%; 
				height:25px;
				position:absolute;
				bottom:0px;
				left:0px;
				padding:0px 10px 5px;
				font-family: "GeogrotesqueSharpRg", "Roboto";
				font-size: 12px;
				font-weight: normal;
				line-height: 25px;
			    color:#000;
				background-color: #fff;
				opacity: 0.7;			
			}


		nav .celdaBtnChico {
    		margin:0px 0px 4px;
	    	width:auto;
	    	height:65px;
		    background-color:#FFFFFF;
			-webkit-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.2);
			-moz-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.2);
			-o-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.2);
			box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.2);
			overflow:hidden;
			position:relative;
		}
			.celdaBtnChico > img {
				width:86px;	
				height:75px;
				top:0px;
				left:0px;
				position:absolute;
			}

			.celdaBtnChico > div { 
				width:67%;
				height:inherit;
				padding:5px 5px 5px 20px;
				font-family: "GeogrotesqueSharpRg", "Roboto";
				font-size: 15px;
				font-weight: 500;
				line-height: 1em;
			    letter-spacing: -0.01em;
			    color:#FFF;				
				position:absolute;
				top:0px;
				right:0px;
			}



		nav .celdaBtnGrande {
    		margin:0px 0px 4px;
	    	width:auto;
	    	height:134px;
		    background-color:#FFFFFF;
			-webkit-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.2);
			-moz-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.2);
			-o-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.2);
			box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.2);
			overflow:hidden;
			position:relative;
		}


		nav .btnPanel {
    		margin:0px 0px 4px;
	    	width:auto;
		    background-color:#FFFFFF;
			-webkit-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.2);
			-moz-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.2);
			-o-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.2);
			box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.2);
			overflow:hidden;
			position:relative;
		}

		nav .btnPanel.h100 {
			height:99px;
		}







/* (2) CONTENIDO */

#contenido {
    margin: 114px auto 0px;	/* Operativo hasta el 2024  - margin:0px auto 0px;*/
    padding:10px 0px 36px;			/*10px 4px 36px*/
    background-color: transparent; }
#contenido .filaArticulo {
	max-width:1140px;
	margin:0px auto 20px;
	padding:2.4% 0 4%; }
#contenido > section { border-radius: 3px; } 		/* 12px; } Así lo tiene BING */











		.textoArticulo {
		    margin:0px;
			padding:4% 5%;
			background-color:#FFFFFF;
			overflow:hidden;
		}
		.tituloSectionConte + .textoArticulo {
			padding-top:2%;
		}

		.parrafo {
			width:auto;
			margin:10px 0 30px 0;  
			overflow:hidden;
			font-weight: normal;
			line-height: 22px;
			letter-spacing:-0.01em;
			text-align:justify;
			color:#1E1E1E;
		}

			.textoArticulo > h3 {
				margin-bottom:15px;
				padding:0.3em 0em;
				font-family: "GeogrotesqueSharpRg", "Roboto", Verdana, Arial;
				font-size: 28px;
				font-weight: normal;
				line-height: 30px;
				border-top:1px solid #1E1E1E;
				border-bottom:1px solid #D3D2D2; 
			}
	
			.textoArticulo .parrafo { margin-left: 10px; }
	
				.textoArticulo .parrafo > h4 {
					margin-bottom:10px;
					padding:0.2em 0em;
					font-family: "GeogrotesqueSharpLt", "OpenSansLight","Roboto", Verdana, Arial;
					font-size: 22px;
					font-weight: normal;
					line-height: 24px;
					border-bottom:1px solid #D3D2D2; 
				}
 
 
				.parrafo ul {
					margin:10px 0px;
				}
				.parrafo ul > li {
					padding:7px 15px;
					text-align:left;
					vertical-align:top;
				}
				.parrafo ul > li img {
					margin-right:15px;
					height:25px;
				}
				.parrafo ul > li a > img {
					margin-right:0px;
					margin-left:15px;
				}				
				
				
				.parrafo ul.listaVineta {
					padding:0px 20px 15px 40px;
				}
					ul.listaVineta > li {
						list-style:disc;
					    padding-left:10px;
					    margin:0px 0px 5px 5px;
					}
 
				.parrafo ul.listaComun > li {
					padding:0px 15px;
				}

 				.parrafo > .parrafo {
					margin:0px 0px 10px 15px;
					padding:0.2em 0em;
				}
 

.inset {
    box-shadow:0px 3px 8px rgba(0, 0, 0, 0.24) inset;
}
#contenido.inset { box-shadow: none; }






/* ---------->>> #header <<<-----------*/
/* ------------------------------------*/


/* --------------------------------------------------------------------------------------------------- 
PASAR ARRIBA LOS ESTILOS A UTILIZAR Y BORRAR EL RESTO */
			  

.lugar_tel {
    height:46px;
	margin:0px;
	padding:0px;
	font-family: "BeVietnamProRg", "Roboto";
	font-size:13px;
	line-height:21px;
	float:right;
}

.lugar {
    height:23px;
	margin:0px;
    padding:1px 25px 1px 0px;
	text-align:right;
    font-style: italic;
	background-image:url("../imagenes/logo_bandera.jpg");
	background-position:right;
	background-repeat: no-repeat;
}

.telefono {
    height:23px;
	margin:0px;
    padding:1px 0px 1px 25px;
	text-align:left;
    font-style: italic;
	background-image:url("../imagenes/logo_tel.png");
	background-repeat: no-repeat;
}


div.lineaFija {
    height:50px;
    background:none repeat scroll 0% 0% #F9F9F9;
}

			


















				 




















/* Titulo de Articulo con fondo celeste (celeste-gestion) */
.tituloSectionFrame {
	width:100%;
	height:15px;
	background-color:rgba(82,169,222,1);
}
.tituloSectionConte {
	width:100%;
	margin-bottom:2%;   /* 20px; */
	padding-bottom:15px;
	background:linear-gradient(135deg, rgba(82,169,222,1) 70%, rgba(241,241,241,0) 1%);
}
.tituloSectionConte img {
	height:35px;
	margin:0 20px;
	float:left;
}
.tituloSectionConte > h3, .tituloSectionConte > h4, .tituloSectionConte > h5 {
	max-width: 70%;
	margin:0px 0px 0px 20px;
	padding:0px;
	font-family: "GeogrotesqueSharpRg", "OpenSans","Roboto", Verdana, Arial;
	font-weight: normal;
	color:#ffffff;
}
 
.tituloSectionConte > h3 { font-size: 30px; line-height: 35px; }
.tituloSectionConte > h4 { font-size: 28px; line-height: 30px; }
.tituloSectionConte > h5 { font-size: 25px; line-height: 27px; }

.tituloSectionConte > h3 span, .tituloSectionConte > h4 span, .tituloSectionConte > h5 span {
	font-size:20px;
	line-height:25px;
}




/* ** */
#lateralder {
    width:240px;
	/*padding:0px 30px;*/
	padding:0px 30px 30px;
	float:right;
	animation: menulateral 1s ease 0s 1 normal running;
    position:relative; 
	
background-color:#FFFFFF;
}
@keyframes menulateral {
    from { left:100%; }
	to { left:0%; }
	
}




/* Menu Lateral Comun */
.menuv2 {
	margin:0px;
	padding:0px;
	width:auto;
	font-family: "GeogrotesqueSharpRg", "Roboto", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
}
.menuv2 li {
	list-style:none;
	margin-bottom:5px;
    border-right: 1px solid #999999;	
	border-bottom:1px solid #999999;
	background:#B1C8E1;
	border-radius:3px;
} 
.menuv2 a {
	width:auto;
	padding:6px 8px;
	font-family: "GeogrotesqueSharpRg", "Roboto", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-decoration:none;
	text-align:left;
	color:#000000;
	display:block;
}
.menuv2 li:hover {
	background:#CCCCCC;
}
.menuv2 a:visited {
	background:#CCCCCC;
}
/* .// */






/* DISTINTOS FORMATOS DE LISTAS DE NAVEGACION */
/* ** */

/* Lista Reparticiones con fondo celeste (celeste-gestion) */
ul.reparticiones li a {
    padding:10px;
    margin-bottom:20px;
	font-family: "GeogrotesqueSharpSmBd", "Roboto", Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color:#FFFFFF;
    text-transform:uppercase;
    display:block;
    border-radius:9px 9px 9px 9px;
    background-color:#52A9DE;	
}
ul.reparticiones li a:hover  {color:#fff;background-color:#2A5689; }
ul.reparticiones.normal li a {
	font-size:13px;
    text-transform:none;
}
ul.reparticiones.pestania li a {
	padding:8px 10px 8px 12px;
	margin-bottom:15px;
    border-radius:40px 7px 40px 7px;
}
ul.reparticiones li a span {
	font-weight:normal;
	text-transform:none;
}






/* Lista Linealink con fondo celeste */
.linealink li {
	font-family: "GeogrotesqueSharpSmBd", "OpenSansSB", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 17px;
	color:#444444;
}
.linealink li a {
	color:#663366;
}
.linealink li > span, .linealink li > p  {
	display:table-cell;
	vertical-align:middle;
}
.linealink li > p  {
	width:100%;
}
.linealink span + p, .linealink p + span {
	padding-left:15px;
}

/* .// */





/* ELEMENTOS DE #contenido DE UBICACION.HTML */
/* -------------------------------------------*/
.mapa {
    width:722px;
	height:400px;
	margin:20px auto 40px;
	-webkit-box-shadow: 1px 1px 4px 2px #999;
	-moz-box-shadow: 1px 1px 4px 2px #999;
	-o-box-shadow: 1px 1px 4px 2px #999;
	box-shadow: 1px 1px 4px 2px #999;
    filter:shadow(color=#000000, direction=135, strength=2); 
}

.pizarra {
	margin:3px 35px;
	padding:20px;
	color:#FFF;
	border-top:6px solid #FFF !important;
	border-bottom:8px solid #966 !important;
	background-color:#3E7148;
}





.fontMay, .fntMay, .txtMay, .txMayusc { text-transform:uppercase!important; }
.font-italic { font-style: italic; }




/* ESTILOS PARA CAMPOS input CONDATOS INVÁLIDOS o REQUERIDOS */
input:invalid { background-color: #ffdddd; }
input:valid   { /*background-color: #ddffdd;*/ }
input:required {
  border-color: #800000;
  border-width: 1px;
}
input:required:invalid { border-color: #C00000; }
input:required:valid   { border-color:#5cb85c; }
		







/* --------------------------------------------------------------------------------*/
/* ------------------------------>>> FOOTER NUEVO <<<------------------------------*/
/* --------------------------------------------------------------------------------*/


/* ESTA ETIQUETA NAV NO ES RECONOCIDA POR IEXPLORER                                */
/* TODOS LOS ESTILOS DEFINIDOS ACA ESTAN DUPLICADOS MAS ABAJO CON ELEMENTO div#nav */
/* --------------------------------------------------------------------------------*/
footer > nav { 
	/*padding: 50px 0px;	2024*/
   /* display: table;*/
    max-width: 1140px;
    margin: 0px auto; 
	/* 2025 */
	padding: 0;
	min-height: 470px;
	display: flex;
	flex-wrap: wrap;
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
	align-self: auto;
	justify-content: center;
	align-items: flex-start;
	align-content: initial;
}

/* 2025 */
footer > nav .cont-logo {
	position: absolute;
	background-color: #1C3247;
	width: 88%;
	margin-top: -59px;
	padding-top: 27px;
    padding-bottom: 30px;
	border-radius: 15px;
}
@media (min-width: 768px) {
  footer > nav .cont-logo {
    width: 74.37%;
  }
}
footer .cont-logo .logo-lateral    { flex: 1; position: relative; }
footer .cont-logo .logo-centro     { margin: 0px 0px 13px 0px; padding: 0; width: 159px; }
footer .cont-logo .logo-centro img { width: 100%; }

.logo-lateral.lateral-izq { margin-right: 20px; }
.logo-lateral.lateral-der { margin-left:  20px; }

 .cont-logo .logo-divider {
	width: 57%;
	height: 1px;
	background-color: #ffffff5e;
	position: absolute;
	top: 50%;
	transform: translateY(-50%); }

.lateral-izq .logo-divider { right: 0; }
.lateral-der .logo-divider { left: 0; }

footer .cont-menu .cont-columna {
	display: flex;
	flex-direction: column;
} 






/*footer > nav ul li.columnaExt {
	width:160px;
	float:left; }
footer > nav ul li.columnaInt {
	width:250px;
	float:left; }	
footer > nav ul li.columna_separador {
	width:30px;
	float:left; }*/



	footer .btn {
		width:100%;
		padding:2px;
		border:1px solid #666;
		border-radius:3px;
	}
	footer .btn img {
		float:left;
	}
	footer .btn div {
		width:105px;
		height:30px;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
	}



	/* CreativeCommons */
	footer nav .logos_pie .cont_cca {
		max-width: 200px;
		margin: 0px;
		padding: 5px;
		background-color: #1F364B;		/* 2024 FBFBFB;*/
		border-radius: 5px;
		overflow: hidden;
		position: relative}
	.cont_cca > div {
		width:100%;
		margin:2px 0 0;
		color:#c2c2c2;
		font-family: "GeogrotesqueSharpLt", "OpenSansLight", "BeVietnamProRg";
		font-size: 12px;
		line-height: 14px;
		display:none; }
	.cont_cca > div img {
		padding:0px 5px 5px 0px;
		float:left; }
	.cont_cca > div a {
		text-decoration:underline;
		color:#F90; }
	.cont_cca:hover > div {
		display:block!important;
		animation: cca_txt 0.5s ease 0s 1 normal running; }
	@keyframes cca_txt {
		from { right:-540%; }
		to { right:0%; }
	}
	/* ./Fin CreativeCommons */
		
		
		



/* DEFINIDOS PARA IEXPLORER QUE NO SOPORTA LA ETIQUETA nav DE LOS ESTILOS DEFINIDOS ARRIBA */
/* ----------------------------------------------------------------------------------------*/



/* MENU PIE */
nav .logos_pie, nav .menu_pie { padding: 10px; }
nav .logo_cba > img { max-width: 193px; }


ul.menu_pie > li { 
    padding-bottom:12px;
}

ul.menu_pie > li > a {
    display:block;
}

ul.menu_pie > li > h1,
ul.menu_pie > li > a {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	/* font-family: "GeogrotesqueSharpSmBd", calibri, "open_sans_semiboldregular";  2024 */
	/* font-size: 1.5em;  2024 */
	/* 2025 */
	font-family: "BeVietnamProRg", calibri, "open_sans_semiboldregular";
	font-size: 1.3em;
	font-weight: 400;
	text-align: center;
}


/* SUB MENU PIE */
ul.sub_menu_pie li {
    padding: 6px 0px;
	font-family: "BeVietnamProRg", "Roboto", Calibri;
	font-weight: normal;
	/* font-size: 15px; 	2024 */
	/* line-height: 17px;	2024 */
	/* color:#CAFCD8;		2024 */
	/* 2025 */
	font-size: 12px;
	line-height: 1.85;
	text-align: center;
	color: #ffffff;
}

ul.sub_menu_pie li a {
	color:#ffffff;
    text-decoration:none;
    display: block; }

/*ul.sub_menu_pie li.comun a {
	color:#CAFCD8;
    padding-left:8px;
    background: url("../img-v2/bullet-footer.png") no-repeat scroll 0px 8px transparent; }
ul.sub_menu_pie li.face a {
    padding:5px 0px 5px 30px;
    background: url("../img-v2/logo-face.png") no-repeat scroll 5px center transparent; } 
ul.sub_menu_pie li.twitter a {
    padding:5px 0px 5px 30px;
    background: url("../img-v2/logo-twitter.png") no-repeat scroll 5px center transparent; }	*/




/*ul.logos_pie {
	margin-bottom:10px;
	padding:10px 10px 0px;
	background-color:#FBFBFB;
	border-radius:5px;
	overflow:hidden
}*/

ul.logos_pie li {
	margin-bottom:10px;
	font-family: "GeogrotesqueSharpRg", "Roboto", Calibri;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	color:#666;
	overflow:hidden; }


/* CREDITOS */
div.creditos1 {
    width:100%;
	height:13px;
	margin:0 auto;
	border-top:1px solid #000000;
    /* DEGRADADO - IE 6 y 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffBDBDBD', endColorstr='#ff424242', gradientType='0');
    /* DEGRADADO - IE 8 y 9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffBDBDBD', endColorstr='#ff424242', gradientType='0')";
    background:-ms-linear-background(top, #BDBDBD, #424242);                          /* IE 10 */
	background:-moz-linear-gradient(top, #BDBDBD, #424242);                           /* Firefox 3.6+ */
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#BDBDBD), to(#424242));  /* Safari 4-5, Chrome 1-9 */
    background:-webkit-linear-gradient(top, #BDBDBD, #424242);                        /* Safari 5.1+, Chrome 10+ */
    background:linear-background(top, #BDBDBD, #424242);                              /* estándar */
	top:18px;
	position:relative;
}

div.creditos2 {
    width:100%;
	height:14px;
	background-color:#1C1C1C;
	top:18px;
	position:relative;
}

div.creditos {
    width:100%;
    height:25px;
	font-family: "GeogrotesqueSharpRg", "OpenSans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 28px;
	text-align:center;
	color:#E1E1E1;
    position:relative;
	top:43px;
	z-index:99;
	/*float:left;*/
}




div.en_construccion {
    width:300px;
	height:260px;
	margin:40px auto 100px;
    background: url("../imagenes/web_en_construccion.jpg") no-repeat scroll center center transparent;
}





/* ----------------------------------------------*/
/* ---------->>> ESTILOS GENERALES <<<-----------*/
/* ----------------------------------------------*/

.separa40 { height:40px; }
.separaV20 { margin:0px; padding:0px; width:20px }
.left, .izq { float:left!important; }
.right, .der { float:right!important; }


/* ----------------------------------------------*/
/* --------->>> COLORES DE FONDOS   <<<----------*/
/* ----------------------------------------------*/
.fondobtnred { background-color:#D72F1F!important; }
/*--*/
.fondoBlanco { background-color: #FFFFFF!important; }
.fondoTiza, .bg-tiza { background-color: #f2f2f2!important; }
/*--*/
.fondoRed {
	background-color:#B53434!important;
	border-color:#B53434!important;
}
.fondoRed2 {
	background-color:#D72F1F!important;
	border-color:#D72F1F!important;
}
.fondoRed3 {
    background-color:#D72F1F!important;
	border-color:#FC685B!important;
}
/*--*/
.bg-gris   {
	color: #fff;
	background-color:#4b4f58!important;
    border-color:#4b4f58!important; }
.fondoGris { 
	background-color:#3B424D!important;
    border-color:#7F7F7F!important; }
.fondoGris1 {
	background-color:#fffeff!important;
    border-color:#7F7F7F!important; }
.fondoGris2 {
    background-color:#C3C3C3!important;
	border-color:#C3C3C3!important; }
.fondoGris3 {
    background-color:#D7D7D7!important;
	border-color:#D7D7D7!important; }
.fondoGris4 {
    background-color:#DDDDDD!important;
	border-color:#DDDDDD!important; }
.fondoGris5 {
    background-color:#1f1f1f!important;
	border-color:#1f1f1f!important; }

/*--*/
.fondoCian {
    background-color:#6698AE!important;
	border-color:#6698AE!important;
}
.fondoCian2 {
    background-color:#A5C2D5!important;
	border-color:#6698AE!important;
}
/*--*/
.fondoYell {
    background-color:#DCB23D!important;
	border-color:#DCB23D!important;
}
/*--*/
.fondoBlue {
    background-color:#006081!important;
	border-color:#006081!important;
}
.fondoAzul {
    background-color:#2A5689!important;
	border-color:#006081!important;
}
.fondoAzul2 {
    background-color:steelblue!important;
	border-color:steelblue!important;
}
.fondoAzul3 {
    background-color:#74A3CF!important;
	border-color:#74A3CF!important;
}
.fondoAzul4 {
    background-color:#749dc9!important;
	border-color:#749dc9!important;
}


.fondoCeleste {
    background-color:#52A9DE!important;
	border-color:#2A5689!important;
}
/*--*/
.fondoVerde {
    color: #fff;
    background-color: #00a65a;
}
.fondoVerde1 {
	background-color:mediumseagreen!important;
	border-color:mediumseagreen!important;
}
.fondoVerdeSeco {
    background-color:#3E7148!important;
	border-color:#3E7148!important;
}




/* ----------------------------------------------*/
/* --------->>> COLORES DE FONDOS   <<<----------*/
/*              DEGRADADOS                       */
/* ----------------------------------------------*/

.degradadoAzul {
	background: -moz-linear-gradient(left, rgba(42,86,137,0) 0, rgba(42,86,137,0.8) 30%, rgba(42,86,137,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(42,86,137,0)), color-stop(30%, rgba(42,86,137,0.8)), color-stop(100%, rgba(42,86,137,0.9)));
	background: -webkit-linear-gradient(left, rgba(42,86,137,0) 0, rgba(42,86,137,0.8) 30%, rgba(42,86,137,0.9) 100%);
	background: -o-linear-gradient(left, rgba(42,86,137,0) 0, rgba(42,86,137,0.8) 30%, rgba(42,86,137,0.9) 100%);
	background: -ms-linear-gradient(left, rgba(42,86,137,0) 0, rgba(42,86,137,0.8) 30%, rgba(42,86,137,0.9) 100%);
	background: linear-gradient(to right, rgba(42,86,137,0) 0, rgba(42,86,137,0.8) 30%, rgba(42,86,137,0.9) 100%);
}

.degradadoRojo {
	background: -moz-linear-gradient(left, rgba(255,0,0,0) 0, rgba(255,0,0,0.8) 30%, rgba(255,0,0,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,0,0,0)), color-stop(30%, rgba(255,0,0,0.8)), color-stop(100%, rgba(255,0,0,0.9)));
	background: -webkit-linear-gradient(left, rgba(255,0,0,0) 0, rgba(255,0,0,0.8) 30%, rgba(255,0,0,0.9) 100%);
	background: -o-linear-gradient(left, rgba(255,0,0,0) 0, rgba(255,0,0,0.8) 30%, rgba(255,0,0,0.9) 100%);
	background: -ms-linear-gradient(left, rgba(255,0,0,0) 0, rgba(255,0,0,0.8) 30%, rgba(255,0,0,0.9) 100%);
	background: linear-gradient(to right, rgba(255,0,0,0) 0, rgba(255,0,0,0.8) 30%, rgba(255,0,0,0.9) 100%);
}

.degradadoCeleste {
	background: -moz-linear-gradient(left, rgba(72,156,223,0) 0, rgba(72,156,223,0.8) 30%, rgba(72,156,223,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(72,156,223,0)), color-stop(30%, rgba(72,156,223,0.8)), color-stop(100%, rgba(72,156,223,0.9)));
	background: -webkit-linear-gradient(left, rgba(72,156,223,0) 0, rgba(72,156,223,0.8) 30%, rgba(72,156,223,0.9) 100%);
	background: -o-linear-gradient(left, rgba(72,156,223,0) 0, rgba(72,156,223,0.8) 30%, rgba(72,156,223,0.9) 100%);
	background: -ms-linear-gradient(left, rgba(72,156,223,0) 0, rgba(72,156,223,0.8) 30%, rgba(72,156,223,0.9) 100%);
	background: linear-gradient(to right, rgba(72,156,223,0) 0, rgba(72,156,223,0.8) 30%, rgba(72,156,223,0.9) 100%);
}

.degradadoVerde1 {
	background: -moz-linear-gradient(left, rgba(62,113,72,0) 0, rgba(62,113,72,0.8) 30%, rgba(62,113,72,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(62,113,72,0)), color-stop(30%, rgba(62,113,72,0.8)), color-stop(100%, rgba(62,113,72,0.9)));
	background: -webkit-linear-gradient(left, rgba(62,113,72,0) 0, rgba(62,113,72,0.8) 30%, rgba(62,113,72,0.9) 100%);
	background: -o-linear-gradient(left, rgba(62,113,72,0) 0, rgba(62,113,72,0.8) 30%, rgba(62,113,72,0.9) 100%);
	background: -ms-linear-gradient(left, rgba(62,113,72,0) 0, rgba(62,113,72,0.8) 30%, rgba(62,113,72,0.9) 100%);
	background: linear-gradient(to right, rgba(62,113,72,0) 0, rgba(62,113,72,0.8) 30%, rgba(62,113,72,0.9) 100%);
}






.seleccionado > .fondoRed { 
    background-color:#FFFFFF;
    color:#B54747;
}
.seleccionado > .fondoRed2 { 
    background-color:#FFFFFF;
    color:#D72F1F;
}
.seleccionado > .fondoCian { 
    background-color:#FFFFFF;
    color:#6698AE;
}
.seleccionado > .fondoYell { 
    background-color:#FFFFFF;
    color:#DCB23D;
}
.seleccionado > .fondoBlue { 
    background-color:#FFFFFF;
    color:#006081;
}
.seleccionado > .fondoVerdeSeco { 
    background-color:#FFFFFF;
    color:#3E7148;
}








/* ----------------------------------------------*/
/* --------->>> COLORES DE FUENTES  <<<----------*/
/* ----------------------------------------------*/
.fontGrisOscuro, .fnGrisOscuro { 
	color:#1E1E1E!important; }
.fontBlanco, .fnBlanco { 
	color: #FFFFFF!important; }
.fontCian, .fnCian { 
	color:#3C809C!important; /*#6698AE;*/ }
.fontVerdeSeco, .fnVerdeSeco {
	color:#3E7148!important; }
.fontVerde, .fnVerde {
	color:#009100!important; }
.fontVerdeClaro, .fnVerdeClaro {
	color:#A9CF54!important; }
.fontNaranja, .fnNaranja {
	color:#FF9000!important; }
.fontRojo, .fnRojo {
	color:#DE4040!important; }

.fontNormal, .fnNormal { font-family: "GeogrotesqueSharpRg", "OpenSans"; font-weight: normal!important; }

.fontLight             { font-family: "GeogrotesqueSharpLt"  , "OpenSansLight"!important; }
.fontSBold             { font-family: "GeogrotesqueSharpSmBd", "OpenSansSB"!important; }
.fontBold, .fnBold     { font-family: "GeogrotesqueSharpBd"  , "OpenSansB"!important; }

.fontItalic            { font-family: "GeogrotesqueSharpRgIt"; font-style: italic; }
.fontSBItalic          { font-family: "GeogrotesqueSharpSmBdIt"; font-style: italic; }
.fontBoldItalic        { font-family: "GeogrotesqueSharpBdIt"; font-style: italic; }

.fnsz85 {
	font-size: 85%!important; }


.sombra, .slider-shadow .slider {	/* slider-shadow .slider: para poner sombra al Flexslider */
    -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.22);
	-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.22);
	-o-box-shadow: 0 0 15px 0 rgba(0,0,0,0.22);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.22); }
.sombra2 {
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.5); 
	-moz-box-shadow:2px 2px 4px rgba(0,0,0,.5); 
	-o-box-shadow:2px 2px 4px rgba(0,0,0,.5); 
	box-shadow:2px 2px 4px rgba(0,0,0,.5); }



.txtCentro, .fnCentro { text-align:center!important; }
.txtIzq, .fnIzq { text-align:left!important; }
.txtDer, .fnDer { text-align:right!important; }
.cont-block, .boxBlock       { display: block; }
.cont-in-block, .boxLnBlock  { display: inline-block; }






/* --------------------------------------------------------/
/ --- ESTILOS DEL 8VO. CONGRESO DE LA LENGIA ESPAÑOLA  --- /
/* -------------------------------------------------------*/

/* contenedor de Articulos */
.bxarticulo {
	width:auto;
	margin-top:20px;
	font-family: "GeogrotesqueSharpRg", "OpenSansSB", "CenturyGothicB";
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	border:4px solid;
	border-left:14px solid;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;	
	background-color:transparent;
	position:relative;
}
	.bxarticulo > .pestania {
		margin:0px;
		padding:10px 15px;
		font-size:22px;
		color:#FFF;
		display:inline-block;
		border-top-right-radius:18px;
		border-bottom-right-radius:18px;
		position:absolute;
		top:-22px;  /*-12%;*/
		left:-14px;
	}
	.bxarticulo > .pestania + div, .bxarticulo > .pestania + ul { margin-top:20px; }
	.bxarticulo > .pestania + ul.ulVineta { margin-top: 30px; }

.bxarticulo.bxpestania {
	margin-top:40px;
}
.bxarticulo.bxpestania > .pestania {
	margin:0px;
	padding:10px 15px;
	font-size:22px;
	color:#fff;
	display:inline-block;
	border-top-right-radius:18px;
	border-bottom-right-radius:18px;
	position:absolute;
	top:-22px;
	left:-14px;
}

.bxarticulo p {
	margin: 2em;
    line-height: 1.6em;
}

.bxarticulo ul {
    margin: 0px 0px 20px 0px;
}
.bxarticulo ul.ulVineta {
    margin: 0px 0px 0px 30px;
}

.bxarticulo ul > li {
    padding: 0px 10px 10px 0px;
    text-align:justify;
    vertical-align: top;
}
ul.ulVineta > li { list-style: disc; }
ul.ulVineta.ul-square > li { list-style: square; }
ul.ulVineta.ul-upper > li { list-style: upper-latin; }
ul.ulVineta.ul-lower > li { list-style: lower-latin; }
ul.ulVineta.ul-upper-roman > li { list-style: upper-roman; }
ul.ulVineta.ul-lower-roman > li { list-style: lower-roman; }
ul.ulVineta.ul-inside > li { list-style: inside; }
ul.ulVineta.ul-arrow-right > li { list-style: disclosure-closed; }
ul.ulVineta.ul-arrow-down > li { list-style: disclosure-open; }
ul.ulVineta.ul-decimal > li { list-style: decimal; }

.bxarticulo ul ul {
    margin: 5px 0px 10px 20px;
}
.bxarticulo ul li a { color: #0d6efd; }








/* --------------------------------------------------------------------------/
   # ESTILOS NUEVOS 2021 #
   # #
/* -------------------------------------------------------------------------*/

.flyer-gestion {
	display: block;
	width: 100%;
	padding: 1.5rem 1.5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	background-clip: padding-box;
	border: 4px solid #fff!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .6rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }


.flyer-gestion .side-note-lg, .flyer-gestion .side-note-md {
	margin-bottom: 1.2rem;
	position: relative;
	left: -1.5rem; }

.flyer-gestion .side-note-lg .note-text, .flyer-gestion .side-note-md .note-text  {
	background: linear-gradient(45deg, #fff 80%, transparent 1%); }

.flyer-gestion a { color: inherit; }
.flyer-gestion a:hover { color: #ccc; }


.side-note-md .note-text > div {
  margin: 0 50px 0 0!important;
	padding: 9px 0 9px 30px!important; }



/* */
.flyer-gestion.flyer-gestion-normal {
	padding: 0px; }
	
.flyer-gestion.flyer-gestion-normal > div {
	margin-top: .5rem;
	left: 0; }

.flyer-gestion-normal ul { padding-left: 30px; }


.flyer-gestion-normal .note-text {
	width: 100%;
	padding-right: 0; }



.flyer-gestion.bg-primary {
	border-color: #fff!important; }


/* --------------------------------------------------------------------------/
   # ESTILOS DE LOGIN-FORM #
   # USADOS EN LA NUEVA CABECERA IMPLEMENTADA A PARTIR DE MARZO DE 2022 #
/* -------------------------------------------------------------------------*/

.login-form {
	margin:0px auto;
	color:#666;
	background:#fff;
	border:5px solid #e1e1e1;
	border-radius:15px 15px 10px 10px;
	position: relative; }

.login-form h1, .login-form .h1, .login-form h2, .login-form .h2, .login-form h3, .login-form .h3, 
.login-form h4, .login-form .h4, .login-form h5, .login-form .h5 {
	margin: 0px;
	padding: 10px;
	text-align: center;
	border-radius: 10px 10px 0 0; }

.login-form form {
	padding: 0px;
	position: relative; }

.login-form form:before {
	content: "";
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background-color: #fff;
	top: 0;
	left: 50%;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg); }


/* FIELDSET */
.login-form fieldset {
	padding:20px 5px;
	border:none;
	border-left:5px solid transparent; }

.login-form fieldset.enFoco {
	border-left:5px solid #e4b254; 
	background-color:#EFEFEF;		/* #EFF0F0; */
	transition: border-left-color 0.5s ease, box-shadow 0.5s ease, background-color 0.5s ease;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
	-ms-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
	box-shadow: inset 0 0 3px rgba(0,0,0,.1); }

.login-form fieldset label {
	width:120px;
	height:34px;
	clear:both;
	float:left; }

.login-form fieldset label span {
	height:inherit;
	display:table-cell;
	vertical-align:middle; }

.login-form fieldset .input-text {
	width:99%;
	position:relative;
	text-align:left;
	display:table;
	border-collapse:separate;	
	background-color:#ffffff;
	border:1px solid #e0e0e0; }

.login-form fieldset .label-text {
	width:99%;
	padding:3px;
	font:normal 13px/13px "BeVietnamProSmBd", arial;
	text-align:left; }

.login-form fieldset .input-text .input-icono {
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	width:34px;
	height:34px; }

.login-form fieldset .input-text .input-icono img {
	width:15px;
	height:15px;
	opacity:0.7; }

.login-form fieldset .input-text input {
	width:97%;
	height:34px;
	padding:0px 10px;
	font-size:14px;
	line-height:34px;
	color:#555555;
	vertical-align:middle; }

.login-form input[type="checkbox"] {
	margin-top:5px;
	margin-right:20px;
	width:20px;
	height:20px; }



/* ESTILOS PARA LOGIN-FORM DEL MENÚ DE CABECERA */
#menupiconos .login-form {
	width: 280px; 
	border-width: 2px;
	border-radius: 5px;
	position: absolute; 
	right: 0px; 
	top: 32px;		/* Nuevo desde 2025 */ }	/* Operativo hasta el 2024 = 46px; */

#menupiconos .login-form h5 {
	padding: 7px;
	font-size: 1.1rem;
	border-radius: 3px 3px 0 0; }

#menupiconos .login-form fieldset {
	padding: 20px 10px; }

#menupiconos .login-form fieldset .input-text {
	width: 100%; }

#menupiconos .login-form fieldset .input-text input {
	width: 100%;
	border: none;
	border-left: 1px solid #e0e0e0; }

.zocalo-form      { padding: 10px 10px 20px 15px; }
.zocalo-form .btn { width: 100%; }


	


/* ------- */
/* EFECTOS */
.open-atenuado, #contenido {
	animation-name: mostrar;
	animation-duration: 3s;	}
@keyframes mostrar {
	from {opacity: 0.0;}
	to {opacity: 1.0;}
}
.open-atenuado.open-fast { animation-duration: 1s;}
.open-atenuado.open-normal { animation-duration: 3s;}
.open-atenuado.open-low { animation-duration: 5s;}

.no-atenuado { animation-duration: 0!important;	}

/* --------------------------------------------------------------------------/
   # ESTILOS NUEVOS 2023 # - 
   # #
/* -------------------------------------------------------------------------*/
.tdbtn .btn, .frmbtn .btn, .btn.btn-md {
	width: 30px;
	height: 29px;
	padding: 0px 0px;
	font-size: 19px;
	border-radius: 4px; }
.tdbtn-o .btn, .frmbtn-o .btn, .btn-o.btn-md {
    font-size: 26px;
    line-height: 1.05;
    background-color: transparent!important;
    border-color: transparent;
}
.tdbtn-o .btn:hover, .btn-o:hover.btn-md  { color: #333; }

/* Paleta Bootstrap */
.tdbtn-o .btn-primary1   { color: #337ab7; }
.tdbtn-o .btn-success1   { color: #5cb85c; }
.tdbtn-o .btn-warning1   { color: #f0ad4e; }
.tdbtn-o .btn-danger1    { color: #d9534f; }
.tdbtn-o .btn-info1      { color: #5bc0de; }
.tdbtn-o .btn-secondary1, .tdbtn-o .btn-secondary { color: #6c757d!important; }
.tdbtn-o .btn-dark1, .tdbtn-o .btn-dark           { color: #343a40; }

/* Paleta Gestión 2023-2027 */
.tdbtn-o .btn-primary    { color: #009ada; }
.tdbtn-o .btn-success    { color: #64a33c; }
.tdbtn-o .btn-warning    { color: #e9db3e; }
.tdbtn-o .btn-danger     { color: #c4484c; }
.tdbtn-o .btn-info       { color: #d37d31; }
.tdbtn-o .btn-azul       { color: #00457f; }
.tdbtn-o .btn-verdeclaro { color: #99b833; }
.tdbtn-o .btn-lima       { color: #c0cc29; }
.tdbtn-o .btn-morado     { color: #994275; }


.btn.btn-sm {
	width: 25px;
	height: 25px;
	padding: 0;
	font-size: 14px;
	border-radius: 3px; }

/* btn */
.btn-default {
    color: #777;
    background-color: #cfcfcf;
    border-color: #cfcfcf;
}
.btn-default:hover {
    background-color: #ddd;
    border-color: #ddd;
}
.btn-default:focus, .btn-default.focus {
    color: #777;
    background-color: #ddd;
    border-color: #8c8c8c;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
    outline-offset: unset;
}

.flex-centro {
	display: flex;
	justify-content: center; }

/* --------------------------------------------------------------------------/
   # ESTILOS NUEVOS 2022 #
   # #
/* -------------------------------------------------------------------------*/

/*.justify-content-between { justify-content: space-between; }*/

/* Valores correspondientes a Tamaño de botón sm */
.min-fileA4 {
	width: 160px;
	margin: 0 15px 20px 15px;
	float: left;
	position: relative;
	border-radius: 3px; }
.min-fileA4 img {
	width: 160px;
	height: 226px;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit; }
.min-fileA4 .btn {
	height: 24px;
	font-size: 12px;
	position: relative;
	padding: 0 14px;
	top: -34px; 
	left: 40px; }
.min-fileA4 div {
	height: 16px;
	font-size: 0.8rem;
	line-height: 0.8rem;
	position: relative;
	padding: 0 14px;
	top: -26px; }

.min-fileA4.der { float: right; }

.min-fileA4.min-fileA4-xs {		/* XS */
	width: 128px; }				/*margin: 0 22px 20px 22px;*/

.min-fileA4.min-fileA4-md {		/* MD */
	width: 200px;
	margin: 0 22px 20px 22px; }

.min-fileA4.min-fileA4-lg {		/* LG */
	width: 250px;
	margin: 0 25px 20px 25px; }
	

/* img */
.min-fileA4.min-fileA4-xs img {		/* XS */
	width: 128px;
	height:180px; }
.min-fileA4.min-fileA4-md img {		/* MD */
	width: 200px;
	height:282px; }
.min-fileA4.min-fileA4-lg img {		/* LG */
	width: 250px;
	height:354px; }

/* .btn */
.min-fileA4.min-fileA4-xs .btn {	/* XS */
	height: 20px;
	font-size: 11px;
	padding: 0 12px;
	top: -32px; 
	left: 28px; }
.min-fileA4.min-fileA4-md .btn {	/* MD */
	height: 28px;
	font-size: 14px;
	padding: 0 16px;
	top: -38px; 
	left: 54px; }
.min-fileA4.min-fileA4-lg .btn {	/* LG */
	height: 28px;
	font-size: 14px;
	padding: 0 20px;
	top: -38px; 
	left: 76px; }



.box-video.box-video-sm {
	margin: 0;
	padding: 4px;
	border-radius: 4px; }
.box-video .video-title {
	margin: 0;
	position: relative; }
.box-video.box-video-sm > .video-title {
	height: 2.5rem;
	padding: 5px 4px;
	font-size: 0.9rem;
	line-height: 0.9rem; 
	display: flex;
    align-items: center; }

.box-video img { width: 100%; }




/* ESTILOS NUEVOS */
.no-border { border: none!important; }
.fondogestion {
	background: url("https://www.igualdadycalidadcba.gov.ar/SIPEC-CBA/img-2020/fondogestion.jpg");
	background-size: 100%; }
.fondogestion .filaArticulo { background-color: rgba(255,255,255,0.2); }
.fondogestion .textoArticulo { background-color: transparent; }

.no-shadow {
    -webkit-box-shadow: none!important;
	-moz-box-shadow: none!important; 
	-o-box-shadow: none!important; 
	box-shadow: none!important; }
.bg-transparent { background-color: transparent!important; }
.text-white   { color: #fff!important; }
.text-inherit { color: inherit!important; }
.box {
	position: relative;
	border-radius: 3px;
	background: #ffffff;
	border-top: 3px solid #d2d6de;
	margin-bottom: 20px;
	width: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
.box.box-simple {
	border: none;
	box-shadow: none;
	background-color: transparent!important; }
.box.with-border { border: 1px solid #e4e4e4; }
.box.no-border { border-top: 0; }
.box-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 15px 15px; }
.box-body + .box-body { /*padding-top: 0;*/ }
.bxarticulo.no-border {
	border-color: transparent;
	border: 4px 0 4px 0; }
.bxarticulo.no-border > .pestania { left: 0; }
.gradual:hover { transition: all .3s linear; }

.side-note-lg, .side-note-md {
	margin: 0;
	display: block;
	position: relative; }
.note-text {
	display: inline-block;
	padding-right: 60px;
	text-align: left; }



/*.h6*/ 




/* Paleta Bootstrap */
.side-note-md .nt-primary1, .side-note-lg .nt-primary1 { 
	background: linear-gradient(45deg, #337ab7 80%, transparent 1%); }
.side-note-md .nt-success1, .side-note-lg .nt-success1 { 
	background: linear-gradient(45deg, #5cb85c 80%, transparent 1%); }
.side-note-md .nt-warning1, .side-note-lg .nt-warning1 { 
	background: linear-gradient(45deg, #f0ad4e 80%, transparent 1%); }
.side-note-md .nt-danger1,  .side-note-lg .nt-danger1  { 
	background: linear-gradient(45deg, #d9534f 80%, transparent 1%); }
.side-note-md .nt-info1,    .side-note-lg .nt-info1    { 
	background: linear-gradient(45deg, #5bc0de 80%, transparent 1%); }


/* Paleta Gestión 2023-2027 */
.side-note-md .nt-primary, .side-note-lg .nt-primary  { 
	background: linear-gradient(45deg, #009ada 80%, transparent 1%); }
.side-note-md .nt-success, .side-note-lg .nt-success  { 
	background: linear-gradient(45deg, #64a33c 80%, transparent 1%); }
.side-note-md .nt-warning, .side-note-lg .nt-warning  { 
	background: linear-gradient(45deg, #e9bd3e 80%, transparent 1%); }
.side-note-md .nt-danger , .side-note-lg .nt-danger   { 
	background: linear-gradient(45deg, #c4484c 80%, transparent 1%); }
.side-note-md .nt-info   , .side-note-lg .nt-info     { 
	background: linear-gradient(45deg, #d37d31 80%, transparent 1%); }

.side-note-md .nt-azul   , .side-note-lg .nt-azul     { 
	background: linear-gradient(45deg, #00457f 80%, transparent 1%); }
.side-note-md .nt-verdeclaro, .side-note-lg .nt-verdeclaro     { 
	background: linear-gradient(45deg, #99b833 80%, transparent 1%); }
.side-note-md .nt-lima   , .side-note-lg .nt-lima     { 
	background: linear-gradient(45deg, #c0cc29 80%, transparent 1%); }



.side-note-md .note-text > div {
	margin: 0 40px 0 0;
	padding: 9px 0 9px 35px;
	font-size: 18px;
	line-height: 18px;
	display: inline-block; }
.side-note-lg .note-text > div {
	margin: 0 60px 0 0;
	padding: 12px 0 12px 35px;
	font-size: 18px;					/* Gestion 2019-2023 22px */
	line-height: 22px;
	display: inline-block; }




li.side-menu {
	display: inline-block;
	margin: 0;
}
.side-menu a, .side-menu .side-menu-btn {
	padding: 0 35px 0 25px;
	font: normal 13px/40px "BeVietnamProRg", Helvetica, Arial, sans-serif;
	text-align: center;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
	display: block;
	position: relative;
	border-radius: 8px 8px 50px 8px;
}

.side-menu button.side-menu-btn { border: 0; }


[role=link] {
  cursor: pointer;
  color: #0d6efd;
}
		
		

/* margenes */
.mt-0            { margin-top:  0px!important; }
.mg-t-5,  .mt-5  { margin-top:  5px!important; }
.mg-t-10, .mt-10 { margin-top: 10px!important; }
.mg-t-15, .mt-15 { margin-top: 15px!important; }
.mg-t-20, .mt-20 { margin-top: 20px!important; }
.mg-t-25, .mt-25 { margin-top: 25px!important; }
.mg-t-30, .mt-30 { margin-top: 30px!important; }
.mg-t-35, .mt-35 { margin-top: 35px!important; }
.mg-t-40, .mt-40 { margin-top: 40px!important; }
.mg-t-45, .mt-45 { margin-top: 45px!important; }
.mg-t-50, .mt-50 { margin-top: 50px!important; }

.ml-0            { margin-left:  0px!important; }
.mg-l-5,  .ml-5  { margin-left:  5px!important; }
.mg-l-10, .ml-10 { margin-left: 10px!important; }
.mg-l-15, .ml-15 { margin-left: 15px!important; }
.mg-l-20, .ml-20 { margin-left: 20px!important; }
.mg-l-25, .ml-25 { margin-left: 25px!important; }
.mg-l-30, .ml-30 { margin-left: 30px!important; }
.mg-l-35, .ml-35 { margin-left: 35px!important; }
.mg-l-30, .ml-40 { margin-left: 40px!important; }
.mg-l-45, .ml-45 { margin-left: 45px!important; }
.mg-l-50, .ml-50 { margin-left: 50px!important; }

.mr-0  { margin-right:  0px!important; }
.mr-2  { margin-right:  2px!important; }
.mr-3  { margin-right:  3px!important; }
.mr-5  { margin-right:  5px!important; }
.mr-10 { margin-right: 10px!important; }
.mr-15 { margin-right: 15px!important; }
.mr-20 { margin-right: 20px!important; }
.mr-25 { margin-right: 25px!important; }
.mr-30 { margin-right: 30px!important; }
.mr-35 { margin-right: 35px!important; }
.mr-30 { margin-right: 40px!important; }
.mr-35 { margin-right: 45px!important; }
.mr-40 { margin-right: 50px!important; }

.mb-0  { margin-bottom:  0px!important; }
.mb-2  { margin-bottom:  2px!important; }
.mb-5  { margin-bottom:  5px!important; }
.mb-10 { margin-bottom: 10px!important; }
.mb-15 { margin-bottom: 15px!important; }
.mb-20 { margin-bottom: 20px!important; }
.mb-25 { margin-bottom: 25px!important; }
.mb-30 { margin-bottom: 30px!important; }
.mb-35 { margin-bottom: 35px!important; }
.mb-40 { margin-bottom: 40px!important; }
.mb-45 { margin-bottom: 45px!important; }
.mb-50 { margin-bottom: 50px!important; }

.mv-0 , .mg-v-0  { margin-top:  0px!important; margin-bottom:  0px!important; }
.mv-5            { margin-top:  5px!important; margin-bottom:  5px!important; }
.mv-10           { margin-top: 10px!important; margin-bottom: 10px!important; }
.mv-15, .mg-v-15 { margin-top: 15px!important; margin-bottom: 15px!important; }
.mv-20           { margin-top: 20px!important; margin-bottom: 20px!important; }
.mv-25, .mg-v-25 { margin-top: 25px!important; margin-bottom: 25px!important; }
.mv-30           { margin-top: 30px!important; margin-bottom: 30px!important; }
.mv-35           { margin-top: 35px!important; margin-bottom: 35px!important; }
.mv-40           { margin-top: 40px!important; margin-bottom: 40px!important; }
.mv-45           { margin-top: 45px!important; margin-bottom: 45px!important; }
.mv-50           { margin-top: 50px!important; margin-bottom: 50px!important; }

.mh-0  { margin-left:  0px!important; margin-right:  0px!important; }
.mh-5  { margin-left:  5px!important; margin-right:  5px!important; }
.mh-10 { margin-left: 10px!important; margin-right: 10px!important; }
.mh-15 { margin-left: 15px!important; margin-right: 15px!important; }
.mh-20 { margin-left: 20px!important; margin-right: 20px!important; }
.mh-25 { margin-left: 25px!important; margin-right: 25px!important; }
.mh-30 { margin-left: 30px!important; margin-right: 30px!important; }
.mh-35 { margin-left: 35px!important; margin-right: 35px!important; }
.mh-40 { margin-left: 40px!important; margin-right: 40px!important; }
.mh-45 { margin-left: 45px!important; margin-right: 45px!important; }
.mh-50 { margin-left: 50px!important; margin-right: 50px!important; }


/* margin completo */
.mg-0  { margin:  0px; }
.mg-5  { margin:  5px; }
.mg-10 { margin: 10px; }
.mg-15 { margin: 15px; }
.mg-20 { margin: 20px; }
.mg-25 { margin: 25px; }
.mg-30 { margin: 30px; }
.mg-35 { margin: 35px; }
.mg-40 { margin: 40px; }
.mg-45 { margin: 45px; }
.mg-50 { margin: 50px; }




.pt-0  { padding-top:  0px!important; }
.pt-5  { padding-top:  5px!important; }
.pt-7  { padding-top:  7px!important; }
.pt-10 { padding-top: 10px!important; }
.pt-15 { padding-top: 15px!important; }
.pt-20 { padding-top: 20px!important; }
.pt-25 { padding-top: 25px!important; }
.pt-30 { padding-top: 30px!important; }
.pt-35 { padding-top: 35px!important; }
.pt-40 { padding-top: 40px!important; }
.pt-45 { padding-top: 45px!important; }
.pt-50 { padding-top: 50px!important; }

.pb-0  { padding-bottom:  0px!important; }
.pb-5  { padding-bottom:  5px!important; }
.pb-7  { padding-bottom:  7px!important; }
.pb-10 { padding-bottom: 10px!important; }
.pb-15 { padding-bottom: 15px!important; }
.pb-20 { padding-bottom: 20px!important; }
.pb-25 { padding-bottom: 25px!important; }
.pb-30 { padding-bottom: 30px!important; }
.pb-35 { padding-bottom: 35px!important; }
.pb-40 { padding-bottom: 40px!important; }
.pb-45 { padding-bottom: 45px!important; }
.pb-50 { padding-bottom: 50px!important; }

.pl-0  { padding-left:  0px!important; }
.pl-5  { padding-left:  5px!important; }
.pl-10 { padding-left: 10px!important; }
.pl-15 { padding-left: 15px!important; }
.pl-20 { padding-left: 20px!important; }
.pl-25 { padding-left: 25px!important; }
.pl-30 { padding-left: 30px!important; }
.pl-35 { padding-left: 35px!important; }
.pl-40 { padding-left: 40px!important; }
.pl-45 { padding-left: 45px!important; }
.pl-50 { padding-left: 50px!important; }

.pr-0  { padding-right:  0px!important; }
.pr-5  { padding-right:  5px!important; }
.pr-10 { padding-right: 10px!important; }
.pr-15 { padding-right: 15px!important; }
.pr-20 { padding-right: 20px!important; }
.pr-25 { padding-right: 25px!important; }
.pr-30 { padding-right: 30px!important; }
.pr-35 { padding-right: 35px!important; }
.pr-40 { padding-right: 40px!important; }
.pr-45 { padding-right: 45px!important; }
.pr-50 { padding-right: 50px!important; }


/* Padding Vertical */
.pv-0  { padding-top:  0px!important; padding-bottom:  0px!important; }
.pv-5  { padding-top:  5px!important; padding-bottom:  5px!important; }
.pv-10 { padding-top: 10px!important; padding-bottom: 10px!important; }
.pv-15 { padding-top: 15px!important; padding-bottom: 15px!important; }
.pv-20 { padding-top: 20px!important; padding-bottom: 20px!important; }
.pv-25 { padding-top: 25px!important; padding-bottom: 25px!important; }
.pv-30 { padding-top: 30px!important; padding-bottom: 30px!important; }
.pv-35 { padding-top: 35px!important; padding-bottom: 35px!important; }
.pv-40 { padding-top: 40px!important; padding-bottom: 40px!important; }
.pv-45 { padding-top: 45px!important; padding-bottom: 45px!important; }
.pv-50 { padding-top: 50px!important; padding-bottom: 50px!important; }
/* Padding Horizontal */
.ph-0  { padding-left:  0px!important; padding-right:  0px!important; }
.ph-5  { padding-left:  5px!important; padding-right:  5px!important; }
.ph-10 { padding-left: 10px!important; padding-right: 10px!important; }
.ph-15 { padding-left: 15px!important; padding-right: 15px!important; }
.ph-20 { padding-left: 20px!important; padding-right: 20px!important; }
.ph-25 { padding-left: 25px!important; padding-right: 25px!important; }
.ph-30 { padding-left: 30px!important; padding-right: 30px!important; }
.ph-35 { padding-left: 35px!important; padding-right: 35px!important; }
.ph-40 { padding-left: 40px!important; padding-right: 40px!important; }
.ph-45 { padding-left: 45px!important; padding-right: 45px!important; }
.ph-50 { padding-left: 50px!important; padding-right: 50px!important; }
/* padding completo */
.pd-0  { padding:  0px; }
.pd-5  { padding:  5px; }
.pd-10 { padding: 10px; }
.pd-15 { padding: 15px; }
.pd-20 { padding: 20px; }
.pd-25 { padding: 25px; }
.pd-30 { padding: 30px; }
.pd-35 { padding: 35px; }
.pd-40 { padding: 40px; }
.pd-45 { padding: 45px; }
.pd-50 { padding: 50px; }


/* Border radius */
.br-circle { border-radius: 50%; }

.br-5  { border-radius:  5px; }
.br-10 { border-radius: 10px; }
.br-15 { border-radius: 15px; }
.br-20 { border-radius: 20px; }

.brt-5  { border-top-left-radius:  5px; border-top-right-radius:  5px; }
.brt-10 { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.brt-15 { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.brt-20 { border-top-left-radius: 20px; border-top-right-radius: 20px; }

.brb-5  { border-bottom-left-radius:  5px; border-bottom-right-radius:  5px; }
.brb-10 { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.brb-15 { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.brb-20 { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.cursor-pointer { cursor: pointer; }

/* ---------------------------------
 /
 /  ESTILOS QUE SE USAN CON LOS ESTILOS DE BOTONES "shortcut" 
 /
 /  QUE CALCULAN EL ALTO DEL BOTÓN
 /
 ---------------------------------- */

a.shortcut { cursor: pointer; } 	/*justify-content: center;*/
.shortcut {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-style: solid;	
	border-width: 0px 0px 20px 0px;
    -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.22);
	-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.22);
	-o-box-shadow: 0 0 15px 0 rgba(0,0,0,0.22);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.22);
	transition: .4s; }

.shortcut h1, .shortcut h2, .shortcut h3, .shortcut h4, .shortcut h5, .shortcut h6 {
	width: 100%;
	margin-bottom: 0;
	text-align: center;
	white-space: pre-line; }

.shortcut-lg {
	margin-top: 10px;
	padding: 1.5em;
	height: calc( 30rem / 2 - 0.25rem );
	font-family: "GeogrotesqueSharpRg", "OpenSansSB";
	border-radius: 7px; }
.shortcut-lg h1 {
	font-size: 2rem;
	line-height: 0.9; }

.shortcut-md {
	margin-top: 10px;
	padding: 1.5em;
	width: 100%;
	max-width: 500px;
	height: calc( 22.5rem / 2 - 0.25em);
	font-family: "GeogrotesqueSharpRg", "OpenSans";
	border-width: 0px 0px 20px 0px;
	border-radius: 5px; }
.shortcut-md h1, .shortcut .md-fnt {
	font-size: 1.5rem;
	line-height: 1; }

.shortcut-md h2, .shortcut .md-fnt {
	font-size: 2rem;
	line-height: 1.1; }



.shortcut-sm {
	margin-top: 10px;
	padding: 1.5em;
	height: calc( 15rem / 2.5 - 0.25em);
	font-family: "GeogrotesqueSharpRg", "OpenSans";
	border-width: 0px 0px 14px 0px;
	border-radius: 10px; }
.shortcut-sm h1, .shortcut .sm-fnt {
	font-size: 1.4rem;
	line-height: 1; }

.shortcut-xs {
	margin-top: 10px;
	padding: 1.5em;
	height: calc( 11.5rem / 2.5 - 0.25em);
	font-family: "GeogrotesqueSharpRg", "OpenSans";
	border-width: 0px 0px 10px 0px;
	border-radius: 8px; }
.shortcut-xs h1, .shortcut .xs-fnt {
	font-size: 1.3rem;
	line-height: 1; }


.shortcut-primary, .shortcut-success, .shortcut-warning, .shortcut-danger, .shortcut-info, 
.shortcut-azul, .shortcut-verdeclaro, .shortcut-lima, .shortcut-morado, .shortcut-secondary, .shortcut-dark, 
.shortcut-primary-cba, .shortcut-success-cba, .shortcut-warning-cba, .shortcut-danger-cba, .shortcut-info-cba, 
.shortcut-azul-cba, .shortcut-verdeclaro-cba, .shortcut-lima-cba, .shortcut-morado-cba  { background-color: #fff; }

/* Paleta Bootstrap */
.shortcut-primary1   { color: #337ab7; }
.shortcut-success1   { color: #5cb85c; }
.shortcut-warning1   { color: #f0ad4e; }
.shortcut-danger1    { color: #d9534f; }
.shortcut-info1      { color: #5bc0de; }
.shortcut-secondary1 { color: #6c757d; }
.shortcut-dark1      { color: #343a40; }


/* paleta Gestión 2023-2027 */
.shortcut-primary, .shortcut-primary-cba { color: #009ada; border-bottom-color: #009ada; }
.shortcut-success, .shortcut-success-cba { color: #64a33c; border-bottom-color: #64a33c; }
.shortcut-warning, .shortcut-warning-cba { color: #e9bd3e; border-bottom-color: #e9bd3e; }
.shortcut-danger,  .shortcut-danger-cba  { color: #c4484c; border-bottom-color: #c4484c; }
.shortcut-info,    .shortcut-info-cba    { color: #d37d31; border-bottom-color: #d37d31; }
.shortcut-azul       { color: #00457f; border-bottom-color: #00457f; }  /* Nuevos */
.shortcut-verdeclaro { color: #99b833; border-bottom-color: #99b833; }  /* Nuevos */
.shortcut-lima       { color: #c0cc29; border-bottom-color: #c0cc29; } 	/* Nuevos */
.shortcut-morado     { color: #994275; border-bottom-color: #994275; } 	/* Nuevos */
.shortcut-secondary  { color: #6c757d; border-bottom-color: #6c757d; } 
.shortcut-dark       { color: #343a40; border-bottom-color: #343a40; }


a.shortcut-primary:hover, a.shortcut-success:hover, a.shortcut-warning:hover, a.shortcut-danger:hover, 
a.shortcut-info:hover, a.shortcut-azul:hover, a.shortcut-verdeclaro:hover, a.shortcut-lima:hover, 
a.shortcut-morado:hover, a.shortcut-secondary:hover, a.shortcut-dark:hover, 
a.shortcut-primary-cba:hover, a.shortcut-success-cba:hover, a.shortcut-warning-cba:hover, 
a.shortcut-danger-cba:hover, a.shortcut-info-cba:hover, a.shortcut-azul-cba:hover, 
a.shortcut-verdeclaro-cba:hover, a.shortcut-lima-cba:hover, a.shortcut-morado-cba:hover { color: #fff; }

a.shortcut-primary:hover  , a.shortcut-primary-cba:hover   { background-color: #009ada; }
a.shortcut-success:hover  , a.shortcut-success-cba:hover   { background-color: #64a33c; }
a.shortcut-warning:hover  , a.shortcut-warning-cba:hover   { background-color: #e9bd3e; }
a.shortcut-danger:hover   , a.shortcut-danger-cba:hover    { background-color: #c4484c; }
a.shortcut-info:hover     , a.shortcut-info-cba:hover      { background-color: #d37d31; }
a.shortcut-secondary:hover, a.shortcut-secondary-cba:hover { background-color: #6c757d; }
a.shortcut-dark:hover     , a.shortcut-dark-cba:hover      { background-color: #343a40; }
a.shortcut-azul:hover      { background-color: #00457f; }
a.shortcut-verdeclaro:hover{ background-color: #99b833; }
a.shortcut-lima:hover      { background-color: #c0cc29; }
a.shortcut-morado:hover    { background-color: #994275; }

.shortcut.no-border { border-width: 0; }

/* ESTILOS NUEVOS 2025 */
.shortcut-transp06, .btn-transp06 {
	color: #5a636b!important;
	background-color:rgb(255,255,255,0.6); }
.shortcut-transp06:hover, .btn-transp06:hover { 
	color: #40525a !important;
	background-color: rgba(255, 255, 255, 0.4); }
.shortcut-transp06 { border-color: rgb(0,0,0,0.5); }
.shortcut-transp06:hover { border-color: rgba(0, 0, 0, 0.6); }

.shortcut-white, .btn-white {
	color: #5a636b!important;
	background-color:rgb(255,255,255,1); }
.shortcut-white:hover, .btn-white:hover { 
	color: #303030 !important;
	background-color: rgba(255, 255, 255, 0.4); }


.filtrocolor1 { background-color: rgba(255,255,255,0.1); }
.filtrocolor2 { background-color: rgba(255,255,255,0.2); }
.filtrocolor3 { background-color: rgba(255,255,255,0.3); }
.filtrocolor4 { background-color: rgba(255,255,255,0.4); }
.filtrocolor5 { background-color: rgba(255,255,255,0.5); }
.filtrocolor6 { background-color: rgba(255,255,255,0.6); }
.filtrocolor7 { background-color: rgba(255,255,255,0.7); }
.filtrocolor8 { background-color: rgba(255,255,255,0.8); }
.filtrocolor9 { background-color: rgba(255,255,255,0.9); }



/* Para usar con DataTable responsive: Para que NO visualice scroll-bar horizontal siempre  */
.table-responsive .dataTables_wrapper > .row {
	margin-left: 0;
	margin-right: 0;
}


		
.glyphicon.ico-xs {
	width: 26px;
	font-size: 18px;
}

.txt-break { overflow-wrap: anywhere; }
		










/* ESTILOS BOOTSTRAP QUE NO ESTAN EN LA VERSIÓN QUE ESTÁ EN CERTIFICACIÓN */

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}
.input-group .input-group-prepend .btn {
	height: 100%;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-toolbar .input-group {
  width: auto;
}


.btn-group-xs > .btn, .btn-xs {
	padding: 1px 8px!important;
	font-size: 12px;
	line-height: 1.8;
	border-radius: 3px!important;
}


.form-control-plaintext {
	display: block;
	width: 100%;
	padding-top: .375rem;
	padding-bottom: .375rem;
	margin-bottom: 0;
	line-height: 1.5;
	background-color: transparent;
	border: solid transparent;
	border-width: 1px 0;
}


.box-widget {
  border: none;
  position: relative;
}
.widget-user-2 .widget-user-header {
  padding: 20px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.widget-user-2 .widget-user-username {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
}
.widget-user-2 h4.widget-user-username {
  font-size: 20px;
}
.widget-user-2 .widget-user-desc {
  margin-top: 0;
}
.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
  margin-left: 75px;
}

.widget-user-2 .widget-user-image {	
  margin-top: 5px;
  float: left;
}

.widget-user-2 .widget-user-image > img {
  width: 65px;
  height: auto;
  float: left;
}
.widget-user-2 .widget-user-image > .fa {
	font-size: 40px;
	width: 65px;
	height: auto;
	float: left;
	text-align: center;
	color: gray;
}



/* ESTILOS BOOTSTRAP CUSTOMIZED */
.bs-bg-success { 
	background-color: #dff0d8; 
	color: #555; 
}
.modal .modal-header {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px; 
}
.modal .modal-header h1, .modal .modal-header h2, .modal .modal-header h3, 
.modal .modal-header h4, .modal .modal-header h5, .modal .modal-header h6 {
	line-height: 1;
}
/* Estilos para navbar */
.navbar-toggler.btn-sm { 
	padding: 0.05rem 0.2rem;
	font-size: 0.9rem; }
.navbar button.btn-sm:focus { box-shadow: 0 0 0 0.088rem; }













/* ----------------------------------------------------*/
/* --------->>> LAYOUT PARA SMART PHONES  <<<----------*/
/* ----------------------------------------------------*/


@media screen and (min-width: 360px) {   /*640*/
    .screenMobile { display:none!important; }
	.screenWeb { display:block; }
} 

@media screen and (max-width: 640px) { 
    .screenWeb { display:none!important; }
    .screenMobile { display:block!important; }

	#header, #contenedor-membrete, #menupcontenedor,
	#introduccion, section.filaArticulo { width:100%!important; }

	#menupcontenedor > a.icono { margin-right:5px; }
	#introduccion .panelDer { width:500px; float:none; margin:0px auto; }
	#introduccion .panelCen { width:400px; float:none; margin:0px auto; }
	
	/* ESTILOS PARA USAR CON EL TEXTO DE INFORMACION */
	#contenedor-membrete, .contenedormensaje { height: auto;}
	.contenedormensaje { padding-left:5px; padding-right: 5px; padding-bottom: 5px;}
	.membretecontenedor > ul.contenedorlogos.gestion2020 { margin-top: 0px;}
	.contenedormensaje, .contenedormensaje > div { width: 100%;}
	
	/* MENU PRINCIPAL */
	#contenedor-menup { margin-top: 0px; border-top: none; /*height: 37px;*/ }
	/*#menupcontenedor  { height: inherit; }*/
	#menupcontenedor > .icono { margin: 0; }
	#menupcontenedor   .icono { margin: 0; }		/* Agregado 10-03-2022 */



	/* REVISAR ESTOS ESTILOS */
    #contenido { width:100%; padding-bottom:0px; }
	#contenido > .panelArticulo { width:100%; padding-top:30px; }
	#contenido > .panelArticulo > #principal { width:100%; padding:0px 15px; }


	.textoArticulo .parrafo { width:100%; margin:5px 0px 15px 5px!important; line-height:20px; }

	.tituloSectionFrame { height: 10px; } /*{ display:none; }*/
	.tituloSectionConte { padding-bottom: 10px!important; background: rgba(82,169,222,1)!important; }
	.tituloSectionConte > h3 { font-size: 22px!important; line-height: 25px!important; }


	.bloque250.left,  .bloque300.left,  .bloque335.left,   bloque500.left,  
	.bloque550.left,  .bloque600.left,  .bloque610.left,  .bloque650.left,  .bloque700.left, 
	.bloque250.right, .bloque300.right, .bloque335.right, .bloque500.right, 
	.bloque550.right, .bloque600.right, .bloque610.right, .bloque650.right, .bloque700.right { float:none; }
	
	.bloque250, .bloque300, .bloque335 { margin-left: auto; margin-right:auto; }
	.bloque335 { padding:20px 0px 30px!important; }
	
	.bloque300, .bloque360, .bloque500, .bloque550, 
	.bloque560, .bloque600, .bloque610, .bloque650, .bloque700 { width:100%!important; }
	
	
	#selEje1, #selEje2, #selEje3 { margin-left:15%!important; }
	
	
	.textoArticulo { padding: 1%; }

	.x-col-40, .x-col-20 { width:100%!important; }

	footer > nav { margin:0px auto; } 	/*width:500px;*/
	footer > nav ul li.columnaExt { float:left; }
	footer > nav ul li.columnaInt { float:right; }
	footer > nav ul li.columna_separador { display:none; }

}






@media screen and (max-width: 360px) { 
    .screenWeb { display:none!important; }
    .screenMobile { display:block!important;  }

    #header, #contenedor-membrete, .membretecontenedor, #menupcontenedor, 
	#introduccion, section.filaArticulo { width:100%!important; }

	#menupcontenedor > a.icono { margin-right:5px; }
	#introduccion .panelDer { width:100%!important; float:none; }
	#introduccion .panelCen { width:100%; float:none; }
	
	.panelDer > nav { float:none; margin:0px auto; }
	.panelDer .menuPanel1, .panelDer .menuPanel2 { float:none; margin:0px auto 15px; } 

	/* LOGOS ENCABEZAMIENTO */
	.membretecontenedor > ul.contenedorlogos { margin-top: 10px; }
	ul.contenedorlogos > li.separador { margin:0px 8px; }
	#membretespiyce, #separador1, #separador3  { display:none; }
	
	
	
	
	
	


	

	/**/

	.x-col-40, .x-col-20 { width:100%!important; }

	footer > nav { width:100%!important; }
	footer > nav ul li.columnaExt, 
	footer > nav ul li.columnaInt { width:80%!important; float:none!important; margin:0px auto; }
	footer > nav ul li.columna_separador { display:none; }


}



@media screen and (max-width: 320px) { 

	.tituloSectionFrame { display:none; }
	.tituloSectionConte { background: rgba(82,169,222,1); }

	.bloque335.right { float:none; }
	.bloque335, .bloque360 { width:100%!important; padding:20px 0px 30px!important; }
	
}










/* ESTILOS NUEVOS DESDE MARZO 2022
#
#  Por ahora estos estilos NO están en los archivos "estilos-v2.css del servidor de Gobierno y de la 
#  carpeta "framework"
#
# */

/* MEMBRETECONTENEDOR */
.membretecontenedor { height: auto; }


/* CONTENEDORLOGOS */
.membretecontenedor > ul.contenedorlogos.gestion2020 { 
	width: 100%; 
	max-width: 655px; 
	height: auto;
	margin: 0 auto; }

ul.contenedorlogos.gestion2020 > li {
	line-height: 0; }

ul.contenedorlogos.gestion2020 > li.separador1 {
	height: 1px; }

ul.contenedorlogos.gestion2020 > li > img {
	margin: 12px 0!important; 
	height: 35px;
}
ul.contenedorlogos.gestion2020 > li#sidpyte > img {
	margin-top:11px!important;
	height:45px;
}







@media (max-width: 999.98px) {
	.membretecontenedor {
		margin: 0 10px; }
}

@media (max-width: 767.98px) {	/* Ancho máximo de ul.contenedorlogos.gestion2022 */
	.membretecontenedor > ul.contenedorlogos.gestion2020 {
		width: auto;
		float: none;
	}
	
	ul.contenedorlogos.gestion2020 > li > img {
		margin: 8px 0!important;
		height: 30px;
	}
	ul.contenedorlogos.gestion2020 > li#sidpyte > img { height: 40px; }
	ul.contenedorlogos.gestion2020 > li.separador1    { width: 30px; }
}
	
@media (max-width: 575.98px) {	/* 580.98*/
	ul.contenedorlogos.gestion2020 > li > img {
		margin: 5px 0!important;
		height: 25px;
	}
	
	ul.contenedorlogos.gestion2020 > li#sidpyte > img { height: 35px; }
	ul.contenedorlogos.gestion2020 > li.separador1    { width: 25px; }
}

@media (max-width: 499.98px) { 
	ul.contenedorlogos.gestion2020 > li.entretodos {
		display: none;
	}
}

@media (max-width: 359.98px) { 
	ul.contenedorlogos.gestion2020 > li#separador1 {
		display: block;
		width: 10px;
	}
}












/* CONTENEDORBUSCADOR */
.contenedorbuscador.gestion2020 { 
	width: 100%; 
	max-width: 240px; }

.contenedorbuscador.gestion2020 > #cse {
	width: auto;
	margin: 10px 0 10px 10px;
}


@media (max-width: 767.98px) {
	.membretecontenedor .contenedorbuscador.gestion2020 {
		height: auto;
		position: relative;
		/*top: 12px;*/
		float: right;
	}
	.contenedorbuscador.gestion2020 > #cse {
		margin: 0px 0 5px 10px;
	}
	.contenedorbuscador.gestion2020 {
		width: 200px;
	}
	table.gsc-search-box td.gsc-search-button {
  		width: 30px;
	}
	.cse .gsc-search-button-v2, .gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
		padding: 0px 5px !important;
	}	
}

@media (max-width: 575.98px) {
	.membretecontenedor .contenedorbuscador.gestion2020 > #cse {
		margin: 0 0 0 10px; }
	
	.gestion2020 td.gsc-input > #gsc-iw-id1 {
		height: 22px!important; }
	
	.gestion2020 .gsc-search-box-tools .gsc-search-box .gsib_a > input.gsc-input {
		margin: 2px 0 2px 5px!important;
		font-family: "GeogrotesqueSharpLt", "OpenSansLight"; }
	
	.cse .gsc-search-button-v2, 
	.gsc-search-button-v2, 
	.gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
		height: 22px; }
		
	.gsc-search-button {
		margin-left: 1px!important; }
	
	.gsc-search-button-v2 svg {
		height: 15px; }
}

@media (max-width: 359.98px) { 
	.membretecontenedor .contenedorbuscador.gestion2020 {
		width: 160px; }
}