@charset "utf-8";
/* CSS Document */


<style type="text/css">

.spotlightmenu{
width: 100%;
overflow:hidden;
}

.spotlightmenu ul{
margin: 0;
padding: 0;
font: bold 18px Verdana; /* font style and size */
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
}

.spotlightmenu li{
display: inline-block;
position:relative;
padding: 5px;
margin: 0;
margin-right: 5px; /* right margin between menu items */
}


.spotlightmenu li a{
display:inline-block;
padding: 5px;
min-width:50px; /* horizontal diameter of spotlight */
height:50px; /* vertical diameter of spotlight */
text-decoration: none;
color: black;
margin: 0 auto;
overflow:hidden;
-moz-transition: all 0.5s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.spotlightmenu li:hover a{
color: white;
background-color: #000066; /* background color of spotlight */
-webkit-border-radius: 50%; /* large radius to create circular borders */
-moz-border-radius: 50%;
border-radius: 50%;
}

.spotlightmenu li a span{
position:relative;
top:35%; /* move text down so it appears centered within menu item */
}

</style>

/*me daproblemas si borro esto hasta*/
	ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #0040FF;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}
/* hasta aqui*/
#container {

width:80%;
margin:10px auto;
background-image:;
background-color: #FFFFFF; 
border:3px solid gray;
border-color: #000033; 
line-height:130%;
}

#top

{

padding:.5em;
border-bottom: 2px solid gray;
border-color:#000033;
margin:10px;
background-image:url(banner-logo_superior.gif);
}

#top h1

{
padding: 0;
margin:0;
color: #003399;
font-family:"Courier New", Courier, monospace;
}

/*no funciona---- */
# menu
{
padding:.5em;
background-color: #FFFFFF;
border-color:#000033;
border-bottom:2px solid gray;
margin:10px;
}
/*no funciona -- */
#contenidor

{
background-color: #F3F3F3;
border-top-color:#000033;
border:2px solid gray;


}

h1
{
text-align: center;
color:#003399;
font-weight:bold;
font-size:24px
}

h4
{

color: #003399;
font-weight:bold;
font-size:18px;
text-align:justify;
}

h5
{
	font-weight:regular;
	color: #003366;
	font-size:15px;
	font-family: "Courier New", Courier, monospace;
	text-align:justify;
}

h6
{
	color: #000066;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 22px;
	margin-top:40px;
	text-align: center;
}

h7
{
	color: #000033;
	font-weight:bold;
	font-size:18px;
}
p
{

color: #000033;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 40px;
margin-top:40px;
text-align: justify;

}

A:link {

text-decoration:none;

color: #000000;
font-weight: bold;

}



A:visited {

text-decoration:none;

color:#000000;
font-weight: bold;

}

A:hover {

text-decoration:underline;

color: #000033;

font-weight: bold;



}