DIV#hrvToolkitStatusDiv { position:absolute; background-color: #ffd363; top: 0px; left: 0px; padding: 2px; }
.LeerMasAlto {
}
.TextoGe {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
DIV#hrvToolkitStatusDiv DIV#hrvToolkitStatusMsgDiv{ font-family:Arial, Helvetica, sans-serif; font-weight: bold;  font-size: 11px;  margin: 2px 6px; }
h1 {
	font-family: Tahoma, sans-serif;
	font-size: 16px;
	font-weight: bold;
	word-spacing: 1px;
}
.LeermasAlto {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.Titulorh {
	font-family: Tahoma;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #52733e;
}
.TituloNutricion {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #cc6600;
}
.TituloDiv {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #3399cc;
}
.TituloPe {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #660000;
}
.TituloSus {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #52733e;
}
.code
{
	color: #333333;
	padding: 1px;
	border: 1px dashed #666666;
	vertical-align: middle;
	font-family: sans-serif, arial;
	font-size: 11px;
	background-color: #ffffff;

}
.ajax-loading {
	background-image: url(http://demos.mootools.net/demos/Group/spinner.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0;
}
body {margin:0px; font:11px Tahoma; background:#fff}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

.Titulos{
	font-size: 18px;
	color: #666666;
}

input.text { margin: 0; padding: 0;  border: 1px solid #333; color: #000000; background: #f7f7f7; }
input.text:hover { border: 1px solid #FFFFFF; background: #0000000; color: #000000; }
input.button { margin: 0; padding: 0 0 0 3px; font-size: 100%; font-family: Tahoma, Sans-Serif; border: none; background: none; color: #FFF; background: #808080; font-weight: bold; }
input.groovybutton
{
   font-size:14px;
   font-weight:bold;
   color:#555555;
   background-color:#BBBBBB;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffBBBBBB',EndColorStr='#ffFFFFFF');
   border-style:none;
}
.Menusi {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.TitulosNoticia{
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
}


#hmenu  {
	text-decoration: none;
	background: url(images/home2_r5_c1.jpg)  no-repeat top right;;
	text-align: left;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size:0.7em;
	cursor: hand;
	}

#hmenu:hover {
	background:url(images/cienma_r2_c1333.jpg) no-repeat top   right;;
font-size:0.7em;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #F0F0F0;
}
a {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
#back {
	display:block;
	color:#FAFBFC;
	width:210px;
	font-weight: normal;

            font-size:150%
        text-decoration:none;
	font-family: Tahoma;
	padding:1px;
	position: relative;
	color: #666666;

	margin:0px auto 0px auto;
	
}

#back:hover {
        background:#DDD;
        color:#555;
}


   a#replaced {

                display:block;

                width:50px;

                height:25px /* aqui esta el truco */

                text-indent:-9999px;

                background:url(images/linea_r7_c2.jpg)top left no-repeat;


    }


    a#replaced:hover {


                background-position:0 -25px;/* con esto cambiamos la porcion de imagen que se muestra */

    }