/****************************************
            Constantes CSS xa todo el sitio
    *****************************************/
    :root 
    { 			
            /*https://www.cssfontstack.com/	
			
            --THEME-DEFAULT-FONT1:	Arial,Helvetica Neue,Helvetica,sans-serif; 
            --THEME-DEFAULT-FONT2:	Verdana,Helvetica,sans-serif;
            --THEME-DEFAULT-FONT3:	Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif; 
            --THEME-DEFAULT-FONT4:	Georgia,serif; 
            --THEME-DEFAULT-FONT5:	Garamond,Times New Roman,serif;
            --THEME-DEFAULT-FONT6:	Monaco,Consolas,Lucida Console,monospace; 				
            --THEME-DEFAULT-FONT7:	"Brush Script MT", cursive;
			*/
/*
xa q funcionen pon:
			  <link href="https://fonts.googleapis.com/css2?family=Montserrat
												     &family=Roboto
												     &family=Poppins
												     &family=Open+Sans
												     &family=Playfair+Display:ital@1
												     &family=Brush+Script+MT                                                     
                                                     &family=Lato
                                                     &display=swap" 
                                                     rel="stylesheet">			
*/
			--THEME-DEFAULT-FONT1:	'Montserrat', sans-serif; 
            --THEME-DEFAULT-FONT2:	'Roboto', Helvetica,sans-serif;
            --THEME-DEFAULT-FONT3:	'Lato',Rockwell,sans-serif; 
            --THEME-DEFAULT-FONT4:	'Poppins',Georgia,sans-serif; 
            --THEME-DEFAULT-FONT5:	'Open Sans', sans-serif;
            --THEME-DEFAULT-FONT6:	 Monaco,Consolas,Lucida Console,monospace; 				
            --THEME-DEFAULT-FONT7:	'Brush Script MT', cursive;			


			--THEME-DEFAULT-FONT-SIZE:18px;
			--THEME-DEFAULT-FONT-SIZE-MOVIL:17px;
			
			

            /*Fuente del cód de ej q saco en los tutoriales:*/
            --THEME-DEFAULT-FONT-CODE:  "Lucida Console", Monaco, monospace;
            --THEME-DEFAULT-FONT-CODE2:  monospace;
            --THEME-DEFAULT-FONT-CODE3:  Rockwell;

            /*Colores:*/
            --THEME-BACKGROUND-COLOR:  #fff;
            --THEME-BACKGROUND-COLOR2: #eee;

            /*De oscuro a claro*/
            --BLUE1: #335599;					
            --BLUE2: #467aa7;
            --BLUE3: RGB(69,124,186);		
            --BLUE4: #E8F7FF;


            --RED1:#844;		
            --RED2:#C7250E;
            --RED3:#F30;				

            --COLOR-COD:#666;
            --COLOR-COM-COD:#333;
            --COLOR-TITULO:#CC6600;		
            --COLOR-LETRACAB:#334455;
			
			
			 --COLOR_ICONOMENU1:#CFFAFE;
			 --COLOR_ICONOMENU1_HOVER:yellow;
			 --BGCOLOR_SELECTEDMENU1:#090;/*#0066CC;*/
			 
			 --COLOR_ICONOMENU2:#EFFEFE;		 
			 --COLOR_ICONOMENU2_HOVER:yellow;/*#7E0310;*/
			 --BGCOLOR_SELECTEDMENU2:#069;/*#000;*/
						 /*#0066EE;*/
			 

            /*      Otros       */
            --THEME-DEFAULT-BORDER-RADIUS: 20px;					
            --THEME-DEFAULT-BORDER-RADIUS2: 10px;								

            --THEME-DEFAULT-WIDTH:95%;
            --THEME-DEFAULT-WIDTH2:90%;
            --THEME-DEFAULT-WIDTH3:50%;		                
            --PADDING_OPS_MENU:3px;  /*Espacio de los enlaces en el menú de cabecera*/

    }


        
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Impor:esto es a nivel de todos los elems de la página x dfto, 
    mejor no tocar y hacerlo en el div correspondiente
    x defecto no pongo margen y centro los componentes    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/	
*{
    margin:0 auto;
}         

p{
	font-size: var(--THEME-DEFAULT-FONT-SIZE) !important; /*16px*/
	font-family: var(--THEME-DEFAULT-FONT2) !important;	
	line-height: 1.6 !important;
}


        
.hidden {
  display: none;
}	

.visible {
  display:inline-table;
}	

body
{ 
        /*background-size: cover; */ 
        background-image: url('../img/bg/bgb.png');
        background-position: center; 	
}

/*xa imágenes con txt alrededor*/
.imgConTxtAlrededor{
  float: left; /* or right */
  margin-right: 20px; /* spacing around image */      
}	






/*******************************************************************
                            CABECERA
*******************************************************************/

/*contenedor con la img de mi logo + el menú de navegación*/
#cabecera{
    /* Espacio desde el top de la pág hasta el primer elem de la cabecera =  la navBar
        (=espacio xa q no se oculte el contenido de la img-logo con la navbar)*/
            padding-top: 5px; 
}


	/*
	----------------------------------------------
	  		   IMAGENES DE CABECERA
	----------------------------------------------
	*/	
	
    /* Div q envuelve a la img del logo
        (=espacio xa q no se oculte la img-logo con la navbar)*/
    .imageWrapper
    {
        
        padding-top: 90px; 
    }
    /*
	----------------------------------------
       Envoltorio xa la img del logo cabecera
       xa q tenga un borde y un espacio adecuados
     ----------------------------------------*/	
    .imageWrapper img 
    {    
        width:var(--THEME-DEFAULT-WIDTH);	
    }    

    .bordeMiLogo
    {
        border: 1px solid #0077ff; /*dashed*/
        border-radius: 45px;        
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
        padding:2px !important;	
    }

    .bordeMiLogo:hover
    {          
        transition: box-shadow 0.4s ease-in-out; 
        
        border-style: dashed;
        /*border-width: 0px;*/
        border-radius: 55px;  
        box-shadow: 0px 0 20px 3px var(--BLUE3);
    }
    
    /*
    box-shadow: offset-x offset-y blur-radius spread-radius color inset;
            offset-x – Desplazamiento horizontal de la sombra.
                Valor positivo: sombra hacia la derecha.    
                Valor negativo: sombra hacia la izquierda.
                0 centrada
            offset-y – Desplazamiento vertical.

            blur-radius – Qué tan desenfocada está la sombra. ()Valor mayor = más difusa = más “glow”.)
                            Valor 0 = borde duro.

            spread-radius – Qué tanto se expande la sombra. Positivo: más grande.Negativo: más compacta.

            color – El color de la sombra.Puedes usar rgba() para hacerla semitransparente.

            inset (opcional) – Hace que la sombra sea interna en lugar de externa.
    
    
    border-style:    
                    groove - Defines a 3D grooved border. The effect depends on the border-color value
                    ridge - Defines a 3D ridged border. The effect depends on the border-color value
                    inset - Defines a 3D inset border. The effect depends on the border-color value
                    outset - Defines a 3D outset border. The effect depends on the border-color value*/		           

	
	/*----------------------------------------
                Imágenes con mi logo	 
	----------------------------------------*/
    #imagenCab
    {		
            margin: 0 auto !important; /*xa centrar la cabecera*/				
            width: 75%;
            height:50%;
            transition: all 0.3s ease;				
    }

	  
   #imagenFija  /*img de logo q se ve sobre la barra de nav al ocultar mi logo*/
   { 
      position: fixed;
      top: 0px;
      right: 87%;
      /*transform: translateX(-50%);*/	  
    
      /*esto hay q cambiarlo too en: function normalImg(x) {} de 'menuCab.php' */
      width: 70px;  
      height: 70px;	  
	  
      display: none;
      z-index: 9999;
      border:0px;	  
      transition: opacity 0.3s ease;
    }
	
	
	
	



        
/*************************************************************
					CUERPO
*************************************************************
Contenedor del cuerpo (= el .html q cargo con el router)
    q a su vez se divide en 2 partes:
	
	a) cabecera introductoria (=txt intro) de la página -->BoxTxtCabecera
	+
	b) contenido de la pág -->tContenido
*/
        
	#cuerpo{        
        width:100%;        
		margin: 0 auto; /*esto es xa centrar el bloque sin q centre el txt*/
		margin-bottom:7px;
	}

        /* caja de arriba del todo con el txt q saco al ppio de la index explicando de lo q va el tema*/
        #BoxTxtCabecera
        {
			margin-left: 7% !important;
			margin-right: 7% !important;
            margin-top: 40px; /*IMPOR!! distancia respecto a la img de cabecera*/
			
            
            /*background-color:var(--THEME-BACKGROUND-COLOR2);*/
            background-size: cover;  

            background-image: url('../img/bg/bg_3.jpg');
                    background-position: center; 		

            padding:0px 25px 15px 25px;
            border:1px solid var(--BLUE1);
            border-bottom-width:5px;

            border-radius: 	var(--THEME-DEFAULT-BORDER-RADIUS2);		
        }


        /*cuerpo sin la cabecera introductoria = el contenido de la página*/
        #tContenido
        {
			width:95%;        
			background-color:white;		
		
		/*
			background-image: url('../img/bgBlanco.png');
			background-position: center; 	
			background-repeat:none;		*/
			
			border:1px solid var(--BLUE1) !important;
			border-radius: 	var(--THEME-DEFAULT-BORDER-RADIUS2);
		
		
		
			clear:both;
			margin: 0 auto; /*esto es xa centrar el bloque sin q centre el txt*/
			margin-top:10px;	
			margin-bottom:0px;	

			padding:1% 3% 3% 3%;/* 20px 10px 20px;*/
        }



	
	
	
	
	/*--------------------------------------------------------
	  Clases xa elems de contenido-texto interno (al cuerpo)
	--------------------------------------------------------*/
	#content
	{
			width:100%;

			/*top right bottom left*/		
			margin:10px 0px 0px 10px;		
	}


			
	#content2{
		width:100%;	
		margin:10px;
		margin-top:0;
		padding:20px;		
		
	/*	margin-bottom:1%;*/
		/*background-color:var(--THEME-BACKGROUND-COLOR);*/
	}


	.left {float:left; width:46%;background-color:#F3F7FF;padding:1%;padding-top:0;border:1px solid #ddd}
	.right{float:right;width:48%;background-color:#F3F7FF;padding:1%;padding-top:0;border:1px solid #ddd;margin-right:2%}

	.left2 {float:left;width:100%;background-color:#F3F7FF;padding:1%;padding-top:0;border:1px solid #ddd;}
	.right2{float:right;width:45%;background-color:#F3F7FF;padding:1%;padding-top:0;border:1px solid #ddd;color:#222;}


	.clear{clear:both;visibility:hidden;}
	.small{font-size:0.8em;}



	
		
	
	
	

	



/*##############################################
  		   Estilos generales 
##############################################*/



.destacado
{
        /*
                    overflow: hidden;
                    white-space: nowrap;
                    display: inline;
           */         
	color:var(--RED1); /*#AC580D !important;*/
	
	font-family:var(--THEME-DEFAULT-FONT7) !important;	
	
	font-size: clamp(1.2em, 10vw, 1.8em)!important;	
		/*The font size will never go below 1.2em (minimum).
			It will scale based on the viewport width (4vw is 4% of the viewport width).
			It will never exceed 1.8em (maximum).
		*/
}

.destacado2
{
	font-style:italic bold;
	font-family: var(--THEME-DEFAULT-FONT7)!important;			
}



/*Enlaces normales*/
a, li a{
	color:var(--BLUE2) !important;	
	text-decoration: none; /* Quita el subrayado */
}


a:hover{
	color:var(--RED2); /*#AC580D !important;*/
	text-decoration: underline; /* Quita el subrayado */	
}

		/* Estilo para los enlaces normales sin-subrayado */
a .sin-subrayado {
	text-decoration: none; /* Quita el subrayado */
}


/*a:visited{
	color:var(--BLUE2);	
}*/
		
		
		

/*#2a5a7a;*/
h1{
	color:var(--BLUE2) !important;				
	font-family: var(--THEME-DEFAULT-FONT4) !important;				
	font-size: 3.3em !important;				
	text-transform:uppercase !important;				
	text-align: center !important;	
	text-shadow: 2px 2px 6px var(--BLUE3) !important;
	padding: 0px !important;	
	margin-top: 20px !important;	
	margin-bottom: 0px !important;	
}

/*xa los encabezados q quiero con poco margen */
.sinMargen
{
	/*font-family: var(--THEME-DEFAULT-FONT2) !important;	*/
	/*margin-bottom: 10px !important;		*/
	margin:0 auto;
}
 
.conMargen{	
	margin-left:15%; 
	
}



h2{
		color:var(--RED2) !important;
		text-shadow: 1px 1px 1px #000 !important;
		/*text-align: center !important;	*/
		
		font-family: var(--THEME-DEFAULT-FONT6) !important;
		font-size: 2.2em !important;		
		text-transform: uppercase !important;
	}


h2 a{
	color:var(--RED2) !important;
	text-shadow: 1px 1px 1px #000 !important;
	/*text-align: center !important;	*/
	
	
	text-transform: uppercase !important;
}	
	
h2 a:hover{
	
	color:var(--RED3) !important;
}

		
			
		


h3{
	color: var(--BLUE1);
	font-family: var(--THEME-DEFAULT-FONT7)!important;	
	font-size: 2.2em !important;					
}
	
	/*estlo del txt de los encabezados*/		
	#BoxTxtCabecera h3{	
		color: var(--BLUE2);	
		font-size: 2.5em !important;			
	}		
	
h3 a:hover, h4 a:hover{
	color:var(--RED2); /*#AC580D !important;*/
	/*text-decoration: none; /* Quita el subrayado */	
}	

	

h4,h5{

	font-family: var(--THEME-DEFAULT-FONT5);
	text-shadow: 1px 1px 1px #039 !important;	
	/*margin: 0 0 8px;*/
}



h4{	
	color:var(--BLUE2);	
	font-size: 1.8em;
	font-weight: 600;
}
	/*xa la caja en la q explico el contenido (cabecera)*/
	#BoxTxtCabecera h4{	
		color:#069;	
		font-size: 1.4em;		
	}


h5{
	color:#C67C1A;	
	font-size: 1.6em;	
	/*margin: 0 0 8px;*/
}


table td{padding-left:8px;padding-right:8px;}


ul,ol,dl{margin:0 0 10px 10px;}

li{padding-bottom:5px;}


ul,ol,dl,li{
	font-size:var(--THEME-DEFAULT-FONT-SIZE);
}

	
	



/**************************
  Estilos personalizados
***************************/
#codigo, code{
	color:var(--COLOR-COD);
	font-family:var(--THEME-DEFAULT-FONT-CODE);
	font-size: 1em;
}

.comentarioCod{
	color: var(--COLOR-COM-COD);	

	font-family:var(--THEME-DEFAULT-FONT-CODE);
	font-size: 0.8em;
	font-weight: 400;	
}

.codResaltado{
	
	color: var(--RED1);
	font-family:var(--THEME-DEFAULT-FONT-CODE);
	font-size: 1.1em;
	font-weight: 600;	
}


.miTexto{
	color:var(--BLUE1);
	font-size:1.6em;
	font-family: var(--THEME-DEFAULT-FONT6)!important;
	text-align:left;
	text-transform: none;        
	
}

.miTitulo{
	color:var(--BLUE3);
	font-style: bold;
	font-size:1.4em;
	font-family:var(--THEME-DEFAULT-FONT6);
	text-align:right;
	text-transform: capitalize;        
}


/*
#titulo{
	color:var(--COLOR-TITULO)
	font-style: normal;
	font-weight:bold;
	font-size:12pt;
	font-family:var(--THEME-DEFAULT-FONT-CODE);
	text-align:left;
	text-transform: capitalize;        
}*/



#miTabla { /*Tabla solo con borde exterior*/	
	border-collapse: collapse;
	border: 1px solid 	var(--BLUE1);
}



/*Letra q uso arriba xa explicar las páginas interiores*/
#letraCab{
	color: 	var(--COLOR-LETRACAB);
	font-family: var(--THEME-DEFAULT-FONT-CODE3);
	font-size: 1.2em;
	font-weight: 400;
	margin-left: 45px;
	line-height: 1; /* Aumenta el espacio entre líneas */
}

#letraCabPeq{
	color: var(--COLOR-LETRACAB);
	font-family: var(--THEME-DEFAULT-FONT-CODE4);
	font-size: 0.9em;
	font-style:italic;	
	margin-left: 75px;
	line-height: 1; /* Aumenta el espacio entre líneas */
}












	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*********************************************************************************************************************************
						
						
											PARA VENTANAS PEQS --> <1024 px
											
											
**********************************************************************************************************************************/

@media (max-width: 1024px) 
{
		
        /*----------------------------------------
               Imágenes con mis logos	 
         ----------------------------------------*/
                 
                     
        .imageWrapper	{
                padding-top: 0;
                margin: 0 auto; /*xa centrar la cabecera*/						
                margin-top:10% !important;                
	}
	  
        #imagenCab
		{	
            width: 95%;
        }	
		

        
       
	


	/*******************************************************************
				CONTENEDORES
	*******************************************************************/
		
	/*******************************************
	  A) Q abarcan todo o casi todo el cuerpo
	********************************************/


        /*----------------------------------------
           Clase para la img de fondo de la página
           (no lo puedo poner en container-full xq tiene margem...
           .image-div 
          ----------------------------------------*/		
        body
        {  
                /*background-size: cover; */ 
                /*background-image: url('../img/bg/bg_0.jpg');
                background-position: center; 		
               */

                padding:0px !important;		
                margin: 0 auto !important;
        }



	/*contenedor global del cuerpo = el .html q cargo con el router 
	q a su vez se divide en 2 partes:
		
		a) cabecera introductoria (=txt intro) de la página -->BoxTxtCabecera
		+
		b) contenido de la pág -->tContenido
		*/
	#cuerpo{		
		/*margin: 0 auto; /*esto es xa centrar el bloque sin q centre el txt*/

         width:100%;			
         align:center;
	}


	/*contenedor del cuerpo sin la cabecera introductoria de la página*/
	#tContenido
	{
		width:100%;        
		background-color:white;		

	/*
		background-image: url('../img/bgBlanco.png');
		background-position: center; 	
		background-repeat:none;		*/
		
		border:0px solid var(--BLUE1) !important;
		/*border-radius: 	0px  !important;*/

		clear:both;
		margin: 0px !important; /*esto es xa centrar el bloque sin q centre el txt*/
		margin-top:10px;	
		margin-bottom:10px;	
		
				/*top right bottom left*/
		padding: 36px 10px 30px 10px !important; 
		
		
	} 



	/**************************************
	  B)Clases xa elems de texto-contenido
	***************************************/

	/* caja de arriba del todo con el txt q saco al ppio de la index explicando de lo q va el tema*/
	#BoxTxtCabecera
	{
		/*background-color:var(--THEME-BACKGROUND-COLOR2);*/
		background-size: cover;  
		
		background-image: url('../img/bg/bg_3.jpg');
		background-position: center; 		

		width:100% !important;        			
		margin:0px !important; 		
		
		/*border:1px solid var(--BLUE1);
		border-bottom-width:5px;	
		border-radius: 	var(--THEME-DEFAULT-BORDER-RADIUS2);
		*/
		
		/*top right bottom left*/
		/*margin: 5px 5px 10px 5px !important; 		*/
		/*margin: 5px auto !important; /*xa centrar la cabecera*/						
		/*margin-top:5px  !important;
		margin-bottom:10px !important;*/		
					
		
						/*top right bottom left*/
		/*padding: 36px 0px 30px 10px !important; 		*/
		
	}



	#content{
			width:100%;
			
			 
			margin:0px !important;		
			/*margin-bottom:0px !important;*/			
			
				/*top right bottom left*/
			/*padding: 36px 0px 30px 10px !important; */			
			
			background-color:none;
		}

			
	#content2{
		width:100%;		
		
		margin:0px !important;		
		margin-top:5px;
		/*	margin-bottom:1%;*/
		
						/*top right bottom left*/
		/*padding: 36px 0px 30px 10px !important; */
		
	
		/*background-color:var(--THEME-BACKGROUND-COLOR);*/
	}
	
	
	/*#content3{width:35%;background-color:#fff;}*/



	.left {float:left; width:100%;background-color:var(--COLOR-LEFT);padding:1%;border:0px;}
	.right{float:right;width:100%;background-color:var(--COLOR-LEFT);padding:2%;border:0px;}

	.left2 {float:center;width:100%;background-color:var(--COLOR-LEFT);padding:1%;border:0px;}
	.right2{float:right;width:100%;background-color:var(--COLOR-LEFT);padding:2%;border:0px;}


	.clear{clear:both;visibility:hidden;}
	.small{font-size:0.8em;}




	/*##############################################
			   Estilos generales 
	##############################################*/

	/*
	Impor:esto es a nivel de todos los elems de la página x dfto, 
		mejor no tocar y hacerlo en el div correspondiente*/
	*{margin:0;padding:0;} 


	p{
		font-size:var(--THEME-DEFAULT-FONT-SIZE-MOVIL); 
		font-family:var(--THEME-DEFAULT-FONT1) !important;
		line-height: 1.6 !important;
	}


.destacado
{
	font-size: clamp(1.1em, 8vw, 1.6em)!important;	
}



	/*Enlaces normales*/
	a, li a{
		color:var(--RED3) !important;
	}


	a:visited{
		color:var(--BLUE4);	
	}

	a:hover{
		color:#AC580D !important;

	}/*F33*/


			/* Estilo para los enlaces normales sin-subrayado */
	a	.sin-subrayado {
		text-decoration: none; /* Quita el subrayado */
	}
			
	a h2, a:visited h2, h2 a, h2 a:visited{		
			color:var(--BLUE2);
		}
		
		a:hover h2{		
			color:var(--RED2);
		}		

			
	a h3, a:visited h3, h3 a, h3 a:visited
	{				
			color:var(--BLUE2);
		}
		
		a:hover h3{		
			color:var(--RED2);
		}		


			
			

	/*#2a5a7a;*/
	h1{
		color:var(--BLUE2) !important;				
		font-family: var(--THEME-DEFAULT-FONT1) !important;				
		font-size: 2.3em !important;				
		text-transform:uppercase !important;				
		text-align: center !important;	
		text-shadow: 2px 2px 6px var(--BLUE3) !important;
		padding: 0px !important;	
		margin-top: 0px !important;	
		margin-bottom: 30px !important;	
	}

	/*xa los encabezados q quiero con poco margen */
	.sinMargen
	{
		/*font-family: var(--THEME-DEFAULT-FONT2) !important;	*/
		margin-bottom: 10px !important;		
	}
	 

	h2{
		color:var(--RED2) !important;
		text-shadow: 1px 1px 1px #000 !important;
		/*text-align: center !important;	*/
		
		font-family: var(--THEME-DEFAULT-FONT6) !important;
		font-size: 1.7em !important;		
		text-transform: uppercase !important;
	}

				
			


	h3{
		color: var(--BLUE2);
		font-family: var(--THEME-DEFAULT-FONT7)!important;	
		font-size: 2.0em !important;					
	}
		
		/*estlo del txt de los encabezados*/		
		#BoxTxtCabecera h3{						
			font-size: 2.0em !important;			
		}		

	h4{
		color: var(--BLUE3);
		font-family: var(--THEME-DEFAULT-FONT5);
		font-size: 1.4em;
		font-weight: 400;
		/*margin: 0 0 8px;*/
	}

		/*xa la caja en la q explico el contenido (cabecera)*/
		#BoxTxtCabecera h4{	
			color: var(--BLUE1);			
			font-size: 1.6em !important;	
			font-style:italic;
		}
	

	h5{
		color:var(--BLUE1);
		font-family: var(--THEME-DEFAULT-FONT5);
		font-size: 1.1em;
		font-weight: 400;
		font-style:italic;
		/*margin: 0 0 8px;*/
	}

	
	
/*------------------------------*/	
/*		xa el menú lateral		*/
/*------------------------------*/	
	#sidebar h3
	{
		font-family: var(--THEME-DEFAULT-FONT5);
		font-size:0.8em; 
		padding:5px 5px 0 5px;
	}
	
	#sidebar h2{
		background-color:#467aa7;
		color:#fff !important;
		font-size:1em !important;
		font-family: var(--THEME-DEFAULT-FONT2)!important;	
		font-weight: bold;			
		margin:0;padding:0;
		/*text-transform: none !important;*/
	}



	table td{padding-left:8px;padding-right:8px;}


	ul,ol,dl{margin:0; padding:0;padding-left:15px;}

	li{
		padding-bottom:0px;
		margin-left:10px;		
		font-family: var(--THEME-DEFAULT-FONT1)!important;	
	}
	
	ul,ol,dl,li{
		font-size:var(--THEME-DEFAULT-FONT-SIZE-MOVIL) !important;
	}



	/**************************
	  Estilos personalizados
	***************************/
	#codigo, code{
		color:var(--COLOR-COD);
		font-family:var(--THEME-DEFAULT-FONT-CODE);
		font-size: 1em;
	}

	.comentarioCod{
		color: var(--COLOR-COM-COD);	

		font-family:var(--THEME-DEFAULT-FONT-CODE);
		font-size: 0.8em;
		font-weight: 400;	
	}

	.codResaltado{
		
		color: var(--RED1);
		font-family:var(--THEME-DEFAULT-FONT-CODE);
		font-size: 1.1em;
		font-weight: 600;	
	}


	.miTexto{
		color:var(--BLUE3);
		font-weight:bold;
		font-size:12pt;
		font-family:var(--THEME-DEFAULT-FONT2);
		text-align:left;
		text-transform: none;        
		
	}

	.miTitulo{
		color:var(--BLUE1);
		font-style: normal;
		font-size:12pt;
		font-family:var(--THEME-DEFAULT-FONT-3);
		text-align:right;
		text-transform: capitalize;        
	}


	/*
	#titulo{
		color:var(--COLOR-TITULO)
		font-style: normal;
		font-weight:bold;
		font-size:12pt;
		font-family:var(--THEME-DEFAULT-FONT-CODE);
		text-align:left;
		text-transform: capitalize;        
	}*/



	#miTabla { /*Tabla solo con borde exterior*/	
		border-collapse: collapse;
		border: 1px solid 	var(--BLUE1);
	}



	/*Letra q uso arriba xa explicar las páginas interiores*/
	#letraCab{
		color: 	var(--COLOR-LETRACAB);
		font-family: var(--THEME-DEFAULT-FONT-CODE3);
		font-size: 1.2em;
		font-weight: 400;
		margin-left: 45px;
		line-height: 1; /* Aumenta el espacio entre líneas */
	}

	#letraCabPeq{
		color: var(--COLOR-LETRACAB);
		font-family: var(--THEME-DEFAULT-FONT-CODE4);
		font-size: 0.9em;
		font-style:italic;	
		margin-left: 75px;
		line-height: 1; /* Aumenta el espacio entre líneas */
	}

	
}	/*@media (max-width: 1024px)	*/	
	/*Fin de estilos xa pantallas peqs*/