@charset "utf-8";
/* CSS Document */
body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(img/fdogr.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #676767;

	}
         .matrix-bg { 
            background: linear-gradient(135deg, #001100 0%, #003300 50%, #000000 100%);
            position: relative;
            overflow: hidden;
        }
        
        .matrix-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                radial-gradient(circle at 25% 25%, rgba(0,255,0,0.1) 0%, transparent 50%),
                radial-gradient(circle at 75% 75%, rgba(0,255,0,0.05) 0%, transparent 50%);
            animation: pulse 4s ease-in-out infinite alternate;
        }
        
        @keyframes pulse {
            0% { opacity: 0.3; }
            100% { opacity: 0.7; }
        }
        
        .glow-text {
            /* Sin efectos de brillo en texto */
        }
        
        .glow-border {
            border: 1px solid #00ff00;
            box-shadow: 0 0 10px rgba(0,255,0,0.3), inset 0 0 10px rgba(0,255,0,0.1);
        }
        
        .btn-matrix {
            background: linear-gradient(45deg, #001100, #003300);
            border: 1px solid #00ff00;
            color: #00ff00;
            font-weight: 500;
            font-size: 0.875rem;
            padding: 0.5rem 1rem;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            text-decoration: none;
            display: inline-block;
        }
        
        .btn-matrix:hover {
            background: rgba(0,255,0,0.1);
            box-shadow: 0 0 15px rgba(0,255,0,0.5);
            transform: translateY(-1px);
            color: #00ff00;
        }
        
        .card-matrix {
            background: linear-gradient(145deg, #111111, #000000);
            border: 1px solid rgba(0,255,0,0.3);
            transition: all 0.3s ease;
        }
        
        .card-matrix:hover {
            border-color: #00ff00;
            box-shadow: 0 0 20px rgba(0,255,0,0.2);
            transform: translateY(-3px);
        }
        
        .logo-glow {
            filter: drop-shadow(0 0 10px #00ff00);
        }
        
        .logo-gradient {
            font-family: Georgia, serif;
            font-weight: bold;
            background: linear-gradient(45deg, #003300, #00ff00, #66ff66);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .tagline-font {
            font-family: 'Century Gothic', Arial, sans-serif;
            font-weight: bold;
        }
        
        h1, h2, h3, h4, h5 {
            font-family: 'Verdana', sans-serif;
            font-weight: bold;
            color: white !important;
            font-size: 14px !important;
        }
    .logo-gradient1 {            font-family: Georgia, serif;
            font-weight: bold;
            background: linear-gradient(45deg, #003300, #00ff00, #66ff66);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;}
h2 {




}

#header
{

}

#encabezado
{

}


#botones
{
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #0C0;
	border-bottom-width: 1px;
	background-color: #000;
	margin-right: auto;
	margin-left: auto;
	background-position: top;
	margin-top: auto;
	margin-bottom: auto;


}

#contenido
{
	background-image: url(img/fndoch.png);
	border: 1px solid #1E1E1E;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	color: #999;



}


#pie
{
	background-color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0C0;
	height: 100px;
	color: #999;
	padding-top: 10px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;

}
#audio{
	width:400px;
	padding:20px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #666666;
}
a {
  text-decoration:none;
}
.active a {
  color:#5DB0E6;
  text-decoration:none;
}
li a{
  color:#eeeedd;
  background:#333;
  padding:5px;
  display:block;
}
li a:hover{
  text-decoration:none;
}


h1
{

}


h2
{

}


h3
{

}
#contenido {
	color: #060;
}
#contenido {
	color: #030;
}
#contenido {
	color: #FFF;
}