img, div, a, input { behavior: url(/public/iepngfix.htc) } /* Fixes PNG problem in IE5.5+ */

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: #f2f2f2;
font: 12px Verdana, "Lucida Grande", Arial, helvetica;
color: #696969;
behavior: url(/public/csshover3.htc); /* Fixes PNG hover problem in IE5.5+ */
}

h1
{
font-size:20px;
color:#d7263b;
font-family:Arial;
margin-top:5px;
margin-bottom:10px;
}

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

h2
{
margin:0;
margin-top:10px;
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:#696969;
font-family:Arial;
padding-top:5px;
padding-bottom:3px;
border-bottom:2px solid #d7263b;
}

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;
list-style-position:inside;
}

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: #d7263b; text-decoration: none;outline:none;}
a:visited 	{color: #d7263b; text-decoration: none;}
a:hover 	{color: #d7263b; text-decoration: underline;}

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

*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}					 


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

form
{
margin:0; 
padding:0;
}

textarea
{
overflow:auto;
}

#contact_form{margin:0 auto; position:relative;}
label{margin-top:5px;}

input.text-input{ margin:4px 8px 10px 0px; width: 230px; height:15px; padding:5px 2px; border:solid 1px #e4e4e4; vertical-align:middle}
select.text-input{ margin:4px 8px 10px 0px; width: 236px; height:30px; padding:5px 2px; border:solid 1px #e4e4e4; vertical-align:middle}
textarea.text-input{ margin:4px 8px 4px 0px; padding: 5px 2px; border:solid 1px #e4e4e4; vertical-align:top;}
#contact_form input:focus, #contact_form textarea:focus {border:solid 1px #d7263b; }
input.button{ background-color:#f2f2f2; color:#6b6b6b; font-size:12px; font-weight:bold; padding:10px 10px 10px 10px; border:0px;  border:0px; margin-top:5px; cursor:pointer;}
* html input.button, *+html input.button{padding:5px 10px 5px 10px;}



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

#UberWrapper
{
width: 800px;
margin: auto;
overflow: hidden;
background:#ffffff;
}



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

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

#header_top
{
float:left;
width:800px;
background:#d7263b url(/public/images/header_back.jpg) no-repeat top;
}

#header_logo
{
float:left;
width:355px;
height:90px;
margin-left:10px;
display:inline;
}

#header_info
{
float:right;
width:230px;
height:90px;
}

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

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

.search_button
{
height:26px;
width:80px;
background: url(/public/images/submit_button.png) no-repeat 0px 3px;
border:0;
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;
}

#header_bottom
{
float:left;
width:800px;
height:267px;
background:#d7263b;
margin-top:1px;
color:#ffffff;
}

#header_search
{
float:left;
width:265px;
}

#header_search_title
{
font-weight:bold;
font-size:14px;
padding-bottom:15px;
}

#header_pic
{
float:right;
}

#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:800px;
height:42px;
float: left;
font-size:14px;
font-family: Arial;
text-decoration: none;
white-space: nowrap;
margin-top:5px;
background: url(/public/images/header_menu_back.jpg) no-repeat ;
}

#HeaderOpcije ul
{
float:left;
width:800px;
display:inline;
}

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

#HeaderOpcije ul li a 
{
float:left;
color:#8d8d8d;
text-decoration:none;
padding-left:25px;
padding-right:25px;
xheight:27px;
padding-top:12px;
text-align:center;
font-size:14px;
font-weight:bold;
background: url(/public/images/header_menu_sep.jpg) no-repeat right center;
outline:none;
display:inline;
}

#HeaderOpcije ul li a:visited {color:#8d8d8d;text-decoration:none;}
#HeaderOpcije ul li a:active {color:#8d8d8d;text-decoration:none;background: url(/public/images/header_menu_sep.jpg) no-repeat right center;}
#HeaderOpcije ul li a:hover {color:#8d8d8d;text-decoration:underline;background: url(/public/images/header_menu_sep.jpg) no-repeat right center;}



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

#MainCel
{
float:left;
width:800px;
margin-top:1px;
padding-top:1px;
border-top:2px solid #e1e1e1;
margin-bottom:10px;
}



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

#CenterCel
{
display:block;
float:left;
width:575px;
height:100%;
}

#cc_body
{
width:559px;
display:block;
margin-top:15px;
padding-left:16px;
}


/* CENTER CEL Typography */

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

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

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

#cc_head
{
width:515px;
height:23px;
padding-top:9px;
padding-left:30px;
font-weight:bold;
background: url(/public/images/cc_head_back.jpg) no-repeat left center;
}


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

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

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

#ls_head
{
float:left;
width:225px;
height:23px;
text-align:center;
font-weight:bold;
padding-top:9px;
background: url(/public/images/ls_head_back.jpg) no-repeat top center;
}

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



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

#Footer
{
width:800px;
height:100%;
color:#696969;
margin:auto;
}

#footer_tile
{
float:left;
width:800px;
padding-top:5px;
border-top:2px solid #d7d7d7;
background:#f2f2f2; 
}

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

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



/***************** R E A *******************/

td.td_sep
{
xheight:26px;
background: url(/public/images/table_cell_back.jpg) repeat-x right bottom;
padding-left:10px;
padding-top:7px;
padding-bottom:6px;
font-weight:bold;
}

td.td_sep2
{
padding-left:10px;
padding-top:7px;
padding-bottom:6px;
width:50%;
background: url(/public/images/table_cell_back.jpg) repeat-x right bottom;
}

#navigation
{
float:left;
width:100%;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}



/***************** 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: 225px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
float:left;
width:210px;
color: #8d8d8d;
padding-bottom:10px;
padding-top:10px;
padding-left:15px;
cursor:pointer;
font-weight:normal;
font-size:13px;
border-bottom:1px solid #e1e1e1;
display:inline;
}

.arrowlistmenu .menuheader a:hover
{
background:#e1e1e1;
color:#d7263b;
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;
}



/***************************** M E S S A G E ******************************/

.tabela_poruke
{
margin: 15px;
}

.naslov_poruke
{
float: left;
font-weight: bold;
font-size: 11px;
border-bottom: 1px solid silver;
margin: 0px 0px 2px 0px;
padding: 0px 0px 2px 0px;
}

.tekst_poruke
{
clear: both;
}



/******************************* M I S C ***************************************/

#clear	{clear: both;}

.clear	{clear: both;}

.select_default
{
width: 170px;
font-family: Verdana, sans-serif;
font-size : 11px;
color: #003e8c;
border: 1px solid #7f9db9;
}