/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

  
    /* Fibonacci based heading scale ratio */
    h1{ font-size: 4.4em; font-weight: normal; }
    h2{ font-size: 2.8em; font-weight: bold; }
    h3{ font-size: 1.6em; font-weight: bold; }
    h4{ font-size: 1.2em; font-weight: bold; }

/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 0px; }

/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li{ padding-right: 5%; width: 45% }
.third li{  padding-right: 5%; width: 28.3% }
.quarter li{  padding-right: 5%; width: 20% }
.fifth li{  padding-right: 5%; width: 15% }

/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }
	
	.sep{
    clear: both;
    float: left;
    height: 0px;
    width: 980px; }


    /* Header */
    header{
       
        width: 100%; }
    
    /* Content */
    article{
        float: left;
        /* width: 66.7%; */}
    
    /* Sidebar */
    aside{
        float: left;
        width: 33.3%; }
        
    /* Footer */
    footer{
        float: left;
        width: 100%; }
    
	
	

	
body, html{
    font: normal normal 8px/8px Arial, sans-serif; 
	background:#ece2c6 url('../img/bg.jpg');
	}

#wrap{
    margin: 0 auto;
    position: relative;
    width: 980px; 
	}


#wrap div {
margin:0px;
padding:0px;
}

#logo {
text-align:right;
}

#kv {
height:514px;
}

#up {
width:980px;
height:11px;
background:transparent url('../img/up.png');
}

#kvisual {
width:960px;
height:503px;
float:left;

}

.bleft {
float:left; 
width:10px;
height:503px;
background:transparent url('../img/bleft.png') top right repeat-y;
}


.bright {
float:right; 
width:10px;
height:503px;
background:transparent url('../img/bright.png') top left repeat-y;
}



#updown {
width:980px;
height:20px;
background:transparent url('../img/updown.png');
}


#fbbg {
height:288px;
width:960px;
float:left;
background:transparent url('../img/fbbg.jpg');
}


#fbbg2 {
height:60px;
width:960px;
float:left;
}


#fbbg2 img, #fbbg2 a {
margin:0px;
padding:0px;
overflow:hidden;
}
.bleftfb {
float:left; 
width:10px;
height:288px;
background:transparent url('../img/bleft.png') top right repeat-y;
}


.brightfb {
float:right; 
width:10px;
height:288px;
background:transparent url('../img/bright.png') top left repeat-y;
}

.bleftfb2 {
float:left; 
width:10px;
height:60px;
background:transparent url('../img/bleft.png') top right repeat-y;
}


.brightfb2 {
float:right; 
width:10px;
height:60px;
background:transparent url('../img/bright.png') top left repeat-y;
}


#down {
width:980px;
height:11px;
background:transparent url('../img/down.png');
}


#fb {
height:288px;
}

#fb2 {
height:60px;
}

#fbl {
float: left;
background:#ffffff;
height:258px;
width:450px;
overflow:hiden;
position:relative;
right:15px;
}


#fbr {
float: left;
background:#ffffff;
height:258px;
width:250px;
overflow:hiden;
}



#widgety {
float:right;
position:relative;
top:15px;
right:15px;
}

#tekst {
display:none;
}

#stopka {
font-size:10px;
width:970px;
padding:0px;
text-align:left;
color:#ab914d;
}

#stopka p {
margin-left:10px;
}

#stopka a{
color:#ab914d;
}

#stopka a:hover{
color:#ff0000;
}

#strzalka{
float:right;
text-align:right;
position:relative;
top:-350px;
left:105px;
}

#strzalka2{
float:right;
text-align:right;
position:relative;
top:-120px;
left:105px;
}

#agencjaup {
margin:0px;
padding:0px;
float:right;
}

#agencjaup img{
text-decoration:none;
position:relative; 
top:2px;
}

#face {
width:240px;
display:block;
color:#333;
font-size:9px;
border:1px solid #C9B279;
position:relative; 
top:340px;
left:92px;
}


