/* --------------------------- template --------------------------- */
#page-container
{
    background: url(images/bg-img-4.jpg) no-repeat top center #fff;
}
.container
{
    width: 1000px;
    margin: 0 auto;
}
#header { height: 85px;  }
#contact { float: right; width: 300px; padding-top: 10px; }
#contact a { color: #fff; font-size: 1.3em; line-height: 1.4em; }
#contact a:hover { text-decoration: underline; }
#logo img { margin: 15px 0 0 10px; }
/* --------------------------- main menu --------------------------- */
#main-menu-container { height: 58px; padding-top: 1px; }
#main-menu { margin: 0 17px; }
.menu-h a:hover
{
    background: url(images/main-menu-hover.gif) repeat-x center;
    color: #fff;
}

.sf-menu {
	margin-bottom:	1em;
}
.sf-menu a {
    color: #464646;
    font-size: 14px;
    background: url(images/main-menu-delim.gif) no-repeat left;
    padding: 15px 20px 16px 20px;
    margin-top: 5px;
}
.sf-menu .menu-h-first a { background: none; }
.sf-menu a:hover {
    background: url(images/main-menu-hover.gif) repeat-x center;
    color: #fff;
}
.sf-menu li { margin: 0; padding: 0; }
.sf-menu li li { background: #E9EBEA; border-top: 1px solid #B3BDC7; border-left: 1px solid #B3BDC7; border-right: 1px solid #B3BDC7; }
li.bottom { border-bottom: 1px solid #B3BDC7; }
.sf-menu li li a { background: none;  padding: 10px 10px; margin: 0; }
.sf-menu li li li {
	background:		#E9EBEA;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/* --------------------------- left-column --------------------------- */
#left-column-banner { background: url(images/bg-l-col-home.gif) repeat-y; }
#left-column-banner-cont { background: url(images/bg-l-col-top-home.jpg) no-repeat top; min-height: 323px; padding: 25px 0 25px 0; text-align: center; }
* html #left-column-banner-cont { height: 323px; }
div.bottom-space { padding-bottom: 25px; }
#left-column-banner-bottom { background: url(images/bg-l-col-bottom-home.gif) no-repeat; height: 18px; }

#left-column-main { background: url(images/bg-l-col.gif) repeat-y; }
#left-column-main-cont { background: url(images/bg-l-col-top.jpg) no-repeat top; min-height: 323px; }
* html #left-column-main-cont { height: 323px; }
#left-column-main-bottom { background: url(images/bg-l-col-bottom.gif) no-repeat; height: 18px; }
/* --------------------------- content --------------------------- */
#mail-form-container { text-align: right; }
#mail-form-container label { float: none; }
#home-cont
{
    padding: 20px;
    background: url(images/bg-content-home-4.jpg) no-repeat top;
    height: 578px;
}
#cont-top-left { background: url(images/bg-content-left.gif) repeat-y top; vertical-align: top; }
#cont-top-right { background: url(images/bg-content-right.gif) repeat-y top; vertical-align: top; }
#content-bg { background: url(images/bg-content-top.gif) repeat-x top #fff; vertical-align: top; }
#content-bg-bottom { background: url(images/bg-content-bottom.gif) repeat-x top; }
.content { margin-top: 20px; font-size: 12px; }
.item-container { border-top: 1px dotted #3F3F3F; padding: 10px 0; }
.order-panel img { border: none; width: 9px; height: 5px; margin: 0 3px;}
.t-blue  { color: #6C83CF; }
.t-dark-blue  { color: #0F3190; }
.t-red   { color: #D10000; }
.t-green { color: #10810A; }
.t-small { font-size: .8em; }
.t-big { font-size: 1.2em; }
.t-big1 { font-size: 1.3em; }

.item-right-col { width: 127px; position: relative; }
.hit { position: absolute; top: -20px; }
.cennik, .cennik-red
{
    width: 127px;
    height: 40px;
    position: absolute;
    right: -14px;
}
.cennik { top: 55px; }
.cennik-gray
{
    width: 127px;
    height: 40px;
    position: absolute;
    right: -14px;
    top: 20px;
}
.cennik span, .cennik-red span, .cennik-gray span
{
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    margin: 6px 0 0 5px;
}
.cennik { background: url(images/ico/bg-price-1.jpg) no-repeat right top; color: #294585; }
.cennik-gray { background: url(images/ico/bg-price-1.jpg) no-repeat 100% 100%; color: #B9B9B9; text-decoration: line-through; }
.cennik-red { background: url(images/ico/bg-price-sm.jpg) no-repeat 100% 100%; color: #A00A0A; }

.list-right-col { padding-top: 10px; width: 88px; }
.cennik-sm, .cennik-sm-red
{
    width: 88px;
    height: 30px;
}
.cennik-sm span, .cennik-sm-red span
{
    display: block;
    font-weight: bold;
    padding: 4px 0 0 5px;
}
.cennik-sm { background: url(images/ico/bg-price-sm.jpg) no-repeat right top; color: #fff; }
.cennik-sm-red { background: url(images/ico/bg-price-sm.jpg) no-repeat 100% 100%; color: #A00A0A; }
.cennik-home
{
    width: 127px;
    height: 40px;
    position: absolute;
    right: -13px;
    top: 0;
    background: url(images/ico/bg-price-home.jpg) no-repeat right top;
    color: #294585;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 5px;
}
.cennik-home span
{
    padding-left: 10px;
    color: #294585;
    font-weight: bold;
    font-size: 1.4em;
}
.carousel-text .cennik-sm, .carousel-text .cennik-sm-red
{
    position: absolute;
    bottom: 0;
    right: 0;
}

.cart-link
{
    margin: 100px 0 0 10px;
    padding-left: 23px;
    background: url(images/ico/cart.gif) no-repeat left;
}
.cart-link a { font-size: .9em; }
table.one-item { border: none; }
.one-item td
{
    padding: 3px;
    border-bottom: 1px dotted #3F3F3F;
    vertical-align: top;
    font-size: .9em;
}
.s-price
{
    margin-top: -50px;
    text-align: left;
}
.alertPanel
{
    position: absolute;
    top: -50px;
    left: -90px;
    width: 170px;
    height: 25px;
    padding: 5px;
    background: #fff;
    border: 2px solid #FB574A;
    display: none;
    font-size: 12px;
}
a.red-link { color: #C41F1F; font-weight: normal; }
a.red-link:hover { color: #6C0505; }

table.result { border-collapse: collapse; }
table.result th, table.result td { border: 1px solid #A4AEB7; padding: 2px 3px; vertical-align: top; }
table.result th { background: #E9E9E9; }
table.result td {  }
#back-link { margin: 12px 0;}


/* --------------------------- form --------------------------- */
table.form
{
}
.form td
{
    font-size: 8pt;
    vertical-align: top;
    padding: 3px;
}
.formErr
{
    font-size: 8pt;
    vertical-align: top;
    color: #FF0000;
}
.form th
{
    font-size: 9pt;
    border-bottom: 1px solid #C0C0C0;
    padding-top: 15px;
}
form
{
    margin: 0;
}
TEXTAREA, INPUT, SELECT
{
	FONT-SIZE: 11px;
	FONT-FAMILY: arial cyr, verdana, sans-serif;
	background: #FFFFFF;
	border: 1px solid black;
}
.button
{
	FONT-SIZE: 11px;
	FONT-FAMILY:  arial cyr, verdana, sans-serif;
	border-style: outset;
	background-color: #C8DEEC;
	border-width: 2px;
	border-color: #82ADD0;
	color: #000000;
	font-weight: bold;
}
.radio
{
	font-size: 11px;
	background: transparent;
	border: none;
}
.formNote
{
    font-size: .9em;
    font-weight: normal;
    font-style: italic;
}
/* --------------------------- right-column --------------------------- */
#blog-anons
{
    height: 135px;
    background: url(images/bg-blog-3.jpg) no-repeat;
    padding: 27px 15px 15px 19px;
}
#blog-anons h1 { color: #4D82FF; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
#blog-anons .more-link { position: absolute; bottom: 15px; right: 17px; }
#blog-anons .more-link-all { position: absolute; bottom: 15px; left: 19px; }
.more-link a, .more-link-all a { font-weight: normal; }
#right-prod
{
/*    height: 488px;  */
    background: url(images/bg-r-col-1.jpg) no-repeat;
    padding: 9px 14px 14px;
}
#right-prod a
{
    display: block;
    width: 282px;
    line-height: 66px;
    text-align: right;
    color: #464646;
    font-weight: bold;
    font-size: 1.1em;
    margin-top: 0!important;
    padding: 0!important;
}
#right-prod a:hover { color: #000; }

ul#r-menu li.sfHover ul { left: 173px; }
ul#r-menu li { float: none!important; }
ul#r-menu li li { width: 110px; }
ul#r-menu li li a { line-height: 35px; width: 105px; padding-right: 5px!important; }

ul#r-menu li.sfHover ul.r-first { left: 113px; }
ul#r-menu li .r-first li { width: 170px; }
ul#r-menu li .r-first li a { width: 165px; }

/*


.sf-menu {
	margin-bottom:	1em;
}
.sf-menu li li { background: #E9EBEA; border-top: 1px solid #B3BDC7; border-left: 1px solid #B3BDC7; border-right: 1px solid #B3BDC7; }
.sf-menu li li a { background: none;  padding: 10px 10px; margin: 0; }
.sf-menu li li li {
	background:		#E9EBEA;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
*/
/* --------------------------- bottom banner --------------------------- */
#bottom-banner
{
    height: 164px;
    background: url(images/bg-bottom-banner.gif) no-repeat;
    position: relative;
}
#bottom-banner h3 { padding: 15px 0 5px 0; font-size: 1.1em;}
#bottom-banner a { padding: 15px 0 5px 0; color: #000; font-size: .9em; }
#bottom-banner a:hover { color: #444; }
#prev, #next
{
    height: 85px;
    width: 9px;
    float: left;
    position: absolute;
    top: 40px;
    border: none;
    cursor: pointer;
}
#prev { left: 15px; }
#next { right: 15px; }
#carousel { margin: 0 auto; display: none; }
#carousel li { float: left; width: 225px; padding: 0 5px; border-left: 1px solid #C0C0C0 }
/* --------------------------- footer --------------------------- */
#footer { }
#bottom-menu { margin-top: 10px; font-weight: bold; }
#bottom-menu a
{
    font-size: 12px;
    border-left: 2px solid #464646;
    padding: 0 15px;
}
#bottom-menu a:hover { color: #7E7E7E; }
#copyright { color: #4B4B4B; margin-top: 10px; }
/* --------------------------- map --------------------------- */
.div_map { margin-left: 20px; }
.div_map a { display: block; }
/* --------------------------- login form --------------------------- */
#user-bar
{
    float: right;
    width: 270px;
    padding: 5px 20px;
    line-height: 18px;
}
#user-bar input { border: 1px solid #648ABB; background: #EAF5FA; width: 200px; height: 16px; }
#user-bar input.button { border: 2px outset #648ABB; background: #658ABE; color: #C5D8F8; width: 60px; height: 19px; }
#login-form-container
{
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
}
#login-form
{
    width: 250px;
    margin: 160px auto 0 auto;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #000;
    display: none;
    text-align: left;
}
#login-form label { float: left; font-size: 1.1em; clear: all; }
#login-form .input { display: block; font-size: 1.2em; margin: 3px 0 0 100px; }
#login-form .button { margin: 15px 5px 5px 5px; display: inline; font-size: 1em; }
#login-footer a { margin: 0 10px; }
/* --------------------------- misc --------------------------- */
.lineH
{
    border-bottom: 1px solid #AAAAAA;
}
.alertText, .okText
{
    font-size: 11pt;
    font-weight: bold;
    text-align: left;
    font-family: Arial;
    margin-top: 20px;
}
.alertText
{
    color: #950000;
}
.alertTextSmall
{
    color: #D50301;
    font-weight: bold;
    text-align: center;
}
.okText
{
    color: #000000;
    text-align: center;
}
.lineList
{
	font-size: 90%;
	margin-bottom: 7px;
    border-top: 1px dotted #3F3F3F;
    padding-top: 10px;
}
.lineList a
{
	color: #4D82FF;
	text-decoration: none;
	margin: 0 3px;
}
.lineList a:hover
{
	color: #000000;
	text-decoration: none;
}
.lineList span { margin: 0 3px; }
div.commentList
{
    border: 1px solid #C0C0C0;
    margin: 3px;
    padding: 5px;
    background: #EAFDEA;
}
div.commentTitle
{
    border: 1px solid #C0C0C0;
    background: #DBFBDB;
    padding: 3px 3px 3px 20px;
    font-size: .9em;
    font-style: italic;
    margin-top: 7px;
}
.commentAdmin
{
    background: #FFF;
    margin: 5px 5px 5px 30px;
    padding: 3px;
    font-style: italic;
}
div.branchLine
{
    font-size: .85em;
    padding: 3px 5px;
    border: 1px solid #C0C0C0;
    background: #DBFBDB;
}
.star { color: red; font-weight: bold; }
/* ------------------------------- button -----------------------------*/
a.button-link
{
    display: block;
    padding: 4px 0;
    width: 120px;
    background: url('images/ico/button.gif') no-repeat;
    color: #000;
    font-size: .9em;
    text-decoration: none;
    text-align: center;
}
a.button-link:hover
{
    color: #000;
    background-position: 100% 100%;
}