article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block;} audio,canvas,video { display: inline-block; *display: inline; *zoom: 1;} audio:not([controls]) { display: none; height: 0;} [hidden] { display: none;} html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html,button,input,select,textarea { font-family: sans-serif;} body { margin: 0;} a:focus { outline: thin dotted;} a:active,a:hover { outline: 0;} h1 { font-size: 2em; margin: 0.67em 0;} h2 { font-size: 1.5em; margin: 0.83em 0;} h3 { font-size: 1.17em; margin: 1em 0;}  h4 { font-size: 1em; margin: 1.33em 0;} h5 { font-size: 0.83em; margin: 1.67em 0;} h6 { font-size: 0.75em; margin: 2.33em 0;} abbr[title] { border-bottom: 1px dotted;} b,strong { font-weight: bold;} blockquote { margin: 1em 40px;} dfn { font-style: italic;} mark { background: #ff0; color: #000;} p,pre { margin: 1em 0;} code,kbd,pre,samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;} pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word;}  q { quotes: none;} q:before,q:after { content: ''; content: none;} small { font-size: 75%;} sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup { top: -0.5em;} sub { bottom: -0.25em;} dl,menu,ol,ul { margin: 1em 0;} dd { margin: 0 0 0 40px;} menu,ol,ul { padding: 0 0 0 40px;}  nav ul,nav ol { list-style: none; list-style-image: none;} img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden;} figure { margin: 0;}    form { margin: 0;} fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button,input,select,textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible;  } button[disabled],input[disabled] { cursor: default;} input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}textarea { overflow: auto; vertical-align: top; }table { border-collapse: collapse; border-spacing: 0;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin-ext,latin);

* {margin:0 auto; padding:0; border:0px solid red; font: 12px/20px 'Open Sans', Tahoma, Arial, sans-serif; font-weight: 400 } 
body:before {content:url(../images/sprite.png), url(../images/sld1.jpg), url(../images/sld2.jpg), url(../images/sld3.jpg), url(../images/sld4.jpg), url(../images/sld5.jpg); display: none}
/*Typography*/
hr {display:block;height:1px;border:0;/*border-top:1px solid #cccccc;*/margin:1em auto;padding:0;clear:both} 
h1 { font-size: 1.5em; color: #271312; text-transform: uppercase; font-weight: 600} 
h2 { font-size: 1.3em; color: #271312; text-transform: uppercase; font-weight: 600; margin: 1.6em 0 0.83em 0;} 
h3 { font-size: 1.2em; margin: 1em 0; text-transform: uppercase; font-weight: 400;} 
h4 { font-size: 1em; margin: 1.33em 0;} 
h5 { font-size: 0.83em; margin: 1.67em 0;} 
h6 {font-size: 0.75em;margin: 2.33em 0;} 
b,strong, .bold {font-weight: 600;} 
p{ margin: 1em 0;} 
a {text-decoration: none; }
section.content a {color: #0063a4}
section.content a:hover {color: #00497a}

input[type='text'], textarea {background: #f5f1ed;padding: 6px 10px;border-radius: 5px;border: 1px solid #ddcebd;font-weight: 300; width: 96%;}
#siimage {border-radius: 5px;border: 1px solid #ddcebd;}
.submit, input[type='submit'] {background: #f58b00; border-radius: 5px; border-bottom: 2px solid #bb5500; color: #6e3100 !important; padding: 3px 20px; margin-top: 5px;display: inline-block;float: right;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in; font-weight: 400; letter-spacing: 1px; text-shadow: 1px 1px 0px #f6b869; filter: dropshadow(color=#f6b869, offx=1, offy=1);}
.submit:hover, input[type='submit']:hover {border-bottom: 2px solid #bb5500; background: #bb5500; color: #fff !important; text-shadow: 1px 1px 0px #723300; filter: dropshadow(color=#723300, offx=1, offy=1);}

/*classes*/
.inner {width: 960px}
.w450 {width: 455px}
.w250 {width: 250px}
.w340 {width: 340px; padding-right: 10px}
.w530 {width: 510px; margin: 0; background: url(../images/border.png) right top repeat-y; padding-right: 30px}
.w230 {width: 230px; }
.w650 {width: 630px; margin: 0; background: url(../images/border.png) right top repeat-y; padding-right: 20px}
.w650n {width: 640px; margin: 0; }
.error {color: #d11349; width: 96%; border: 1px solid #d11349; padding: 6px 2%}
.ok {color: #008261; width: 96%; border: 1px solid #008261; padding: 6px 2%}
.rej_err {color: #d11349; font-weight: 400; margin-top: 5px}

.left{float: left !important; overflow: hidden}
.right {float: right !important; overflow: hidden}
.t_left {text-align: left}
.t_right {text-align: right}
.center {text-align: center}
.last{margin-right: 0}
.clear{clear: both}
.small {font-size: 11px; text-transform: none; font-style: italic;}

header {background: url(../images/menu_top.png) left top repeat-x, url(../images/menu_bg.png); height: 100px; width: 100%}

header nav {text-align: center}
header nav a {display: inline-block;margin: 40px 0;padding: 0 20px; text-align: center; background: url(../images/separator.jpg) left top repeat-y}
header nav a:nth-child(1) {background: none}
header nav a span {font-size: 12px; text-transform: none; color: #fff; font-weight: 300}
header nav a span.menu_h {text-transform: uppercase; color: #fff; font-size: 16px; font-family: 'Open Sans', serif; font-weight: 600; -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}

header nav a span.menu_h:hover {color: #ffd301}

section.top {background: url(../images/sn1inner_bg.png) no-repeat center top, url(../images/sn1_bg.png) repeat-x; height: 134px; }
	#logo {background: url(../images/sprite.png) 0px -80px no-repeat; height: 73px; width: 347px; position: relative; top: 35px; margin: 0; display: block}
	section.top input {background: url(../images/sprite.png) 45px -296px #E6DFD7; padding: 5px 10px;margin: 2em 0; border-radius: 5px; border: 1px solid #351412; font-weight: 300; width: 164px}
	section.top select {background: url(../images/sprite.png) -250px 3px no-repeat, url(../images/sprite.png) -60px 0 no-repeat #B4ACA8;color: #FFF;width: 184px;height: 28px;padding: 4px 10px 4px 45px;border-radius: 5px;margin-top: 35px;-webkit-appearance: none;border: 1px solid #351412; font-weight: 300}

section.slider, section.slide {background: #e6dfd7; border-bottom: 1px solid #d4cdc5}
section.slider .inner {height: 385px;}
section.slider nav {position: relative;top: -210px; z-index: 100; margin-top: -35px;}
section.slider #opis {width: 815px}
#carousel {width:960px;height:300px;position:relative;clear:both;overflow:hidden;}
#carousel img {visibility:hidden; cursor:pointer; border-radius: 300px; border: 3px solid #fff}
#prev {width: 21px; height: 40px; margin-left: 50px; background: url(../images/sprite.png) 0px 0px no-repeat; display: block; float: left}
#next {width: 21px; height: 40px; margin-right: 50px; background: url(../images/sprite.png) -32px 0px no-repeat; display: block; float: right}
#opis h1{margin-top: 10px}

section.slide .inner, section.slide {height: 200px}
section.slide h1 {color: #fff;padding: 40px;font-weight: 800;font-size: 2em;text-align: right;text-shadow: 1px 1px 1px #FFF;filter: dropshadow(color=#fff, offx=1, offy=1); margin: 0 }
section.slide p {color: #fff; width: 50%;float: right;margin: 0px 40px;text-align: right; text-shadow: 1px 1px 1px #fff; filter: dropshadow(color=#fff, offx=1, offy=1); }

section.content {background: #e6dfd7;}
section.content .inner {background: url(../images/content_shade.png) center top no-repeat, url(../images/content_shade2.png) center bottom no-repeat #f5f0ec; margin: 0 auto; padding: 15px 20px 15px; width: 920px}
	section.content article {margin-bottom: 50px}
	section.content h2 {background: url(../images/sprite.png) 0px -40px no-repeat; padding-left: 30px; }
	
	.produkty aside {float: right; width: 310px;margin-right: -35px;margin-top: 20px;}
	.produkty aside a {display: block; position: relative;border-radius: 300px; border: 3px solid #c6a27b; font-weight: 700; text-transform: uppercase; color: #fff; text-align: center; font-size: 20px; text-shadow: 2px 1px 0px #7c4226; filter: dropshadow(color=#7c4226, offx=1, offy=2);}
	
	.produkty aside #wzory_outer {background: url(../images/wzory_bg.png) no-repeat; width: 176px; height: 181px; left: -100px; top:-20px; position: relative;  z-index: 5;margin-left: 102px;}
	.produkty aside a#wzory {background: url(../images/sprite.png) -140px -160px no-repeat;  height: 90px; width: 160px;padding-top: 70px; -webkit-transition: opacity 0.2s ease-in;-moz-transition: opacity 0.2s ease-in;-o-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;}
	.produkty aside a#wzory:hover {background: url(../images/sprite.png) -140px -160px no-repeat; opacity: 0.9; color: #fff}
	.produkty aside a#wzory:hover:after {content: "kliknij, aby zobaczyć"; font-size: 12px; text-transform: none; font-weight: 300; text-shadow: 1px 1px 0px #7c4226; filter: dropshadow(color=#7c4226, offx=1, offy=1); position: relative; top:-5px}
	
	.produkty aside #kolory_outer {background: url(../images/kolory_bg.png) no-repeat; width: 144px; height: 150px; margin-top: -120px; left: 20px; top: -10px;position: relative; z-index: 1;margin-left: 110px;}
	.produkty aside a#kolory {background: url(../images/sprite.png) 0px -160px no-repeat;  height: 75px; width: 130px; position: relative;  padding-top: 55px;  -webkit-transition: opacity 0.2s ease-in;-moz-transition: opacity 0.2s ease-in;-o-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;}
	.produkty aside a#kolory:hover {background: url(../images/sprite.png) 0px -160px no-repeat; opacity: 0.9; color: #fff}
	.produkty aside a#kolory:hover:after {content: "kliknij, aby zobaczyć"; font-size: 12px; text-transform: none; font-weight: 300; text-shadow: 1px 1px 0px #7c4226; filter: dropshadow(color=#7c4226, offx=1, offy=1); position: relative; top:-5px}
	
	section.content .news aside {text-align: center; float: left; color: #e16500; font-weight: 400; padding: 0 15px 0 0}
	section.content .news aside b {font-size: 1.17em}
	section.content .news h3 {margin: 1em 0 0 0; font-weight: 600}
	section.content .news p {margin:0;}
	
	section.content .wzornik_outer, section.content .wzornik_outer_m{border-radius: 10px;background: #BDA68D;height: 216px;width: 348px;border-top: 2px solid #F5F0EC; margin-top: 1.16em}
	section.content .wzornik, section.content .wzornik_m {background:url(../images/wzornik_bg.png) repeat-x; height: 204px; width: 300px; clear: both; margin: 0; position: relative; top: -1px; border: 5px solid #e2ceb4; padding: 0 5%; border-radius: 10px; }
	section.content .wzornik aside {background: url(../images/sprite.png) -320px -160px no-repeat; float: right; width: 150px; height: 115px }
	section.content .wzornik h2, section.content .wzornik_m h2{background: url(../images/sprite.png) no-repeat 0px -60px;}
	section.content .wzornik .submit {float: left; margin-top: -5px;}
	
	section.content .kontakt article {width: 250px; margin-left: 0px}
	section.content .kontakt:nth-child(2) article {width: 95%;}
	
	section.content .wzornik_outer_m {width: 245px; height: 186px; margin-top: 20px; margin-left: 0;}
	section.content .wzornik_m {width: 208px; height: 174px}
	section.content .wzornik_m aside {background: url(../images/wzornik_m.png) no-repeat; float: right; width: 90px; height: 67px }

section.bottom {background: url(../images/bottom.png); overflow: hidden}
	section.bottom .inner {padding: 20px 10px 10px; overflow: hidden}
	section.bottom article {width: 300px; color: #fff}
	section.bottom article.right {width: 350px}
	.bottom a {color: #fbc901}
	iframe {display: block; width: 344px; height: 150px; border: 3px solid #fff; border-radius: 10px}
	h1#firstHeading  {font-size: 15px}
	h1#firstHeading a {font-size: 12px; text-transform: lowercase; font-family: Arial; color: #0063A4;}
	#map {display: block; width: 100%; height: 300px; border: 3px solid #fff; border-radius: 10px; clear: both}

footer {background: url(../images/footer.png) repeat-x; height: 57px}
footer p {color: #a39998; padding: 23px 0; margin: 0; font-weight: 300}
footer a {color: #9c7a13}

div#oferta img {margin: 0 10px 10px 0; border: 3px solid #d4b58a; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); width: 144px; height: 144px}
div#oferta a{display: inline-block;font-size: 10px;overflow: hidden;position: relative;text-align: center;}
div#oferta a span {background-color: #D4B58A;padding: 5px 0; font-weight: 600;color: #452827;position: absolute;width: 93%;bottom: 18px; left: 0}
.oferta_menu {width: 250px; overflow: visible; float: left}
.oferta_menu h4 { font-size: 1.3em; color: #271312; text-transform: uppercase; font-weight: 600; margin: 1.6em 0 0.83em 0; padding: 4px 0 4px 30px; position: relative; left: -30px; border-radius: 5px; background:url(../images/glare.png) no-repeat left top #f58b00; width: 200px; border-bottom: 3px solid #e16500; top:-4px} 
a.pokaz_wiecej {width: 97%; background: #E6DFD7; display: block; padding: 4px; text-align: center; border: 1px solid #d0c4b6}
div.wzory > span {display: block; margin: 0 10px 10px 0; border: 3px solid #d4b58a; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);  width: 84px; height: 84px; float: left;}
.clip {clip: rect(0px,84px,84px,0px);  position:absolute;}
input[type=checkbox].css-checkbox {position: absolute; overflow: hidden; clip: rect(0 0 0 0);height:1px; width:1px; margin:-1px; padding:0;border:0;}
input[type=checkbox].css-checkbox + label.css-label {padding-left:20px;height:15px; display:inline-block;line-height:15px;background-repeat:no-repeat;background-position: 0 0;vertical-align:middle;cursor:pointer;display: block; margin-bottom: 5px}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -15px;}
.css-label{background-image:url(../images/lite-orange-check.png);}
.zamow_wzornik input {margin-bottom: 5px}
.zamow_wzornik h1 {padding: 15px 0 10px 0;}
label#lab_all, label#lab_one, label#lab_dif  {float: left; overflow: hidden; border: 3px solid #D4B58A;  height: 120px; width: 140px; margin: 0; position: relative; border: 3px solid #D4B58A;margin: 10px 30px 10px 30px; cursor: pointer}
label#lab_all span, label#lab_one span, label#lab_dif span {text-align: center; background: #D4B58A; position: relative; bottom: 0; width: 100%; display: inline-block; padding: 5px 0;margin-top: 90px;}
#formularz input {margin: 2px 5px}
#formularz label {margin: 2px 15px 2px 0; width: 135px;display: inline-block;}
input#all, input#one, input#dif {display: none}
label#lab_all {display: block; background: url(../images/zamow1.jpg) no-repeat;  }
label#lab_one {display: block; background: url(../images/zamow3.jpg) no-repeat;  }
label#lab_dif {display: block; background: url(../images/zamow2.jpg) no-repeat;  }

.atest {clear: both; margin-bottom: 10px}
.atest a {float: left; padding-right: 20px}
.atest a img {border: 1px solid #D4B58A}
.atest h3 {padding: 20px 0 0; font-weight: 700}
.atest ul {padding: 0 0 0 160px;}



nav.oferta a {display: block; margin-bottom: 5px; text-transform: uppercase; color: #271312; font-weight: 600}
section.content .przepisy h2 {background: url(../images/przepisy.png) no-repeat; width: 245px; text-align: center; padding: 19px 30px; margin:0 }
/*mobile*/
@media screen and (max-width: 800px) {
	.inner {width: 92% !important}
	#carousel, section.slider #opis  {width: 100%}
	header nav a {padding: 0 11px;}
	.w650 {width: 450px;}
	.w650n {width: 480px;}
	.w530 {width: 460px;}
	.w340 {width: 230px;}
	.wzornik_outer .wzornik aside {display: none}
	.wzornik_outer .wzornik {width: 200px !important;}
	.wzornik_outer {width: 237px !important;}
	.wzornik h2 {height: 30px;}
	section.bottom article {width: 200px; margin-right: 5px}
	section.bottom article.right {width: 300px}
	section.bottom article.right #map-canvas {width: 294px}
	section.bottom {background: #392524}
	label#lab_all, label#lab_one, label#lab_dif {margin: 10px 10px 10px 0px; height: 110px;width: 130px;}
	.kontakt {width: 350px;}
	section.content article {margin-bottom: 15px;}
	.oferta_menu {width: 240px;}
	.w650n {width: 445px;}
}

@media screen and (max-width: 640px) {
	.inner {width: 92% !important}
	section.top select  {width: 100px;}
	#carousel, section.slider #opis, .oferta_menu  {width: 100%}
	header nav a {padding: 0 5px 0 10px}
	header nav a span {display: none}
	header nav a span.menu_h {display: inline-block !important; font-size: 14px; }
	header{height: 80px;}
	#next, #prev {margin-right: 0px; margin-left: 0px;}
	.w530, .w340, .w650, .w250, .w650n{padding: 0; background: none; width: 100%}
	.oferta_menu h4 {clear: both; position: relative; top: 5px; }
	.w250 div, .w250 article {width: 49%; margin: 0; float: right}
	.w250 article {float: left}
	.wzornik_outer {background: none; width: 100% !important}
	.wzornik_outer .wzornik {width: 87.7% !important}
	.wzornik aside {display: inline-block !important}
	.wzornik h2 {height: 20px}
	section.bottom article {width: 49%; margin-right: 5px; margin-bottom: 20px}
	section.bottom article.right  {width: 100%}
	section.bottom article.right #map-canvas {width: 98%}
	section.content .kontakt article {width: 100%; margin: 0}
	.oferta_zam {display: none}
	input[type=checkbox].css-checkbox + label.css-label  {float: left;width: 70px;}
	section.slide p {margin: 1em 2em 2em;}
}

@media screen and (max-width: 480px) {
	.inner {width: 90% !important}
	section.slider {display: none}
	#logo {background: url(../images/sprite.png) 0px -60px no-repeat;background-size: 200%;height: 63px;width: 280px;}
	section.top select  {width: 100px;}
	header {height: 100%;}
	header nav a {padding: 0 30px 0 30px;margin: 20px 0 10px;}
	section.slide {display: none}
	.w250 div, .w250 article {width: 92%; margin: 0; float: none}
}


@media screen and (max-width: 320px) {
	.inner {width: 270px !important}
}

.cc-cookies { position:fixed; width: 90%; left: 0; top: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }
@media screen and (max-width: 768px) {.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }}
@media screen and (max-width: 480px) {.cc-cookies { position: relative; float: left; }}

/* The gallery overlay */

img.right {margin: 0 10px 0 10px; border: 3px solid #C6A27B; display: block;  width: 150px; height: 150px;}

#galleryOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	z-index:100000;
	background-color:#222;
	background-color:rgba(0,0,0,0.8);
	overflow:hidden;
	display:none;
	
	-moz-transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}

/* This class will trigger the animation */

#galleryOverlay.visible{
	opacity:1;
}

#gallerySlider{
	height:100%;
	
	left:0;
	top:0;
	
	width:100%;
	white-space: nowrap;
	position:absolute;
	
	-moz-transition:left 0.4s ease;
	-webkit-transition:left 0.4s ease;
	transition:left 0.4s ease;
}

#gallerySlider .placeholder{
	background: url("preloader.gif") no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width:100%;
	display:inline-block;
}

/* The before element moves the
 * image halfway from the top */

#gallerySlider .placeholder:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right:-1px;
}

#gallerySlider .placeholder img{
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}

#gallerySlider.rightSpring{
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring{
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url('arrows.png') no-repeat;
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	
	top:50%;
	margin-top:-29px;
	
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}

#prevArrow{
	background-position:left top;
	left:40px;
}

#nextArrow{
	background-position:right top;
	right:40px;
}