/*body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;}  Body del Menu Vertical azul*/
body {
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#666666;
  scrollbar-shadow-color:#009900;
  scrollbar-face-color:#34CC67;
  scrollbar-highlight-color:#00FFCC;
  scrollbar-darkshadow-color:#006600;
  scrollbar-3dlight-color:#003399;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin: 14px 0 3em 0;
	padding: 0;
/*	font-size: 12px;
 	font-weight: bolder; 
	*******************
	Color BARRA SCROLL
	
	 BODY {  */

 }
	
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;}
h1 {
	font-size: 18pt;
	font-weight: bold;
	color: #505748;
}
h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

/*h2 {
	font-size: 16pt;
	font-weight: bold;
	color: #646482;}       */
	
h3 {font-size: 14pt;font-weight: bold;color: #000099;}
a {	color: #447832;	text-decoration: underline;}
.autor {font-weight: bold;}
.navhead {	font-size: 12pt;font-weight: bold;color: #505748;}
.caption {font-style: italic;}
.error {font-weight: bold;	color: #990000;}
.Estilo1 {	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
}
.style1 {color: #003399;	font-weight: bold;}
.style2 {	color: #003399;	font-weight: bold;}
.style3 {font-size: 10}
.style4 {color: #FFFFFF}
.Estilo4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: none; font-weight: bold; }
.style6 {color: #000066}
.style8 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #993333; font-size: 16px;}
.style9 {font-size: 36px; color: #000099; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style10 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	ffont-weight: bold;}
.style11 {color: #000099}
.style13 {	color: #000099;	font-family: Arial, Helvetica, sans-serif;	font-size: 40px;}
.style14 {color: #666666}
.style15 {color: #00FFCC}
.style16 {	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #FFFFFF;	font-size: 16px;}
.style17 {	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #0000CC;}
.style18 {	color: #000099;	font-weight: bold;}
.style19 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000099; font-size: 16px;}
.Estilo19 {font-size: 12pt; }
.style20 {font-size: 10pt}
.style21 {font-size: 24pt}
.style22 {font-size: 12pt}
.style23 {font-size: 10pt;	font-weight: bold;}
.style24 {color: #009966}
.style25 {font-size: 16pt}
.style26 {font-size: 11pt}
.style27 {font-size: 12pt}
.style28 {font-size: 9px}
.style30 {font-size: 9pt}
.style29 {font-size: 16px}
.style30 {font-size: 18px}
.style32 {font-size: 9pt}
.style33 {font-size: 9px}
.style37 {color: #CC0033}
.style39 {color: #C9D8FC}
.style42 {color: #0000CC}
.style43 {color: #006666}
.style47 {color: #00CC33}
.style53 {color: #00CC00}
.style55 {font-size: 14px}
.style57 {color: #000000}
.style58 {color: #00CC66}
.style60 {font-size: 14px}
.style61 {font-size: 10px}
.style62 {
	color: #339900;
	font-weight: bold;}

.style64 {color: #990000}


	
bbody{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 80%;
	font-weight: bold;
	background: #FFF;
	}

h4 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

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


/*- Menu Tabs J HORIZONTAL SENCILLO- 1 NIVEL*/

    #tabsJ {
      float:left;
      width:100%;
      background:#FFFFFF;
      font-size:65%;
	  line-height:normal;
	  border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
      }
    #tabsJ li {
	  font-weight: bolder;
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("../images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("../images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }



/*- Menu VERTICAL, 1 NIVEL PNG CON AMBAS IMAGENES OVER y SELECT */

menu12 {
	width: 204px;
	margin: 10px;
	}
	
#menu12 li a {
	height: 22px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	}	
	
#menu12 li a:link, #menu12 li a:visited {
	color: #FFFFFF;
	display: block;
	padding: 10px 0 0 35px;
	background-image: url(../images/menu12.gif);
	}
	
#menu12 li a:hover {
	color: #3300FF;
	background:  url(../images/menu12.gif) 0 -32px;
	padding: 10px 0 0 35px;
	}
	

a, a:visited, a:hover {}

#container {
	position:relative;
	width:450px;
	height:900px;
	background:#FFFFFF;
	border:1px solid #FFF;
	margin:10px auto;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	overflow: visible;
	background-color: #FFFFFF;
}

#container a.pics {float:left; padding:7px 6px; display:inline; color:#000; text-decoration:none; width:75px; height:75px; cursor:default;}
#container a.pics img.thumb {display:block; border:1px solid #000;}

#container a.pics span {display:none; border:0; width:430px; background:#FFF; border:1px solid #fff; text-align:center;}
#container a.pics span img {margin:5px auto; border:0px solid #000;}

#container a.pics:hover {white-space:normal;}
#container a.pics:hover img.thumb {border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:9px; top:200px; z-index:10; height:600px;}

#container a.pics:active img.thumb {border:1px solid #fc0;} 
#container a.pics:active span {display:block; position:absolute; left:9px; top:200px; z-index:5; height:600px;}

#container a.pics:focus {outline:0;}
#container a.pics:focus img.thumb {border:1px solid #fc0}
#container a.pics:focus span {display:block; position:absolute; left:9px; top:200px; z-index:5; outline:0; height:600px;}

#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:450px; text-align:center; color:#009922; z-index:1;} 
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#outer {
	width:750px;
	position:absolute;
	top:146px;
	left:-4px;
	background:transparent;
	height:180px;
	overflow:hidden;
}

#menuHolder {
	position:relative;
	float:left;
	left:50%;
	visibility: visible;
}

#dropline {padding:0; margin:0; list-style:none; float:left; position:relative; right:50%;}
#dropline div {position:absolute; left:-9999px; width:100%; z-index:5; height:25px; border-top:4px solid #e60; top:25px; background:#fff;}
#dropline ul {padding:0; margin:0; list-style:none;}
#dropline table {border-collapse:collapse: padding:0; margin:-1px -5px; width:0; height:0;}

#dropline li ul {position:relative; float:left; left:50%;}
#dropline li ul li {float:left; position:relative; right:50%;}
#dropline li ul li a {display:block; float:none; padding:0 5px; background:transparent; color:#000; font-weight:bold;}
#dropline li ul li a:hover {text-decoration:underline; background:transparent; color:#000;}

#dropline li {float:left; margin-right:1px;}
#dropline li.last {margin:0;}
#dropline li a {display:block; float:left; height:25px; padding:0 0 0 10px; line-height:30px; text-decoration:none; font-family:"Arial MS", verdana, arial, sans-serif; font-size:13px; text-decoration:none; color:#000; background:url(../images/button-off-250.png);}
#dropline li a b {display:block; float:left; height:25px; padding:0 5px 0 0; background:url(../images/button-off-250.png) right top; cursor:pointer;}

#dropline li a:hover {background:url(../images/button-over-250.png); color:#fff; border:0;}
#dropline li a:hover b {background:url(../images/button-over-250.png) right top;}

#dropline li:hover > a {background:url(../images/button-over-250.png); color:#fff; border:0;}
#dropline li:hover > a b {background:url(../images/button-over-250.png) right top;}

#dropline :hover div {left:0;}

#dropline li.current a,
#dropline li.current a:hover {background:url(../images/button-select-250.png); color:#fff; font-weight:bold;}
#dropline li.current a b,
#dropline li.current a:hover b {background:url(../images/button-select-250.png) right top; color:#fff;}

#dropline li.current a:hover ul li a:hover {color:#000; background:transparent;}
#dropline li.current:hover ul li a:hover {color:#000; background:transparent;}

#dropline li.current div {width:100%; left:0; top:25px; background:#fff; z-index:5;}
#dropline li.current ul {position:relative; float:left; left:50%;}
#dropline li.current ul li {float:left; position:relative; right:50%;}
#dropline li.current ul li a {display:block; float:left; padding:0 5px; background:transparent; color:#000; font-weight:bold;}
#dropline li.current ul li.current_sub a {display:block; float:left; padding:0 5px; background:transparent; color:#c00; text-decoration:underline;}
#dropline li.current ul li.current_sub a:hover {text-decoration:underline; background:transparent; color:#c00;}

* html #dropline li.current div {width:expression(document.getElementById('dropline').offsetWidth);}
* html #dropline li a:hover div {width:expression(document.getElementById('dropline').offsetWidth);}



/* ================================================================ 
 Css del MENU de 2 NIVELES 2010


body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 14px 0 3em 0;
	padding: 0;
	font-size: 16px;
}
 ================================================================ */
 
#menunav {
	margin: 0;
	padding:0;
	font-weight: bolder;
}
#menunav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-image:  url(../images/debajo_bAzul.gif);
	/* background-repeat: repeat-x; */
	border-bottom: 1px solid #0099FF;
	background-color: #0099FF;
}
#menunav ul {
	border-top: 1px solid #eeeeee;
	margin: 0;
	padding: 0;
	z-index: 10000;
}
#menunav ul li {
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #333333;
}
#menunav a {
	display: block;
	text-decoration: none;
	background-color: transparent;
	padding: 8px 12px 9px 33px;
	color: #FFFFFF;
	border-top: 1px solid #0074e3;
	border-right: 1px solid #0074e3;
	border-bottom: 0;
	border-left: 1px solid #0074e3;
	line-height:1;
}
/*controla la botonera */

#menunav a:hover
/*#menunav .menuon:active */ {
	color: #0000CC;
	background-color: #0074e3;
	letter-spacing: 0.01px;
	border-top: 1px solid #0074e3;
	border-right: 1px solid #0074e3;
	border-left: 1px solid #0074e3;
	background-image:  url(../images/encima_bVerde.gif);
	background-repeat: repeat-x;
}

/*#menunav a:hover, */#menunav a:active, #menunav a:focus,
#menunav .menuon, /* #menunav .menuon:hover, */
#menunav .menuon:active {
	color: #CC0000;
	background-color: #0074e3;
	letter-spacing: 0.01px;
	border-top: 1px solid #0074e3;
	border-right: 1px solid #0074e3;
	border-left: 1px solid #0074e3;
	background-image:  url(../images/encima_bVerde.gif);
	background-repeat: repeat-x;
}
#menunav .menuon:hover, {
	color: #CC0000;
	background-color: #0074e3;
	letter-spacing: 0.01px;
	border-top: 1px solid #0074e3;
	border-right: 1px solid #0074e3;
	border-left: 1px solid #0074e3;
	background-image:  url(../images/encima_bVerde.gif);
	background-repeat: repeat-x;
}
#menunav .menumark, #menunav .menumark:hover {
	font-weight: bold;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
	background-image:  url(../images/flecha.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
#menunav .menutrg:hover {
	background-position: right center;
	background-image:  url(../images/encima_bVerde.gif);
	background-repeat: repeat-x;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
	left: -9000px;
	border: 0;
}
#menunav .menushow {
	left: auto;
	z-index: 20000;
}
/*modifica el menu madre */
#sidebar {
	position: absolute;
	top: 310px;
	left: 3px;
	width: 182px;
	height: 40px;
	font-size: 14px;
}


#Interes {
	position:absolute;
	width:256px;
	height:400px;
	z-index:1;
	overflow: scroll;
}
#DeInteres {
	position:absolute;
	width:260px;
	height:950px;
	z-index:1;
	top: 267px;
	left: 202px;
	overflow: hidden;
}
#DeinteresTitulo {
	position:absolute;
	width:257px;
	height:27px;
	z-index:1;
	top: 9px;
	background-color: #FFFFFF;
	left: -1px;
}
#DeInteresScroll {
	position:absolute;
	width:257px;
	height:850px;
	z-index:2;
	left: -1px;
	top: 37px;
	overflow: scroll;
}
.Estilo4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: none; font-weight: bold; }
.spidb {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.spidw {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}