/* HTML5 ✰ Boilerplate */

body
{
background-color:#191E22;
}

#tlo
{
position:absolute;
background:url(../img/tlo.jpg) repeat-x;
width:50%;
height:650px;
z-index:-1;
}

#container
{
width:960px;
margin-left:auto;
margin-right:auto;
}


header
{
width:960px;
height:380px;
}

#logo
{
width:310px;
height:140px;
text-align:center;
line-height:140px;
float:left;
}

#logo img
{
vertical-align:middle;
}

#menu
{
width:650px;
height:80px;
float:left;
}

#menu_home
{
height:80px;
float:left;
list-style:none;
margin:0;
padding:0;
}

#glowy
{
width:650px;
height:60px;
background: url(../img/top1.jpg);
float:left;
}

#postacie
{
width:960px;
height:180px;
background: url(../img/top2.jpg);
float:left;
}

#komputer
{
width:310px;
height:60px;
background: url(../img/top3.jpg);
float:left;
}

#wyszukiwarka
{
width:650px;
height:25px;
background: url(../img/szukajka_tlo.jpg) #191E22 repeat-x;
float:left;
line-height:25px;
padding-top:17px;
padding-bottom:18px;
text-align:right;
}


#main
{
background: url(../img/przykladowa_tlo.jpg) #191E22 no-repeat;
width:960px;
min-height:300px;
padding:10px 0px;
font-family: tahoma;
font-size: 12px;
color:#7B8E9F;
overflow: auto;
}

#m_naglowki
{
height: 45px;
width:960px;
color:#EFF4F8;
font-family: tahoma;
font-size: 14px;
line-height:45px;
}

#m_naglowek_1
{
height: 45px;
width:300px;
padding-left:10px;
float:left;
}

#m_naglowek_2
{
height: 45px;
width:630px;
padding-left:20px;
float:left;
}

#srodek
{
padding-top:15px;
min-height: 300px;
width:960px;
}

#srodek_1
{
width:280px;
padding-left:10px;
padding-right:20px;
text-align:right;
float:left;
}

#srodek_2
{
width:630px;
padding-left:20px;
float:left;
}

#kol_1
{
width:290px;
padding-right:25px;
float:left;
}

#kol_2
{
width:290px;
padding-right:25px;
float:left;
}

#kol_3
{
width:605px;
padding-right:25px;
float:left;
}

p
{
text-indent: 40px;
line-height:20px;
}

footer
{
width:950px;
height:49px;
line-height:49px;
padding-left:10px;
}

hr
{
margin:5px 0px;
border-style:none;
background: url(../img/stopka_pasek.jpg) repeat-y;
height:1px;
}

li
{
list-style: circle url(../img/punktator.jpg) inside;
line-height:30px;
}


.galeria
{
width:300px;
height:240px;
padding:20px 10px;
float: left;
}

.kon_input
{
width:200px;
margin-top:5px;
border: 1px solid #FF8332;
}


.kon_text
{
width:450px;
height:150px;
margin-top:5px;
border: 1px solid #FF8332;
}

#cookie_tlo {
    position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
    z-index:1234567;
    background-color:#222222;
    opacity: 0.9;
    padding:20px 0px;
}

#cookie_tlo > div{
    position:relative;
    margin:0px auto;
    width: 800px;
    float:none;
    clear:both;
}

#cookie_text{
    position:relative;
    float:left;
    width: 740px;
    color: white;
    font-family: Arial,Helvetica,sans-serif;    
    font-size: 14px;
}

#cookie_button{
    position:relative;
    float:left;
    width: 40px;
    margin-top:15px;
    margin-left:20px;
    cursor: pointer;
}