body,p,b,i,em,dt,dd,dl,sl,caption,th,td,tr,u,blink,select,option,form,div,li,nav,main,aside,table {
	font-family: "Trebuchet MS", "Lucida Sans", Helvetica, sans-serifHelvetica, Tahoma, Arial, sans-serif;
	font-size: 1em;
}

a.navwhite:link {
	text-decoration: none;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
}

a.navwhite:visited {
	text-decoration: none;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
}

a.navwhite:hover {
	text-decoration: underline;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
}

a.navblack:link {
	text-decoration: none;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
}

a.navblack:visited {
	text-decoration: none;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
}

a.navblack:hover {
	text-decoration: underline;
	font-size: 1em;	
	color: #000000;
	font-weight: bold;
}

h1 {
	font-size: 1.8em;
	color: #004080;
}

h2 {
	font-size: 1.6em;
	color: #004080;
}

h3 {
	font-size: 1.2em;
	color: #004080;
}

.subtabla {
	color: #004080; 
	font-weight: bold; 
	padding: 4px 4px 4px 0px;;
	text-align: left;
}

th {
	 color: #FFFFFF; 
	 font-weight: bold; 
	 font-style: italic;
	 text-align: left;
	 padding: 2px 2px 2px 5px; 
}

nav {
	background-color: #ffffff; 
	text-align:center; 
	vertical-align:top;
}

.menutable {
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
}

.menutable td  {
	padding: 6px 2px 6px 2px; 
	border: 0;
	vertical-align: middle; 
	background-color: #004080; 
	text-align: center;
	font-weight: bolder;
}

.menuitemcur {
	color: #c7c7ff; 
}
aside {width:20%; 
	background-color: #ffffff; 
	text-align:center; 
	vertical-align:top; 
}

aside table {padding: 4px 8px 2px 2px; }

main {float:right; width:80%; }

main table {
	border-spacing: 0px; 
	padding: 10px 0px 10px 0px; 
	width:100%; 
	border-style: none;
}

main td { padding: 5px; }

.about { text-align: center; padding: 2px 12px 2px 2px; }
.logo {float:left; width:20%; background-color: #FFFFFF; align-content: center; 
	padding: 10px 0px 10px 0px ;  }
.logott { width: 25%; max-width:200px; }
.titulo {float:right; width:80%;  border-radius: 10px;  margin-bottom: auto; margin-top: auto; 
   display: inline-block; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9de96+0,8ab66b+44,398235+100;Green+3D+%233 */
background: #004080; /* Old browsers */
background: -moz-linear-gradient(45deg, #004080 20%, #779FDD 75%, #F6BE58 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #004080 20%, #779FDD 75%, #F6BE58 100% 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #004080 20%, #779FDD 75%, #F6BE58 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 38259A*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4DB2F', endColorstr='#00BE96',GradientType=1 ); /* IE6-9 */
}
.menulink {
	background-color: #00000022; 
	color: #ffffffff;
}

.rl {font-size: 0.9em; padding-left: 10px; vertical-align: middle; }

.ads{ padding-top: 10px; }

@media (max-width:800px){ 
aside	, main, .efe {width:100%; }
main table {padding: 4px; }
aside table {padding: 4px; }
.share { text-align: center; }
.logo {width:25%;}
.titulo {max-width:75%; padding: 20px 0px 20px 0px;}
.menulink::before {	content: " ≡ "; }
.rl {font-size: 0.9em; padding-left: 10px; display: block;}
} 
@media (max-width:600px){ 
.logo {width:35%; } 
.titulo {max-width:65%; padding: 10px 0px 10px 0px;}
.rl {padding-left: 0px; display: none;}
}
@media (max-width:500px){ 
.logo {width:40%; }
.titulo {max-width:60%; padding: 0px 0px 0px 0px;}
}

