/* =CrimsonOak main style sheet    Last Update: 20.04.2009    XHTML/CSS/JS by Bartek Stańkowski		Very Little Aand Hardly Noticeable Update: 24.03.2009 by Sopel   ----------------------------------------------------*//* =Reset   ----------------------------------------------------*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q,strong, sub, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {    margin: 0;    padding: 0;    border: 0;    outline: 0;    font-size: 100%;    vertical-align: baseline;    background: transparent;}body { line-height: 1; }a { text-decoration: none; outline: none; }blockquote, q { quotes: none;}ins { text-decoration: none; }del { text-decoration: line-through; }table { border-collapse: collapse; border-spacing: 0; }ul li { list-style-type: none; }legend { display: none; }/* =Globals   ----------------------------------------------------*/body {    font: small/1.15 Verdana, Arial, sans-serif;    color: #333;    background-color: #e5dfcf;}p, ul, ol, dl {    margin-bottom: 1em;}p { line-height: 1.25; }dt, dd, li { margin-bottom: 3px; }a, a:link { color: #97282e; text-decoration: underline; }a:visited { color: #97282e; }a:hover, a:focus, a:active { text-decoration: none; }input, textarea {    font: 1em Verdana, Arial, sans-serif;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;}input:focus,textarea:focus { outline: none }h2, h3, h4 {    margin: 0 0 1em;    color: #665F4D;}h2 { font-size: 140%; }h3 {     margin-bottom: .5em;    font-size: 130%; }input.submit { 	width: 123px;    height: 30px;    margin-top: 15px;    border: none;    background: transparent url(../i/submit2.png) 0 0 no-repeat;    cursor: pointer;    color: #fff;	font-size: 1.1em;}input.submit:hover,input.submit:focus {    background-position: 0 -30px;}.ajax-loader,.ajax-loader div {	width: 28px;    height: 28px;}div.submitwrap .ajax-loader {	margin: 12px 10px 0 0;    padding: 2px;    background-color: #E8E2D2;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    background: url(../i/loaderbg.gif) 0 0 no-repeat;;}#inner .ajax-loader {    position: absolute;    top: 205px;    left: 415px;    padding: 2px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    background: url(../i/loaderbg.gif) 0 0 no-repeat;;}#footer div.submitwrap .ajax-loader { margin-top: 14px; }.ajax-loader div { background: transparent url(../i/ajax-loader2.gif) 50% 50% no-repeat; }.error { color: #BC282E;font-weight:bold }.success { color:#000;font-weight:bold }.message.success { margin-top: 0; }.message {    margin: 14px 0 5px 0;    padding: 5px 7px;    line-height: 20px;    background-color: #E8E2D2;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;}#newsletter .message { margin-right: 10px; }.new-msg {	clear: both;    padding-top: 10px;}.new-msg li {    padding-left: 15px;    list-style: disc inside;}#newsletter .new-msg { margin-top: 10px; }/* =Layout   ----------------------------------------------------*/   #outer { background: transparent url(../i/bodystripes.jpg) left bottom repeat-x; }#wrap {	position: relative;    width: 990px;	margin: 0 auto;    padding-top: 295px;    background: transparent url(../i/top.jpg) center top no-repeat;}#top {    width: 806px;	height: 205px;    margin: -5px auto 15px;	overflow: hidden;}#content {    width: 895px;    margin: 0 0 0 53px;    padding-top: 13px;    background: transparent url(../i/contenttop.jpg) 0 0 no-repeat;}#footer-wrap {    margin: 0 auto;	border-top: 1px solid #CEC3A8;	overflow: hidden;    background: #C8BEA3 url(../i/footerbg.jpg) 0 0 repeat-x;}#footer .vcard {    clear: both;    width: 895px;    margin: 0 auto;    text-align: center;}/* =Top   ----------------------------------------------------*/h1 {	position: relative;	width: 209px;	height: 80px;	margin-top: 20px;	line-height: 125px;}h1 span {    position: absolute;    top: 0;    left: 0;	display: block;    width: 209px;    height: 80px;    background: transparent url(../i/oaklogo1.png) 0 0 no-repeat;}#top div {	float: right;	height: 205px;}/* about */#about {	width: 255px;	margin-top: -5px;	padding-left: 20px;	background: transparent url(../i/top-border.jpg) left center no-repeat;	text-align: right;}#about dl { 	width: 211px;	margin: 10px 0 0;	overflow: hidden;	font-size: 110%;    width: 235px;}#about dt,#about dd {	float: left;	margin-bottom: 5px;	line-height: 1.5em;}#about dt {	clear: both;	width: 50px;	padding-left: 23px;	color: #383838;	text-align: left;}dt#phone,dt#info { background: transparent url(../i/phone.jpg) 0 50% no-repeat; }dt#email { background: transparent url(../i/mail.jpg) 0 50% no-repeat; }  #about dd {	width: 135px;	font-weight: bold;	font-style: italic;	font-family: "Trebuchet MS";    width: 150px;}#about dd.infolinia { width: 140px }#about a {	text-decoration: none;	color: #333;}#about a:hover,#about a:focus {     border-bottom: 1px solid #333; }#about p { text-align: right; }#about p a { margin-right: 30px; }  #contact #about p a{ display: none; }   #flags {	position: absolute;	top: 0;	right: 85px;	width: 65px;	height: 30px;	padding:  4px 7px 0;	background: transparent url(../i/flags-bg.gif) 0 0 no-repeat;	z-index: 1000;}#flags a { 	float: left;	display: block;	width: 30px;	height: 22px;	opacity: .6 }#flags a#pl { margin-right: 4px; }#flags a.active, #flags a:hover, #flags a:focus { opacity: 1 }   /* promotion */#promotion {    position: relative;	width: 516px;    margin: 15px 0 0 5px;}div#promo-dls {    position: relative;    width: 516px;	height: 170px;	margin-top: 25px;	overflow: hidden;}#promotion dl {     position: absolute;    top: 0;    left: 0;    margin: 0;    overflow: hidden;}#promotion dt {	float: right;	width: 375px;	margin: 0 0 4px 15px;	font-size: 140%;	width: 205px;}#promotion dt.smaller-font { font-size: 130%; }#promotion dd {	float: right;	clear: right;	width: 375px;	width: 205px;}#promotion dd.img {	float: left;	clear: none;	width: 287px;}  div#promo-dls dl { margin-left: 8px; }#promo-dls dd { background-color: #EAE4D6; }#promo-dls dt { background-color: #E7E1D3; }#promo-dls dl a,#promo-dls dl a:link,#promo-dls dl a:visited,#promo-dls dl a:hover,#promo-dls dl a:focus,#promo-dls dl a:active {	color: #333;	text-decoration: none;} #top #promo-pager {	position: absolute;    bottom: 20px;    right: 20px;    height: 21px;    margin-bottom: 0;    overflow: hidden;    z-index: 100;}#promo-pager a {	float: left;    display: block;    width: 21px;    height: 21px;    background: transparent url(../i/dot.jpg) 0 0 no-repeat;    text-indent: -1000em;}#promo-pager a.activeSlide { background-image: url(../i/adot.jpg); }/* =Content   ----------------------------------------------------*/div#inner {    width: 783px;    min-height: 435px;    padding: 0 50px 0 62px;	background: transparent url(../i/contentbg.png) 0 0 repeat-y;    overflow: hidden;}#inner.ajax { position: relative; }#catalog {	width: 775px;    min-height: 434px;    margin: 0;    padding-left: 0}#catalog a {    position: relative;    float: left;	display: block;    width: 257px;    height: 144px;    margin: 0 1px 1px 0;    font-size: 1em;	text-transform: uppercase;    color: #333;    text-decoration: none;    line-height: 39px;    background-color: transparent;	background-repeat: no-repeat;	background-position: 0 0;}#catalog #samochody { background-image: url(../i/kategorie/audi.jpg); }#catalog #wydruki { background-image: url(../i/kategorie/billboard.jpg); }#catalog #internet { background-image: url(../i/kategorie/notebook.jpg); }#catalog #reklama { background-image: url(../i/kategorie/cd.jpg); }#catalog #wiz3d { background-image: url(../i/kategorie/wiz3d.jpg); }   #catalog #mailing { background-image: url(../i/kategorie/mailing.jpg); }   #catalog #sesje { background-image: url(../i/kategorie/sesje.jpg); }   #catalog #imprezy { background-image: url(../i/kategorie/imprezy.jpg); }#catalog #poligrafia { background-image: url(../i/kategorie/poligrafia.jpg); }#catalog a span {	position: absolute;    bottom: 1px;    right: 10px;	width: 100%;	text-align: right;}#content-bottom {	height: 30px;    background: transparent url(../i/contentbottom.png) left bottom no-repeat;}  /*    portfolio*/#portfolio { overflow: hidden; }#header-wrap {	overflow: hidden;    float: left;    width: 775px;    margin-bottom: 1.5em;    padding-bottom: 10px;    background: #E8E2D2 url(../i/categoriesbottom.jpg) left bottom no-repeat;}#header-wrap h2 {    padding: 10px 10px 0;	margin-bottom: 0;    background: transparent url(../i/categoriestop.jpg) 0 0 no-repeat;	border-bottom: none;}#header-wrap span { margin-right: 5px; }#categories-select {	position: absolute;    top: 7px;    right: 69px;    width: 18em;    height: 1.2em;    padding: 5px 9px;    overflow: hidden;    background-color: #EEEADE;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    height: auto;}#categories-select ul {	margin: 10px 0 0;    display: none;}#categories-select h5, #categories-select li { padding: 0 4px 2px; }#categories-select h5 {    position: relative;	padding: 0 4px 1px;    font-weight: bold;    cursor: pointer;}#categories-select h5 span {    position: absolute;    top: 3px;    right: 0;	display: block;    width: 10px;    height: 10px;    background: transparent url(../i/selectbg.gif) 0 -11px no-repeat;}#categories-select.hover h5 span {	background-position: 0 0;    background: none;}#categories-select ul li {	list-style: disc inside;    font-size: 75%;}#categories-select ul li a:link,#categories-select ul li a:visited {    text-decoration: none;	font-size: 130%;}#categories-select ul li a:hover, #categories-select ul li a:focus { text-decoration: underline; }#preview {    float: left;    width: 775px;    margin-bottom: 1em;    background: transparent url(../i/categoriescenter.jpg) left top repeat-y;    overflow: hidden;}#preview #preview-inner {    min-height: 400px;    padding: 10px 0 0;    background: transparent url(../i/categoriestop.jpg) left top no-repeat;}div.galleria_container {    height: 500px;    margin: 0 auto;    text-align: center;}#main-img {     height: 500px; 	background: transparent url(../i/ajax-loader.gif) 50% 50% no-repeat;}#main-img .caption { display: none; }#c-wydruki-wielkoformatowe div.galleria_container,#c-wydruki-wielkoformatowe #main-img { height: 400px; }#content ul.gallery {    width: 775px;	height: 86px;    margin: 0 auto;    list-style: none;    background: #E7E1D1;    overflow: hidden;}.hasJS #content ul.gallery li.loaded { background-image: none; }.hasJS #content ul.gallery li img { display: none; }.gallery li {    float: left;    width: 80px;    height: 80px;    border: 3px double #afafaf;    margin: 0;     overflow: hidden;}ul..galleria { height: 86px; }.galleria li { background: transparent url(../i/ajax-loader2.gif) 50% 50% no-repeat; }.galleria li img { cursor:pointer; }#main-img { height: 500px; }.gallery_container { position: relative; }div.galleria_wrapper {    position: relative;	margin: 0 auto;}div.galleria_wrapper div {	position: absolute;    bottom: 0;    left: 0;    padding: 15px;}div.galleria_wrapper div.description {      position: relative;    bottom: 2px;	width: 100%;    padding: 0;    text-align: left;}div.desc {     position: absolute;    bottom: 0;    left: 0;    color: #fff; }span.desc-link a:link,span.desc-link a:visited,span.desc-link a:hover,span.desc-link a:focus,span.desc-link a:active {	text-decoration: none;	color: #fff;}body#c-mailing .desc strong { margin-left: 30px; }li div.desc { display: none; }div.galleria_wrapper div.desc-bg {    position: absolute;	width: 100%;    padding: 0;    background-color: #000;    opacity: .8; }.galleria_wrapper #prev-img,.galleria_wrapper #next-img {	position: absolute;	top: 0;	width: 380px;	padding: 0;	cursor: pointer;}.galleria_wrapper #prev-img {	left: 0;	background: transparent url(../i/previmg.png) 0 50% no-repeat;}.galleria_wrapper #next-img {	left: 380px;	background: transparent url(../i/nextimg.png) 100% 50% no-repeat;}#preview .desc strong { margin-left: 40px; }#preview .desc strong.firstStrong,.mailing #preview .desc strong.firstStrong {	margin-left: 0;}.mailing #preview .desc strong { margin-left: 30px; }#c-wydruki-wielkoformatowe .desc strong { margin-left: 25px; }div.desc ul li {	float: none;    clear: both;    margin-left: 10px;    list-style-type: disc;}div.desc p { margin-bottom: 0; }#back-home {    clear: both;	display: block;	width: 172px;	height: 30px;	margin: 0 auto;	line-height: 30px;	color: #fff;	text-align: center;	text-decoration: none;	background: #A71820 url(../i/backButton.jpg) 0 0 no-repeat;}#back-home:hover, #back-home:focus { background-position: 0 -30px; }div.back-home {	clear: both;	margin-top: 3em;	background-color: #fff;	text-align: center;	background: #fff url(../i/backBottom.gif) left bottom no-repeat;}div.back-home a {	color: #666;	text-decoration: none;	font-weight: bold;	font-size: 1.15em;}div.back-home a:hover,div.back-home a:focus,div.back-home a:active {	color: #97282e;	border-bottom: 1px solid #97282e;}div .back-home p {	margin-bottom: 0;	padding: 9px;	background: transparent url(../i/backTop.gif) left top no-repeat;}/*  contact */
#contact-msg{
	margin: 20px 10px;
}#contact-form { margin-top: 1.7em; }#contact-wrap h2 { margin-top: 1.5em; }
  #contact-form div {	margin-bottom: 8px;    overflow: hidden;}   #contact-form label {    float: left;	display: block;    width: 130px;}#contact-form div input {	float: left;    width: 220px;}#contact-form div textarea,#contact-form div input {    padding: 3px;    border: 1px solid #C6C1B3;    background-color: #FAFAF7;}#contact-form div textarea { width: 335px; }#contact-form div textarea:focus,#contact-form div input:focus,#contact-form div input.form-focus,#contact-form div textarea.form-focus {	border-color: #afafaf;    background-color: #fff;}#contact-form input.submit {	margin-top: 1em;	padding-bottom: 3px;    width: 123px;    border: none;}#contact-sidebar {	float: right;	width: 245px;    margin-top: -2.2em;    padding: 2.2em 10px 10px 20px;    background: transparent url(../i/top-border.jpg) left top repeat-y; }#contact-sidebar dl { overflow: hidden; }#contact-sidebar dt {    float: left;    clear: both;	width: 60px;	font-weight: bold;}#contact-sidebar dd {	width: 185px;	float: right;	text-align: right;}#contact-sidebar dt, #contact-sidebar dd { margin-bottom: 5px; }#contact-sidebar #contact-info dt { width: 90px; }#contact-sidebar #contact-info dd { width: 155px; }#contact-sidebar #contact-info dd#address-line { width: 100%; }#contact-sidebar dt.fn { display: none; }#contact-sidebar a {	text-decoration: none;    color: #333;}#contact-sidebar a:hover, #contact-sidebar a:focus { border-bottom: 1px solid #333; }#contact-sidebar h5 {    clear: both;    margin-bottom: 9px;    padding-bottom: 1px;	font-size: 110%;    border-bottom: 1px solid #AFAFAF;}#contact-sidebar h6 {    margin-bottom: 8px;	font-size: 100%;    color: #665F4D;}#contact-us dl { color: #665F4D; }#contact-form div.submitwrap { margin-bottom: 0; }#inner #contact-form div.ajax-loader {    position: static;    margin-left: 10px;     margin-bottom: 0;}#contact-form .submitwrap .submit {     padding-top: 0;    margin-right: 10px;}

.kontakt {	width: 763px; height:278px;    background: url(../i/white.png) center top no-repeat;	position: relative;	margin: 10px 0 20px 5px;}.kontakt a {	color:black;	text-decoration:none;}.kontakt a:hover {	text-decoration:underline;}.kontakt1 {	position: absolute;	top:15px; left:15px;}.kontakt2 {	position: absolute;	top:34px; left:215px;}.kontakt3 {	position: absolute;	top:34px; left:405px;}.kontakt4 {	position: absolute;	top:34px; left:590px;}.kontaktb {	font-weight:bold;	position: relative;	margin: 10px 0 0 0;}.kontaktp {	font-weight:bold;	position: relative;	margin: 0 0 -2px 0;}.kontaktk {	font-weight:bold;	color:#96272d;	position: relative;	margin: 10px 0 2px 0;}.kontakt-onas {	position: absolute;	margin: 15px 0 15px 0;}ul {	position: relative;	margin: 15px 0 0 0;}li {	font-size:13px;	line-height:16px;}h5 {    color: #cec2aa;	font-size: 130%;	font-weight:bold;}/* =Footer   ----------------------------------------------------*/#footer-wrap div { float: left; }div#footer {    float: none;    width: 1000px;	margin: 0 auto;    padding: 1em 0 25px;    color: #665F4D;    overflow: hidden;}#clients-logos {    position: relative;	width: 508px;	min-height: 240px;    margin-left: 118px;    padding-right: 5px;	overflow: hidden;	background: transparent url(../i/footer-border.jpg) right center no-repeat;} #clients-logos ul {    position: relative;    width: 508px;	height: 186px;    margin: 0;	overflow: hidden;    list-style-type: none;}#clients-logos li { 	float: left;	width: 125px;	height: 60px;    margin: 0 2px 2px 0;    background: #DDD6C1 url(../i/ajax-loader3.gif) 50% 50% no-repeat;    opacity: 0.7;}div#logos-pager {	clear: both;    margin: 5px auto;    text-align: center;}#logos-pager a {	float: left;    display: block;    width: 21px;    height: 21px;    background: transparent url(../i/logospager.jpg) 0 0 no-repeat;    text-indent: -1000em;}#logos-pager a.activeSlide { background-image: url(../i/logosactive.jpg); }#newsletter {    float: left;	width: 245px;    padding-left: 22px;}#newsletter-email {	background: none;    border: none;}#newsletter .itext-wrap {	width: 218px;    height: 33px;    line-height: 33px;    padding: 3px 10px 0;    background: transparent url(../i/itext2.png) 0 0 no-repeat;    line-height: 30px;    opacity: .8;}#footer-wrap #logos-wrap {	float: none;    width: 506px;    height: 186px;}#newsletter .itext-wrap input {	width: 215px;    font-size: 1em;}#newsletter input.submit {     float: right;     margin-right: 7px;}#newsletter form { overflow: hidden; margin-bottom:15px;}#footer-wrap div.submitwrap {  float: right; }#footer-wrap .submitwrap .success {	width: 90%;    float: none;}#footer-wrap .new-msg {    padding-right: 5px;	text-align: right;}#newsletter  h2 { margin-bottom: 11px; }/* =404   ----------------------------------------------------*/   html, body { height: 100%; }#p404 h2 { font-size: 160%; }#p404 ul li {	margin-bottom: 5px;	font-size: 110%;	list-style: disc inside;	}#p404 {	height: 386px;	padding: 20px 0 0 430px;	background: transparent url(../i/404bg.jpg) 0 50% no-repeat;}#p404 a,#p404 a:link {	text-decoration: none;	border-bottom: 1px solid #97282e;	text-transform: lowercase;}#p404 a:visited {	color: #4D0A0D;	border-color: #4D0A0D;}#p404 a:hover,#p404 a:hover {	border-bottom: none;}#contact-form div.temp-wrap {	padding: 0;    margin: 0;}a#top-link {	display: block;    position: absolute;    top: 0;    left: 50%;    width: 990px;    height: 290px;    margin-left: -495px;}/* jCarousel */.jcarousel-container { position: relative; height: 86px;}.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }.jcarousel-list li, .jcarousel-item { float: left; list-style: none; }.jcarousel-next { z-index: 3; display: none; }.jcarousel-prev { z-index: 3; display: none; }.jcarousel-skin-tango .jcarousel-container-horizontal { width: 678px; padding: 20px 40px; }.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 662px; height: 86px; margin: 0 auto; }.jcarousel-skin-tango .jcarousel-item { width: 80px; height: 80px; }.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; }.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../jcarousel/skins/tango/next-horizontal.png) no-repeat 0 0; }.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; }.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; }.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../jcarousel/skins/tango/prev-horizontal.png) no-repeat 0 0; }.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; }.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }div.jcarousel-skin-tango { background: #E8E2D2 url(../i/categoriesbottom.jpg) left bottom no-repeat; }.jcarousel-container.jcarousel-container-horizontal {width: 680px; }


