/*no menu/topdiv bottom border, no footer top border*/

/*TODO:zmienic na topdiv... tj sciagnac z body*/
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*****************************************  TopDiv ********************************************/
#topDiv{
	color:#eee;
	background-color:#888;
	padding-bottom:1px;
	font-weight:bold;
	text-align:center;
}
#topMenu.long #topDiv h1{	
	font-size:24px;
	color:#eee;
}
#topMenu.long #topDiv h2{	
	font-size:18px;
	color:#ddd;
}
#topMenu.long #topDiv a.homeLogo{
	width:44px;
	height:49px;
	display:block;
	position:absolute;
	left:10px;
	top:2px;
	background: url("/common/gfx/ikonkaduza.png") left top;
}
#topMenu.long #topDiv a.homeLogo:hover{
	background: url("/common/gfx/ikonkaduza.png") left bottom;		
}

#menuShow,#menuHide{
    display:block;
    position:absolute;
    top:4px;
    right:15px;
    
    font-size:10px;
    font-weight:bold;
}
#menuShow{
    display:none;
    color:#000;
}
#menuHide{
    color:#ddd;
}
/**** short ******/
#topMenu.short #menuShow{
    display:block;
}
#topMenu.short #menuHide{
    display:none;
}

#topMenu.short #topDiv{
	background-color: #888;
	height:20px;
    border-bottom:1px solid #aaa;
}
#topMenu.short #topDiv a.homeLogo{
	margin:2px 0px 0px 10px;
	width:15px;
	height:17px;
	display:block;
	float:left;
	background: url("/common/gfx/ikonkamala.gif") left top;
}
#topMenu.short #topDiv a.homeLogo:hover{
	background: url("/common/gfx/ikonkamala.gif") left bottom;
}

#topMenu.short #topDiv h1{
	display:block;
	float:left;	
	font-size:18px;
	margin-left: 10px;
	color:#000;
}
#topMenu.short #topDiv h2{	
	display:none;
}

/** addthis **/
#topMenu a#bmAddThisButton
{
	position:absolute;
	top:2px;
	right:2px;
	display:block;
	width:125px;
	height:16px;
	background:url("/common/gfx/addthis.png") left top;
}

#at20mc {position: absolute;left:0px; top:0px;}

#topMenu a#bmAddThisButton:hover
{
	background:url("/common/gfx/addthis.png") left bottom;
}


/*****************************************  TopDiv ********************************************/
/*********************************  MenuDiv / SubmenuDiv  *************************************/
#menuDivOld{
    display:none;
}

#topMenu.short #menuDiv,#topMenu.short #submenuDiv{
	display:none;
}
#menuDiv{
	height:20px;
	line-height:20px;
	font-size: 10px;
	font-weight: bold;
	background-color: #555;
	color:#eee;
	border-top:1px solid #aaa;
}
#submenuDiv{
	color:#808080;
	border-top:1px solid #808080;
    padding-bottom:1px;
    margin-bottom:2px;
}

#submenuDiv a{
	border-bottom:1px solid #808080;
    line-height:21px;
    height:21px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:14px;
	color:#808080;
    font-size:11px;
}
#submenuDiv a span{
    font-size:10px;
	font-weight: bold;
}
#submenuDiv a:hover{
	color:#77f;    
}

#subAND{
    background:url(/common/gfx/android13.png) left center no-repeat;
}

#subAD{
    background:url(/common/gfx/addthis13.png) left center no-repeat;
}
#subFB{
    background:url(/common/gfx/fb13a.png) left center no-repeat;
}
a#subAND{
    color:#64f723;
    font-weight:bold;
}
a#subAND:hover{
    color:#339a06;
    font-weight:bold;
}

a#subMD{
    color:#1fd900;
    font-weight:bold;
    font-size:10px;
    border:none;   
    margin:1px;
    position:relative;
    overflow:hidden;
    padding-right:10px;
}
a#subMD:hover{
    margin:0;
    color:#1fd900;
    border:1px solid #3edf22;
}
#subMD #subMDFill{
    position:absolute;
    left:0;
    padding:2px 0 0 14px;
    top:0;
    bottom:0;
    line-height:14px;
    height:16px;
    color:#fff;
    background:#3edf22;
    overflow:hidden;
}

#menuDiv a{
	height:20px;
	line-height:20px;
	background-color: #666;
	color:#eee;
	text-decoration: none;
	margin:0px 1px;	
	padding:4px 20px;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}
	
#menuDiv a:hover{
	background-color: #333;
}

#menuDiv span{
	margin:0px 5px;
}

#menuDiv .menuHighlight{
	color:#ffd;
}

/*****************************************  TopAlertDiv ********************************************/
#topAlertDiv{
	margin:30px 60px;
}
#topAlertDiv p
{
	font-size:16px;
	position:relative;
	text-align:left;
	color:#000;
	font-style:italic;	
	margin:10px 0px;
}
/*****************************************  TopAlertDiv ********************************************/
/*****************************************  Middle Divs ********************************************/
#middleDiv{
/*	margin:10px;*/
}

#rightColumn{
	float:right;
	width:240px;
}
#leftColumn{
	/*	TODO: 240 test IE	*/
	margin-right:260px;
}

/*****************************************  Middle Divs ********************************************/
/*****************************************  Footer ********************************************/

#footerMenu{
    height:23px;
}
/*** Flags ***/

#topMenu.short #flagsDiv{
	display:none;
}

#flagsDiv{
    float:left;
    display:block;
    height:11px;
    border-top:1px solid #555;
    padding:6px 10px;
}
#flagsDiv a.flag{
    float:left;
	padding-left:20px;
	height:11px;
	background-image:url(/common/gfx/flagsROvert10.png);
	background-repeat:no-repeat;
	margin-left:5px;
}
#flagsDiv a.flag span{
    position:relative;
    top:-1px;
    line-height:11px;
	font-size: 10px;
	font-weight: bold;
    color:#777;
    text-decoration:underline;
}
#flagsDiv a{
    display:none;
}
#flagsDiv:hover a{
    display:block;
}

#flagsDiv a.en{background-position:left -110px;}#flagsDiv a.en:hover,#flagsDiv.en a.en{display:block; background-position:left 0;}
#flagsDiv a.pl{background-position:left -121px;}#flagsDiv a.pl:hover,#flagsDiv.pl a.pl{display:block; background-position:left -11px;}
#flagsDiv a.it{background-position:left -132px;}#flagsDiv a.it:hover,#flagsDiv.it a.it{display:block; background-position:left -22px;}
#flagsDiv a.de{background-position:left -143px;}#flagsDiv a.de:hover,#flagsDiv.de a.de{display:block; background-position:left -33px;}
#flagsDiv a.ru{background-position:left -154px;}#flagsDiv a.ru:hover,#flagsDiv.ru a.ru{display:block; background-position:left -44px;}
#flagsDiv a.fr{background-position:left -165px;}#flagsDiv a.fr:hover,#flagsDiv.fr a.fr{display:block; background-position:left -55px;}
#flagsDiv a.ja{background-position:left -176px;}#flagsDiv a.ja:hover,#flagsDiv.ja a.ja{display:block; background-position:left -66px;}
#flagsDiv a.es{background-position:left -187px;}#flagsDiv a.es:hover,#flagsDiv.es a.es{display:block; background-position:left -77px;}
#flagsDiv a.pt{background-position:left -198px;}#flagsDiv a.pt:hover,#flagsDiv.pt a.pt{display:block; background-position:left -88px;}
#flagsDiv a.zh{background-position:left -209px;}#flagsDiv a.zh:hover,#flagsDiv.zh a.zh{display:block; background-position:left -99px;}


#footerDiv{
    border-top:1px solid #555;
	text-align:center;
	font-size:10px;
	color:#777;
    padding:1px;
}
#footerDiv a{
	color:#777;
	text-decoration:underline;
}
/*****************************************  Footer ********************************************/