body {
        margin: 0;
        padding: 0;
        font: 12px Arial, Helvetica, sans-serif;
        color: #000;
        background-image: url(../images/bg.gif);
}

a {
        text-decoration: underline;
        color: #7a1c3e;
}

a:hover {
        text-decoration: none;
        background-color: #7a1c3e;
        color: #fff;
}

.float_left {
	float: left;
}

.float_right {
        float: right;
}

.right {
	text-align: right;
}

.center {
        text-align: center;
}

.clear {
	clear: both;
}

h2 {
        font-size: 14px;
        font-weight: bold;
        color: #7a1c3e;
}

h3 {
        font-size: 12px;
        font-weight: bold;
}

#container {
        width: 995px;
	margin: 8px auto;
        padding: 4px 0;
	text-align: left;
        background: #fff;
}

#header {
        height: 122px;
        padding: 0 0 0 210px;
        margin: 0 4px;
        background: #eae8e8 url(../images/logo.gif) no-repeat 28px 6px;
}

#header h1, #header h3 {
        margin: 0;
        text-align: left;
}

#header h1 {
        padding-top: 20px;
        font-size: 28px;
        font-weight: bold;
        color: #7a1c3e;
}

#header h3 {
        padding-top: 14px;
}

#header ul {
        margin: 0;
        padding: 23px 5px 0 0;
        list-style: none;
        text-align: right;
}

#header li {
        padding-right: 15px;
        margin-right: 5px;
        display: inline;
        background: url(../images/kockica.gif) no-repeat right center;
}

#header li#last {
        padding-right: 0;
        background: none;
}

#for_trainers {
        width: 200px;
        margin-top: 4px;        
}

#for_trainers h3, #for_users h3 {
				font-size: 13px;
				height: 20px;
        margin: 4px 0 0 0;
        text-align: center;
}

#for_trainers h3 {
        margin-left: 4px;
}

#for_trainers p, #for_users p {
	margin: 10px 4px 4px;
	padding: 0;
	font-weight: bold;
	color: #800080;
}

#for_trainers ul {
        margin: 0 0 15px 10px;
        padding: 0 10px;
}

#for_trainers ul.nav {
        margin: 0 0 0 4px;
        padding: 0;
        list-style: none;
}

#for_trainers ul.nav li, #for_users ul.nav li {
        margin: 0;
        padding: 0;
        width: 196px;
}

#for_trainers ul.nav li a, #for_users ul.nav li a {
	height: 100%; /*IE hack*/
        padding: 10px 5px;
        border-bottom: 1px dashed #e6e6e6;
        display: block;
        text-decoration: none;
        color: #fff;
        background-color: #7a1c3e;
}

#for_users ul.nav .active a, #for_trainers ul.nav .active a, #for_trainers ul.nav li a:hover, #for_users ul.nav li a:hover {
        background-color: #fff;
        color: #000;
}


#for_trainers h3 {
        margin: 0 3px 4px 5px;
        padding: 3px 10px;
        color: #fff;
        background-color:  #7a1c3e;
        text-align: left;
        width: 175px;
}

#for_users h3 {
        margin: 0 3px 4px 1px;
        padding: 3px 10px;
        color: #fff;
        background-color:  #7a1c3e;
        text-align: left;
        width: 175px;
}


#content {
        width: 595px;
        margin-top: 4px;
}

#static {
        margin: 0 4px 4px;
        padding: 4px 10px 10px;
        background: #ecf6fa; 
}

#static_title {
        font-size: 14px;
				height: 20px;
        margin: 0 3px 4px 5px;
        padding: 3px 10px;
        color: #fff;
        background: #bfd2da;
}

#static .for_trainers_block { margin-top: 10px; width: 240px; float: left  }
#static .for_users_block { margin-top: 20px; width: 260px; margin-left: 280px;   }

#static ul	{ padding-left: 25px; }
#static li	{ list-style: square; }	

#main {
        margin: 0px 4px;
}

#main h3#cat_title {
        margin: 0 0 4px 0;
        padding: 3px 10px;
        color: #f1f6ed;
        background: #bfd4b4;
        font-size: 13px;
				height: 20px;
}

#news {
        padding: 4px 10px;
        color: #7b976d;
        background: #f1f6ed;
}

#news a {
        text-decoration: underline;
        color: #000;
}

#news a:hover {
        text-decoration: none;
        background: #bfd4b4;
}

p.summary, p.text {
        margin: 8px 0 7px;
        color: #000;
}

#news p.summary {
        margin: 0 0 7px;
        color: #7b976d;
        text-align: right;
}

#category, #contact, #database, #article {
        padding: 4px 10px;
}

#main h3#archive {
        margin-top: 4px;
        text-align: center;
}

#main h3#archive a {
        padding: 3px 10px;
        display: block;
        color: #fff;
        background: #bfd4b4;
}

#main h3#archive a:hover {
        color: #bfd4b4;
        background: #fff;
}

#contact_form ul {
	color: red; 
}

#contact form {
        width: 380px;
        margin: 0 0 30px 0;
}

#contact fieldset {
        width: 380px;
        padding: 0;
        margin: 0;
        border: 0;
}

#contact form label {
        width: 100px;
        text-align: right;
        margin: 0 5px 0 0;
        padding: 0;
        display:-moz-inline-box;
        display: inline-block;
        vertical-align: middle;
}

#contact form label.textarea {
        vertical-align: top;
}

#contact form p#captcha {
        margin-left: 105px;
}

#contact form p#captcha label {
        width: 260px;
}

#contact form p#captcha img {
        vertical-align: middle;
}

#contact form input {
        width: 260px;
        border: 1px solid #ccc;
        padding: 2px;
}

#contact form textarea {
        width: 260px;
        border: 1px solid #ccc;
        padding: 2px;
}
#contact form input.submit {
        width: auto;
        margin-left: 105px;
}

#database img {
        margin: 5px 5px 0 0;
        float: left;
}

#database hr {
        height: 1px;
        border: 0;
        border-top: 1px solid #7a1c3e;
}

#for_users {
        width: 200px;
        margin-top: 4px;
}

#for_users ul {
        margin: 0 0 5px 10px;
        padding: 0 10px;
}

#for_users ul.nav {
        margin: 0 4px 0 0;
        padding: 0;
        list-style: none;
}

#for_users a#trainers img {
	margin: 10px 0 0;
	border: 0;
}

#footer {
		padding-top: 80px;
}


#donators {
        width: 995px;
				margin: 0 auto;
        background: url(../images/bg2.gif);
}

#donators div {
        padding: 10px;
        text-align: left;
}

#donators img {
        border: 1px solid #000;
        margin: 0 21px 10px;
}

#credits  {
        padding: 10px;
        width: 975px;
				margin: 0 auto;
        background: url(../images/bg2.gif);
}


#news2 {
        padding: 4px 10px;
        color: #7b976d;
        background: #f1f6ed;
}

#news2 a {
        text-decoration: underline;
        color: #000;
}

#news2 a:hover {
        text-decoration: none;
        background: #bfd4b4;
}

#news2 p.summary {
        margin: 0 0 7px;
        color: #7b976d;
        text-align: left;
}

#news2 img, #article img, #category img {
        margin: 0 5px 3px 0;
        float: left;
}

#news2 hr, #category hr {
        height: 1px;
        border: 0;
        border-top: 1px solid #7a1c3e;
        clear: both;
}