@import url(header.css);
@import url(../../styles/footer.css);

body { margin: 0; padding: 0; font-family: Tahoma, Arial, sans-serif; font-size: 1px; text-align: center; background: #6C6C6C; filter: default; }

#container { width: 750px; margin: 0 auto; display: block;}
#container div.text { margin: 20px 0 5px 0; width: 447px; background: url(../images/back_about.gif) no-repeat left top; float: left;}
#container div.recomend { font-weight: normal; font-size: 10px; color: #6d6e71; margin: -2px 10px 0 0; text-align: right; background: url(../images/letter.gif) no-repeat left top;  padding: 2px 0 4px 20px; float: right; }
#container div.recomend a { text-decoration: none; color: #6d6e71; }
#container div.intro { font-weight: bold; font-size: 11px; color: #005fae; margin: 10px 0 0 15px; text-align: left;}

#container h2 { display:block; font-size: 14px; color: #005fae; margin: 15px 0 0 15px; text-align: left;}
#container h3 { font-weight: normal; font-size: 11px; color: #005fae; margin: 0; padding: 0 0 0 15px; text-align: left; float:left; }
#container div.it { background: url(../images/dotul.gif) no-repeat 3px; padding: 0 0 0 12px; }
#container div.it1 { background: url(../images/dotul.gif) no-repeat 3px 5px; padding: 0 0 0 12px; margin-bottom: 10px;}
#container div.produ { color: #333333; width: 300px; float:left; font-size: 10px; color: #333; margin-top: 10px;}
#container div.contus { float:left; }

#container div.vteach { font-weight: normal; font-size: 10px; color: #7c7c7c; margin: 0 12px 5px 15px; padding: 0; text-align: left; }
#container div.vteach ul { margin: 5px 0 0 15px; padding: 0 ; }
#container div.vteach li { margin: 0; padding: 0 0 1px 0;}
#container div.vteach p { margin:0; padding: 5px 0;}

#videos { width: 422px; padding: 0 0 10px 0; margin: 15px 15px 0 15px; }
#videos div.left { width: 190px; font-weight: bold; font-size: 10px; color: #595858; margin: 10px 0 0 0; text-align: left; float: left; }
#videos div.right { margin: 10px 0 0 10px; text-align: right; float: left; width: 212px; }
#videos DIV.bottom { width: 422px; height: 1px; clear: both; }

#recuadro { width:400px; float:left; }
#recuadro div.pic { width:58px; height: 52px; float:left; text-align:left; margin: 15px 0 0 10px; }
#recuadro div.country { margin: 15px 0 0 10px; float:left; text-align:left; background: url(../images/bit_arrow.gif) no-repeat left 4px; padding-left: 8px; font-weight: normal; font-size: 10px; color: #005fae; text-decoration:none; width: 260px; }

#recuadro div.name a { color: #898989; padding: 0; margin:0; text-decoration:none; }
#recuadro div.name a:hover { color: #005fae; padding: 0; margin:0; }

#family { margin: 0; width: 282px; float: left; }

#productsNav { margin: 0 0 0 12px; float: left; width: 269px; background: url(../images/productsNav_bg.gif) no-repeat left top; }
#productsNav h4 { margin: 10px 0 0 13px; text-align: left; }
#productsNav ul { margin: 11px 0 0 15px; padding: 0; list-style: none; text-align: left; }
#productsNav li { white-space:nowrap;width: 215px; padding: 0 0 5px 25px; margin: 0 0 3px 0; font-size: 10px; font-weight: bold; color: #6C6C6C; border-bottom: 1px solid #EAEAEA; background: url(../images/productsNav_bullet.gif) no-repeat left 2px; }
#productsNav li.lastItem { border: none; }
#productsNav a { text-decoration: none; color: #6C6C6C; }
#productsNav a:hover { color: #02579E; }

#productsVideo { margin: 20px 0 0 12px; width: 270px; float: left; }

#spacer { clear: both; width: 750px; height: 1px; }