﻿html { 
background-image: url('tlo.jpg');
background-repeat: repeat-x;
    }


body{
font-family:Verdana,Tahoma,'Arial CE',Arial,Helvetica,sans-serif;
font-size:x-small;

}


#container{
width:850px;
margin:0 auto;
-moz-border-radius:6px;
}

#naglowek{
background-image:url('logo.jpg');
width:850px;
height:200px;
position:relative;
}



#zawartosc{
font-size:small;
border-left:3px solid #333333;
border-right:3px solid #333333;
margin:0 auto;
position:relative;
position:relative;
color:black;
background:white;
}



#zawartosc p{
margin-top:0;
margin-bottom:0;
margin-left:10px;
margin-right:10px;
text-indent:20px;
}

#stopka{
background-image:url('tlos.jpg');
background-repeat:repeat-y;
width:850px;
height:120px;
position:relative;
text-align:center;
font-size:10px;
}

#stopka p a:link ,#stopka p a:visited ,#stopka p {
margin-top:0px;
text-decoration:none;
color:white;
font-weight:bold;

}
#stopka p a:hover{
text-decoration:underline;
}


#gmenu{
right:0px;
top:147px;
position:absolute;
z-index:1;
}

#menu {
position:relative;
}

#menu .menu {
font-size: 12px;
font-weight:bold;
float:left;
width:90px;
height:50px;
border:1px solid white;
overflow: hidden;
cursor: pointer;
background:white;
border:1px solid #336666; 

}

#menu #sg{
font-size: 12px;
font-weight:bold;
float:left;
width:90px;
height:50px;
border:1px solid white;
overflow: hidden;
cursor: pointer;
background:white;
border:1px solid #336666; 
}
#menu #kt{
font-size: 12px;
font-weight:bold;
float:left;
width:90px;
height:30px;
border:1px solid white;
overflow: hidden;
cursor: pointer;
background:white;
border:1px solid #336666; 
}



#menu .menu:hover{
height:auto;

}

#menu #sg a{
text-decoration:none;
color:#333366;
}

#menu #kt a{
text-decoration:none;
color:#333366;
}

#menu p{
font-size:12px;
color:#333366;
text-align:center;
margin-top:8px;

}

#menu ul { 
margin: 0px; 
padding: 0px; 
} 

#menu li { /* li */
background:white;
margin:0px;
list-style-type: none; 
width: 90px; 
text-align:center;

}

#menu li  a{ 
text-decoration:none;
display:block;
width: 90px; 
padding:5px;
color:#333366;
}

#menu li a:hover{
text-decoration:none;
width: 90px; 
padding:5px;
color:#333366;
background-color:#0033ff;
color:white;
}

img{
border:0;
}

#tabela{
width:423px;
float:right;
margin-bottom:20px;
}

#tabela .st{
background:#666666;
color:white;
}

th {
border:2px solid #333333;
}



#film{
margin-top:350px;
margin-left:180px;
height:400px;
width:500px;
}



#zawartosc h2{
margin-top:0px;
text-align:center;
}

#obrazek{
float:left;
width:400px;
height:300px;
margin:0 5px 0 5px;
}

h1{
margin-top:0px;
text-align:center;
}

.art{
width:700px;
border: 1px solid #333333;
margin:0 auto;
}

.tytul{
text-align:center;
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}

.opis{


}

.dd{
text-align:right;
font-weight:bold;

}

