body
{
margin: 0;
padding: 0;
background: #006b84 ;
font: 10px "Lucida Grande", verdana, "Lucida Grande", Arial, helvetica;
color: #ffffff;
}


h1
{
font-size: 16px;
font-family: Arial;
color: #6cc7fe;
text-transform: uppercase;
}

h2
{
margin:0;
margin-bottom:5px;
font-size: 14px;
font-family: Arial;
color: #6cc7fe;
}

h2 a 			{color: #165687; text-decoration: none;}
h2 a:visited 	{color: #165687; text-decoration: none;}
h2 a:hover 	{color: #165687; text-decoration: underline;}

h3
{
padding-top:3px;
padding-bottom:3px;
margin:0;
font-size:12px;
color:#ffffff;
}

h4
{
padding-top:3px;
padding-left:5px;
font-size: 12px;
color: #6cc7fe;
}

h4 a 			{color: #6cc7fe; text-decoration: none;}
h4 a:visited 	{color: #6cc7fe; text-decoration: none;}
h4 a:hover 	    {color: #6cc7fe; text-decoration: underline;}

h5
{
color:#ffffff;
font-size:14px;
}

h5 a 			{color: #ffffff; text-decoration: none;}
h5 a:visited 	{color: #ffffff; text-decoration: none;}
h5 a:hover 	    {color: #ffffff; text-decoration: underline;}

ul
{
margin: 0px;
padding: 2px 0px 2px 16px;
}

li
{
margin: 0px;
padding-bottom: 5px;
list-style: circle;
}

.ul_ls_box
{
margin: 0px;
padding: 2px 0px 2px 16px;
}

.li_ls_box
{
margin: 0px;
margin-bottom:5px;
list-style: none;
font-size:11px;
text-align:right;
padding-right:10px;
font-weight:bold;
}

.li_ls_box a         {color: #a0a1d1; text-decoration: none;}
.li_ls_box a:visited {color: #a0a1d1; text-decoration: none;}
.li_ls_box a:hover   {color: #a0a1d1; text-decoration: underline;}


a 			{color: #97e0ff; text-decoration: none;}
a:visited 	{color: #97e0ff; text-decoration: none;}
a:hover 	{color: #97e0ff; text-decoration: underline;}

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


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

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


input
{
padding: 3px 3px;
font: 1em verdana, arial, sans-serif;
color: #165687;
background-color: transparent;
border: 1px solid #34a6fd;
font-weight:bold;
}


textarea
{
padding: 1px 3px;
font: 1em verdana, arial, sans-serif;
color: #165687;
background-color: transparent;
border: 1px solid #34a6fd;
overflow:auto;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus 
{
color: #165687;
background-color: #ffffff;
border: 1px solid #34a6fd;
}


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



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

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

#logo_back
{
float:left;
height:89px;
width:714px;
margin-left:40px;
text-align:center;
background:url(/public/images/logo_back.jpg) no-repeat center top;
}

#HeaderLogo
{
float:left;
xmargin-top:40px;
margin-left:270px;
width:257px;
height:81px;
text-align:center;
}

#HeaderSlika
{
float:left;
}

#search
{
width:220px;
float:left;
margin-top:10px;
margin-left:10px;
font-size:11px;
}

#search_button
{
float:right;
height:27px;
width:27px;
margin-top:-2px;
}

#HeaderLang
{
float:right;
margin-top:10px;
margin-bottom:10px;
padding-right:10px;
}



/****************************** G L A V N I  M E N I ******************************/



#header_menu
{
width:900px;
height:40px;
float: left;
margin-top:5px;
font-size:14px;
font-family: Arial , sans-serif;
text-decoration: none;
white-space: nowrap;
background: url(/public/images/header_opcije.jpg) no-repeat;
}

#HeaderOpcije
{
float:right;
}

#HeaderOpcije ul
{
float:left;
font-size:12px;
display:inline;
}

#HeaderOpcije ul li
{
float:left;
width:70px;
list-style:none;
padding-left:2px;
padding-right:2px;
padding-top:10px;
text-align:left;
}

#HeaderOpcije ul li a 		
{
color:#fff;
width:100%;
font-size:12px;
text-decoration:none;
text-align:left;
}

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

#HeaderOpcije ul li a:hover 	
{
height:50px;
color:#fff;
font-size:12px;
text-decoration:underline;
text-align:left;
}



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



#MainCel
{
float:left;
width: 900px;
margin-top:10px;
}



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



#LeftCel
{
float:left;
width: 189px;
height:100%;
display:block;
border-right:1px solid #dddddd;
}

#box
{
float:left;
width:184px;
height:100%;
padding-left:5px;
}

#box ul
{
float:left;
}

#box ul li
{
float:left;
width:170px;
height:30px;
padding-left:5px;
padding-top:5px;
list-style:none;
margin-top:-2px;
margin-left:-16px;
background:url(/public/images/menu_button.jpg) no-repeat;
}

.boxli a
{
color:#006B84;
text-decoration:none;
font-weight:bold;
}

.boxli a:visited
{
color:#006B84;
text-decoration:none;
font-weight:bold;
}

.boxli a:hover
{
color:#006B84;
text-decoration:none;
font-weight:bold;
}

/**** L E F T  C E L - PULLDOWN TREE MENU ****/

#masterdiv
{
float:left;
}

.menutitle
{
float:left;
width:170px;
height:30px;
padding-left:5px;
padding-top:5px;
margin-bottom:3px;
cursor:pointer;
color:#006B84;
font-weight:bold;
font-size:11px;
background:url(/public/images/menu_button.jpg) no-repeat;
}

.subul
{
float:left; 
margin-left:0px; 
width:180px;
height:100%;
margin-bottom:-4px;
background:none;
}

.subli
{
border:0;  
margin-bottom:0;
font-size:10px;
list-style:none;
color:#ffffff;
}

.subli a
{
color:#ffffff;
text-decoration:none;
font-weight:normal;
}

.subli a:visited
{
color:#ffffff;
text-decoration:none;
font-weight:normal;
}

.subli a:hover
{
color:#ffffff;
text-decoration:underline;
font-weight:normal;
}

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



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

#CC_body
{
float:left;
width: 500px;
display: block;
padding-left:10px;
padding-right:10px;
}



/***************************** R I G H T   C E L ******************************/



#RightCel
{
float: right;
width:189px;
height:100%;
border-left:1px solid #dddddd;
}

#rs_box
{
float:left;
width:180px;
margin-left:9px;
height:100%;
}

#rs_box ul
{
float:left;
}

#rs_box ul li
{
float:left;
width:170px;
height:70px;
margin-left:-13px;
list-style:none;
margin-bottom:3px;
}

#submit_button
{
float:left;
width:70px;
height:15px;
margin-top:3px;
margin-bottom:5px;
padding-top:3px;
text-align:center;
background:url(/public/images/button.jpg) no-repeat;
}

#submit_button a:link
{
color:#ffffff;
}

#submit_button a:visited
{
color:#ffffff;
}

#submit_button a:hover
{
color:#ffffff;
text-decoration:underline;
}

#radio
{
width:100px;
float:left;
margin-top:3px;
text-align:left;
}



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



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

#footer_tile
{
float:left;
background: url(/public/images/footer_back.jpg) no-repeat center top;
width:900px;
height:90px;
margin-top:5px;
}

#footer_banner
{
float:left;
background: url(/public/images/footer_banner.gif) no-repeat center top;
width:900px;
height:90px;
margin-top:5px;
}

#FooterOpcije
{
width:900px;
height:22px;
padding-top:15px;
font-size:9px;
text-decoration: none;
text-align: center;
color:#ffffff;
}

#FooterOpcije a 		{color:#ffffff;text-decoration:none;}
#FooterOpcije a:visited {color:#ffffff;text-decoration:none;}
#FooterOpcije a:hover 	{color:#ffffff;text-decoration:underline;}

#footer_menu
{
float:right;
}

#footer_menu ul
{
float:left;
display:inline;
}

#footer_menu ul li
{
float:left;
width:70px;
list-style:none;
text-align:center;
}

#footer_menu ul li a 		
{
color:#fff;
width:100%;
font-size:10px;
text-decoration:none;
text-align:center;
}

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

#footer_menu ul li a:hover 	
{
color:#fff;
text-decoration:underline;
text-align:center;
}

#footer_validate
{
float:left;
width:900px;
height:31px;
text-align: center;
color:#ff7fac;
}



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



#clear	{clear: both;}

.clear	{clear: both;}


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



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



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

#news_head
{
width:100%;
float:left;
border-bottom: 1px solid #051F38;
}

#lista_itema_item_naslov
{
float:left;
width:180px;
color: #7B7B7B;
margin:0;
}


#lista_itema_item_datum
{
float:right;
width:140px;
height:21px;
padding-top:5px;
color: #fff;
text-align:center;
font-weight:bold;
}


#lista_itema_item_text
{
float:left;
width:100%;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:5px;
}

#news_picture
{
float:left;
padding:5px;
margin-right:5px;
background:#1b191a;
}

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



/***************** G A L L E R Y *******************/



#CC_gallery
{
float:left;
width: 500px;
display: block;
text-align:justify;
}

#gallery_head
{
float:left;
border-bottom: 1px dotted #313131;
}

#gallery_naslov
{
float:left;
width:250px;
color: #7B7B7B;
padding-left:10px;
}

#gallery_date
{
float:right;
width:180px;
height:21px;
padding-top:11px;
color: #395c7c;
text-align:center;
font-weight:bold;
}

.lista_foto_u_galeriji
{
float: left;
margin-top: 10px;
margin-left:28px;
display: inline;
}

.lista_foto_u_galeriji2
{
float:left;
width:100%;
height:60px;
margin-top:5px;
border-bottom:1px solid #DDDDDD;
}

.jedna_foto_u_galeriji
{
float: left;
padding: 5px;
margin-top: 10px;
margin-left:40px;
background:#ffffff;
display: inline;
text-align:center;
}

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



/***************** K O N T A K T *******************/



.lista_itema_kontakt
{
margin: 10px 0px 15px 0px;
clear: both;
}


.lista_itema_kontakt_gore
{
float: left;
padding: 0px 6px 3px 6px;
}


.lista_itema_kontakt_naslov
{
color: #fff;
float: left;
}


.lista_itema_kontakt_email
{
float: right;
width:160px;
}


.lista_itema_kontakt_dole
{
float: left;
padding: 0px 6px 0px 6px;
width:150px;
}


.lista_itema_kontakt_ime
{
color: #ffffff;
float: left;
width:160px;
}


.lista_itema_kontakt_grad
{
float: right;
}



/***************************** S T R A N A P O R U K 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;
}



/***************************** A R T I K L I ******************************/



#lista_artikala
{
float:left;
width:355px;
text-align:center;
}

#lista_artikala ul
{
width:300px;
}

#lista_artikala ul li
{
width:300px;
list-style:none;
padding:3px;
margin-bottom:10px;
font-weight:bolder;
font-size:13px;
border:2px solid #404040;
}

#lista_artikala ul li:hover
{
width:300px;
list-style:none;
padding:3px;
margin-bottom:10px;
font-weight:bolder;
font-size:13px;
border:2px solid #1C1C1C;
}

#lista_artikala ul li a 		
{
font-size:12px;
text-decoration:none;
text-align:center;
}

#lista_artikala ul li a:visited 
{
text-decoration:none;
}

#lista_artikala ul li a:hover 	
{
font-size:12px;
text-decoration:none;
text-align:center;
}



/***************** K A T A L O G *******************/



#catalog_box
{
float:left;
width:100%;
text-align:center;
padding-bottom:20px;
}

#back_proizv
{
float:left;
padding-top:10px;
}

#katpro_naslov
{
float:left;
font-size:12px;
font-weight:bold;
}