h1.titular {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #FFFFCC;
	border: 1px dashed #000000;
	padding: 8px;
	
}

a.mprincipal  {
 display: block; 
 padding: 2px 2px 2px 0.5em; 
 border-left: 10px solid #369; 
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #036; 
 color: #fff; 
 text-decoration: none; 
 width: 650; 
}

a.mprincipal:hover {
 border-left: 10px solid #036;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369; 
 background-color: #69f; 
 color: #fff; 
}

.principal {

			width: 650px;
		   margin-top: 20px;
			margin-bottom: 10px;
			padding: 1mm;
			border: 1px solid #000000;
			
		}

.contenedor
		{
		   margin-top: 20px;
			margin-bottom: 10px;
			padding: 1mm;
			border: 1px solid #eeeeee;
			font-family: Verdana, ARIAL;
			font-size: 75%;
		}

 

.subcontenedor{
	margin: 0px 17% 0px;
	width: 410px;
}

.colorfondo {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #efefef;
	
	padding: 8px;
	
	}
	
	
#menu {
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #696;
}
#menu li {
margin: 0;
padding: 0;
display: inline ;
list-style-type: none;
}
#menu a {
float: left ;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px ;
text-decoration: none ;
color: #9c9 ;
}
#menu a.active, #menu a:hover{
border-bottom: 4px solid #696 ;
padding-bottom: 2px ;
color: #363 ;
}
#menu  a:hover{
color: #363 ;
}

ul {
       list-style: none;
    }

li {
       background: url(icono.gif) no-repeat 0 50%;
       padding-left: 17px; 
    }