body {margin: 0;padding: 0;background: #621e81;font-family: Tahoma,Arial, sans-serif;font-size: 10pt;}
img {border:0;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.hide {display: none;}
#left {position: absolute; top: 35px; left: 0;width: 50%;height: 479px;z-index:10;background: #fff;}
#right {position: absolute; top: 0; right: 0;width: 50%;height: 485px;z-index:10;background: #fff;}
#whiteRight {position: absolute; top: 35px; right: 0;width: 50%;height: 446px;z-index:10;background: #fff;}
#container {width: 993px; height: 613px; margin: 0 auto;position: relative;z-index: 15;}
#bg {width: 993px; height: 536px; margin: 0 auto; background: transparent url(/content/gfx/tlo_biale2.png) no-repeat top center;position: relative;z-index: 20;}
#logo {position: absolute; right: 0; bottom: 35px;z-index: 21;}
#logaTop {position: absolute; left: 670px;top: 4px;height: 26px;overflow: hidden;}
#logaTop a {display: block; float: left; min-width: 62px;width: auto;margin: 0 8px;height: 26px;overflow: hidden;}
#logaTop a:hover img, #logaTop a.active img {margin-top: -26px;}
#menuTop {height: 35px;font-size: 11pt;}
#menuTop ul {list-style-type: none; margin: 0;padding: 0;}
#menuTop ul li {float: left; margin-right: 12px;line-height: 35px;}
#menuTop a {color: #af67db;line-height: 35px;}
#menuTop a:hover {color: #fff;text-decoration: none;}
#content {position: absolute; top: 40px;width: 977px; height: 495px;background: url(/content/gfx/rozetka_03.png) no-repeat top center;}
#siteMenu {position: absolute;bottom: 1px;left: 0;z-index: 19;font-size: 13pt;}
#siteMenu ul {list-style-type: none; margin: 0;padding: 0;}
#siteMenu ul li {float: left;width:85px;height: 98px;}
#siteMenu a {display: block;width:85px;height: 70px;padding-top: 28px;color: #f8af2f;background-repeat:no-repeat;background-position: top center;font-style: italic;text-align:center;}
#siteMenu a:hover, #siteMenu a.active {color: #fff;text-decoration: none;background-position: 0 -98px;}
#siteMenu a.hover {color: #fff !important;text-decoration: none;background-position: 0 -98px;}
#siteMenu a.markizy {background-image: url(/content/gfx/button_markizy.png);}
#siteMenu a.rolety {background-image: url(/content/gfx/button_rolety.png);}
#siteMenu a.zaluzje {background-image: url(/content/gfx/button_zaluzje.png);}
#siteMenu a.zaslony {background-image: url(/content/gfx/button_zaslony.png);}
#siteMenu a.refleksole {background-image: url(/content/gfx/button_refleksole.png);}
#siteMenu a.okiennice {background-image: url(/content/gfx/button_okiennice.png);}

.rozeta {width: 207px; height: 207px;position: absolute;cursor: pointer;}
.rozeta img {position: absolute;} 
.rozeta .rozetaFace {width: 207px;height:207px;overflow: hidden;position: absolute;z-index:10;background-image: url(/content/gfx/rozeta.png);background-repeat: no-repeat;}
.rozeta .rozetaImg {width: 207px;height:207px;overflow: hidden;position: absolute;z-index:5;}
.rozeta .rozetaImg  img {margin-top: -5px;position: relative;}

.rozeta.duza {width: 255px; height: 255px;bottom: 25px;left: 120px;}
.rozeta.duza2 {width: 260px; height: 260px;bottom: 23px;left: 117px;}

.rozeta.duza2 .rozetaFace {width: 260px;height:260px;overflow: hidden;position: absolute;z-index:10;background-image: url(/content/gfx/rozetaDuza.png);}
.rozeta.duza2 .rozetaImg {width: 260px;height:260px;overflow: hidden;position: absolute;;z-index:5;}
.rozeta.duza2 .rozetaImg  img {margin:0;position:relative;}
.rozeta.duza2 img {}
#rozetaMarkizy {width: 1110px;height: 260px;margin-left: -850px;}
#rozetaRefleksole, #rozetaRolety, #rozetaZaluzje, #rozetaOkiennice, #rozetaZaslony {width: 871px;height: 215px;margin-left: -650px;}

.rozeta.rolety {top:0;left: 0;}
.rozeta.zaslony {top:6px;left: 327px;}
.rozeta.refleksole {top:0;left: 618px;}
.rozeta.zaluzje {bottom:39px;left: 483px;}
.rozeta.okiennice {bottom:76px;right: 0;}

.babel {position: absolute; width: 118px; height: 119px; background-repeat: no-repeat; background-color: transparent; background-position: 100% 50%;text-align: center;color: #fff;font-style: italic;display: none;font-size: 12pt;z-index:50;}
#babelRolety {height: 79px;right: -75px; top: 25px;background-image: url(/content/gfx/babel-rolety_03.png);padding-top: 40px;}
#babelZaslony {height: 89px; right: -75px; top: -10px;background-image: url(/content/gfx/babel-zaslony_03.png);padding-top: 30px;}
#babelRefleksole {height: 79px;right: -65px; top: -10px;background-image: url(/content/gfx/babel-refleksole_03.png);padding-top: 40px;}
#babelMarkizy {height: 79px;right: -40px; top: -70px;background-image: url(/content/gfx/babel-markizy_03.png);padding-top: 40px;}
#babelZaluzje {height: 74px;left: -80px; top: -5px;background-image: url(/content/gfx/babel-zaluzje_03.png);padding-top: 45px;}
#babelOkiennice {height: 74px;left: -77px; top: 0px;background-image: url(/content/gfx/babel-okiennice_03.png);padding-top: 45px;}

#menuBottom {height: 29px;font-size: 11pt;position: absolute; right: 220px;}
#menuBottom ul {list-style-type: none; margin: 0;padding: 0;}
#menuBottom ul li {float: left; margin-right: 5px;line-height: 29px;}
#menuBottom a {color: #af67db;line-height: 29px;}
#menuBottom a:hover {color: #fff;text-decoration: none;}

a.onas {color: #ba80bb !important;}
a.onas:hover, a.onas.active {color: rgb(34,171,200) !important;}
a.referencje {color: #ba80bb !important;}
a.referencje:hover, a.referencje.active {color: rgb(40,207,142) !important;}
a.kontakt {color: #ba80bb !important;}
a.kontakt:hover, a.kontakt.active {color: rgb(233,160,52) !important;}
a.newsletter {color: #ba80bb !important;}
a.newsletter:hover, a.newsletter.active {color: rgb(227,100,45) !important;}

a.leksykon {color: #ba80bb !important;}
a.leksykon:hover, a.leksykon.active {color: rgb(251,24,181) !important;}
a.wybierzMarkize {color: #ba80bb !important;}
a.wybierzMarkize:hover, a.wybierzMarkize.active {color: rgb(233,160,52) !important;}
a.tkaniny {color: #ba80bb !important;}
a.tkaniny:hover, a.tkaniny.active {color: rgb(40,207,142) !important;}
a.film {color: #ba80bb !important;}
a.film:hover, a.film.active {color: rgb(35,174,235) !important;}

#podstrona {background: transparent url(/content/gfx/pole-do-edycji_03-plama.png) no-repeat 0 0;width: 760px;height: 446px;position: absolute;top: -5px;right: -20px;}
#txt {position: absolute;height: 446px;top: 0;left: 320px;overflow: auto;color: #8a8a8a;width: 440px;}
#txt h1 {color: #F7AF2F;font-size: 12pt;padding-top: 10px;}
#txt p {padding: 0;margin: 0 0 5px 0;}
#txt a {color: #535353;}
#strzalki {position: absolute;width: 52px;height: 22px;}
.strzalki {top: 210px; left: 110px;}
.strzalkiDol {bottom: 40px; left: 210px;}
.nav {display: block;width:22px;height:22px;background-image: url(/content/gfx/strzalki_refleksole.png);overflow:hidden;position: absolute;}
.markizy .nav {background-image: url(/content/gfx/strzalki_markizy.png);}
.rolety .nav {background-image: url(/content/gfx/strzalki_rolety.png);}
.zaluzje .nav {background-image: url(/content/gfx/strzalki_zaluzje.png);}
.zaslony-panelowe .nav {background-image: url(/content/gfx/strzalki_zaslony.png);}
.refleksole .nav {background-image: url(/content/gfx/strzalki_refleksole.png);}
.okiennice .nav {background-image: url(/content/gfx/strzalki_okiennice.png);}
#goBack {top: 0;left: 0;visibility: hidden;}
#goForward {top: 0;right: 0;background-position: top right;}

.txtPage {height: 390px;position: absolute;bottom: 0;left: 0;width: 100%;visibility: hidden;}
#txt.leks .txtPage {height: 446px !important;}
#txt.gal .txtPage {height: 446px !important;overflow: hidden;}
#txt.gal .txtPage table {vertical-align: middle;text-align: center;height: 448px;width: 440px;margin: -2px 0 0 0;padding: 0;border: none;}
#txt.gal .txtPage table td {margin: 0;padding: 0;}
#txt.gal .txtPage table img {max-width: 430px; max-height: 446px;}
#txt0 {visibility: visible;}
.showAll .txtPage {height: auto;position: relative;visibility: visible;}

#formContent {margin-top: 40px;}
#formContent label {display: block;float: left;margin: 0 10px 7px 0; width: 50px; height: 20px;line-height: 20px;}
input.newsletterInput {width: 167px;height: 17px;margin-bottom: 7px;border: 1px solid #8a8a8a;color: #8a8a8a;background-color: transparent;font-size: 8pt;padding: 3px 4px 0 4px;}
input.newsletterCheckbox {margin-bottom: 7px;border: 1px solid #8a8a8a;color: #8a8a8a;background-color: transparent;}
input.newsletterSubmit {border: 1px solid #8a8a8a;color: #8a8a8a;background-color: #F7AF2F;}
textarea.newsletterTextarea {width: 167px;height: 100px;margin-bottom: 7px;border: 1px solid #8a8a8a;color: #8a8a8a;background-color: transparent;font-size: 8pt;padding: 3px 4px 0 4px;}

#map {overflow: hidden;height: 446px;width: 440px;}
#map a {color: #8a8a8a;}

#podstronaMenu {font-style: italic;font-size: 12pt;}
#podstronaMenu a {color: #662384;}
#podstronaMenu a:hover, #podstronaMenu a.active {color: #fff;text-decoration: none;}
#podstronaMenu ul {margin: 35px 0 0 40px;padding: 0;list-style-type: none;}
#podstronaMenu ul li {margin: 0 0 8px 0;padding: 0;}

#podstronaMenuIn {position: absolute;width: 245px;height: 250px;top: 95px;left:20px;color: #662384;font-size: 11pt;}
/*#podstronaMenuIn a {color: #662384;}*/
.kontaktAdres {margin: 15px 0;cursor: pointer;font-size: 10pt;}
.kontaktAdres a {color: #662384 !important;}
.kontaktAdres.first {/*margin-top: 50px;*/}

ul.produkty {list-style-type: none;margin: 20px 0 0 0;padding: 0;}
ul.produkty a {color: #F7AF2F;}
ul.produkty a:hover, ul.produkty a.active {color: #662384;text-decoration: none;}

.leksykon {list-style-type: none;margin: 100px auto auto auto;padding: 0;width: 120px;text-align: center;}
.leksykon a {color: #F7AF2F; padding: 3px;font-weight: bold;}
.leksykon a:hover, .leksykon a.active {color: #662384;text-decoration: none;}

#podstronaMenuIn.prod {display: table-cell;vertical-align: middle;}
.produkty {margin: 0;padding: 0;width: auto;height:100%;vertical-align: middle;margin: 0 auto;}
.produkty a {color: #F7AF2F;display:inline;}
.produkty a:hover, .produkty a.active {color: #662384;text-decoration: none;}

.zapytajMenu {font-size: 12pt;font-style: italic;list-style-type: none;}
.zapytajMenu li {padding: 5px 0;}


.fontSize1 {font-size: 8pt !important;}
.fontSize2 {font-size: 10pt !important;}
.fontSize3 {font-size: 12pt !important;}
.fontSize4 {font-size: 14pt !important;}
.fontSize5 {font-size: 18pt !important;}
.fontSize6 {font-size: 24pt !important;}
.fontSize7 {font-size: 36pt !important;}