@import url("patch.css");


BODY {
color:#454545;
font-family: Tahoma;
font-size: 12px;
text-align:center;
background: #ffffff url(../images/shared/bg.gif) repeat-x top left;
/*background: #ffffff url(../images/shared/christmas-bg.png) repeat-x top left;*/
margin:0 auto;
overflow-x: hidden !important;
position: relative;
}

TABLE, P, DIV {color:#454545; font-family: Tahoma; 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*/
}

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


IMG.borders {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E5DDD9;
clear:both;
display:block;
margin-bottom:2px;
padding:2px;
margin-top: 3px;
}

.hr {
border-bottom:1px solid #D8D2CF;
clear:both;
margin:auto;
padding-top:25px;
width:90%;
}

.fl_left {
float: left;
margin-right:5px;
margin-left:0px;
}

.fl_right {
margin-left:20px;
float: right;
}

hr {
display:none;
}

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

a {color:#1570be;text-decoration:none;}
a:hover {color:#ffa800;text-decoration:underline;}

.font11 {font-size: 11px;}


.site {
display: block;
width: 995px;
min-height: 400px;
text-align: left;
margin: 0 auto;
overflow: visible;
}

h2 {
margin: 0;
height: 20px;
line-height: 20px;
padding: 0 0 8px 0;
}

#page h2 {
background:#F8F7F6 none repeat scroll 0 50%;
border-bottom:1px dashed #E5DDD9;
border-top:1px dashed #E5DDD9;
height:34px;
margin:0 -25px 25px -29px;
padding:13px 0 0 29px;
position:relative;
width:709px;
}

#block h2 {
height: 34px;
margin: 0;
padding: 0 0 10px 0;
}

h3 {
margin: 0;
height: 20px;
line-height: 20px;
padding: 0 0 8px 0;
font-size: 16px;
font-weight: bold;
display: block;
width: 682px;
clear: both;
float: left;
}

.pad-top {
padding-top: 34px;
}

.pad-left {
padding-left: 10px;
}

.pad_top {
padding-top: 5px;
}

.pad15 {
padding: 15px;
}

.red {
color: #d61b11;
}

.blue {
color: #06374e;
}


.more_zaluzje {
background: transparent url(../images/shared/more_ico.gif) no-repeat scroll 0 8px;
margin-left:60px; 
width:140px; 
float: left;
padding-left:10px;
}

.more_zaluzje:hover {
background: transparent url(../images/shared/more_ico1.gif) no-repeat scroll 0 8px;
}



/*==================================================
MENU + LOGO
==================================================*/
#menu_top {
display: block;
float: left;
width: 231px;
height: 36px;
line-height: 36px;
margin: 0;
padding: 0 0 0 804px;
}

#menu_top li {
display: inline;
list-style: none !important;
list-style-type: none;
padding: 0 12px 0 12px;
margin: 0;
float: left;
font-size: 11px;
background: url(../images/shared/bg_li1.gif) no-repeat 0px 14px;
width: 65px;
height: 36px;
line-height: 36px;
}

#menu_top a {
color: #959086;
}

#menu_top a:hover {
color:#ffa800;
text-decoration:underline;
}

h1 {
display: block;
width: 208px;
height: 76px;
float: left;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
}

#menu {
display: block;
float: right;
width: 585px;
height: 76px;
padding: 0;
margin: 0;
text-align: left;
font-size: 0;
overflow: hidden;
}

#menu li {
display: inline;
list-style: none !important;
list-style-type: none;
padding: 0;
margin: 0;
float: left;
font-size: 0;
}


/*==================================================
INDEX
==================================================*/

#content {
display: block;
float: left;
width: 985px;
min-height: 514px;
background: #ffffff;
padding: 4px;
border: 1px solid #e5ddd9;
overflow: visible;
}

#header {
display: block;
float: left;
width: 985px;
height: 225px;
padding: 0px;
margin: 0px;
font-size: 0pt;
position: relative;
}

.dsc {
display: block;
float: left;
width: 194px;
height: 177px;
padding: 18px 25px 18px 25px;
border-right: 1px solid #e5ddd9;
font-size: 11px;
line-height: 16px;
overflow: hidden;
}

.dsc div {
font-size: 11px;
}

#porada1, #porada2 {
display: block;
height: 194px;
}

.dsc span {
display: block;
width: 194px;
padding-bottom: 4px;
font-weight: bold;
clear: both;
height: 14px;
}

.dsc a {
display: block;
float: right;
padding-left: 9px;
background: url(../images/shared/more_ico.gif) no-repeat 0px 7px;
clear: both;
margin: 2px 0 8px 0;
}

.dsc a:hover {
background: url(../images/shared/more_ico1.gif) no-repeat 0px 7px;
}

.dsc_r {
display: block;
float: left;
width: 249px;
height: 212px;
border-right: 1px solid #e5ddd9;
border-bottom: 1px solid #e5ddd9;
padding: 0;
overflow: hidden;
background: #edeae9 url(../images/index/bg_dsc_r.jpg) no-repeat 0px 0px;
}

.dsc_r img {
float: left;
}

.date {
font-weight: normal !important;
font-size: 10px;
color: #838487;
line-height: 12px;
}

/*==================================================
PAGE
==================================================*/
#header_page {
display: block;
float: left;
width: 985px;
height: 127px;
padding: 0px;
margin: 0px;
font-size: 0pt;
position: relative;
}

#page {
display: inline;
float: left;
width: 682px;
min-height: 300px;
_height: 300px;
margin-right: 4px;
overflow: visble;
padding: 0 23px 25px 25px;
position: relative;
}

#page ul {
margin-left: 6px;
padding-left: 0;
}

#page li {
list-style: none;
background: url(../images/shared/more_ico.gif) no-repeat 0px 8px;
padding: 3px 0 3px 14px;
margin-left:0;
}

.path {
display: block;
width: 705px;
height: 47px;
line-height: 47px;
/*border-bottom: 1px solid #e5ddd9;*/
font-size: 11px;
position: relative;
padding-left: 25px;
margin: 0 -25px 0 -25px;
color: #686867;
}

#block {
display: block;
float: left;
width: 249px;
min-height: 212px;
border-right: 1px solid #e5ddd9;
border-bottom: 1px solid #e5ddd9;
border-left: 1px solid #e5ddd9;
padding: 0;
overflow: visible;
background: #edeae9 url(../images/index/bg_dsc_r.jpg) no-repeat 1px bottom;
font-size: 11px;
}

#block div {
padding: 25px 18px 25px 18px !important;
font-size: 11px;
display: block;
background: url(../images/shared/bg_block_div_bt.gif) repeat-x left bottom;
position: relative;
margin: 0 -1px 0 -1px;
width: 215px;
min-height: 50px;
overflow: visible;
}

a.more {
display: block;
float: right;
padding-left: 9px;
background: url(../images/shared/more_ico.gif) no-repeat 0px 5px;
clear: both;
margin: 14px 0 0 0;
}

a:hover.more {
background: url(../images/shared/more_ico1.gif) no-repeat 0px 5px;
}

.mapa {
display: block;
width: 106px;
height: 200px;
position: absolute;
top: 117px;
left: 398px;
text-align: center;
}

.mapa img {
margin-bottom: 4px;
}

.clear {
display: block;
width: 682px;
float: left;
clear: both;
min-height: 100px;
overflow: visible;
}

.prod_dsc {
display: block;
float: left;
width: 570px;
line-height: 18px;
}


.prod_dsc2 {
display: block;
float: left;
width: 650px;
line-height: 18px;
}

.prod_dsc2_waska {
display: block;
float: left;
width: 450px;
line-height: 18px;
}

.zdjeciowy {
float: right;
margin-top: -25px; 
width: 230px;
}


.prod_det{
display: block;
float: left;
width:92px;
}

.atesty {
display: block;
float: left;
width:150px;
text-align: center;
margin: 0 auto;
padding: 0 10px 0 10px;
}

.pdf {
display: block;
text-align: center;
font-size: 11px;
background: #f8f7f6;
padding: 10px;
line-height: 18px;
border: 1px solid #e5ddd9;
width: 90px;
margin: 0 auto;
}

.pdf a, .pdf img {
display: block;
clear: both;
position: relative;
}

.pdf img {
margin: 0 auto 6px auto;
float: none;
}


.pdf2 {
display: block;
text-align: center;
font-size: 11px;
background: #f8f7f6;
padding: 10px;
line-height: 18px;
border: 1px solid #e5ddd9;
width: 90px;
margin-left: 35px;
float: left;
}

.pdf2 a, .pdf2 img {
display: block;
clear: both;
position: relative;
}

.pdf2 img {
margin: 0 auto 6px auto;
float: none;
}

.gallery {
display: block;
text-align: center;
font-size: 11px;
/*background: #f8f7f6;*/
padding: 20px 20px 20px 20px;
/*border: 1px solid #e5ddd9;    */
width: 640px;
min-height: 200px;
overflow: visible;
float: left;
clear: both;
line-height: 20px;
margin-top: 14px;
}

.gallery_moskit {
clear:both;
display:block;
float:left;
font-size:11px;
line-height:20px;
margin-left:-20px;
margin-top:-14px;
overflow:visible;
padding:20px;
text-align:center;
width:680px;
}

.gallery_moskit img {
float: left;
display: block;
padding: 2px;
background: #ffffff;
border: 1px solid #e5ddd9;
margin-bottom: 20px;
}


.gallery img {
float: left;
display: block;
padding: 2px;
background: #ffffff;
border: 1px solid #e5ddd9;
margin-bottom: 20px;
}

.img_mid {
margin: 0px 20px 20px 20px !important;
}

/*==================================================
FOOTER
==================================================*/
.footer_top_l {
display: block;
float: left;
width: 709px;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #e5ddd9;
font-size: 11px;
color: #878680;
padding-left: 30px;
}

.footer_top_r {
display: block;
float: left;
width: 196px;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #e5ddd9;
font-size: 11px;
color: #878680;
padding: 0 30px 0 30px;
background: url(../images/shared/bg_footer_top_r.gif) no-repeat 0px 16px;
}

.index {
background: none !important;
}

a.home {
display: block;
float: left;
padding-left: 9px;
background: url(../images/shared/back_ico.gif) no-repeat 0px 19px;
}

a:hover.home {
background: url(../images/shared/back_ico1.gif) no-repeat 0px 19px;
}

a.top {
display: block;
float: right;
padding-right: 9px;
background: url(../images/shared/top_ico.gif) no-repeat right 15px;
}

a:hover.top {
background: url(../images/shared/top_ico1.gif) no-repeat right 15px;
}

.footer_bt_l {
display: block;
float: left;
width: 765px;
height: 40px;
line-height: 40px;
font-size: 11px;
color: #878680;
padding-left: 30px;
}

.footer_bt_l a {
color: #878680;
}

.footer_bt_l a:hover {
color: #ffa800;
}

.footer_bt_r {
display: block;
float: left;
width: 165px;
height: 40px;
line-height: 40px;
font-size: 11px;
color: #878680;
padding-right: 30px;
text-align: right;
}


.notatka {
background:#F1f1f1 none repeat scroll 0 0;
border-bottom:1px dashed #E5DDD9;
border-top:1px dashed #E5DDD9;     
clear:both;
display:block;
float:left;
font-size:11px;
line-height:20px;
margin-bottom:25px;
margin-left:-29px;
overflow:visible;
padding:20px 10px 10px 30px;
width:698px;
}


.notatkah2 {
border-top:1px solid #E5DDD9;
margin:0 -25px 0px;
padding:13px 0 0 25px;
position:relative;
}

.notatka_dluga {
background:#F7f8f8 none repeat scroll 0 0;
border:1px solid #f1f1f1;
border-left: 0px;
border-right: 0px;
clear:both;
display:block;
float:left;
font-size:11px;
margin-bottom:25px;
margin-left:-29px;
overflow:visible;
padding:20px 10px 0 30px;
width:698px;
margin-top:10px;
}

.no_border {
border: 0px;
}
/*==================================================
FORMULARZ KONTAKTOWY
==================================================*/

.form {border:solid 1px #e5ddd9; font-size:12px; font-family: Arial; background:#edeae9}
.form2 {border:solid 0px #FFFFFF; font-size:12px;}
SELECT.form {font-size:12px;background:#FFFFFF}
TEXTAREA.form {border:solid 1px #e5ddd9; font-size:12px; font-family: Arial; background:#edeae9}
.submit {border:solid 1px #018acb; font-size:12px; font-family: Arial;background-color: #009ce6;color:#FFFFFF;padding:4px;}
.submit_search {border:solid 1px #0c4986; font-size:12px; font-family: Arial;background-color: #00722D;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: #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: #00722D;}
.sitemap_li {color: #00722D;margin-top: 0px;margin-left: 24px;}

/***************** PALETA KOLORÓW *********************/
.paleta_kolorow {
	background:url(../images/page/rolety/dzien_noc/bg.jpg) left top;
	display:block;
	padding:8px 0px 0px 10px;
	margin:10px 0px;
	border:1px solid #dfdfdf;
	overflow:hidden;
	width:648px;
	height:210px;
}
.paleta_kolorow span {
	display:inline;
	float:left;
	width:110px;
	margin:5px 9px 5px 8px;
	text-align:center;
}
.paleta_kolorow img {
	width:110px;
	display:block;
	border:1px solid #fff;
}


/*****************KLASY NADPISUJACE********************/
.auto_width {
width: auto;
}

/* Slider */
#slide {
	position: absolute;
	top: 150px;
	right: -218px;
	width: 218px;
	height: 317px;
	background: url('../images/shared/pomiar.png');
	display: none;
	z-index: 999;
}

#slide-handler {
	position: relative;
	left: -127px;
	width: 160px;
	height: 147px;
	cursor: pointer;
	float: left;
	background: url('../images/shared/slide-handler.png');
}

#slide-content {
	width: 218px;
	height: 180px;
	float: right;
}

#slide-content form {
	margin-top: 0px;
	font-family: "Tahoma";
	font-size: 12px;
	color: #666;
}

#slide-content input {
	display: block;
	margin-left: 15px;
	margin-bottom: 4px;
	width: 169px;
	height: 24px;
	line-height: 24px;
	background: url('../images/shared/input-bg.png');
	border: 0;
	padding: 0 10px 0 10px;
	color: #666;
	outline: none;
	font-size: 12px;
	font-family: Arial;
}

#slide-content input[type=submit] {
	background: url('../images/shared/submit-bg.png') no-repeat;
	width: 97px;
	height: 29px;
	margin: 15px auto;
}

#slide-content #ajax-loader {
	width: 16px;
	height: 11px;
	background: url('../images/shared/ajax-loader.gif') no-repeat;
	margin: 25px auto 0 auto;
	display: none;
}

.selector span {
	font-family: Arial;
	font-size: 12px;
}

#overlay {
	background-color: #000; 
	width: 100%; 
	height: 100%; 
	z-index: 99;
	top: 0; 
	left: 0; 
	position: fixed;
	display: none;
}