@CHARSET "UTF-8";

div#header div.logo {
	float: left;
	width: 970px;
	height: 180px;
	background: url(../images/header/logo.jpg) no-repeat top left;
}

div#header div.logo a.link_main {
	float:left;
	height: 165px;
	width: 210px;
	position:relative
}

div#header div.logo a.link_main img{position:absolute; top:122px; left:186px}

div.logo div {
	display: inline;
	float: right;
	margin: 10px 25px 0 0;
}

div.logo div.who {
	margin-top: 15px;
	text-align:right;
}

div.logo div span.datetime {
	font-size: 10px;
	color: #c097a9;
	display:block;
	margin:0 0 5px
}

div#header div.logo div span.welcome {
	/*float: left;*/
	margin-right: 10px;
}

div.logo div a {
display:inline-block;
}

div.logo div a span {
	font-size: 12px;
	font-weight: bold;
	color: #0f43a7;
	/*float: left;*/
	margin-right: 5px;
}

div.logo div a {
	text-decoration:none;
}

div.logo div a:hover{
	text-decoration: none;
}

div.logo div a img {
	/*float: right;*/
	margin-top: 2px;
}


/** menu **/
div#header ol.menu {
	float: left;
	width: 970px;
	height: 51px;
	background: url(../images/header/menu_tlo.gif) repeat-x top left;
	margin:0;
	padding:0;
	list-style-type:none;
	
}
div#header ol.menu li{float:left;}


div#header ol.menu a {
	float: left;
	height: 51px;
}

div#header ol.menu a:hover {
	text-decoration: none;
}

/** link start **/
div#header ol.menu a.hp {
	width: 35px;
	background: url(../images/header/home.jpg) no-repeat top;
}

div#header ol.menu span {
	display: none;
}

/** link przed ciążą **/
div#header ol.menu a.me1 {
	width: 102px;
	background: url(../images/header/m1.gif) no-repeat top;
}

div#header ol.menu a.me1:hover, div#header ol.menu a.me1_active  {
	width: 102px;
	background: url(../images/header/m1.gif) no-repeat bottom;
}

/** link ciąża **/
div#header ol.menu a.me2 {
	width: 58px;
	background: url(../images/header/m2.gif) no-repeat top;
}

div#header ol.menu a.me2:hover, div#header ol.menu a.me2_active  {
	width: 58px;
	background: url(../images/header/m2.gif) no-repeat bottom;
}


div#header ol.menu a.me3 {
	width: 62px;
	background: url(../images/header/m3.gif) no-repeat top;
}

div#header ol.menu a.me3:hover, div#header ol.menu a.me3_active  {
	width: 62px;
	background: url(../images/header/m3.gif) no-repeat bottom;
}

/** link po porodzie **/
div#header ol.menu a.me4 {
	width: 105px;
	background: url(../images/header/m4.gif) no-repeat top;
}

div#header ol.menu a.me4:hover, div#header ol.menu a.me4_active  {
	width: 105px;
	background: url(../images/header/m4.gif) no-repeat bottom;
}

/** link kalendarz **/
div#header ol.menu a.me5 {
	width: 131px;
	background: url(../images/header/m5.gif) no-repeat top;
}

div#header ol.menu a.me5:hover, div#header ol.menu a.me5_active  {
	width: 131px;
	background: url(../images/header/m5.gif) no-repeat bottom;
}

/** link encyklopedia **/
div#header ol.menu a.me6 {
	width: 119px;
	background: url(../images/header/m6.gif) no-repeat top;
}

div#header ol.menu a.me6:hover, div#header ol.menu a.me6_active  {
	width: 119px;
	background: url(../images/header/m6.gif) no-repeat bottom;
}

/** link kącik taty **/
div#header ol.menu a.me7 {
	width: 88px;
	background: url(../images/header/m7.gif) no-repeat top;
}

div#header ol.menu a.me7:hover, div#header ol.menu a.me7_active  {
	width: 88px;
	background: url(../images/header/m7.gif) no-repeat bottom;
}

/** link galerie **/
div#header ol.menu a.me8 {
	width: 71px;
	background: url(../images/header/m8.gif) no-repeat top;
}

div#header ol.menu a.me8:hover, div#header ol.menu a.me8_active  {
	width: 71px;
	background: url(../images/header/m8.gif) no-repeat bottom;
}

/** link blogi **/
div#header ol.menu a.me9 {
	width: 57px;
	background: url(../images/header/m9.gif) no-repeat top;
}

div#header ol.menu a.me9:hover, div#header ol.menu a.me9_active  {
	width: 57px;
	background: url(../images/header/m9.gif) no-repeat bottom;
}

/** link forum **/
div#header ol.menu a.me10 {
	width: 65px;
	background: url(../images/header/m10.gif) no-repeat top;
}

div#header ol.menu a.me10:hover, div#header ol.menu a.me10_active  {
	width: 65px;
	background: url(../images/header/m10.gif) no-repeat bottom;
}

/** link profil **/
div#header ol.menu a.me11 {
	width: 77px;
	background: url(../images/header/m11.gif) no-repeat top;
}

div#header ol.menu a.me11:hover, div#header ol.menu a.me11_active  {
	width: 77px;
	background: url(../images/header/m11.gif) no-repeat bottom;
}

/** podmenu **/
#header {font:1px/1px Verdana, Geneva, sans-serif}

#header .submenu {
	height: 29px;
	background: url(../images/header/submenu.gif) repeat-x top left;
}

#header .submenu ul {
	display: inline;
	float: left;
	margin: 5px 0 0 45px;
	padding: 0;
	height: 19px;
}

#header .submenu li {
	display: inline;
	float: left;
	height: 19px;	
	margin-right: 6px;
	vertical-align:top
}

#header .submenu li a {
	float: left;
	color: #0857E6;
}

#header .submenu li a:hover {
	color: #fff;
	text-decoration:none
}

#header .submenu ul a span {
	margin: 0 10px;
	font-size: 11px;
	line-height:19px; vertical-align:middle
}

#header .submenu ul li:hover, #header .submenu ul li.active {
	background: #5b8de6 url(../images/header/sub_prawy.gif) no-repeat top right;
}

#header .submenu ul li a:hover, #header .submenu ul li.active a {
	background: url(../images/header/sub_lewy.gif) no-repeat top left;
}

#header .submenu ul li a span:hover, #header .submenu ul li.active a span {
	margin: 0 10px;
	font-size: 11px;
	color: #fff;
}