@import url("css/content_gallery.css");
@import url("css/community.css");
@import url("css/extuser.css");

div {margin: 0; padding: 0;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
form {margin: 0; padding: 0;}

h1 {
	font: bold 18px Tahoma;
	color: #0f82d6;
	display: block;
	padding: 0 0 25px 0;
	margin-top: -4px; 
}

h4 {
	font: bold 12px Tahoma;
	color: #333;
	padding: 0 0 18px 0;
}
a {color: #00aeef;}

div.clear {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 1px;
	clear: both;
	overflow: hidden;
}

body {
	margin: 0 auto;
	padding: 0;
	font: normal 12px Tahoma;
	color: #333;
	background: #CCC;
}

#outer_wrapper {
	position: relative;
	display: block;
	margin: 0 auto;
	height: 1%;
	width: 100%;
	background: white url(../images/body_bg.gif) top left repeat-x;
}

#wrapper {
	position: relative;
	display: block;
	width: 966px;
	margin: 0 auto;
	padding: 0;
}

/************************************************************************************************************

		HEADER OBJECTS
*/

#header {
	position: relative;
	display: block;
	width: 966px;
	height: 176px;
}

#header .logotip {
	position: absolute;
	display: block;
	width: 280px;
	height: 176px;
	top: 0;
	left: -95px;
}

#header .header_flash {
	position: absolute;
	top: 0;
	left: 185px;
}

#header .user_box {
	position: absolute;
	display: block;
	width: 172px;
	top: 0;
	right: 13px;
	padding-top: 5px;
	font: normal 10px Tahoma;
	color: #666;
	background: white url(../images/bg_user_login.gif) bottom left no-repeat;
}
/*
#header .user_box form,#header .user_box div.tools {display: none;}
*/
#header .user_box div.item {
	position: relative;
	display: block;
	margin: 1px 0 0 0;
	padding: 3px 10px;
}

#header .user_box div.item span {
	position: relative;
	float: right;
	margin-top: 3px;
}

#header .user_box div.item h3 {
	font: bold 12px Tahoma;
	color: #666;
	margin: 0;
	padding: 0 5px;
}

#header .user_box div.item input.user_input {
	font: normal 10px Tahoma;
	color: #666;
	padding: 4px 3px 1px 3px;
	margin: 0;
	border: none;
	background-color: #eaeaea;
	width: 84px;
}

#header .user_box div.item input.user_submit {
	position: absolute;
	top: 3px;
	right: 10px;
	width: 55px;
	height: 17px;
	font: normal 9px Tahoma;
	color: white;
	text-align: right;
	margin: 0;
	padding: 0 5px 1px 0;
	border: none;
	background: #00aeef url(../images/bg_submit_bullet.gif) 4px 5px no-repeat;
}

#header .user_box div.tools {
	position: relative;
	display: block;
	margin: 8px 11px 0 11px;
	padding: 5px 3px 9px 3px;
	border-top: 1px solid #cedeec;
}

#header .user_box div.tools span {
	padding: 0 0 0 8px;
	margin: 0 7px 0 0;
	background: transparent url(../images/bg_minilink_bullet.gif) 0 5px no-repeat;
}
#header .user_box div.tools span.last {margin: 0;}

#header .user_box div.tools span a {
	font: normal 9px Tahoma;
	text-decoration: none;
}


/* 	temp ..
	preden gremo vn z drugo fazo

#header .user_box form,#header .user_box div.tools {display: none;}
#header .user_box {
	top: -1px;
	height: 80px;
	background: transparent url(../images/tmp_bg_loginbox.gif) top left no-repeat;
}
/***********************************************************************************************************

		MENU ROW OBJECTS
*/

#menu_row {
	position: relative;
	display: block;
	height: 65px;
}

#menu_row .logotip {
	position: absolute;
	top: 4px;
	left: 48px;
}

/**********************************************************************************************************

		MAIN MENU
*/

#main_menu {
	position: absolute;
	display: block;
	height: 65px;
	width: 557px;
	top: 0;
	left: 205px;
}

#main_menu ul {
	position: relative;
	display: block;
	height: 65px;
	width: 557px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent url(../images/mainmenu_ul_bg.gif) top right no-repeat;
}

#main_menu ul li {
	position: relative;
	float:left;
}

#main_menu ul li a {
	display: block;
	background: transparent url() 0 0 no-repeat;
}

#main_menu ul li a:hover {
	background-position: 0 -65px;
}

#main_menu ul li a.selected,
#main_menu ul li a:hover.selected {
	background-position: 0 -130px;
}

#main_menu ul li a span {
	display: none;
}

/**********************************************************************************************************

		LANG SELECTOR
*/

#lang_selector {
	position: absolute;
	display: block;
	height: 39px;
	width: 172px;
	top: 13px;
	right: 13px;
	background: #0f82d6 url(../images/bg_lang_selector.gif) 0 0 no-repeat;
}



/***********************************************************************************************************

		MAIN BODY
*/

#body {
	position: relative;
	display: block;
	padding: 0 13px 20px 13px;
	background: white;
	height: 1%;
}

#body div.inner {
	position: relative;
	display: block;
	margin: 0;
	padding: 20px 0;
	border-top: 13px solid black;
	height: 1%;
}

body.blue #body div.inner { 
	border-top: 13px solid #00aeef;
	background: none; 
}
body.orange #body div.inner { 
	border-top: 13px solid #f6b820;
	background: transparent url(../images/body_orange.gif) 0 0 no-repeat; 
}
body.green #body div.inner { 
	border-top: 13px solid #57ad2b;
	background: transparent url(../images/body_green.gif) 0 0 no-repeat; 
}
body.red #body div.inner { 
	border-top: 13px solid #ed061f; 
	background: transparent url(../images/body_red.gif) 0 0 no-repeat;
}
body.purple #body div.inner { 
	border-top: 13px solid #d83095; 
	background: transparent url(../images/body_purple.gif) 0 0 no-repeat;
}

#body div.left, #body div.main, #body div.right {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 1%;
	float: left;
	width: 193px;
}

#body div.main {
	width: 554px;
}


#submenu {
	position: relative;
	display: block;
	margin: 13px 0 0 0;
	padding: 0;
	width: 172px;
	height: 1%;
}



#submenu ul {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 1%;
	border-top: 1px solid #999;
}

#submenu ul li {
	position: relative;
	margin: 0;
	padding: 0;
}

#submenu ul li a {
	display: block;
	font: bold 12px Tahoma;
	margin: 0;
	padding: 7px 0 8px 0;
	border-bottom: 1px solid #999;
	text-decoration: none;
}

#submenu ul li a:hover {}

#submenu ul li a.blue { color: #00aeef; }
#submenu ul li a.orange { color: #f6b820; }
#submenu ul li a.green { color: #57ad2b; }
#submenu ul li a.red { color: #ed061f; }
#submenu ul li a.purple { color: #d83095; }


#submenu ul ul {
	padding: 7px 0 8px 10px;
	border: none;
	border-bottom: 1px solid #999;
	height: 1%;
}

#submenu ul ul li a {
	display: block;
	font: normal 11px Tahoma;
	margin: 0;
	padding: 6px 0 6px 12px;
	border: none;
	text-decoration: none;
	color: #666;
	background: transparent url(../images/sub_bullet.gif) 0 11px no-repeat;
}

#submenu ul ul li a.selected { font-weight: bold; color: #00aeef; }



/* communitiy submenu */

#community_submenu {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 172px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	height: 1%;
}


#community_submenu div.title {
	position: relative;
	display: block;
	padding: 7px 0 8px 0;
	color: #0f82d6;
	font: bold 12px Tahoma;
	text-transform: uppercase;
}

#community_submenu div.menu_box {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 1%;
	border-top: 1px solid #999;
}

#community_submenu div.no_border { border: none; margin-bottom: 1px;}

#community_submenu h3 a {
	font: bold 12px Tahoma;
	text-decoration: none;
	display: block;
	color: #0f82d6;
	padding: 7px 0 8px 13px;
	background: transparent url(../images/com_menu_title_bullet.gif) 0 10px no-repeat;
}

#community_submenu ul {
	position: relative;
	display: block;
	margin: 0 0 0 10px;
	padding: 6px 0 9px 0;
	list-style: none;
	height: 1%;
	background: transparent url(../images/com_menu_ul_bg.gif) 0 0 repeat-x;
}

#community_submenu ul li a {
	font: normal 11px Tahoma;
	text-decoration: none;
	display: block;
	height: 1%;
	color: #666;
	padding: 2px 0;
}


#community_submenu ul li a:hover {
	text-decoration: underline;
	color: #00aeef;
}

/* ENEWS */
#enews {
	position: relative;
	display: block;
	background: #00aeef;
	padding: 0 0 2px 0;
	margin: 20px 0;
	width: 172px;
}

#enews .form_item {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 12px 10px 12px;
}

#enews .form_item input.text_field {
	display: block;
	margin: 0;
	padding: 3px 3px;
	font: normal 11px Tahoma;
	color: #666;
	border: none;
	width: 142px;
}

#enews .form_item span {
	display: block;
	position: absolute;
	top: 0;
	right: 12px;
	height: 1%;
}

#enews .form_item span a {
	font: normal 11px Tahoma;
	color: #c6e8fd;
	text-decoration: none;
	display: block;
	padding: 2px 6px 0 12px;
	background: transparent url(../images/enews_bullet.gif) 0 7px no-repeat;
}





#left_banner {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 172px;
	height: 1%;
}

div.left_banner {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	width: 172px;
	height: 1%;
}


/*****************************************************************************************************

		CONTENT
*/

#content a {
	font: bold 12px Tahoma;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}


#content div.list_item {
	position: relative;
	display: block;
	margin: 0 0 20px 0;
}

#content div.list_item span {
	display: block;
	font: normal 10px Tahoma;
	color: #666;
}

#content div.list_item h3 {
	padding: 5px 0;
}

#content div.bottom_tools {
	position: relative;
	margin-top: 20px;
}

/* ADDONS */

#addons {
	position: relative;
	display: block;
	width: 172px;
	height: 1%;
	margin: 0 0 20px 21px;
	padding: 0;
	float: right;
}


#documents {}

#documents div.title {
	font: bold 12px Tahoma;
	color: #9b9b9b;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
	height: 1%;
}

#documents div.item {
	position: relative;
	display: block;
	margin: 7px 0;
	padding: 2px 0 2px 22px;
	font-size: 9px;
	color: #666;
}

#documents div.item a {
	font: bold 11px Tahoma;
}

#documents div.item span {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 2px;
	left: 0;
	background: transparent;
}


#sitemap {}

#sitemap ul {
	position: relative;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#sitemap ul ul {
	margin: 0 0 0 20px;
}

#sitemap ul li {
	margin-top: 10px;
	padding: 2px 0 5px 0;
}

#sitemap ul ul li {margin: 0;padding: 2px 0;}

#sitemap ul li a {}

#sitemap ul ul a {
	color: #999;
}
#sitemap ul ul ul a {
	color: #333;
	font-weight: normal;
	font-size: 11px;
}



/*****************************************************************************************************

		RIGHT BLOCK
*/

div.right_block {
	position: relative;
	display: block;
	margin: 0 0 0 20px;
	padding: 0;
	height: 1%;
}

#menu_com {
	width: 172px;
}

#menu_com div.menu {
	position: relative;
	display: block;
	margin: 0 0 20px 0;
	padding: 10px;
	background: #0f82d6;
}

#menu_com div.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent url(../images/bg_commenu_line.gif) 0 0 repeat-x;
}

#menu_com div.menu ul li {
	background: transparent url(../images/bg_commenu_line.gif) bottom left repeat-x;
}

#menu_com div.menu ul li a {
	line-height: 30px;
	font: normal 12px/30px Tahoma;
	color: white;
	text-decoration: none;
	padding-left: 2px;
}

#menu_com div.menu ul li a.selected {
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding-left: 12px;
	background: transparent url(../images/com_selected_menu_bullet.gif) 0 3px no-repeat;
}


/********************************************************************************************************

		FORMS

*/

#forms {
	position: relative;
	display: block;
	margin: 20px 0 0 0;
	padding: 0;
	height: 1%;
}

#forms div.title, #forms div.message {
	display: block;
	margin: 0 0 10px 0;
	
}

div.esm_form_field {
	position: relative;
	display: block;
	margin: 10px 0;
	padding: 0 0 0 100px;
	height: 1%;
}

div.esm_form_field label {
	position: absolute;
	top: 0;
	left: 0;
	font: bold 11px Tahoma;
}

div.esm_form_field input.inputfield_i,div.esm_form_field textarea.inputfield_t {
	padding: 2px;
	margin: 0;
	font: normal 11px Tahoma;
	color: #666;
	border: 1px solid #0f82d6;
	width: 250px;
}

#forms input.submit {
	height: 18px;
	font: bold 11px Tahoma;
	color: white;
	margin: 0;
	padding: 0 5px 3px 15px;
	border: none;
	background: #0f82d6 url(../images/bg_submit_bullet.gif) 4px 5px no-repeat;
}


#requiredfields {
	display: block;
	margin: 10px 0;
	font: normal 10px Tahoma;
}


/********************************************************************************************************


		FIRST PAGE
*/

#video {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 240px;
	background: #a0216e url(../images/bg_fp_video.gif) 0 0 repeat-y;
}

#video div.video_holder {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 320px;
	height: 240px;
	margin: 0;
	padding: 0;
}

#video div.info {
	position: absolute;
	display: block;
	width: 196px;
	height: 200px;
	top: 20px;
	left: 20px;
	
	font: normal 21px Tahoma;
	color: white;	
}

#video span.title {
	display: block;
	margin-bottom: 13px;
	font: bold 30px Tahoma;
	color: white;
	
}

#video div.info_button {
	position: absolute;
	top: 173px;
	left: 20px;
	width: 190px;
	height: 46px;
}

#video div.info_button a {
	display: block;
	background: transparent url(../images/button_naredi.gif) 0 0 no-repeat;
}
#video div.info_button a:hover {
	background: transparent url(../images/button_naredi_over.gif) 0 0 no-repeat;
}

#fp_info {
	position: relative;
	display: block;
	margin: 20px 0;
	padding: 0;
	height: 1%;
}

#fp_info div.left {
	position: relative;
	display: block;
	width: 360px;
	float: left;
}

#fp_info div.right {
	position: relative;
	display: block;
	width: 172px;
	float: right;
}

#fp_info h2 {
	color: #999;
	font: bold 13px Tahoma;
	padding: 0 0 13px 0;
}


/********************************************************************************************************


		FOOTER
*/

#footer_wrapper {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0 0 15px 0;
	border-top: 13px solid #CCC;
	background: #CCC url(../images/bg_footer.gif) 0 0 repeat-x;
}

#footer_wrapper div.inner {
	background: transparent;
	width: 950px;
	margin: 0 auto;
	padding: 17px 13px;
	font: normal 11px Tahoma;
	color: white;
}

#footer_wrapper div.right {
	float: right;
}

#footer_wrapper ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer_wrapper ul li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid white;
}

#footer_wrapper ul li.first {
	float: left;
	padding: 0 10px 0 0;
	border: none;
}

#footer_wrapper ul li a {
	color: white;
	text-decoration: none;
}

#footer_wrapper ul li a:hover {
	text-decoration: underline;
}


/****************************************************************************************************************

		COMMENTS
*/

#comments {
	position: relative;
	display: block;
	margin: 20px 0;
}

#comments div.title {
	position: relative;
	display: block;
	height: 24px;
	border-bottom: 1px solid #999;
}

#comments div.title span {
	position: absolute;
	height: 26px;
	width: 200px;
	display: block;
	top: 0;
	left: 0;
	font: bold 13px Tahoma;
	color: #333;
	padding: 5px 0 0 10px;
	background: transparent url(../images/comments_title.gif) 0 0 no-repeat;
}

#comments div.comment, #comments div.nocomments {
	position: relative;
	display: block;
	height: 1%;
	margin: 0;
	padding: 12px 0;
	font: normal 11px Tahoma;
	background: transparent url(../images/com_menu_ul_bg.gif) bottom left repeat-x;
}

#comments div.comment span.image {
	position: relative;
	display: block;
	width: 70px;
	float: left;
}

#comments div.comment span.name { 
	display: block;
	font: bold 13px Tahoma;
	color: #00aeef;
	padding: 0 0 5px 0;
}

#comments div.comment span.date { 
	font: normal 9px Tahoma;
	color: #999;
}

#comments div.input_text {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #999;
}

#comments div.input_text textarea {
	border: 1px solid #ccc;
	width: 250px;
	height: 100px;
	padding: 5px;
	font: normal 11px Tahoma;
	color: #333;
}

#comments div.submit {
	padding-top: 10px;
}

#comments div.submit a.add_comment {
	display: block;
	width: 123px;
	background: transparent url(../images/extuser_dodaj_komentar.gif) 0 0 no-repeat;
}

#comments div.submit a.add_comment:hover {
	background: transparent url(../images/extuser_dodaj_komentar.gif) 0 -26px no-repeat;
}

div.submit a.send {
	margin-top: 10px;
	display: block;
	width: 93px;
	background: transparent url(../images/extuser_send_button.gif) 0 0 no-repeat;
}

div.submit a.send:hover {
	background: transparent url(../images/extuser_send_button.gif) 0 -26px no-repeat;
}