/******************************************************************
 * HABEK CSS
 * @author 3BeP
 * @since	21.XII.2007
 ******************************************************************/

/******************************************************************
 * General
 ******************************************************************/

* {padding: 0; margin: 0;}
body {font: 11px Arial, Helvetica, sans-serif; text-align: left; background: #DFE3E2;}
a, a:link, a:visited, a:active, a:focus {color: #FFF; text-decoration: none;}
a:hover {color: #DFE3E2;}
img {border: 0px; margin: 0px; padding: 0px;}
ul {list-style: none; margin: 0px; padding: 0px;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.image {float: left; padding: 10px;}

/******************************************************************
 * Structure
 ******************************************************************/
#container {position: relative; width: 955px; left: 50%; margin: 30px 0px 0px -478px; text-align: left;}
#header {float: left; width: 100%;}
#content {float: left; width: 100%; height: 375px; background-image: url(../images/content_bg.jpg); color: #555764;}
#footer {float: left; width: 925px; color: #838bab;}

/******************************************************************
 * Header
 ******************************************************************/

#header .site_naslov {width: 100%; margin: 0px 0px; color: #575a63;}
#header p {padding: 5px 0px;}
#header ul {margin: 10px 0px;}
#header ul li {display: inline; margin: 2px;}
#site_logo {float: left; display: block; width: 100%; height: 42px; background: url(../images/site_logo.gif) no-repeat;}
#site_logo a {display: block; width: 355px; height: 42px;}
#header_top_middle {float: left; display: block; width: 940px; height: 53px; background: url(../images/header_top_bg.gif); color: white; text-align: right; font-size: 1.6em; }
#header_top_middle p {margin: 5px 55px 0px 0px;}
#header_top_right {float: left; display: block; width: 15px; height: 53px; background: url(../images/header_top_kut_bg.gif) no-repeat;}

/******************************************************************
 * Content
 ******************************************************************/
#content img {border: 0px; margin: 0px;}
#content_left {float: left; display: block; width: 200px; height: 375px; background-image: url(../images/content_left_bg.jpg); background-position: bottom left; background-repeat: no-repeat;}
#content_middle {float: left; display: block; width: 405px; height: 375px; background-image: url(../images/content_middle_bg.jpg); background-position: bottom left; background-repeat: no-repeat; overflow: auto;}
#content_right {float: left; display: block; width: 345px; height: 375px; background-image: url(../images/content_br_bg.jpg); background-position: bottom right; background-repeat: no-repeat; margin-left: 5px;}

/*** homepage ***/
#content_left ul li {display: block; width: 160px; height: 40px; border-left: 1px dotted #555764; border-right: 1px dotted #555764; margin: 15px;}
#content_left_menu a {color: #555764; padding-left: 10px; font-size: 1.4em; font-weight: bold;}
#content_left_menu a:hover {color: #838bab;}
#content_left_menu .active a {color: #838bab;}
#content_left_menu .active a:hover {color: #555764;}

#content_middle h1 {color: #555764; padding: 10px 0px; font-size: 2em;}
#content_middle p {margin: 5px 0px;}
#content_middle .main_lower_part {margin-left: 75px;}
#content_middle .main_lower_part ul {list-style-type: disc; margin: 5px 13px;}
#content_middle a {color: #838bab; font-weight: bold;}
#content_middle a:hover {color: #555764;}

#content_right li {display: block; width: 315px;  height: 35px; background-image: url(../images/gumb_play.gif); background-position: center right; background-repeat: no-repeat; margin: 13px 0px 0px 10px;}
#content_right a {float: left; display: block; width: 225px; wi\dth: 205px; height: 35px; he\ight: 31px; color: #555764; border-left: 1px dotted #555764; border-right: 1px dotted #555764; font-size: 1.3em; font-weight: bold; padding: 2px 10px;}
#content_right a:hover {color: #838bab;}
#content_right .content_right_number {float: left; display: block; width: 40px; height: 35px; font-size: 2.7em;}

/*** static ***/
#content_static_upper {float: left; display: block; width: 955px;  height: 100px; text-align: center;}
#content_static_left {float: left; display: block; width: 273px;  height: 276px;}
#content_static_right {float: right; display: block; width: 650px;  height: 276px; background-image: url(../images/content_br_bg.jpg); background-position: bottom right; background-repeat: no-repeat; text-align: left; overflow: auto;}

#content_static_upper ul {display: inline;}
#content_static_upper ul li {float: left; display: inline; width: 156px;  height: 40px; border-left: 1px dotted #555764;}
#content_static_upper .last {border-left: 0px;}
#content_static_upper a {color: #555764; display: block; width: 145px;  height: 40px; font-weight: bold; margin-left: 5px;}
#content_static_upper a:hover {color: #838bab;}

#content_static_right h1 {color: #555764; padding: 10px 0px; font-size: 2em;}
#content_static_right_text {float: right; display: block; width: 630; height: 273px; margin-right: 20px;}
#content_static_right p {margin: 4px 0px 0px 0px;}

/******************************************************************
 * Footer
 ******************************************************************/
#footer p {font-size: 1.2em; margin: 5px 15px;}
#footer a {color: #838bab;}
#footer a:hover {color: #241c2a;}
#footer_info {float: left; display: block; width: 925px; height: 28px; color: white; background-color: #838bab; background-image: url(../images/footer_br_bg.jpg); background-position: top right; background-repeat: no-repeat;}