/** Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}

table.address { border-collapse: separate; border-spacing: 0px; }
table.address tr.spacer td { 
  padding-top: 1em;
}
table.address tr td:first-child { 
  padding-right: 5px;
}

fieldset,img { 
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym { 
  border:0;
}


/** Common */
body {
  background-color: #6C6C6C;
  font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #a7a7a7;
  line-height: 1.4;
}

ul {
    list-style:none outside none;
}

a {
  color: #F08331; /* Dirty orange. */
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a[href ^= 'mailto:'] {
  padding-left: 23px;
  background-repeat: no-repeat;
  background-position: 1px 5px;
  background-image: url('../img/v.png');
  background-position: left -0px;
}

a[rel ^= 'prettyPhoto'] {
  padding: 0;
  background: none;
}

strong {
  font-weight: bold;
}

sup {
  font-size: 70%;
  vertical-align: 30%;
}

small {
  font-size: 11px;
}

em {
  font-style: italic;
}

img.shadow,
img.shadow-small {
  background-repeat: no-repeat;
  background-position: 0 100%;
}

img.white-glow {
  -moz-box-shadow:    0 0 10px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
  box-shadow:         0 0 10px rgba(255, 255, 255, 0.7);
}

dl {
  overflow: hidden;
}

dt {
  color: #aaa;
  float: left;
  clear: both;
  margin-right: 5px;
}

dt:after {
  content: ":";
}

dd {
  float: left;
  display: inline;
  *float: none;
  *display: block;
}

ol {
  padding-left: 36px;
}

#top {
  background-color: #D0D0D0;
}

#horizon {
  position: absolute;
  height: 150px;
  left: 0;
  right: 0;
  top: 400px;
  opacity: 0.05;
  background-image: -moz-linear-gradient(top, #000, #D0D0D0);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #000),color-stop(1, #D0D0D0));
}

#footer {
  width: 840px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.7;
  overflow: hidden;
  margin-bottom: 25px;
}

#footer > ul {
  padding-top: 25px;
}

#footer > ul > li {
  float: left;
  width: 100px;
  background-image: none;
}
#footer > ul > li > a {
  font-weight: bold;
  text-decoration: underline; 
}

#footer a {
  color: #cecdcd;
}

#footer > div {
  height: 25px;
  background-image: -moz-linear-gradient(top, #5d5d5d, #6c6c6c);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #5d5d5d),color-stop(1, #6c6c6c));
  position: absolute;
  left: 0;
  right: 0;
}

#footer > p.seo {
  margin-top: 0px;
  padding-top: 50px;
  clear: right;

  color: #969696;
  line-height: 1;
  text-align: justify;
  
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;  
}

#footer > p.copyright {
  margin-top: 0px;
  padding-top: 50px;
  background-image: url(../img/kancelaria-weiss-logo-gray.png);
  background-repeat: no-repeat;

  width: 300px;
  float: right;
  color: #cecdcd;
  clear: right;
}

#footer > p.copyright > img {
  float: right;
}

/** Content panel */

.panel {
  position: relative;
  width: 880px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top:   20px;
  padding-bottom: 20px;
  margin: 0 auto;
  height: 336px;
  z-index: 2;
  background-color: #2B2B2B;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  border-radius:         10px;
  -moz-box-shadow:    0 0 15px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
  box-shadow:         0 0 15px rgba(255, 255, 255, 0.7);
}

.panel {
  height: auto;
  min-height: 336px;
}

#content-reflection {
  position: absolute;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  border-radius:         10px;
  height: 30px;
  left: 0; 
  right: 0;
  bottom: -33px;
  background-image: -moz-linear-gradient(top, #000, rgba(0, 0, 0, 0.0));
  background-image: -webkit-gradient(linear,left top,left bottom,from(black),to(rgba(0, 0, 0, 0.0)));
  opacity: 0.1;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
  #content-reflection { display: none; }
}

#content-top-margin {
    width: 920px;
    height: 20px;
    overflow: hidden;
    position: relative;
}

#content-bottom-margin {
    width: 920px;
    height: 50px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

#logo {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    
    letter-spacing : -1000em;
    text-indent: -9999px;

    width:  283px;  
    height:  56px;
    background-image: url('../img/kancelaria-weiss.png');
    background-repeat: no-repeat;

    overflow: hidden;
    position: absolute;
    left: 20px;
    top:  20px;    
}

#logo > a {
  text-decoration: none;
  outline: none;
  width:  283px;  
  height:  56px;
}

#navigation {
    overflow: hidden;
    height: 68px;
}

h1.banner-small,
h1.banner {
    font-weight: bold;
    font-size: 15px;

    letter-spacing : -1000em;
    text-indent: -9999px;

    background-repeat: no-repeat;

    overflow: hidden;
    position: relative;
    left: 0px;
    top:  0px;

    padding-bottom: 30px;
}

h1.banner {
    width:  880px;
    height: 283px;
    background-image: url('../img/banner.jpg');
    background-repeat: no-repeat;
}

h1.banner-small {
    width:  880px;
    height: 153px;
    background-image: url('../img/banner-small.jpg');
    background-repeat: no-repeat;
}

.vstrut {
    margin-top: 40px;
}

div.onecolumn {
    float: left;
    margin-left: 40px;
    width: 266px;
}

div.onehalfcolumn {
    float: left;
    margin-left: 40px;
    width: 399px;
}

div.twocolumn {
    float: left;
    margin-left: 40px;
    width: 572px;
}

div.noleftmargin {
    margin-left: 0px;
}

div.onecolumn > h2.withimage + p,
div.onehalfcolumn > h2.withimage + p,
div.twocolumn > h2.withimage + p {
    color: white;
    margin-bottom: 1em;
}

div.onecolumn > p,
div.onehalfcolumn > p,
div.twocolumn > p {
    margin-bottom: .5em;
}

div.onecolumn > ul > li,
div.onehalfcolumn > ul > li,
div.twocolumn > ul > li {
    background-image: url("../img/tick-small.png");
    background-position: -2px 4px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    padding-left: 15px;
}

h2.withimage,
h2.withsmallimage {
    height: 165px;
    overflow: hidden;

    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;

    color: white;

    position: relative;
    top:  0px;
    left: 0px;
}

div.onehalfcolumn > h2.withimage > span {
    width: 399px;
} 

h2.withimage > span,
h2.withsmallimage > span {
    display: block;

    width:  266px;
    height: 152px;
    background-repeat: no-repeat;

    overflow: hidden;
    position: absolute;
    top:  0px;
    left: 0px;
}

h2.withsmallimage {
    height: 48px;
}

h2.withsmallimage > span {
    height: 48px;
}

.image-headers2         { background-image: url('../img/block-headers2.png'); }
.biznesowy              { background-position: 0px 0px; }
.indywidualny           { background-position: -399px 0px; }
.honorarium             { background-position: -798px 0px; }

.image-headers          { background-image: url('../img/block-headers.png'); }
.dochodzenie-naleznosci { background-position: 0px 0px; }
.prawo-rodzinne         { background-position: -266px 0px; }
.procesy                { background-position: -532px 0px; }

.image-adres {
    background-image: url('../img/columns.png');
    background-position: 0px -48px;
}

.image-mapka {
    background-image: url('../img/columns.png');
    background-position: 0px 0px;
}

.image-rbl {
    background-image: url('../img/columns.png');
    background-position: 0px -96px;
}

.image-rbl-przyklad {
    background-image: url('../img/columns.png');
    background-position: 0px -144px;
}

/** Tabs */

#navigation > ul > li {
    float: right;
}

#navigation > ul > li > a {
    display: inline-block; 
    
    height: 43px;
    width: 100px;
    margin-top: 30px;
    padding-top: 15px;
    background-color: #4b4b4b;
    margin-left: 1px;

    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: white;

    outline:none;

    border-top: 1px solid orange;

    transition:         all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition:    all 0.25s ease-in-out;

    border-radius:         8px;
    -moz-border-radius:    8px; 
    -webkit-border-radius: 8px;

    box-shadow:         0 0 8px rgba(255, 135, 0, 0);
    -webkit-box-shadow: 0 0 8px rgba(255, 135, 0, 0);
    -moz-box-shadow:    0 0 8px rgba(255, 135, 0, 0);    

    text-decoration: none;
    
    background-image: url('../img/tabs.png');
    background-repeat: no-repeat;
}

#navigation > ul > li.current > a {
    color: #2B2B2B;
    background-color: #ECECEC;
}

#navigation > ul > li > a:hover {
    border-top: 1px solid orange;

    box-shadow:         0 0 8px rgba(255, 135, 0, 1);
    -webkit-box-shadow: 0 0 8px rgba(255, 135, 0, 1);
    -moz-box-shadow:    0 0 8px rgba(255, 135, 0, 1);    
}

#navigation > ul > li > a > span {
    display: none;
}

a.tab-index-current   { background-position: 0px   0px; }
a.tab-index           { background-position: 0px -80px; }

a.tab-oferta-current  { background-position: -100px   0px; }
a.tab-oferta          { background-position: -100px -80px; }

a.tab-kontakt-current { background-position: -200px    0px; }
a.tab-kontakt         { background-position: -200px -80px; }


/** Buttons */

.button,
.button[href ^= 'http://'],
.button[href ^= 'https://'],
.button:visited {
  margin: 0 !important;
  background-color: #222;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-image: url(../img/button-overlay.png);
  display: inline-block; 
  padding: 5px 10px 6px; 
  color: #fff !important; 
  text-decoration: none !important;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.button:hover              { background-color: #111; color: #fff; }
.button:active             { top: 1px; }

.small.button, 
.small.button:visited      { font-size: 11px; }

.button, 
button:visited,
.medium.button, 
.medium.button:visited     { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

.large.button, 
.large.button:visited      { font-size: 17px; padding: 9px 14px 7px !important; font-weight: bold; }

.green.button, 
.green.button:visited      { background-color: #46a946; }
.green.button:hover        { background-color: #2b992b; }

.red.button, 
.red.button:visited        { background-color: #e33100; }
.red.button:hover          { background-color: #872300; }

.orange.button, 
.orange.button:visited     { background-color: #D7752C; }
.orange.button:hover       { background-color: #F08331; }

/* Misc stuff.*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */