/*
	1.- Estructura Basica
	2.- Formularios
		2.1.- Tablas y celdas
		2.2.- Textos en Span
		2.3.- Inputs
	3.- Imagenes
*/

/* 1.--------- Estructura Basica [INICIO] ---------------------- */

	@font-face {
		font-family: 'Monserrat';
		src: url("./archivoscss/MONTSERRAT-REGULAR.TTF");
		src: url("./archivoscss/MONTSERRAT-REGULAR.TTF") format("truetype");
		font-display: swap
	}

	body{
		padding:0px;
		margin:0px;
		font-size: 12px;
		font-family:"Monserrat";
	}

	td {
		font-size: 12px;
		font-family:"Monserrat";
	}

	input {
		font-size: 12px;
		font-family:"Monserrat";
		color:#152951;
		background-color: #ffffff;
		border: 0px;
		border-bottom: 1px solid #1f3d7a;
		padding: 5px 0px 5px 8px;
		outline: none;
	}
	input:focus {
	  background-color: #E6EEF9;
	}

	select {
		font-size: 12px;
		font-family:"Monserrat";
		color:#152951;
		background-color: #E6EEF9;
		border: 0px;
		border-bottom: 1px solid #1f3d7a;
		padding: 3px;
		outline: none;
	}
    select option {
		font-size: 12px;
        font-weight: normal;
		background-color: #E6EEF9;
		color:#152951;
    }
    select optgroup {
		font-size: 13px;
        font-weight: bold;
		color:#152951;
        background-color: #D3E1F3;
    }

	textarea {
		font-size: 12px;
		font-family:"Monserrat";
		color: #152951;
		background-color: #ffffff;
	}

	.st_DivColor {
		background-color:#1f3d7a;
	}
	
	.st_DivColorClaro {
		background-color:#D3E1F3;
	}
	
	.st_DivColorOscuro {
		background-color:#152951;
	}
	
	.st_DivColorContraste {
		background-color:#c0c0c0;
	}

	.st_Degradado {
		width: 80%;
		background: linear-gradient(to left, #1f3d7a, #ffffff);
		background-image: linear-gradient(to left, #1f3d7a, #ffffff);
		background-position-x: initial;
		background-position-y: initial;
		background-size: initial;
		background-repeat-x: initial;
		background-repeat-y: initial;
		background-attachment: initial;
		background-origin: initial;
		background-clip: initial;
		background-color: initial;
    }


/* -------- MENUS [inicio] ---------- */

	.st_ZonaMenu {
		margin:0px 6px 4px 6px;
		width:99%;
		height:100%;
		padding:2px;
		/*border:1px solid #1f3d7a;*/
		/*border-radius: 6px;*/
		background-color:#ffffff;
	}

	.st_TBMenusTop {
		table-layout: fixed;
		border-collapse:collapse;
	}
	.st_TBMenusTop td {
		white-space: nowrap;
		font-size: 12px;
		font-family:"Monserrat";
		color:#666666;
		background-color:#eeeeee;
		border: 1px solid #1f3d7a;
		padding:5px 6px;
	}
	.st_TBMenusTop td a, .st_TBMenusTop td a:active, .st_TBMenusTop td a:link, .st_TBMenusTop td a:visited {
		color:#666666;
	}
	.st_TBMenusTop td a:hover, div.st_MenuRow a:hover div.st_MenuTab {
		color:#152951;
		text-decoration: underline;
	}
	.st_TBMenusTop td:hover, div.st_MenuRow div.st_MenuTab:hover {
		background-color:#D3E1F3;
	}
	.st_TBMenusTop td.st_CurrentMenu, div.st_MenuRow a div.st_MenuTab, div.st_MenuRow a div.st_CurrentMenu {
		background-color:#1f3d7a;
	}
	.st_TBMenusTop td.st_CurrentMenu a, .st_TBMenusTop td.st_CurrentMenu a:active, .st_TBMenusTop td.st_CurrentMenu a:link, .st_TBMenusTop td.st_CurrentMenu a:visited,
	div.st_MenuRow a div.st_CurrentMenu, div.st_MenuRow a:link div.st_CurrentMenu, div.st_MenuRow a:visited div.st_CurrentMenu, div.st_MenuRow a:active div.st_CurrentMenu {
		color:#ffffff;
	}
	.st_TBMenusTop td.st_CurrentMenu a:hover, .st_TBMenusTop td.st_CurrentHSAdmin a:hover, , div.st_MenuRow a:hover div.st_CurrentMenu {
		color:#D3E1F3;
		text-decoration: underline;
	}
	.st_TBMenusTop td.st_CurrentHSAdmin {
		background-color:#666666;
	}
	.st_TBMenusTop td.st_CurrentHSAdmin a, .st_TBMenusTop td.st_CurrentHSAdmin a:active, .st_TBMenusTop td.st_CurrentHSAdmin a:link, .st_TBMenusTop td.st_CurrentHSAdmin a:visited {
		color:#ffffff;
	}
	div.st_MenuRow a div.st_MenuTab, div.st_MenuRow a div.st_CurrentMenu {
		padding: 3px 8px;
		margin: 2px 0px;
		font-size: 12px;
		font-family:"Monserrat";
		color:#666666;
		text-align: center;
		border-top: solid #1f3d7a 1px;
		border-bottom: solid #1f3d7a 1px;
		border-left: solid #1f3d7a 1px;
    }
    div.st_MenuRow a div.st_MenuTab {
		background-color:#eeeeee;
	}
	div.st_MenuRow a {
		font-size: 12px;
		font-family:"Monserrat";
		color: #666666;
		margin: 0px 0px;
		text-decoration: none;
	}
	div.st_MenuRow a div.st_MenuTabLast{
		border-right: solid #1f3d7a 1px;
	}


	.st_MenuProgramadoDesplegadoDiv { /* Sirver para menus programados y menus de ordenamientos en listados de busqueda */
		position: absolute;
		left:0px;
		width: 190px;
		background-color:#6b8bc6;
		border:1px solid #ffffff;
		cursor:pointer;
		visibility: inherit;
	}
	.st_MenuProgramadoDesplegadoDiv:hover {
		background-color:#1f3d7a;
	}
	.st_MenuProgramadoDesplegadoTexto { /* Sirver para menus programados y menus de ordenamientos en listados de busqueda */
		position: absolute;
		left:4px;
		top:5px;
		font-family: Monserrat;
		font-size: 11px;
		color:#ffffff;
		cursor:pointer;
	}
	
	#navmenu > li {
		margin-top: 2px;
		margin-right: 0px;
		margin-left: 0px;
	    padding: 6px;
		font-size: 12px;
		font-family: Monserrat;
		text-align: center;
		position: relative;
		border-right: solid 1px #cccccc;
		border-bottom: solid 2px #ffffff;
	}
	#navmenu > li > a { display:block; }
	#navmenu > li.st_CurrentMenu a { color: #ffffff; }
	#navmenu li div, #navmenu li > a { color: #152951; }
	#navmenu li:hover div, #navmenu li:hover > a { color: #ffffff; }
	#navmenu li .bsq ul li div, #navmenu li .bsq ul li:hover { color:#152951 !important;}
	#navmenu li {
	  background-color: #eeeeee;
	  display: block;
	  text-decoration: none;
	}
	#navmenu li:hover, #navmenu li.st_CurrentMenu { background-color:#1f3d7a;}
	#navmenu li.st_CurrentMenu { order: -1;}
	#navmenu li .wrapper ul .text_line_menu {
	  text-align: left;
	  overflow-x: hidden;
	}
	#navmenu li .wrapper ul .text_line_nom {
	  float: left;
	  width: 80%;
	  padding-top: 5px;
	  padding-left: 5px;
	  padding-bottom: 5px;
	}
	#navmenu li .wrapper ul .text_line_icon {
	  float: right;
	  width: 7%;
	  padding-top: 5px;
	  padding-bottom: 5px;
	}							
	/* #navmenu .wrapper div a { color:#ffffff;} */
	/* #navmenu .wrapper.bsq div a { color:#1f3d7a !important;} */
	#navmenu li .wrapper {
	  border-radius: 4px;
	  backface-visibility:hidden;
	  position: absolute;
	  z-index: 2000;
	  display: none;
	  text-align: left;
	  font-family: Monserrat;
	  font-size: 11px;
	  left: 0px;
	}
	#navmenu li.edge .wrapper {
	  left: unset;
	  right: 0px;
	}
	#navmenu li .wrapper.bsq{
	  left: 240px;
	  top: 0px;
	}
	#navmenu li.edge .wrapper.bsq{
	  left: unset;
	  right: 240px;
	  top: 0px;
	}
	#navmenu li .wrapper ul .srch_l {
	  margin-left: 5px;
	  float: left;
	  display: none;
	}
	#navmenu li.edge .wrapper ul .srch_l { display: block;}
	#navmenu li.edge .wrapper ul .srch_r {
	  display: none;
	  margin-right: 5px;
	}
	#navmenu li:hover > .wrapper { display: flex;}
	#navmenu li:hover > .wrapper > div {
	  display: flex;
	  flex-direction: column;
	  border-right: 1px solid #1f3d7a;
	}
	#navmenu li:hover > .wrapper > div:last-of-type { border-right: unset; }
	#navmenu li .wrapper ul { padding: 0px; }
	#navmenu li .wrapper ul li {
	  width: 200px;
	  border: 1px solid #FFFFFF;
	  position: relative;
	  background-color:  #6b8bc6;
	}
	#navmenu li .wrapper ul li:hover { background-color:  #1f3d7a; }
	#navmenu li .bsq ul li { background-color:#9ab3e5 !important;}
	#navmenu li .bsq ul li:hover { background-color:#6b8bc6 !important;}
	#navmenu li .wrapper.bsq{
	  left: 200px;
	  top: 0px;
	}
	#navmenu li .wrapper.bsq li {
	  width: unset;
	  min-width: 100px;
	  max-width: 200px;
	}
	#navmenu li.edge .wrapper.bsq{
	  left: unset;
	  right: 200px;
	  top: 0px;
	}




/* -------- MENUS [fin] ---------- */


	.st_TitPagina { /* s_CampoForm_U_DISENIO */
		table-layout: fixed;
		border-radius:0px 0px 12px 12px;
		border: 0px;
		background-color: #1f3d7a;
	}
	.st_TitPagina TD {
		font-size: 16px;
		font-family:"Monserrat";
		color:#ffffff;
		padding:8px;
	}

	.st_DivMarcoVentanita { /* antes "s_DivMarcoVentanita_'+bcolor+'" */
		background-color: #ffffff;
		border-radius:6px;
		border: 4px solid #ffffff;
		box-shadow: 2px 2px 4px 3px #888888;
	}
	.st_DivMarcoVentanitaTitulo { 
		padding:4px;
		background-color: #152951;
		border-radius:4px 4px 0px 0px;
	}
	.st_DivMarcoVentanitaTitulo td { 
		font-size: 12px;
		font-family:"Monserrat";
		font-weight:bold;
		color:#ffffff;
	}
	.st_DivMarcoVentanitaContenido { 
		padding:1px;
		border: 1px solid #152951;
		border-radius:0px 0px 4px 4px;
	}

	table.st_PestaniasGrupoTop td { /* antes "s_MenuPes_'+bcolor+'" */ 
		margin:0px;								
		padding:2px 6px;
		color: #000000;
		font-size: 12px;
		font-family:"Monserrat";
		font-weight:500;
		border-right: 1px dotted #1f3d7a;
	}
	table.st_PestaniasGrupoTop td:last-child {
		border: 0px;
	}
	table.st_PestaniasGrupoTop td.st_CurrentPes a, 
	table.st_PestaniasGrupoTop td.st_CurrentPes a:link,
	table.st_PestaniasGrupoTop td.st_CurrentPes a:visited,
	table.st_PestaniasGrupoTop td.st_CurrentPes a:hover,
	table.st_PestaniasGrupoTop td.st_CurrentPes a:active, 
	table.st_PestaniasGrupoTop td.st_CurrentPes span { 
		color: #1f3d7a;
		font-weight:bold;
		padding-right:2px;		
	}
	table.st_PestaniasGrupoTop a, table.st_PestaniasGrupoTop a:visited {
		color: #000000;
		text-decoration:none;
	}			
	table.st_PestaniasGrupoTop a:hover, table.st_PestaniasGrupoTop a:active {				
		color: #1f3d7a;				
	}			

	.st_CajaSeparaForm {
		margin:10px;
		width: 99%;
	}
	.st_CajaSeparaForm .st_tdCajaTitulo {
		border-radius:15px 0px 15px 0px;
		border: 1px solid #666666;
		background-color: #e6e6e6;
		padding:6px;
	}
	.st_CajaSeparaForm td {
		white-space: nowrap;
		font-size: 13px;
		font-family:"Monserrat";
		color: #666666;
		padding:1px;
	}
	.st_CajaSeparaForm a {
		font-size: 13px;
		font-family:"Monserrat";
		color: #1f3d7a;
	}
	.st_CajaSeparaForm a:hover {
		color: #152951;
		text-decoration: underline;
		background-color: #c0c0c0;
	}
	.st_CajaSeparaForm td.st_CurrentPes, .st_CajaSeparaForm td.st_CurrentPes a {
		color: #152951 !important;
		font-weight:bold;
		text-decoration: underline;
		background-color: #D3E1F3;
	}
	
	.st_tbCajaOpciones {
		margin:0px;
	}
	.st_tbCajaOpciones td{
		border-right: 1px dotted #1f3d7a;
		white-space: nowrap;
		padding:1px 6px !important;
	}
	.st_tbCajaOpciones td:last-child{
		border: 0px;
	}
	
	.st_HRSeparaLinea {
		height: 3px;
		border-top: 1px dashed #999999;
		border-bottom: 1px dashed #999999;
		background-image: linear-gradient(90deg, #666666, transparent);
	}

	table.st_TablaListados {
		/* table-layout: fixed; */
		border:0px;
		border-collapse:collapse;
	}
	table.st_TablaListados tr.st_TDTitulo td {
		background-color:#1f3d7a;
		color:#ffffff;
		height:24px;
		padding:3px 3px;
		font-size: 12px;
		font-family:"Monserrat";
		vertical-align:middle;
		border-right-color:#D3E1F3;
		border-right-width:1px;
		border-right-style:solid;				
		border-left-color:#D3E1F3;
		border-left-width:1px;
		border-left-style:solid; 
	}
	tr.st_TDTitulo td, 
	tr.st_TDTitulo td a, 
	tr.st_TDTitulo td a:link,
	tr.st_TDTitulo td a:visited,
	tr.st_TDTitulo td a:hover,
	tr.st_TDTitulo td a:active { 
		color:#ffffff;
		text-decoration:none;
		text-align:center;
	}

	table.st_TablaListados tr:hover { 
		background-color: #D3E1F3 !important;
	}
	table.st_TablaListados tr:nth-child(even) { /*Lineas nones*/
		background-color: #ffffff; 
	}
	table.st_TablaListados tr:nth-child(odd) { /*Lineas pares*/
		background-color: #eeeeee;
	}
	table.st_TablaListados td {
		font-size: 12px;
		font-family:"Monserrat";
		font-weight:normal;
		color:#000000;
		padding:3px 3px;			
		border-right-color:#D3E1F3;
		border-right-width:1px;
		border-right-style:solid;				
		border-left-color:#D3E1F3;
		border-left-width:1px;
		border-left-style:solid; 
		border-bottom-color:#dddddd;
		border-bottom-width:1px;
		border-bottom-style:solid; 
	}

	table.st_TablaSinBordes {
		table-layout: fixed;
		border:none;
		border-collapse:collapse;
	}
	table.st_TablaSinBordes td {
		border: 0px;
		padding: 2px;
	}
	table.st_TablaSinBordes tr:nth-child(even) { /*Lineas nones*/
		background-color: transparent;
	}
	table.st_TablaSinBordes tr:nth-child(odd) { /*Lineas pares*/
		background-color: transparent;
	}

	.st_TDTituloPeque { /* para usarlo individual */
		font-size: 12px;
		font-family:"Monserrat";
		font-weight:normal;
		color:#152951;
		background-color: #D3E1F3;
		padding:3px 4px;			
		border-bottom:1px solid #152951;
		border-left:1px solid #152951;
		border-right:1px solid #152951;
		text-align:center;
		vertical-align:middle;					
	}

	.st_TDBordeLeve { /* para usarlo individual*/
		border:1px solid #d0d0d0;
	}

	.st_TDCampoTablaAnchoFijo { /* sustituye a anterior estilo "s_TT" */
		width:260px;
	}
	.st_TDCampoTablaAnchoFijoConBordes {
		width:260px;
		border:1px solid #d0d0d0;
	}
/* 1.--------- Estructura Basica [FIN] ---------------------- */



/* 2.--------- Formularios [INICIO] ---------------------- */
/* 2.1.- Tablas y Celdas */

.st_TBForm { /*Tabla de formularios*/
		table-layout: fixed;
		border:none;
		border-collapse:collapse;
	}
	
	.st_TBRadio { /*Tabla de opciones de radio, usar tambien para checkbox*/
		table-layout: fixed;
		border:none;
		border-collapse:collapse;
	}
	.st_TBRadioRequerido { /*Tabla de opciones de radio requerida*/
		table-layout: fixed;
		border:1px solid #ae3334 !important;
		border-collapse:collapse;
		box-shadow: 0 0 5px #ae3334;
		padding: 3px 0px 3px 3px;
		margin: 5px 1px 3px 0px;
		background-color:#edcccc !important;	
	}
	
    .st_TRForm {

    }

	.st_TDContraste { /*Celda con color de contraste*/
		border: 1px dashed #666666;
		background-color: #c0c0c0 !important;
		font-size: 12px;
		font-family:"Monserrat";
		color:#000000 !important;
		padding:6px;
	}
	
	.st_TDContrasteClaro { /*Celda con color de contraste*/
		border: 1px dashed #c0c0c0;
		background-color: #e6e6e6;
		font-size: 12px;
		font-family:"Monserrat";
		color:#000000;
		padding:6px;
	}
	
	.st_TDRadio { /*Celda de Radio Button*/
		padding:4px;
		border: 1px solid #dddddd;
		background-color: #ffffff;
		font-size: 12px;
		font-family:"Monserrat";
		color: #152951 !important;
		white-space: nowrap;
	}
	.st_TDRadioCheck { /*Celda de Radio Button Check*/
		padding:4px;
		border: 1px solid #dddddd;
		background-color: #D3E1F3;
		font-size: 12px;
		font-family:"Monserrat";
		color: #152951 !important;
		white-space: nowrap;
	}
	.st_TDRadioPeque { /*Celda de Radio Button Peque - sirve tambien para checkbox*/
		padding:4px !important;
		border: 1px solid #dddddd;
		background-color: #ffffff;
		font-size: 10px !important;
		font-family:"Monserrat";
		color: #152951 !important;
		white-space: nowrap;
	}
	.st_TDRadioPequeCheck { /*Celda de Radio Button Check Peque*/
		padding:4px;
		border: 1px solid #dddddd;
		background-color: #D3E1F3;
		font-size: 10px !important;
		font-family:"Monserrat";
		color: #152951 !important;
		white-space: nowrap;
	}
	
	.st_TDCampTit { /*Celda de los titulos de campo en un formulario*/
		font-size: 13px;
		font-family:"Monserrat";
		font-weight:bold;
        	text-align: right;
		color:#1f3d7a !important;
		border-bottom: 1px dashed #eeeeee;
		padding:6px !important;
		width: 200px !important;
	}

	.st_AnchoDoble {
		width: 400px !important;
	}

	.st_TDCampVal { /*Celda con datos*/
		font-size: 12px;
		font-family:"Monserrat";
		color:#000000;
		border-bottom: 1px dashed #eeeeee;
		padding:6px;
		background-color:#ffffff;
	}

	.st_TDPequeVal { /*Celda con Campo Peque*/
		font-size: 10px;
		font-family:"Monserrat";
		color:#333333;
		padding:3px;
		border: 1px solid #dddddd;
		background-color:#ffffff;
	}

	.st_TDMarcoOff, .st_TDMarcoOn { /*Celda con Marco*/
		font-size: 12px;
		font-family:"Monserrat";
		padding:3px;
		border-radius: 2px;
	}
	.st_TDMarcoOff {
		color:#222222 !important;
		border: 1px solid #1f3d7a;
		background-color:#eeeeee;
	}
	.st_TDMarcoOff a {
		color:#222222 !important;
	}
	.st_TDMarcoOff:hover {
		background-color:#D3E1F3;
	}
	.st_TDMarcoOn {
		color:#dddddd;
		border: 1px solid #152951;
		background-color:#1f3d7a;
	}
	.st_TDMarcoOn a {
		color:#dddddd !important;
	}
	.st_TDMarcoOn:hover {
		background-color:#152951;
	}

	.st_TBSubmodulo {
		table-layout: fixed;
		border: 1px solid #d0d0d0;
		border-collapse:collapse;
	}
	.st_TDSubModuloTitulo {
		font-size: 12px;
		font-family:"Monserrat";
		font-weight:bold;
		color:#ffffff;
		padding:4px 4px 4px 20px;
		background-color:#152951;
		border-bottom: 0px solid #152951;
	}

	.st_PlecaNivel1Txt {
		font-size: 14px;
		font-family:"Monserrat";
		font-weight:bold;
		color: #1f3d7a;
		padding:7px 4px;
		margin:10px;
		background-color:#D3E1F3;
		border-width: 2px;
		border-style: solid;
		border-radius: 10px;
		width: 99%;
		-webkit-text-size-adjust:99%;	}
	.st_PlecaNivel2Txt {
		font-size: 13px;
		font-family:"Monserrat";
		font-weight:bold;
		color: #1f3d7a;
		padding:4px 6px;
		margin:8px;
		border:3px;
		border-style: solid;
		border-image-source: linear-gradient(45deg, #1f3d7a, #ffffff);
		border-image-slice: 1;
		border-top:none;
		width: 99%;
		-webkit-text-size-adjust:99%;	}
	.st_PlecaNivel3Txt {
		font-size: 12px;
		font-family:"Monserrat";
		font-weight:bold;
		color: #1f3d7a;
		background-color:#eeeeee;
		padding:4px;
		margin:8px;
		border-bottom: 1px dashed #1f3d7a;
		padding-left:0px;
		width: 99%;
		-webkit-text-size-adjust:99%;	}


/* 2.2.- Textos */
	.st_Peque, td.st_Peque, table.st_TablaSinBordes td.st_Peque {
		font-size: 10px;
		font-family:"Monserrat";
		font-weight:normal;
		color:#000000;
	}

	.st_PequeBlanco {
		font-size: 10px;
		font-family:"Monserrat";
		font-weight:normal;
		color:#ffffff;
	}

	.st_PequeRoja {
		font-size: 10px;
		font-family:"Monserrat";
		font-weight:normal;
		color:#cc0000;
	}

	.st_PequeColor {
		font-size: 10px;
		font-family:"Monserrat";
		font-weight:normal;
		color:#1f3d7a;
	}

	.st_PequeLeve {
		font-size: 10px;
		font-family:"Monserrat";
		font-weight:normal;
		color:#777777;
	}

	.st_TxtTitulo { /*Fuente de los titulos de campo en un formulario*/
		font-size: 13px;
		font-family:"Monserrat";
		font-weight:bold;
		color:#1f3d7a;
	}

	.st_TxtNegrita {
		font-size: 12px;
		font-family:"Monserrat";
		font-weight:bold;
		color:#1f3d7a;
	}
	.st_TxtNegritaRoja {
		font-size: 12px;
		font-family:"Monserrat";
		font-weight:bold;
		color:#cc0000;
	}
	.st_TxtAlarma {
		font-size: 14px;
		font-family:"Monserrat";
		font-weight:bold;
		text-decoration:underline;
		color:#880000;
	}

	.st_TxtBlanco {
		color:#ffffff !important;
	}

	.st_PequeTxt {
		font-size: 10px !important;
		font-family:"Monserrat" !important;
		font-weight:normal !important;
	}

	.st_MedianoTxt {
		font-size: 11px !important;
		font-family:"Monserrat" !important;
		font-weight:normal !important;
	}

	.st_Seleccionado {
		font-size: 11px !important;
		font-family:"Monserrat" !important;
		font-weight:bold !important;
		color:#666666 !important;
	}

/* 2.3.- Inputs */

	.st_CampoObligatorio {
		box-shadow: 0 0 12px #ae3334 !important;
		padding: 3px 0px 3px 3px;
		margin: 5px 1px 3px 0px;
		border: 1px solid #ae3334 !important;
		background-color:#edcccc !important;
	}

	.st_InputNumerico {
		text-align: right;
	}

	.st_InputText, .st_TDCampVal input[type=text], .st_TDPequeVal input[type=text] {
		font-size: 12px;
		font-family:"Monserrat";
		color:#152951;
		background-color: #ffffff;
		border: 0px;
		border-bottom: 1px solid #1f3d7a;
		padding: 5px 0px 5px 8px;
		outline: none;
	}
	.st_InputText:focus, .st_TDCampVal input[type=text]:focus, .st_TDPequeVal input[type=text]:focus {
	  background-color: #E6EEF9;
	}

	.st_TDPequeVal input[type=text] {
		font-size: 11px !important;
		padding: 2px 0px 2px 8px !important;
	}

	.st_TextArea, .st_TDCampVal textarea, .st_TDPequeVal textarea {
		font-size: 12px;
		font-family:"Monserrat";
		color:#152951;
		background-color: #ffffff;
		border: 0px;
		border-bottom: 1px solid #1f3d7a;
		padding: 5px;
		outline: none;
	}
	.st_TextArea:focus, .st_TDCampVal textarea:focus, .st_TDPequeVal textarea:focus {
	  background-color: #E6EEF9;
	}

	.st_InputBloq, .st_TDCampVal .st_InputBloq {
        background-image: url(../img/ico_candado_6.png);
		background-repeat: no-repeat;
		background-position: 2px 50%;
		padding-left:12px !important;
	}
	
/* ------------------- Select [INICIO] */
.st_Select, .st_SelectPeque, .st_TDCampVal select, .st_TDPequeVal select {
		font-size: 12px;
		font-family:"Monserrat";
		color:#152951;
		background-color: #E6EEF9;
		border: 0px;
		border-bottom: 1px solid #1f3d7a;
		padding: 3px;
		outline: none;
	}
    .st_Select option, .st_SelectPeque option, .st_TDCampVal option, .st_TDPequeVal option {
		font-size: 12px;
        font-weight: normal;
		background-color: #E6EEF9;
		color:#152951;
    }
    .st_Select optgroup, .st_SelectPeque optgroup, .st_TDCampVal optgroup, .st_TDPequeVal optgroup {
		font-size: 13px;
        font-weight: bold;
		color:#152951;
        background-color: #D3E1F3;
    }
	.st_SelectPeque, .st_TDPequeVal select {
		font-size: 11px !important;
	}
    .st_SelectPeque option, .st_TDPequeVal select option {
		font-size: 11px !important;
    }
    .st_SelectPeque optgroup, .st_TDPequeVal select optgroup {
		font-size: 12px !important;
    }
/* ------------------- Select [FIN] */


/* ------------------- Checkbox [INICIO] */
	.st_TDCampVal input[type="checkbox"],
   	.st_TDContrasteClaro input[type="checkbox"],
	.st_TDRadio input[type="checkbox"],
	.st_TDRadioCheck input[type="checkbox"],
	.st_TDRadioPeque input[type="checkbox"],
	.st_TDRadioPequeCheck input[type="checkbox"] {
        display:none;
    }
	.st_TDCampVal input[type="checkbox"] + label span,
	.st_TDContrasteClaro input[type="checkbox"] + label span,
	.st_TDRadio input[type="checkbox"] + label span,
	.st_TDRadioCheck input[type="checkbox"] + label span {
		display:inline-block;
		width:22px;
		height:22px;
		margin:-1px 4px 0 0;
		vertical-align:middle;
		background:url(./archivoscss/icomix_checkradio1.png) left top no-repeat;
		cursor:pointer;
	}
    .st_TDCampVal input[type="checkbox"]:checked + label span,
    .st_TDContrasteClaro input[type="checkbox"]:checked + label span,
 	.st_TDRadio input[type="checkbox"]:checked + label span,
	.st_TDRadioCheck input[type="checkbox"]:checked + label span {
       background:url(./archivoscss/icomix_checkradio1.png) -22px top no-repeat;
    }
	.st_TDRadioPeque input[type="checkbox"] + label span {
        display:inline-block;
        width:15px;
        height:15px;
        margin:-1px 4px 0 0;
        vertical-align:middle;
        background:url(./archivoscss/icomix_checkradio1.png) left top no-repeat;
		background-size:60px 15px;        cursor:pointer;
    }
	.st_TDRadioPequeCheck input[type="checkbox"]:checked + label span {
        display:inline-block;
        width:15px;
        height:15px;
        margin:-1px 4px 0 0;
        vertical-align:middle;
        background:url(./archivoscss/icomix_checkradio1.png) -15px top no-repeat;
		background-size:60px 15px;        cursor:pointer;
    }

/* ------------------- Checkbox [FIN] */


/* ------------------- RadioButton [INICIO] */
	.st_TDCampVal input[type="radio"],
	.st_TDRadio input[type="radio"],
	.st_TDRadioCheck input[type="radio"],
	.st_TDRadioPeque input[type="radio"],
	.st_TDRadioPequeCheck input[type="radio"] {
        display:none;
    }
    .st_TDCampVal input[type="radio"] + label span,
	.st_TDRadio input[type="radio"] + label span,
	.st_TDRadioCheck input[type="radio"] + label span {
        display:inline-block;
        width:22px;
        height:22px;
        margin:-1px 4px 0 0;
        vertical-align:middle;
        background:url(./archivoscss/icomix_checkradio1.png) -44px top no-repeat;
        cursor:pointer;
    }
    .st_TDCampVal input[type="radio"]:checked + label span,
	.st_TDRadio input[type="radio"]:checked + label span,
	.st_TDRadioCheck input[type="radio"]:checked + label span {
        background:url(./archivoscss/icomix_checkradio1.png) -66px top no-repeat;
    }
	.st_TDRadioPeque input[type="radio"] + label span {
        display:inline-block;
        width:15px;
        height:15px;
        margin:-1px 4px 0 0;
        vertical-align:middle;
        background:url(./archivoscss/icomix_checkradio1.png) -30px top no-repeat;
		background-size:60px 15px;        cursor:pointer;
    }
	.st_TDRadioPequeCheck input[type="radio"]:checked + label span {
        display:inline-block;
        width:15px;
        height:15px;
        margin:-1px 4px 0 0;
        vertical-align:middle;
        background:url(./archivoscss/icomix_checkradio1.png) -45px top no-repeat;
		background-size:60px 15px;        cursor:pointer;
    }
/* ------------------- RadioButton [FIN] */

	.st_InputBoton { /* s_BotonSubmit_U_DISENIO */
		font-size: 13px;
		font-family:"Monserrat";
		color:#ffffff;
		letter-spacing: 1px;
		background-color: #1f3d7a;
        border: 1px solid #152951;
		padding: 6px 20px 6px 20px;
		margin: 12px;
		cursor: pointer;
		outline: none;
		border-radius: 3px;
	}
    .st_InputBoton:hover {
		padding: 6px 26px 6px 20px;
		background-color: #152951;
		background-image: url(./archivoscss/ico_inputflecha.png);
		background-repeat: no-repeat;
		background-position: 96% 50%;
   }


/* 2.--------- Formularios [FIN] ---------------------- */




/* 3.--------- Imagenes [INICIO] ---------------------- */

.stimg_calendario {
		display:inline-block; width:24px; height:24px; margin:0 4px 0 0; border:none; vertical-align:middle; background:url(./archivoscss/icomix_iconos1.png) left top no-repeat;
	}
	.stimg_calendarioPeque {
		display:inline-block; width:15px; height:15px; margin:0 2px 0 0; border:none; vertical-align:middle; background:url(./archivoscss/icomix_iconos1.png) left top no-repeat; background-size: 90px 15px;
	}
	.stimg_ayuda {
		display:inline-block; width:24px; height:24px; margin:0 4px 0 0; border:none; vertical-align:middle; background:url(./archivoscss/icomix_iconos1.png) -24px top no-repeat;
	}
	.stimg_ayudaPeque {
		display:inline-block; width:15px; height:15px; margin:0 2px 0 0; border:none; vertical-align:middle; background:url(./archivoscss/icomix_iconos1.png) -15px top no-repeat; background-size: 90px 15px;
	}
	.stimg_sino1 {
		display:inline-block; width:24px; height:24px; margin:0 4px 0 0; border:none; vertical-align:middle; background:url(./archivoscss/icomix_iconos1.png) -48px top no-repeat;
	}
	.stimg_sino1Peque {
		display:inline-block; width:15px; height:15px; margin:0 2px 0 0; border:none; vertical-align:middle; background:url(./archivoscss/icomix_iconos1.png) -30px top no-repeat; background-size: 90px 15px;
	}
	.stimg_sino0 {
		display:inline-block; width:24px; height:24px; margin:0 4px 0 0; border:none; vertical-align:middle; background:url(./archivoscss/icomix_iconos1.png) -72px top no-repeat;
	}
	.stimg_sino0Peque {
		display:inline-block; width:15px; height:15px; margin:0 2px 0 0; border:none; vertical-align:middle; background:url(./archivoscss/icomix_iconos1.png) -45px top no-repeat; background-size: 90px 15px;
	}
	.stimg_goma {
		display:inline-block; width:24px; height:24px; margin:0 4px 0 0; border:none; vertical-align:middle; background:url(./archivoscss/icomix_iconos1.png) -96px top no-repeat;
	}
	.stimg_gomaPeque {
		display:inline-block; width:15px; height:15px; margin:0 2px 0 0; border:none; vertical-align:middle; background:url(./archivoscss/icomix_iconos1.png) -60px top no-repeat; background-size: 90px 15px;
	}
	.stimg_limites {
		display:inline-block; width:24px; height:24px; margin:0 4px 0 0; border:none; vertical-align:middle; background:url(./archivoscss/icomix_iconos1.png) -120px top no-repeat;
	}
	.stimg_limitesPeque {
		display:inline-block; width:15px; height:15px; margin:0 2px 0 0; border:none; vertical-align:middle; background:url(./archivoscss/icomix_iconos1.png) -75px top no-repeat; background-size: 90px 15px;
	}
	
/* 3.--------- Imagenes [FIN] ---------------------- */