/* Autor: Grzegorz Jaworek E-mail: grzegorz.jaworek@gmail.com www: http://gjaworek.pl Tel.: +48 696 818 300 */ @charset "UTF-8"; /*Common ------------------------------------------------------------------------- */ * { margin:0;padding:0;} img { border: 0 } a, button, object{ text-decoration: none; outline: none; color: #ffb400;} a:hover { text-decoration: none; color: #000; } a.more { text-transform: uppercase; float: left; margin: 15px 0 -10px;} ul { list-style: none; text-align: left; } fieldset { border: 0; } label, table, td, th {font: 15px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color: #000;} input, textarea, select, option { font: 12px Arial; color: #000; } input.text { padding: 4px 5px; border: 0; color: #000; width: 200px;} label { } textarea { padding: 2px 0 2px 5px; border: 0; color: #000; width: 554px; overflow: auto;} form label {font-size: 15px; color: #fff;} form .submit { float: right; cursor: pointer; width: 76px; height: 25px; font-size: 1px; color: #ffb400; line-height: 25px; text-indent: -9999px; background: url(../images/send.jpg) 0 0 no-repeat; border: 0; } form .submit:hover, form .submit_hover { text-decoration: none; background-position: 0 -25px;} /*Fonts ------------------------------------------------------------------------- */ p { font-size: 15px; line-height: 20px; font-weight: normal; margin: 0 0 20px; color: #000;} p.meta { color: #9a9898; font-size: 12px; line-height: 16px;} p a { text-decoration: none; color: #ffb400; font-weight: normal; } p a:hover { text-decoration: none; color: #000; } p .block { float: right; padding: 4px 10px; width: 130px; background: #af0900; color: #fff; margin: 7px 0 3px;} blockquote { float: right; padding: 4px 10px; width: 130px; background: #af0900; color: #fff; margin: 7px 0 3px; display: inline;} h1 { font-size: 24px; line-height: 30px; font-weight: bold; margin: 0 0 10px; color: #000;} h1 a { color: #000; text-decoration: none;} h2 { font-size: 19px; line-height: 19px; font-weight: normal; margin: 0; color: #ffb400; text-indent: -1px;} h2 a { color: #ffb400; text-decoration: none;} h3 { font-size: 17px; line-height: 17px; font-weight: normal; margin: 0; color: #000; text-indent: -1px; text-transform: uppercase;} h3 a { color: #000; text-decoration: none;} h4 { font-size: 14px; line-height: 20px; font-weight: bold; margin: 20px 0; color: #000; } h4 a { color: #000; text-decoration: none;} ul, ol { font-size: 15px; line-height: 20px; font-weight: normal; margin: 0 0 10px 10px; color: #000;} li { font-size: 15px; line-height: 20px; font-weight: normal; margin: 0 0 0 10px; color: #000;} small { font-size: 9px; line-height: 10px; font-weight: normal; margin: 0; color: #b2b2b2;} /*Layout ------------------------------------------------------------------------- */ /*html { height: 100%;}*/ body { /*height: 100%; overflow-y: hidden;*/ min-width: 906px; background: #fff url(../content/hp.jpg) 50% 163px no-repeat; font: 15px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color: #000; padding: 0; margin: 0; } #top, #content, #bottom, #footer{ min-width: 906px; width: 100%; margin: 0 auto; clear: both; position: relative; z-index: 2;} .inner { width: 906px; margin: 0 auto; position: relative;} /* Top ------------------------------------------------------------------------- */ #top { height: 162px; padding: 0; margin: 0; background: url(../images/bgt.gif) 50% 0 no-repeat;} #top h1 { margin: 0 auto; text-align: center; padding: 15px 0 0;} #menu { width: 907px; margin: 0 auto; position: absolute; left: 0; top: 134px;} #menu_center { float: right; position:relative;left:-50%;text-align:left; margin: 0; padding: 0;} #menu_center ul {position:relative;left:50%;} #menu ul { float: left; list-style:none; margin: 0; padding: 0; line-height: 18px;} #menu ul li { float: left; border-left: 1px solid #ffb400; margin: 0; padding: 0 12px; position: relative; line-height: 18px;} #menu ul li:first-child { border-left: 0;} #menu ul li a { float: left; font-size: 19px; line-height: 18px; padding: 2px; text-transform: uppercase; color: #000; cursor: pointer;} #menu ul li a:hover, #menu ul li.current_page_item a, #menu ul li.current_page_parent a { text-decoration: none; color: #ffb400;} #menu ul li ul { position: absolute; top: 26px; left: 0; background: #ffb400; width: 90%; padding: 10px 5%; display: none;} #menu ul li ul li { width: 100%; padding: 1px 0; border: 0;} #menu ul li li a, #menu ul li.current_page_item li a, #menu ul li.current_page_parent li a { font-size: 14px; color: #fff; padding: 0 0 0 12px; background: url(../images/bulks.gif) -100px -1000px no-repeat; cursor: pointer;} #menu ul li li a:hover, #menu ul li.current_page_item li a:hover, #menu ul li.current_page_parent li a:hover, #menu ul li.current_page_parent li.current_page_item a { background-position: 0 7px; color: #fff;} #menu ul li:hover ul, #menu ul li.hover ul { display: block;} /* Content ------------------------------------------------------------------------- */ #content { z-index: 1; background: url(../images/bgc.png) 50% 0 repeat-x; overflow: auto; padding: 0 0 20px; } #home, #contact { height: auto;} #home p { font-size: 19px; line-height: 25px; margin: 25px 0 0;} .content { float: right; margin: 30px 0 0; padding: 15px 35px 25px; width: 534px; background: #fff;} .sidebar { float: left; margin: 30px 0 0; padding: 0; width: 248px; } .sidebar h2 { margin: 0; padding: 5px 15px 10px; background: #ffb400 url(../images/br.gif) 0 100% repeat-x; color: #fff;} .sidebar h2 a {color: #fff;} .entry_thumb { float: left; margin: 10px 15px 5px 0;} .more-link { float: right; margin: -15px 0 0;} .news { width: 214px; margin: 0 auto; padding: 12px 17px 20px; background: #fff;} .news p { margin: 0;} .sidemenu { width: 214px; margin: 0 auto; padding: 10px 17px; background: #fff; margin: 0 0 15px;} .sidemenu li { margin: 0;} .sidemenu li a { font-size: 14px; color: #000; padding: 0 0 0 12px; background: url(../images/bulks.gif) -100px -1000px no-repeat; text-transform: uppercase;} .sidemenu li a:hover, .sidemenu li.current_page_item a { background-position: 0 -193px; color: #ffb400;} .entry { height: 380px; margin: 0; overflow: auto;} .entry img { margin: 3px 15px;} .entry .alignleft { float: left; margin: 3px 15px 3px 0;} .entry .alignright { float: right; margin: 3px 0 3px 15px;} .contact_form { width: 560px; background: #ffb400; margin: 0 -35px -45px; padding: 10px 9px 7px 35px; overflow: hidden;} .contact_form form { float: right; width: 294px;} .contact_form form p { margin: 0 0 12px; float: left; clear: both; width: 100%; position: relative; } .contact_form form .text { float: right; } .contact_form form .submit { margin: -5px 0 0; position: relative;} .contact_form form label { width: 75px; float: left; text-align: right; margin: 1px 0 0;} .contact_form form select { float: left; margin: 0 0 0 10px; height: 22px; line-height: 22px; font-size: 13px; width: 50px;} .contact_form form .textarea label { width: 274px; padding: 10px; background: #fff; color: #ffb400; text-align: left; margin: 0 0 -2px;} .contact_form form .textarea textarea { width: 289px; overflow: auto; float: left; height: 100px; padding: 0 0 0 5px;} .contact_form form .event_calendar .textarea label { width: 255px;} .contact_form form .event_calendar .textarea textarea { width: 270px;} .event_calendar { float: left; width: 240px; overflow: hidden;} .wpcf7-form { float: right; width: 294px; margin: -5px 0 0; position: relative; padding: 0 0 10px;} .wpcf7-form .event_calendar { position: absolute; left: -290px; padding-top: 12px; width: 274px;} .wpcf7-form .event_calendar .text { width: 180px;} .wpcf7-mail-sent-ng { float: left; clear: both; border: 0; background: #fff; color: #ffb400; position: absolute; left: -99999px;} .wpcf7-not-valid-tip { margin-left: -40px; text-align: center; padding: 0; width: 220px!important;} div.ngg-galleryoverview { float: left; width: 500px; clear: both; margin: 0 0 0 -10px; padding: 0; display: inline;} div.ngg-gallery-thumbnail-box { padding: 0; border: 0; margin: 0; float: left;} div.ngg-gallery-thumbnail {padding: 0; border: 0; margin: 0; float: left;} div.ngg-gallery-thumbnail a {padding: 0; border: 1px solid #ccc; float: left; margin: 15px 0 0 10px;} div.ngg-gallery-thumbnail a:hover { border-color: #000;} div.ngg-gallery-thumbnail img {padding: 0; border: 0; margin: 0; float: left; width: 108px; height: 108px;} /* Bottom ------------------------------------------------------------------------- */ #bottom { padding: 15px 0 5px; background: url(../images/bgb.png) 50% 0 repeat-x; } #bottom .inner { overflow: hidden; height: 114px;} .links { float: right; width: 470px; text-align: left;} .links ul { float: left; width: 140px; margin: 0; padding: 0 10px 0 0;} .links li { margin: 0;} .links a { font-size: 14px; color: #000;} .links a:hover { text-decoration: none; color: #fff;} .newsletter { margin: 0 0 0 95px; float: left; width: 270px; display: inline;} .newsletter h3 { color: #fff; font-size: 16px;} .newsletter p { margin: 5px 0 0; height: 22px; position: relative; } .newsletter .text { background: #fff; border: 0; padding: 4px; width: 215px; float: left;} .newsletter .submit { width: 32px; height: 22px; background-image: url(../images/send.gif);} .newsletter .submit:hover, .newsletter .submit_hover { background-position: 0 -22px;} .newsletter .wpcf7-not-valid-tip { margin-left: -60px;} .fb { line-height: 16px; float: left; width: 140px; height: 35px; margin: 15px 0 0; color: #fff; font-size: 16px; color: #fff; padding: 0 0 0 46px; background: url(../images/fb.gif) 0 1px no-repeat; overflow: hidden;} .fb:hover { text-decoration: none; color: #ff7f00; background-position: 0 -99px;} h2 li { list-style: none; margin: 0;} /* Footer ------------------------------------------------------------------------- */ #footer { text-align: center; font-size: 9px; padding: 15px 0; background: url(../images/bgf.png) 50% 0 repeat-x; } #footer a { color: #ffb400;} #footer a:hover { text-decoration: none; color: #000;} /* Other ------------------------------------------------------------------------- */ .fl { float: left; } .fr { float: right; } .clear { clear:both; } .hide { display: none; } .ui-datepicker { z-index: 100;} /* Scroll panel ------------------------------------------------------------------------- */ .jScrollPaneContainer { position: relative; overflow: hidden; top: 0; z-index: 9;} .jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: url(../images/track.gif) 50% 0 repeat-y;} .jScrollPaneDrag {position: absolute;background: url(../images/drag.gif) 50% 0 no-repeat; cursor: pointer;overflow: hidden;} .jScrollPaneDrag:hover { background-position: 50% -100px;} .jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;} .jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;} a.jScrollArrowUp {display: block; position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;background: url(../images/arr.gif) 50% 0 no-repeat; height: 26px;} a.jScrollArrowUp:hover {background-position: 50% -100px;} a.jScrollArrowDown {display: block; position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;background: url(../images/arr.gif) 50% -25px no-repeat;height: 26px;} a.jScrollArrowDown:hover {background-position: 50% -125px;} a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/} /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox.png'); } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('../images/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; } .fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('../images/fancy_title_over.png'); display: block; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background-image: url('../images/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; } #fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('../images/fancybox-x.png'); background-position: 0px -40px; color: #FFF; } #fancybox-title-right { padding-left: 15px; background-image: url('../images/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('../images/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('../images/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../images/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../images/fancybox-x.png'); } #fancy-bg-ne { top: -20px; right: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -162px; } #fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../images/fancybox-y.png'); background-position: -20px 0px; } #fancy-bg-se { bottom: -20px; right: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../images/fancybox-x.png'); background-position: 0px -20px; } #fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -142px; } #fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../images/fancybox-y.png'); } #fancy-bg-nw { top: -20px; left: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -122px; } /* IE */ #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_nw.png', sizingMethod='scale'); }