* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Helvetiva, sans-serif;
	font-size: 12px;
	text-align: center;
}

.clr {
	clear: both;
	height: 1px; 
	line-height: 1px;
}

/** ========================================================== Header ===== **/

#header {
	background: url(/var/img/header-background.jpg) repeat-x;
	width: 100%;
	height: 78px;
}

#header-content {
	background: url(/var/img/header-background.jpg) repeat-x;
	width: 995px;
	height: 78px;
	margin: 0 auto;
}

#logo {
	background: url(/var/img/logo.jpg) no-repeat;
	width: 283px;
	height: 78px;
	float: left;
}

#logo a {
	display: block;
	width: 283px;
	height: 78px;
	text-indent: -9999px;
}

#header-menu {
	background: url(/var/img/header-background.jpg) repeat-x;
	height: 78px;
	float: right;
	list-style: none;
}

#header-menu li {
	float: left;
}

#header-menu li span {
	display: block;
	width: 108px;
	height: 78px;
}

#header-menu li span a {
	display: block;
	text-indent: -9999px;
	width: 80px;
	height: 50px;
	margin: 0 auto;
}

#header-menu li #strona-glowna {
	background: url(/var/img/header-menu-strona-glowna.jpg) no-repeat;
}

#header-menu li #moj-profil {
	background: url(/var/img/header-menu-moj-profil.jpg) no-repeat;
}

#header-menu li #zapisz-sie {
	background: url(/var/img/header-menu-zapisz-sie.jpg) no-repeat;
}

#header-menu li #szukaj {
	background: url(/var/img/header-menu-szukaj.jpg) no-repeat;
}

#header-menu li #forum {
	background: url(/var/img/header-menu-forum.jpg) no-repeat;
}

#header-menu li #informacje-dla-mediow {
	background: url(/var/img/header-menu-informacje-dla-.jpg) no-repeat;
}

#header-menu li #ciekawe-linki {
	background: url(/var/img/header-menu-ciekawe-linki.jpg) no-repeat;
}

#header-menu li #kontakt {
	background: url(/var/img/header-menu-kontakt.jpg) no-repeat;
}

#header-menu li #test-edukacyjny {
	background: url(/var/img/header-menu-test-edukacyjny.jpg) no-repeat;
}

/** ======================================================= Main Menu ===== **/

#main-menu {
	clear: both;
	background: url(/var/img/main-menu-background.jpg) repeat-x;
	width: 100%;
	height: 27px;
}

#main-menu-list {
	list-style: none;
	width: 995px;
	height: 27px;
	background: url(/var/img/main-menu-background.jpg) repeat-x;
	margin: 0 auto;
	text-align: left;
}

#main-menu-list li {
	float: left;
}

#main-menu-list li span {
	display: block;
	width: 248px;
	height: 27px;
}

#main-menu-list li span a {
	display: block;
	text-indent: -9999px;
	width: 200px;
	height: 27px;
	margin: 0 auto;
}

#main-menu-list li #poznaj-swoje-cialo {
	background: url(/var/img/main-menu-poznaj-swoje-cial.jpg) no-repeat;
}

#main-menu-list li #metody-antykoncepcji {
	background: url(/var/img/main-menu-metody-antykoncep.jpg) no-repeat;
}

#main-menu-list li #dla-kobiet-karmiacych-piersia {
	background: url(/var/img/main-menu-dla-kobiet-karmia.jpg) no-repeat;
}

#main-menu-list li #forum {
	background: url(/var/img/main-menu-forum.jpg) no-repeat;
}

.main-menu-slider {
	display: none;
	clear: both;
	position: absolute;
	margin: 0 0 0 10px;
	width: 227px;
	list-style: none;
	z-index: 100000;
}

.main-menu-slider li {
	clear: both;
	background: url(/var/img/main-menu-slider-background.gif) repeat-y;
	width: 207px;
	padding: 0 10px;
}

.main-menu-slider li img {
	float: left;
	margin: 5px 0 0 5px;
}

.main-menu-slider li a {
	color: #003B71;
	text-decoration: none;
	line-height: 1.5em;
	display: block;
	float: left;
	margin: 0 0 5px 10px;
	text-align: left;
}

.main-menu-slider a:hover {
	text-decoration: underline;
}

.main-menu-slider li.main-menu-slider-top {
	width: 227px;
	height: 15px;
	background: url(/var/img/main-menu-slider-background.gif) repeat-y;
}

.main-menu-slider li.main-menu-slider-bottom {
	width: 227px;
	height: 24px;
	background: url(/var/img/main-menu-slider-bottom.gif) no-repeat;
}
/** =========================================== Content (Index & Page) =====**/

#index #content {
	clear: both;
	background: url(/var/img/index-content-background.jpg) repeat-x;
	width: 100%;
}

#page #content {
	clear: both;
	background: url(/var/img/page-content-background.jpg) repeat-x;
	width: 100%;
}

#index #content-content {
	background: url(/var/img/index-content-background.jpg) repeat-x;
	width: 995px;
	margin: 0 auto;
	text-align: left;
}

#page #content-content {
	background: url(/var/img/page-content-background.jpg) repeat-x;
	width: 995px;
	margin: 0 auto;
	text-align: left;
}

#page #content-content #content-left {
	width: 370px;
	float: left;
}

#page #content-content #content-right {
	width: 470px;
	float: right;
}

#content h2 {
	font-size: 2em;
	font-weight: bold;
}

#content h3 {
	font-size: 1.8em;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 30px 0;
	color: #346894;
}

#content h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	margin: 0 0 10px 0;
}

#content p {
	margin: 0 20px 10px 0;
	clear: both;
}

#content ul {
	list-style: url(/var/img/list-marker-2.jpg);
	margin: 0 0 10px 15px;
	line-height: 2em;
	padding: 0 0 0 10px;
}

#content ol {
	margin: 0 0 10px 15px;
	line-height: 2em;
	padding: 0 0 0 10px;
}


#content img {
	border: none;
}

#content a {
	color: #245786;
	text-decoration: none;
}

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

#content-right-clear {
	width: 470px;
	height: 495px;
	float: right;
	margin: -85px 0 0 0;
}

#content #content-menu {
	list-tyle: url(/var/img/list-marker-2.jpg);
	margin: 30px 0 0 0;
	line-height: 2em;
	padding: 10px 0 10px 30px;
	background: #EEF9FF;
	width: 320px;
}

#content #content-bottom-menu {
	clear: both;
	list-style: none;
	width: 640px;
	margin: 0 auto;
}

#content #content-bottom-menu li {
	float: left;
	width: 276px;
	height: 52px;
	margin: 20px;
}

#content #content-bottom-menu #forum {
	background: url(/var/img/content-menu-bottom-forum.jpg) no-repeat;
}

#content #content-bottom-menu #ask-gineacologist {
	background: url(/var/img/content-menu-bottom-ask.jpg) no-repeat;
}

#content #content-bottom-menu li a {
	display: block;
	width: 276px;
	height: 42px;
	text-indent: -9999px;
}

#content .content-blue-box-right {
	background: #EEF9FF;
	width: 430px;
	padding: 20px;
	margin: 0 20px 10px 0;
	float: right;
}

#content .content-blue-box-clear {
	background: #EEF9FF;
	padding: 20px;
	margin: 0 20px 10px 0;
	clear: both;
}

#content .files-menu {
	list-style: none;
	clear: both;
}

#content .files-menu li {
	float: left;
	margin: 20px 60px 20px 0;
}

#content .files-menu li img {
	vertical-align: middle;
	margin: 0 10px;
}

#content .files-menu li a {
	font-weight: bold;
	color: #000;
}

#content h4.blue {
	color: #346894;
}

/** ========================================================== Footer ===== **/

#footer {
	clear: both;
	background: url(/var/img/footer-background.jpg) repeat-x;
	width: 100%;
	height: 105px;
}

#footer-content {
	background: url(/var/img/footer-background.jpg) repeat-x;
	width: 995px;
	height: 105px;
	margin: 0 auto;
	padding: 10px 0;
	color: #003B71;
}

#copyright {
	float: left;
}

#copyright a
{
	color: #003B71;
	text-decoration: none;
	font-weight: bold;
}

#footer-menu {
	list-style: none;
	float: right;
}

#footer-menu li {
	float: left;
	margin: 0 10px;
}

#footer-menu li a {
	color: #003B71;
	text-decoration: none;
	border: none;
}

#footer-menu li  a:hover {
	text-decoration: underline;
}

#link-shering-plough {
	clear:both;
	display: block;
	text-decoration: none;
	background: url(/var/img/logo-shering-plough.jpg) no-repeat;
	text-indent: -9999px;
	width: 240px;
	height: 35px;
	margin: 30px 0 0 0;
}

/** =================================================== Index Content ===== **/

#index #content-content {
	height: 597px;
	background: url(/var/img/index-content-content-backg.jpg) no-repeat;
	padding: 5px 0 0 0;
}

#index #content-content #boxes {
	float: right;
}

#index #content-content #forum-mini, #ask-gineacologist-mini {
	background: url(/var/img/index-box-background.gif) no-repeat;
	width: 408px;
	height: 293px;
	margin: 0 0 5px 0;
}

#index #content-content #forum-mini-title, #ask-gineacologist-mini-title {
	color: #003B71;
	padding: 40px 0 15px 40px;
}

#index #content-content #forum-mini ul, #ask-gineacologist-mini ul {
	list-style: url(/var/img/list-marker.jpg);
	line-height: 1.5em;
	padding: 0 0 0 40px;
}

#index #content-content #forum-mini ul li a, #ask-gineacologist-mini ul li a {
	color: #000;
	text-decoration: none;
}

#index #content-content #forum-mini ul li a:hover, #ask-gineacologist-mini ul li a:hover {
	text-decoration: underline;
}

/** ==================================================== Page Content ===== **/

#page #content-content {
	background: url(/var/img/page-content-content-backgr.jpg) repeat-x;
	padding: 30px 70px;
	width: 860px;
}

/** ============================================================ Form ===== **/

#form-rejestracja {
	margin: 0 auto;
	text-align: center;
}

#form-rejestracja fieldset {
	width: 280px;
	border: none;
}

#form-rejestracja fieldset span {
	display: block;
	clear: both;
	height: 30px;
}

#form-rejestracja fieldset span label {
	float: left;
}

#form-rejestracja fieldset span input, #form-rejestracja fieldset span select {
	float: right;
	border: solid 1px #4F83AC;
}

#form-rejestracja #regSubmit, #form-rejestracja #regReset {
	clear: both;
	margin: 0 15px;
}

/* RM - nowe style */

#content fieldset.mark, #content fieldset.important
{
	padding: 5px;
	border: 1px solid #346894;
	text-align: justify;
	margin-bottom: 20px;
	padding-left: 15px;
}

#content fieldset.important
{
	border: 1px solid red;
}

#content fieldset.mark legend, #content fieldset.important legend
{
	color: #346894;
	padding-bottom: 0px;
}

#content fieldset.important legend
{
	color: red; 
}

#content fieldset.mark p, #content fieldset.important p, 
{
	padding-top: 10px;
}

#content fieldset.mark ul, #content fieldset.important ul
{
	background: #FFFFFF;
	margin: 0;
}


#content div.mark
{
	padding: 10px;
	border: 1px solid #346894;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #EEF9FF;
}


#AJAX_response
{
	text-align: center;
	padding: 10px;
}


.readonly
{
	color: silver;
	border: 1px solid gray;
}


.faq-question
{
	text-align: justify;
	font-weight: bold;
	color: 		#346894;
	cursor: help;
	padding-top: 10px;
}

.faq-answer
{
	padding: 10px;
	text-align: justify;
	display: none;
}

#lastModification
{
	text-align: right;
	color: gray;
	font-size: 10px;
}

/* SEARCH */


#search
{
	text-align: center;
	margin-bottom: 15px;
}

#search input.text
{
	width: 250px;
	border: 1px solid #83D6FE;
	height: 20px;
}

.search-result
{
	padding: 5px;
}

.search-result a
{
	display: block;
	font-size: 12px;
	padding-botton: 10px;
	margin-bottom: 10px;
}

#search-error
{
	text-align: center;
	padding: 	20px;
}


table.quiz th
{
	padding: 5px;
	color: #346894;
}


#login-form
{
	width: 100%;
}

#login-form table.login-form-table
{
	width:   400px;
	padding: 5px;
}

#login-form table.login-form-table th
{
	padding: 10px;
	color: #346894;
	font-size: 20px;
	text-align: center;
}

#login-form table.login-form-table td.label
{
	width: 30%;
	text-align: right;
	padding: 5px;
}

#login-form table.login-form-table td.input
{
	width: 70%;
	text-align: left;
	padding: 5px;
}

#login-form table.login-form-table input.text
{
	width: 200px;
	border: 1px solid #346894;
}


#systemMessage
{
	text-align: center;
	padding: 25px 0px 30px 0px;
	color: red;
	font-weight: bold;
	letter-spacing: 1px;
}

<!-- 

#popup
{
	position: absolute;
	margin: 300px -330px; 
	text-align: center; 
	width: 100%;
}

#popup-body
{
	margin: 0 auto 0 30%;
	width: 305px; 
	height: 180px; 
	background-image: url(/var/img/popup.gif); 
	background-repeat: norepeat;
}

#popup-close
{
	float: right; 
	height: 25px; 
	width: 25px;
}

#popup-body a
{
	display: block; 
	height: 155px; 
	width: 100%;
}

-->


#popup
{
	width: 305px; 
	height: 180px; 	
}

#popup-body
{
	margin-left: -100px;
	width: 305px; 
	height: 180px; 
	background-image: url(/var/img/popup.gif); 
	background-repeat: norepeat;
}

#popup-close
{
	float: right; 
	height: 25px; 
	width: 25px;
}

#popup-body a
{
	display: block; 
	height: 155px; 
	width: 100%;
}