@CHARSET "UTF-8";

body, h1 { margin: 0px; padding: 0px; font-family: tahoma, verdana, arial, helvetica; font-size: 12px; line-height: 18px; color: #333; }

a { outline: none; }
h1 { font-size: 16px; margin: 10px 0px; }

#page { width: 920px; margin: auto; }

#header { overflow: hidden; zoom: 1; background: url(../design/header_girl_small.jpg) top right no-repeat; height: 90px; }
#header #right { text-align: right; padding: 10px 10px; line-height: 14px; width: 550px; }
#header img { border: 0px; margin-top: 30px; }

#menu { overflow: auto; zoom:1; }

#menu a, .menu_active{
	width: 230px;
	height: 51px;
	display: block;
	text-decoration: none;
	float: left;
}

#menu #menu_zdravstvo { background-image: url(../design/menu_zdravstvo.png); }
#menu #menu_zaposljavanje { background-image: url(../design/menu_zaposljavanje.png); }
#menu #menu_obrazovanje { background-image: url(../design/menu_obrazovanje.png); }
#menu #menu_stanovanje { background-image: url(../design/menu_stanovanje.png); }

#menu a:hover, .menu_active{ background-position: bottom; }

#menu_sub { background: #0C7CA4; padding: 10px 10px 0px 10px; overflow: auto; zoom: 1; float: left; margin-bottom: 20px; width: 900px; border-bottom: 1px solid #04b5f9; }
#menu_sub a, .sub_active { margin-left: 1px; background: none; color: #fff; display: block; float: left; text-decoration: none; padding: 5px 10px; }
#menu_sub a:hover, .sub_active { background: url(../design/menu_back.png) !important; border-bottom: 1px solid #01b0f8; padding-bottom: 3px !important; }

#left { float: left; width: 690px; }


#welcome, #welcome_more  { clear: right; padding: 0px 10px 10px; zoom: 1; overflow: auto; background: #E7EFF2 url(../design/welcome_TL.gif) top left no-repeat; font-size: 14px; line-height: 20px; }
#welcome .title { font-size: 24px; font-family: georgia; padding-bottom: 20px; }
#welcome a { text-decoration: none; color: #00a1e2; }
#welcome a:hover { background-color: #e7eff2; color: #0c7da5; }
#welcome_more { background-image: none; }


#headlines { clear: both; overflow: hidden; zoom: 1; /*background: #fff url(../design/boxes.gif) repeat-y;*/ border-top: 1px solid #ccc; }
#headlines .column { width: 200px; float: left; padding: 10px 15px 20px 15px;  }
#headlines .column a, #right a { text-transform: uppercase; font-size: 11px; text-decoration: none; display: block; color: #0096d0; padding: 3px 0px; background: url(../design/dot_fff.gif) repeat-x bottom; }
#headlines .column a:hover, #right a:hover, .more a:hover { background-color: #e7eff2; color: #0c7da5; }

#right { float: right; width: 200px; padding: 0px 15px; }

#founders { clear: both; background: url(../design/founders.jpg) no-repeat 0px 20px ; height: 94px; border-top: 1px solid #ccc; }
#footer { padding: 20px 0px; border-top: 1px solid #ccc; clear: both; margin-top: 10px; font-size: 10px }


.more { zoom: 1; overflow: hidden; padding-top: 3px; line-height: 16px; }
.more a { color: #6385A1; float: right; background: url(../design/arrow_right.gif) no-repeat 0px 2px !important; padding: 0px 0px 0px 20px !important; text-decoration: none;  }


#informator { border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 0px 10px 10px; }

.lightBlue { color: #00a1e2; }
.small { font-size: 14px !important; font-family: helvetica !important }


.tekst { background: url(../design/dot_fff.gif) repeat-x bottom; padding-bottom: 15px; }

.title { text-align: left; color: #5a5c57; font-family: helvetica; font-weight: bold; font-size: 14px; padding: 20px 0px 10px; }
.obrazovanje { background: url(../design/typo/obrazovanje.gif) no-repeat; }
.zaposljavanje { background: url(../design/typo/zaposljavanje.gif) no-repeat; }
.zdravstvo { background: url(../design/typo/zdravstvo.gif) no-repeat; }
.vestiOpste { background: url(../design/typo/vesti.gif) no-repeat; }

#header a, #footer a { text-decoration: none; color: black; }
#header a:hover, #footer a:hover { text-decoration: underline; color: black; }


#content { padding: 10px; clear: left; }

#content a { color: #0096d0; text-decoration: none; }
#content a:hover { background-color: #e7eff2; color: #0c7da5; border-bottom: 1px solid #0c7da5; }

.vrhStrane { text-align: right; font-size: 10px }