body{
margin: 0px 0px 0px 0px;
padding:0px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
}

@media screen and (min-width: 481px) {
	#datos{
		visibility:visible;
	}
	#noticia_destacada{
		visibility:visible;
	}
	#gnu{
		visibility:visible;
	}
	#barra_links{
		visibility:visible;
	}
	#titulo{
	    visibility:visible;
	    }
}
@media only screen 
and (max-width : 480px) {
	#datos {
    		display: none;
	}
	#noticia_destacada{
		display:none;
    	}
	#gnu{
		display:none;
	}
	#barra_links{
		display:none;
	}
}
.header{
 position:fixed;
 margin:0;
 top:0px;
 width:100%;   
 background-color: #E5E4E2;
 overflow:hidden;
}
#titulo{
 padding:0px;
 margin:0px;
 top:0;
 overflow:hidden;
}
#logo{
        float:left;
        top:0;
	margin:0;
	padding: 0px 20px 0px 0px;
	width: 3em;
        clear:both;
}
#gnu{
	position:absolute;
	width:200px;
	top:0px;
	right:0px;
	padding-right:10px;
}
#login{
	position:relative;
	float:right;
	padding-right:10px;
}
#noticia_destacada{
	position:absolute;
	width:50%;
	top:0px;
	right:0px;
	text-align:justify;
	padding-right:10px;
}

#datos{
	position:relative;
	float: right;
	font-weight: bold;
	margin-right:20px;
}
#menu{
	position: static;
	font-weight: bold;
	margin: 0;
	padding: 0;
	height:2em;
	width:100%;
	background-color: #063;
	bottom:0;
}
#barra_links{
        float:right;
	width:20%;
	font-weight:bold;
	margin-left:5px;
	background-color: #063;
}
#contenedor_principal{
	position: relative;
	margin:0px;
        padding:0px;
	overflow: hidden;
	top:110px;
	width:100%;
}

#noticias{
	position: static;
	border: 1px solid;
	margin:0px;
        padding:0px;
        width:100%;
	overflow-y: hidden;
	overflow-x: hidden;
}
#noticias_enlaces{
	columns: 100px 3;
	position: static;
	border: 1px solid;
	padding: 10px 10px 50px 10px;
	margin:0;
	top:100px;
	overflow-y: hidden;
	overflow-x: hidden;
	width:100%;
}
#pie{
	position: fixed;
	background-color:#E5E4E2;
	bottom:0px;
	margin:0;
	padding:5px;
	margin-right:2px;
	width:100%;
}
.h1{
 font-family: '3dumbregular';
 font-weight: bold;
 color: black;
 font-size: 2.5em;
 margin: 0;
 padding: 0;
}
.h2{
 font-family: Helvetica;
 font-weight: bold;
 color: black;
 font-size: 1em;
 margin: 0;
 padding: 0;
}
.link{
 font-size: 1em;
 margin: 0;
 padding: 0;
 font-family: 'indie_flowerregular';
}
.pequeno{
font-family: Serif;
color: #000000;
font-size: 0.75em;
padding: 0;
margin:0;
}
.date{
font-family: Courier;
color: #6E6E6E;
font-size: 1em;
padding: 0;
margin:0;
margin-bottom: 2em;
text-rendering: optimizeLegibility;
}
.content{
font-family: 'indie_flowerregular';
color: #000000;
font-size: 1.5em;
margin:0px 10px 0px 10px;
padding:0px;
margin-bottom: 1.25em;
text-align: justify;
text-rendering: optimizeLegibility;
}
.linkimage{
 font-size: 1em;
 padding: 2px;
}

ul li{
    list-style-type: circle;
    font-family: 'indie_flowerregular';
    font-size: 1.5em;
    list-style-position: inside;
    margin-bottom: 1em;
}

ul.enlaces{
list-style-type: none;
text-decoration: none;
padding: 0;

}
ul.nav{
list-style-type: circle;
padding:0;
margin:0;
}
ul.nav li{
margin:0;
padding:8px;
display:inline;

}
ul.nav li a{
padding: 0px;
color:#FFF;
background-color: #063;
text-decoration:none;
font-size: 1em;
}
ul.nav li a:hover{
background-color: #01DF3A;
margin-top:-2px;
padding-bottom:5px;

}

#barra_links ul.nav{
list-style-type: none;
padding:0;
margin:0;
}
#barra_links ul.nav li{
margin:0;
padding:0px;

}
#barra_links ul.nav li a{
display:block;
border-bottom: 1px solid #01DF3A;
padding: 5px 5px 5px 5px;
color:#FFF;
background-color: #063;
text-decoration:none;
font-size: 1em;
}
#barra_links ul.nav li a:hover{
background-color: #01DF3A;
}