/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
@-ms-viewport { width: device-width; }
@import url(http://fonts.googleapis.com/css?family=Cabin:400,600);



html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,p,
a,font, img,strong,{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

* {margin:0;padding:0;} 
html, body {height: 100%; -webkit-font-smoothing:none; font-smooth:never;} 
     
body {
     margin:0;
     background:#e8e8e8;
     font-family:Arial, Helvetica, sans-serif;
     font-size:96%;
     color:#111415;
  }
  
 /*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
 
  
 /*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/*********STYLES**********/
a {text-decoration:none; color:#008c6c; font-weight:bold;font-size:1em;}


p, span {font-size:1em; text-align:justify;}
ul{font-size:1em;}


h1 {font-family:'Cabin', sans-serif; color: #fff; font-weight: normal; font-size:1.7em; margin-top:0;}
h2 {font-family:'Cabin', sans-serif; color: #fff; font-weight: normal; font-size:1.2em;background:#008c6c;
border-radius: 3px 3px 3px 3px;
-moz-box-shadow: 3px 3px 3px #888;
-webkit-box-shadow: 3px 3px 3px #888;
 box-shadow: 3px 3px 3px #888;}
h3 {font-size:1.1em;}

img {max-width:100%;height:auto;} /*pozwala na resize image-u*/


/*********WRAPPER**********/

.wrapper{
         min-height:100%;
         width:100%;
         height: auto !important;
         height:100%;
         padding-bottom:20em;
         background:#e8e8e8 url(../images/treebg02.png)no-repeat 0 115px;
         }

/*********CONTENT**********/

.container {margin-left:auto; margin-right:auto; padding-bottom:2%; max-width:960px; width:95%; overflow:auto; background: rgba(242, 242, 242, 0.6);line-height:160%;}

.mobile_version{display:none;}
 
/**************************************************LEFT CONTENT**********************************************/

.left_container_index{
overflow:auto;
float:left;
margin:0;
padding:0 0 4% 0;
width:56%;
clear:left;
border-right:1px dotted #888;
}

/*****************************************RIGHT CONTENT********************************************/
.right_container_index{
margin:0;
padding:0 0 4% 0;
float:right;
clear:right;
width:42.5%;
}

div.kbtnlinks{
	display:block;
	width:100%;
	height:200px;
	background:#000000;
	border:1px solid blue; 
	margin:5% auto; 
	}



/***************************************************************************************************/
/*****************************************MOBILE VERSION********************************************/
@media screen and (max-width:480px){
    body{font-size:91%; -webkit-text-size-adjust: none;}
    ul, p, a{font-size:91%;}
    h2{font-size:80%;}
    h3{font-size:80%;}

.wrapper{background:#e8e8e8;}
.container{width:100%;}
.left_container_index{width:100%;padding:0;border:none;}
.right_container_index{float:left; width:100%;padding:0;}
}

@media screen and (min-width:481px) and (max-width:640px){  
    body{font-size:91%; -webkit-text-size-adjust: none;}
    ul, p, a{font-size:91%;}
    h2{font-size:85%;}
    h3{font-size:85%;}
 .container{width:96%; line-height:150%;padding-bottom:1%;}
 .wrapper{background-size:638.75px  592.5px; background-position: 0 86.18px;} /*width="1022" height="948"*/
}


@media screen and (min-width:641px) and (max-width:800px){
    body{font-size:93%; -webkit-text-size-adjust: none;}
    ul, p, a{font-size:93%;}
    h2{font-size:90%;}
    h3{font-size:90%;}
 .container{width:96%; line-height:150%; padding-bottom:1%;}
 .wrapper{background-size:682.4px 632.99px; background-position: 0 94.18px;} /*width="1022" height="948"* 0,66779*/
}

@media screen and (min-width:801px) and (max-width:959px){
    body{font-size:96%; -webkit-text-size-adjust: none;}
    ul, p, a{font-size:96%;}
      h2{font-size:95%;}
      h3{font-size:95%;}
 .container{padding-bottom:1%;width:96%;}
 .wrapper{background-size:852.655px 790.92px; background-position: 0 95.18px;} /*width="1022" height="948"* 0,8343*/
}