body {
	background-color: #3165CE;
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	font-size: 12px;
}

a:link, a:visited {
	color: #cc6600;
}
a:hover, a:active {
	color: #3165CE;
}
ul { list-style-type: square; }

#container
{
	width: 90%;
	margin: 15px auto;
	background: #FFF url('img/bgcontent.gif') repeat-y top left;
	color: #333;
	line-height: 130%;
}

#top
{
background: #FFF url('img/logo-oit.gif') no-repeat top left;
height: 86px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding-top: 15px;

}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding-top: 15px;
text-align: center;
border-left: 1px solid #ccc;
}

#content
{
margin-left: 160px;
border-left: 1px solid #FFF;
margin-right: 160px;
border-right: 1px solid #CCC;
padding: 1em;
height: 100%;
line-height: 1.5em;
text-align: justify;
background-color: #FFF;
}
#content img { margin: 10px; }

#footer
{
clear: both;
margin: 0;
padding: 1em;
color: #333;
background-color: #ddd;
border-top: 1px solid #ccc;
font-size: 11px;
text-align: center;
}

#leftnav p, #rightnav p , #content p { margin: 0 0 1em 0; }
#content h2 { font-size: 1.5em; margin: .5em 0 1em 0; padding-bottom: 6px; border-bottom: 1px solid #cc6600; text-align: left; }	
#content h3 { font-size: 1.2em; margin: .8em 0 .2em 0; padding-bottom: 6px; text-align: left; }	
#content h3.importante { border-top: 1px solid #CCC;  padding: 2px; background-color: #eee;}	
#content h4 { font-size: 1.1em; margin: 1.2em 0 0 0; text-align: left; }	

/******* top nav ********/

#navcontainer
{
margin: 0;
padding: 0;
background-color: #f5d7b4;
border-bottom: 4px solid #cc6600;
}

#navcontainer ul
{
	display: block;
border: 0;
margin: 0;
padding: 0;
height: 29px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li
{
display: inline;
text-align: center;
padding: 0;
margin: 0;
white-space: nowrap;
}

#navcontainer ul li a
{
background: #f5d7b4;
border: 0;
padding: 7px;
margin: 10px 0 0 0;
color: #930;
text-decoration: none;
display: inline;
text-align: center;
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
line-height: 29px;
white-space: nowrap;
}

#navcontainer ul li a:hover
{
color: #fff;
background: #cc6600;
}

#navcontainer a:active
{
background: #cc6600;
color: #fff;
}

#navcontainer li#active a
{
background: #c60;
border: 0;
color: #fff;
}

#subnav {
	font-size: 11px;
	color: #999;
	list-style-type: none;
	padding: 0;
	margin: 0;
	right: 0px;
}
#subnav li {
	font-size: 12px;
	line-height: 15px;
	margin-left: 15px;
	margin-top: 1px;
}

#subnav li a {
	display: block;
	padding: 4px;
	color: #FFF;
	text-decoration: none;
}
#subnav li a:hover {
	background-color: #FFF;
	color: #cc6600;
}
#subnav a#activo {
	background-color: #FFF;
	color: #cc6600;
	font-weight: bold;
}
#subnav a#padreactivo {
	background-color: #FFF;
	color: #cc6600;
}
#subnav li span.current a {
	display: block;
	padding: 5px;
	padding-left: 18px;
	background-color: #FFF;
	font-size: 0.9em;
	color: #cc6600;
	text-decoration: none;
}
#subnav li span.current a:hover {
	color: #CC6600;
	background: #FFF url('img/flechita.gif') no-repeat center left;
}
#subnav li span.current a#actual {
	background: #FFF url('img/flechita.gif') no-repeat center left;
}
#subnav li span a {
	display: block;
	padding: 5px;
	padding-left: 18px;
	background-color: #CC6600;
	font-size: 0.9em;
	color: #FFF;
	text-decoration: none;
}
#subnav li span a:hover {
	color: #CC6600;
	background: #FFF url('img/flechita.gif') no-repeat center left;
}
#subnav li.multiple {
	margin-top: 5px;
	margin-bottom: 5px;
}

.resalta { color: #3165CE; }

#imagen_holder td { text-align: center; padding: 10px;}
#imagen_holder td img { margin-bottom: 10px; }

.tabla_multimedia td { text-align: center; padding: 10px; }

.lista_content {
	text-align: center;
	list-style-type: none;
	color: #cc6600;
}
.lista_pdf {
	color: #cc6600;
	list-style-type: none;
	list-style-image: url('img/pdf.gif');
}
.lista_pdf a { text-decoration: none; }

.lista_naranja { color: #cc6600; }
.lista_naranja a { text-decoration: none; }

.grande {
	font-size: 1.2em;
	font-weight: bold;
}
.publicaciones td { vertical-align: middle;}
.publicaciones td a img { border: 1px solid #CCC; }