<!-- WEB -->
body {
	color: #666666;
}
.pie, .pie:hover, .pie:visited, .pie:link, .pie:active {
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size:11px !important;
	color:#FFFFFF !important;
	text-align:center !important;
}
.menuIdioma, .menuIdioma:visited, .menuIdioma:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c1cfdf;
	font-weight: bold;
	text-decoration:none;
}
.menuIdiomaOver,.menuIdiomaOver:visited,.menuIdiomaOver:link,.menuIdioma:hover, .menuIdiomaMarcado {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration:none;
}

.show {
	display:block;
}
.hide {
	display:none;
}
.tab_mini {
	background:url(../images/tab_mini.jpg);
	background-repeat:no-repeat;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:33px;
	height:25px;
	color:#c1cfdf;
	padding:2px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	cursor:hand;
}
.tab_mini div{
	color:#c1cfdf;
}

.tab_mini_over {
	background:url(../images/tab_mini.jpg);
	background-repeat:no-repeat;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:33px;
	height:25px;
	color:#FFFFFF;
	padding:2px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	cursor:hand;
}
.tab_mini_over div{
	color:#FFFFFF;
}
a.info {
    position:relative;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:14px !important; 
    z-index:24;
	color:#FFFFFF !important;
	font-weight: bold !important;
    text-decoration:underline;
}
a.info:hover {
    z-index:25; 
	text-decoration:none;
}
/*Esta es la que hace que el texto en el span no se despliegue en el estado normal de la URL*/
a.info span {  
display:none;
}
/*  // Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL*/
a.info:hover span {
    display:block;
    position:absolute;
    top:2em;
    left:2em;
    width:270px;
    border:1px solid #000000;
    background-color:#EEEEEE;
    color:#000000;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 2px;
}

<!-- MENU LATERAL -->
.link { font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:11px; margin:0; text-decoration:underline; }
.link:hover { font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:11px; margin:0; text-decoration:underline; }

.texto, p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:666666;}


.texto p {text-align:justify; color:666666;}
.texto td {text-align:justify; color:666666;}
.texto td.dos {text-align:center; color:666666; font-size:11px;}
.subtexto { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding-left:15; list-style:outside; font-weight:bold; ; color:666666;}
#middlebar li, #middlebar ul {margin:0; border:0; height:5px; padding:0; list-style:none;}


.menuOver {
	background-image:url('../images/over.gif');
	background-repeat:repeat-y;
}

#middlebar{
	font-size:11px;
	color:#3b5d14;
	width:200px;
	font-weight:bold;
	padding:0px;
}
#middlebar .menu li {
	margin-right:10px;
	padding-left: 10px;
}

.flecha {
	background: url(../images/flecha.jpg);
	background-repeat: no-repeat;
	background-position:0 8px;
}

#middlebar .menu li a{
	color:#00618e;
	display:block;
	text-decoration:none;
}
#middlebar .menu li a:hover{
	color:#5f5c5c;
}

#middlebar ul .submenu {
	border:solid 0px #c9dea1;
	border-top:none;
	position:relative;
	top:0px;
	width:190px;
	padding:0px 0;
	clear:both;
	z-index:2;
	display:none;
}
#middlebar ul .submenu li{
	background:none;
	display:block;
	float:none;
	margin:0 0px;
	border:0;
	line-height:normal;
}
#middlebar .submenu li a{
	background:none;
	display:block;
	float:none;
	padding:0px 0px;
	margin:0;
	border:0;
	color:#105cbe;
}
#middlebar .submenu li a:hover{
	background:#e3edef;
}

a:hover, a:visited, a:active, a:link { 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
color:666666; 
text-decoration:underline;
}

h3, h3 a:hover, h3 a:active, h3 a:link, h3 a:visited {
	font-family: Arial, Helvetica, sans-serif !important; 
	color:#00618e !important; 
	font-size:16px !important; 
	line-height: 18px !important;
	font-weight: bold !important;
	margin:0px; 
	padding:0px;
	text-decoration:none;
	text-align:left;
}
h1, h1 a:hover, h1 a:active, h1 a:link, h1 a:visited {
	font-family: Arial, Helvetica, sans-serif !important; 
	color:#00618e !important; 
	font-size:12px !important; 
	line-height: 18px !important;
	font-weight: bold !important;
	margin:0px; 
	padding:0px;
	text-decoration:none;
	text-align:left;
	margin-bottom:-9px; _margin-bottom:-18px;
}
h4, h4 a:hover, h4 a:active, h4 a:link, h4 a:visited {
	font-family: Arial, Helvetica, sans-serif !important; 
	color:#00618e !important; 
	font-size:12px !important; 
	line-height: 18px !important;
	font-weight: bold !important;
	margin:0px; 
	padding:0px;
	text-decoration:none;
	text-align:left;
}

h2 {
	font-family: Arial, Helvetica, sans-serif !important; 
	color:#FFFFFF !important; 
	font-size:14px !important; 
	line-height: 18px !important;
	font-weight: bold !important;
	margin:0px; 
	padding:0px;
	text-decoration:none;
	text-align: left;
}
<!-- MENU LATERAL -->