BODY {
	margin: 0px;
	padding: 0px;
	background: #54595b;
	/*font: normal 12px Helvetica;*/
	font: normal 12px Arial;
}

A { text-decoration: underline; color: white; }
A:hover { text-decoration: none; }

DIV#site {	margin: 0px auto; }
DIV#site.pages { height: 677px; width: 657px; position: relative; }

DIV#topmenu { margin: 0px auto; }
DIV#topmenu.lang_hr { width: 405px; }
DIV#topmenu.lang_en { width: 415px; }

DIV#site.pages DIV#topmenu  { position: absolute; left: 200px; top: 54px; }

DIV#topmenu UL { padding: 0px; margin: 0px; list-style: none; font: normal 12px Arial; }
DIV#topmenu UL LI { float: left; padding: 7px 5px 0px 5px; }
DIV#topmenu UL LI.sep {
	width: 5px;
	height: 29px;
	background: url(../images/sep.jpg) no-repeat;
	padding: 0px;
}
DIV#topmenu UL LI A { color: white; text-decoration: none; }
DIV#topmenu UL LI A:hover , DIV#topmenu UL LI A.active { color: #e88a49; }

DIV#content { height: 652px; font: normal 12px Arial; }
DIV#content.page_info { background: url(../images/bg_info.jpg) no-repeat 100% 100%; padding: 250px 0px 0px 185px; height: 402px; }
DIV#content.page_info.lang_en { padding: 235px 0px 0px 185px; height: 417px;	padding: 245px 0px 0px 185px; height: 407px; }
DIV#content.page_info P { width: 400px; line-height: 120%; }

DIV#content.page_meni { background: url(../images/bg_meni.jpg) no-repeat 100% 100%; padding: 250px 0px 0px 165px; height: 402px; }

DIV#content.page_usluge { background: url(../images/bg_usluge.jpg) no-repeat 100% 100%; padding: 230px 0px 0px 185px; height: 422px; color: white; }
DIV#content.page_usluge.lang_en { padding: 215px 0px 0px 185px; height: 437px;	padding: 225px 0px 0px 185px; height: 427px; }
DIV#content.page_usluge UL { color: #ff9544; } 
DIV#content.page_usluge UL LI.text_indent {
	 padding: 5px 0px 5px 20px;
	 	padding-left: 0px;
	 	padding-top: 0px;
	 list-style: none;
	 width: 370px;
}
DIV#content.page_usluge UL SPAN { color: white; }

DIV#content.page_usluge UL LI.ti1 { margin-left: 40px; }
DIV#content.page_usluge UL LI.ti2 { margin-left: 80px; }
DIV#content.page_usluge UL LI.ti3 { margin-left: 140px; }
DIV#content.page_usluge UL LI.ti4 { margin-left: 180px; }
DIV#content.page_usluge UL LI.ti5 { margin-left: 210px; }

DIV#content.page_servis { background: url(../images/bg_servis.jpg) no-repeat 100% 100%; }
DIV#content.page_promo { background: url(../images/bg_promo.jpg) no-repeat 100% 100%; padding: 250px 0px 0px 185px; height: 402px; }
DIV#content.page_promo P { width: 385px; color: white; line-height: 120%; }

DIV#content.page_galerija { background: url(../images/bg_galerija.jpg) no-repeat 100% 100%; padding: 350px 0px 0px 225px; height: 302px;  }

DIV#content.page_kontakt  { background: url(../images/bg_kontakt.jpg) no-repeat 100% 100%; padding: 220px 0px 0px 245px; height: 432px; color: white; }
DIV#content.page_kontakt UL {  padding: 0px; margin: 0px; list-style: none; }
DIV#content.page_kontakt UL LI {  /*padding-bottom: 4px;*/ }
DIV#content.page_kontakt UL A { /*font-size: 20px;*/ color: white; text-decoration: none; }
DIV#content.page_kontakt UL A SPAN { /*color: #ff9544;*/ }
DIV#content.page_kontakt UL A:hover { text-decoration: underline; }

DIV#content.main_screen {
	background: url(../images/logo.jpg) no-repeat 50% 50%;
	height: 460px;
	width: 100%;
	margin: 0px auto;
}
DIV#author {
	clear: both;
	float: left;
	padding-top: 100px;
	padding-left: 10px;
}
DIV#author A {
	display: block;
	outline: 0px;
	width: 26px;
	height: 132px;
	background: url(../images/author.jpg) no-repeat;
	text-indent: -9999px;
}

DIV#site.pages DIV#author {
	position: absolute;
	width: 135px;
	height: 25px;	
	bottom: 0px;
	left: 327px;
	left: 312px;
}
DIV#site.pages DIV#author A {
	width: 135px;
	height: 25px;	
	display: block;
	outline: 0px;
	background: url(../images/author2.jpg) no-repeat;
	text-indent: -9999px;
}

DIV#logo , DIV#logo A { width: 163px; height: 218px; }
DIV#logo { position: absolute; top: 0px; left: 0px; }
DIV#logo A {
	display: block;
	outline: 0px;
	text-indent: -9999px;
	background: url(../images/logo_small.jpg);
}

DIV.sep1 , DIV.sep2 , DIV.sep3 , DIV.sep4 , DIV.sep5 { height: 5px; width: 440px; clear:both; }
DIV.sep1 { background: url(../images/sep1.jpg) no-repeat 50% 50%; }
DIV.sep2 { background: url(../images/sep2.jpg) no-repeat 50% 50%; }
DIV.sep3 { background: url(../images/sep3.jpg) no-repeat 50% 50%; }
DIV.sep4 { background: url(../images/sep4.jpg) no-repeat 50% 50%; }
DIV.sep5 { background: url(../images/sep5.jpg) no-repeat 50% 50%; }

UL.meni_list { padding: 0px; margin: 0px; list-style: none; padding: 8px 0px 8px 0px; float: left; }
UL.meni_list LI { float: left; padding-bottom: 2px; }
UL.meni_list LI P { padding: 0px; margin: 0px; margin-bottom: 5px; }
UL.meni_list LI.full_width { width: 440px; } 
UL.meni_list LI.first {
	clear: both;
	float: left;
	text-align: right;
	color: black;
	padding-right: 20px;
	width: 172px;
}
UL.meni_list LI.second {
	color: white;
	text-align: left;
	width: 200px;
}


P.t_center {
	text-align: center;
}


P.t_white {
	color: white;
}

P.s_width { width: 440px; }

/*----------- carousel ------------------*/
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
	height: 90px;
	width: 310px;
}

.stepcarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	width: 87px;
	margin: 0px;
	margin-right: 25px;
}

.stepcarousel .panel IMG {
	border: 13px solid #96a8ac;
}
/*----------- carousel ------------------*/