.tabcontent {
	padding: 2em; /* acts little ike cellpadding, so dont touch this */
	clear: both;
	background: #fff;  /* Background color */
	border: 1px;
	border-style: solid;
	border-color: #cacaca;
	/*
	border-top: 1px solid #ddd;
	border-bottom: 3px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 3px solid #ddd;
	*/
	color:#1a2b3c;      /* font color */
	font-size: 12px;    /* font size -- does not affect standard view */
  } 
 
.tabcontent li a {
	font-size: 14px;
	color: #94b8f9;
}

.tabcontent li {
	font-size: 14px;
	color: #94b8f9;
}

.tabcontent u {
	font-size: 14px;
	color: #94b8f9;
}

TABLE .menus {
	height: 36px;
}

TD #detotros {
	font-size: 12px;
	font-weight: bold;
	color: #94b8f9;
}

#mainnavtabbed1 {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

#mainnavtabbed1 li{
	text-align: center; /* alignment of text within tabs */
	float: left;
	width: 90px; /* width of actual tab */
	height: 36px;
	background: url(images/menudetalles.png);
}

/* this is the active tab class, just as below */
#mainnavtabbed1 li a {
	display: block;
	padding: 8px; /* padding around the text within the tabs */
	color: #fff;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}

/* the folowing section deals with the tabbed button when active */
#mainnavtabbed1 li a.tabon, #mainnavtabbed1 li a.tabon:hover{
	font-weight: bold;
	background: url(images/menudetalleshover.png);
}

/* the folowing section deals with the tabbed button when hovered */
#mainnavtabbed1 li a:hover{
	background: url(images/menudetalleshover.png);
}

h2{
	margin:0;
	font-size:120%;
	font-family:"trebuchet ms", verdana, sans-serif;
}

h1{
	margin:0;
	font-size:150%;
	color:#fff;
	font-family:"trebuchet ms", verdana, sans-serif;
}

HR {
	 color: #ccc;
     background-color: #ccc;
	 height: 1px;
	 border: none;
}