﻿* 
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

body 
{
	background-color:#f1f5ff;	
}

#page 
{
	width:990px;
	margin:auto;
}

#top 
{
	height:150px;
	width:990px;
}

#top img 
{
	margin-top:50px;
	margin-left:70px;
}

#content 
{
	height:356px;
	width:990px;
}

#menu
{
	float:left;
	width:235px;
	height:356px;
}

#menu ul
{
	list-style-type:none;
}

#menu ul li 
{
	text-align:right;
}

#menu ul li a
{
	padding:10px 0px 10px 0px;
	height:30px;
	line-height:30px;
	font-family:Verdana,Tahoma,"sans-serif";
	font-size:7pt;
	color:rgb(0,51,154);
	text-align:right;
	text-decoration:none;
}

a.active 
{
	text-decoration:underline !important;	
}

#tekst 
{
	float:left;
	width:355px;
	height:356px;
}

#tekst p
{
	padding-top:5px;
	padding-left:30px;
	padding-right:30px;
	font-family: Verdana;
	font-size:11px;
	text-align:justify;
	line-height:20px;
	font-weight:bolder;
	color:#000000;
}

#media 
{
	float:left;
	width:400px;
	height:356px;
	background-image:url('../img/loader.gif');
	background-repeat:no-repeat;
	background-position:center center;
}

#mediaContent,
#player
{
	width:400px;
	height:356px;
	background-repeat:no-repeat;
	background-position:center center;
}

#stopka
{
	width:100%;
	height:143px;
	margin-top:40px;
	background-color:#003399;
}

#stopka #logo
{
	width:990px;
	height:143px;
	margin:auto;
	background-image:url('../img/logoStopka.gif');
	background-position:30px center;
	background-repeat:no-repeat;
}

#stopka p
{
	margin-left:250px;	
}

.medium
{
	font-family:Verdana;
	font-size:15px;
	color:#ffffff;	
}

.big 
{
	padding-top:52px;
	font-family:Arial;
	font-size:20px;
	color:#ffffff;	
}

#odpowiedz1,
#odpowiedz2,
#odpowiedz3,
#odpowiedz4,
#odpowiedz5
{
	display:none;
	color:#003399 !important;
	margin-bottom:20px;
}

#pytanie1,
#pytanie2,
#pytanie3,
#pytanie4,
#pytanie5
{
	cursor:pointer;
	margin-bottom:20px;
}

#pytanie1 span,
#pytanie2 span,
#pytanie3 span,
#pytanie4 span,
#pytanie5 span 
{
	display:inline-block;
	width:8px;	
}

#wprowadzenie,
#wywiad,
#proces 
{
	text-decoration:underline;
	cursor:pointer;	
}