@import url("patch.css");





BODY {

color:#b8b8b8;

font-family: Tahoma;

font-size:12px;

text-align:center;

background-color: #ececec;

margin:0px;

overflow-x: hidden;

}



TABLE, P, DIV {color:#b8b8b8; 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 */



*html {

 background-image: none;

 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/shared/bg_content.png",sizingMethod="scale");

}



a {

color:#fe0000;

text-decoration:none;

cursor: pointer;

}



a:hover {

color:#fe0000;

text-decoration:underline;

cursor: pointer;

}



.font11 {font-size: 11px;}

.font12 {font-size: 12px !important;}

.none {margin-top: -10px;}

h2 {

display: block;

float: none;

width: 100%;

height: 41px;

clear: both;

padding: 0 0 10px 0;

margin: 0;

}



h3 {

padding: 0;

margin: 8px 0 16px 0;

font-size: 16px;

font-weight: normal;

color: #fff;

line-height: 20px !important;

height: 20px !important;

}



.no-pad {

padding: 0 !important;

margin: 0 !important;

}



.ul_special {

list-style: url(../images/shared/li_ico.gif);

}



.ul_special li {

padding: 2px 0 4px 0;

}



.clear {

clear: both !important;

}



.center {

text-align: center;

margin: 0 auto;

}



/*==================================================

BACKGROUND

==================================================*/



#site {

width:1010px;

display:block;

margin:0 auto;

text-align: center;

padding-top: 58px;

height:100%;

}





/*==================================================

LOGO + MENU

==================================================*/

#header {

display: block;

float: left;

width: 1010px;

padding: 0;

margin: 0;

height: 88px;

clear: both;

position: relative;

}

#Aformularz {

display: block;

width: 211px;

height: 31px;

position: absolute;

z-index: 100 !important;

top: 177px;

left: 20px;

float: left;

}
#KuponRabatowy {

display: block;

width: 212px;

height: 174px;

position: fixed; left:70px; 

z-index: 9999;

top: 130px;


padding-top:0px;
padding-left:0;
padding-right:0;
padding-bottom:0;





}
#stempel {

display: block;

width: 196px;

height: 113px;

position: absolute;

z-index: 100 !important;

top: 0px;

left: 814px;

float: left;

}



h1 {

display: block;

float: left;

width: 265px;

height: 88px;

padding: 0;

margin: 0;

clear: none;

font-size: 0;

position: absolute;

z-index: 98;

top: 0;

left: 0;

}



#menu {

display: block;

float: left;

width: 745px;

height: 88px;

padding: 0 0 0 0;

margin: 0;

background: url(../images/shared/bg_menu.gif) repeat-x;

clear: none;

text-align: left;

font-size: 0;

position: absolute;

z-index: 98;

top: 0;

left: 265px;

}



#menu li {

display: inline;

list-style: none !important;

list-style-type: none;

padding: 0;

margin: 0;

float: left;

font-size: 0;

}



#header_frames img {

float: left;

}



.salony_more {

display: block;

position: absolute;

width: 30px;

height: 30px;

left: 856px;

top: 62px;

}



/*==================================================

FRAMES

==================================================*/



#frames_bg {

background-image: url(../images/shared/bg_frames.gif);

background-repeat: repeat-x;

background-position: 0px -111px

}



.site_frames {

padding-top: 8px !important;

}



#header_frames_top {

display: block;

width: 1010px;

height:160px;

float: left;

position: relative;

}



#menu_frames {

display: block;

float: left;

width: 745px;

height: 88px;

padding: 0 0 0 0;

margin: 0;

background: #fff;

clear: none;

text-align: left;

font-size: 0;

position: absolute;

z-index: 98;

top: -18px;

left: 265px;

}



#menu_frames li {

display: inline;

list-style: none !important;

list-style-type: none;

padding: 0;

margin: 0;

float: left;

font-size: 0;

}



#header_frames {

display: block;

float: left;

width: 1010px;

padding: 0;

margin: 0;

height: 103px;

clear: both;

position: absolute;

top: 57px;

left: 0px;

z-index: 99;

}



.frames_line_top {

display: block;

position: absolute;

z-index: 99;

background: #ececec;

height: 8px;

width: 745px;

top: -8px;

right: 0px;

}



.frames_line_bt {

display: block;

position: absolute;

z-index: 99;

background: #e0e0e0;

height: 3px;

width: 745px;

top: 0px;

right: 0px;

font-size: 0px;

margin: 0px;

line-height: 0px;

}





/*==================================================

CONTENT_INDEX

==================================================*/



#content_index {

display: block;

width: 1010px;

height: 426px;

float: left;

position: relative;

}



#home {

display: block;

position: absolute;

top: -130px;

left: 914px;

}



#sitemap {

display: block;

position: absolute;

top: -130px;

left: 947px;

}



#dsc1 {

display: block;

position: absolute;

z-index: 90;

top: 215px;

left: 0px;

width: 347px;

height: 202px;

}



#dsc1 div {

display: block;

padding: 0 30px 0 64px;

font-size: 11px;

line-height: 14px;

}



#dsc1 span {

color: #fff;

text-decoration: underline;

font-size: 11px;

line-height: 28px;

}



#dsc1 a {

color: #b8b8b8;

}



#dsc1 a:hover {

color:#fe0000;

text-decoration:underline;

cursor: pointer;

}



.date {

display: block;

font-size: 10px !important;

color: #636363 !important;

text-decoration: none !important;

line-height: 16px !important;

padding-bottom: 7px !important;

width: 100%;

height: 16px;

}



.subject {

font-size: 14px !important;

color: #ffffff !important;

font-weight: bold;

}



a.subject_index {

font-size: 11px !important;

color: #ffffff !important;

font-weight: bold;

}



a:hover.subject_index {

font-size: 11px !important;

color:#fe0000 !important;

font-weight: bold;

}





a.news {

color: #b8b8b8;

}



a.news:hover {

color:#fe0000;

text-decoration: underline;

}



#dsc2 {

display: block;

position: absolute;

z-index: 90;

top: 215px;

left: 347px;

width: 333px;

height: 202px;

font-size: 11px;

background: url(../images/index/bg_dsc.gif) no-repeat left 22px;

}



#dsc2 div {

display: block;

padding: 0 30px 0 53px;

font-size: 11px;

line-height: 14px;

}



#dsc2 span {

color: #fff;

font-size: 11px;

}



#dsc2 img {

float: left;

margin-right: 6px;

}



.gazetka {

position: relative;

margin: -5px 0 0 -14px;

}



#dsc3 {

display: block;

position: absolute;

z-index: 90;

top: 215px;

left: 680px;

width: 320px;

height: 202px;

font-size: 11px;

background: url(../images/index/bg_dsc.gif) no-repeat left 22px;

}



#dsc3 div {

display: block;

padding: 0 25px 0 45px;

font-size: 11px;

line-height: 14px;

}



#dsc3 hr {

display: block;

float: none;

clear: both;

border: 0;

border-bottom: 1px solid #242423;

height: 1px;

margin: 0 20px 8px 40px;

padding-top: 8px;

}



.gazetka {

display: block;

float: left;

clear: both;

padding: 0 0 0 60px !important;

_padding-left: 70px !important;

font-size: 11px;

line-height: 14px;

}



#dsc3 span {

color: #fff;

font-size: 11px;

}



#dsc3 img {

float: left;

margin-right: 12px;

}



#more1 {

display: block;

position: absolute;

z-index: 94;

top: 380px;

left: 300px;

}



#more2 {

display: block;

position: absolute;

z-index: 94;

top: 380px;

left: 632px;

}



#more3 {

display: block;

position: absolute;

z-index: 94;

top: 380px;

left: 956px;

}



#flash {

display: block;

position: absolute;

z-index: 80 !important;

top: 0px;

left: 0px;

width: 1010px;

height: 426px;

background: #000000;

}





/*==================================================

CONTENT_PAGE

==================================================*/



#flash_page {

display: block;

position: absolute;

z-index: 80;

top: 40px;

left: 0px;

width: 1010px;

height: 375px;

background: #000000;

}



#home_page {

display: block;

position: absolute;

top: -42px;

left: 914px;

}



#sitemap_page {

display: block;

position: absolute;

top: -42px;

left: 947px;

}



#content {

display: block;

position: absolute;

z-index: 90;

width: 1010px;

top: 255px;

left: 0;

}



#pathfinder {

display: block;

width: 974px;

background: url(../images/shared/bg_pathfinder.gif) repeat-x;

height: 37px;

line-height: 37px;

padding: 0 0 0 36px;

font-size: 11px;

color: #fff;

}



#pathfinder a, span {

color: #616160;

}



#pathfinder a:hover {

color:#fe0000;

text-decoration:underline;

cursor: pointer;

}



#content_page {

display: block;

width: 938px;

background: url(../images/shared/bg_content.gif) repeat-x;

min-height: 200px;

overflow: auto;

padding: 30px 36px 30px 36px;

}



.bt_line {

display: block;

width: 1010px;

height: 10px;

padding: 0;

margin: 0;

font-size: 0;

background: url(../images/shared/bt_line.gif) no-repeat;

}



.block_offer {

display: block;

width: 266px;

min-height: 100px;

overflow: visible;

float: left;

font-size: 11px !important;

}



.block_offer_m {

display: block;

width: 266px;

min-height: 100px;

overflow: visible;

float: left;

padding: 0 66px 24px 66px;

background: url(../images/page/oferta/bg_block_offer_m.gif) repeat-y;

font-size: 11px !important;

}



.block_salony {

display: block;

width: 190px;

min-height: 80px;

overflow: visible;

float: left;

font-size: 11px !important;

}



.block_salony_m {

display: block;

width: 190px;

min-height: 100px;

overflow: visible;

float: left;

padding: 0 46px 8px 46px;

background: url(../images/page/salony/bg_block_salony_m.gif) repeat-y;

font-size: 11px !important;

}



.block_suboffer_list {

display: block;

width: 276px;

min-height: 100px;

overflow: visible;

float: left;

margin: 0 76px 0 0;

font-size: 11px !important;

list-style: none !important;

list-style-type: none;

}



.block_suboffer {

display: block;

width: 111px;

height: 200px;

overflow: visible;

float: left;

margin: 0 66px 0 0;

}



.block_suboffer a {

color: #fff;

}



.block_suboffer a:hover {

color:#fe0000;

text-decoration:underline;

cursor: pointer;

}



.offer_img {

display: block;

position: relative;

margin: -16px 0 0 0;

}



.list_offer {

display: block;

width: 100%;

min-height: 60px;

background: url(../images/page/oferta/bg_list_offer_logo.gif);

background-position: 0px 0;

overflow: visible;

padding: 0;

margin: 12px 0 0 0;

list-style: none !important;

list-style-type: none;

}



.list_offer li {

line-height: 60px;

padding: 0 0 0 16px;

margin: 0px;

background: url(../images/page/oferta/bg_list_offer_li.gif) no-repeat 7px 30px;

list-style: none;

list-style-type: none;

list-style: none !important;

list-style-type: none;

}



.list_offer img {

float: right;

position: absolute;

right: 0px;

top: 1px;

}



.list_offer a {

color: #b8b8b8;

display: block;

width: 260px;

height: 60px;

position: relative;

padding: 0;

margin: 0;

}



.list_offer a:hover {

color:#fff;

text-decoration:none;

font-weight: bold;

cursor: pointer;

font-size: 14px;

}





.list_offer_normal {

display: block;

width: 100%;

min-height: 60px;

background: url(../images/page/oferta/bg_list_offer.gif);

background-position: 0px 1px;

overflow: visible;

padding: 0;

margin: 12px 0 0 0;

list-style: none !important;

list-style-type: none;

}



.list_offer_normal li {

line-height: 30px;

padding: 0 0 0 16px;

margin: 0;

background: url(../images/page/oferta/bg_list_offer_li.gif) no-repeat 7px 14px;

list-style: none !important;

list-style-type: none;

}



.list_offer_normal a {

color: #b8b8b8;

}



.list_offer_normal a:hover {

color:#fe0000;

text-decoration:underline;

cursor: pointer;

}



#block_l {

display: block;

width: 197px;

float: left;

min-height: 200px;

padding: 0 30px 30px 0;

background: url(../images/shared/bg_block_l.gif) repeat-y;

background-position: 226px 0px;

font-size: 11px;

}



#block_l div, span, p {

font-size: 11px;

}



#block_r {

display: block;

float: left;

width: 673px;

padding-left: 30px;

}



.more {

display: block;

float: left;

text-align: right;

font-size: 11px;

width: 100%;

height: 20px;

padding-top: 12px;

clear: both !important;

}



.hr_break {

display: block;

width: 100%;

height: 12px;

margin-bottom: 12px;

border-bottom: 1px solid #242423;

clear: both; 

}



.no-margin {

margin: 0px !important;

background: none !important;

}



.promocja {

display: block;

float: left;

width: 100%;

clear: both;

height: 160px;

overflow: visible !important;

padding: 20px 0 20px 0;

border-bottom: 1px solid #242423;

}



.promocja img {

float: left;

margin-right: 20px;

}



.panorama {

display: block;

float: left;

width: 100%;

clear: both;

height: 90px;

overflow: visible !important;

padding: 20px 0 20px 0;

border-bottom: 1px solid #242423;

}



.panorama img {

float: left;

margin-right: 20px;

}



.special1 {

color: #fff;

font-weight: bold;

font-size: 16px;

padding-bottom: 10px;

}



.promocja span {

color: #fff;

font-weight: bold;

font-size: 26px;

}



.cena {

padding: 8px 0 16px 0;

}



.left {

display: block;

float: left;

}



.pad-r {

padding-right: 40px;

}

.projekt {

display: block;

float: left;

width: 300px;

margin: 10px 15px;

height: 71px;

overflow: visible !important;

padding-bottom: 10px;

border-bottom: 1px solid #242423;

}



.projekt span {

display: block;

padding: 6px 0 8px 0;

color: #fff;

font-weight: bold;

font-size: 12px;

}



.projekt img {

float: left;

margin-right: 10px;

}



.more2 {

display: block;

/*float: right;*/

text-align: right;

font-size: 11px;

padding-top: 8px;

}



.projekty {

display: block;

float: left;

position: relative;

width: 700px;

clear: both;

overflow: visible !important;

padding-bottom: 16px;

}



.logo {

display: block;

position: absolute;

z-index: 90;

right: 0px;

top: -70px;

width: 150px;

height: 45px;

}



.logo img {

border: 0px !important;

}



.projekty img {

display: block;

float: left;

padding: 3px;

border: 1px solid #464645;

margin: 20px;

}



.salon_galeria img {

display: block;

float: left;

padding: 2px;

border: 1px solid #383838;

margin-bottom: 21px;

}



.salon_galeria_pad {

margin: 0px 21px 21px 21px;

}



.gazetka2 {

display: block;

position: relative;

width: 96px;

height: 95px;

margin: 0 12px 0 -12px;

}



/*==================================================

FOOTER

==================================================*/



#footer_top {

display: block;

float: left;

width: 1010px;

height: 80px;

background: url(../images/shared/bg_footer_top.gif) repeat-x;

}



.footer_top_l {

display: block;

float: left;

width: 210px;

height: 50px;

line-height: 80px;

background: url(../images/shared/bg_footer_top_l.gif) no-repeat left;

padding: 30px 0 0 32px;

}



.footer_top_m {

display: block;

float: left;

width: 96px;

height: 80px;

line-height: 80px;

background: url(../images/shared/bg_footer_top_m.gif) no-repeat left;

color: #777776;

text-decoration: underline;

font-size: 11px;

padding-left: 36px;

}



#footer_top_r {

display: block;

float: left;

width: 636px;

height: 73px;

padding-top: 7px;

background: url(../images/shared/bg_footer_top_r.gif) no-repeat right;

}



.footer_bt {

display: block;

float: left;

height: 43px;

}



.footer_bt_l {

display: block;

float: left;

height: 43px;

width: 299px;

padding-left: 32px;

font-size: 11px;

line-height: 43px;

}



.footer_bt_m {

display: block;

float: left;

height: 43px;

width: 503px;

background: url(../images/shared/bg_footer_bt.gif) no-repeat left;

padding-left: 26px;

font-size: 11px;

line-height: 43px;

}



.footer_bt_m a {

color: #9e9d9d;

}



.footer_bt_m a:hover {

color:#fe0000;

text-decoration:underline;

cursor: pointer

}



.footer_bt_r {

display: block;

float: left;

height: 43px;

width: 124px;

background: url(../images/shared/bg_footer_bt.gif) no-repeat left;

padding-left: 26px;

font-size: 11px;

line-height: 43px;

}



.footer_bt_r a {

color: #787878;

}



.footer_bt_r a:hover {

color:#fe0000;

text-decoration:underline;

cursor: pointer

}





/*==================================================

HEADER_PAGE

==================================================*/

#header_page_l {

display: block;

float: left;

width: 405px;

height: 111px;

padding: 0px;

margin: 0px;

font-size: 0pt;

}



#header_page_r {

display: block;

float: right;

width: 397px;

height: 111px;

padding: 0px;

margin: 0px;

font-size: 0pt;

}



/*==================================================

FORMULARZ KONTAKTOWY

==================================================*/



.form {border:solid 1px #fff; font-size:12px; font-family: Arial; background:#f0f0f0}

.form2 {border:solid 0px #FFFFFF; font-size:12px;}

SELECT.form {font-size:12px;background:#FFFFFF}

TEXTAREA.form {border:solid 1px #fff; font-size:12px; font-family: Arial; background:#f0f0f0}

.submit {

border:solid 1px #ef0201; font-size:12px; font-family: Arial;background-color: #e00100;color:#FFFFFF;cursor: pointer;

display:block;

width: 140px;

height: 30px;

}



.row {

padding-top: 12px;

}



/*==================================================

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: #fff}



/*==================================================

search - umozliwia konfiguracje wygladu wyszukiwarki

==================================================*/

.search {

display:block;

float: left;

width: 144px;

height: 19px;

line-height: 19px;

border: solid 0px; 

border-left: 1px solid #c1c1c1 !important; 

border-top: 1px solid #c1c1c1 !important; 

font-size:11px;

background-color: #fbfbfb;

color:#9e9d9d;

}



.submit_search {

display: block;

float: left;

}





/*==================================================

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 mapa strony

==================================================*/

.sitemap_ul {

list-style: url(../images/shared/li_ico.gif);

}



.sitemap_li {

padding: 2px 0 4px 0;

width: 500px;

}

/* other */
#slide {
	background:url("../images/index/bg_slide.png") no-repeat scroll left top transparent;
	color:#FFFFFF !important;
	display:block;
	font-size:11px;
	height:430px;
	padding:0 0 0 52px;
	position:absolute;
	right:-280px;
	top:110px;
	width:280px;
	z-index:9999;
}

#slide #slide-open {
cursor:pointer;
display:block;
float:left;
height:175px;
left:-32px;
position:relative;
top: 20px;
width:32px;
}

#slide #slide-close {
cursor:pointer;
display:block;
height: 20px;
width: 20px;
position:relative;
top: 20px;
}

#slide #slide-content {
	height: 101px;
	padding:20px 0 0 20px;
	font-size: 11px;
}

#slide ul {
	color: black;
	padding: 6px 0 0 0;
	list-style-type: none;
	margin: 0;
}

#slide ul li {
	padding: 5px 5px 5px 30px;
	height: 15.5px;
	border-bottom: 1px dashed #ccc;
}

div#gazetki a {
	float: left;
	margin-right: 15px;
	font-weight: bold;
	color: white;
}

div#gazetki a img {
    border: 1px solid #464645;
    display: block;
    padding: 3px;
}