/*<![CDATA[*/

html, body { margin: 0; padding: 0; height: 100%; }

body     { background: #263e6d url(../i/bg_body.gif) }
body, td { font: 13px Arial}

#main       { height: 100%; width: 100%; }
#main td    { text-align: center; padding: 20px; background: url(../i/bg_center.gif) center center no-repeat } 
#main td td { text-align: left } 

#outer      { margin: auto; width: 876px; height: 508px }
#outer td   { vertical-align: top; padding: 0; background: url(../i/bg_inner_outer_bottom.jpg) bottom no-repeat}

#foto           { position: absolute; top: 0; left: 0}
#foto #outer    { margin: auto; width: 876px; height: 548px }
#foto #outer td { background: none }


#workspace { width: 876px; height: 508px; background: url(../i/bg_inner_outer_top.jpg) no-repeat }

#conteiner, #footer { float: left  }

#left, #right { float: left}
#left { width: 312px; padding-left: 55px; padding-top: 39px; wid\th/* */: 257px }

#right { width: 524px }

#lng   { height: 84px }
#lng a { display: inline-block; width: auto; background: url(../i/bg_lng_arrow.png) 0 3px no-repeat;
         color: #fff; text-decoration: none; padding-left: 8px; text-transform: uppercase; font-size: 9px}

#navigation { height: 148px }
#navigation ul { margin:0; padding:0; list-style: none; margin-bottom: 20px}
#navigation li { margin:0; padding:0 }

#navigation a { color: #fff; text-decoration: none }
#navigation a.active, #navigation span, #navigation a:hover { color: #af9a62 }

#menu img    { margin-bottom: 9px }
#menu img.m2 { margin-bottom: 6px }
#menu div    { float: left }
#menu div.active { background: url(../i/bg_div_active.gif) 0 2px no-repeat; padding-left: 15px }

#rheader    { float: left; width: 100%; height: 129px }

#header     { float: left }
#header img { margin-top: 79px; margin-left: 42px }

#logo     { float: right; padding-right: 1px}
#logo img { margin-top: 39px;  }

#content { float: left; width: 523px; height: 286px; border: 1px solid #314874; 
           padding: 6px; wid\th/* */: 509px; hei\ght/* */: 272px }

#content div          { float: left} 
#content div.products, #content div.product { width: 461px; margin-left: 7px; margin-right: 7px; wid\th/* */: 447px } 

#content div.products div img { float: left; display: inline } 
#content div.products div div { float: left; display; inline; width: 89px; }
#content div.products div div div { float: left; display; inline; width: 89px; height: 90px; border: 4px solid #3bbcf1; margin-top: -90px; wid\th/* */: 81px; hei\ght/* */: 82px; }

#content div.product img      { float: left }
#content div.product div.info { float: left; padding-left: 47px; padding-top: 36px }

div.info *    { font: 12px Arial }
div.info h6   { margin: 0; padding: 0; color: #af9a62; margin-bottom: 2px}
div.info p    { margin: 0; padding: 0; color: #fff; margin-bottom: 20px }
div.info div.colors      { margin-top: -5px }
div.info div.colors span { color: #af9a62; display: inline-block; float: left; margin-top: 2px; margin-right: 10px }
div.info div.colors img  { margin-right: 7px }

#text { overflow: hidden; color: #fff; display: inline; width: 471px; height: 237px; font-size: 12px; 
        margin-left: 55px; margin-top: 40px; wid\th/* */: 406px; hei\ght/* */: 197px }

div.tscroll     { float: right; margin-left: 22px; width: 22px; display: inline }

#scrollbar { float: right; height: 233px; padding-left: 5px }

#scroller{ width: 13px; height: 50px; background: url(../i/tmp.gif) repeat-y}

/*div.tscroll     { width: 45px; height: 271px }*/

/*div.tscroll img { float: right}
div.tscroll img.next { margin-top: 233px}
  */


#footer { width: 876px; padding-left: 55px; padding-top: 22px; color: #596e97; font-size: 9px; wid\th/* */: 821px; }

#fleft     { float: left; width: 298px;  }
#fcontacts { float: left; width: 270px; padding-top: 14px; color: #8894ac; font: 10px Tahoma }
#fright    { float: right; padding-right: 44px; padding-top: 6px }

#fleft a { display: inline-block; width: auto; background: url(../i/bg_lng_arrow.png) 0 3px no-repeat;
           color: #fff; text-decoration: none; padding-left: 8px; text-transform: uppercase; font-size: 9px}
#fleft p { margin: 0; padding: 0; margin-top: 3px; text-transform: uppercase;}

#fcontacts div.left  { float: left }
#fcontacts div.right { float: right }

#fcontacts div.left span { text-transform: uppercase; color: #3bbcf1; font-weight: bold  }
#fcontacts div.right a   { color: #fff; display: inline-block; width: auto; padding-left: 8px;
                           background: url(../i/bg_lng_arrow.png) 0 4px no-repeat; text-decoration: none }

#popup { display: none; position: absolute; top: 0; left: 0; cursor: hand; cursor: pointer;
         width: 511px; height: 548px; background: #2f497c; border: 1px solid #395386;
         wid\th/* */: 509px; heig\ht/* */: 546px;   }

#popup img { margin: 19px; width: 471px; height: 508px}

img { border: 0; display: block; margin-left: -3px; margin-right: -3px; mar\gin/* */: 0}

a:hover { cursor: pointer}

p { margin: 8px 0}

/*]]>*/