@font-face {
    font-family: 'LCD';
    src: url('/css/fonts/LCD.eot');
    src: url('/css/fonts/LCD.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/LCD.woff2') format('woff2'),
        url('/css/fonts/LCD.woff') format('woff'),
	url('/css/fonts/LCD.ttf') format('truetype'),
        url('/css/fonts/LCD.svg#LCD') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face
{
    font-family: 'Tomorrow';
    src: url('fonts/Tomorrow-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face
{
    font-family: 'Tomorrow';
    src: url('fonts/Tomorrow-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: bold;
}
@font-face
{
    font-family: 'Tomorrow';
    src: url('fonts/Tomorrow-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face
{
    font-family: 'Tomorrow';
    src: url('fonts/Tomorrow-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face
{
    font-family: 'Cutmark';
    src: url('fonts/Cutmark-CnXBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
	/*background-color: #020924;*/
    background-color: #00182e;
	text-align:justify;
	overflow: inherit;
    font-family: 'Tomorrow';
	/* background: radial-gradient(#390500,#020924); */
}
	body:before {
		content: "";
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -10;
        font-family: 'Tomorrow';
		background: url('/css/fondos/20251106_02.png') no-repeat center center, linear-gradient(180deg,#001b33  1%,#003464);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
        h1
        {
            width: 100%;
            font-size: 1.6rem;
            text-align: center;
            color: #fed300;
            padding: 0px 0px 0px 0px;
            text-shadow: 2px 2px 2px #191919, 2px 2px 2px #191919, 2px 2px 2px #191919, 2px 2px 2px #191919;
        }
        h2
        {
            width: 100%;
            font-size: 1.4rem;
            text-align: center;
            color: #ffffff;
            margin: 20px auto;
            padding: 0px 0px 0px 0px; 
        }
        h3
        {
            width: calc(100% - 25px);
            font-size: 1.2rem;
            text-align: center;
            color: #ffffff;
            margin: 20px auto;
            padding: 0px 0px 0px 0px; 
        }

        p
        {
            width: 100%;
            font-size: 1rem;
            text-align: left;
            color: #ffffff; 
            margin: 20px auto;
        }
        .cuerpo ul,li,ol
        {
        
            font-size: 1rem;
            text-align: left;
            color: #ffffff; 
            margin: 20px auto;
        }


    .cabecera {
        position: relative; 
        width: calc(100% - 26px);
        height: 120px;
        min-height: 120px;
        max-height: 120px;
        margin: 0px auto 0px auto;
        top: 0px; 
        z-index: 97; 
        border: 0px solid rgb(4, 43, 148); 
        outline: none; 
        color: white; 
        cursor: pointer; 
        padding: 0px 5px; 
        font-size: 24px; 
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .titulo {
        position:absolute;
        margin: 15px auto 0px 0px;
        max-width: 360px;;
        padding:5px 5px;
        text-align:left;
        z-index:190;
        border: 0px solid rgb(4, 43, 148);
    }
    .titulo .admin {
        position:absolute;
        margin: 15px auto 0px 0px;
        max-width: 360px;;
        padding:5px 5px;
        text-align:left;
        z-index:190;
        border: 0px solid #000000;
    }
    .cuerpo {
        top: 0px;
        width: 98%;
        max-width:1700px;
        min-height:500px;
        margin: 10px auto 0px auto;
        text-align:justify;
        border: 0px solid #bdbdbd;
        padding: 0px 0px 0px 0px;
        position:relative;
        font-family:'Tomorrow';
        z-index:1;
        /* -webkit-box-shadow: 2px 2px 10px 0px rgba(115,114,115,1); */
        /* -moz-box-shadow: 2px 2px 10px 0px rgba(115,114,115,1); */
        /* box-shadow: 2px 2px 10px 0px rgba(115,114,115,1); */
    }

    .hizkuntza {
        display:inline-block;
        vertical-align:middle;
        position:relative;
        top:0px;
        margin: 100px 20px 0px auto;
        }
    .contenido {
        width: 100%;
        min-height:200px;

        margin: 0px auto;
        padding: 0px 0px;
        position: relative;
    }
        .contador {
            /*max-width:600px;*/
            z-index:0;
            position:absolute;
            top:5px;
            left:0px;
            font-size: 8px;
            font-family: 'Maven Pro', sans-serif;
            color: #fed300;
            /*-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.95);
            -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.95);
            box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.95);*/
            
        }
            .boton {
            max-width:270px;
            top: 0px;
            margin: 5px auto 5px auto;
            padding: 5px;
            text-align:center;
            color:#000000;
            font-family: 'Tomorrow';
            font-size:1rem;
            background-color: #fed300;
            border: 0px dotted #ffffff;
            border-radius: 5px;
            position:relative;
            cursor:pointer;
            transition:0.5s;
            -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
            -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
            box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
            -webkit-appearance: none;
            -webkit-border-radius:10px;
            outline: none;
        }
            .boton:active{
                -webkit-appearance: none;
                /*Gracias a que el elemento est� en posici�n relativa, podemos bajarlo 4 px sin alterar el HTML*/
                top:2px;
                left:2px;
                /*bajamos el tama�o de la sombra para conseguir el efecto de profundidad*/
                -moz-box-shadow: 1px 1px 1px 0px rgb(0, 0, 0, 0.5);
                -webkit-box-shadow: 1px 1px 1px 0px rgb(0, 0, 0, 0.5);
                box-shadow: 1px 1px 1px 0px rgb(0, 0, 0, 0.5);
                outline-color: transparent; 
                    outline-style: none;
            }
            .boton:hover
            {
                transform: scale(1.05);
            }
    .myBtn {
        display: none; /* Hidden by default */
        position: fixed; /* Fixed/sticky position */
        bottom: 50px; /* Place the button at the bottom of the page */
        right: 20px; /* Place the button 30px from the right */
        z-index: 99; /* Make sure it does not overlap */
        border: none; /* Remove borders */
        outline: none; /* Remove outline */
        background-color: #004e99; /* Set a background color */
        opacity: 0.75;
        color: white; /* Text color */
        cursor: pointer; /* Add a mouse pointer on hover */
        padding: 15px; /* Some padding */
        border-radius: 10px; /* Rounded corners */
        font-size: 24px; /* Increase font size */
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
        .myBtn:hover {
            background-color: #004e99; /* Add a dark-grey background on hover */
            opacity: 1;
        }
                    
        @media all and (display-mode: fullscreen)
        {
            .rss
            {
                visibility:hidden;
                width:0px;
                height:0px;
            }
                
        }