/*
	 *  @2008
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, a, img, address,   em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; list-style: none; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }

html {  }
body { color: #a05170; background: #f6c4e0; font: normal 0.68em/1.4em Tahoma, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }
.left { float: left; }
.right { float: right; }

a { font-weight: bold; color: #8c4267; text-decoration: underline; }
a:focus, a.focus, a:hover { color: #ff2e01; }


#page { width: 976px; margin: -11px auto 0; padding: 40px 12px; background: #fff url(/image/bg-page.png) no-repeat 0 0; }

#top:after, /* ul.form li:after, */ 
#promo-info:after,
#promo-info #promo-desc:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6,7 */


/* top */
#top {  width: 976px; margin: 0 auto; padding: 12px 12px 0; background: #fff url(/image/bg-top.png) no-repeat 100% 0; }
#logo { float: left; }
#top-banner { height: 86px; float: right; margin: 0 20px; }
#top-nav { width: 650px; float: left; clear: both; padding: 14px 0 0; }
#top-nav li { float: left; margin: 0 2px 0 0; }
#top-nav li a { float: left; height: 28px; padding: 0 0 0 10px; background: url(/image/bg-item-left.png) no-repeat 0 0; text-decoration: none; }
#top-nav li a span { float: left; height: 20px; padding: 8px 10px 0 0; color: #fff; background: url(/image/bg-item-right.png) no-repeat 100% 0; font-weight: bold; }
#top-nav li a:hover { background-position: 0 100%  }
#top-nav li a:hover span { background-position: 100% 100% }
#comm-logo { float: right; }

#top-nav li a#active-menu { background-position: 0 100%; }
#top-nav li a#active-menu span{ background-position: 100% 100%; }
#top-nav li a#active-menu1 { background-position: 0 100%; }
#top-nav li a#active-menu1 span{ background-position: 100% 100%; }
#top-nav li a#active-menu2 { background-position: 0 100%; }
#top-nav li a#active-menu2 span{ background-position: 100% 100%; }
#top-nav li a#active-menu3 { background-position: 0 100%; }
#top-nav li a#active-menu3 span{ background-position: 100% 100%; }
#top-nav li a#active-menu4 { background-position: 0 100%; }
#top-nav li a#active-menu4 span{ background-position: 100% 100%; }

/* content:homepage */
#news-msg {  position: relative; width: 307px; height: 360px; float: left; padding: 0 20px 10px; background: url(/image/bg-news-msg.png) no-repeat 0 0; text-align: justify; }
#news-msg #welcome-header { width: 300px; height: 65px; margin: -4px 0 10px; background: url(/image/hd-welcome.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#news-msg p, #news-msg h1, #news-msg h2 { margin: 0 0 10px; color: #7e375b; }
#news-msg #links-X { position: absolute; left: 0; bottom: 0; width: 347px; height: 29px; padding: 30px 0 10px; background: url(/image/bg-links-X.png) no-repeat 0 0; text-align: center; }
#news-msg #links-X li { display: inline; padding: 0 10px; }
#news-msg #links-X li a { padding: 5px 0 6px 15px; color: #fff; background: url(/image/btn-links-X-left.png) no-repeat 0 0; font-size: 11px; text-decoration: none; }
#news-msg #links-X li a span { padding: 5px 15px 6px 0; color: #fff; background: url(/image/btn-links-X-right.png) no-repeat 100% 0; font-size: 11px; text-decoration: none; }

#special-prod {  margin: 0 10px 10px; float: left; }



#promo-info {  text-align: justify; width: 302px; height: 360px; float: left; padding: 20px 20px 10px; background: url(/image/bg-promo.png) no-repeat 0 0; }
#promo-info h3 { color: #b15d86; font-size: 1.6em; font-weight: bold; }
#promo-info #promo-desc { margin: 10px 0; }
#promo-info #promo-desc #promo-logo { float: right; }
#promo-info #promo-desc p { width: 190px; float: left; color: #d975a7; font-weight: bold; }
#promo-info #promo { display: block; text-align: center; }
#promo-info #promo-movie { margin: 10px -20px 0; padding: 0 20px; background: url(/image/bg-video.png) no-repeat 0 0; }
#promo-info #promo-movie h6 { padding: 7px 0; color: #2b2b2b; font-size: 1.2em; text-align: center; }
#promo-info #promo-movie #movie-control { display: block; width: 170px; height: 40px; margin: 0 auto; }
#promo-info #promo-movie #movie-control #ctrl-play { float: left; width: 80px; height: 25px; background: url(/image/btn-play.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#promo-info #promo-movie #movie-control #ctrl-stop { float: right; width: 80px; height: 25px; background: url(/image/btn-stop.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#promo-info #promo-movie p { color: #b15d86; }

#information { padding-bottom: 15px; clear: both; margin: 0 -12px; background: #ffe2f2; overflow: hidden; }
#information h4 { padding: 14px; color: #b15d86; font-size: 1.6em; font-weight: bold; text-align: center; }
#information li { color: #7e375b; width: 200px; float: left; padding: 0 25px; background: #ffe2f2; }
#information li h5 { height: 30px; margin: 0 -25px; padding: 10px 25px 0; color: #fff; background: url(/image/bg-hd-info.png) no-repeat 0 0; font-size: 1.4em; font-weight: bold; }
#information li p { padding: 10px 0; color: #7e375b; }

/* content:subpage */
ul.lista{ color: #a05170; margin: 0 0 10px 0; }
#content ul, ul.lista{ margin: 10px 0 10px 0;  padding: 0 0 0 20px; }
#content ul li, ul.lista li{ list-style: disc; }
#content { color: #a05170; width: 560px; margin: 0 200px;  text-align: justify; }
#content .header { display: block; margin: 0 0 0.5em; text-indent: -100em; overflow: hidden; }
#content .header-welcome { width: 100px; height: 26px; background: url(/image/header-welcome.png) no-repeat 0 0; }
#content .decimal { margin: 1em 1em 3em; }
#content .decimal li { list-style-type: decimal; list-style-position: inside; }
#content .faq-call { color: #a05170; }
#content .faq-call a { color: #a05170; text-decoration: none; }
#content .faq-answer li { color: #762e54; }
#content .faq-answer h3 { display: inline; color: #762e54; font-weight: bold; }
#content .faq-answer p { color: #7a314c; }
#content h2{ font-size: 17px; margin: 0 0 5px 0; padding: 0; }
#left-nav.empty div, #left-nav.empty { height: 0; overflow: hidden; }

#left-nav { width: 185px; float: left; background: url(/image/bg-l-nav-top.png) no-repeat 0 0; }
#left-nav-pos{ padding: 0 0 10px 0; background: url(/image/bg-l-nav-bottom.png) no-repeat 0 100%; }
#left-nav ul { margin: 10px 0 0; padding: 0 0 0;  }
#left-nav ul ul { margin: 0; padding: 0; background: none; }
#left-nav li { padding: 3px 25px; background: url(/image/bg-l-nav-a.png) repeat-x 0 0; }
#left-nav li li { padding: 3px 10px; background: none; }
#left-nav li a { color: #6e2b4a; font-weight: bold; text-decoration: none; }
/* #left-nav li a:hover{ text-decoration: underline; } */
#left-nav li a#active-b{ color: red; text-decoration: underline; }

#right-nav { width: 180px; height: 532px; float: right; padding: 13px 15px; background: url(/image/bg-right-nav.png) no-repeat 0 0; }

#right-nav .btn { display: block; margin: 1em auto; text-indent: -100em; overflow: hidden; }
#right-nav .btn-promo-prod { width: 180px; height: 195px; margin: 0 auto 1em; background: url(/image/btn-promo-prod.png) no-repeat 50% 100%; text-indent: 0; }
#right-nav .btn-email { width: 125px; height: 54px; background: url(/image/btn-email.png) no-repeat 0 0; }
#right-nav .btn-newsletter { width: 147px; height: 70px; background: url(/image/btn-newsletter.png) no-repeat 0 0; }
#right-nav .btn-return { width: 153px; height: 16px; background: url(/image/btn-return.png) no-repeat 0 0; }
#right-nav .btn-apa { width: 66px; height: 67px; text-indent: 0;  }


/* footer */
#footer { clear: both; text-align: center; }
#footer ul { padding: 20px 0; }
#footer ul li { display: inline; padding: 0 10px; border-right: 1px solid #d9a7c3; }
#footer ul li.last-child { border: 0; }
#footer ul li a { color: #7e375b; font-weight: bold; text-decoration: none; }
#footer #copy { color: #d9a7c3; }
#footer #copy a { color: #d9a7c3; text-decoration: none; }

.ukryj{ display: none; } 

#show-banner-2{ margin: 10px 0 10px 0; text-align: center; }
#show-banner-1 img, #show-banner-2 img{ margin: 0 0 10px 0; }
#show-banner-1{ border-bottom: 1px #a6567d solid; margin: 10px 0 10px 0; text-align: center; 
padding-bottom: 10px; clear: both; margin: 0 -12px; background: #ffe2f2; overflow: hidden;  }

.roose-header{  margin: 0 0 10px 0; background: url(/image/bg1.gif) repeat-x; text-align: center; color: white; 
height: 30px;  font-size: 1.4em; font-weight: bold; padding: 10px 0 0 0;  }