.titulo {
	font-family: "Trebuchet MS";
	font-size: 25px;
	font-weight: bolder;
	color: #E20B09;
	text-decoration: none;
	text-align: center;

}
.teja-nombre {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align: center;
}
.teja-tipo {
	font-family: "Trebuchet MS";
	font-size: 22px;
	color: #FFFFFF;
}
.teja-variedad {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #666666;
	font-weight: normal;
}
.cuerpo {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.cuerpo:hover {
	color: #000000;
	text-decoration: underline;
}


/*NAVEGATION MENU*/

#navigation a
{
color: black;
background: red url("pics/left-tab.gif") left top no-repeat;
text-decoration: none;
padding-left: 10px
}

#navigation a span
{
background: url("pics/right-tab.gif") right top no-repeat;
padding-right: 10px
}

#navigation a, #navigation a span
{
display: block;
float: left
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End IE5-Mac hack */

#navigation a:hover
{
color: #fff;
background: black url("pics/left-tab-hover.gif") left top no-repeat;
text-decoration: none;
padding-left: 10px
}

#navigation a:hover span
{
background: url("pics/right-tab-hover.gif") right top no-repeat;
padding-right: 10px
}

#navigation
{
list-style: none;
padding: 0;
margin-left: 30px;
font-family: "Trebuchet MS";
font-size: 9pt;
font-weight: normal;
font-stretch: extra-condensed;
letter-spacing: -0.05em;
text-align: center;

}

#navigation li
{
float: left;
display: block;
margin: 0;
padding: 0
}