/*
html {
scrollbar-face-color:  #DADBC8;			/*barra
scrollbar-arrow-color: #000000;			/*flecha
scrollbar-track-color: #D1CCAF;		    /*fondo
scrollbar-shadow-color: #000000;		 /*sombra
scrollbar-highlight-color:#E1E1D0;		/*sombra fondo
scrollbar-3dlight-color: #E1E1D0;	  /*sombra 3D
scrollbar-darkshadow-color: #000000;	 /*sombra fondo oscura
}
*/
BODY {
	SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff;TEXT-DECORATION: none

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-align: left;
	/*background-color:#666666;
	margin: 5px;*/

}

A {
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
	color:  #006699;
	
}
A:hover {

	COLOR:#0000ff;
	/*font-weight:bold;*/
}
.style_form_inscrip {
	BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #336699 1px solid;  BORDER-BOTTOM: #336699 1px solid; FONT-FAMILY:verdana
}
.style_form_inscrip_boton {
	BORDER-RIGHT:  #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #666666 1px solid;  BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: tahoma
}
BODY {
	TEXT-DECORATION: none;
	
}
.footer {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.titulo {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.titulo A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.titulo A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.titulo A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.titulo A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.subtitulo {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.subtitulo A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.subtitulo A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.subtitulo A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.subtitulo A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.texto {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.texto A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.texto A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.texto A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.texto A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.texto_negr {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.texto_negr A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.texto_negr A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
.texto_negr A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.texto_negr A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
.texto_home {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.texto_home A:link {
	COLOR: #ff0000; TEXT-DECORATION: none
}
.texto_home A:hover {
	COLOR: #ff0000; TEXT-DECORATION: none
}
.texto_home A:visited {
	COLOR: #ff0000; TEXT-DECORATION: none
}
.texto_home A:hover {
	COLOR: #ff0000; TEXT-DECORATION: none
}
.input_texto {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.texto-formulario {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Arial,Helvetica
}
.campo-formulario {
	 FONT-SIZE: 7pt; COLOR: #02288b; FONT-FAMILY: VERDANA
}
TR.H {
	BACKGROUND-COLOR: #c1cdd8
}
<!--ajax -->
#MenuCSS_JS{
     border: 1px solid #CCC;
     width: 170px;
}
#MenuCSS_Js a{
     font: bold 11px Verdana;
     padding: 2px;
     padding-left: 4px;
     display: block;
     width: 100%;
     color: #999;
     text-decoration: none;
     border-bottom: 1px solid #CCC;
}
#MenuCSS_Js a{
     width: auto;
}
#MenuCSS_Js a:hover{
     background-color: #E4E4E4;
}
#DescripcionLink{
     width: 100%;
     height: 4em;
     filter:alpha(opacity=0);
     -moz-opacity:0;
     color:#669900;
     font:10px Verdana;
}

#toolTipBox { 
      display: none;
	  padding: 5; 
	  font-size: 12px;
	  border: black solid 1px;
	  font-family:"Courier New", Courier, monospace;
	  
	  position: absolute;
	  background-color:#FBFEE7;
	  color:#990000;
	  }

<!-- menu --->

* { padding:0px; margin:0px; }
#menu { background-image:url(../img/nav_bg.png); background-repeat:repeat-x; height:25px; width:800px; margin:auto; padding-left:0px; }
#nav { list-style:none; }
#nav li { float:left; background-image:url(../img/nav_li_bg.png); background-repeat:no-repeat; background-position:right; }
#nav li a { display:block; padding:4px 10px; text-decoration:none; color:#b22f0f; }
#nav li a:hover { color:#B30000; }
/* Submenu */
#nav ul.submenu { border:1px solid #b22f0f; padding:5px; text-align:left;position:absolute; list-style:none; background-color:#F3C278; }
#nav ul.submenu li { float:none; background-image:none; border-bottom:1px solid #b22f0f; width:160px;}
/* Subsubmenu */
#nav ul.subsubmenu { border:1px solid #b22f0f; padding:5px; position:absolute; list-style:none; background-color:#F3C278; margin-left:100px; margin-top:-30px;filter:alpha(opacity=90);-moz-opacity:90;}
#nav ul.subsubmenu li { float:none; background-image:none; border-bottom:1px solid #b22f0f; min-width:150px;}


.opaco {
	filter: alpha(opacity=50);
	opacity: .5;
} 
.noopaco {
	filter: alpha(opacity=300);
	opacity: .300;
} 
.cajita {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
}
.textopciones {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-align: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}
p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-align: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 8px;
}
.cuerpotexto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #555555;
	text-align: justify;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
}
.derecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-align: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 8px;
}
.categproduct {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-align: left;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 8px;
}
.producto_rojo {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-align: left;
	font-weight: bold;	
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-decoration: underline;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
}
a.linkproduc:link {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
}
alinkproduc:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
}
alinkproduc:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-decoration: underline;
}
alinkproduc:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
}
a.linkblanco:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f2f2f2;
	text-decoration: underline;
}
a.linkblanco:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f2f2f2;
	text-decoration: underline;
}
a.linkblanco:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f2f2f2;
	text-decoration: none;
}
a.linkblanco:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f2f2f2;
	text-decoration: underline;
}
table.conbordefino {
	border:1px solid #CCCCCC;
}
.pie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-align: center;
	margin: 5px;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
}
.titulotablas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F2F2F2;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 8px;
}
.tituloblanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F2F2F2;
	text-align: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 8px;
}
.titulotablanegro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #585858;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 8px;
}
.categorias {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #585858;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 8px;
}
.titulonaranja {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF6600;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 8px;
}
.titulorojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	text-align: left;
	font-weight: bold;
	text-decoration:none;
}
.tituloamarillo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFF00;
	text-align: left;
	font-weight: bold;
	text-decoration:none;
}
.titulorojo:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	text-align: left;
	text-decoration:none;
	font-weight: bold;
}
.titulorojo:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	text-align: left;
	font-weight: bold;
	text-decoration:none;
}
.titulorojo:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	text-align: left;
	text-decoration:underline;
	font-weight: bold;
}
.alertarojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}
.boton {
	background:url(imagenes/titul2medio.jpg)
}
.tituloazul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0000FF;
	text-align: left;
	font-weight: bold;
	text-decoration:none;
}
.tituloazul:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0000FF;
	text-align: left;
	text-decoration:none;
	font-weight: bold;
}
.tituloazul:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0000FF;
	text-align: left;
	font-weight: bold;
	text-decoration:none;
}
.tituloazul:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0000FF;
	text-align: left;
	text-decoration:underline;
	font-weight: bold;
}

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #CCCCCC;
	left: -1000px;
	border: 1px;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 20px; /*position where enlarged image should offset horizontally */
	top: 20px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 50px; /*position where enlarged image should offset horizontally */
	top: 20px;
}

/* ???? ---------------------------------------------------------------------- */

	html>body #footer {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 500;
	}

	#footer {
		border-top: solid 1px #171717;
		width: 100%;
		height: 30px;
		_position: absolute;
		_right: 0;
		_top:expression(eval(document.compatMode &&
		document.compatMode=='CSS1Compat') ?
		documentElement.scrollTop
		+(documentElement.clientHeight-this.clientHeight) - 0
		: document.body.scrollTop
		+(document.body.clientHeight-this.clientHeight) - 0);
		_z-index: 500;
		margin: 0;
		background-color:#000;
		filter:alpha(opacity=80);
		-moz-opacity: 0.80;
		opacity: 0.80;
	}

	#footer div{
		width: 850px;
		margin: 10px auto;
    	position: relative;
    	top: 0px;
    	left: 0px;
        text-align: left;
	}
/* ???? ---------------------------------------------------------------------- */