*
{
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font-family: Tahoma;
	list-style: none;
}

body
{
	background: url( "images/backgrounds/hand.jpg" ) 0px 467px no-repeat #fbfbfa;
	padding-left: 42px;
}

a
{
	color: inherit;
}

#browserWarn
{
	display: none;
}

#contactInfo
{
	position: absolute;
	top: 10px;
	left: 687px;
	z-index: 1;
}

#contactInfo strong
{
	font-size: 15px;
	color: #754091;
}

#contactInfo address
{
	margin-top: 10px;
	font-size: 12px;
	font-style: normal;
}

#contactInfo address *
{
	font-size: 12px;
	color: inherit;
}

/**
* MainMenu stuff
*/

#mainMenu
{
	background: url( "images/backgrounds/header.jpg" ) top left no-repeat;
	width: 1809px;
	height: 467px;
	position: relative;
	left: -42px;
	float: left;
	clear: both;
}

#mainMenu ol li
{
	float: left;
}

#mainMenu ol li a span
{
	background: url( "images/menuSprite.jpg" ) no-repeat;
	position: absolute;
}

#mainMenu ol li.first, #mainMenu ol li.first *
{
	width: 161px;
	height: 85px;
}

#mainMenu ol li.first
{
	margin: 113px 0 0 37px;
}

#mainMenu ol li.first a span
{
	background-position: 0 0;
}

#mainMenu ol li.first a:hover span
{
	background-position: -161px 0;
}

#mainMenu ol li.second, #mainMenu ol li.second *
{
	width: 112px;
	height: 62px;
}

#mainMenu ol li.second
{
	margin-top: 76px;
}

#mainMenu ol li.second a span
{
	background-position: 0 -85px;
}

#mainMenu ol li.second a:hover span
{
	background-position: -112px -85px;
}

#mainMenu ol li.third, #mainMenu ol li.third *
{
	width: 102px;
	height: 56px;
}

#mainMenu ol li.third
{
	margin: 146px 0 0 -54px;
}

#mainMenu ol li.third a span
{
	background-position: 0 -147px;
}
#mainMenu ol li.third a:hover span
{
	background-position: -102px -147px;
}

#mainMenu ol li.fourth, #mainMenu ol li.fourth *
{
	width: 90px;
	height: 50px;
}

#mainMenu ol li.fourth
{
	margin: 96px 0 0 -29px;
}

#mainMenu ol li.fourth a span
{
	background-position: 0 -203px;
}

#mainMenu ol li.fourth a:hover span
{
	background-position: -90px -203px;
}

#mainMenu ol li.fifth, #mainMenu ol li.fifth *
{
	width: 130px;
	height: 73px;
}

#mainMenu ol li.fifth
{
	margin: 150px 0 0 -24px;
}

#mainMenu ol li.fifth a span
{
	background-position: 0 -253px;
}

#mainMenu ol li.fifth a:hover span
{
	background-position: -130px -253px;
}

#mainMenu ol li.sixth, #mainMenu ol li.sixth *
{
	width: 92px;
	height: 48px;
}

#mainMenu ol li.sixth
{
	margin: 90px 0 0 -52px;
}

#mainMenu ol li.sixth a span
{
	background-position: 0 -326px;
}

#mainMenu ol li.sixth a:hover span
{
	background-position: -92px -326px;
}

#mainMenu ol li.seventh, #mainMenu ol li.seventh *
{
	width: 72px;
	height: 39px;
}

#mainMenu ol li.seventh
{
	margin: 138px 0 0 -13px;
}

#mainMenu ol li.seventh a span
{
	background-position: 0 -374px;
}

#mainMenu ol li.seventh a:hover span
{
	background-position: -72px -374px;
}

/**
* MainBody stuff
*/

#mainBody
{
	width: 583px;
	min-height: 600px;
	padding: 0 52px 0 20px;
	float: left;
	clear: left;
	margin-top: -167px;
	z-index: 1;
	position: relative;
	top: 0px;
	left: 0px;
}

#mainBody h1
{
	font-size: 29px;
	padding: 2px 0 5px 0;
	margin-top: 18px;
	font-weight: 400;
}

#mainBody div.text
{
	padding-top: 45px;
}

#mainBody div p
{
	color: #717273;
	margin-bottom: 1.5em;
	font-size: 17px;
	letter-spacing: 0.05em;
	line-height: 1.4em;
}

#mainBody div p img
{
	/*float: left;*/
}

#staticAnchor
{
	position: absolute;
	top: 180px;
	left: 0px;
}

#mainBody.oprojektu h1
{
	color: #7bab4d;
	background: url( "images/borders/green.gif" ) top left repeat-x;
}

#mainBody.oprojektu div.text
{
	background: url( "images/borders/green.gif" ) top left repeat-x;
}

#mainBody.oprojektu h2.organizations
{
	background: url( "images/borders/green.gif" ) top left repeat-x;
	color: white;
	width: 100%;
	margin-bottom: 40px;
	padding-top: 10px;
}

#mainBody.oprojektu h2.organizations a
{
	background: url( "images/backgrounds/greenBubble.png" ) top left no-repeat;
	font-size: 16px;
	font-weight: 400;
	width: 293px;
	padding: 7px 0 27px 15px;
	display: block;
	cursor: pointer;
}

#mainBody.oprojektu #organizations img
{
	float: left;
	margin-right: 20px;
	clear: left;
}

#mainBody.oprojektu #organizations h3, #mainBody.oprojektu #organizations strong
{
	color: #7bab4d;
	font-size: inherit;
	font-weight: 400;
}

#mainBody.oprojektu #organizations p
{
	float: left;
	width: 420px;
	margin-bottom: 35px;
	font-size: 0.9em;
}

#mainBody.eticnipotrosnik h1
{
	background: url( "images/borders/lightblue.gif" ) top left repeat-x;
	color: #6c9cc2;
}

#mainBody.eticnipotrosnik div.text
{
	background: url( "images/borders/lightblue.gif" ) top left repeat-x;
}

#mainBody.eticnipotrosnik h2
{
	color: #6c9cc2;
	font-weight: 400;
	margin-bottom: 30px;
}

#mainBody.eticnipotrosnik .eticniButton
{
	display: block;
	position: absolute;
	top: -10px;
	left: 450px;
}


#mainBody.gradivazaucitelje h1
{
	background: url( "images/borders/violet.gif" ) top left repeat-x;
	color: #ce1684;
}

#mainBody.gradivazaucitelje div.text
{
	background: url( "images/borders/violet.gif" ) top left repeat-x;
}

/**
* moj-dan is quite complex
*/

#mainBody.mojdan h1
{
	background: url( "images/borders/red.gif" ) top left repeat-x;
	color: #eb1f3a;
}

#mainBody.mojdan div.text
{
	background: url( "images/borders/red.gif" ) top left repeat-x;
}

#mainBody.mojdan ul.menu
{
	height: 200px;
	margin-top: -20px;
}

#mainBody.mojdan ul.menu li
{
	float: left;
	width: 287px;
	height: 96px;
}

#mainBody.mojdan ul.menu li a
{
	color: white;
	display: block;
	width: 277px;
	font-size: 24px;
	padding: 40px 0 12px 10px;
	font-weight: 200;
}

#mainBody.mojdan ul.menu li.morning
{
	background: url( "images/buttons/morning.png" ) top left no-repeat;
	margin-right: 8px;
}

#mainBody.mojdan ul.menu li.noon
{
	background: url( "images/buttons/noon.png" ) top left no-repeat;
}

#mainBody.mojdan ul.menu li.afternoon
{
	background: url( "images/buttons/afternoon.png" ) top left no-repeat;
	margin-right: 8px;
}

#mainBody.mojdan ul.menu li.evening
{
	background: url( "images/buttons/evening.png" ) top left no-repeat;
}

#mainBody.mojdan.morning ul.menu
{
	background: url( "images/borders/orange.gif" ) bottom left repeat-x;
}

#mainBody.mojdan.noon ul.menu
{
	background: url( "images/borders/green.gif" ) bottom left repeat-x;
}

#mainBody.mojdan.afternoon ul.menu
{
	background: url( "images/borders/violet.gif" ) bottom left repeat-x;
}

#mainBody.mojdan.evening ul.menu
{
	background: url( "images/borders/lightblue.gif" ) bottom left repeat-x;
}

#mainBody.mojdan img
{
	float: left;
	margin-right: 15px;
}

#mainBody.mojdan h2
{
	font-weight: 400;
	margin: 30px 0 40px 0;
}

#mainBody.mojdan.morning h2, #mainBody.mojdan.morning a
{
	color: #f58220;
}

#mainBody.mojdan.noon h2, #mainBody.mojdan.noon a
{
	color: #71a64b;
}

#mainBody.mojdan.afternoon h2, #mainBody.mojdan.afternoon a
{
	color: #ca1786;
}

#mainBody.mojdan.evening h2, #mainBody.mojdan.evening a
{
	color: #599ac1;
}

/**
* globaln izzivi is another complex bit
*/

#mainBody.globalniizzivi h1
{
	background: url( "images/borders/orange.gif" ) top left repeat-x;
	color: #fd8225;
}

#mainBody.globalniizzivi div.text
{
	background: url( "images/borders/orange.gif" ) top left repeat-x;
}

#mainBody.globalniizzivi ul.menu
{
	height: 200px;
	margin-top: -20px;
}

#mainBody.globalniizzivi ul.menu li
{
	float: left;
	width: 287px;
	height: 96px;
}

#mainBody.globalniizzivi ul.menu li a
{
	color: white;
	display: block;
	width: 277px;
	font-size: 19px;
	padding: 45px 0 12px 10px;
	font-weight: 200;
}

#mainBody.globalniizzivi ul.menu li.climate
{
	background: url( "images/buttons/climate.png" ) top left no-repeat;
	margin-right: 8px;
}

#mainBody.globalniizzivi ul.menu li.economy
{
	background: url( "images/buttons/economy.png" ) top left no-repeat;
}

#mainBody.globalniizzivi ul.menu li.learning
{
	background: url( "images/buttons/learning.png" ) top left no-repeat;
	margin-right: 8px;
}

#mainBody.globalniizzivi ul.menu li.dictionary
{
	background: url( "images/buttons/dictionary.png" ) top left no-repeat;
}

#mainBody.globalniizzivi img
{
	float: left;
	margin-right: 15px;
}

#mainBody.globalniizzivi h2
{
	font-weight: 400;
	margin: 30px 0 40px 0;
}

#mainBody.globalniizzivi ul.menu
{
	background: url( "images/borders/orange.gif" ) bottom left repeat-x;
	margin-bottom: 40px;
}

#mainBody.globalniizzivi.climate ul.menu
{
	background: url( "images/borders/green.gif" ) bottom left repeat-x;
}

#mainBody.globalniizzivi.economy ul.menu
{
	background: url( "images/borders/violet.gif" ) bottom left repeat-x;
}

#mainBody.globalniizzivi.learning ul.menu
{
	background: url( "images/borders/lightblue.gif" ) bottom left repeat-x;
}

#mainBody.globalniizzivi.dictionary ul.menu
{
	background: url( "images/borders/yellow.gif" ) bottom left repeat-x;
}

#mainBody.globalniizzivi.climate h2, #mainBody.globalniizzivi.climate a
{
	color: #b0d236;
}

#mainBody.globalniizzivi.economy h2, #mainBody.globalniizzivi.economy a
{
	color: #815884;
}

#mainBody.globalniizzivi.learning h2, #mainBody.globalniizzivi.learning a
{
	color: #599ac1;
}

#mainBody.globalniizzivi.dictionary h2, #mainBody.globalniizzivi.dictionary a
{
	color: #e0aa1c;
}

/**
* news need a lot of styling as well, woop-de-doo
*/
#mainBody.news h1
{
	color: #f5b41d;
	background: url( "images/borders/yellow.gif" ) top left repeat-x;
}

#mainBody.news ol
{
	background: url( "images/borders/yellow.gif" ) top left repeat-x;
	padding-top: 45px;
}

#mainBody.news h2, #mainBody.news h2 *
{
	color: #f5b41d;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 21px;
}

#mainBody.news label
{
	font-size: 16px;
	color: #898c8f;
	display: block;
	margin-bottom: 5px;
}

#mainBody.news label:after
{
	content: ",";
}

#mainBody.news li
{
	font-size: 15px;
	color: #717273;
	margin-bottom: 62px;
}

#mainBody.news p
{
	letter-spacing: 0.05em;
	line-height: 1.4em;
}

#mainBody.news .commentMeta
{
	margin-top: 15px;
}

#mainBody.news .commentMeta a
{
	display: block;
	width: 100px;
	float: left;
	background: url( "images/graphics/comment.png" ) top left no-repeat;
	height: 27px;
	padding-left: 35px;
	font-size: 15px;
}

#mainBody.news .commentMeta a:first-child
{
	background: url( "images/graphics/comments.png" ) top left no-repeat;
	padding: 0 50px 0 35px;
}

#mainBody.news ol.comments
{
	background: url( "images/borders/comments.png" ) top left repeat-x;
	float: left;
	clear: both;
	width: 590px;
	margin-top: 20px;
	padding-top: 20px;
}

#mainBody.news ol.comments li
{
	padding-bottom: 10px;
	border-bottom: 1px solid #717273;
	margin-top: 15px;
	width: 560px;
}

#mainBody.news ol.comments h4
{
	color: #f5b41d;
	font-weight: 400;
	font-size: 15px;
}

#mainBody.news ol.comments label
{
	font-size: 13px;
	color: #58595b;
	display: block;
	margin-bottom: 19px;
}

#mainBody.news ol.comments p, #mainBody.news ol.comments p *
{
	color: #58595b;
	font-size: 14px;
}

#mainBody.news form
{
	display: block;
	float: left;
	clear: both;
	background: #dcddde;
	width: 560px;
}

#mainBody.news form label
{
	font-size: 19px;
	float: left;
	clear: right;
	margin: 15px 0 0 0;
	text-transform: lowercase;
}

#mainBody.news form label:after
{
	content: "";
}

#mainBody.news form input.lol
{
	display: none;
}

#mainBody.news form input
{
	float: left;
	clear: left;
	width: 224px;
	height: 24px;
	font-size: 20px;
	padding: 2px;
	margin: 15px 10px 0 15px;
}

#mainBody.news form label.comment
{
	clear: both;
	margin-left: 15px;
}

#mainBody.news form label.comment:after
{
	content: ":";
}

#mainBody.news form textarea
{
	float: left;
	clear: both;
	width: 523px;
	height: 126px;
	font-size: 14px;
	padding: 5px;
	margin: 5px 10px 0 15px;
}

#mainBody.news form input.submit
{
	width: 102px;
	height: 26px;
	margin-bottom: 10px;
}

/**
* and advice is much similar, but with some changes
*/

#mainBody.news.advice h1
{
	color: #22428e;
	background: url( "images/borders/blue.gif" ) top left repeat-x;
}

#mainBody.news.advice ol
{
	background: url( "images/borders/blue.gif" ) top left repeat-x;
	padding-top: 45px;
}

#mainBody.news.advice h2, #mainBody.news.advice h2 *
{
	color: #22428e;
}

#mainBody.news.advice ol.comments h4
{
	color: #22428e;
}

/**
* sidebar stuff because sidebars are cool like that
*/

#sidebar
{
	width: 284px;
	position: absolute;
	top: 302px;
	left: 687px;
}

#sidebar #logo
{
	width: 234px;
	height: 93px;
	display: block;
	margin-left: 10px;
}

#sidebar #logo span
{
	width: 234px;
	height: 93px;
	position: absolute;
	background: url( "images/backgrounds/logo.jpg" ) top left no-repeat;
}

#sidebar h2.news
{
	color: #f4b41d;
	font-size: 24px;
	background: url( "images/borders/yellow.gif" ) top left repeat-x;
	padding: 4px 0 4px 0;
	font-weight: 400;
	margin-top: 48px;
}

#sidebar ol.news
{
	background: url( "images/borders/yellow.gif" ) top left repeat-x;
	padding-top: 26px;
}

#sidebar ol.news li
{
	margin-bottom: 10px;
}

#sidebar ol.news label
{
	font-size: 16px;
	color: #898c8f;
}

#sidebar ol.news h3, #sidebar ol.news h3 *,
#sidebar ol.news strong, #sidebar ol.news strong *
{
	font-size: 16px;
	color: #f5b41d;
	font-weight: 400;
	margin-bottom: 17px;
	margin-top: 13px;
}

#sidebar ol.news.quickrow h3, #sidebar ol.news.quickrow h3 *
{
	font-size: 20px;
}

#sidebar ol.news strong
{
	padding-left: 5px;
}

#sidebar ol.news.archive strong
{
	padding-left: 0;
}

#sidebar ol.news p, #sidebar ol.news p *
{
	font-size: 15px;
	color: #898c8f;
	line-height: 21px;
}

#sidebar ol.news a.more
{
	margin-left: 5px;
	text-transform: lowercase;
	color: #f5b41d;
}

#sidebar ol.news a.more:after
{
	content: " ...";
}

#sidebar h2.tip
{
	font-size: 22px;
	color: #22428e;
	font-weight: 400;
	background: url( "images/borders/yellow.gif" ) top left repeat-x;
	padding: 43px 0 0 15px;
	margin: 24px 0 -33px 0;
}

#sidebar ol.tip
{
	background: url( "images/borders/tipBorder.jpg" ) top left no-repeat;
	width: 278px;
	height: 323px;
	padding: 55px 0 0 15px;
}

#sidebar ol.tip label
{
	font-size: 16px;
	color: #22428e;
	float: right;
	margin: -45px 30px 0 0;
}

#sidebar ol.tip h3
{
	font-size: 18px;
	color: #67a5ca;
	font-weight: 400;
	margin-top: -5px;
	margin-bottom: 15px;
}

#sidebar ol.tip p
{
	width: 265px;
	margin-top: -5px;
	line-height: 1.1em;
}

#sidebar ol.tip p, #sidebar ol.tip p *
{
	font-size: 16px;
	line-height: 26px;
	color: #717273;
}

#sidebar h2.advice
{
	color: #22428e;
	background: url( "images/borders/blue.gif" ) top left repeat-x;
}

#sidebar ol.advice
{
	background: url( "images/borders/blue.gif" ) top left repeat-x;
}


#sidebar ol.advice h3, #sidebar ol.advice h3 *,
#sidebar ol.advice strong, #sidebar ol.advice strong *
{
	color: #22428e;
}

#sidebar ol.tip a.more
{
	color: #22428e;
	margin-left: 5px;
	text-transform: lowercase;
}

#sidebar ol.tip a.more:after
{
	content: " ...";
}


/**
* footer logically comes last
*/

#footer
{
	float: left;
	clear: both;
	margin-top: 150px;
	font-size: 11px;
	color: #58595b;
}

#footer div
{
	background: url( "images/backgrounds/footer.gif" ) top left no-repeat;
	font-size: 13px;
	width: 925px;
	height: 24px;
}

#footer div a
{
	margin: 4px 10px 0 0;
	padding-left: 10px;
	border-left: 1px solid #58595b;
	height: 15px;
	display: block;
	float: left;
	font-weight: bold;
}

#footer div a:first-child
{
	border: 0;
}

#footer div a:hover
{
	font-weight: bold;
}

#footer div a.first:hover
{
	color: #7bab4d;
}

#footer div a.second:hover
{
	color: #fd8225;
}

#footer div a.third:hover
{
	color: #ad1c83;
}

#footer div a.fourth:hover
{
	color: #709ac0;
}

#footer div a.fifth:hover
{
	color: #ca243c;
}

#footer div a.sixth:hover
{
	color: #ebb730;
}

#footer div a.seventh:hover
{
	color: #32448c;
}

#footer span
{
	float: left;
	margin: 15px 0 100px 265px;
	width: 320px;
}

#footer span a
{
	font-weight: bold;
}

div.potrosnik_link
{
	display: block;
	margin-top: 20px;
}