body,td,th,textarea {
		font-family: "Roboto", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		font-size: 11px;
		color: #000000;
	}
	body{
		background-color:rgb(0,0,0,0);  
		font-family: "Roboto", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	}	
    body.fondoNegro{
        background-color: #000000;
    }
	img{
		border:none;
	}
	*:focus {
		outline: none;
	}
	body {
		margin: 0px; height: 100%; width: 100%; background-color: rgb(0,0,0,0);
	}
	.noseleccionable{
		user-select: none;
		-moz-user-select: none; 
		-webkit-user-select: none;
		-ms-user-select: none;   
	}	
    .scrollControlable                    { scrollbar-width: none; }    /*Firefox*/
    .scrollControlable::-webkit-scrollbar { width: 0; }                 /*Webkit(Chrome, Android browser, Safari, Edge...)*/

	a:link    { text-decoration: none; }
	a:visited {	text-decoration: none; }
	a:hover   { text-decoration: none; }
	a:active  { text-decoration: none; }
	
	:root {
        --entorno_color             : #00ADEF;
        --entorno_color_botones     : #004A23;        
		--entorno_color_oscuro 	    : #0C3B22;
		--entorno_color_claro 	    : #CCFFE4;
		--entorno_color_verde	    : #2ECC71;
		--entorno_color_verdeoscuro	: #0F9447;
		--entorno_color_rojo	    : #E74C3C;
		--entorno_color_amarillo	: #F1C40F;
		--entorno_color_naranja	    : #F1C40F;
	}
    
    ::-webkit-scrollbar{
        width: 8px; height: 5px; background-color: rgb(0,0,0,0);
    }
    ::-webkit-scrollbar:hover{
        width: 14px; 
    }
    ::-webkit-scrollbar-track{ 
        background-color: rgb(0,0,0,0); 
    }
    ::-webkit-scrollbar-track-piece{
        background-color: rgb(0,0,0,0); background-image: linear-gradient(to right, rgb(0,0,0,0), rgb(0,0,0,0)); 
    }
    ::-webkit-scrollbar-thumb{
        background-color: rgb(0,0,0,0);
        border: rgb(255,255,255,1) 2.5px solid; border-radius: 14px;
        background-image: linear-gradient(to bottom, var(--entorno_color), var(--entorno_color_botones));
    }
    ::-webkit-scrollbar-thumb:hover{ 
        background-color: var(--entorno_color_botones); 
        border: rgb(255,255,255,1) 1px solid;
    }
    ::-webkit-scrollbar-button:single-button{
        background-color: rgb(0,0,0,0);
        display: block;
        height: 10px;
        width: 10px;
    }
    @font-face {        
        font-family: 'Titulo';        
        src: url("fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf");
        font-weight: 100;
        font-display: swap; 
    }
    @font-face {
        font-family: 'TituloGordo';
        src: url('fonts/Righteous-Regular.ttf');
        font-weight: 100;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Outfit';
        src: url('fonts/Outfit/Outfit-Thin.ttf');
        font-weight: 100;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Outfit';
        src: url('fonts/Outfit/Outfit-ExtraLight.ttf');
        font-weight: 200;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Outfit';
        src: url('fonts/Outfit/Outfit-Light.ttf');
        font-weight: 300;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Outfit';
        src: url('fonts/Outfit/Outfit-Regular.ttf');
        font-weight: 400;
        font-display: swap;
    }
    @font-face {
        font-family: 'Outfit';
        src: url('fonts/Outfit/Outfit-Regular.ttf');
        font-weight: normal;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Outfit';
        src: url('fonts/Outfit/Outfit-Medium.ttf');
        font-weight: 500;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Outfit';
        src: url('fonts/Outfit/Outfit-SemiBold.ttf');
        font-weight: 600;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Outfit';
        src: url('fonts/Outfit/Outfit-Bold.ttf');
        font-weight: 700;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Outfit';
        src: url('fonts/Outfit/Outfit-ExtraBold.ttf');
        font-weight: 800;
        font-display: swap;
    }
    @font-face {
        font-family: 'Outfit';
        src: url('fonts/Outfit/Outfit-Black.ttf');
        font-weight: 900;
        font-display: swap;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('fonts/Roboto_Condensed/RobotoCondensed-Thin.ttf');
        font-weight: 100;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Roboto';
        src: url('fonts/Roboto_Condensed/RobotoCondensed-ExtraLight.ttf');
        font-weight: 200;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Roboto';
        src: url('fonts/Roboto_Condensed/RobotoCondensed-Light.ttf');
        font-weight: 300;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Roboto';
        src: url('fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf');
        font-weight: 400;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Roboto';
        src: url('fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf');
        font-weight: normal;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Roboto';
        src: url('fonts/Roboto_Condensed/RobotoCondensed-Medium.ttf');
        font-weight: 500;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Roboto';
        src: url('fonts/Roboto_Condensed/RobotoCondensed-SemiBold.ttf');
        font-weight: 600;
        font-display: swap;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf');
        font-weight: 700;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Roboto';
        src: url('fonts/Roboto_Condensed/RobotoCondensed-ExtraBold.ttf');
        font-weight: 800;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Roboto';
        src: url('fonts/Roboto_Condensed/RobotoCondensed-Black.ttf');
        font-weight: 900;
        font-display: swap; 
    }
    @font-face {
        font-family: 'Roboto-lite';
        src: url('fonts/Roboto_Condensed/RobotoCondensed-Light.ttf');
        font-display: swap; 
    }
    @font-face {
        font-family: 'Roboto-black';
        src: url('fonts/Roboto/Roboto-Black.ttf');
        font-display: swap; 
    }
    .roboto {
        font-family: 'Roboto';
    }