/******************************************************************
* RESET ***********************************************************
* NIE EDYTOWA� ****************************************************
******************************************************************/
*{
margin:0;
padding:0;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}
body {
line-height:1;
}
article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote {
display:block;
}
nav ul {
list-style:none;
}
ol {
list-style:decimal;
}
ul {
list-style:disc;
}
ul ul {
list-style:circle;
}
blockquote,q {
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
content:none;
}
ins {
text-decoration:underline;
}
del {
text-decoration:line-through;
}
mark {
background:none;
}
abbr[title],dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}
input,select,a img {
vertical-align: middle;
}
/******************************************************************
* CLASSES *********************************************************
******************************************************************/
.left{
float:left!important;
}
.right{
float:right!important;
}
.clearfix{
clear:both!important;
}
.small{
font-size:0.8em;
}

.ccm-gallery{
    border:0!important;
}
/******************************************************************
* LAYOUT **********************************************************
******************************************************************/
body{
    background:url(https://pitart.pl/themes/pit-art/img/body_bg.png) top left repeat-x;
}

#wrapper{
}
.wrapper{
    width:960px;
    margin:auto;
    padding:20px 0;
}

#header{
}
#logo{
    float:left;
}
#header-nav{
    float:right;
}
#header-nav ul{
    margin-top:15px;
}
#header-nav ul li{
    display:inline-block;
}
#header-nav ul li a:link, #header-nav ul li a:visited{
    display:block;
    margin:0 10px;
    padding:10px;
    font-size:11px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color:#2a2a2a;
    transition: all 0.1s ease-in;  
}
#header-nav ul li a:hover, #header-nav ul li a:active{
    color:#00a651;
}
#header-nav .nav-selected{
    color:#00a651!important;
}

#banner{
    text-align: center;
}
#banner .wrapper{
    width:auto;
    min-width:960px;
}
#banner img {
    height: 270px;
    max-width: 100%;
}

#columns{
    text-align:center;
    color:#616161;
    line-height:24px;
}
#columns a, #columns a:hover{
    color:inherit;
    text-decoration: none;
    
}
#columns .column{
    float:left;
    width:22%;
    padding-top:35px;
    background:top center no-repeat;
}
#columns .column:not(:first-child){
    margin-left:4%;
}
#columns .icon1      { background-image:url(https://pitart.pl/themes/pit-art/img/icon1.png); }
#columns .icon1:hover{ background-image:url(https://pitart.pl/themes/pit-art/img/icon1_hover.png); }
#columns .icon2      { background-image:url(https://pitart.pl/themes/pit-art/img/icon3.png); }
#columns .icon2:hover{ background-image:url(https://pitart.pl/themes/pit-art/img/icon3_hover.png); }
#columns .icon3      { background-image:url(https://pitart.pl/themes/pit-art/img/icon2.png); }
#columns .icon3:hover{ background-image:url(https://pitart.pl/themes/pit-art/img/icon2_hover.png); }
#columns .icon4      { background-image:url(https://pitart.pl/themes/pit-art/img/icon4.png); }
#columns .icon4:hover{ background-image:url(https://pitart.pl/themes/pit-art/img/icon4_hover.png); }
#columns .column:hover h4{
    color:#00a651;
}
#columns .tekst {
    font-size:0.8em;
    line-height: 110%;
}

#background{
    background:url(https://pitart.pl/themes/pit-art/img/background.png) top left repeat;
}

#main{
    padding:30px 0;
    color:#fff;
}

#contact{
    color:#fff;
    background:rgba(0,0,0,.5);
    text-align: center;
}
#contact span img{
    vertical-align: top;
}
#contact p{
    text-align: center;
}

#footer{
    color:#fff;
    background:#2a2a2a;
    text-align: center;
}
/******************************************************************
* TYPOGRAPHY ******************************************************
******************************************************************/
body{
    color:#2a2a2a;
    background-color:#f8f8f8;
    font-family: Verdana, sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-weight:bold;
}
h1 {
  font-size: 2.142em;
  line-height: 1.1333em;
  margin-bottom: .2666em;
}
h2 {
  font-size: 1.714em;
  line-height: 1.1666em;
  margin-bottom: .4555em;
}
h3 {
  font-size: 1.429em;
  line-height: 1.4em;
  margin-bottom: .4em;
}
h4 {
  font-size: 1.143em;
  line-height: 1.65em;
  margin-bottom: .4555em;
}
h5 {
  font-size: 1em;
  line-height: 1.65em;
  margin-bottom: .5em;
}
h6 {
  font-size: 0.857em;
  line-height: 1.5em;
  margin-bottom: .4555em;
  text-transform: uppercase;
}
a:link,a:visited{
    color:inherit;
    text-decoration: underline;
}
a:hover,a:active{
    color:#00a651;
}
ul,ol{
    margin-left:3em;
}
li{
    margin-bottom:1em;
}
p{
    line-height: 1.65em;
    margin-bottom: 1em;
    text-align: justify;
}
strong, b {
  font-weight: bold;
}
em, i {
  font-style: italic;
}
address{}
pre{}
div{}
blockquote{}
cite{}