/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


a{text-decoration: none;}


/* =basics
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
acronym{cursor: help; border-bottom: 1px dotted #000000;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.big{font-size: 150%;}
.centerText{text-align: center;}
.centerBlock{margin: auto;}
.small{font-size: 10px;}
.sub{vertical-align: -25%;}
.sup{vertical-align: super; }
.normal{text-transform: none;}
.capitalize{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.accesskey{text-decoration:underline;}

	
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

.clear{
	clear: both;
	font-size: 1px; /* Fix for IE */
	height: 1px;
	margin-bottom: -1px;
}

/* =common
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html,body
{
		width:100%;
}

body{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	
	background-image:url('../i/background_01.gif');
	background-repeat:repeat-x;
	background-color:#1f507c;
}

#wrapper
{
		margin:auto;
		width:960px;
}

ul
{
	margin-top:90px;
}

li
{
		width:212px;
		display:table-cell;
		padding:0px 15px;
}

li h1
{

}

li h1 a
{
		height:212px;
		width:212px;
		display:inline-block;
		text-indent:-9999px;		
}

li div
{
		width:183px;
		display:inline-block;
		margin-left:12px;
		margin-top:20px;
}

li p
{
		display:inline-block;
		margin:auto;
		width:183px;
}

li .content .heading
{
		font-size:12px;
		display:inline-block;
		width:100%;
		padding-bottom:5px;
		font-weight:bold;
}

li .content a
{
	display:inline-block;
	font-size:10px;
	text-align:right;
	font-weight:bold;
	color:#FFF;
	margin-top:5px;
	width:100%
}

li .content
{
		background-image:url(../i/frame_content.png);
		color:#FFF;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		padding:5px;
		width:173px;
		line-height:1.3;
}

li .bgtop
{
		background-image:url(../i/frame_top.png);
		height:17px;
}

li .bgbottom
{
		background-image:url(../i/frame_bottom.png);
		height:17px;
}


.buttonTK
{
		background-image:url(../i/tajemniczakuchnia_button.png);
}

.buttonZiK
{
		background-image:url(../i/zosiaikevin_button.png);
}

.buttonC
{
		background-image:url(../i/ciufcia_button.png);
}

.buttonZzCC
{
		background-image:url(../i/zgadujzczuczu_button.png);
}

.buttonMini
{
		background-image:url(../i/minimini.jpg);
}

.link 
{
		color:#FFF; 
		font-size:10px; 
		font-weight:bold; 
		padding:40px;
}

.link-footer
{
		color:#FFF; 
		font-size:10px; 
		font-weight:bold; 
		padding:30px;
}