#leftSide h3.tle_left-nav { width:166px; height:79px; padding:0; margin:0; background:url(images/tle_left-nav.gif) left top no-repeat; overflow:hidden; text-indent:-999em; }
#leftSide h3.tle_left-nav a { display:block; width:166px; height:79px; }

#left-nav { padding:25px 8px 0; line-height:1.55; }
#left-nav dt { font-weight:bold; padding:0 0 15px; color:#032D28; }
#left-nav dd { padding:0 0 25px; }
#left-nav li { background:url(images/gfx_arrow.gif) left center no-repeat; padding-left:17px; color:#666; }
#left-nav li a { color:#666; text-decoration:none; }
#left-nav li.frescas a:hover,
#left-nav li.frescas a.current { color:#669900; }
#left-nav li.aromaticas a:hover,
#left-nav li.aromaticas a.current { color:#669900; }
#left-nav li.florales a:hover,
#left-nav li.florales a.current { color:#669900; }
#left-nav li.orientals a:hover,
#left-nav li.orientals a.current { color:#669900; }
#left-nav li.madera a:hover,
#left-nav li.madera a.current { color:#669900; }


.families { width:632px; margin:0 auto; padding:0 0 50px; }
.families .text-box { border-bottom:1px dotted #333; margin-bottom:25px; color:#666; }
.families .text-box .text { margin-right:335px; padding:13px 0 0; }

.families .head { border-bottom:1px dotted #333; padding-bottom:8px; margin-bottom:5px; overflow:hidden; }
.families .head h2 { float:left; height:14px; background:left top no-repeat; overflow:hidden; text-indent:-999em; }
.families .head h2.tle_aromaticas { background-image:url(images/tle_aromaticas.gif); width:210px; }
.families .head h2.tle_aromaticas_sub1 { background-image:url(images/tle_aromaticas_sub1.gif); width:184px; }
.families .head h2.tle_aromaticas_sub2 { background-image:url(images/tle_aromaticas_sub2.gif); width:178px; }
.families .head h2.tle_aromaticas_sub3 { background-image:url(images/tle_aromaticas_sub3.gif); width:160px; }
.families .head h2.tle_florales { background-image:url(images/tle_florales.gif); width:181px; }
.families .head h2.tle_florales_sub1 { background-image:url(images/tle_florales_sub1.gif); width:132px; }
.families .head h2.tle_florales_sub2 { background-image:url(images/tle_florales_sub2.gif); width:131px; }
.families .head h2.tle_florales_sub3 { background-image:url(images/tle_florales_sub3.gif); width:114px; }
.families .head h2.tle_frescas { background-image:url(images/tle_frescas.gif); width:173px; }
.families .head h2.tle_frescas_sub1 { background-image:url(images/tle_frescas_sub1.gif); width:111px; }
.families .head h2.tle_frescas_sub2 { background-image:url(images/tle_frescas_sub2.gif); width:116px; }
.families .head h2.tle_frescas_sub3 { background-image:url(images/tle_frescas_sub3.gif); width:144px; }
.families .head h2.tle_madera { background-image:url(images/tle_madera.gif); width:192px; }
.families .head h2.tle_madera_sub1 { background-image:url(images/tle_madera_sub1.gif); width:157px; }
.families .head h2.tle_madera_sub2 { background-image:url(images/tle_madera_sub2.gif); width:130px; }
.families .head h2.tle_madera_sub3 { background-image:url(images/tle_madera_sub3.gif); width:146px; }
.families .head h2.tle_madera_sub4 { background-image:url(images/tle_madera_sub4.gif); width:169px; }
.families .head h2.tle_orientales { background-image:url(images/tle_orientales.gif); width:195px; }
.families .head h2.tle_orientales_sub1 { background-image:url(images/tle_orientales_sub1.gif); width:169px; }
.families .head h2.tle_orientales_sub2 { background-image:url(images/tle_orientales_sub2.gif); width:169px; }
.families .head h2.tle_orientales_sub3 { background-image:url(images/tle_orientales_sub3.gif); width:147px; }
.families .head h2.tle_orientales_sub4 { background-image:url(images/tle_orientales_sub4.gif); width:125px; }

.families .head a.gender { float:left; background:url(images/gfx_arrow.gif) left center no-repeat; padding-left:13px; font-size:11px; font-weight:normal; line-height:1; margin:3px 0 0 8px; color:#666; text-decoration:none; text-transform:uppercase; }
.families .head a.gender:hover { color:#333; }

.families .text-box h3 { font-size:11px; line-height:1.55; padding:0; color:#000; }
.families .text-box p { line-height:12px; }

.families .cols li { float:left; border:1px solid #d9d9d9; width:149px; margin-right:9px; padding:0 0 10px; min-height:330px; }
.families .cols li.last { margin-right:0; }
.families .cols li h4 { border:1px solid #dad3d2; padding:0 0 0 5px; font-size:10px; line-height:14px; letter-spacing:-1px; text-transform:uppercase; height:16px; color:#fff; overflow:hidden; }
.families .cols li h4 span { display:block; background:url(images/gfx_arrow2.gif) left center no-repeat; padding-left:10px; }
.families .cols li .image-holder { height:133px; padding:0 0 8px; text-align:center; border-top:1px solid #d9d9d9; }
.families .cols li .desc { color:#666; font-size:11px; line-height:13px; margin:0 7px; padding:10px 0; border:1px dotted #333; border-width:1px 0; }
.families .cols li .desc a { color:#666; text-decoration:none; }
.families .cols li .desc a:hover { color:#333; }
.families ul.aromaticas li h4 { background:#830d2a url(images/bkg_title1.gif) left top repeat-x; }
.families ul.florales li h4 { background:#830d2a url(images/bkg_title2.gif) left top repeat-x; }
.families ul.frescas li h4 { background:#830d2a url(images/bkg_title3.gif) left top repeat-x; }
.families ul.madera li h4 { background:#830d2a url(images/bkg_title4.gif) left top repeat-x; }
.families ul.orientales li h4 { background:#830d2a url(images/bkg_title5.gif) left top repeat-x; }

.info-bar { border:1px dotted #cbcbcb; border-width:1px 0; background:#fff url(images/bkg_info-bar1.gif) left center no-repeat; text-align:right; font-size:11px; height:20px; line-height:20px; color:#666; overflow:hidden; }
.info-bar a,
.info-bar span { color:#1738c6; }