/* --------------------------------------------- Design & Code (c) Wild Moose Justyna Walczak --------------------------------------------- */ .clear { clear: both; height: 1%;} .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clear { display: inline-block;} /* Hides from IE-mac \*/ * html .clear { height: 1%;} .clear { display: block;} /* End hide from IE-mac */ * { margin: 0; padding:0; border: 0;} html { width: 100%; height: 100%;} body { font-family: Verdana, Helvetica, Arial sans-serif; font-size: 62.5%; background-color: #fbfaf5;} p { margin: 20px 35px 10px 5px; font-size: 12px; line-height: 1.6em; text-align: justify;} a, a:hover { text-decoration: none;} ul { list-style-type: none;} h1, h2, h3, h4, h5, h6, .menu, .top a, .sklep strong, .bg_l, .bg_p, .prawa .boks { font-family: Georgia, "Times New Roman", Times, serif;} h1, h2, h3, h4, h5, h6 { margin: 20px 0px; font-weight: normal; color: #b36b01;} h2 { font-size: 18px;} .fl { float: left;} .fr { float: right;} .kontener { width: 100%; height: auto; margin: 0 auto; text-align: center;} .bg_top { background: #c7a463 url(img/bg_top.jpg) 0 0 repeat-x;} .top { width: 900px; height: 57px; margin: 0 auto; padding: 0 30px; text-align: right; background-color: transparent; color: #fff;} .top a { font-size: 13px; color: #fff2d9; line-height: 50px; margin-right: 30px;} .top a:hover { text-decoration: underline;;} .top a.s { font-weight: bold; color: #48381a;} .bg_sr { background: #fbfaf5 url(img/bg_sr.jpg) 0 0 repeat-x;} .sr { width: 900px; height: auto; margin: 0 auto; padding: 10px 30px; text-align: right; background-color: #fbfbf3; color: #95886a;} a.logo { width: 136px; height: 80px; margin: 0; display: block; float: left; background: transparent url(img/logo_donwil.jpg) 50% 10% no-repeat;} .menu { width: 760px; height: 40px; margin: 0; padding: 20px 0; word-spacing: 1px;} .menu a { margin: 0 10px; font-size: 14px; color: #b36b01; line-height: 40px;} .menu a:hover, .menu a.on { color:#3f8c00; text-decoration: underline;} .kol { margin: 0; background-color: transparent; background-repeat: no-repeat; position: relative;} .prawa { width: 380px; float: right; clear: right;} .lewa { width: 515px; float: left; clear: left; z-index: 1;} .jedna { width: 895px; height: 130px; padding: 10px 0; position: relative;} .sr_body { width: 100%; margin: 0 auto; text-align: left; z-index: 10;} .tlo { background: transparent url(img/tlo.jpg) 0% 0% no-repeat;} .bg_l, .bg_p { height: 370px;} .bg_l { background-position: 100% 100%;} .bg_p { background-position: 100% 100%;} .bg_p div { display: block; margin: 30px 0 0 20px; text-transform: uppercase;} .bg_p h1 { font-size: 18px;} .bg_p h1 span { display: block; font-size: 14px;} .bg_p a { display: block; font-size: 14px; line-height: 30px;} .bg_p p { font-size: 11px; text-transform: none; color: #fff;} .prawa .boks { width: 370px; height: 46px; margin: 10px auto; padding: 25px 0 5px 0; background-color: #FCFBF4; background-position: center; background-repeat: no-repeat; text-align: right;} .prawa .telefon{ background-image: url(img/boks_telefon.jpg);} .prawa .fax { background-image: url(img/boks_fax.jpg);} .prawa .poczta { background-image: url(img/boks_poczta.jpg);} .prawa .boks span { display: block; margin-right: 150px; text-align: right; font-size: 12px; color: #7d7855;} .prawa .boks .ziel, .prawa .boks .ziel a { font-size: 18px; color: #72ac03;} .prawa .boks .ziel a:hover { color: #ccaa6d;} .prawa .online { height: 149px; padding: 40px 0px 0; text-align: left; background: #e4c994 url(img/bg_dol_online.jpg) 100% 100% no-repeat;} .prawa .online strong, .prawa .online a { display: block; font-size: 16px;} .prawa .online strong { color: #614513; margin-bottom: 10px;} .prawa .online a { color: #600200; margin-top: 20px; background: transparent url(img/kosz.jpg) 0 0 no-repeat;} .prawa .online p { font-size: 11px; color: #614513; margin: 0 140px 0 10px; text-align: left;} .bg_dol { background-color: #e4c994;} .dol { width: 900px; height: 189px; margin: 0 auto; padding: 0 30px; text-align: right; color: #fce1b1;} .bg_dol_wzor { height: 189px; background: #e4c994 url(img/bg_dol.jpg) 0 0 no-repeat;} .sklep { height: 149px; padding: 40px 0px 0; text-align: left; background: #e4c994 url(img/bg_dol_sklep.jpg) 100% 100% no-repeat;} .sklep strong, .sklep a { display: block; font-size: 16px;} .sklep strong { color: #614513; margin-bottom: 10px;} .sklep a { color: #600200; margin-top: 20px; background: transparent url(img/kosz.jpg) 0 0 no-repeat;} .sklep p { font-size: 11px; color: #614513; margin: 0 140px 0 10px; text-align: left;} .bg_stopka { background-color: #f6f3ea;} .stopka { width: 880px; height: 74px; margin: 0 auto; padding: 10px 40px; text-align: right;} .stopka p { margin: 0 auto; font-size: 10px; color: #bab196;} .stopka a { margin: 0 2px; font-size: 10px; color: #bab196;} .stopka a:hover { text-decoration: underline;} /*index*/ #index .bg_l span { display: block; width: 250px; height: 84px; padding: 10px 30px; position: absolute; top: 116px; right: 0;} #index .bg_l p { margin: 0; font-size: 11px; color: #fcfbf3; text-align: left;} #index .bg_l strong { display: block; margin-bottom: 5px; font-size: 20px; color: #fcfbf3; font-weight: normal;} #index .bg_p a { color: #fff;} #index .bg_p a:hover, #index .bg_p h1 { color: #e0f57e;} /*index bez_sezonu*/ #index .bg_l span { display: block; width: 250px; height: 84px; padding: 10px 30px; position: absolute; top: 116px; right: 0; background-color: transparent/*#e6ded3*/;} #index .bg_l p { margin: 0; font-size: 11px; color: #403931; text-align: left;} #index .bg_l strong { display: block; margin-bottom: 5px; font-size: 20px; color: #403931; font-weight: normal;} #index .bg_l { background-image: url(img/lewa_bez_sezonu.jpg);} #index .bg_p { background-image: url(img/prawa_index_bez_sezonu.jpg);} #index .bg_p h1 { color: #a79b8d;} #index .bg_p a { color: #a79b8d;} #index .bg_p a:hover { color: #403931;} #index .bg_p a.index_online { display: block; width: 100%; height: 100%; background: transparent url(img/prawa_index_bez_sezonu.jpg) no-repeat;} /*index boże narodzenie*/ #index_bozenarodzenie .bg_l span { display: block; width: 250px; height: 84px; padding: 10px 30px; position: absolute; top: 116px; right: 0; background-color: #b49f5e;} #index_bozenarodzenie .bg_l p { margin: 0; font-size: 11px; color: #fff; text-align: left;} #index_bozenarodzenie .bg_l strong { display: block; margin-bottom: 5px; font-size: 20px; color: #fcfbf3; font-weight: normal;} #index_bozenarodzenie .bg_l { background-image: url(img/lewa_index_bn.jpg);} #index_bozenarodzenie .bg_p { background-image: url(img/prawa_index_bn.jpg);} #index_bozenarodzenie .bg_p h1 { color: #9dff95;} #index_bozenarodzenie .bg_p a { color: #fff;} #index_bozenarodzenie .bg_p a:hover { color: #9dff95;} /*index walentynki*/ #index_walentynki .bg_l span { display: block; width: 250px; height: 84px; padding: 10px 30px; position: absolute; top: 116px; right: 0; background-color: #dd4f66;} #index_walentynki .bg_l p { margin: 0; font-size: 11px; color: #fcfbf3; text-align: left;} #index_walentynki .bg_l strong { display: block; margin-bottom: 5px; font-size: 20px; color: #fcfbf3; font-weight: normal;} #index_walentynki .bg_l { background-image: url(img/lewa_index_walentynki.jpg);} #index_walentynki .bg_p { background-image: url(img/prawa_index_walentynki.jpg);} #index_walentynki .bg_p h1 { color: #fff;} #index_walentynki .bg_p a { color: #fff;} #index_walentynki .bg_p a:hover{ color: #f0798e;} /*index wielkanoc*/ #index_wielkanoc .bg_l span { display: block; width: 250px; height: 84px; padding: 10px 30px; position: absolute; top: 116px; right: 0; background-color: #9ec660; opacity:0.80;filter: alpha(opacity=80); -moz-opacity: 0.8;} #index_wielkanoc .bg_l p { margin: 0; font-size: 11px; color: #fcfbf3; text-align: left; opacity:100;filter: alpha(opacity=100); -moz-opacity: 100; position: absolute; left: 30px; top: 10px;} #index_wielkanoc .bg_l strong { display: block; margin-bottom: 5px; font-size: 20px; color: #fcfbf3; font-weight: normal;} #index_wielkanoc .bg_l { background-image: url(img/lewa_index_wielkanoc.jpg);} #index_wielkanoc .bg_p { background-image: url(img/prawa_index_wielkanoc.jpg);} #index_wielkanoc .bg_p h1 { color: #855501;} #index_wielkanoc .bg_p a { color: #855501;} #index_wielkanoc .bg_p a:hover{ color: #fff;} /*kwiaty*/ #kwiaty .bg_l { background-image: url(img/lewa_kwiaty.jpg);} #kwiaty .bg_p { background-color: #806e4c; background-image: url(img/prawa_kwiaty.jpg);} #kwiaty .bg_p a { color: #fff;} #kwiaty .bg_p a:hover, #kwiaty .bg_p h1 { color: #fcf3df;} /*ceramika*/ #ceramika .bg_l { background-image: url(img/lewa_ceramika.jpg);} #ceramika .bg_p { background-color: #78861e; background-image: url(img/prawa_ceramika.jpg);} #ceramika .bg_p a { color: #fff;} #ceramika .bg_p a:hover, #ceramika .bg_p h1 { color: #e0f57e;} /*wiklina*/ #wiklina .bg_l { background-image: url(img/lewa_wiklina.jpg);} #wiklina .bg_p { background-color: #ef9405; background-image: url(img/prawa_wiklina.jpg);} #wiklina .bg_p a { color: #fff;} #wiklina .bg_p a:hover, #wiklina .bg_p h1 { color: #fff9a8;} /*artykuły dekoracyjne*/ #artykulydekoracyjne .bg_l { background-image: url(img/lewa_artykulydekoracyjne.jpg);} #artykulydekoracyjne .bg_p { background-color: #dbd2c7; background-image: url(img/prawa_artykulydekoracyjne.jpg);} #artykulydekoracyjne .bg_p a { color: #7c6850;} #artykulydekoracyjne .bg_p a:hover, #artykulydekoracyjne .bg_p h1 { color: prawa_artykulydekoracyjne.jpg;} /*szklo*/ #szklo .bg_l { background-image: url(img/lewa_szklo.jpg);} #szklo .bg_p { background-color: #d6d0b8; background-image: url(img/prawa_szklo.jpg);} #szklo .bg_p a { color: #888162;} #szklo .bg_p a:hover, #szklo .bg_p h1 { color: #fff;} #szklo .bg_p p { color: #888162;} /*boże narodzenie*/ #bn .bg_l { background-image: url(img/lewa_bn.jpg);} #bn .bg_p { background-color: #287322; background-image: url(img/prawa_bn.jpg);} #bn .bg_p a { color: #fff;} #bn .bg_p a:hover, #bn .bg_p h1 { color: #9afd91;} /*walentynki*/ #wal .bg_l { background-image: url(img/lewa_walentynki.jpg);} #wal .bg_p { background-color: #c91532; background-image: url(img/prawa_walentynki.jpg);} #wal .bg_p a { color: #fff;} #wal .bg_p a:hover, #wal .bg_p h1 { color: #f0798e;} /*wielkanoc*/ #wiel .bg_l { background-image: url(img/lewa_wielkanoc.jpg);} #wiel .bg_p { background-color: #ebce46; background-image: url(img/prawa_wielkanoc.jpg);} #wiel .bg_p a, #wiel .bg_p h1 { color:#855501;} #wiel .bg_p a:hover { color: #fff;} /*halloween*/ #halloween .bg_l { background-image: url(img/lewa_halloween.jpg);} #halloween .bg_p { background-color: #287322; background-image: url(img/prawa_halloween.jpg);} #halloween .bg_p a { color: #4f2100;} #halloween .bg_p a:hover, #halloween .bg_p h1 { color: #4f2100;} /*jesien*/ #jesien .bg_l { background-image: url(img/lewa_jesien.jpg);} #jesien .bg_p { background-color: #E2B774; background-image: url(img/prawa_jesien.jpg);} #jesien .bg_p a { color: #4f2100;} #jesien .bg_p a:hover, #jesien .bg_p h1 { color: #4f2100;} /*kontakt*//* #map { width: 349px; height: 340px;}*/ .dane { width: 380px; height: 370px; background-color: #ccaa6d;} .dane div { display: block; margin: 30px 0 0 20px;} .dane h1, .dane p { color: #fff; padding-bottom: 10px;} .br { border-bottom: 1px solid #dfcaa4;} .dane a { color: #67532e;} .dane a:hover { color: #fff;} form { display: block; padding-bottom: 20px;} form input, form textarea, form label { float: left; font-size: 11px;} form input, form textarea { width: 300px; margin-bottom: 5px; padding: 5px; border-width: 1px; border-color: #f7f7f2 #e8e7d7 #e8e7d7 #f7f7f2; border-style: solid;} form textarea { height: 80px;} form label { display: block; width: 56px; margin: 0 10px 0 0; padding: 6px 0 0 0; color: #645444; text-align: right;} form p { clear: both;} form .submit { width: 80px; margin-left: 66px; padding: 5px; background-color: #a8d44d; color: #fff; font-weight: bold; cursor: pointer;} .dziekujemy { margin: 20px 60px 20px 10px; font-size: 13px;} #mapa li a { color: #645444;} #mapa li a:hover{ color: #fe7f56; text-decoration: underline;}