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: #d7d7d7 url("/public/images/body_back.jpg") no-repeat top center;
font: 12px Verdana, "Lucida Grande", Arial, helvetica;
color: #7d7d7d;
behavior: url("/public/csshover3.htc"); /* Fixes PNG hover problem in IE5.5+ */
}

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

h1 a 			{color: #7d7d7d; text-decoration: none;outline:none;}
h1 a:visited 	{color: #7d7d7d; text-decoration: none;}
h1 a:hover 		{color: #7d7d7d; 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:#414141;
font-family:Arial;
padding-top:5px;
padding-bottom: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;
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: #009ee0; text-decoration: none;outline:none;}
a:visited 	{color: #009ee0; text-decoration: none;}
a:hover 	{color: #009ee0; 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
{
margin:0; 
padding:0;
}

textarea
{
overflow:auto;
}

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

input.text-input{ color:#ffffff; margin:4px 8px 10px 0px; width: 230px; height:15px; padding:5px 2px; border:solid 1px #7d7d7d; vertical-align:middle; background: url("/public/images/input_back.jpg") repeat-x top;}
select.text-input{ color:#ffffff; margin:4px 8px 10px 0px; width: 236px; height:30px; padding:5px 2px; border:solid 1px #7d7d7d; vertical-align:middle; background: url("/public/images/input_back.jpg") repeat-x top;}
textarea.text-input{ color:#ffffff; margin:4px 8px 4px 0px; padding: 5px 2px; border:solid 1px #7d7d7d; vertical-align:top; background:#009bdc url("/public/images/input_back.jpg") repeat-x top;}
#contact_form input:focus, #contact_form textarea:focus {border:solid 1px #d7263b; }
input.button{ color:#00b9e9; font-size:12px; font-weight:bold; width:120px; height:26px; padding:0; padding-top:-15px; border:0px; margin-top:5px; cursor:pointer; background: url("/public/images/button_back.jpg") no-repeat center left;}
* html input.button, *+html input.button{padding:5px 10px 5px 10px;}


#newsletter_form{margin:0 auto; position:relative; left:20px;top:15px;}
label{margin-top:5px;}

input.text-input2{ color:#ffffff; margin:4px 8px 10px 0px; width: 230px; height:15px; padding:5px 2px; border:solid 1px #7d7d7d; vertical-align:middle; background: url("/public/images/input_back.jpg") repeat-x top;}
select.text-input2{ color:#ffffff; margin:4px 8px 10px 0px; width: 236px; height:30px; padding:5px 2px; border:solid 1px #7d7d7d; vertical-align:middle; background: url("/public/images/input_back.jpg") repeat-x top;}
textarea.text-input2{ color:#ffffff; margin:4px 8px 4px 0px; padding: 5px 2px; border:solid 1px #7d7d7d; vertical-align:top; background: url("/public/images/input_back.jpg") repeat-x top;}
#newsletter_form input:focus, #newsletter_form textarea:focus {border:solid 1px #7d7d7d; }
input.button{ color:#00b9e9; font-size:12px; font-weight:bold; width:120px; height:26px; padding:0; padding-top:-15px; border:0px; margin-top:5px; cursor:pointer; background: url("/public/images/button_back.jpg") no-repeat center left;}
* html input.button, *+html input.button{}

.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: 960px;
margin: auto;
overflow: hidden;
}



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

#Header
{
float:left;
width:960px;
margin-top:5px;
}

#Header_left
{
float:left;
height:135px;
width:580px;
margin-top:10px;
}

#HeaderLogo
{
float:left;
width:590px;
height:108px;
}

#HeaderSlika
{
float:left;
width:960px;
height:419px;
text-align:center;
background: url("/public/images/slider_back.jpg") no-repeat bottom center;
}

#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;
}

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

#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:960px;
height:80px;
float: left;
font-size:14px;
font-family: Arial;
text-decoration: none;
white-space: nowrap;
background:#ffffff url("/public/images/menu_back.jpg") no-repeat ;
}



#HeaderOpcije ul
{
float:right;
width:850px;
height:39px;
xmargin-left:80px;
margin-top:15px;
display:inline;
}

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

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

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



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

#MainCel
{
float:left;
width:960px;
}

#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:960px;
height:100%;
}

#title
{
float:left;
width:920px;
height:78px;
color:#ededed;
font-size:40px;
font-weight:bold;
font-family:Arial;
text-transform:uppercase;
padding-left:40px;
background: url("/public/images/title_back.jpg") no-repeat bottom center;
}

#cc_wrap
{
float:left;
width:700px;
}

#cc_top
{
float:left;
width:700px;
height:30px;
background: url("/public/images/cc_top.jpg") no-repeat top center;
}

#cc_bottom
{
float:left;
width:700px;
height:30px;
margin-bottom:15px;
background: url("/public/images/cc_bottom.jpg") no-repeat bottom center;
}

#cc_body
{
float:left;
width:640px;
display:block;
padding-left:30px;
padding-right:30px;
background: url("/public/images/cc_tile.jpg") repeat-y top center;
}


/* CENTER CEL Typography */

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

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

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

#CC_body_index
{
float:left;
width:940px;
padding-left:10px;
padding-right:10px;
display:block;
}

#index_left
{
float:left;
width:300px;
display:inline;
font-size:11px;
}

#box_title
{
margin-bottom:5px;
margin-left:10px;
}

.big
{
font-weight:bold;
font-size:16px;
}

#box_title .big
{
color:#009ee0;
font-weight:bold;
font-size:16px;
margin-bottom:2px;
}

#box_left
{
width:300px;
height:300px;
margin-bottom:30px;
background: url("/public/images/box_right.jpg") no-repeat top center;
}

#box_center
{
width:300px;
height:540px;
margin-bottom:30px;
text-align:center;
background: url("/public/images/box_left.jpg") no-repeat top center;
}

#box_right
{
width:300px;
height:300px;
margin-bottom:30px;
background: url("/public/images/box_right.jpg") no-repeat top center;
}

#box_right2
{
width:300px;
height:170px;
margin-bottom:30px;
background: url("/public/images/box_right2.jpg") no-repeat top center;
}

#box_banner
{
padding-top:20px;
text-align:center;
}

#box_banner img
{
text-align:center;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}

#ico
{
float:left;
width:95px;
font-size:10px;
text-align:center;
margin-top:30px;
line-height:18px;
display:inline;
}

#ico a
{
margin-left:5px;
font-size:11px;
}

#box_news_title
{
width:280px;
height:58px;
background: url("/public/images/index_news_title.jpg") no-repeat top center;
text-align:center;
color:#ffffff;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
font-size:14px;
font-weight:bold;
}

#box_text
{
width:270px;
text-align:left;
padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
line-height:18px;
}

#index_center
{
float:left;
width:300px;
margin-left:20px;
display:inline;
font-size:11px;
}

#index_right
{
float:right;
width:300px;
margin-left:20px;
display:inline;
font-size:11px;
}

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


/********* Company Profile *****************/

#form_cat_box
{
float:left;
width:618px;
margin-left:30px;
margin-bottom:10px;
padding:10px;
border:1px solid #ffffff;
display:inline;
}

#form_cat_title
{
float:left;
width:100px;
height:18px;
padding-top:2px;
text-align:center;
color:#ffffff;
background: url("/public/images/blue_cat_number.jpg") no-repeat top center;
}

#form_cat_title2
{
float:left;
width:500px;
margin-left:10px;
margin-top:2px;
font-weight:bold;
display:inline;
text-transform:uppercase;
}

#form_title
{
float:left;
width:612px;
height:70px;
text-align:center;
color:#ffffff;
font-size:24px;
font-weight:bold;
padding-left:10px;
padding-right:10px;
padding-top:10px;
display:inline;
text-transform:uppercase;
background: url("/public/images/form_title_back.jpg") no-repeat top center;
}

#form_line
{
float:left;
width:632px;
height:30px;
background: url("/public/images/form_line_back.jpg") no-repeat top center;
margin-top:15px;
padding-top:10px;
}

#form_line_left
{
float:left;
width:140px;
text-align:right;
color:#ffffff;
padding-top:1px;
}

#form_line_right
{
float:right;
width:470px;
font-size:14px;
}

#form_text
{
float:left;
width:612px;
margin-top:15px;
padding:10px;
background:#eaf0f1;
}

#form_back
{
width:132px;
height:27px;
background: url("/public/images/form_button.jpg") no-repeat top center;
color:#ffffff;
text-transform:uppercase;
font-size:14px;
padding-top:7px;
margin-top:15px;
}

#form_back a {color:#ffffff;}

#profile_title
{
float:left;
width:530px;
margin:0;
color:#acacac;
font-weight:bold;
margin-left:50px;
padding-top:5px;
}

#profile_title a {color:##009ee0;}


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

#rs_wrap
{
float:right;
width:220px;
text-align:center;
}

#rs_top
{
float:left;
width:220px;
height:30px;
background: url("/public/images/rs_top.jpg") no-repeat top center;
}

#rs_bottom
{
float:left;
width:220px;
height:30px;
background: url("/public/images/rs_bottom.jpg") no-repeat top center;
}

#rs_body
{
float:left;
width:220px;
background: url("/public/images/rs_tile.jpg") repeat-y top center;
}

#rs_head
{
float:left;
margin-top:10px;
width:220px;
height:30px;
}

rs_banner
{
float:left;
width:220px;
display:block;
}


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

#Footer
{
width:1020px;
height:100%;
color:#ffffff;
margin:auto;
}

#footer_tile
{
float:left;
width:1020px;
height:240px;
background: url("/public/images/footer_back.jpg") no-repeat top center;
}

#footer_banner
{
width:100%;
height:115px;  /* Bilo je pre 125px smanjeno zbog smanjenja broja banera za 2010 */
margin-top:35px;
text-align:center;
}

#footer_banner img
{
padding-left:17px;
padding-right:17px;
}

#footer_menu
{
float:left;
width:1020px;
text-decoration:none;
white-space:nowrap;
overflow:hidden;
margin:auto;
padding-top:50px;
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:#ffffff;text-decoration:none;text-align:center;outline:none;}
#footer_menu ul li a:visited {color:#ffffff;text-decoration:none;}
#footer_menu ul li a:hover   {color:#ffffff;text-decoration:underline;text-align:center;}

#footer_copy
{
float:left;
width:960px;
height:22px;
margin-top:60px;
font-size:11px;
text-decoration:none;
text-align:center;
color:#7d7d7d;
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_head
{
width:700px;
height:30px;
float:left;
margin-top:10px;
background: url("/public/images/news_title.jpg") no-repeat top center;
}

#news_title
{
float:left;
color: #ffffff;
margin:0;
font-weight:bold;
padding-left:20px;
padding-top:7px;
}

#news_title a {color:#ffffff;}

#news_date
{
height:21px;
width:240px;
text-align:center;
font-weight:bold;
padding-top:5px;
background: url("/public/images/news_date.jpg") no-repeat top center;
}

#news_text
{
float:left;
width:640px;
padding-bottom:5px;
padding-top:5px;
padding-left:30px;
padding-right:30px;
margin-top:10px;
display:inline;
}

#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;
display:inline;
margin-right:10px;
}

#news_bottom
{
float:left;
width:100%;
margin-top:10px;
}

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



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

#Gallery
{
float:left;
padding-bottom:10px;
display: block;
text-align:center;
}

#GalleryTitle
{
float:left;
width:250px;
padding-left:10px;
}

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

.GalleryPhotoList
{
float:left;
margin-top:10px;
margin-left:4px;
font-size:10px;
display:inline;
}

.GalleryPhotoList2
{
float:left;
margin-top:10px;
margin-bottom:40px;
margin-left:30px;
display:inline;
font-size:10px;
text-align:center;
}

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



/***************************** 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:hover
{
background:url("/public/images/preload/ls_nav_hover.jpg") no-repeat 0 0;
background-position:right top;
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;
}