html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address 
{
margin:0;
padding:0;
}


/* Typography */

body
{
margin: 0;
padding: 0;
background: #ffffff;
font: 12px Verdana, "Lucida Grande", Arial, helvetica;
color: #414141;
}

h1
{
font-size:20px;
color:#135f9b;
font-family:Arial;
margin-top:5px;
margin-bottom:15px;
}

h1 a 			{color: #135f9b; text-decoration: none;outline:none;}
h1 a:visited 	{color: #135f9b; text-decoration: none;}
h1 a:hover 		{color: #135f9b; text-decoration: underline;}

h2
{
margin:0;
margin-top:15px;
margin-bottom:5px;
font-size:16px;
font-family:Arial;
color:#414141;
}

h2 a 			{color: #135f9b; text-decoration: none;outline:none;}
h2 a:visited 	{color: #135f9b; text-decoration: none;}
h2 a:hover 		{color: #135f9b; text-decoration: underline;}

h3
{
font-size:14px;
color:#414141;
font-family:Arial;
padding-top:10px;
padding-bottom:5px;
}

#left_head h3
{
padding-top:5px;
}

#index_left_head h3
{
padding-top:5px;
}

h4, h5, h6
{
padding-top:5px;
padding-bottom:5px;
font-size:12px;
color: #414141;
font-family:Arial;
}

h4, h5, h6 a 			{color: #2676b6; text-decoration: underline;outline:none;}
h4, h5, h6 a:visited 	{color: #2676b6; text-decoration: none;}
h4, h5, h6 a:hover 	    {color: #2676b6; text-decoration: none;}

ul
{
margin:0px;
margin-bottom:15px;
padding:0px;
}

ul ul, ul ul ul
{
margin-bottom:0px;
}

ul li
{
margin:0px;
padding: 5px 0 0 20px;
}

ol
{
margin-bottom:15px;
}

ol ol, ol ol ol
{
margin-bottom:0px;
}

ol li
{
margin:0px;
padding: 5px 0 0 20px;
list-style-position:inside;
}

a 			{color: #2676b6; text-decoration: none;outline:none;}
a:visited 	{color: #2676b6; text-decoration: none;}
a:hover 	{color: #2676b6; text-decoration: underline;}

a 			img {border: 0px;}
a:visited 	img {border: 0px;}
a:hover 	img {border: 0px;}

hr
{
border: 0;
color: #ffffff;
background-color: #ffffff;
height: 1px;
margin:5px 0px 5px 0px;
padding:0px;
}



/****************************** FORM & INPUT FIELDS ******************************/

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

select
{
font-family: Verdana, sans-serif;
font-size : 11px;
background-color: #ffffff;
color: #414141;
border: 1px solid #b9b9b9;
}

input
{
padding: 3px 3px;
font: 1em verdana, arial, sans-serif;
color: #414141;
background-color: #ffffff;
border: 1px solid #b9b9b9;
font-weight:bold;
}

textarea
{
padding: 1px 3px;
font: 1em verdana, arial, sans-serif;
color: #414141;
background-color: #ffffff;
border: 1px solid #b9b9b9;
overflow:auto;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus 
{
color: #414141;
background-color: #ffffff;
border: 1px solid #65abdd;
}

.contact_text_field
{
width:250px;
}

.submit_button
{
width:73px;
height:21px;
border:none;
color:#65abdd;
padding:0;
margin-left:5px;
font-size:11px;
text-align:center;
}

.submit_button:hover
{
cursor:pointer;
border:none;
color:#b9b9b9;
}



/****************************** M A I N  W R A P P E R ******************************/

#UberWrapper
{
width: 900px;
margin: auto;
overflow: hidden;
}



/****************************** H E A D E R ******************************/

#Header
{
float:left;
width:900px;
}

#header_head
{
float:left;
width:900px;
height:65px;
}

#Header_left
{
float:left;
height:62px;
width:300px;
margin-top:10px;
}

#HeaderLogo
{
float:left;
width:234px;
height:62px;
}

#search
{
float:right;
width:332px;
height:65px;
background: url("/public/images/search_back.jpg") no-repeat top;
}

#search_form
{
float:left;
margin-top:18px;
margin-left:18px;
display:inline;
}

.search_button
{
height:26px;
width:80px;
background: url("/public/images/submit_button.png") no-repeat 0px 3px;
border:0px;
color:#ffffff;
margin-left:5px;
display:inline;
outline:none;
}

.search_button:hover
{
height:26px;
width:80px;
background: url("/public/images/submit_button.png") no-repeat 0px 3px;
border:0;
padding:0;
margin:0;
cursor:pointer;
margin-left:5px;
color:#f5f7f8;
display:inline;
outline:none;
}

.search_button:hover a
{
outline:none;
}

#HeaderSlika
{
float:left;
width:900px;
color:#ffffff;
}

#HeaderSlika_index
{
float:left;
width:900px;
height:280px;
background: url("/public/images/header_pic.jpg") no-repeat ;
}

#HeaderSlika_index2
{
float:left;
width:900px;
height:280px;
background: url("/public/images/header_pic_sr.jpg") no-repeat ;
}

#HeaderSlika_pages
{
float:left;
width:900px;
height:200px;
background: url("/public/images/header_pic_pages.jpg") no-repeat ;
}

#HeaderSlika_article1
{
float:left;
width:900px;
height:200px;
background: url("/public/images/head_banner2.jpg") no-repeat ;
}

#HeaderSlika_article2
{
float:left;
width:900px;
height:200px;
background: url("/public/images/head_banner3.jpg") no-repeat ;
}

#HeaderSlika_contact
{
float:left;
width:900px;
height:200px;
background: url("/public/images/head_banner4.jpg") no-repeat ;
}

#head_left
{
float:left;
width:500px;
}

#head_left_title
{
float:left;
width:500px;
font-size:30px;
font-family:Arial;
margin-left:40px;
margin-top:50px;
display:inline;
}

#head_left_text
{
float:left;
width:500px;
font-size:14px;
margin-left:40px;
margin-top:10px;
}

#head_right
{
float:right;
width:300px;
}

#banner_button
{
float:left;
margin-left:70px;
display:inline;
font-family:Verdana;
}

#banner_button .white1
{
width:210px;
height:45px;
background: url("/public/images/header_button1.png") no-repeat ;
display:block;
margin-top:45px;
}

#banner_button .white1:hover
{
width:210px;
height:45px;
background: url("/public/images/preload/header_button1_hover.png") no-repeat ;
display:block;
margin-top:45px;
}

#banner_button .white2
{
width:210px;
height:45px;
background: url("/public/images/header_button2.png") no-repeat ;
display:block;
margin-top:22px;
}

#banner_button .white2:hover
{
width:210px;
height:45px;
background: url("/public/images/preload/header_button2_hover.png") no-repeat ;
display:block;
margin-top:22px;
}

#banner_button .green
{
width:210px;
height:45px;
background: url("/public/images/header_button3.png") no-repeat ;
display:block;
margin-top:22px;
}

#banner_button .green:hover
{
width:210px;
height:45px;
background: url("/public/images/preload/header_button3_hover.png") no-repeat ;
display:block;
margin-top:22px;
}

/*SR*/

#banner_button .white1_sr
{
width:210px;
height:45px;
background: url("/public/images/header_button1_sr.png") no-repeat ;
display:block;
margin-top:45px;
}

#banner_button .white1_sr:hover
{
width:210px;
height:45px;
background: url("/public/images/preload/header_button1_sr_hover.png") no-repeat ;
display:block;
margin-top:45px;
}

#banner_button .white2_sr
{
width:210px;
height:45px;
background: url("/public/images/header_button2_sr.png") no-repeat ;
display:block;
margin-top:22px;
}

#banner_button .white2_sr:hover
{
width:210px;
height:45px;
background: url("/public/images/preload/header_button2_sr_hover.png") no-repeat ;
display:block;
margin-top:22px;
}

#banner_button .green_sr
{
width:210px;
height:45px;
background: url("/public/images/header_button3_sr.png") no-repeat ;
display:block;
margin-top:22px;
}

#banner_button .green_sr:hover
{
width:210px;
height:45px;
background: url("/public/images/preload/header_button3_sr_hover.png") no-repeat ;
display:block;
margin-top:22px;
}

#banner_button .link1
{
width:170px;
height:32px;
background: url("/public/images/ico_contact.png") no-repeat left center;
display:block;
margin-top:2px;
font-size:14px;
font-weight:bold;
padding-top:13px;
padding-left:40px;
color:#ffffff;
}

#banner_button .link1:hover
{
text-decoration:none;
color:#65abdd;
}

#banner_button .link2
{
width:170px;
height:32px;
background: url("/public/images/ico_demo.png") no-repeat left center;
display:block;
margin-top:2px;
font-size:14px;
font-weight:bold;
padding-top:13px;
padding-left:40px;
color:#ffffff;
}

#banner_button .link2:hover
{
text-decoration:none;
color:#65abdd;
}

#banner_button .link3
{
width:170px;
height:32px;
background: url("/public/images/ico_support.png") no-repeat left center;
display:block;
margin-top:2px;
font-size:14px;
font-weight:bold;
padding-top:13px;
padding-left:40px;
color:#ffffff;
}

#banner_button .link3:hover
{
text-decoration:none;
color:#65abdd;
}

#banner_button .link4
{
width:170px;
height:32px;
background: url("/public/images/ico_package.png") no-repeat left center;
display:block;
margin-top:2px;
font-size:14px;
font-weight:bold;
padding-top:13px;
padding-left:40px;
color:#ffffff;
}

#banner_button .link4:hover
{
text-decoration:none;
color:#65abdd;
}

#Header_right
{
float:right;
width:500px;
}

#header_contact
{
float:right;
width:236px;
font-size:18px;
margin-top:3px;
margin-bottom:2px;
color:#b9b9b9;
}

#sitemap
{
float:left;
width:100px;
text-align:right;
font-size:9px;
margin-top:10px;
}



/****************************** H E A D E R  N A V I G A T I O N ******************************/

#HeaderOpcije
{
width:900px;
height:39px;
float: left;
font-size:14px;
font-family: Arial;
text-decoration: none;
white-space: nowrap;
margin-top:5px;
background: url("/public/images/head_nav_back.jpg") no-repeat ;
}

#HeaderOpcije ul
{
float:left;
width:900px;
height:39px;
display:inline;
}

#HeaderOpcije ul li
{
float:left;
padding:0;
list-style:none;
}

#HeaderOpcije ul li a 
{
float:left;
color:#fff;
text-decoration:none;
width:180px;
height:27px;
padding-top:12px;
text-align:center;
font-size:14px;
font-weight:bold;
background: url("/public/images/head_nav_sep.gif") no-repeat right 10px;
outline:none;
}

#HeaderOpcije ul li a:visited {color:#fff;text-decoration:none;}

#HeaderOpcije ul li.left a:active {color:#fff;text-decoration:none;background: url("/public/images/preload/head_nav_hover_left.jpg") no-repeat left top;}
#HeaderOpcije ul li.left a:hover {color:#fff;text-decoration:none;background: url("/public/images/preload/head_nav_hover_left.jpg") no-repeat left top;}

#HeaderOpcije ul li.center a:active {color:#fff;text-decoration:none;background: url("/public/images/preload/head_nav_hover_center.jpg") no-repeat left top;}
#HeaderOpcije ul li.center a:hover {color:#fff;text-decoration:none;background: url("/public/images/preload/head_nav_hover_center.jpg") no-repeat left top;}

#HeaderOpcije ul li.right a:active {color:#fff;text-decoration:none;background: url("/public/images/preload/head_nav_hover_right.jpg") no-repeat left top;}
#HeaderOpcije ul li.right a:hover {color:#fff;text-decoration:none;background: url("/public/images/preload/head_nav_hover_right.jpg") no-repeat left top;}



/***************************** M A I N   C E L ******************************/

#MainCel
{
float:left;
padding-bottom:10px;
width:900px;
margin-top:1px;
margin-bottom:2px;
background: url("/public/images/maincel_top_back.jpg") no-repeat top;
}

#search_results
{
margin-top:5px;
padding-bottom:10px;
border-bottom:1px solid #d9d9d9;
}



/***************************** C E N T E R   C E L ******************************/

#CenterCel
{
display:block;
float:left;
width:680px;
height:100%;
margin-top:5px;
}

#CC_body
{
float:left;
width:670px;
display:block;
margin-top:10px;
}


/* CENTER CEL Typography */

	#CC_body p
	{
	margin-top:5px;
	margin-bottom:10px;
	line-height:18px;
	}
	
	#CC_body ul li
	{
	margin:0px;
	margin-left:28px;
	padding: 5px 0 0 2px;
	line-height:16px;
	}
	
	#CC_body ol li
	{
	margin:0px;
	margin-left:10px;
	padding: 5px 0 0 5px;
	line-height:16px;
	}
	
/************************/

#CC_text
{
float:left;
padding-right:10px;
padding-bottom:15px;
margin-top:10px;
display:inline;
}

#CC_body_index
{
float:left;
width:900px;
display:block;
}

#CC_body_page
{
float:left;
width:880px;
display:block;
padding-left:10px;
padding-right:10px;
}

/* CENTER CEL Page Typography */

	#CC_body_page p
	{
	margin-top:5px;
	margin-bottom:10px;
	line-height:18px;
	}
	
	#CC_body_page ul li
	{
	margin:0px;
	margin-left:28px;
	padding: 5px 0 0 2px;
	line-height:16px;
	}
	
	#CC_body_page ol li
	{
	margin:0px;
	margin-left:10px;
	padding: 5px 0 0 5px;
	line-height:16px;
	}
	
/************************/

#index_left
{
float:left;
width:240px;
margin-top:10px;
margin-bottom:10px;
padding-left:10px;
display:inline;
background: url("/public/images/index_left_back.jpg") no-repeat center top;
font-size:11px;
}

#index_left_head
{
float:left;
width:232px;
height:29px;
text-align:center;
padding-top:7px;
background: url("/public/images/index_left_head.jpg") no-repeat top center;
}

#index_left span
{
float:left;
width:100%;
margin-top:10px;
display:inline;
}

#index_center
{
float:left;
width:410px;
margin-top:10px;
padding-left:10px;
display:inline;
}

#index_center p, #index_center td
{
line-height:18px;
}

#index_center span
{
float:left;
width:100%;
margin-top:10px;
display:inline;
}

#index_right
{
float:right;
width:200px;
}

#article_list_text
{
float:left;
margin-left:10px;
display:inline;
width:385px;
}

#one_article_picture
{
text-align:center;
margin-left:100px;
margin-top:10px;
}

#one_article_text
{
float:left;
margin-left:50px;
margin-top:10px;
display:inline;
width:500px;
text-align:center;
}

#newsletter
{
float:right;
width:200px;
height:135px;
background: url("/public/images/newsletter_back.jpg") no-repeat top center;
font-size:11px;
}

#message_box
{
float:left;
width:630px;
padding:5px;
margin-bottom:10px;
xborder:1px solid #b8b8b8;
}



/***************************** L E F T   C E L ******************************/

#LeftCel
{
float:left;
width:200px;
height:100%;
margin-top:15px;
padding-bottom:2px;
margin-right:10px;
display:inline;
}

#ls_back
{
float:left;
width:200px;
}

#left_head
{
float:left;
width:200px;
height:29px;
text-align:center;
padding-top:7px;
background: url("/public/images/left_head.jpg") no-repeat top center;
}

#BoxMeni
{
margin-bottom:20px;
}

#ls_banner
{
text-align:center;
width:200px;
margin-top:20px;
}



/***************************** R I G H T   C E L (INDEX)******************************/

#rs_back
{
float:right;
width:200px;
}



/***************************** F O O T E R ******************************/

#Footer
{
width:900px;
height:100%;
color:#828282;
margin:auto;
}

#footer_tile
{
float:left;
width:900px;
margin-bottom:15px;
padding-top:5px;
border-top:1px solid #DFDADC; 
}

#footer_menu
{
width:900px;
text-decoration:none;
white-space:nowrap;
overflow:hidden;
margin:auto;
margin-top:5px;
margin-bottom:5px;
text-align:center;
}

#footer_menu ul
{
display:inline;
}

#footer_menu ul li
{
display:inline;
height:10px;
list-style:none;
padding-left:15px;
padding-right:15px;
text-align:center;
font-size:11px;
border-right:1px solid #aeaeae;
}

#footer_menu ul li a 		 {color:#aeaeae;text-decoration:none;text-align:center;outline:none;}
#footer_menu ul li a:visited {color:#aeaeae;text-decoration:none;}
#footer_menu ul li a:hover   {color:#aeaeae;text-decoration:underline;text-align:center;}

#footer_copy
{
float:left;
width:900px;
height:22px;
margin-top:7px;
margin-bottom:20px;
font-size:11px;
text-decoration:none;
text-align:center;
color:#aeaeae;
line-height:18px;
}

#footer_copy a 		   {color:#535353;text-decoration:none;outline:none;}
#footer_copy a:visited {color:#535353;text-decoration:none;}
#footer_copy a:hover   {color:#535353;text-decoration:underline;}



/***************** N E W S *******************/

#news_box
{
float:left;
width:640px;
clear: both;
margin-bottom:10px;
margin-top:10px;
}

#news_box p
{
margin-top:5px;
margin-bottom:10px;
line-height:18px;
}

#news_head
{
width:640px;
float:left;
margin-left:10px;
}

#news_title
{
float:left;
width:180px;
color: #7B7B7B;
margin:0;
padding-left:10px;
}

#news_date
{
float:right;
width:140px;
color: #b9b9b9;
text-align:center;
font-weight:bold;
margin-top:15px;
}

#news_text
{
float:left;
width:630px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:5px;
}

#news_text p
{
margin-top:5px;
}

#news_text ul
{
margin-top:5px;
}

#news_text ul li
{
list-style:square;
}

#news_text ul li
{
list-style:square;
}

#news_picture
{
float:left;
padding:5px;
margin-right:5px;
display:inline;
}

#news_bottom
{
float:left;
height:20px;
width:90%;
padding-left:5px;
padding-top:5px;
}

#news_bottom_navigation
{
float:left;
width:640px;
}



/***************************** LS ACCORDIAN MENU ******************************/

.arrowlistmenu{
width: 190px; /*width of accordion menu*/
margin-left:5px;
margin-top:5px;
}

.arrowlistmenu .menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
float:left;
width:184px;
color: #2676b6;
padding-bottom:7px;
padding-top:6px;
padding-left:5px;
cursor:pointer;
font-weight:normal;
font-size:13px;
background: url("/public/images/right_menu_sep.jpg") no-repeat 0 0;
background-position:right bottom;
display:inline;
}

.arrowlistmenu .menuheader a:link
{
color:#2676b6;
text-decoration:none;
}

.arrowlistmenu .menuheader a:visited
{
color:#2676b6;
text-decoration:none;
}

.arrowlistmenu .menuheader a:hover
{
background:#63ACE3;
color:#ffffff;
text-decoration:none;
}

.arrowlistmenu .menuheader a:active
{
background:#63ACE3;
color:#ffffff;
text-decoration:none;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-position:left top;
margin-bottom:3px;
margin-top:5px;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #ca3400;
background: none; /*custom bullet list image*/
display: block;
padding: 3px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: underline;
font-weight: bold;
outline:none;
}

.arrowlistmenu ul li a:visited{
color: #ca3400;
text-decoration: underline;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ca3400;
text-decoration:none;
}



/***************************** RS ACCORDIAN MENU ******************************/

.arrowlistmenu2{
width: 190px; /*width of accordion menu*/
margin-left:10px;
margin-top:5px;
}

.arrowlistmenu2 .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
float:left;
width:184px;
color: #2676b6;
padding-bottom:7px;
padding-top:6px;
padding-left:5px;
cursor:pointer;
font-weight:normal;
font-size:13px;
background: url("/public/images/right_menu_sep.jpg") no-repeat 0 0;
background-position:left bottom;
display:inline;
}

.arrowlistmenu2 .menuheader:hover
{
xbackground:#d9d9d9 url("/public/images/right_menu_sep.jpg") repeat-y 0 0;
}

.arrowlistmenu2 .menuheader a:hover
{
text-decoration:underline;
}

.arrowlistmenu2 .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-position:left top;
margin-bottom:3px;
margin-top:5px;
}

.arrowlistmenu2 ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu2 ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu2 ul li a{
color: #ca3400;
background: none; /*custom bullet list image*/
display: block;
padding: 3px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: underline;
font-weight: bold;
outline:none;
}

.arrowlistmenu2 ul li a:visited{
color: #ca3400;
text-decoration: underline;
}

.arrowlistmenu2 ul li a:hover{ /*hover state CSS*/
color: #ca3400;
text-decoration:none;
}



/***************************** L A N G U A G E  S E L E C T I O N ******************************/

#HeaderLang
{
float:left;
width:110px;
text-align:left;
margin-top:20px;
margin-left:20px;
display:inline;
}

#menuLog { font-size:1.4em; margin:20px; }
	.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
	
	.fg-button { font-size:62.5%; clear:left; margin:0 4px 0px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	a.fg-button { float:left;  }
	button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-button.ui-state-loading .ui-icon { background: url(/public/images/spinner_bar.gif) no-repeat 0 0; }