* { padding: 0; margin: 0;}

body {
	background: #F3F5E0; 
	font-family: Georgia, Helvetica, Sans-serif;
	color: #7B0000;
}

p,ol{
	text-align: justify;
	padding-top: 10px;
	font-family: verdana;
	font-size: 0.8em;
}

p a{
	text-decoration: none;
	font-weight: bold;
	color: #972020;
}

p a:hover{text-decoration: underline;}
	
p.b{font-weight:bold; text-align:left;}

p.i{font-style: italic;}

p.sz{color: #f36053;}

p.k {font-size:0.6em;}

#icontent ol,ul {padding-left: 25px;}

#icontent ul {font-family: verdana, helvetica, Sans-serif; font-size: 0.8em;}

img{
	border: 1px solid #972020;
	padding: 10px;
	margin: 20px 20px 10px 0px;
	float: left;
	clear: left;
}

img.jobb {
	float:right;
	margin: 20px 0px 10px 20px;
}

img.betu{
	float:none;
	margin: 0px;
	margin-top: 20px;
}

img.n {
border: none;
margin-right: 17%;
float: right;
clear: none;
padding: 0px;
margin-top:0px;
}

img.bn {
border: none;
margin-left: 17%;
float: left;
padding: 0px;
margin-top:0px;
}

img.c {
border: none;
margin-left:auto;
margin-right:auto;
display: block;
float:none;
padding: 0px;
margin-top:20px;
margin-bottom:0px;
}

#nav ul
{
padding: 3px;
margin: 0px;
list-style-type: none;
background-color:  #ffcc47;
text-align: center;
}

#nav li { display: inline; }

#nav li a{
	text-decoration: none;
	background-color:  #ffcc47;
	color: #972020;
	padding: 3px;
	margin-right:18px;
	margin-left:18px;
}

#nav li a:hover{
	background-color: #ec7807;
	color: #ffffff;
}

#nav li a#act{ text-decoration: underline;}

#nav.g ul {background-color: #fff260;}
#nav.g li a {background-color: #fff260;}
#nav.g li a:hover{background-color: #ffd400; color: #940000;}

#nav.i ul {background-color: #f38f7e;}
#nav.i li a {background-color: #f38f7e;}
#nav.i li a:hover{background-color: #d14e36; color: #ffffff;}

#header img {
	border: none;
	padding: 0;
	position: absolute;	
	top: -20px;
	right: -20px;
}

#wrapper { 
        margin: 0 auto;
        margin-top: 8px;
        margin-bottom: 10px;
        padding: 1px;
        width: 920px;
        overflow:hidden;
        background: #F3F5E0; 
}

#header {
        width: 898px;
        padding: 10px;
        border: 1px solid #972020;
        height: 100px;
        margin: 0px 0px 10px 0px;
        background: #f3755e url(hatter.png) top right no-repeat;
        position: relative;
}

#icontent {
	float:left;
	padding:20px;
}


#cszimbo {
	background: #ffe090;
	width:918px;
	padding:0px; 
        float:left;
        border: 1px solid #972020;
        border-top: none;
 }
#cgrafo {
	background: #ffffb7;
	width:918px;
	padding: 0px;
        float:left;
        border: 1px solid #972020;
	border-top:none;
}
#celer {
	background: #e0f8c0;
	width:878px;        
	float:left;
        border: 1px solid #972020;
        border-top: none;
        margin: 0px;
	padding: 20px;
}
#cbemut {
	background: #f3d3b6;
	width:918px;
        float:left;
        border: 1px solid #972020;
        border-top: none;
        margin: 0px;
}

table{border-collapse: collapse;}
td {padding-right: 48px; padding-bottom: 10px; border-bottom: 1px dotted #972020; vertical-align: top;}

.menu{
        padding: 3px 0;
        margin-left: 0;
        border-bottom: 1px solid #972020;
        list-style-type: none;
        text-align: center;
}

.menu li{
        display: inline;
        margin: 0;
        font-size: 1.25em;
        letter-spacing: 1px;
}

.menu li a{
        text-decoration: none;
        padding: 3px 7px;
        padding-right: 30px;
        padding-left:30px;
        margin-right: 10px;
        margin-left: 10px;
        border: 1px solid #972020;
        background-color: #f6ffd5;
        color: #972020;
}


.menu li a.eleract{border-bottom: 1px solid #ccf982; background:  #ccf892;}
.menu li a.bemutact{border-bottom: 1px solid #f38f7e; background: #f38f7e;}
.menu li a.szimboact{border-bottom: 1px solid #ffcc47;background:#ffcc47;}
.menu li a.grafoact{border-bottom: 1px solid #fff260;background: #fff260;}

.menu li a.eler {background:  #ccf892;}
.menu li a.bemut {background: #f38f7e; }
.menu li a.szimbo {background:#ffcc47;}
.menu li a.grafo {background: #fff260;}

.menu li a:hover {color: #ffffff;}

.menu li a.eler:hover {background:#80bf2f;}
.menu li a.bemut:hover {background:#d14e36;}
.menu li a.szimbo:hover {background:#ec7807;}
.menu li a.grafo:hover {background:#ffd400;}

.menu li a.eleract:hover {background:#80bf2f;}
.menu li a.bemutact:hover {background:#d14e36;}
.menu li a.szimboact:hover {background:#ec7807;}
.menu li a.grafoact:hover {background:#ffd400;}

h1 { font-size: 3.5em; padding: 5px 0px 0px 10px; font-weight: normal; color: #972020;}
h1 a, h1 a.hover, h1 a.active, h1 a.visited {font-weight: normal; color: #972020; text-decoration:none;}
h2 { font-size: 0.95em; padding: 0px 0px 15px 15px; position: absolute; bottom: 0; letter-spacing: 1px;color: #972020;}
h3 { font-size: 1.8em; padding: 3px 0px 3px 0px; margin-bottom:20px; font-weight: normal; border-bottom: 1px solid #972020; width: 878px; color: #c44025;}
h4{font-size: 1.4em; font-weight: normal; font-style: italic; color: #c44025; padding-bottom: 5px;}
h4.koz{padding-top: 30px;}