@import url("patch.css");


BODY {
color:#464646;
font-family: Tahoma;
font-size:12px;
text-align:center;
background-color: #464646;
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url(../images/shared/bg.jpg);
margin:0;
padding: 0;
}

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

IMG {
border:0px;
padding:0px;
margin:0px;
/* PRZEZROCZYSTOSC PNG W IE 6 i STARSZYCH*/
behavior: url("pngbehavior.htc");
/*PNG ZALADOWANE*/
}

IMG.aktualnosc {
margin: 5px 5px 2px 0px;
border: 1px solid #dbdbdb;
padding: 3px;
}

IMG.referencje {
border: 1px solid #dbdbdb;
padding: 3px;
}

/* Poniżej po *html wpisujemy nazwę id / klasy, w której mamy obrazek png */

*html {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/shared/bg_content.png",sizingMethod="scale");
}

.spe {color:#464646;text-decoration:none;padding: 0px;margin: 0px;}

a {color:#f80808;text-decoration:none;padding: 0px;margin: 0px;}
a:hover {color:#e19d8a;text-decoration:none;padding: 0px;margin: 0px;}

a.spe {color:#464646;text-decoration:none;padding: 0px;margin: 0px;}
a:hover.spe {color:#f80808;text-decoration:none;padding: 0px;margin: 0px;}

a.footer {color:#afacac;text-decoration:none;}
a:hover.footer {color:#afacac;text-decoration:none;}

a.mapa {color:#565656;text-decoration:none;}
a:hover.mapa {color:#f80808;text-decoration:underline;}

a.wiecej {color:#f4f4f4;text-decoration:none; font-size: 11px}
a:hover.wiecej {color:#e19d8a;text-decoration:none; font-size: 11px;}

.special {color: #332f30; font-size: 14px; font-weight: bold;}
.special2 {color: #2e2e2e; font-weight: bold; font-size: 12px;}
.normal {color: #464646; }

.font11 {font-size: 11px;}
a.black {color:#000000 !important;}
a.grey {color: #494C40 !important;}
a.black:hover,
a.grey:hover {color: #e04d21 !important;}
a.orange {color: #e04d21 !important;}
/*==================================================
INDEX
==================================================*/

#site {
width:1003px;
display:block;
margin:0 auto;
text-align: center;
position: relative;
}


#header_wrap {
width: 1003px;
display: block;
margin:  0 auto;
background-color: #ffffff;
height: 135px;
clear: both;
background-image: url(../images/shared/bg_header_wrap.gif);
background-repeat: repeat-x;
}


#main_wrap {
width: 1003px;
display: block;
margin:  0 auto;
background-color: #646464;
height: 220px;
overflow: hidden;
clear: both;
}

#main_wrap h1,
#main_wrap_page h1 {
margin:0 0 0 10px;
position:absolute;
top:65px;
z-index:50;
}

#main_wrap_right{
height: 259px;
width: 491px;
background-image: url(../images/shared/bg_main_right.gif);
background-repeat: no-repeat;
float: right;
padding: 0;
margin: 0;
}
#main_wrap_right h2 {
margin:0;
padding:0;
}

#main_wrap_napis {
color:#e7e6e6;
font-size:11px;
left:50%;
margin-left:100px;
margin-top:95px;
position:absolute;
width:390px;
z-index:90;
}
#main_wrap_napis ul {
padding:0;
margin:0;
}
#main_wrap_napis ul li {
list-style-type: none;
color: #ffffff;
margin-top:10px;
clear:both;
}
#main_wrap_napis ul li.bottom {margin-left:30px; margin-top:0px !important;}
#main_wrap_napis IMG {
float: left;
margin-right:5px;
}

#content_wrap {
width: 1003px;
display: block;
margin:  0 auto;
background-color: #ffffff;
clear: both;
border-bottom:  4px solid #636363;
border-top:2px solid #949494
}

#content_wrap_left {
width: 705px;
float: left;
display: block;
margin:  0 auto;
background-color: #ffffff;
overflow: hidden;
}

#content_wrap_left_top {
background:#FFFFFF url(../images/shared/bg_content_wrap_l_t_r.gif) no-repeat scroll right top;
clear:both;
display:block;
float:left;
margin:0 auto;
overflow:hidden;
padding:10px 30px 0px 10px;
width:665px;
}


#content_wrap_left_top .news {
padding: 5px 20px 5px 15px; 
font-size: 11px;
}

#content_wrap_left_bottom {
background-color:#F4F4F4;
border-bottom:1px solid #DBDBDB;
border-top:1px solid #DBDBDB;
clear:both;
color:#6E6E6E;
display:block;
float:left;
font-size:11px;
height:73px;
margin:0 0 5px;
overflow:hidden;
padding:0;
position:relative;
width:1003px;
}

#content_wrap_right {
width: 298px;
float: left;
display: block;
margin:  0 auto;
height: 225px;
background: transparent url(../images/shared/bg_content_wrap_right.gif);
background-repeat: no-repeat;
padding-top: 10px;
position: relative;
z-index:99;
overflow: hidden;
}


#content_wrap_right div {
font-size:11px;
margin-left:39px;
width:235px;
}

#footer_wrap {
width: 1003px;
padding: 15px;
display: block;
margin:  0 auto;
height: 26px;
clear: both;
color: #9d9c9c;
font-size: 11px;
background-color: #464646;
margin-left: -3px;
}


#footer_wrap_left {
border-right: 1px solid #5d5d5d;
width: 300px;
float: left;
color: #9d9c9c;
font-size: 11px;
}

#footer_wrap_center {
border-right:1px solid #5D5D5D;
color:#9D9C9C;
float:left;
font-size:11px;
margin-left:30px;
width:420px;
}

#footer_wrap_right {
color:#9D9C9C;
float:right;
font-size:11px;
margin-right:10px;
padding-right:20px;
text-align:right;
width:100px;
}

#animacja {
width: 515px;
height: 394px;
position: absolute;
display: block;
margin-top: -135px;
_top: 0;
_margin: 0;
}

#icon_wrap {
padding-top: 21px;
padding-left: 21px;
float: right;
height: 34px;
width: 230px;
}

#content_wrap_right div#newsletter {
float:right;
margin-left:0px;
width:185px;
}
#newsletter input {
height:16px;
padding-left:2px;
padding-top:4px;
}

.form_newsletter {
margin-top:-1px;
}

#streal_line {
float:right;
}

IMG.button {margin: 25px 5px 5px 40px;}
ul#partner_list {margin: 0; padding: 0;}
ul#partner_list li {list-style-type:none;margin-bottom:0px;margin-top:5px;}
ul#partner_list span {color:#E04D22;font-family:tahoma;font-size:14px;font-weight:bold;text-decoration:underline;}

ul#partner_list ul {padding-left:10px;}
/*ul#partner_list ul li {background:transparent url(../images/shared/li_refeer.gif) no-repeat scroll 0 30%;color:#585954;font-size:11px;list-style-type:none;margin:4px;padding-left:8px;}*/
ul#partner_list ul li {font-size:11px;list-style-type:square;margin:4px;padding-left:0px;color:#E19D8A}
ul#partner_list ul li span {color:#585954 !important;font-size:11px;font-weight:normal;text-decoration:none;}

p.center {text-align: center;}

table#led {width:650px;}
table#led th {border:1px dotted #efefef;background: #f6f6f6;font-weight: normal; text-align: center; padding:3px;}
table#led td {border:1px dotted #efefef; text-align: center;padding:3px;}
/*==================================================
PAGE
==================================================*/

#main_wrap_page{
width: 1003px;
display: block;
margin:  0 auto;
background-color: #646464;
height: 122px;
overflow: hidden;
clear: both;
}

#main_ppd {
clear: both;
width: 1003px;
display: block;
_width: 999px;
overflow: hidden;
}

#hr_divow {
background-color:#565656;
clear:both;
height:4px;
margin-left:3px;
margin-top:-4px;
width:1000px;
z-index:998;
position:absolute;
left: 50%;
margin-left: -498px;
}

#hr_divow2 {
background-color:#565656;
clear:both;
height:4px;
width:1003px;
margin-left: -4px;
z-index:998;
_overflow: hidden;
_margin: 0;
_z-index: 1222;
}


#page_content_wrap {
width: 999px;
display: block;
margin:  0 auto;
background-color: #ffffff;
clear: both;
border-left: 3px solid #ffffff;
position: absolute;
z-index: 999;
left: 50%;
margin-left: -502px;
_margin-left: -501px;
_width: 1002px;
-overflow-x: hidden;
_border: 0;
}

#page_content_w_r {
width:678px;
float: left;
background-color: #ffffff;
_width: 660px;
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 25px;
}

#page_content_w_r div{
padding-left:15px;
padding-top: 10px;
}

#page_content_w_l {
background-color: #eaeaea;
width: 258px;
border-right: 1px solid #dbdbdb;
float: left;
padding-left:20px;
padding-right: 20px;
padding-bottom: 2000px;
margin-bottom: -2000px;
padding-top: 23px;
}

#page_content_w_l div{
padding-left:2px;
}


#partnerzy {float:left;margin:30px 20px 5px 20px;}

/*======================================*/
#menu {
height:45px;
margin-left:-400px;
margin-top:18px;
position:relative;
width:600px;
z-index:99;
_margin-left:-390px;
_margin-top:20px;
_height: 35px;
_overflow: hidden;
}

#menu ul {
margin-left: 12px;
width: 600px;

}

#menu li {
line-height: 45px;
float: left;
height: 45px;
display: inline;
margin: 0pt 0pt 0pt 0px;
padding: 0px;
line-height: 0;
}
ul#segment li {
border-bottom:1px dashed #A6A7A4;
color:#E19D8A;
list-style-type:square;
margin-left:-25px !important;
width:240px;
margin-bottom:0px !important;

}

ul#segment li:hover {
background:#f4f4f4;
cursor:pointer;
}
ul#segment li strong {
padding:15px 10px;
display: block;
font-weight: bold;
}
.div_li_oferta {
clear: both;font-size: 11px; margin: 5px; width: 225px;
padding-top:0px;
padding-left:10px !important;
padding-bottom: 10px;
}
LI {
list-style-type: square;
color: #e19d8a;
}

LI.kolko {
list-style-type: square;
color: #e04d21;
font-size: 11px;
}
Li.none {
list-style-type: none;
}

OL LI {
list-style-type: decimal;
margin-bottom: 20px;
margin-top: 20px;
}


.referencyjny {
color:#464646;
float:left;
font-size:11px;
height:160px;
margin-left:20px;
text-align:center;
width:110px;
}
/*****************************************************
POMOCNICZE
*****************************************************/


.right {
float: right;
}

.left {
float: left;
}

.w_lewo {
margin-left: -15px;
}

.w_prawo {
margin-left: 5px;
}

.w_gore {
margin-top: -8px;
}


.form_newsletter {
height: 18px;
background-color: #ffffff;
border: 1px solid #dfdfdf;
color: #565656;
font-size: 11px;
float: left;
}

.more {
float: right;
margin-right: 15px;
margin-top: -8px;
margin-bottom: 5px;
padding-right: 10px;
text-align: right;
}

.jasniej {
color: #898989;
}

.clearfix {
clear: both;
}

INPUT, TEXTAREA {
border: 1px solid #f0ab97;
}

.noborder{
border: 0;
}

.galeria2 {
color:#464646;
float:left;
font-size:11px;
height:160px;
padding-left:15px;
text-align:center;
width:245px;
margin: auto;
margin-left: 20px;
}

.galeria_mini {
color:#464646;
float:left;
font-size:11px;
height:80px;
padding-left:5px;
text-align:center;
width:125px;
margin: auto;
margin-left: 10px;
}

.hr {
border-bottom:1px solid #F4F4F4;
margin:10px auto 25px;
width:80%;
}
#content_wrap_left_top .hr {
margin:10px auto 10px;
}

#scroll {
margin: 20px auto auto; width: 130px; padding-left: 10px;
}

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

#partnerstwo {
margin:auto;
padding-right:40px;
padding-top:20px;
width:150px;
}

#lampy_indukcyjne {margin-top:25px;}
.dymek {
background-color:#F9F9F9;border: 1px solid #F5F5F5;clear:both;font-size:11px;margin:10px; padding: 15px;width:550px;
}

.f11px {
font-size:11px;
}

.marg_bottompx5 {
margin-bottom: 5px;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/*==================================================
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: #00FF00}

/*==================================================
search - umozliwia konfiguracje wygladu wyszukiwarki
==================================================*/
.search {border:solid 1px #0c4986; font-size:12px;background-color: #f0efda;color:#0c4986}

/*==================================================
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{}
.news_date{}
.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{}

/*==================================================
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 {color: #e19d8a;height:20px;width:500px;}
.sitemap_li {color: #e19d8a;}
.sitemap LI {color: #e19d8a;}


/*==================================================
slider
==================================================*/

#slider          { background: white url(../images/slider-bg.jpg); height: 227px; overflow: hidden;
                   position: relative; margin: 20px 0 0px 0; border-bottom:2px solid #F0F0F0}
#mover           { width: 14080px; position: relative;  border-top:2px solid #F0F0F0;}
div.slide           { padding-left: 5px !important; padding: 40px 30px; width: 640px; float: left; position: relative; }
#slider ul 		 { width:310px; }
#slider ul li 	 { color: #000000}
#slider ul li span {font-size:11px; font-weight:bold; text-decoration: underline;}

.slide h1        { color:#e04d21;
					font-family:Verdana;
					font-size:18px;
					font-weight:normal;}
.slide p         { color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img       { position: absolute; top: 20px; left: 400px; }
#slider-stopper  { background:#F9F9F9 none repeat scroll 0 50%;
border:1px solid #F5F5F5;
color:#000000;
font-size:10px;
padding:3px 8px;
position:absolute;
right:20px;
text-transform:uppercase;
top:1px;
z-index:1000;}

#slider-stopper:hover {
background:#ac0000;
color:#ffffff;
cursor:pointer;
}

#wather {width: 510px;}
#wather .td1 {
width:100px;
border:1px dashed #DBDBDB;
}
#wather .td2 {
border:1px dashed #DBDBDB;
}

#komunikat_div {
position: absolute;
z-index:1999;
background-color: #000000;
top:0px;
left: 0px;
width: 100%;
height: 100%;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
#komunikat_div2 {
height:300px;
left:50%;
margin-left:-300px;
margin-top:100px;
overflow-x:hidden;
overflow-y:hidden;
position:absolute;
width:600px;
z-index:2000;
}
#img {
clear:both;
margin:auto
}