/*!
 * Project:   GLASSMOZAIC
 * Date:      2011/09/06
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { height: 100%; overflow-y: scroll; font-size: 100.01%; }
body { height: 100%; background: #fff; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #a3a3a3; font-family: Trebuchet MS,Helvetica Neue,Helvetica,Arial,sans-serif; line-height: 1.5; }
li, dt, dd, p, figure, th, td, caption, pre { font-size: 1.2em; } /*---*/ li *, li p, li li, dt *, dd *, p *, figure *, th *, td * { font-size: 1em; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*! fonts -------- */

@font-face { font-family: 'AdventBd'; src: url('../fonts/advent-bd1-webfont.eot'); src: local('☺'), url('../fonts/advent-bd1-webfont.woff') format('woff'), url('../fonts/advent-bd1-webfont.ttf') format('truetype'), url('../fonts/advent-bd1-webfont.svg#adventBold1') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GaletteMdm'; src: url('../fonts/galette-med-webfont.eot'); src: local('☺'), url('../fonts/galette-med-webfont.woff') format('woff'),  url('../fonts/galette-med-webfont.ttf') format('truetype'), url('../fonts/galette-med-webfont.svg#GaletteMedium') format('svg'); font-weight: normal; font-style: normal; }

/*! layout -------- */

#root { position: relative; overflow: hidden; width: 100%; min-width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0; }
 #top { position: relative; z-index: 2; min-height: 30px; margin: 0; padding: 15px 30px; border-bottom: 1px solid #acbdca; background: #fff; zoom: 1; }
 #top:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
  #logo { float: left; margin: 0; }
   #logo a { display: block; overflow: hidden; width: 210px; height: 35px; background: url(../images/logo-a.png) no-repeat; text-indent: -10001px; }
   #logo a:hover, #logo a:focus, #logo a:active { background-position: 0 -35px; }
  #skips, #skips ul { position: absolute; top: 0; left: 0; z-index: 9999; list-style: none; width: 100%; margin: 0; padding: 0; text-align: center; }
   #skips li { position: absolute; left: 0; top: 0; width: 100%; font: bold 5em/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
    #skips li a { display: -moz-inline-stack; display: inline-block; position: absolute; left: -10001px; top: 30px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
    #skips li a:focus, #skips li a:active { position: relative; left: 0; }
  #nav { position: absolute; top: 65px; right: -20px; overflow: hidden; margin: 0; }
   #nav ul { width: 575px; height: 90px; list-style: none; margin: 0; padding: 0; }
    #nav ul li { margin-left: -125px; float: left; }
    #nav ul li.s2,
    #nav ul li.s7,
    #nav ul li.s9 { margin-left: -92px; }
    html* #nav ul li { margin-top: -40px; margin-left: -81px; }
    #nav ul li { -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); }
    html* #nav ul li { filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.5); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand'); }
    #nav ul li:first-child { margin-left: 0; }
     #nav ul li a { display: block; width: 120px; padding: 0 25px 0 15px; background: #acbdca; color: #fff; line-height: 24px; text-transform: uppercase; }
     #nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active { background: #9cb1c0; }
     #nav ul li a.active { padding-left: 11px; border-left: 4px solid #446d8d; background: #9cb1c0; }
     #nav ul li em { position: absolute; left: -10001px; top: -10001px; }
  #user { float: right; margin: 0; padding-top: 5px; }
   #user ul.langs { float: left; overflow: hidden; list-style: none; margin: 0; padding: 0; zoom: 1; }
    #user ul.langs li { float: left; margin-left: 10px; line-height: 26px; }
    #user ul.langs li:before { content: "|"; margin: 0 10px 0 0; color: #cecece; }
    #user ul.langs li:first-child:before { display: none; }
     #user ul.langs li a { color: #cecece; }
     #user ul.langs li a:hover, #user ul.langs li a:focus, #user ul.langs li a:active, #user ul.langs li a.active { color: #acbdca; }
   #user .socnet { float: left; margin: 0 0 0 20px; }
    #user .socnet a { display: block; overflow: hidden; width: 26px; height: 26px; background: url(../images/socnet-a.png) no-repeat; text-indent: -10001px; }
    #user .socnet a:hover, #user .socnet a:focus, #user .socnet a:active { background-position: 0 -26px; }
   #user .cennik { float: left; margin: 0 0 0 20px; line-height: 26px; }
 #content { z-index: 1; width: 100%; min-height: 600px; margin-bottom: 0; }
  #content .inner { padding: 40px; }
 #wrapper { position: fixed; z-index: 2; bottom: 0; left: 0; width: 100%; margin: 0; border-top: 1px solid #acbdca; background: url(../images/bg-tr-a.png); color: #555; }
* html #content { position:absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); }
  #wrapper .inner { overflow: hidden; padding: 15px 30px; zoom: 1; }

/*! headers ------- */

h1, h2, h3, h4, h5, h6 { margin-bottom: 0; color: #000; font-weight: bold; text-transform: uppercase; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { color: #666; font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.2em; }

#content .inner h1 { margin-bottom: 20px; color: #747474; text-transform: uppercase; }
 #content .inner h1 em { color: #666; font-style: normal; }

#content .inner.dekory { padding: 15px 30px 15px 0; }
 #content .inner.dekory h1 { margin-left: 30px; }

#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6 { margin-bottom: 5px !important; font-size: 1.2em !important; line-height: 1 !important; } 
#wrapper h1 { color: #000 !important; }

/*! containers ---- */

div.carousel-a { position: relative; z-index: 1; height: 100%; margin-bottom: 0; padding: 0 300px 0 0; }
 div.carousel-a .wrap { overflow: hidden; width: 100%; min-height: 600px; height: 100%; margin: 0; }
  div.carousel-a .wrap img { display: block; margin: 0; width: 100%; max-width: 1000px; }
 div.carousel-a ul.thumbs { position: absolute; top: 50%; right: 50px; list-style: none; width: 200px; height: 300px; margin: -150px 0 0; padding: 0; }
 div.carousel-a ul.thumbs:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
  div.carousel-a ul.thumbs li { position: relative; width: 100px; height: 100px; margin: 0; }
  div.carousel-a ul.thumbs li.reset { margin-top: -300px; }
  html* div.carousel-a ul.thumbs li.reset { margin-top: -315px; }
  div.carousel-a ul.thumbs li.col-a { margin-left: 100px; }
   div.carousel-a ul.thumbs li a { display: block; position: relative; overflow: hidden; width: 100px; height: 100px; }
   div.carousel-a ul.thumbs li a:after { content: url(../images/frame-a.png); position: absolute; top: 0; left: 0; z-index: 10; }
   div.carousel-a ul.thumbs li a span.after { display: block; position: absolute; top: 0; left: 0; z-index: 10; overflow: hidden; width: 100px; height: 100px; background: url(../images/frame-a.png) no-repeat; text-indent: -10001px; }
    div.carousel-a ul.thumbs li a img { display: block; position: absolute; top: 0; left: 50%; margin: 0 0 0 -75px; }
    div.carousel-a ul.thumbs li a:hover img, div.carousel-a ul.thumbs li.activeSlide a img { opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); }
 div.carousel-a ul.controls { display: none; list-style: none; margin: 0; padding: 0; }
 html.js div.carousel-a ul.controls { display: block; }
  div.carousel-a ul.controls li { position: absolute; top: 50%; z-index: 100; width: 40px; height: 68px; margin-top: -34px; padding: 0; }
  div.carousel-a ul.controls li.prev-a { left: 30px; }
  div.carousel-a ul.controls li.next-a { right: 330px; }
   div.carousel-a ul.controls li a { display: block; overflow: hidden; width: 40px; height: 68px; background: url(../images/controls-a.png) no-repeat; text-indent: -10001px; }
   div.carousel-a ul.controls li.prev-a a { background-position: 0 0; }
   div.carousel-a ul.controls li.next-a a { background-position: -50px 0; }
   div.carousel-a ul.controls li.prev-a a:hover { background-position: 0 -100px; }
   div.carousel-a ul.controls li.next-a a:hover { background-position: -50px -100px; }

div.carousel-b { position: relative; z-index: 1; height: 100%; margin-bottom: 0; padding: 0 300px 0 0; }
 div.carousel-b .wrap { overflow: hidden; width: 100%; min-height: 600px; height: 100%; margin: 0; }
  div.carousel-b .wrap img { display: block; margin: 0; width: 100%; max-width: 1000px; }
div.carousel-b ul.controls { display: none; list-style: none; margin: 0; padding: 0; }
html.js div.carousel-b ul.controls { display: block; }
 div.carousel-b ul.controls li { position: absolute; top: 50%; z-index: 100; width: 40px; height: 68px; margin-top: -34px; padding: 0; }
 div.carousel-b ul.controls li.prev-a { left: 30px; }
 div.carousel-b ul.controls li.next-a { right: 330px; }
  div.carousel-b ul.controls li a { display: block; overflow: hidden; width: 40px; height: 68px; background: url(../images/controls-a.png) no-repeat; text-indent: -10001px; }
  div.carousel-b ul.controls li.prev-a a { background-position: 0 0; }
  div.carousel-b ul.controls li.next-a a { background-position: -50px 0; }
  div.carousel-b ul.controls li.prev-a a:hover { background-position: 0 -100px; }
  div.carousel-b ul.controls li.next-a a:hover { background-position: -50px -100px; }

.catalog p.download { }
 .catalog p.download img { margin-right: 10px; }

.collapsible { margin: 0; padding-right: 20%; }
.collapsible ul.download { top: 70px; }

.contact { }
 .contact .address { padding-top: 40px; }
 .contact p span { color: #000; }

.home { position: absolute; top: 50%; left: 50%; width: 750px; margin: -205px 0 0 -375px; padding-top: 0; }
 .home h1, .home h2 { padding: 0; color: #acbdca; font-family: GaletteMdm,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 50px; font-weight: normal; line-height: 1; text-transform: lowercase; text-align: center; }
 .home h1 { margin-bottom: 20px; }
 .home nav { width: 750px; margin: 0; }
  .home nav ul { position: relative; list-style: none; width: 100%; margin: 0 0 20px; padding: 0; }
  .home nav ul:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
   .home nav ul li { float: left; width: 150px; font-family: AdventBd,Helvetica Neue,Helvetica,Arial,sans-serif; }
   .home nav ul li.s5a,
   .home nav ul li.s10a { position: absolute; right: -70px; float: none; width: 70px; height: 70px; }
   .home nav ul li.s5a { top: 40px; }
   .home nav ul li.s10a { top: 190px; }
    .home nav ul li a { position: relative; float: left; width: 150px; height: 150px; background: url(../images/moz-menu-a.jpg) no-repeat; color: #666; }
    .home nav ul li.s1 a { background-position: 0 0; }
    .home nav ul li.s2 a { background-position: -150px 0; }
    .home nav ul li.s3 a { background-position: -300px 0; }
    .home nav ul li.s4 a { background-position: -450px 0; }
    .home nav ul li.s5 a { background-position: -600px 0; }
    .home nav ul li.s6 a { background-position: 0 -150px; }
    .home nav ul li.s7 a { background-position: -150px -150px; }
    .home nav ul li.s8 a { background-position: -300px -150px; }
    .home nav ul li.s9 a { background-position: -450px -150px; }
    .home nav ul li.s10 a { background-position: -600px -150px; }
    .home nav ul li.s5a a { width: 70px; height: 70px; background: url(../images/moz-menu-b.jpg) no-repeat; }
    .home nav ul li.s10a a { width: 70px; height: 70px; background: url(../images/moz-menu-b.jpg) -70px 0 no-repeat; }
    .home nav ul li a:hover, .home nav ul li a:focus, .home nav ul li a:active { color: #666; }
     .home nav ul li a span { display: block; position: absolute; top: -10001px; left: -10001px; z-index: 100; width: 120px; font-size: 16px; font-weight: normal; line-height: 20px; text-align: center; }
      .home nav ul li a span strong { display: block; font-size: 18px; font-weight: normal; }
     /* OPISY W ŚRODKU */
     .home nav ul li.s1 a:hover span { right: -60px; left: auto; bottom: -10px; top: auto; }
     .home nav ul li.s2 a:hover span { left: -60px; bottom: -10px; top: auto; }
     .home nav ul li.s3 a:hover span { left: auto; right: -60px; bottom: -10px; top: auto; }
     .home nav ul li.s4 a:hover span { right: auto; left: -60px; bottom: -10px; top: auto; }
     .home nav ul li.s5 a:hover span { left: -60px; right: auto; bottom: -10px; top: auto; }
     .home nav ul li.s5a a:hover span { left: -60px; right: auto; bottom: -60px; top: auto; }
     .home nav ul li.s6 a:hover span { right: -60px; left: auto; top: -10px; bottom: auto; }
     .home nav ul li.s7 a:hover span { left: -60px; right: auto; top: -10px; bottom: auto; }
     .home nav ul li.s8 a:hover span { right: -60px; left: auto; top: -10px; bottom: auto; }
     .home nav ul li.s9 a:hover span { right: auto; left: -60px; top: -10px; bottom: auto; }
     .home nav ul li.s10 a:hover span { left: -60px; top: -10px; bottom: auto; }
     .home nav ul li.s10a a:hover span { left: -60px; top: -60px; bottom: auto; }

/*
 *    OPISY NA ZEWNĄTRZ
     .home nav ul li.s1 a:hover span { left: 50px; top: -35px; bottom: auto; }
     .home nav ul li.s2 a:hover span { left: 50px; top: -35px; bottom: auto; }
     .home nav ul li.s3 a:hover span { left: 50px; top: auto; bottom: -35px; }
     .home nav ul li.s4 a:hover span { left: 50px; top: auto; bottom: -35px; }
*/
#wrapper .expand, .collapse { margin-bottom: 0; font-size: 12px; font-weight: bold; }

/*! forms --------- */

form { }
 label { cursor: pointer; }
 textarea { overflow: auto; resize: vertical; }
 button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

.catalog form { width: 440px; }
 .catalog form p { width: 100%; padding: 0; }
 .catalog form p:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
  .catalog form p.field-a input { float: left; width: 270px; height: 24px; padding: 0 5px; border: 0; background: #f0f0f0; color :#666; line-height: 24px; }
  .catalog form p.field-a label { float: right; width:140px; line-height: 24px; }
  .catalog form p.field-a textarea { float: left; width: 270px; padding: 5px; border: 0; background: #f0f0f0; color :#666; }
  .catalog form p.field-b input { width: 15px; height: 15px; }
  .catalog form input:focus, .catalog form textarea:focus, .catalog form input.iefocus, .catalog form textarea.iefocus { background: #eee; color :#333; outline: 2px solid #ddd; }
  .catalog form p.action button { display: -moz-inline-stack; display: inline-block; padding: 0 25px 0 0; border: 0; background: #fff url(../images/arrow-b.png) 100% 50% no-repeat; color: #446d8d; text-transform: uppercase; }
  html* .catalog form p.action button { display: inline; zoom: 1; }
  .catalog form p.action button:hover { color: #33526b; }

/*! tables -------- */

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

/*! navs ---------- */

nav.dekory { width: 800px; margin: 30px 0; }
 nav.dekory ul { list-style: none; margin: 0; padding: 0; }
  nav.dekory ul li { position: relative; width: 800px; height: 115px; margin-bottom: 5px; }
   nav.dekory ul li a { display: block; width: 800px; height: 115px; overflow: hidden; background: url(../images/nav-dekory.jpg) -10001px -10001px no-repeat; color: #888; }
   nav.dekory ul li.i1 a { background-position: 0 0; }
   nav.dekory ul li.i2 a { background-position: 0 -120px; }
   nav.dekory ul li.i3 a { background-position: 0 -240px; }
   nav.dekory ul li.i4 a { background-position: 0 -360px; }
    nav.dekory ul li a span { display: none; position: absolute; z-index: 10; top: 50%; right: -190px; width: 150px; margin: -15px 0 0; font-family: AdventBd,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 16px; line-height: 30px; text-transform: uppercase; }
    nav.dekory ul li a:hover span { display: block; }

/*! lists --------- */

ul, ol, dd, blockquote { padding-left: 40px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

ul.download { position: absolute; top: 15px; right: 30px; width: 150px; }
 ul.download li { margin: 0 0 5px; }
  ul.download li a { display: block; padding: 0 5px 30px; background: url(../images/arrow-a.png) 50% 20px no-repeat; color: #555; font-weight: bold; line-height: 20px; text-transform: uppercase; text-align: center; }
  ul.download li a:hover, ul.download li a:focus, ul.download li a:active { background-position: 50% -180px; color: #000; }

ul.others-a { position: absolute; top: 180px; right: 0; z-index: 1000; overflow: hidden; width: 150px; list-style: none; padding: 0; }
 ul.others-a li { position: relative; height: 30px; margin-bottom: 20px; }
 ul.others-a li.off { display: none !important; }
  ul.others-a li a { display: block; position: absolute; right: 0; top: 0; overflow: hidden; width: 30px; height: 30px; background: url(../images/others-a.png) no-repeat; text-indent: -10001px; }
  ul.others-a li a:hover { width: 150px; }
  ul.others-a li.glassmozaic a { background-position: 0 0; }
  ul.others-a li.vitroform a { background-position: 0 -30px; }
  ul.others-a li.vitrodeco a { background-position: 0 -60px; }
  ul.others-a li.vitrostore a { background-position: 0 -90px; }
  ul.others-a li.glassrelief a { background-position: 0 -120px; }

#wrapper ul { list-style: none; padding-left: 0; }

/*! paragraphs ---- */

#wrapper p { margin-bottom: 5px; }

/*! links --------- */

a { color: #507694; text-decoration: none; }
a:hover, a:focus, a:active { color: #354e62; text-decoration: none; }
 a span { cursor: pointer; }

/*! images -------- */

img { border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }

figure.abs-left { float: left; margin-left: -40px; }
 figure.abs-left img { display: block; max-width: 230px; margin: 0; }
figure.abs-left ~ *{ margin-left: 220px !important; }

/*! other --------- */

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

hr, div.hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; border-top: 1px solid #eee; background: none; font-size: 0; }
 div.hr * { display: none; }

/*! helpers ------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

#tooltip { display: none; position: absolute; z-index: 100; padding: 5px 10px; border: 1px solid #acbdca; background: url(../images/bg-tr-a.png); color: #000; font-weight: bold; }

/*! mobile -------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }

/*! specific ------ */

@media screen and (max-height: 2000px) { div.carousel-a div.wrap, div.carousel-b div.wrap { min-height: 800px; } }
@media screen and (max-height: 1000px) { div.carousel-a div.wrap, div.carousel-b div.wrap { min-height: 800px; } }
@media screen and (max-height: 900px) { div.carousel-a div.wrap, div.carousel-b div.wrap { min-height: 750px; } }
@media screen and (max-height: 800px) { div.carousel-a div.wrap, div.carousel-b div.wrap { min-height: 680px; } }
@media screen and (max-height: 700px) { div.carousel-a div.wrap, div.carousel-b div.wrap { min-height: 580px; } }
@media screen and (max-height: 600px) { div.carousel-a div.wrap, div.carousel-b div.wrap { min-height: 450px; } }
@media screen and (max-height: 500px) { div.carousel-a div.wrap, div.carousel-b div.wrap { min-height: 350px; } }
@media screen and (max-height: 400px) { div.carousel-a div.wrap, div.carousel-b div.wrap { min-height: 250px; } }