html, body {

	background-color: #fff;

	font-family:  Arial,Helvetica,Verdana,sans-serif,"Trebuchet MS",;

	font-size: 12px;

	font-weight: normal;

	color: #343339;

	text-decoration: none;

	margin: 0;

	padding: 0;

	

	width:100%;

	height:100%;

	/*overflow:hidden;*/

}
/* slike *****************************************/
#drop {
	position:relative;
	top:72px;
	
	
}

#firma {
	position:absolute;
	top:239px;
	_top:243px;
	left:40px;
	
	}
	
#mat {

	position:absolute;
	top:230px;
	_top:223px;
	left:40px;
	
}

#tisak {
	position:absolute;
	top:227px;
	_top:232px;
	left:40px;
	
	}
#karta {
	position:absolute;
	top:227px;
	_top:232px;
	left:40px;
}

#konf {

	position:absolute;
	top:230px;
	_top:228px;
	left:40px;
	
}

#upit {
	position:absolute;
	top:227px;
	_top:232px;
	left:40px;
}	

#flash-proizvodi {

	position:absolute;
	top:230px;
	_top:228px;
	left:40px;
	
}

#grafko_zastave {

	position:absolute;
	top:226px;
	_top:228px;
	left:40px;
	
}

#grafko_kisobrani {

	position:absolute;
	top:227px;
	_top:228px;
	left:40px;
	
}








/* menu***************************************** */

#menu {

	position:absolute;

	top:142px;
	_top:147px;

	left:45px;

	height:34px;

	width: 820px;

	z-index:450;
	
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:16px;
	
	

}

#nav li:hover, #nav li.hover { /*fix for IE7 not to lock*/
    position: static;
}

#nav a:link, a:visited {

	font-family:Arial, Helvetica, sans-serif;
	
	text-decoration:none;
	
	color:#5D5D5D;
	
	padding-left:8px;
	
	padding-top:6px;
	
	padding-bottom:2px;
	
	display:block;

}

#down a:hover {

	border-top: 1px solid #fff;
	background-color:#A4A4A4;
	color:#FFFFFF;
	width:127px;

	
	}
	


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 127px;
	height:34px;
	}
	
#usluge a {

	display: block;
	width:127px;
	height:34px;

}

#konfe a {

	display: block;
	width:210px;
	height:34px;

}
	
#down a {
	display:block;

	height:20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #58585a;
	z-index:1100;
	
	}
		

#nav li { /* all list items */
	float: left;
	width: 120px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */

	position: absolute;
	background-color:#E5E5E5;
	width: 135px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

li#proizvodi {
display:block;
width:135px;
height:34px;
background-image:url(img/meni-1.jpg);
background-repeat:repeat-x;
}


li#usluge {
display:block;
width:125px;
height:34px;
background-image:url(img/meni-1.jpg);
background-position:670px 0;
background-repeat:repeat-x;
}

li#materijali {
display:block;
width:150px;
height:34px;
background-image:url(img/meni-1.jpg);
background-position:550px 0;
background-repeat:repeat-x;
}

li#konfe {
display:block;
width:225px;
height:34px;
background-image:url(img/meni-1.jpg);
background-position:400px 0;
background-repeat:repeat-x;
}

li#onama {
display:block;
width:160px;
height:34px;
background-image:url(img/meni-1.jpg);
background-position:175px 0;
background-repeat:repeat-x;
}

a#one {
text-indent:-9999px;
}


/* menu***************************************** */


#container {

	width:100%;
	height:450px;
	
}
	


#banner {

	background-color:#fff;
	
	width:100%;
	
	height:150px;
	
	float:left;
	
	clear:both;
	
}

#logo {

	float:right;
	
	margin-right:5em;
	
	margin-top:1em;
	
	background-image:url(img/logo_d.jpg);
	
	background-repeat:no-repeat;
	
	width:480px;
	
	height:134px;
	
	text-indent:-9999px;
	
	
}

#logo a {
width:236px;
height:120px;
display:block;

}

#content {
	position:relative;
	float:left;
	width:100%;
	height:392px;
	background-image:url(img/beck-1.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
	
}

#content-on{
	float:left;
	width:100%;
	height:auto;
	background-color:#DAD9DF;
	background-image:url(img/beck-1.jpg);
	background-repeat:repeat-x;
	overflow:hidden;	
}



	

#content-left {

	float:left;
	width:auto;
	height:auto;
	
}

#content-left2 {
	float:left;
	width:550px;
	height:392px;
	
}

#content-left3 {
	float:left;
	width:550px;
	height:395px;
	
}

#content-right {
	position:relative;
	width:auto;
	height:auto;
	margin-left:580px;
	margin-top:40px;
	text-align:justify;
}

#inside {
position:relative;
float:left;
_float:none;
width:auto;
height:auto;
padding:20px 20px 7px 20px;
background-color:#DAD9DF;
margin-right:70px;
font-family:Arial, Helvetica, sans-serif;
}


.slogan{
	color:#424242;
	display:block;
	font-size: 18px;
	white-space:nowrap;
	width:auto;
	
}

.slogan-s{

	color:#FFFFFF;
	display:block;
	font-size: 17px;
	white-space:nowrap;
	width:auto;
}




#wraper{	

	float:right;
	width:4em;
	height:100px;

}

#space1 {

height:1px;
width:auto;
display:block;

}

#space10 {

height:10px;
width:auto;
display:block;

}

#space50 {

height:50px;
width:auto;
display:block;

}

#space100 {

height:100px;
width:auto;
display:block;

}

#space120 {

height:120px;
width:auto;
display:block;

}




#foot {

width:100%;
height:auto;
float:left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#767676;
padding-top:15px;

}

/* expand ************************************ */

p {
padding: 0 0 1em;
}
.msg_list {
margin: 0px;
padding: 0px;
width:auto;
}

.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#000000;
margin:1px;
}


.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
_height:250px;
}

.msg_body-ex {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}

/* elementi unutar colaps-text-izbornika */

#un_baneri  {
width:auto;
float:left;
padding-right:10px;
}

#un_baneri-1  {
width:auto;
float:left;
padding-left:30px;
_position:relative;

}

#inside a  {
text-decoration:none;
color:#355393;
}


#novo {
position:absolute;
top: 0px;
left: 0px;
width: 196px;
height: 29px;
background-image: url(img/novo.jpg);
text-indent:-9999px;

}

#novo a {
width:196px;
height:29px;
display:block;
}

#sublimation {
position:absolute;
top: 0px;
left: 179px;
width: 235px;
height: 29px;
background-image: url(img/sublimation.jpg);
text-indent:-9999px;

}

#sublimation a {
width:235px;
height:29px;
display:block;
}

#lang_hr {
position:absolute;
top: 40px;
left: 10px;
width: 28px;
height: 17.5px;
/*background-image: url(img/lang.jpg);*/
text-indent:0px;
background-repeat:no-repeat;
}

#lang_de {
position:absolute;
top: 40px;
left: 70px;
width: 28px;
height: 18px;
/*background-image: url(img/lang.jpg);*/
text-indent:0px;
background-position:30px 0;
background-repeat:repeat-x;

}



#lang_hr a:link, a:visited {

	font-family:Arial, Helvetica, sans-serif;
	
	text-decoration:none;
	
	color:#5D5D5D;
	
	padding-left:8px;
	
	padding-top:6px;
	
	padding-bottom:2px;
	
	display:block;

}

#lang_de a:link, a:visited {

	font-family:Arial, Helvetica, sans-serif;
	
	text-decoration:none;
	
	color:#5D5D5D;
	
	padding-left:8px;
	
	padding-top:6px;
	
	padding-bottom:2px;
	
	display:block;

}