/** * @version lay.css 2008/07/21 * @author Piotr Labudda piotrl86@gmail.com * * @update version 2009/04/03 * @author wojtekadams | kontakt@wojtekadams.pl */ /* =========================== linki =============================== */ a:link, a:hover, a:active { color:#fff; } a:visited { color:#fff; } #content-message { display:none; } .system-error { margin:20px; border:1px solid #f00; text-align:center; } #system-message { margin-bottom:20px; border:1px solid #f00; } #system-message .message { text-align:center; } #system-message dt.message { display:none; } #system-message dd.message ul { list-style-type:none; margin:0px; text-indent:0px; } #system-message dd.error ul { list-style-type:none; color:#f00; margin:0px; text-indent:0px; } #system-message dd.notice ul { list-style-type:none; margin:0px; text-indent:0px; } /* =========================== banner ============================== */ #content-banner { width:100%; min-height:25px; padding-top:17px; text-align:center; } /* =========================== main ================================ */ #main { min-height:200px; background:url(../images/center.main.gif) no-repeat left top; } #content-main { margin:0 10px; line-height:1.5em; } #content-main div.componentheading, #content-main table.contentpaneopen td.contentheading { padding:10px 5px 15px 5px; font-size:16px; line-height:23px; font-weight:bold; } #content-main table.contentpaneopen td.contentheading a.contentpagetitle { text-decoration:none; } /* ----- article_separator */ #content-main span.article_separator { display:none; } #content-main li { margin-left:20px; } #content-main img { margin:5px 12px; } /* ----- article_navigation */ #content-main table.pagenav { width:96%; margin:0 auto; } #content-main table.pagenav th.pagenav_prev { text-align:left; } #content-main table.pagenav th.pagenav_next { text-align:right; } #content-main td.readon { padding-left:15px; } #content-main table.pagenav th.pagenav_prev a, #content-main table.pagenav th.pagenav_next a, #content-main td.readon a.button { height:17px; display:block; float:left; padding:0 0 0 5px; background:transparent url(../images/button_l.gif) no-repeat scroll left top; text-decoration:none; } #content-main table.pagenav th.pagenav_prev a span, #content-main table.pagenav th.pagenav_next a span, #content-main td.readon a.button span { height:17px; display:block; padding:0 20px 0 15px; background:transparent url(../images/button_r.gif) no-repeat scroll right top; font-size:11px; line-height:17px; font-weight:normal; color:#FFFFFF; } /* ----- Punkty/Produkty cca ----- belki */ #content-main h3.red { width:590px; height:40px; clear:both; background:url(../images/main.h3_red.gif) no-repeat left top; font-size:11px; line-height:35px; font-weight:normal; color:#fff; text-indent:15px; } #content-main h3.yellow { width:590px; height:42px; clear:both; background:url(../images/main.h3_yellow.gif) no-repeat left top; font-size:11px; line-height:40px; font-weight:normal; color:#fff; text-indent:15px; } #content-main h3.blue { width:590px; height:34px; clear:both; background:url(../images/main.h3_blue.gif) no-repeat left top; font-size:11px; line-height:35px; font-weight:normal; color:#fff; text-indent:15px; } #content-main h3.red a, #content-main h3.yellow a, #content-main h3.blue a { text-decoration:none; } /* ----- Punkty cca */ #content-main div.punkt-lista { width:100%; } #content-main div.punkt-lista a { text-decoration:none; } #content-main div.punkt-lista a:hover { color:blue; } #content-main div.punkt-lista div.pagenav { width:100%; text-align:center; } #content-main div.punkt-lista div.pagenav a { text-decoration:underline; } #content-main div.punkt-intro { width:100%; margin:0 10px 60px 20px; } #content-main div.punkt-intro img { float:left; margin:15px; border:1px solid red; } #content-main div.punkt-intro a:hover img { border:1px solid blue; } /* ----- Punkty cca - formularz kontaktowy */ #content-main fieldset.punktcca_fields { margin:0 20px; } #content-main div.punkt { margin:0 10px 0 20px; } #content-main div.punkt span.punkt-span { color:#CDCDCD; } #content-main div.punkt img { float:right; clear:right; margin:1px; border:1px solid red; } #content-main div.punkt a { text-decoration:none; } #content-main div.punkt a:hover { text-decoration:none; color:blue; } #content-main div.punkt a:hover img { border:1px solid blue; } #content-main div.punkt div.img { float:right; margin:10px 0; } #content-main div.punkt div.img img { float:left; margin:10px 3px 3px 10px; border:1px solid red; } #content-main div.intro { width:550px; margin-bottom:50px; } #content-main div.intro img { float:left; margin:15px; border:1px solid red; } /* ----- Produkty cca:*/ #content-main div.produkty-clr { clear:both; width:590px; } #content-main div.produkt-art-img { width:100%; text-align:center; } #content-main div.produkt-art-img img { border:1px solid red; } /* ----- Produkty cca ----- tabelka */ #content-main table.produkty { background-color:#030f18; font-size:11px; font-weight:bold; font-family:serif; } #content-main table.produkty tr.row0 { background-color:#04131e; } #content-main table.produkty th, #content-main table.produkty td { border-left:1px solid #051724; border-right:1px solid #01070c; border-bottom:1px dotted #2b353c; text-align:center; } #content-main table.produkty th.model, #content-main table.produkty td.model { width:150px; } #content-main table.produkty th.foto, #content-main table.produkty td.foto { width:130px; } #content-main table.produkty th.rok, #content-main table.produkty td.rok { width:90px; } #content-main table.produkty th.cena, #content-main table.produkty td.cena2, #content-main table.produkty td.cena { width:60px; visibility: hidden;} #content-main table.produkty th.pytanie, #content-main table.produkty td.pytanie { width:107px; } #content-main table.produkty th.opis, #content-main table.produkty td.opis { width:45px; } #content-main table.produkty th { padding:2px 0; border-top:1px solid #051724; color:#ffc600; } #content-main table.produkty td { color:#fff; } #content-main table.produkty td.foto img { margin:3px; border:1px solid red; } #content-main table.produkty td a { text-decoration:none; } #content-main table.produkty td input.zapytaj, #content-main table.produkty td a.zapytaj { width:101px; height:17px; display:block; border:none; background:url(../images/button.zapytaj.gif) no-repeat left top; cursor:hand; cursor:pointer; } #content-main table.produkty td a.opis { width:39px; height:17px; display:block; background:url(../images/button.opis.gif) no-repeat left top; } #content-main table.produkty td a.button, #content-main table.produkty td input.button { margin:3px; } #content-main table.produkty td a.button span { display:none; } /* =========================== niewidzalna cena wojtka ================================= */ #content-main table.produkty td.cena { font-family:Verdana; font-size:16px; font-weight:lighter; text-decoration:line-through; visibility: hidden;} #content-main table.produkty td.cena2 { font-family:Verdana; font-size:16px; font-weight:lighter; visibility: hidden;} /* =========================== top ================================= */ #content-top { width:275px; height:200px; position:absolute; right:0; top:18px; } #content-top div.module { padding:10px; font-size:12px; color:#fff; } #content-top div.module h2 { width:100%; display:block; } #content-top div.module h2 span { font-weight:normal; color:#FFFF00; } #content-top div.module div.mod-content ul.menu li { margin:17px; list-style-type:none; } #content-top div.module div.mod-content ul.menu li a { display:block; background:url(../images/top.a.gif) no-repeat left 3px; color:#fff; text-decoration:none; } #content-top div.module div.mod-content ul.menu li a:hover { color:#ff0; } #content-top div.module div.mod-content ul.menu li a span { display:block; padding:0 0 0 15px; font-size:14px; line-height:15px; } /* =========================== left ================================ */ #content-left div.module { background:url(../images/left.bot.gif) no-repeat bottom left; font-size:10px; color:#fff; } #content-left div.module h2 { width:100%; height:26px; display:block; background:url(../images/left.h2.gif) no-repeat top left; } #content-left div.module h3 { width:100%; height:26px; display:block; padding:5px 0 0 0; background:url(../images/left.h3.gif) no-repeat top left; } #content-left div.module h2 span, #content-left div.module h3 span { padding-left:8px; line-height:26px; font-size:12px; font-family:Arial; } #content-left div.module div.mod-content { padding:5px; } #content-left div.module div.mod-content ul.menu ul { padding-left:8px; } #content-left div.module div.mod-content ul.menu li { padding:1px 2px; list-style-type:none; } #content-left div.module div.mod-content ul.menu li.active { font-weight:bold; } #content-left div.module div.mod-content ul.menu li a span { display:block; padding:0 0 0 15px; font-size:12px; line-height:15px; } #content-left div.module div.mod-content ul.menu li#current span { color:#fff; } #content-left div.module div.mod-content ul.menu li#current ul span { color:#bbd0f2; } #content-left div.module div.mod-content ul.menu li a { display:block; border-bottom:1px dotted #283540; background:url(../images/left.a.gif) no-repeat top left; color:#bbd0f2; text-decoration:none; } #content-left div.module div.mod-content ul.menu li a:hover span { color:#ff0; } #content-left div.module div.mod-content ul.menu li#current a:hover span { color:#ff0; } /* =========================== right =============================== */ #content-right { background:url(../images/right.top.gif) no-repeat top left; font-size:10px; color:#fff; } #content-right div.mod-content { padding:5px 10px 5px 5px; } #content-right div.module_green div.mod-content { padding:0; background:url(../images/right.green.gif) repeat-y left; } #content-right div.module_green div.mod-content div.mod_randomcontact { padding:5px 10px 5px 5px; background:url(../images/right.green.bot.gif) no-repeat left bottom; } #content-right div.module h2 { width:100%; height:26px; display:block; background:url(../images/right.red.h.gif) no-repeat top left; } #content-right div.module h2 span { padding-left:8px; line-height:26px; font-size:12px; font-family:Arial; } #content-right div.module_green h2 { width:100%; height:26px; display:block; background:url(../images/right.green.h.gif) no-repeat top left; } #content-right div.module_green h2 span { padding-left:8px; line-height:26px; font-size:12px; font-family:Arial; } #content-right div.punkt-mini { width:100%; text-align:center; } #content-right div.punkt-mini img { margin:3px; border:1px solid red; } #content-right div.punkt-mini p { text-align:left; } #content-right div.punkt-mini a { text-decoration:none; } /* =========================== bot-left ============================ */ #content-bot-left div.module { margin:5px 0 0 0; font-size:10px; color:#fff; } #content-bot-left div.module h3 { width:100%; height:26px; display:block; } #content-bot-left div.module h3 span { padding-left:8px; font-size:12px; line-height:26px; font-family:Arial; } #content-bot-left div.module div.mod-content { padding:5px; } #content-bot-left a { text-decoration:none; } /* =========================== bot-center (Mapka ) by wojtekadams =========================== */ #content-bot-center div.module { margin:5px 0 0 0; font-size:10px; color:#fff; } #content-bot-center div.module h3 {padding:10px 5px 15px; width:100%; height:44px; display:block; background: url(../images/center.main.gif) no-repeat left top;} #content-bot-center div.module h3 span { font-size:16px; font-weight:bold; line-height:23px; } #content-bot-center div.module div.mod-content { padding:5px; text-align:center; } /* =========================== bot-right =========================== */ #content-bot-right div.module { margin:5px 0 0 0; font-size:10px; color:#fff; } #content-bot-right div.module h3 { width:100%; height:26px; display:block; } #content-bot-right div.module h3 span { padding-left:8px; font-size:12px; line-height:26px; font-family:Arial; } #content-bot-right div.module div.mod-content { padding:5px 8px; } #content-bot-right div.module div.mod-content ul.menu li { padding:1px 2px; list-style-type:none; } #content-bot-right div.module div.mod-content ul.menu li a { display:block; border-bottom:1px dotted #7E652D; background:url(../images/left.a.gif) no-repeat top left; color:#fff; text-decoration:none; } #content-bot-right div.module div.mod-content ul.menu li a:hover { color:#F2D0BB; } #content-bot-right div.module div.mod-content ul.menu li a span { display:block; padding:0 0 0 15px; font-size:12px; line-height:15px; } /*######################### Realizcje */ .cjs { border: 1px solid #000000; background-color: #BC770D; height: 98px; width: 110px; color: #000000; text-align: center; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding:5px 0px 5px 0px; float:left; margin: 2px; } .cjs img { border: 1px solid #000000; } div#content-main .rotatorson { display:block; padding:10px 5px 15px; width:100%; text-align: center; } div#content-main .rotatorson span { font-size:16px; font-weight:bold; line-height:23px; font-size: 16px; } .imgnews img {width: 140px; height: 100px;} .imgnews a img {width: 90%; height: 90%;} .imgnews .contentpagetitle {font-size: 14px; color: #BBD0F2;}