/* CSS Document */
body{
	background:url(../gfx/linebg.gif) left top repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

strong strong{
    color:#b00;
}

h1{
/*	font-family:"Berlin Sans FB",Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
/*	color:#6A6652;
	color:#A09559;*/
	color:#857E58;
}

h3{
	color:#3284A1;
	font-weight:bold;
	font-size:18px;
	text-shadow: 1px 2px 3px #888;
}

h4{
	border-bottom:1px solid #3284A1;
	color:#000;
	font-weight:bold;
	font-size:16px;
}

h5{
	color:#000;
	font-weight:bold;
	font-size:14px;
}

a#reakcjaLogo{
	display:block;
	width:214px;
	height:214px;
	position:absolute;
	left:20px;
	top:10px;
	z-index:100;
	background:url(../gfx/reakcjaLogoRO.png) left top no-repeat;
}
a#reakcjaLogo:hover{
	background:url(../gfx/reakcjaLogoRO.png) right top no-repeat;
}

#centerDiv{
	margin:100px 100px 0px 100px;
	position:relative;
}

table#mainTable{
	position:relative;
	margin:50px 0px 0px 0px;
}
table#mainTable .mainTableColumn{
	position:relative;
}
#footerDiv{
	margin-top:50px;	
	font-size:10px;
	font-weight:bold;
	color:#555;
}
.reakcjaLogoMiniAnim{
	width:47px;
	height:47px;
	display:block;
	background:url(../gfx/reakcjaLogoMiniAnim.gif) left top no-repeat;
}
.reakcjaLogoMiniAnim:hover{
	background:url(../gfx/reakcjaLogoMiniAnim2.gif) left top no-repeat;
}

.redLink{
	color:red;
	text-decoration:underline;
}
.whiteLink{
	color:white;
	text-decoration:underline;
}
.blue{
	color:#447387;
}
.blueBold{
	color:#447387;
	font-weight:bold;
}
.error{
	font-size:12px;
	font-weight:bold;
	color:#f00;
	margin:10px;	
}
/************************* title ***********************/
#titleBar{
	border:1px solid #447387;
	abackground-color:#ccd;
	background-color:#F0F2F7;
	height:30px;
	position:relative;
}
#titleDiv{/*reszta w noie6/ie6*/
	width:346px;
	height:128px;
	display:block;
	position:absolute;
	top:-60px;
	right:70px;
}

/********************* content ***************************/
#contentDiv{
	margin-top:50px;
}
.horizontalLine{
	border:1px solid #447387;
	background-color:#F0F2F7;
	height:5px;
	line-height:1px;
	font-size:1px;
	display:block;
}
#contentText a.dottedLink{
	color:#3284A1;
	border-bottom: 1px dotted #3284A1;
}
#contentText a.dottedLink:hover{
	border-bottom: 1px solid #3284A1;
}
#contentText h4{
	margin-top: 40px;
}

#contentText h5{
	margin: 15px 0px 5px 0px;
}

#contentText{
	margin:20px 20px 0px 20px;
	position:relative;
}

#contentText .important1{
	color:#ee0000;
}
#contentText .important2{
	font-weight:bold;
	color:#ee0000;
}

#contentText .faqAnswer{
	font-size:12px;
	margin-left:20px;	
}

#contentText p
{
    margin:10px 0px;
    text-indent:20px;
}

#contentText .ml
{
    margin-left:20px;
}

#contentText a.standardLink
{
	text-decoration:underline;
	color:#447387;
}
.separator{
	background:url(../gfx/separator.gif) left top no-repeat;
	display:block;
	width:49px;
	height:49px;
	margin:10px;
}

#hourglassAnim{
	background:url(../gfx/animkaKlepsydra.gif) left top no-repeat;
	display:block;
	width:49px;
	height:51px;
	margin:10px;
}


.marginTop{
	margin-top:32px;
}

#contentText a.invertLink{
	background-color:#447387;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
/*	clear:both;*/
/*	position:relative;*/
/*	float:left;*/
	padding:1px 3px;
}

#contentText .invertText{
	background-color:#447387;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	padding:1px 3px;
}

#contentDiv span.arrows{
	margin:10px;
	background-color:#447387;
	font-weight: bold;
	font-size:12px;
	padding:2px;
	color:#fff;
}

/************************ menu ************************/
.menuItem{	
	position:relative; 
	float:right;
	margin:20px 0px;
	height:5px;
	line-height:1px;
	font-size:1px;
	overflow:visible;
}
.menuItem.on{
	border:1px solid #447387;
	background-color:#F0F2F7;
	margin-top:19px;
	margin-bottom:19px;
}
.menuItem:hover,.menuItem.on:hover{
	border:1px solid #00AEEF;
	background-color:#F0F2F7;
	margin-top:19px;
	margin-bottom:19px;
}
.menuItem div{
	position:absolute;
	top:-19px;
	right:20px;
}
.menuItem:hover div,.menuItem.on:hover div,.menuItem.on div{
	position:absolute;
	top:-19px;
	right:19px;
}

#textStart{	width:113px;}
#textStart div{
	background:url(../gfx/textStart.gif) left top no-repeat;
	width:73px;
	height:38px;
}
#textIdea{	width:106px;}
#textIdea div{
	background:url(../gfx/textIdea.gif) left top no-repeat;
	width:66px;
	height:38px;
}
#textPytania{	width:159px;}
#textPytania div{
	background:url(../gfx/textPytania.gif) left top no-repeat;
	width:119px;
	height:38px;
}
#textWpisy{	width:128px;}
#textWpisy div{
	background:url(../gfx/textWpisy.gif) left top no-repeat;
	width:88px;
	height:38px;
}
#textSpotkania{	width:194px;}
#textSpotkania div{
	background:url(../gfx/textSpotkania.gif) left top no-repeat;
	width:154px;
	height:38px;
}

#textJestem{	width:138px;}
#textJestem div{
	background:url(../gfx/textJestemPattern8b.png) left top no-repeat;
	width:98px;
	height:38px;
}

#textForum{	width:140px;}
#textForum div{
	background:url(../gfx/textForum.gif) left top no-repeat;
	width:100px;
	height:38px;
}

#textWsparcie{	width:175px;}
#textWsparcie div{
	background:url(../gfx/textWsparcie.gif) left top no-repeat;
	width:135px;
	height:38px;
}

/*************************** ogloszenie **************************/
#ogloszenie{
	font-family:Arial, Helvetica, sans-serif;
	margin:50px 0px;
}

#ogloszenieTytul{
	width:400px;
	font-size:48px;
	text-align:center;
	font-weight:bold;
	padding:10px 0px 5px 0px;
	color:white;
	background-color:#000;
}
#ogloszenieTresc{
	width:400px;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	color:black;
	background-color:white;
}
#ogloszenieTresc div{
	font-size:18px;
	text-align:center;
	font-weight:bold;
}
#ogloszenieListki{
	width:400px;
	color:white;
	background-color:#000;
/*	border-bottom:solid 2px white;*/
}
#ogloszenieListki table{
	width:400px;
	font-weight:bold;
	font-size:8px;
	line-height:7px;
	border-left:solid 1px white;
}
#ogloszenieListki table td{
	padding:5px;
	border-right:solid 1px white;
}

/************************************************ jestem *********************************************/
#jestemTable{
	margin-top:30px;
}
#jestemTable td{
	font-size:12px;	
	padding:2px;
	border:1px solid #ddd;
}
#jestemTable th{
	color:#3284A1;
	font-weight:bold;
	font-size:12px;	
	background-color:#ddd;
	padding:2px;
}