@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img{background:none; border:0 none; font-size: 100%; margin:0; outline: 0 none; padding:0; vertical-align:baseline;}
.clear {clear: both; height: 0; line-height: 0; display: block;}
img {display: block;}
a {text-decoration: none;font-weight: bold;}
#where_to_change_anchor {color: #1A6FC5 !important;}
body {/*background:url(../img/bg.jpg) no-repeat top center;*/ font-family: Arial, Tahoma, Verdana, sans-serif;}
body.family_liquids {background:url(../img/bg2.jpg) no-repeat top center;}
body.family_liquids #container {/*background:url(../img/bg2.jpg) no-repeat top center; */width: 980px;}
body.home{background:url(../img/bg.jpg) no-repeat top center;}
body.home #container{/*background:url(../img/bg.jpg) no-repeat top center;*/} /* z bg-home*/
body.change_liquid {background:url(../img/bg3.jpg) no-repeat top center;}
body.change_liquid #container {/*background:url(../img/bg3.jpg) no-repeat top center;*/}
body.where_to_change {background:url(../img/bg4.jpg) no-repeat top center;}
body.where_to_change #container {/*background:url(../img/bg4.jpg) no-repeat top center; */width: 1008px;}
body.city_gallery {/*background:url(../img/bg_gallery.jpg) no-repeat top center;*/}
body.city_gallery #container {background:url(../img/bg_gallery.jpg) no-repeat top center;}
#container {width: 1008px; margin: 0 auto; /*background:url(../img/bg.jpg) no-repeat top center;*/position: relative;}
#where_to_change {padding-left: 20px; margin-top: 12px; background-image: url(../img/main_check.png); background-repeat: no-repeat; width: 359px; height: 73px;padding:16px 17px 17px 20px;}
/*TOP*/
#top h1 {float: left; }
#top h1 a {display: block; background: url(../img/logo.png); width: 164px; height: 177px;  position: relative;text-indent: -9999px;}
#top h2 {float:left; padding-left: 15px; padding-top: 80px;}
h4 a {text-decoration: underline;}
#top #nav {position: relative;}
#top #nav ul {list-style: none; display: block; /*position: absolute;  top: -1px;right: -16px; */margin-top:14px; float: right;}
#top #nav ul li {display: block; float: left; position: static; overflow: hidden; cursor: pointer;}
#top #nav ul li a{display: block; height: 66px; /*background: url(../img/menu.png) no-repeat;*/ text-indent: -9999px;position: static; overflow: hidden; cursor: pointer;}
#top #nav ul li a.change_liquid {width:194px; background: url(../img/menu_01_p.png) no-repeat; cursor: pointer;}
#top #nav ul li a.where_to_change {width:157px; background: url(../img/menu_02_p.png) no-repeat; cursor: pointer; /*background-position: -194px 0;*/}
#top #nav ul li a.liquids_family {width:213px;background: url(../img/menu_03_p.png) no-repeat; cursor: pointer;/*background-position: -351px 0;*/}

#top #nav ul li a.change_liquid:hover, #top #nav ul li a.change_liquid.hover{background-position:0 -67px;}
#top #nav ul li a.where_to_change:hover, #top #nav ul li a.where_to_change.hover {background-position:0 -67px;}
#top #nav ul li a.liquids_family:hover, #top #nav ul li a.liquids_family.hover {background-position:0 -67px;}

body.where_to_change #top h1 {margin-left: 12px; }

/*#top #nav ul li a.change_liquid:hover, #top #nav ul li a.change_liquid.hover{background-position: 0 -67px;}
#top #nav ul li a.where_to_change:hover, #top #nav ul li a.where_to_change.hover {background-position: -194px -67px;}
#top #nav ul li a.liquids_family:hover, #top #nav ul li a.liquids_family.hover {background-position: -351px -67px;}*/
/*CONTENT*/
body.family_liquids #content h4 {padding-top: 30px}
body.change_liquid #content h4 {padding-top: 12px;}
body.where_to_change #content h2 { float: left; padding: 20px 0 10px 37px;}
body.where_to_change #content h4 {padding-top: 3px;}
#content .box {clear: both; padding:20px 27px 1px; height: 413px;}
#content .products {float:left; width: 550px;}
#content .products h3 {padding-bottom: 7px; padding-top: 12px !important; padding-top: 4px;}
#content .products p {color: #1A6FC5; font-size: 12px !important; font-size: 11px; font-weight: bold; line-height: 18px; padding-left: 15px;}
#content .products .flash {height: 194px;}
#content .video{float:right; padding-top: 80px; padding-right: 40px;}
#content .actions {float:left; width: 460px; padding-top: 26px;}
#content .actions .action_info { height: 290px; }
#content .actions .action_info h5 {float: left; padding: 19px 10px 5px 30px; font-size: 28px; color: #b31e1c; font-weight:bold;}
#content .actions .action_info span {float: left; color: #154a6c; font-size: 11px; padding-top: 35px; font-weight: bold;}
#content .actions .action_info p {clear: both; font-size: 16px; color: #1a6fc5; font-weight: bold; padding: 10px 30px 1px}
#content .actions .others_action { float: left; padding: 112px 0 4px 40px; height: 20px;line-height: 20px;}
#content .actions .others_action label { float: left; color:#b31e1c; font-size: 13px; font-weight: bold; padding-right: 5px;}
#content .actions .others_action input.other_action { float: left; width: 20px; height: 20px; background: url(../img/check_btn_small.png) no-repeat; border: none;padding: 0; margin: 0; cursor: pointer; }
#content .actions .others_action select {margin-left: 10px;}
#content .photos {float:right; width: 480px; padding-right: 20px;}
#content .photos img.select{float: right; margin-right: 40px; margin-bottom: 1px;}#content .photos .photo_gallery {clear: both;}
#content .photos .photo {float: left; width: 90px; height: 90px; padding-right: 2px; padding-bottom: 2px; background: url(../img/photo_bg.png) no-repeat;}
#content .photos .pagination {text-align: center; font-size: 16px; color: #fff; padding-top: 30px;}
#content .video2 {float:right; margin-top: -90px; padding-right: 30px;}
#content .tourne {float:left;width:610px; height:400px!important;overflow: hidden;*:height:400px;*height:382px;}
#content .boxes {float: left; width: 240px; padding-left: 22px; margin-top: 100px; margin-bottom: 60px; }
#content .boxes a {float:right; padding-top: 20px;}
#content .boxes p {color:#1A6FC5;font-size:13px;font-weight:bold;line-height:18px; padding-top: 5px; float: left;}
#content .boxes span {color:#b31e1c; font-size: 16px;}
#table-header {background-image: url(../img/table_header.png); background-repeat: no-repeat; width: 337px; height: 24px;}
/*
#content .boxes .box1 {height: 65px; padding-top: 136px;}
#content .boxes .box1 span {font-size: 20px;}
#content .boxes .box1 a {padding-top: 28px;}
#content .boxes .box1 p {font-size: 16px;padding-top: 10px; line-height: 22px;}
#content .boxes .box2 {height: 50px; padding-top: 10px; padding-right: 15px;}
#content .boxes .box3 {height: 50px; padding-top: 10px; padding-right: 15px;}
*/
.active_box {
    background-image: url(../img/left_btn_big.png);
    background-repeat: no-repeat;
    width: 257px;
    height: 63px;
    padding: 10px 10px 0px 10px;
}
.active_box a > img {
    margin-right: 12px;
    margin-top: 0px;
}
.passive_box {
    background-image: url(../img/left_btn_small.png);
    background-repeat: no-repeat;
    width: 238px;
    height: 51px;
    padding: 3px 3px 3px 6px;
}
.passive_box a > img {
    margin-right: 10px;
}
#content .maps {float: right; padding-top: 30px; overflow:hidden;/*width:380px;*/ }
#content .select_place {padding-left: 400px;}
#content .select_place select{width: 170px;}
#content h2 {padding: 35px 0 45px 37px;}
#content h3 {padding-left: 15px;}
#content span.red {color:#b31e1c}
#content #box { padding:62px 0 30px 60px; width: 325px;}
#content #box p {float: left; font-size: 16px; color: #1a6fc5; font-weight: bold; }
#content #box a.check {width: 29px; height: 29px; float: right; margin: 15px 35px 4px 2px;}
#content h4 {font-size: 14px; padding: 32px 0 0 16px}
#content h4 a {color: #fff;}
#content #partnership {padding-left: 19px; }
#content #partnership img {float:left; margin: 1px 5px;}
#content #partnership2 {padding-left: 19px; }
#content #partnership2 img {float:left; margin: 4px 5px;}
/*FOOTER*/
#footer {clear: both; padding:0px 25px; *margin-top:-15px; *:margin-top:0px!important;}
#footer p {float: left; color: #313131; font-size: 11px; padding-top: 5px; line-height: 16px;}
#footer p a {color: #313131; text-decoration: none;}
#footer p.copyright {float: right; }
#footer p.copyright a {color: #8e2345; font-weight: bold;}
.tabela{/*float:right;*/margin-right:16px;margin-top:0px;width:333px;font-size: 10px;color:#1a6fc5!important; font-weight: bold;}
.tabela table tr td{padding:5px; border:1px solid #e3e0e0;}
.tabela table tr td.data{width:65px;}
.tabela table tr td.miasto{width:101px; color:red;}
.tabela table tr td.miasto a {color: red; text-decoration: none;}
.tabela table tr td.opis{width:200px;}
#main_red_box {height: 166px;width: 431px;background-image: url(../img/red_box.png);background-repeat: no-repeat;margin-top: 30px;}
#napis_flash {margin-left: 23px; margin-top: 98px}


/* root element for scrollable */
.scrollable {/* required settings */position:relative;overflow:hidden;/* vertical scrollables have typically larger height than width but not now */height: 665px;width: 700px;}
/* root element for scrollable items */
.scrollable .items {position:absolute;/* this time we have very large space for the height */height:20000em;}


/* SCROLL START */

a.jScrollArrowUp {
	background: url(../img/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../img/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.transparent-bar .jScrollPaneTrack {
	background: none;
}
.transparent-bar .jScrollPaneDrag {
	background: #008000 url(../img/drag_grab.gif) no-repeat 50% 50%;
}
.transparent-bar .scroll-pane {
	/*background: #69f;*/
    background: none;
}
.action_gallery ul, .action_gallery li {list-style-type: none;}
.action_gallery ul li {float: left; width: 90px; height: 90px; background: url(../img/photo_bg.png) no-repeat; margin: 1px;}
.holder {float: left;margin: 10px;}
.scroll-pane {/*width: 200px;*/;width: 348px;/*height: 200px;*/;height: 350px; overflow: auto;background: #ccc;float: left;}
.wide {width: 400px;}
.super-wide {width: 700px;}
.tall {height: 400px;}
#is-scroll {height: 337px;/*margin-top: 24px*/}
#is-lt {}
/* SCROLL END */
#is-facebox {display: none;height: 100%;width: 100%;}
#is-facebox div {width: 485px;height: 223px;text-align: center;background-image: url(../img/_facebox.jpg);margin: 0px auto;}
#is-facebox div img {float: right;}
#is-facebox-background {background-color: black;width: 100%;height: 100%;opacity: 0.5;z-index: 55;position: fixed;}
#gallery {}
.gallery_element {width: 90px;height: 90px;padding: 5px;text-align: center;line-height: 90px;float: left; background: url(../img/photo_bg.png) no-repeat;}
#right_col { margin-right:14px;width:348px!important; overflow: hidden;}
#is-lt { margin-right:14px;}
.left_fff_bo {width: 477px;height: 290px;background: url(../img/left_box_fff.png) no-repeat;}
.left_fff_bo p {color: #1A6FC5; font-weight: bold;}
span.big_red {font-family: Arial; font-size: 20px; font-weight: bold; color: #f00;}
#bottled_corner {float: right; background: url('../img/bottles.png') no-repeat; margin-top: 52px; width: 157px; height: 142px;}
#content h4.find_more_action {background: url(../img/fff_btn_find.png) no-repeat; width: 244px; height: 33px; color: #f00;font-size:13px;line-height:33px;margin-left:60px;}
.see_in_gallery { background: url(../img/red_select.png) no-repeat; width: 206px; height: 31px;line-height: 31px; margin-left:220px;}

/* new by jh */
#regulamin-lnk{top:681px;font-size:12px;font-weight:normal;position:absolute;right:30px;text-transform:uppercase;}
#winners-lnk{position: absolute; top:647px; right: 30px;}
.pagination a {color: #fff; font-weight: bold;}
.is-fb-table {}
.is-fb-table{/*float:right;*/margin-right:16px;margin-top:0px;width:333px;font-size: 10px;color:#1a6fc5!important; font-weight: bold;}
.is-fb-table table tr td{padding:5px; border:1px solid #e3e0e0;}
.is-fb-table table tr td.data{width:65px;}
.is-fb-table table tr td.miasto{width:101px; color:red;}
.is-fb-table table tr td.miasto a {color: red; text-decoration: none;}
.is-fb-table table tr td.opis{width:200px;}