/* CSS Document */

body {
background:#E0E0E7 url(images/body_background.jpg) repeat-x top left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
text-align:center;
margin:0px;
padding:0px;
}

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

a:hover {
color:#00CCFF;
}

#wrapper {
width:956px;
margin:0px auto;
background:url(images/content_background.jpg) repeat-y top left;
position:relative;
text-align:left;
}

#header {
background:url(images/e-content_top.jpg) repeat-x top left;
width:956px;
height:170px;
}

#top_left {
background:url(images/top_left.jpg) no-repeat top left;
width:17px;
height:170px;
float:left;
}

#top_right {
background:url(images/top_right.jpg) no-repeat top left;
width:17px;
height:170px;
float:right;
}

#logo {
background: url(images/e-logo.jpg) no-repeat top left;
width:127px;
height:90px;
float:left;
}
#e_dnevnik {
margin-top:7px;
height:30px;
float:left;
color:#FFFFFF;
}

#top_menu {
color:#FFFFFF;
margin-top:17px;
margin-left:20px;
height:30px;
float:left;
}
#top_menu a {
color:#FFFFFF;
}
#top_menu a:hover {
color: #00CCFF;
}

#slogan {
padding: 55px 50px 0px 142px
}

#title {
margin: 20px 50px 0px 50px
}

.h_line {
margin: 10px 50px;
height:10px;
background-color:#EBEBEB;
}

.h_line2 {
margin: 5px 0px;
height:5px;
background-color: #CCCCCC;
}

h1, h2, h3, h4, h5 {
margin:0px;
padding:0px;
font-weight:normal;
}
h1 {
font-size:24px;
}
h2 {
font-size:21px;
}
h3 {
font-size:18px;
}
h4 {
font-size:14px;
}
h5 {
font-size:12px;
}

#footer {
width:956px;
height:11px;
font-size:9px;
text-align:center;
padding-top:15px;
clear:both;
background:url(images/footer.jpg) no-repeat top left;
}

#content {
padding:0px 50px;
min-height:300px;
}

.block {
width:180px;
padding:10px;
background-color:#E9E9E9;
float:right;
clear:right;
}

.clear_both {
clear:both;
}