/*
	Image2Markup.com - Professional PSD Slicing
	info@image2markup.com
*/

/* -- Default "_RESET_" Rules -- */

* {margin: 0px; padding: 0px;}

body { color: #000;	text-align: center;	font-family: Verdana, sans-serif; font-size: 11px; background-color: #eee;	}

a { color: #464544; text-decoration: underline; outline: none; }
a img { text-decoration: none; border: none; cursor: pointer; }


/* -- Standard Helpers -- */

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.fw { width: 100%; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.wrapper1 { width: 900px; display: block; text-align: left; margin: auto; }
.wrapper2 { width: 910px; display: block; text-align: left; margin: auto; padding-top: 15px; }
.wrapper3 { width: 906px; display: block; text-align: center; margin: auto; padding: 15px 0 30px; }

/* -- Your Site Starts Here -- */

.header { width: 900px; height: 62px; background: url(../images/header.gif) top left no-repeat; margin-bottom: 1px; }
.header .logo { margin: 10px 0 0 8px; float: left; }


.login { float: left; padding: 22px 0 0 85px; }
input.text { width: 130px; height: 20px; background: url(../images/input_text.gif) top left no-repeat; border: 0 none; text-align: center; color: #333; font-size: 12px; padding-top: 2px; margin-right: 15px; }


.other { color: #fff; padding-top: 25px; }
.other a { text-decoration: underline; padding: 0 3px; color: #fff; }


.navigation { width: 900px; height: 35px; background: url(../images/navigation.gif) top left no-repeat; text-align: left; }
.navigation ul { padding-top: 6px; }
.navigation li { display: inline; margin-left: 15px; list-style-type: none; }
.navigation li a { font-size: 16px; color: #fff; text-decoration: none; }
.navigation li a.active { color: #333; text-decoration: underline; }


.content_top { height: 50px; padding: 14px 0 0 6px; background: url(../images/content_top.gif) top left no-repeat; }
.content_top li { display: inline; margin-left: 0px; height: 28px; margin-right: -6px; list-style-type: none; }
.content_top li a { text-decoration: none; font-size: 13px; color: #fff; float: left; height: 28px; padding-left: 12px;  }
.content_top li a span { float: left; height: 28px; padding-right: 14px; line-height: 23px; cursor: pointer; }

.content_top li a.active { background: url(../images/active_left.gif) top left no-repeat; }
.content_top li a.active span { color: #333; background: url(../images/active_right.gif) top right no-repeat;  line-height: 25px; }

/* Odkomentiraj ovo za hover efekt
.content_top li a:hover { background: url(../images/active_left.gif) top left no-repeat; }
.content_top li a:hover span { color: #333; background: url(../images/active_right.gif) top right no-repeat;  line-height: 25px; }
*/

/* prvi element ima drugaciji lijevi kut */
.content_top li.first a.active { background: url(../images/first_left.gif) top left no-repeat; padding-left: 6px; line-height: 25px; }
.content_top li.first a.active span { color: #333; background: url(../images/active_right.gif) top right no-repeat; }


.content_center { padding: 0px 20px; background: url(../images/content_center.gif) top left repeat-y; }
.content_bottom { height: 32px; background: url(../images/content_bottom.gif) top left no-repeat; }


.footer_top { padding-top: 9px; background: url(../images/footer_top.gif) top left no-repeat; }
.footer_bottom { height: 11px; background: url(../images/footer_bottom.gif) top left no-repeat; }
.footer_content { background: url(../images/footer_content.gif) top left repeat-y; }


.loading { background: #fff url(../images/loading.gif) center center no-repeat; }