/*** BODY ***/
body { font-size: 11px; font-family: Verdana, Arial; color: #000; background: #FFF; margin: 0px; }
div, img { margin: 0px; padding: 0px; border: none; }
h1 { margin: 15px 0px 15px 0px; font-size: 26px; font-weight: normal; color: #85888A; font-family: verdana; }
h2 { margin: 15px 0px 0px 0px; font-size: 15px; font-weight: bold; color: #5C1010; font-family: arial, verdana; }
h3 { margin: 15px 0px 0px 0px; font-size: 13px; font-weight: bold; color: #666; font-family: arial, verdana; }
h4 { margin: 0px; padding: 0px; font: normal 11px arial, tahoma; color: #494343; }
h5 { margin: 0px; padding: 0px; font: bold 11px arial; }
p { margin: 0px; padding: 0px; border: none; line-height: 140%; }
li { margin: 0px; padding: 0px; line-height: 140%; }
th { text-align: center; }
td { padding: 2px; font-size: 11px; }
label { cursor: pointer; }
.clear { clear: both; }
.tocenter { text-align: center; }
.toright { text-align: right; }
.toleft { text-align: left; }
.fright { float: right; }
.fleft { float: left; }
.hand { cursor: pointer; }
.nobr { white-space: nowrap; }

/*** LINKI ***/
a { color: #5C1010; text-decoration: underline; cursor: pointer; }
a:hover { color: #5C1010; text-decoration: none; }
a.button { width: 140px; height: 30px; background: url(../images/button.gif) no-repeat 0px 0px; text-align: center; font: bold 12px arial; color: #FFF; display: block; text-decoration: none; line-height: 30px;}
a.button:hover { background: url(../images/button.gif) no-repeat 0px -30px; }
a.button2 { width: 140px; height: 30px; background: url(../images/button.gif) no-repeat -140px 0px; text-align: center; font: bold 12px arial; color: #FFF; display: block; text-decoration: none; line-height: 30px;}
a.button2:hover { background: url(../images/button.gif) no-repeat -140px -30px; }

/*** FORM ***/
form { margin: 0px; padding: 0px; border: none; }
input, textarea, select { font-size: 12px; padding: 4px; color: #000; font-family: Arial; background: #FFF url(../images/xform/element-bg.gif) repeat-x left bottom; border: 1px solid #A4A4A4; }
input:focus, textarea:focus, select:focus { background: #FFFFDD; border: 1px solid #000; }
input.checkbox { margin: 4px 0px; padding: 0px; border: none; background: none; }
textarea { width: 250px; height: 70px; font-size: 11px; }
input.button { background: url(../images/button.gif) no-repeat 0px 0px; width: 140px; height: 30px; font-size: 12px; font-weight: bold; font-family: arial; color: #FFF; border: none; cursor: pointer; }
input.button:hover { background: url(../images/button.gif) no-repeat 0px -30px; }
input.button2 { background: url(../images/button.gif) no-repeat -140px 0px; width: 140px; height: 30px; font-size: 12px; font-weight: bold; font-family: arial; color: #FFF; border: none; cursor: pointer; }
input.button2:hover { background: url(../images/button.gif) no-repeat -140px -30px; }
input.search { background: url(../images/button-search.png) no-repeat 0px 0px; width: 26px; height: 24px; border: none; cursor: pointer; }
input.search:hover { background: url(../images/button-search.png) no-repeat 0px -24px; }

/*** TABLES ***/
table { margin: 0px auto; border-spacing: 0; border-collapse: collapse; }
table.normal { margin: 0px;}
th { height: 31px; background: url(../images/xform/table-th-bg.gif) no-repeat top right; color: #FFF; }
td { padding: 8px 5px; color: #494343; border-bottom: 1px solid #EBEBED;}
tr.head td { height: 44px; padding: 0px; background: #460303; }
tr.head td h2 { height: 44px; padding: 0px; margin: 0; line-height: 44px; padding-left: 20px;  color: #FFF; }
tr.head a.back { height: 44px; width: 42px; padding: 0px; background: url(../images/xform/table-head-backlink.gif) no-repeat left top; display: block; float: left; }
tr.head a.back:hover { background: url(../images/xform/table-head-backlink.gif) no-repeat left -44px; }
tr.info td { font: bold 12px arial; color: #AC0000; text-align: center; }
tr.activelist:hover td { background: #D4E2EA url(../images/xform/table-td-hover.gif) repeat-x left bottom; }
table.nobg, table.nobg tr td, tr.nobg td, td.nobg { background: none; border: none; }
td.nopad, tr.nopad td { padding: 0; }

/*** xFORM ***/
table.xForm td.caption { width: 200px; text-align: right; font: bold 10px verdana; color: #000; padding-right: 2px; }
table.xForm td.caption img { background: #FFF; padding: 4px; border: 1px solid #AAA; }
table.xForm tr.panel th { text-align: left; padding: 0px; padding-left: 5px; }
table.xForm tr.panel th a { float: left; display: block; padding-top: 5px; margin-right: 5px; height: 26px; }
table.xForm tr.panel th span { line-height: 31px; }
table.xForm td.info { width: 20px; padding: 0px; }
table.xForm td.element { padding-left: 2px; }
table.xForm td.errorIcon { width: 14px; }
table.xForm div.errorInfoOff { display: none; }
table.xForm div.errorInfoOn { display: block; text-align: left; color: #CA0000; background: #FFFFDD; font-size: 11px; font-family: verdana; font-weight: normal; margin: 4px 0px; padding: 2px; border: 1px solid #CA0000; }
table.xForm div.infoText { display: none; background: #FFF; color: #066289; font-weight: normal; font-size: 11px; padding: 4px; border: 1px solid #AAA; margin: 4px 0px; }
table.xForm tr.infoText { display: none; }
table.xForm tr.infoText td { background: #FFF; color: #066289; font-weight: normal; font-size: 11px; padding: 4px; border: 1px solid #AAA; margin: 4px 0px; }
table.xForm div.infoUpload { color: #1C9500; font-size: 11px; margin: 4px 0px; }
table.xForm iframe.xFormIframe { display: none; width: 0px; height: 0px; border: none; margin: 0px; padding: 0px; }

/*** ALERT ***/
div.alert, div.alert-ok, div.alert-info { padding: 10px 20px 10px 20px; padding-left: 93px; max-width: 380px; min-height: 70px; margin: 5px auto; font-size: 12px; text-align: justify; }
div.alert { background: #FFFFFF url(../images/xform/alert-reject.png) no-repeat 20px 10px; border: 2px solid #AC0000; }
div.alert h1 { color: #AC0000; margin: 0; font-size: 16px; border: none; }
div.alert-ok { background: #FFFFFF url(../images/xform/alert-ok.png) no-repeat 20px 10px; border: 2px solid #00AC00; }
div.alert-ok h1 { color: #00AC00; margin: 0; font-size: 16px; border: none; }
div.alert-info { background: #FFFFFF url(../images/xform/alert-info.png) no-repeat 20px 10px; border: 2px solid #0033AC; }
div.alert-info h1 { color: #0033AC; margin: 0; font-size: 16px; border: none; }
div.alert2, div.alert2-ok, div.alert2-info { padding: 10px 20px 10px 20px; padding-left: 73px; max-width: 400px; margin: 5px auto; min-height: 35px; font-size: 12px; text-align: justify; }
div.alert2 { background: #FFFFFF url(../images/xform/alert-reject-mini.png) no-repeat 20px 10px; border: 2px solid #AC0000; }
div.alert2 h1 { color: #AC0000; margin: 0; font-size: 14px; border: none; }
div.alert2-ok { background: #FFFFFF url(../images/xform/alert-ok-mini.png) no-repeat 20px 10px; border: 2px solid #00AC00; }
div.alert2-ok h1 { color: #00AC00; margin: 0; font-size: 14px; border: none; }
div.alert2-info { background: #FFFFFF url(../images/xform/alert-info-mini.png) no-repeat 20px 10px; border: 2px solid #0033AC; }
div.alert2-info h1 { color: #0033AC; margin: 0; font-size: 14px; border: none; }

/*** AJAX ***/
div.ajaxInProgress { margin: 10px auto; width: 160px; background: #EEE url(../images/xform/loader.gif) no-repeat 20px center; border: 1px solid #AC0000; padding: 10px 30px; text-align: center; color: #000; }
div#ajaxProgressBox { position: absolute; left: 0; top: 0; z-index: 10000; }
div#ajaxTime { font-size: 10px; color: #EC6238; }

/*** LISTOFPAGES ***/
p.listOfPages { margin: 2px 0; height: 20px; padding: 0; }
p.listOfPages a, p.listOfPages span { cursor: pointer; display: block; float: left; width: 20px; height: 18px; font: bold 11px arial; border: 1px solid #777; line-height: 18px; background: #EEE; margin-right: 1px; color: #0070A4; text-decoration: none; text-align: center; }
p.listOfPages span, p.listOfPages a.active { height: 18px; line-height: 18px; border: 1px solid #000; background: #CA0000; color: #FFF; }
p.listOfPages a:hover { background: #D60022; color: #FFF; }

/*** PATH ***/
div#path { width: 670px; height: 25px; border-bottom: 1px solid #BBB; }
div#path ul { margin: 0px; padding: 0px; list-style: none; }
div#path ul li { margin: 0px; padding: 0px; float: left; }
div#path ul li a { display: block; padding: 2px 10px; background: url(../images/link-point.gif) no-repeat 0px 50%; }
div#path ul li a:hover { background: url(../images/link-point.gif) no-repeat 1px 50%; }

/*** WEBTON ***/
div#webton { clear: both; width: 890px; padding: 5px; margin: 1px auto; text-align: center; }
a.tworzenie { color: #CCC; text-decoration: none; font-size: 9px; }
a.stron { color: #999; font-size: 10px; }
div#webton img { padding: 4px; }

/*** CALENDAR ***/
table#xCalendar { margin: 0px; margin-top: -12px; padding: 0px; border-collapse: collapse; border-left: 1px solid #777; border-top: 1px solid #777; position: absolute; }
table#xCalendar td { font: normal 10px verdana; border-right: 1px solid #777; background: #FFF; border-bottom: 1px solid #777; text-align: center; padding: 0; }
table#xCalendar th { height: 26px; font: bold 11px arial; border-right: 1px solid #777; border-bottom: 1px solid #777; text-align: center; padding: 0; color: #FFF; background: url(../images/calendar/calendarHeadBg.gif) repeat-x left top; }
table#xCalendar th.leftlink { border-right: none; line-height: 26px; }
table#xCalendar th.rightlink { line-height: 26px; }
table#xCalendar th.month { border-right: none; }
table#xCalendar th a { line-height: 26px; }
table#xCalendar th a.linkLeft { text-decoration: none; display: block; background: url(../images/calendar/calendarHeadLinkLeft.gif) no-repeat 0px 0px; }
table#xCalendar th a.linkLeft:hover { background: url(../images/calendar/calendarHeadLinkLeft.gif) no-repeat 0px -26px; }
table#xCalendar th a.linkRight { text-decoration: none; display: block; background: url(../images/calendar/calendarHeadLinkRight.gif) no-repeat 0px 0px; }
table#xCalendar th a.linkRight:hover { background: url(../images/calendar/calendarHeadLinkRight.gif) no-repeat 0px -26px; }
table#xCalendar tr.daysHead th { background: #555; line-height: 14px; padding: 0px; }
table#xCalendar td.day { background: url(../images/calendar/calendarDay.gif); }
table#xCalendar td.saturday { background: url(../images/calendar/calendarDaySaturday.gif); }
table#xCalendar td.sunday { background: url(../images/calendar/calendarDaySunday.gif); }
table#xCalendar td.close { }
table#xCalendar td.close a { display: block; font-weight: bold; text-align: center; width: 100%; background: #EEE; }
table#xCalendar td.close a:hover { background: #AC0000; color: #FFF; }
table#xCalendar td a { background: url(../images/calendar/calendarDayLink.gif) no-repeat 0px 0px; text-decoration: none; display: block; width: 20px; height: 21px; line-height: 21px; color: #000; }
table#xCalendar td a:hover { background: url(../images/calendar/calendarDayLink.gif) no-repeat 0px -21px; color: #FFF; font-weight: bold; }
table#xCalendar td a.notactive { color: #CCC; background: none; cursor: default; }
table#xCalendar td a.notactive:hover { color: #CCC; background: none; }
table#xCalendar td a.today { background: url(../images/calendar/calendarDayLinkToday.gif) no-repeat 0px 0px; }
table#xCalendar td a.today:hover { background: url(../images/calendar/calendarDayLinkToday.gif) no-repeat 0px -21px; color: #FFF; font-weight: bold; }
table#xCalendar td a.todaynotactive { background: url(../images/calendar/calendarDayLinkToday.gif) no-repeat 0px 0px; color: #CCC; cursor: default; }
table#xCalendar td a.todaynotactive:hover { background: url(../images/calendar/calendarDayLinkToday.gif) no-repeat 0px 0px; color: #CCC; font-weight: bold; }

/*** SLIMBOX ***/
#lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(../images/slimbox/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block;  position: absolute;	top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/*** xrootBOX ***/
div.xrootBoxOverlay { position: absolute; display: none; left: 0; top: 0; width: 100%; cursor: pointer; background: #000; }
div.xrootBox { position: fixed; border: 1px solid #333; background: #FFF; display : none; }
div.xrootBoxContent { position: relative; padding: 0; overflow-y: auto; }
div.xrootBoxClose { position: absolute; right: -15px; top: -15px; cursor: pointer; text-align: center; line-height: 20px; color: #FFF; width: 20px; height: 20px; border: 1px solid #333; background: #AC0000; }
iframe.xrootIframe { position: relative; padding: 0; margin: 0; border: none; scroll: auto; }

/*** DYNAMIC-MENU ***/
.box-topmenu { width: 900px; margin: 0px auto; background: #000; font: bold 11px Verdana; }
/* main */
.box-topmenu ul { margin: 0; padding: 0; list-style-type: none; }
.box-topmenu ul li { position: relative; display: inline; float: left; }
.box-topmenu ul li a { padding: 8px 10px; display: block; background: #000; color: #FFF; border-right: 1px solid #778; text-decoration: none; }
.box-topmenu ul li a:hover { background: #555; color: #FFF; }
.box-topmenu ul li a.on { background: #CA0000; color: #FFF; }
.box-topmenu ul li a.on:hover { background: #0000AA; color: #FFFF00; }
* html .box-topmenu ul li a { display: inline-block; } /* dla IE6 */
/* sub */
.box-topmenu ul li ul { position: absolute; left: 0; display: block; visibility: hidden; }
.box-topmenu ul li ul li { display: list-item; float: none; }
.box-topmenu ul li ul li a { font: normal 13px Verdana; width: 190px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #555; background: #666; }
.box-topmenu ul li ul li a:hover { background: #333; color: #FFF; }
.box-topmenu ul li ul li a.on { background: #000066; color: #FFF; }
.box-topmenu ul li ul li a.on:hover { background: #3333BB; color: #BBB; }
/* arrow */
.downarrowclass { position: absolute; top: 12px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }

/*** WYSIWYG ***/
.xCMS { background: #FFF; font-size: 12px; margin: 0px; padding: 0px; line-height: 140%; }
.xCMS img { margin: 10px; }
.xCMS h1 { color: #AC0000; margin: 0; margin-top: 15px; border: none; }
.xCMS h2 { color: #AC0000; margin: 0; margin-top: 5px; }
.xCMS h3 { color: #AC0000; margin: 0; margin-top: 5px; }
.xCMS h4 { margin: 10px; font-size: 12px; padding: 10px; border: 1px solid #AAA; background: #EEE; }
.xCMS h5 { margin: 10px 30%; font-size: 14px; color: #000; text-align: center; font-weight: bold; padding: 10px; border: 2px solid #AC0000; background: #EEE; }
.xCMS p {font-size: 12px; margin: 0px; padding: 0px; line-height: 1.4em; text-indent: 3em; }
.xCMS table { margin: 10px 0; background: none; }
.xCMS table td { background: none; }
.xCMS li {padding: 4px 0px 4px 0px; line-height: 160%; }
.xCMS span.nobr { white-space: nowrap; }
.xCMS ol { margin-top: 0; }


/*** CSS-MODULES ***/

/* scroll-menu */
ul#xScrollMenu { margin: 0; list-style: none; padding: 10px; border-bottom: 1px dotted #006C8E;}
ul#xScrollMenu li { margin: 0; padding: 0; }
ul#xScrollMenu li a { padding-left: 15px; color: #1A98C1; background: url(../images/link-point.gif) no-repeat left 6px; }

/* main-gallery */
table#gallery { width: 615px; padding: 0; margin: 0; }
table#gallery td { padding-left: 0; }
table#gallery a { margin: 5px; margin-left:0; background: #FAFAFA; text-align: center; width: 110px; float: left; }
table#gallery img { padding: 3px; margin-bottom: 5px; background: #FFF; border: 1px solid #AAA; width: 100px; }
table#gallery img:hover { border: 1px solid #AC0000; background: #EEE; }

/* assortment */
#itemlist { clear: both; }
.offerbox {
    padding: 20px;
    border: 1px solid #B1B5B8;
    margin-bottom: 2px;
    margin-right: 20px;
}

.offerbox .offerfoto {
    width: 150px;
    float: left;
}

.offerbox .offerbox_desc {
    margin-left: 190px;
    min-height: 120px;
}

.offerbox .offerbox_desc p {
    padding: 4px 0px;
}

.offerbox .offerbox_desc h2 {
    margin: 0px;
}

.offerbox .offerbox_desc h2 a {
    text-decoration: none;
}

.offerbox .offerbox_desc h2 a:hover {
    text-decoration: underline;
    color: #000;
}

.offerbox .offerbox-details {
    width: 530px;
    clear: right;
    float: right;
    text-align: right;
}


#pathbox, #pathbox li  {
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 40px;
}

#pathbox {
    padding-left: 20px;
}

#pathbox li {
    float: left;
}

#pathbox li a {
    font: bold 11px verdana;
    background: url(../images/pathpoint.gif) no-repeat left center;
    line-height: 40px;
    padding: 0 9px;
    color: #000;
    text-decoration: none;
}

div#item {}
div#item div.pics { width: 200px; float: left; margin: 0px; padding: 0px; border-top: 10px solid #F5F5F5;}
div#item div.pics div {  background: #F5F5F5; padding: 10px 20px;}
div#item div.pics div a {  display: block;}
div#item div.pics div img { }
div#item div.pics h3 { border-top: 10px solid #F5F5F5; margin: 0px; padding-left: 20px; padding-top: 20px;}
div#item div.pics ul li {list-style-type: square; padding-bottom: 4px; }
div#item div.opis { width: 520px; float: left; padding-left: 20px;}
div#item div.desc { padding: 5px 0px; }
div#item div.linkNextPrev {  }
#plikidopobrania {
    background: #FFF;
}

#plikidopobrania * {
    margin: 0px;
    padding: 0px;
    list-style: none;
}



.itemparmstable {
    margin: 10px 0px;
}

.itemparmstable tr td {
    padding: 0px 10px;
    color: #000;
}

.itemparmstable tr th {
    background: #400202;
    color: #FFF;
    text-align: right;
    font: bold 11px verdana;
    padding: 4px 20px;
    border-bottom: 1px solid #FFF;
    width: 150px;
    height: auto;
}

/* left-cart */
table.cart { width: 199px; }
table.cart tr td { font-size: 10px; }
table.cart tr td.price { text-align: right; font-weight: bold; }
table.cart tr td.suma { text-align: center; padding: 5px 2px; color: #000; }
table.cart tr td.suma b { color: #AC0000; font: bold 16px arial; }

/* cart */
td.sum1 { text-align: right; font-size: 14px; font-weight: bold; font-family: arial; color: #000; }
td.sum2 { text-align: right; font-size: 17px; font-weight: bold; font-family: arial; color: #AC0000; }
tr.total td { border-bottom: 1px dotted #0093C4; border-top: 1px dotted #0093C4; }
h2.cost { font-size: 14px; font-family: arial; margin: 10px 0; padding: 2px 0; border-bottom: 1px dotted #0093C4; }


/* logowanie */
table.NoLogin { width: 100%; margin: 5px 0; border: 1px solid #EEE; }
table.NoLogin td.tdnologin { padding: 20px; vertical-align: top; background: #FFF; }
table.NoLogin div.loginInfo { padding: 5px 0; min-height: 140px; }
table.NoLogin td h1 { margin: 0px; margin-bottom: 5px; padding: 0px; }
table.NoLogin td.ramka { border-right: 1px solid #EEE; }
table.NoLogin td.normalpad, table.NoLogin table.normalpad td { padding: 4px; vertical-align: middle; }
table.NoLogin td.data { font-weight: bold; }

/* payment */
p.zaplac { width: 670px; border-top: 1px dotted #BBB; padding-top: 15px; }
p.zaplac span { font: bold 18px arial; color: #000; }

div.cena { padding: 5px 0px; margin: 5px 0px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
div.cena span { font-size: 10px; color: #666; }
div.cena span.itemprice { color: #479BBA; font-size: 14px; font-weight: bold; line-height: 140%; }

/* platnosci */
div#platnosci { margin: 20px 0px; width: 670px; }
div#platnosci div.bank { float: left; text-align: center; width: 130px; height: 80px; }
div#platnosci input { margin: 4px 0px; background: none; border: none; }
div#platnosci div { margin: 0px; background: none; border: none; }
div#platnosci label { font-size: 10px;  color: #0E67C3; }
div#platnosci img { border: none; height: 30px; }

/* aktualnosci */
div#news-full-content { padding: 0px; margin: 10px 0 5px 0; padding-bottom: 4px; }
div#news-full-content div.date { margin: 0px; padding-top: 7px; color: #000; font-style: italic; width: 130px; float: right; text-align: right; }
div#news-full-content div.content { padding-top: 20px; }
div#news-full-content h1.title { color: #000; margin: 0; border-bottom: 1px solid #000; }

/* search */
div#searchResult a { text-decoration: none; }
div#searchResult a:hover { text-decoration: underline; }
div#searchResult a h2 {padding-left: 10px; background: url(../images/link-point.gif) no-repeat left 6px; }
div#searchResult a:hover h2 {color: #000; }
div#searchResult a p {color: #666; }
div#searchResult a:hover p {color: #AC0000;}


/* slider */
div#slider { margin: 0; margin-bottom: 10px; border: 1px solid #333; height: 300px; background: #FFF; background-position: center center; background-repeat: no-repeat; position: relative; }
div#slider div.picture { width: 100%; height: 100%; position: absolute; background-position: center center; background-repeat: no-repeat; }
div#slider div.pages { position: absolute; right: 0px; bottom: 60px; }
div#slider div.panel { width: 100%; height: 60px; border-top: 1px solid #FFF; position: absolute; bottom: 0px; background: #000; opacity: 0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
div#slider a.description { display: block; width: 100%; padding: 5px 0px; position: absolute; height: 50px; bottom: 0px; text-decoration: none; }
div#slider h2#sliderTitle { margin: 0; padding: 0 10px; color: #FFF; }
div#slider div#sliderDesc { margin: 0; padding: 0 10px; color: #EEE; height: 30px; overflow-y: hidden; }

/* autocomplete */
input#toComplete { autocomplete: off; }
div#AutoComplete { position: absolute; background: #FFF; border: 1px solid #999; padding: 5px; margin: 1px 0; visibility: hidden; width: 350px; }
div#AutoComplete ul { list-style: none; margin: 0px; padding: 0px; }
div#AutoComplete ul li { padding: 2px; white-space: nowrap; overflow-x: hidden; }
div#AutoComplete ul li b { color: #AC0000; font: bold 13px arial; }
div#AutoComplete ul li i { color: #AC0000; }
div#AutoComplete ul li:hover { cursor: pointer;  }
div#AutoComplete ul li.on, div#AutoComplete ul li:hover { color: #FFF; background: #999; }
div#AutoComplete ul li.on b, div#AutoComplete ul li:hover b { color: #000; background: #999; }





/*** LAYOUT ***/


#home-topcontainer {
    height: 148px;
    background: #FFF url(../images/topbg.jpg) no-repeat center top;
}

#home-topbox {
    width: 940px;
    height: 148px;
    background: #FFF url(../images/topshadow.jpg) no-repeat right bottom;
    margin: 0px auto;
}

#lngbox, #lngbox-page {
    width: 100px;
    height: 40px;
    float: right;
    text-align: right;
    padding: 20px 40px;
}

#lngbox-page {
    padding: 0px;
}


#home-menubox {
    height: 39px;
    background: #460303 url(../images/menubg.gif) repeat-x;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 10;
}

#home-menubox ul, #home-menubox ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 39px;
}

#home-menubox ul {
    width: 940px;
    margin: 0px auto;
    background: url(../images/homebutton.jpg) no-repeat -68px 0px;
    padding-left: 2px;
}

#home-menubox ul li {
    float: left;
    background: url(../images/homebutton.jpg) no-repeat right top;
    padding-right: 2px;
    position: relative;
    top: 0px;
    left: 0px;
}

#home-menubox ul li a {
    display: block;
    padding: 0px 30px;
    font: normal 11px verdana;
    color: #FFF;
    line-height: 39px;
    text-decoration: none;
}

#home-menubox ul li a:hover, #home-menubox ul li a.on {
    background: #8C0808;
}

#home-menubox ul li ul {
    display: none;
    position: absolute;
    top: 39px;
    left: 0px;
    width: 300px;
    float: none;
    background: url(../images/subhome.png);
    height: auto;
    padding: 0px;
}

#home-menubox ul li ul li {
    float: none;
    background: none;
    padding: 0px;
}

#home-menubox ul li ul li a {

}

#home-menubox ul li ul li a:hover {
    background: url(../images/subhome.png);
}

#home-maincontainer {
    min-height: 135px;
    background: url(../images/hometop.jpg) no-repeat center top;
}

#homeflashbox {
    width:980px;
    height: 330px;
    margin: 0px auto;
    position: relative;
}

#homebg {
    background: url(../images/hbg.gif) repeat-x;
    position: relative;
    top:0px;
    left: 0px;
    z-index: 2
}

#home-mainbox {
    width: 920px;
    background: #FFF url(../images/homebottom.jpg) no-repeat;
    margin: 0px auto;
    padding: 30px;
}

#home-footer {
    width:200px;
    float: right;
    text-align: right;
}

.homeaddr {
    border-left: 1px solid #440303;
    padding-left: 20px;
}

#container {
    background: #FFF url(../images/topbg.jpg) no-repeat center top;;
}

#page {
    width:960px;
    margin: 0px auto;
    background: #FFF;
}

#topbox {
    padding: 25px 25px 25px 31px;

}

#mainbox {
    clear: both;
    padding: 20px 0px;

}

#leftside {
    width: 184px;
    float: left;
}

#leftside ul, #leftside ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#leftside ul li {
    padding-right: 10px;
}

#leftside ul li a {
    display: block;
    text-decoration: none;
    text-align: right;
    font: normal 11px verdana;
    color: #000;
    line-height: 32px;
    height: 32px;
    padding-right: 10px;
}

#leftside ul li.on a {
    font-weight: bold;
    color: #550A0A;
}

#leftside ul li a:hover, #leftside ul li a.red {
    background: #F5F5F5;
}

#leftside ul li ul {
    display: none;
}

#leftside ul li.on ul {
    display: block;
    border-right: 1px solid #400202;
    margin-right: 10px;
}

#leftside ul li.on ul li a {
    height: auto;
    font: normal 10px verdana;
    color: #828587;
    line-height: 1em;
    padding: 5px 0px;
}

#leftside ul li.on ul li a:hover {
    background: none;
    color: #000;
}

#leftside ul li.on ul li.on a {
    color: #550A0A;
}

/*#leftside ul li ul {
	width: 240px;
	background: url(../images/subbg.png);
	position: absolute;
	top: 0px;
	right: -230px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#leftside ul li ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#leftside ul li ul li a {
	height: 32px;
	line-height: 32px;
	color: #FFF;
	padding-right: 20px;
	}

#leftside ul li ul li a:hover {
	background: url(../images/subbg.png);
	} */

#fotobox {
    width: 290px;
    height: 440px;
    float: left;

}

.foto1 {
    background: url(../images/conterntfoto1.jpg) no-repeat;
}

.foto2 {
    background: url(../images/conterntfoto2.jpg) no-repeat;
}

.foto3 {
    background: url(../images/conterntfoto3.jpg) no-repeat;
}

.foto4 {
    background: url(../images/conterntfoto4.jpg) no-repeat;
}
.foto5 {
    background: url(../images/conterntfoto5.jpg) no-repeat;
}

.foto6 {
    background: url(../images/conterntfoto6.jpg) no-repeat;
}

.foto7 {
    background: url(../images/conterntfoto7.jpg) no-repeat;
}


.maincontent {
    width: 435px;
    float: right;
    padding-right: 25px;
    position: relative;
    top: 0px;
    left: 0px;
}

.offercontent {
    width: 770px;
    float: right;
}

#footer {
    clear: both;
    background: url(../images/footerline.gif) no-repeat right top;
    text-align:right;
    padding-top: 10px;
}

.contentcaption {
    color: #85888A;
    position: absolute;
    top: -60px;
    left: 0px;
}





div#box-top { width: 878px; margin: 0px auto; font-size: 16px; font-weight: bold; padding: 10px; background: #DDD; border: 1px solid #BBB; color: #000; }
div#box-top div.left { width: 200px; float: left; }
div#box-top div.right { width: 600px; float: right; text-align: right; font-size: 11px; font-weight: normal; padding-top: 10px; }
div#box-top div.language { font-size: 10px; font-weight: normal; }

div#box-content { width: 898px; margin: 1px auto; padding: 0px; background: #FFF; border: 1px solid #BBB; }

div#content-left { margin: 0px; padding: 0px; float: left; width: 199px; background: #EEE; border-right: 1px solid #BBB; }
div#content-left ul { margin: 0px; padding: 0px; list-style: none; }
div#content-left ul li { margin: 0px; padding: 0px; }
div#content-left ul li a { padding: 3px 12px; text-decoration: none; display: block; color: #444; background: url(../images/link-point.gif) no-repeat 2px 50%; }
div#content-left ul li a:hover { background: #888 url(../images/link-point.gif) no-repeat 2px 50%; color: #FFF; }
div#content-left ul li a.on { background: #CA0000 url(../images/link-point.gif) no-repeat 2px 50%; color: #FFF; }
div#content-left ul li a.on:hover { background: #CA0000 url(../images/link-point.gif) no-repeat 2px 50%; color: #FFFF00; }
div#content-left ul.sub { padding: 0px; margin: 0px 0px 0px 10px; }
div#content-left ul.sub li { padding: 0px; margin: 0px; }
div#content-left ul.sub li a { font-size: 10px; }
div#content-left ul.sub li a:hover { background: #ddd url(../images/link-point.gif) no-repeat 2px 50%; color: #000; }
div#content-left ul.sub li a.on { background: url(../images/link-point.gif) no-repeat 2px 50%; color: #000; font-weight: bold; }

div#content-left div.leftpanel p.head { font-size: 14px; font-weight: bold; font-family: arial; background: #000; padding-left: 4px; color: #FFF; }
div#content-left div.leftpanel div a { margin: 4px auto; }

div#content-left div.newsitem p.date { margin-top: 5px; font-style: italic; font-size: 9px; padding: 2px; }
div#content-left div.newsitem a.title { font-weight: bold; display: block; padding: 2px; }
div#content-left div.newsitem p.desc { padding: 2px; }
div#content-left div.newsitem p.more { padding: 2px; text-align: right; font-size: 10px; border-bottom: 1px dotted #AAA; }

div#content-main { margin-left: 200px; padding: 10px; background: #F9F9F9; }
div.content-main-intro { margin-left: 0px; padding: 10px; background: #F9F9F9; }

div#box-bottom { clear: both; width: 890px; padding: 5px; margin: 1px auto; background: #DDD; 	text-align: right; }

#cornerleft { top: 0; left: 390px; opacity: 0.0; width:205px; height: 330px; background: url(../images/cornerleft.png) no-repeat center center; background-size: auto 80%; position: absolute; }
#cornerright { top: 0; right: 390px; opacity: 0.0; width:204px; height: 330px; background: url(../images/cornerright.png) no-repeat center center; background-size: auto 80%; position: absolute; }
#rwbslogan { top: 0; left: 322px; opacity: 0.0; width: 336px; height: 330px; background: url(../images/rwbslogan.png) no-repeat center center; background-size: 80% auto; position: absolute; }