@charset "utf-8";
/* CSS Document */

/* Site */

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

li + li { 
   margin-bottom: 7px; 
   margin-top: 7px; 
}
.TopStucked {
position: fixed; /* Fija el div en la posición indicada */
top: 0; /* Establece la distancia desde el borde superior a 0 */
height: 50px; /* Establece la altura del div a 50 píxeles */
width: 100%; /* Establece el ancho del div al 100% de la ventana */
background-color: #212F3C; /* Establece el color de fondo del div a amarillo */
border: 0;
}

.TopMenuFont {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 20px;
	color: #FFFFFF;
}
.TopMenuSubFont {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 10px;
	color: #FFFFFF;
}
.TopSubMenuBackGround {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	background-color: #000000;
	height: 45px;
	font-size: 14px;
	width: 1280px;
}
.TopSubMenuFont {
	font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #C81717;
	font-size: 22px;	
}
.link {color: #C81717;}
.link {text-decoration: none;}
.link:hover {color: #C81717;}

.blink {color: #00E30B;}
.blink {text-decoration: none;}
.blink:hover {color: #00E30B;}

.TopSearchBox {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 14px;
	color: #CCCCCC;
	background-color: #34495E;
	border-radius: 10px; 
	padding: 5px;
	border-color: #34495E;
	width: 180px;
	height: 35px;
}

.BasicBackGround {
	background-color: #1E1E1E;
}
.PrincipalBorder {
	background-color: #73787F;	
}
.MainBody {
	background-color: #0F172A;
}
.Background {
	background-color: #FFF;
}
.BackgroundBlack {
	background-color: #000000;
	width: 100%;
}
.WhiiteLine {
	border: none;
	background-color: #FFFFFF;
	height: 1px;
	align-self: center;
}
.TableWhiteRounded {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 14px;
	color: #000000;
	background-color: #D5D9EC;
	border-radius: 10px; 
	padding: 5px;
	border-color: #34495E;
}
.TableWhiteRoundedWhite {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 14px;
	color: #000000;
	background-color: #FFFFFF;
	border-radius: 10px; 
	padding: 5px;
	border-color: #34495E;
}
.TableWhiteRoundedGray {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 14px;
	color: #000000;
	background-color: #000000;
	border-radius: 10px; 
	padding: 5px;
	border-color: #34495E;
}
.TablewithContent {
	width: 1280px;
	/*
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: 12px;
	*/
	color: #FFFFFF;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}
.TablewithContentBiggrFont {
	width: 1280px;
	/*
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: 12px;
	*/
	color: #FFFFFF;
	font-size: 16px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}
.TablewithContentExtended {
	/*
	width: 1280px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: 12px;
	*/
	color: #FFFFFF;
	font-size: 26px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	background-color: #17202a; 
}
.TablewithFooter {
	background-color: #73787F;
}
.FooterFontWhite {
	color: #FFFFFF;
	font-size: 16px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}
.cvmaintext {
  color: #FFFFFF;
  font-size: 17px;
  font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
  line-height: 1.6; /* aumenta el espacio entre líneas (puedes probar 1.4 - 1.8) */
}
.cvmaintext + .cvmaintext,
.cvmaintext p { 
  margin-bottom: 0.9rem; /* controla el espacio entre párrafos */
}
.cvsectext {
  color: #FFFFFF;
  font-size: 16px;
  font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
  line-height: 1.6; /* aumenta el espacio entre líneas (puedes probar 1.4 - 1.8) */
}
.GreenTitle {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 26px;
	color: #00E30B;	
}
.TablewithTech {
	background-color: #FFFFFF;
	height: 1px;
}
.TablewithStuff {
	background-color: #FFFFFF;
	height: 1px;
}
.ContentFontWhite {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size: 15px;
	color: #FFFFFF;	
}
.ContentFontWhitev2 {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size: 17px;
	color: #FFFFFF;	
}
.ContentFontWhiteConsole {	
	font-family:  Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: justify;
}
.ContentFontWhiteConsoleSmall {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #FFFFFF;
	font-size: 16px;
}
.ContentFontWhiteConsoleSmally {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #FFFFFF;
	font-size: 18px;
	margin-top: 5px;
}
.ContentFontWhiteConsoleBig {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #FFFFFF;
	font-size: 22px;
}
.ContentFontWhiteConsoleHuge {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #FFFFFF;
	font-size: 26px;
}
.ContentFontWhiteConsoleGrant {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #FFFFFF;
	font-size: 28px;
}
.ContentFontBlackConsoleBig {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: 22px;
	color: #000000;
	text-align: justify;
}
.ContentFontBlackConsole {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: 18px;
	color: #000000;
	text-align: justify;
}
.ContentFontBlackConsoleMid {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: 17px;
	color: #000000;
	text-align: justify;
}
.ContentFontBlackConsoleSmall {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #000000;
	font-size: 16px;
}
.ContentFontwhiteyConsoleSmall {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #E6FFF3; /* cuerpo */
	line-height: 1.6; /* aumenta el espacio entre líneas (puedes probar 1.4 - 1.8) */
	font-size: 16px;
}
.WhiteBigTitleMedium {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #FFFFFF;
	font-size: 20px;
}
.WhiteBigTitle {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #FFFFFF;
	font-size: 26px;
}
.WhiteTxtNormal {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #E6FFF3; /* cuerpo */
	line-height: 1.6; /* aumenta el espacio entre líneas (puedes probar 1.4 - 1.8) */	
	font-size: 17px;
}
.BlackBigTitleBig {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #000000;
	font-size: 22px;
}
.BlackBigTitleMedium {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #000000;
	font-size: 20px;
}
.GrayBigTitleMedium {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #666666;
	font-size: 20px;
}
.BlackBigTitleSmall {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #000000;
	font-size: 18px;
}
.BlackBigTitleSmaller {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #000000;
	font-size: 17px;
}
.GreenTxtTitle {	
	display: block;
	margin: 0 0 5px 15px; /* espacio de 5px debajo */
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #00E30B;
	font-size: 16px;
	line-height: 1.8;
}
.GreenTxt {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #00E30B;
	font-size: 16px;
}
.GreenTxtLarger {	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #00E30B;
	font-size: 17px;
	text-align: center;
}
.GreenTxtLargerTitle {	
	font-family: "Courier New", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #00E30B;
	font-size: 20px;
	font-weight: bold;
}
.GreenTxtBlackBack {	
	font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace';
	color: #00E30B;
	font-size: 14px;
	border: 0;
	outline: 0;
	background-color: #000000;
}
.GreenTxtBlackBackFormTxt {	
	font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace';
	color: #00E30B;
	font-size: 14px;
	border: 20;
	outline: 0;
	background-color: #000000;
	height: 30px;
	border-radius: 10px;
}
.GreenTxtLink {	
	font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #00E30B;
	font-size: 16px;
	text-decoration: none;
}
.GreenTxtLinkManita {	
	font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color: #00E30B;
	font-size: 16px;
	cursor: pointer; /* muestra la "manita" */
	text-decoration: none;
}

/* Opcional: efecto visual al pasar el ratón / foco teclado */
.GreenTxtLinkManita:hover { text-decoration: underline; }
.GreenTxtLinkManita:focus { outline: 2px solid rgba(88,166,255,0.6); outline-offset: 2px; }
/* 				End Effect			*/

.CircuitBackGround {
	background-image: url("../images/BackGround2.jpg");
}
.CodeBackGround1 {
	background-image: url("../images/code_back_small.jpg");
}
.CodeBackGround_Large {
	background-image: url("../images/backgroundcode.jpg");
}
.CodeBackGround2 {
	background-color: #0D1424;
}
.divider {
	background-color: #000000;
	height: 10px;
}
.CodeBackGroundColor {
	background-color: #262626;
}
.CodeBackGroundColorBorder {
	background-color: #000000;
}

.styled-box {
	background-color: #0a0a0a; /* Un negro ligeramente más claro */
	border: 2px solid #00E30B; /* Borde verde neón */
	border-radius: 10px;       /* Bordes redondeados */
	padding: 25px;             /* Espacio interno */
	margin-top: 0px;          /* Reducido para menos espacio arriba */
	margin-bottom: 0px;       /* Reducido para menos espacio abajo */
	color: #00E30B;            /* Color de texto principal */
	font-family: 'Courier New', Courier, monospace; /* Tipografía a juego */

	/* Efecto de "resplandor" o "glow" */
	box-shadow: 0 0 12px rgba(0, 227, 11, 0.4), 
				inset 0 0 8px rgba(0, 227, 11, 0.2);
}

.styled-box h3 {
	margin-top: 0;
	color: #ffffff; /* Título en blanco para que resalte más */
	text-shadow: 0 0 5px rgba(0, 227, 11, 0.7);
}

.styled-box p {
	line-height: 1.6; /* Mejora la legibilidad */
}

/* Code for showdialog */
/* Ensure dialog is fixed to viewport center and scrolls internally */
.ui-dialog {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  max-width: 95vw !important;
  box-sizing: border-box;
  z-index: 1100 !important;
}
.ui-dialog .ui-dialog-content {
  max-height: 80vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-widget-overlay { 
  z-index: 1000 !important; 
  background: rgba(0, 0, 0, 0.85) !important;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

/* Fancy Effects For Code Image * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.FancyCode {    
    transition:all 2s; /* Set up a transition for all property changes that takes place over X second */
	
     /* Set the size of the div, otherwise it will collapse because there's no content in its foreground */   
    width:209px;
    height:200px;
}
.FancyCode.stop { /* The element starts off with the stop class hard-coded, so it starts with this image */
  background: url("../images/MainCode.png");

  /* Make the image fit into the element */
  background-size:contain;
  background-repeat:no-repeat;
}
/* This class gets dynamically added on mouse over */
.FancyCode.go {
  background: url("../images/MainCodeOnMouseOver.png");
  
  background-size:contain;
  background-repeat:no-repeat;
}

/* Fancy Effects For Tech Image * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.FancyTech {    
    transition:all 2s; /* Set up a transition for all property changes that takes place over X second */
	
     /* Set the size of the div, otherwise it will collapse because there's no content in its foreground */   
    width:186px;
    height:200px;
}
.FancyTech.stop { /* The element starts off with the stop class hard-coded, so it starts with this image */
  background: url("../images/MainTech.png");

  /* Make the image fit into the element */
  background-size:contain;
  background-repeat:no-repeat;
}
/* This class gets dynamically added on mouse over */
.FancyTech.go {
  background: url("../images/MainTechOnMouseOver.png");
  
  background-size:contain;
  background-repeat:no-repeat;
}

/* Fancy Effects For Stuff Image * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.FancyStuff {    
    transition:all 2s; /* Set up a transition for all property changes that takes place over X second */
	
     /* Set the size of the div, otherwise it will collapse because there's no content in its foreground */   
    width:245px;
    height:200px;
}
.FancyStuff.stop { /* The element starts off with the stop class hard-coded, so it starts with this image */
  background: url("../images/MainStuff.png");

  /* Make the image fit into the element */
  background-size:contain;
  background-repeat:no-repeat;
}
/* This class gets dynamically added on mouse over */
.FancyStuff.go {
  background: url("../images/MainStuffOnMouseOver.png");
  
  background-size:contain;
  background-repeat:no-repeat;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.FancyLogo {    
    transition:all 5s; /* Set up a transition for all property changes that takes place over X second */
	
     /* Set the size of the div, otherwise it will collapse because there's no content in its foreground */   
    width:256px;
    height:256px;
}
.FancyLogo.stop { /* The element starts off with the stop class hard-coded, so it starts with this image */
  background: url("../images/main_logo.png");

  /* Make the image fit into the element */
  background-size:contain;
  background-repeat:no-repeat;
}
/* This class gets dynamically added on mouse over */
.FancyLogo.go {
  background: url("../images/main_logo_mo.png");
  
  background-size:contain;
  background-repeat:no-repeat;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* ToolTip Shadow Removal */
.ui-overlay-shadow {
    box-shadow: none;
}
.ui-tooltip {
    padding: 50px;
}