@import url(menu.css);

BODY {
color:#7c8295;
font-family: Arial;
font-size:12px;
text-align:center;
background-color: #305aa4;
background-image: url(../images/shared/bg.gif);
margin:0px;
}

TABLE, P, DIV {color:#494c40; font-family: Arial; font-size:12px; text-align: left;}

IMG {
border:0px;
padding:0px;
margin:0px;
}

a {color:#3ca7e4;text-decoration:none;padding: 0px;margin: 0px;cursor: pointer;}
a:hover {color:#305aa4;text-decoration:underline;padding: 0px;margin: 0px;cursor: pointer;}

a.new {color:#1E388C !important;}
a.new:hover {color:#5dc4ff !important;text-decoration: none}
.special1 {color: #3c4f91; font-size: 12px; font-weight: bold;}
.special2 {color: #3c4f91; font-size: 14px; font-weight: bold;}

.font11 {font-size: 11px;}

.left {
float: left;
margin: 0 10px 0 0;
}

.right {
float: right;
margin: 0 0 0 10px;
}

.img IMG{
border: 1px solid #e4e4e5;
padding: 3px;
background-color: #ffffff;
}

.div_center {
display: block;
width: 100%;
text-align: center;
clear: both;
padding: 14px 0 20px 0;
}

.div_center2 {
display: block;
clear: both;
padding: 14px 0 20px 0;
margin: 0 0 0 74px;
}

UL {
padding:2px 0 2px 12px;
margin: 6px 0 16px 12px;
}

LI {
list-style-image: url(../images/shared/news_ico.gif);
padding-top:2px;
padding-bottom: 2px;
}

.no_display {
display: none;
}

.back {
float: right;
font-size: 11px;
display: block;
width: 100%;
clear: both;
text-align: right;
}

.back a {
text-decoration: none;
color:#305aa4;
}

.back a:hover {
text-decoration: none;
color:#5dc4ff;
}

.back IMG {
margin-bottom: 1px;
}

/*==================================================
BACKGROUND
==================================================*/

#site {
width:865px;
display:block;
margin:0 auto;
text-align: center;
background-color: #ffffff;
background-repeat: repeat-x;
background-image: url(../images/shared/bg_content.gif);
background-position: bottom;
overflow:hidden;
}


/*==================================================
HEADER
==================================================*/

#header {
display: block;
float: left;
width: 865px;
height: 141px;
margin: 0;
padding: 0;
background-image: url(../images/shared/bg_header.gif);
background-repeat: repeat-x;
text-align: center;
font-size: 0;
}

#menu_top {
display: inline;
float:left;
width: 825px;
line-height: 40px;
height: 40px;
background-image: url(../images/shared/bg_line_top.gif);
background-repeat: repeat-x;
background-position: bottom;
margin-left:20px;
}


#lang {
display: block;
float: left;
width: 214px;
font-family: Arial;
font-size: 11px;
color: #1e388d;
margin: 0;
padding: 0;
line-height: 40px;
height: 40px;
}

#lang IMG {
padding: 0 7px 0 7px;
}

#searcher {
display: block;
float: right;
width: 441px;
font-family: Arial;
font-size: 11px;
color: #1e388d;
text-align: right;
margin: 0;
padding: 0;
}

#searcher DIV {
display: block;
float: right;
font-family: Arial;
font-size: 11px;
color: #1e388d;
text-align: right;
}

#menu {
display: block;
float: left; 
width: 643px;
height: 101px;
margin: 0;
background-image: url(../images/shared/bg_menu.gif);
background-repeat: repeat-x;
padding: 0 0 0 12px;
line-height: 0;
font-size: 0;
}


#menu ul {
line-height: 101px;
float: left;
height: 101px;
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
line-height: 0;
}

#menu li {
line-height: 101px;
float: left;
height: 101px;
display: inline;
margin: 0;
padding: 0;
line-height: 0;
}


h1 {
display: block;
float: left;
width: 190px;
height: 101px;
margin: 0;
padding: 0;
}


/*==================================================
CONTENT
==================================================*/

#content_l {
display: block;
float: left;
width: 365px;
min-height: 380px;
overflow: visible;
margin: 0;
padding: 0 0 0 0;
font-size:0;
}

#content_l IMG {
margin: 0;
padding: 0;
}

.flashbox {
display: block;
float: left;
width: 365px;
height: 269px;
margin: 0;
padding: 0;
font-size: 0;
background: #f4f5f6 url(../images/shared/bg_animacja.jpg);
}

#content_r {
display: block;
float: left;
width: 480px;
min-height: 485px;
overflow: visible;
margin: 0;
padding: 0 0 0 0;
background-image: url(../images/shared/bg_content_r.gif);
background-repeat: repeat-x;
}

#distribution_map {
display: block;
float: right;
width: 365px;
height: 220px;
}

#brands {
display: block;
float: right;
width: 345px;
}

#page_header {
display: block;
float: left;
width: 480px;
height: 55px;
}

.header_news {
float: left;
display: inline;
margin: 20px 0 0 24px;
}

#news {
display: block;
float: left;
width: 456px;
padding: 20px 0 20px 24px;
height: 174px;
background-image: url(../images/shared/bg_line_top.gif);
background-repeat: repeat-y;
background-position: right;
}

.more_news {
display: block;
float: right;
padding-right: 24px;
font-size: 11px;
color: #243784;
padding-top: 22px;
}

.more_news a {
font-size: 11px;
color: #243784;
text-decoration: none;
}

.more_news a:hover {
font-size: 11px;
color: #5dc4ff;
text-decoration: none;
}

.offer_header {
display: block;
float: left;
width: 480px;
height: 45px;
background-image: url(../images/index/bg_chemia.gif);
background-repeat: repeat-x;
}

.offer_header IMG {
float: left;
}

.offer {
display: block;
float: left;
width: 480px;
height: 113px;
margin: 0;
padding: 0;
font-size: 11px;
}

.offer IMG {
float: left;
}


.offer_dsc {
display: block;
float: left;
width: 144px;
height: 113px;
text-align: left;
color: #305aa4;
font-size: 12px;
font-weight: bold;
}

.offer_dsc a {
color: #5dc4ff;
font-size: 11px;
text-decoration: none;
font-weight: normal;
}

.offer_dsc a:hover {
color: #5dc4ff;
font-size: 11px;
text-decoration: underline;
font-weight: normal;
}

.more {
display: block;
float: right;
padding-right: 24px;
font-size: 11px;
color: #ffffff;
padding-top: 14px;
}

.more a {
font-size: 11px;
color: #ffffff;
text-decoration: none;
}

.more a:hover {
font-size: 11px;
color: #ffe600;
text-decoration: none;
}

.dojazd {
padding-top: 4px;
font-size: 11px;
}

.dojazd a {
text-decoration: none;
}

.dojazd a:hover {
text-decoration: underline;
}

/*==================================================
CONTENT_PAGE
==================================================*/

#content_both {
display: block;
float: left;
width: 865px;
overflow: auto;
background-image: url(../images/shared/bg_content_page_r.gif);
background-repeat: repeat-y;
background-position: 365px top;
padding: 0;
margin: 0;
}

#content_page_l {
display: block;
float: right;
width: 297px;
min-height: 220px;
overflow: visible;
background-image: url(../images/shared/bg_content_page_l.gif);
background-repeat: repeat-x;
padding: 20px 24px 0 24px;
}

#content_page_r {
display: block;
float: right;
width: 432px;
min-height: 490px;
background-image: url(../images/shared/bg_content_page_r.gif);
background-repeat: repeat-y;
background-position: right;
padding: 20px 12px 0 24px;
overflow: visible;
}

a.portal {
color:#494c40;
font-size: 12px;
text-decoration: none;
}

a.portal:hover {
color:#494c40;
font-size: 12px;
text-decoration: none;
}

h2 {
font-size: 16px;
font-weight: normal;
color: #3c4f91;
padding: 1px 0 12px 0;
margin: 0 0 12px 0;
}

h2.special {
font-size: 16px;
font-weight: normal;
position: relative;
color: #3c4f91;
padding: 1px 0 4px 0;
top: -10px;
}

h3 {
font-size: 14px;
font-weight: bold;
color: #3c4f91;
margin: 0;
padding: 4px 0 0 0;
margin:0;
}

.offer_header_page {
display: block;
float: left;
position: relative;
left: -24px;
width: 480px;
height: 45px;
background-image: url(../images/index/bg_chemia.gif);
background-repeat: repeat-x;
}

.offer_header_page IMG {
float: left;
}

#menu_block {
  list-style-type:none;
  margin:0;
  padding:0;
  font-size:11px;
  font-family:Arial;  
}

#menu_block A {
color: #3c4f91;
text-decoration: none;
display:block;
height:24px;
line-height:22px;
background-color: #ffffff;
padding-left:24px;
background: #ffffff url(../images/shared/menu_bg.gif) no-repeat;
}

#menu_block A:hover {
color:#5dc4ff;
text-decoration:none;
background: #f7f7f7 url(../images/shared/menu_bg1.gif) no-repeat;
padding-left:34px;
}

#menu_block LI {
display:inline;
}

#menu_block UL {
margin: 0 0 0px 0;
padding: 0;
display: block;
}

#rozwin1 A {
color: #3c4f91;
text-decoration: none;
display:block;
height:24px;
line-height:22px;
background-color: #ffffff;
padding-left:24px;
background: #ffffff url(../images/shared/menu_main_bg.gif) no-repeat;
}

#rozwin1 A:hover {
color:#5dc4ff;
text-decoration:none;
background: #f7f7f7 url(../images/shared/menu_main_bg1.gif) no-repeat;
padding-left:34px;
}

#rozwin2 A {
color: #3c4f91;
text-decoration: none;
display:block;
height:24px;
line-height:22px;
background-color: #ffffff;
padding-left:24px;
background: #ffffff url(../images/shared/menu_main_bg.gif) no-repeat;
}

#rozwin2 A:hover {
color:#5dc4ff;
text-decoration:none;
background: #f7f7f7 url(../images/shared/menu_main_bg1.gif) no-repeat;
padding-left:34px;
}

.ul_main {
margin: 0;
padding: 0;
}

.ul_main A {
color: #3c4f91;
text-decoration: none;
display:block;
height:24px;
line-height:22px;
background-color: #ffffff;
padding-left:24px;
background: #ffffff url(../images/shared/menu_main_bg.gif) no-repeat;
}

.ul_main A:hover {
color:#5dc4ff;
text-decoration:none;
background: #f7f7f7 url(../images/shared/menu_main_bg1.gif) no-repeat;
padding-left:34px;
}

.ul_main LI {
list-style-image: none;
list-style-type: none;
padding: 0;
margin: 0;
}

.oferta1_sub1 LI {
display: none !important;
}

.sub_special1 {
list-style: none;
list-style-image: none;
padding-top:12px;
}

.sub_special2 {
margin-left: 16px;
}

#mapa_dojazdu {
display: block;
width: 243px;
height: 187px;
float: right;
margin-top: 35px;
position: relative;
right: -23px;
background-image: url(../images/page/kontakt/bg_mapa.gif);
background-repeat: no-repeat;
}

.mapa_dojazdu {
position: relative;
top:73px;
left: 144px;
}

.h2special {
position: relative;
top: -35px;
left: 40px;
}

.table_produkt {
width: 100%;
border: 0;
}

.td_title {
height: 37px;
background: url(../images/index/bg_chemia.gif) repeat-x;
font-weight: bold;
color: #ffffff;
}

.td_cell1 {
background: #f8f8f8;
}

.td_cell2 {
background: #f8f8f8;
}

.press {
padding: 4px 0 16px 0;
}

.press IMG {
padding-right: 8px;
float: left;
}

.press2 {
color: #9A9A9A;
}
h4 {font-family:Tahoma;font-size:14px;margin-top:25px;}
#choose_products {margin:0; padding:0;}
#choose_products li {margin:0; padding:0;list-style-type: none; float: left; display: inline;margin: 5px 2px;}
#choose_products li ul li {display: list-item; margin-left:25px;width: 270px;}
#choose_products li img {background:#fff;border:1px solid #f4f4f4;margin-top:20px;padding:10px 50px !important;}
#choose_products .info {float:left; width:150px;}
#choose_products .info_link {width:450px;!width:250px;}
#choose_products a {color: #1e388c;}
#choose_products a IMG {padding:10px 26px; background: #f6f6f7;border: 1px solid #d8d8df;clear: both; }
#choose_products a span {background:#fff;border:1px solid #D8D8DF;border-top: 0px; clear:both;display:block;margin-top:-5px;padding:5px 0;text-align:center;}
#choose_products a:hover {text-decoration: none; color:#5dc4ff;	}
#choose_products a:hover IMG {background: #fff; border: 1px solid #eb0909 }
#choose_products a:hover span {background:#eb0909;color: #fff; border: 1px solid #eb0909; border-top:0px;}

/*==================================================
FOOTER
==================================================*/

#footer {
display: inline;
float: left;
width: 825px;
height: 38px;
font-size: 11px;
margin: 20px 20px 0 20px;
background-image: url(../images/shared/bg_line_footer.gif);
background-position: top;
background-repeat: repeat-x;
padding-top: 6px;
}

#footer_index_l {
display: block;
float: left;
width: 310px;
height: 36px;
line-height: 34px;
font-size: 11px;
color: #7c8295;
}

#footer_l {
display: block;
float: left;
width: 310px;
height: 36px;
line-height: 16px;
font-size: 11px;
color: #7c8295;
}

#footer_c {
display: block;
float: left;
width: 225px;
height: 36px;
line-height: 34px;
font-size: 11px;
text-align: center;
color: #7c8295;
}

#footer_r {
display: block;
float: right;
width: 250px;
height: 36px;
line-height: 34px;
font-size: 11px;
text-align: right;
color: #7c8295;
}

#footer a {
color: #305aa4;
text-decoration: none;
}

#footer a:hover {
color: #3ca7e4;
text-decoration: none;
}


/*==================================================
FORMULARZ KONTAKTOWY
==================================================*/

.form {border:solid 1px #e4e4e5; font-size:11px;background-color: #eaeced;color:#000000; font-family: Arial;}
.form2 {border:solid 0px #FFFFFF; font-size:12px;}
SELECT.form {font-size:12px;background:#FFFFFF}
TEXTAREA.form {border:solid 1px #e4e4e5; font-size:11px;background-color: #eaeced;color:#000000; font-family: Arial;}
.submit {border: 0;border-bottom:solid 4px #ffe600; font-size:12px; font-family: Arial;background-color: #1e388c;color:#FFFFFF;padding:4px;}
.row {
padding-top: 6px;
}

/*==================================================
error - ustawienia stylu kounikatu w przypadku bledu np. w formularzu
success - ustawienia stylu komunikatu w przypadku np. pomyslnie wyslanego formularza
==================================================*/
.error {color: #FF0000}
.success {color: #3ca7e4}

/*==================================================
search - umozliwia konfiguracje wygladu wyszukiwarki
==================================================*/
.search {border:solid 1px #eaeced; font-size:11px;background-color: #eaeced;color:#000000}

/*==================================================
w wyniku wyszukania na dole znadjduje si? pasek z rozmiarem oraz data ostaniej modyfikacji pliku,
wlasnie dzieki result mozna skonfigurowac jej wyglad
==================================================*/
.result {color: #CCCCCC}

/*==================================================
klasy zwiazane z systemem newsow w szablonie
==================================================*/
.news_table{}
.news_topic{font-size: 13px;font-weight: bold;color: #3c4f91;line-height: 22px;padding-bottom:10px;}
.news_date{font-size: 10px; color:#9A9A9A;}
.news_news_row_1{}
.news_news_row_2{}
.news_news_row_3{}
.news_content{}
.news_picture{}
.news_galeria{}
.news_galeria_zdjecia{}
.news_back{}
.news_more{}
.news_stronicowanie{}
.news_author{}

.content_wrap {
display: block;
float: left;
padding: 0 20px 0 0;
width: 205px;
}
.content_index {
display: block;
height: 118px;
font-size: 11px;
}

#rzetelna_firma {border-top: 1px solid #CFD0D1;clear: both;display: inline-block;margin-top: 20px;padding: 20px 5px 0;}

/*==================================================
klasy zwiazane z galeria
==================================================*/
.header_galeria{}
.galeria{}
.galeria_zdjecie{}
.galeria_table_row_1{}
.galeria_back{}
.galeria_stronicowanie{}
.wrap{}
.wrap_stamp{}
.wrap_conteiner{}

/*==================================================
klasy zwiazane z ksiega gosci
==================================================*/
.gbook_stronicowanie{}
.gbook_wrap{}
.gbook_wrap_2{}
.gbook_autor{}
.gbook_data{}
.gbook_text{}


/*==================================================
klasy zwiazane z mapa strony
==================================================*/
.sitemap_ul {margin-top: 2px;padding-top: 0;margin-bottom: 2px;padding-bottom: 2px;}
.sitemap_li {margin-top: 2px;padding-top: 0;margin-bottom: 2px;padding-bottom: 0;}

/*==================================================
klasy zwiazane z warunkami sprzedaży
==================================================*/
div.paragraph {font-weight: bold;margin: 1.5em 0 0.5em 1em;}
ol {margin:0.5em 0 0.5em 1em;}