* {
padding: 0;
margin: 0;
} 

table {
border-collapse:collapse;
}

table td {border: 1px solid #66FFCC;
padding:3px;
}

body {
font: 1em Verdana, Arial, Sans-Serif;
background-image: url(image/optsbg.gif);
background-repeat: repeat;
}

h1
{
font-size:1.2em;
line-height:150%;
}


h3
{
font-size:1em;
line-height:150%;

}


a {
text-decoration: none;
color: #3B85CA;
border-bottom:1px dotted #666633;
}

a:hover { 
color: #000; 
text-decoration: none;
border-bottom:1px solid #666633;
}

#wrap 
{
margin: 20px auto;
width: 600px;
padding: 10px;
background-color: #fff;
border:1px solid #CCFFFF;
}



.okienko{
padding:10px;
margin:25px;
width:70%;
line-height:200%;
background-color:#C2E4F5;
border:1px solid #7BA5C6;
}



#header 
{
height : 90px;
background-color: #A0DCF8;
border:2px solid #9ED2FA;
text-align:center;
}

#header h1 { padding-left: 10px; padding-top: 12px; font-size: 25px; color: #31799F; }
#header h1 a { font-size: 25px; color: #31799F; text-decoration: none;}
#header h2 { padding-left: 10px; padding-top: 0px; font-size: 14px; color: #fff; }

#menu {
text-align: center;
margin-top: 10px;
font-size : 12px;
padding:2px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
border: 0px solid #D8E3EE; 
background: #F9FCFC;
}

#menu a {
color : #3B85CA;
text-decoration : none;
padding: 10px;
}

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


#content { 
text-align: justify;
margin-top: 5px;
padding: 10px;
font-size: 0.9em;
line-height:160%;
font-family:verdana;

}

#content p 
{
padding:10px 0px 10px 0px;
}

ul {

font-size:1em;
list-style-type:square;
padding-left:35px;
}

ul a {
		color:black;
		border-bottom:1px dotted #669999;
	}

ol {
font-size:1em;
padding-left:35px;

}


#content h2 { 
font-size: 1.2em; 
color : #444; 
padding: 20px 0 5px 0;
}

#footer { 
margin-top: 10px; 
clear: both;
text-align: center; 
color: #fff;
font-size:10px; 
background-color:#A0DCF8;
padding:2px;
}

.meta {
padding-bottom:2px;
font-size: 10px;
color:#999999;
font:Arial, Helvetica, sans-serif;
}