/* CSS Document */

* 
{ 
border: 0; 
margin: 0; 
padding: 0; 
}

body
{
background: url(../img/bg_tile.jpg) repeat;
font: normal 76% Tahoma, Arial, Helvetica, sans-serif;
height:100%;
z-index:0;
}

#extradiv1
{
background:url(../img/bg_grad.jpg) repeat-x;
height:400px;
width:100%;
z-index:1;
position:absolute;
left:0;
top:0;
}

#container
{
background:url(../img/phoenix.jpg) no-repeat 150px 100px;
margin: 0 auto 0;
overflow:hidden;
position:relative;
width: 780px;
z-index:2;
}

/*Infobar*/

#info
{
background: url(../img/bg_left.jpg) repeat-y;
bottom:0;
color:#deceb7;
height:expression(container.clientHeight);
left:50%;
margin-left:-390px;
position:absolute;
top:0;
width:190px;
}

#info h4
{
margin-top:20px;
}

#info p
{
font-weight:bold;
margin:1em;
text-align:center;
}

#designinfo
{
font-size:0.9em;
}

#info a
{
color:#c02702;
font-weight:bold;
text-decoration:none;
}

#info a:hover
{
text-decoration:underline;
}

/*---------------------*/

#content
{
margin-left:190px;
width:580px;
}

/*Menu*/
#menu
{
padding:60px 10px 0 10px;
}

#menu ul
{
list-style:none;
}

#menu li
{
float:left;
font-size:1.1em;
padding: 8px 8px;
}

#menu a
{
color: #fff;
text-decoration:none;
}

#menu a:hover
{
color:#ff5228;
}

/*Treść*/
#text
{
margin-top:60px;
color:#deceb7;
}

#text .news p
{
margin-top:28px;
}

#text .news
{
border: 2px solid #deceb7;
}

#text a
{
color:#fbe88b;
font-weight:bold;
}

#text a:visited
{
color:#a69a61;
}

#text a:hover
{
color:#c02702;
}

#text div
{
padding:1em;
margin:10px;
}

.clear
{
clear:both;
width:780px;
}

#text div.smallbox
{
border: 2px solid #deceb7;
display:inline;
float:left;
height:220px;
padding:10px;
width:244px;
}

#text div.smallbox div
{
height:200px;
margin:0;
padding:0;
}

#text div.smallbox > div
{
height:180px;
}

.smallbox p
{
margin:0 0 1em 0;
}

.smallbox img
{
float:left;
margin-bottom:0;
margin-left:0;
}


/*Ustawienia tekstu i obrazków*/

h1     
{ 
font-size: 1.6em; 
} 
     
h2 
{ 
font-size: 1.6em;     
} 
     
h3 
{ 
font-size: 1.4em; 
} 
     
h4 
{ 
font-size: 1.2em;     
} 

h5 
{ 
font-size: 1em;     
} 

h1,h2,h3,h4,h5,p,img
{
margin:1em;
}

.intext
{
float:left;
}

.tright
{
display:block;
text-align:right;
}

.tcenter
{
text-align:center;
}

.pytanie, .pochyle
{
font-style:italic;
}

#text .special1
{
font-size:1.2em;
text-indent:5em;
}

#text div.book
{
border-bottom: 2px solid #deceb7;
clear:both;
height:260px;
padding:0;
}

.imagethumb
{
float:left;
width:160px;
margin:0;
}

.imagethumb img
{
margin:0;
}

.imagethumb a:hover
{
color:#000;
}

div.imagethumb span
{
display:block;
margin:auto;
text-align:center;
}

.book img
{
height:205px;
width:150px;
margin:0;
}

.book h4
{
margin-top:40px;
}

#text ol li
{
margin-left:3em;
}

#text a.orderlink
{
color:#c02702;
background:url(../img/bg_grad.jpg) top left repeat-x;
padding:5px;
text-decoration:none;
}

#text table
{
border: 1px solid #deceb7;
border-spacing: 0px;
border-collapse: collapse;
color:#deceb7;
margin:auto;
width:500px;
}

#text table caption
{
font-size:1.1em;
margin:auto;
font-weight:bold;
}

#text table td, #text table th
{
border: 1px solid #deceb7;
color:#deceb7;
text-align:center;
}

#text ol li
{
color:#deceb7;
}