body {
background-color: #bbbbbb; 
margin-left:0; 
margin-right:0;
}

body
{
/*scrollbar-face-color: #dee3e7;
scrollbar-arrow-color:  #006699;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color:  #d1d7dc;
scrollbar-shadow-color: #dee3e7;
scrollbar-darkshadow-color: #98aab1;
scrollbar-track-color: #efefef;*/
}

#container {
	width: 75%;
	color: #333;
	line-height: 130%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.top {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: medium solid #000000; 
	height: 84 px;
	text-align:center;
}

.t3 {
text-align:center;}

.container {
width: 780px;
margin: 10px auto;
background-color: #eeeeee;
color: #333;
border: 1px solid gray;
line-height: 130%;
text-align:center;
background-image:url(imagenes/fondo.jpg);
}

#leftnav
{
float: left;
width: 120px;
margin: 0;
margin-top:20px;
/* padding: 1em; */
}

#leftnav p { margin: 0 0 1em 0; }

/* 
Menú lateral
*/
#navcontainer
{
width: 10em;
padding: 0 0 0 0;
margin-bottom: 1em;
font-family: "trebuchet ms", verdana, helvetica, sans-serif;
font-size: 80%;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 1em 0 0 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 4px solid #1958b7;
border-right: 2px solid #508fc4;
/*background-color: #2175bc;
color: #fff;*/
text-decoration: none;
width: 100%;
color:#000000;
}

html>body #navcontainer li a { 
width: auto; 
}

#navcontainer li a:hover
{
border-left: 4px solid #1c64d1;
border-right: 2px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

.contenido 
{
width:100%;
background-color:#EEEEEE;
font-family: "trebuchet ms", verdana, helvetica, sans-serif;
font-size: 90%;
margin-left: 100px;
margin-top: 18px;
margin-bottom: 12px;
/* border-left: 1px solid gray; */
padding: 1em;
max-width: 42em; 
text-align:justify;
height:420px;
color:#000000;
position:relative;
top: 12px;
overflow-y: auto;
scrollbar-face-color: #dee3e7;
scrollbar-arrow-color:  #006699;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color:  #d1d7dc;
scrollbar-shadow-color: #dee3e7;
scrollbar-darkshadow-color: #98aab1;
scrollbar-track-color: #efefef;
SCROLLBAR-FACE-COLOR: #EDFCED;
SCROLLBAR-HIGHLIGHT-COLOR: #444444; SCROLLBAR-SHADOW-COLOR: #EDFCED;
SCROLLBAR-3DLIGHT-COLOR: #EDFCED; SCROLLBAR-ARROW-COLOR: #006666;
SCROLLBAR-TRACK-COLOR: white; SCROLLBAR-DARKSHADOW-COLOR: #006666;
}

img.imagen {
	border-style: dotted;
	border: dotted;
	border-color: Black;
	padding: 4px;
/*	float: left;*/
  	padding: 10px;
  	background: #EEEEEE;
  	border-width: 1px;
  	border-color: #666666;
  	border-style: solid;
	margin: 8px;
	text-align: justify;
}

a.marco
{
  float: left;
  padding: 10px;
  background: #EEEEEE;
  border-width: 1px;
  border-color: #666666;
  border-style: solid;
}
a:hover.marco
{
  float: left;
  padding: 10px;
  background: #CCCCCC;
  border-width: 1px;
  border-color: #666666;
  border-style: solid;
}


.menusup {
	font-family: "trebuchet ms", verdana, helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	margin: 0;
	font-weight: bold; float:right;
	border-bottom:#000000 solid thick;
	width:100%;
	border-bottom-width: 2px;
}

#menusup ul{
margin: 0;
	background-color: #c1745a; 
	color: White;
	margin-bottom: 1px;
	text-align: center;
	border-top-color: #c1745a;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-color: #003366;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

#menusup ul li {
	margin: 0;
	display: inline;
	border-right: thin;
/*	border-left-color: #0033ff;
	border-left-style: solid;
	border-left-width: 10px; 
	padding: 3px 10px 0 3px; */
}

#menusup a { padding: 3px 10px 0 3px; }

#menusup a:link, #menusup a:visited
{
color: #fff;
background-color: #00369;
text-decoration: none;
}

#menusup a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
	border-left-color: #00CCFF;
	border-left-style: solid;
	border-left-width: 0px;
}


.menulat {
	font-family: "trebuchet ms", verdana, helvetica, sans-serif;
	font-size: 90%;
	color: #FFFFFF;
	margin: 0;
	font-weight: bold;
	width:120px;
	top:100px;
	position:relative;
	float:left;
	
}

.inf {
font-family: "trebuchet ms", verdana, helvetica, sans-serif;
font-size: 80%;
background-color: #c1745a;
border-style: dashed;
border-width: thin;
}


.table
{
font-family: "trebuchet ms", verdana, helvetica, sans-serif;
font-size: 80%;
margin-left: 140px;
margin-top: 24px;
/* border-left: 1px solid gray; */
padding: 1em;
max-width: 36em;
text-align:justify;
height:520px;
color:#000000;
position:relative;
top: 24px;
/*overflow-y: auto;
scrollbar-face-color: #dee3e7;
scrollbar-arrow-color:  #006699;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color:  #d1d7dc;
scrollbar-shadow-color: #dee3e7;
scrollbar-darkshadow-color: #98aab1;
scrollbar-track-color: #efefef;
SCROLLBAR-FACE-COLOR: #EDFCED;
SCROLLBAR-HIGHLIGHT-COLOR: #444444; SCROLLBAR-SHADOW-COLOR: #EDFCED;
SCROLLBAR-3DLIGHT-COLOR: #EDFCED; SCROLLBAR-ARROW-COLOR: #006666;
SCROLLBAR-TRACK-COLOR: white; SCROLLBAR-DARKSHADOW-COLOR: #006666;
*/}