/* ---------- Global reset ---------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img,
q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0;
font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline
}:focus { outline-color: #c56620 }
body { line-height: 1.5em }
table { border-collapse: separate; border-spacing: 0 }
caption, th, td { text-align: left; font-weight: normal }
table, td, th { vertical-align: middle }
blockquote:before, blockquote:after, q:before, q:after
{ content: "" }
blockquote, q { quotes: "" "" }
button { cursor: pointer }
a img { border: none }
/* ---------- Global styles ---------- */
body { font: normal 68.8%/1.6em Helvetica, Arial, sans-serif; color: #423600; /*border-top: 3px solid #fff;*/
background: #a19566 url('images/layout/bg_body.gif') repeat left top }
h1, h2, h3, h4, h5, h6
{ margin-top: 1em; margin-bottom: .2em; font-weight: normal; line-height: 1.2em; color: #000 }
h1 { font-size: 1.818em }
h2 { font-size: 1.636em }
h3 { font-size: 1.455em }
h4 { font-size: 1.273em }
h5 { font-size: 1.182em }
h6 { font-size: 1.091em }
p { margin-bottom: 1.5em }
a { text-decoration: none }
a, a:link, a:active, a:visited
{ color: #c56620 }
a:hover { text-decoration: underline }
hr { margin: 2em 0; width: 100%; height: 1px; color: transparent; background-color: transparent; border: none;
border-bottom: 1px solid #bfb899 }
* html hr { margin: 1em 0 }
*+html hr { margin: 1em 0 }
ul, ol { margin: 0 1.5em 1.5em 1.8em }
ul { list-style-type: disc; margin-left: 2em }
ol { margin-left: 2.5em; list-style-type: decimal }
li ul,
li ol { margin: 0 0 .2em 2em }
ul ul { list-style-type: circle; margin-left: 1.8em }
li li { padding-left: 0; background: none }
dl { margin: 0 0 1.5em 0 }
dl dt { font-weight: bold }
dd { margin-left: 10px }
table { border-collapse: collapse; margin-bottom: 1em }
table caption { margin-bottom: .2em; padding-left: 5px; font-weight: bold }
table thead { color: #8d8564 }
table thead td,
table th { font-weight: bold }
table thead td { border-top: 1px solid #423600; border-bottom: 1px solid #bfb899 }
table tfoot td { border-top: 1px solid #bfb899; border-bottom: 1px solid #423600 }
table tfoot { font-style: italic }
table th, table td { padding: .3em 10px .3em 5px; vertical-align: top }
table tr:hover th,
table tr:hover td { color: #c56620 }
table thead tr:hover td { color: #000 }
input, button, select, option, textarea
{ font-family: Helvetica, Arial, sans-serif, sans-serif; font-size: 1em; line-height: 1.2em; color: #333;
-moz-border-radius: 0; -webkit-border-radius: 0 }
textarea { max-width: 500px }
/* ---------- Main layout ---------- */
#holder { margin: 0 auto; width: 994px }
#lang { float: right; margin: -3px 7px 0 0; padding: 8px 2px 4px; width: auto; font-family: Tahoma, Geneva, sans-serif;
font-size: .909em; line-height: 1em; background-color: #493e07 }
* html #lang { display: inline; position: relative }
#lang,
#lang a { color: #fff }
#lang a { text-decoration: none }
#lang a:hover { text-decoration: underline }
#main { margin-top: 5px; padding: 7px; width: 980px;/* height: 578px;*/height: 528px; background: url('images/layout/bg_main.png') no-repeat top left }
#main,
#side,
#content,
#footer,
#aside,
#home { position: relative; float: left }
#side,
#content,
#aside,
#home { height: 500px; background-color: #fff }
#side { z-index: 1; margin-right: 3px; width: 195px }
#content { z-index: 2; width: 782px }
#footer { z-index: 3; clear: left; margin-top: 3px; width: 980px; height: 75px;/* height:25px;*/ background-color: #dbd7c5 }
#aside { position: relative; width: 195px; border-right: 1px solid #c3bc9f ; overflow:hidden;}
#home { position: relative; width: 586px }
#logo { padding: 26px 22px; width: 151px; height: 25px; font-size: 0; line-height: 0 }
#aside img { float: left; clear: left; width: 195px }
/* ---------- Main menu & Aside menu ---------- */
#menu,
#menu-aside { clear:both; list-style: none; margin: 0; width: 195px; border-bottom: 1px solid #ddd }
#menu li,
#menu-aside li { width: 195px; font-size: 1.091em; font-weight: bold; line-height: 1.2em; float:left; }
#menu li a,
#menu-aside li a { display: block; padding: .5em 15px .3em 20px; width: 160px; color: #423600;
border-top: 1px solid #ddd }
#menu li a:hover,
#menu-aside li a:hover { text-decoration: none; color: #c56620 }
#menu li a:focus,
#menu li a:active,
#menu-aside li a:focus,
#menu-aside li a:active { outline: none; background-color: #ddd }
#menu li a.active,
#menu-aside li a.active { color: #c56620 }
#menu li a.selected,
#menu-aside li a.selected { color: #c56620; background-color: #e8e5d9 }
#menu li a.active:focus,
#menu li a.active:active,
#menu-aside li a.active:focus,
#menu-aside li a.active:active { background-color: #ddd }
#menu ul,
#menu-aside ul { list-style: none; margin: 0; border-top: none; float:left; }
#menu ul li,
#menu-aside ul li { font-size: .917em; font-weight: normal }
#menu ul li a,
#menu-aside ul li a { padding: .4em 20px .2em 20px; width: 155px; border-top-style: dotted }
#menu ul.arrows li a.parent,
#menu-aside ul.arrows li a.parent { background: url('images/layout/sprite_menu_arrow.gif') no-repeat 180px .8em }
#menu ul.arrows li a:hover,
#menu-aside ul.arrows li a:hover { background-position: -20px .8em }
#menu ul.arrows li a:focus,
#menu ul.arrows li a:active,
#menu-aside ul.arrows li a:focus,
#menu-aside ul.arrows li a:active { background-color: #ddd }
#menu ul ul li,
#menu-aside ul ul li { font-size: 1em }
#menu ul ul li a,
#menu-aside ul ul li a { padding: .3em 20px .2em 25px; width: 150px; /*color: #a19566;*/ border-top: none; }
#menu ul.arrows ul li a,
#menu-aside ul.arrows ul li a { background-image: none }
#menu ul ul li a.active,
#menu-aside ul ul li a.active { background-color: #e9e5da }
#menu ul ul li a.selected,
#menu-aside ul ul li a.selected { color: #c56620; background-color: #e8e5d9 }
#menu ul ul li a.active:focus,
#menu ul ul li a.active:active,
#menu-aside ul ul li a.active:focus,
#menu-aside ul ul li a.active:active { background-color: #ddd }
/* ---------- Footer ---------- */
#footer-tools { float: left; padding: 25px 20px 0 20px; width: 940px; height: 25px }
#footer-tools ul.nav-main { float: left; margin: 0 20px 0 0; width: auto; list-style: none }
#footer-tools ul.nav-main li { float: left; margin-right: 3px; padding-right: 3px; width: auto; font-size: .909em;
line-height: .9em; border-right: 1px solid #7b7248 }
#footer-tools ul.nav-main li.last { margin-right: 0; padding-right: 0; border-right: none }
#footer-tools ul.nav-main li a { color: #7b7248 }
#footer-tools ul.nav-main li a:hover { text-decoration: none; color: #c56620 }
#footer-tools div.nav-list { position: relative; float: left; width: 400px; margin: 13px 20px 0 0/*height:20px; margin: -px 20px 0 0*/ }
* html #footer-tools div.nav-list { margin-top: -13px; width:300px; }
#footer-tools .nav-list ul { position: absolute; bottom: 0; float: left; margin: 0; padding: 0; line-height: .8em;
list-style-type: none }
#footer-tools .nav-list ul.left { left: 0; width: 130px !important; padding-right:5px; }
#footer-tools .nav-list ul.right { right: 0; width: 115px !important; padding-right:5px; }
#footer-tools .nav-list ul.right2 { right: 130px; width: 115px !important; padding-right:5px; }
#footer-tools .nav-list ul.right { right: 0; width: 115px !important; padding-right:5px; }
#footer-tools .nav-list ul li { padding: 0 }
#footer-tools .nav-list ul li a { display: none; padding: 5px 0 5px 5px; font-weight: normal; font-size: .909em; color: #372a1e }
#footer-tools .nav-list ul li a:hover { text-decoration: none; color: #c56620 }
#footer-tools .nav-list ul li.main a { display: block; background: url('images/layout/sprite_nav_list_arrow.gif') no-repeat right 8px;
white-space: nowrap; font-weight: bold !important }
#footer-tools .nav-list ul:hover { background-color: #fff; border:1px solid #afa98c }
#footer-tools .nav-list ul.over { background-color: #fff; border:1px solid #afa98c }
#footer-tools .nav-list ul.right:hover { width: 113px !important }
#footer-tools .nav-list ul:hover li a { display: block }
#footer-tools .nav-list ul.over li a { display: block }
#footer-tools .nav-list ul:hover li.main a { padding: 10px 0 4px 4px; background-position: right -36px }
#footer-tools .nav-list ul.over li.main a { padding: 10px 0 4px 4px; background-position: right -36px }
#footer-tools form.search { float: right; margin-top: -.3em; width: auto }
* html #footer-tools form.search { width: 185px }
#footer-tools form.search legend { display: none; visibility: hidden; font-size: 0; line-height: 0 }
#footer-tools form.search label { float: left; padding-right: 5px; width: auto; font-size: .909em; font-weight: bold;
line-height: 1.8em; color: #372a1e }
#footer-tools form.search input { float: left; padding: 2px 0; width: 120px; height: 11px; font-size: .909em; line-height: 1em;
color: #372a1e; border: 1px solid #999; border-right: none; background-color: #fff }
#footer-tools form.search button { float: left; padding: 0; width: 15px; height: 17px; font-size: 0; line-height: 0;
text-indent: -999px; overflow: hidden; color: #372a1e; border: none;
background: #fff url('images/layout/sprite_search_submit.gif') no-repeat 0 0 }
#footer-tools form.search button:hover { background-position: -50px 0 }
#footer-infos { float: left; clear: left; padding: 0 20px; width: 940px; height: 24px;
border-top: 1px solid #c5c0a9 }
#footer-infos p { margin-bottom: 0; width: auto; font-size: .909em; line-height: 1em; color: #7b7248 }
#footer-infos p.copyright { float: left; margin-top: 7px }
#footer-infos p.atcom { float: right; margin-top: 6px }
#footer-infos p.atcom a { float: left; width: auto; color: #7b7248 }
#footer-infos p.atcom a span { float: left; width: auto; line-height: 12px; vertical-align: middle }
#footer-infos p.atcom a span.logo { margin: 0 3px; width: 11px; height: 12px; font-size: 0; line-height: 0; background: url('images/layout/sprite_atcom_logo.gif') no-repeat 0 0 }
#footer-infos p.atcom a:hover { text-decoration: none; color: #c56620 }
#footer-infos p.atcom a:hover span{ cursor: pointer; background-position: 0 -12px }
/* ---------- Content pages layout ---------- */
#content-holder { position: relative; float: left; width: 586px; height: 500px }
#content-header { float: left; padding: 0 20px; width: 351px; height: 80px }
#content-header h1 { margin: 2em 0 0; color: #423600 }
#content-main { float: left; clear: left; padding: 0 20px; width: 351px; height: 380px; text-align: justify; overflow: auto }
/** html #content-main { overflow-x: none; overflow-y: scroll }
*+html #content-main { overflow-x: none; overflow-y: scroll }*/
#content-main h2 { margin-top: 2.5em; margin-bottom: .8em; font-size: 1.091em; font-weight: bold; color: #423600 }
#content-main h2.border { border-bottom: 1px solid #423600; margin-top: 0; padding: 0 0 .273em 0 }
#content-main h2.narrow { margin-top: .5em; margin-bottom: .2em }
#content-main h2.colored { margin: 1.364em 0; font-weight: normal; font-size: 1.273em; color: #c56620 }
#content-main h2.colored.border { padding: 1.25em 0 0 0 !important; border-bottom: 1px solid #c56620 !important }
#content-main h2.colored.border a:hover { text-decoration:none }
#content-main h3 { margin: .8em 0; font-size: 1em; font-weight: bold; color: #423600 }
#content-main table,
#content-main table.simple { width: 100% }
* html #content-main table,
* html #content-main table.simple { width: 95% }
*+html #content-main table,
*+html #content-main table.simple { width: 95% }
#content-main table.simple-dotted { float: left; clear: both; margin: 1.364em 0 0 0; font-size: .909em; color: #817c65 }
#content-main table caption { padding: 1.364em 0 .455em 0; font-size: 1.273em; font-weight: normal; color: #c56620 }
#content-main table caption.no-caption { display: none; visibility: hidden }
#content-main table thead { background-color: #dbd7c5 }
#content-main table thead th,
#content-main table.simple thead th { color: #423600 }
#content-main table.simple thead th { font-weight: bold }
#content-main table tr,
#content-main table th,
#content-main table td { border-bottom: 1px solid #fff }
#content-main table.simple tr,
#content-main table.simple th,
#content-main table.simple td { border-bottom: 1px solid #dbd7c5 }
#content-main table.simple-dotted tr,
#content-main table.simple-dotted th,
#content-main table.simple-dotted td { border-bottom: 1px dotted #bfbfbf }
#content-main table tr.first { background-color: #f7f6f2 }
#content-main table tr.second { background-color: #eeece3 }
#content-main table th.center,
#content-main table td.center { text-align: center }
#content-main table.simple td.right { text-align: right }
#content-main table td span { font-weight: bold; color: #423600 }
#content-main a.simple-link { color: #423600 }
#content-main a.simple-link:hover,
#content-main a.simple-link:focus,
#content-main a.simple-link:active { color: #c56620; text-decoration: none }
#content-main a.simple-link.arrow { padding-left: .636em; background: url('images/layout/sprite_arrow_right.gif') no-repeat 0 -195px }
* html #content-main a.simple-link.arrow { background-position: 0 -192px }
#content-main span.pdf-file { width: 14px; height: 14px; display:inline-block; margin: 0 0 0 5px;
background: url('images/layout/icon_pdf.gif') no-repeat left top; cursor: pointer }
#content-main span.pdf-file span { display: none }
#content-main span.wav-file { width: 14px; height: 14px; display:inline-block; margin: 0 0 0 5px;
background: url('images/audio-1.png') no-repeat left top; cursor: pointer }
#content-main span.wav-file span { display: none }
#content-main span.ir-file { width: 14px; height: 14px; display:inline-block; margin: 0 0 0 5px;
background: url('images/ebook-1.png') no-repeat left top; cursor: pointer }
#content-main span.ir-file span { display: none }
#content-main div.float-left { float: left; text-align: left }
#content-main div.float-right { float: right }
#content-main div.width-100per { width: 100% }
* html #content-main div.width-100per { width: 95% }
*+html #content-main div.width-100per { width: 95% }
#content-main div.width-50per { float: left; width: 48%; margin: 0 2% 0 0 }
* html #content-main div.width-50per { width: 48% }
*+html #content-main div.width-50per { width: 48% }
#content-main p.more a { padding:0 .909em .909em 0; background: url('images/layout/sprite_arrow_right.gif') no-repeat right -96px }
#content-main p.more a:hover { text-decoration: none }
#content-main ul.simple-list { margin: 0; list-style-type: none }
#content-main ul.simple-list em { display: block; padding: .909em 0 0 0; font-style: normal; font-size: 1.091em; font-weight: bold }
#content-main ul.simple-list ul { margin: 0 !important; padding: 0 0 .909em 0; list-style-type: none }
#content-main ul.simple-list ul li a { color: #a19566 }
#content-main ul.simple-list ul li a:hover,
#content-main ul.simple-list ul li a:focus,
#content-main ul.simple-list ul li a:active { color: #c56620; text-decoration: none }
#content-main .no-marg-pad { margin: 0 !important; padding: 0 !important }
#content-footer { float: left; clear: left; padding: 0 20px; width: 351px; height: 40px }
#content-footer p { float: left; margin: 1.8em 15px 0 0; width: auto; font-size: .909em; line-height: 1em;
white-space: nowrap }
#content-footer p.top { float: right; margin-right: 5px }
#content-footer p,
#content-footer p a { color: #817c65 }
#content-footer p a { float: left; width: auto; background-image: url('images/layout/sprite_content_footer.gif');
background-repeat: no-repeat }
#content-footer p.sent-to-friend a { padding-left: 12px; background-position: 0 1px }
#content-footer p.print a { padding-left: 10px; background-position: 0 -40px }
#content-footer p.top a { padding-left: 12px; background-position: 0 -78px }
#content-footer p a:hover { color: #c56620 }
#content-footer p.sent-to-friend a:hover { background-position: 0 -19px }
#content-footer p.print a:hover { background-position: 0 -60px }
#content-footer p.top a:hover { background-position: 0 -98px }
#content-side { position: absolute; top: 0; right: 0; width: 195px; height: 500px; overflow: hidden }
* html #content-side { position: absolute !important }
#content-side img { float: left; width: 195px; height: 500px }
#content-holder .wide { width: 546px }
/* ---------- Side generic layout ---------- */
div.main-aside div.label { position: absolute; left: 0; bottom: 0; padding: 15px 15px 10px; width: 165px; background-color: #bfb899 }
* html div.main-aside div.label { position: absolute !important }
div.main-aside div.label h1 { margin: 0 0 .6em 0; line-height: .9em }
div.main-aside div.label h1,
div.main-aside div.label h1 a { color: #1e1913 }
div.main-aside div.label p { margin-bottom: .8em; font-size: 1.091em; line-height: 1.2em; color: #1e1913 }
div.main-aside div.label p.more { margin-bottom: 0; font-size: 1em; line-height: 1em }
div.main-aside div.label p.more a { color: #1e1913; vertical-align: middle }
div.main-aside div.label p.more a span { display: -moz-inline-box; display: inline-block; margin-bottom: -3px;
padding-left: 2px; width: 7px; height: 7px; overflow: hidden; font-size: 0;
line-height: 0; text-indent: -20px;
background: url('images/layout/sprite_arrow_right.gif') no-repeat right 0 }
html:lang(en)>body div.main-aside div.label p.more a span { margin-top: -4px; vertical-align: middle }
div.main-aside div.label p.more a:hover { text-decoration: none; color: #c56620 }
div.main-aside div.label p.more a:hover span { cursor: pointer; background-position: right -100px }
/* ---------- Home page layout ---------- */
div.home-aside-line { border-right-color: #fff !important }
#home { padding: 1px 1px 1px 0; width: 585px; height: 498px }
#home .home-photos { position: relative; z-index: 1; font-size: 0; line-height: 0 }
#home .home-photos .main { position: absolute; top: 0; left: 0; z-index: 2 }
* html #home .home-photos .main { position: absolute !important }
#home .home-photos .side { position: absolute; top: 0; right: 0; z-index: 3; width: 268px; border-left: 1px solid #fff }
* html #home .home-photos .side { right: 1px; position: absolute !important }
#home .home-photos .side img { border-bottom: 1px solid #fff }
#home .label { position: absolute; left: 0; bottom: 1px; z-index: 5; padding: 1em 15px .6em; width: 555px;
min-height: 92px; overflow: hidden }
* html #home .label { position: absolute !important }
#home .label .bg { position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 585px; height: 100%; font-size: 0;
line-height: 0; filter: alpha(opacity=65); -moz-opacity: .65; opacity: .65; background-color: #000 }
* html #home .label .bg { height: 500px; position: absolute !important }
#home .label .main { position: relative; z-index: 2 }
#home .label h1 { margin: 0 0 .5em; font-size: 1.636em; line-height: 1em }
#home .label h1,
#home .label h1 a { color: #9d9262 }
#home .label p { margin-bottom: .8em; font-size: 1.091em; line-height: 1.2em; color: #fff }
#home .label p.more { margin-bottom: 0; font-size: 1em; line-height: 1em }
#home .label p.more a { color: #fff; vertical-align: middle }
#home .label p.more a span { display: -moz-inline-box; display: inline-block; margin-bottom: -3px; padding-left: 2px;
width: 7px; height: 7px; overflow: hidden; font-size: 0; line-height: 0; text-indent: -20px;
background: url('images/layout/sprite_arrow_right.gif') no-repeat right -50px }
html:lang(en)>body #home .label p.more a span { margin-top: -4px; vertical-align: middle }
#home .label p.more a:hover { text-decoration: none; color: #c56620 }
#home .label p.more a:hover span { cursor: pointer; background-position: right -100px }
#home .stocks { position: absolute; right: 1px; bottom: 1px; z-index: 6; margin: 0; padding: 0 5px; width: 260px; height: 17px }
* html #home .stocks { position: absolute !important }
#home .stocks .main { position: relative; z-index: 8; width: 260px; height: 17px; overflow: hidden; font-size: .909em;
line-height: 1em; color: #fff }
#home .stocks ul { position: relative; margin: 0; padding: 0; width: 260px; height: 17px; list-style: none }
#home .stocks li { display: none; position: absolute; left: 0; top: 0; padding-top: .3em; width: 270px; height: 17px }
#home .stocks li.active { display: block }
#home .stocks a { display: block; position: absolute; top: 0; padding: 5px 2px; width: 3px; height: 7px }
#home .stocks a.previous { right: 10px }
#home .stocks a.next { right: 0 }
* html #home .stocks a { position: absolute !important }
#home .stocks a span { display: block; width: 3px; height: 5px; overflow: hidden;
background-image: url('images/layout/sprite_stock_arrows.gif'); background-repeat: no-repeat }
#home .stocks a.previous span { background-position: 0 0 }
#home .stocks a.next span { background-position: -3px 0 }
#home .stocks a.previous:hover span,
#home .stocks a.next:hover span { cursor: pointer }
#home .stocks a.previous:hover span { background-position: 0 -5px }
#home .stocks a.next:hover span { background-position: -3px -5px }
#home .stocks a em { display: none; visibility: hidden; font-size: 0; line-height: 0 }
#home .stocks .bg { position: absolute; right: 0; bottom: 0; z-index: 7; width: 270px; height: 17px;
font-size: 0; line-height: 0; filter: alpha(opacity=20); -moz-opacity: .20; opacity: .20;
background-color: #000 }
* html #home .stocks .bg { position: absolute !important }
/* ---------- Contact page layout ---------- */
div.contact-aside div.label { position: absolute; left: 0; bottom: 0; padding: 15px 15px 10px; width: 165px; background-color: #bfb899 }
* html div.contact-aside div.label { position: absolute !important }
div.contact-aside address { font-style: normal; line-height: 1.2em }
div.contact-aside address,
div.contact-aside address a { color: #423600 }
div.contact-aside address .hidden { display: none; visibility: hidden; font-size: 0; line-height: 0 }
div.contact-aside address strong,
div.contact-aside address .line,
div.contact-aside address .street-address,
div.contact-aside address .tel { display: block; margin: 0 }
div.contact-aside address .fn { font-size: 1.273em; font-weight: bold }
div.contact-aside address strong.fn { margin-bottom: .5em }
div.contact-aside address strong.mtop { margin-top: .5em }
fieldset.contact { float: left; width: 260px }
fieldset.contact legend { display: none; visibility: hidden }
fieldset.contact .group { float: left; clear: left; padding-bottom: .2em; width: 260px }
fieldset.contact .group div { float: left; width: 130px }
fieldset.contact label,
fieldset.contact input { float: left; width: 120px}
fieldset.contact label { font-size: .909em; font-weight: bold }
fieldset.contact input,
fieldset.contact select,
fieldset.contact textarea { clear: left; border: 1px solid #c8c5b4 }
fieldset.contact textarea { width: 250px; max-width: 340px; height: 75px }
fieldset.contact button { float: left; margin-top: .5em; margin-right: 3px; width: 70px; font-size: .909em; line-height: 1.5em;
color: #fff; border: 1px solid #c8c5b4; background-color: #6e6644 }
fieldset.contact input.error { border-color: #ffb2b2 }
fieldset.contact em.error { float: left; clear: left; width: 120px; font-size: .909em; font-style: normal; line-height: 1.5em;
color: #ff0101 }
fieldset.contact p.note { float: left; clear: left; margin: 0; width: 260px; color: #817c65 }
/* ---------- Definition list expanded ---------- */
.list-exp dl { margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px dotted #a6a6a6 }
.list-exp dt { font-size: 1.091em; font-weight: normal; line-height: 1em }
.list-exp dt,
.list-exp dt a { color: #423600 }
.list-exp dt a { display: block; padding-left: 10px;
background: url('images/layout/sprite_list_arrows.gif') no-repeat 0 4px }
.list-exp dt a:hover { text-decoration: none; background-position: 0 -75px }
.list-exp dd { display: none; margin-left: 10px; padding-top: 1em }
.list-exp .selected dt a { color: #c56620; background-position: 0 -115px }
.list-exp .selected dt a:hover { background-position: 0 -36px }
.list-exp .selected dd { display: block }
/* ---------- Search results layout ---------- */
.search-results form,
.search-results fieldset { float: left; width: 330px }
.search-results fieldset { margin-bottom: 1em; padding-top: .5em }
.search-results legend,
.search-results label { display: none; visibility: hidden; font-size: 0; line-height: 0 }
.search-results input { float: left; padding: 0 2px; width: 196px; height: 15px; line-height: 1.4em; color: #423600;
border: 1px solid #999; border-right: none; background-color: #fff }
.search-results button { float: left; padding: 0; width: 15px; height: 17px; font-size: 0; line-height: 0; text-indent: -999px;
overflow: hidden; color: #372a1e; border: none;
background: #fff url('images/layout/sprite_search_submit.gif') no-repeat 0 0 }
.search-results button:hover { background-position: -50px 0 }
.search-results p.results-num { clear: left; margin-bottom: .8em; color: #423600 }
*+html .search-results p.results-num { margin-top: 1em }
.search-results dl { margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px dotted #a6a6a6 }
.search-results dt { margin-bottom: .2em; font-size: 1.091em; line-height: 1.2em }
.search-results dt,
.search-results dt a { color: #423600 }
.search-results dt a { display: block; padding-left: 10px;
background: url('images/layout/sprite_arrow_right.gif') no-repeat 0 -146px }
.search-results dt a:hover { text-decoration: none; color: #c56620; background-position: 0 -196px }
.search-results dd { line-height: 1.3em; color: #685e33 }
/* ---------- Links layout ---------- */
.links dl { margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px dotted #a6a6a6 }
* html .links dl { display: inline-block }
.links dt { margin-bottom: .2em; font-size: 1.091em; line-height: 1.2em; font-weight: normal }
.links dt,
.links dd a { color: #423600 }
.links dd a { display: block; padding-left: 10px; background: url('images/layout/sprite_arrow_right.gif') no-repeat 0 -146px }
.links dd a:hover { text-decoration: none; color: #c56620; background-position: 0 -196px }
.links dd { margin-left: 0; line-height: 1.3em; color: #685e33 }
/* ---------- Key Figures ---------- */
.alphabet { list-style-type: none; margin: 0 }
.alphabet li { float: left; padding:0 .455em 0 0 }
.alphabet li a { display: block; font-size: 1em; color: #423600 !important }
.alphabet li a:hover,
.alphabet li a:focus,
.alphabet li a:active,
.alphabet li.active a { color: #c56620 !important; text-decoration: none }
fieldset.key-figures { float: left; width: 100%; margin: .455em 0 }
fieldset.key-figures legend { display: none; visibility: hidden }
fieldset.key-figures select { float: left; clear: left; width: 320px; border: 1px solid #bfb899; color: #8d8564 }
fieldset.key-figures select option.selected{ color: #c56620 }
.countries { float: left; clear: left; width: 100%; margin: 0 0 1.5em 0; list-style-type: none; }
#stores { width: 90%;}
*html #countries { position:fixed; }
.countries li { float: left; padding: 0 30px 0 0 }
.countries li.last { padding: 0 }
.countries li ul { list-style-type: none; margin: 0 }
.countries li ul li { padding: 0; float: none !important }
.countries li a { display: block; font-size: 1em; color: #8d8564 !important }
* html .countries li a { display: inline-block }
.countries li a:hover,
.countries li a:focus,
.countries li a:active,
.countries li ul li.active a { color: #c56620 !important; text-decoration: none }
div.key-figures { float: left; width: 100%; margin:0; padding: .909em 0 !important;
border-bottom: 1px dotted #a6a6a6 }
* html div.key-figures { width: 95% }
*+html div.key-figures { width: 95% }
div.key-figures img { float: left; margin: 0 .909em .909em 0 }
div.key-figures em { font-style: normal; font-size: 1.091em; font-weight: bold; color: #c56620 }
ul.key-figures { float: left; width: 100%; margin: 0 0 1.5em 0; list-style-type: none }
* html ul.key-figures { width: 95% }
*+html ul.key-figures { width: 95% }
/* ul.key-figures li { padding: 0 0 0 10px; border-bottom: 1px dotted #a6a6a6;
background: url('images/layout/sprite_arrow_right.gif') no-repeat 0 -144px } */
ul.key-figures li { padding: 0 0 0 10px; border-top: 1px dotted #a6a6a6;
background: url('images/layout/sprite_list_arrows.gif') no-repeat 0 -33px }
ul.key-figures li,
ul.key-figures li a { color: #423600 }
ul.key-figures li a { display: block }
ul.key-figures li a:hover { background-position: 0 -194px }
ul.key-figures li a:hover,
ul.key-figures li a:focus,
ul.key-figures li a:active { color: #c56620; text-decoration: none }
ul.key-figures li.selected { padding: 0 0 0 10px; border-bottom: 1px solid #FFFFFF;
background: url('images/layout/sprite_list_arrows.gif') no-repeat 0 -112px }
/* ---------- IR Layout ---------- */
.ir dl { margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px dotted #a6a6a6 }
* html .ir dl { display: inline-block }
.ir.no-border dl { border-bottom: none }
.ir dl.width-50per { float: left; width: 49%; margin:0 1% 0 0; border: 0 }
* html .ir dl.width-50per { float: left; width: 49% }
.ir dt,
.ir dt.or { margin-top: .5em; margin-bottom: .2em; font-size: 1.091em; line-height: 1.2em; font-weight: bold }
.ir dt.or { color: #c56620 !important }
.ir dt span,
.ir dl.width-50per dd span
{ display: block; font-size: 1em; font-weight: normal; color: #c56620 }
.ir dl.width-50per dt { font-size: 1.273em; font-weight: normal; border-bottom: 1px solid #c56620 }
.ir dl.width-50per dt,
.ir dl.width-50per dt a { color: #c56620 !important }
.ir dd { margin-bottom: .182em; margin-left: 0; line-height: 1.3em; color: #423600 }
.ir.dt-arrow dd { padding: 0 0 0 10px }
.ir dt a,
.ir dd a { color: #423600 !important }
.ir dt.or a,
.ir dt span a { color: #c56620 !important }
.ir.dt-arrow dt span a { padding: 0; background: none }
.ir.dt-arrow dt a { padding: 0 0 0 10px; background: url('images/layout/sprite_arrow_right.gif') no-repeat 0 -146px }
.ir dt a:hover,
.ir dd a:hover,
.ir.dt-arrow dt.or span a:hover
{ color: #c56620 !important; text-decoration: none }
.ir dt.or a:hover { color: #423600 !important }
.ir.dt-arrow dt a:hover { background-position: 0 -196px }
.ir dl.width-50per dd a { padding: 0 0 0 10px; background: url('images/layout/sprite_arrow_right.gif') no-repeat 0 -196px }
fieldset.form-style { float: left; clear:both; width:95%; padding: 0 0 .909em 0 }
fieldset.form-style legend { display: none; visibility: hidden }
fieldset.form-style .group { float: left; clear: left; padding-bottom: .2em; width: 100% }
fieldset.form-style .group div { float: left; width: 130px }
fieldset.form-style .group div.big { float: left; width: 95% }
fieldset.form-style span { color: #c56620 }
fieldset.form-style label,
fieldset.form-style input { float: left; width: 120px }
fieldset.form-style label.label-big { width: 95% }
fieldset.form-style label.label-small { width: auto; padding: 0 .909em 0 0 }
fieldset.form-style input.input-small { float: left; width: 15px; border: 0 }
fieldset.form-style label { font-size: .909em; font-weight: bold }
fieldset.form-style input,
fieldset.form-style select,
fieldset.form-style textarea { clear: left; border: 1px solid #c8c5b4 }
fieldset.form-style textarea { width: 250px; max-width: 340px; height: 75px }
fieldset.form-style button { float: left; margin-top: .5em; margin-right: 3px; width: 70px; font-size: .909em; line-height: 1.5em;
color: #fff; border: 1px solid #c8c5b4; background-color: #6e6644; height:20px; padding:0 0 2px 0; }
fieldset.form-style input.error { border-color: #ffb2b2 }
fieldset.form-style em.error { float: left; clear: left; width: 120px; font-size: .909em; font-style: normal; line-height: 1.5em;
color: #ff0101 }
fieldset.form-style p.note { float: left; clear: left; margin: 0; width: 260px; color: #817c65 }
div.report-cover { float: left; padding: 0 10px 0 0 }
div.report-cover img { /*width: 125px; height: 165px*/ border: 0 }
ul.div-box { float: right; margin: 0; list-style-type: none }
* html ul.div-box { float: left; width: 95% }
*+html ul.div-box { float: left; width: 95% }
ul.div-box li { display: block; float: left; margin: 0 0 0 .455em; border: 1px solid #c8c5b4 }
* html ul.div-box li { float: right }
*+html ul.div-box li { float: right }
ul.div-box li a { display: block; padding: 0 .909em; color: #c8c5b4 !important }
* html ul.div-box li a { margin-top: -2px }
ul.div-box li a:hover,
ul.div-box li a:focus,
ul.div-box li a:active,
ul.div-box li a.active { display: block; background-color: #dbd7c5; color: #423600 !important; text-decoration: none }
/*ul.div-box li:hover { display: block; background-color: red; color: #423600 !important }*/
#flash-grafima-1 { width: 230px; height: 160px; margin: 0; padding: 10px; background-color: #f2f1eb; overflow: hidden }
#flash-grafima-2,
#flash-grafima-3,
#flash-grafima-4 { width: 511px; height: 180px; margin: 0; overflow: hidden }
.tab-container { display: block }
.tab-box { height: 20px !important; border-bottom: 1px solid #c8c5b4 }
* html .tab-box { border-bottom: none; background: #fff url(images/layout/tab_box_bg.gif) repeat-x left top }
.tab-box ul { height: 20px !important }
.tab-box ul { list-style-type: none; border-left: 1px solid #c8c5b4 }
.tab-box ul.tabs { margin: 0 }
.tab-box ul.tabs li { float: left; height: 18px; margin: 0; padding: 1px 6px 0 6px; background-color: #e4e1d4;
border-top: 1px solid #c8c5b4; border-right: 1px solid #c8c5b4;
border-bottom: 1px solid #c8c5b4 }
.tab-box ul.tabs li.active { background-color: #fff; border-bottom: 1px solid #fff }
* html .tab-box ul.tabs li.active { background: #fff url(images/layout/transparent_white.gif) repeat left top }
.tab-box ul.tabs li,
.tab-box ul.tabs li a { color: #423600; font-size: .909em }
.tab-box ul.tabs li.active,
.tab-box ul.tabs li.active a { color: #423600 }
.tab-box ul.tabs li a { text-decoration: none }
.tab-box ul.tabs li a:hover { color: #c56620 }
.tab-text { border-right: 1px solid #c8c5b4; border-bottom: 1px solid #c8c5b4;
border-left: 1px solid #c8c5b4 }
fieldset.price-info { padding: 0 0 .909em 0 }
fieldset.price-info.no-pad { padding: 0 }
fieldset.price-info legend { display: none; visibility: hidden }
fieldset.price-info .price-info-pad { width: 511px; float: left; clear: both; padding: 12px 8px }
fieldset.price-info .price-info-pad.border { border-bottom: 1px dotted #bfbfbf }
fieldset.price-info label { float: left; padding: 0 .455em 0 0; font-size: .909em }
fieldset.price-info input { float: left; width: 80px; height: 13px; margin: 0 .455em 0 0; font-size: .909em }
fieldset.price-info input.input-small { float: left; width: 17px; height: 17px; border: 0 }
fieldset.price-info input,
fieldset.price-info select,
fieldset.price-info textarea { border: 1px solid #c8c5b4 }
fieldset.price-info textarea { width: 250px; max-width: 340px; height: 75px }
fieldset.price-info button { float: right; margin-top: .5em; margin-right: 35px; font-size: .909em; font-weight: bold;
color: #fff; background-color: #6e6644; border: 1px solid #c8c5b4 }
fieldset.price-info input.calendar
{ float: left; width: 18px; height: 17px; background: url(images/layout/icon_calendar.gif) no-repeat left top;
border: 0; padding: 0 1.818em 0 0 }
/*fieldset.price-info input.error { border-color: #ffb2b2 }
fieldset.price-info em.error { float: left; clear: left; width: 120px; font-size: .909em; font-style: normal; line-height: 1.5em;
color: #ff0101 }
fieldset.price-info p.note { float: left; clear: left; margin: 0; width: 260px; color: #817c65 }*/
/* ---------------------------------------- PHOTO GALLERY ----------------------------- */
#aside ul.comp_ul { clear:both; display:block; overflow:hidden; margin:0; border-top:1px solid #dddddc; }
#aside ul.comp_ul li { padding:0; font:bold 12px arial; color:#423600; margin:0; list-style:none; border-bottom:1px solid #dddddc; }
#aside ul.comp_ul li a { display:block; padding:5px 57px 5px 20px; color:#423600; }
#aside ul.comp_ul li a:hover { display:block; padding:5px 57px 5px 20px; color:#c56620; text-decoration:none; background-color:#e8e5d9; }
#aside ul.comp_ul li.active { padding:0; font:bold 12px arial; color:#423600; margin:0; list-style:none; border-bottom:1px solid #dddddc; }
#aside ul.comp_ul li.active a { display:block; padding:5px 57px 5px 20px; color:#c56620; text-decoration:none; background-color:#e8e5d9; }
#aside ul.comp_ul li.active a:hover { display:block; padding:5px 57px 5px 20px; color:#c56620; text-decoration:none; background-color:#e8e5d9; }
.listPhoto00 { float:left; width:100%; padding:5px 0px 10px 0px; }
.listPhoto00 a { float:left; width:103px; height:102px; background:url(images/img_box.gif) no-repeat left top; padding:6px; margin-right:15px; display:inline; }
.listPhoto00 a.last { margin-right:0; }
.url00 { font-size:12px; margin-top:3px; display:block; }
.listPhoto00a { float:left; width:394px; padding:20px 75px 0px 75px; }
.imgBox { float:left; width:394px; background:url(images/img_boxBig_top.gif) no-repeat left top; padding:0; padding-top:6px; }
.imgBox .main { float:left; width:382px; background:url(images/img_boxBig_bottom.gif) no-repeat left bottom; padding:0px 6px 6px 6px; margin:0; }
.imgBox .main img { padding:0; margin:0; float:left; }
.titleGal { float:left; font:bold 14px arial; padding-top:10px; }
.pagesGal { float:right; padding-top:10px; }
.pagesGal .left { float:left; padding-right:10px; vertical-align:middle; background:none; }
.pagesGal .page { float:left; font:normal 12px arial; vertical-align:middle; }
.pagesGal .page em { font:bold 14px arial; }
.pagesGal .right { float:left; padding-left:10px; vertical-align:middle; }
a.downL { padding-top:7px; background:url(images/layout/sprite_arrow_right.gif) no-repeat 0px -89px; padding-left:10px; display:block; clear:both; overflow:hidden; color:#423600; }
.bottom00 { display:block; padding:0px; float:left; width:100%; }