@charset "utf-8";
/* CSS Document */
body {
	background:#e2e3e4 url(../../images/pozadina.png) repeat-x;
	margin:0;
	padding:0;
	font-family:Arial,Trebuchet MS,Helvetica,Sans-serif;
	font-size:12px;
	line-height:16px;
}
/********************************************************************** OKOLNI *********************************************************************************************/
#okolni{
		width:860px;
		margin:0 auto;
}
/********************************************************************** HEADER *********************************************************************************************/
#header{
		background:url(../../images/header.png) no-repeat;
		height:30px;
		padding-bottom:33px;
}
#header p{
		margin:0;
		font-size:11px;
		color:#1e4d68;
		padding:7px 15px 0 15px;
}
#header p strong {
float: left;
}
.crveni, .crveni a, .povratak_pocetna a{
		color:#a01212;
}
.crveni a:hover, .povratak_pocetna a:hover {
color: #CF3333;
}

.povratak_pocetna {
float: right;
font-weight: bold;
}

/********************************************************************** FLASH *********************************************************************************************/
#flash{
		height:301px;
		padding-bottom:20px;
}
/********************************************************************** SADRŽAJ *********************************************************************************************/
#sadrzaj{
		width:860px;
		margin-bottom:10px;
		float:left;
}
#sad-lijevi{
		width:215px;
		margin-right:20px;
		float:left;
}
#lijevi-gore{
		height:5px;
		background:url(../../images/lijevi-gore.png) no-repeat;
		font-size: 1px;
}
#lijevi-sredina{
		background:url(../../images/lijevi-sredina.png) repeat-y;
		float:left;
}
#novosti{
		float:left;
		border-bottom:#96a1a8 1px solid;
		margin:0 5px 5px 5px;
		display: inline;
}
#novosti2{
		float:left;
		margin:0 5px 0 5px;
		display: inline;
}
#novosti p, #novosti2 p{
		padding:10px 10px 0 10px;
		font-size:11px;
		margin:0 0 0 0;
		color:#3d3d3e;
}
#novosti a, #novosti2 a{
		background:url(../../images/lijevi-link.png) no-repeat;
		width:98px;
		height:26px;
		float:right;
		margin:5px 0 10px 0;
		text-align:center;
		padding-top:4px;
		font-weight:bold;
		color:#FFFFFF;
}

#novosti .plavi a {
background: none;
width: auto;
height: auto;
float: none;
margin: 0;
padding: 0;
text-align: left;
color: #2D78A3;
}

#novosti a:hover, #novosti2 a:hover{
		color:#a01212;
}
.plavi{
		color:#2d78a3;
		font-weight:bold;
}
.novosti_sve {
font-size: 11px;
font-weight: bold;
color:#2d78a3;
margin-left: 15px;
}

.novosti_sve:hover {
color:#a01212;
}

#lijevi-dole{
		height:5px;
		background:url(../../images/lijevi-dole.png) no-repeat;
		clear:both;
}
#sad-desni{
		width:625px;
		float:left;
}
#desni-gore{
		height:6px;
		background:url(../../images/desni-gore.png) no-repeat;
		font-size: 1px;
}
#desni-sredina{
		background:#FFFFFF;
		float:left;
}
#desni-sredina-big{
		background:#FFFFFF;
		float:left;
		width: 595px;
		padding: 0 15px;
		min-height: 338px;
}

* html #desni-sredina-big{
height: 338px;
}

#sadrzaj2{
		width:380px;
		border-right:#d9dde0 1px solid;
		float:left;
		margin:0 15px;
		display: inline;
}
#sadrzaj2 p{
		margin:0;
		color:#737373;
		padding:10px 15px 10px 0;
		line-height: 19px;
}
#sadrzaj2 img{
		float:left;
		/*margin:15px 25px 15px 0;*/
		padding: 15px 25px 15px 0;
}
#sadrzaj2 p.do-slike{
		/*margin-bottom: 70px;
		margin-top: 40px;*/
		padding: 50px 15px 10px 0;
}
#sadrzaj2 p.do-slike a{
		background:url(../../images/desni-link.png) no-repeat;
		width:98px;
		height:23px;
		float:right;
		margin:40px 10px 10px 0;
		text-align:center;
		padding-top:5px;
		font-weight:bold;
		color:#2d78a3;
}
#sadrzaj2 p.do-slike a:hover{
		color:#a01212;
}
#katalog{
		width:214px;
		float:left;
}
#katalog img {
border: 0;
}
#katalog p{
		margin:0;
		color:#737373;
		padding:10px 15px 10px 0;
		text-align:center;
}
#desni-dole{
		height:6px;
		background:url(../../images/desni-dole.png) no-repeat;
		clear:both;
}
/********************************************************************** FOOTER *********************************************************************************************/
#footer{
		width:860px;
}

#fooce{
		color:#585757;
		padding:0 0 5px 100px;
		float:left;
}
		
#fooce a{
		color:#585757;
		font-size:11px;
}
		
#fooce a:hover{
			color:#9f1212;
}
		
#foole{
		float:left;
		color:#585757;
		font-size:11px;
		padding-left:10px;
}

#foode{		
		color:#3e6378;
		padding:0 11px 5px 0;
		font-size:11px;
		float:right;
}

#foode a{		
		color:#3e6378;
}

#foode a:hover{		
		color:#009933;
}
/********************************************************************** HEADING I LINK *********************************************************************************************/
h1{	
	width:365px;
	color:#9f1212;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:10px 0;
	border-bottom:#d9dde0 1px solid;
}
#desni-sredina-big h1 {
width: 595px;
padding-left: 0;
}

.h1_float {
float: left;
}

.h1_left {
float: left;
width: auto;
}

.h1_right {
float: right;
width: auto;
color: #616A6F;
}

#desni-sredina-big .novost h1 {
width: 565px;
}

h2{
	background:url(../../images/lijevi-naslov.png) no-repeat;
	width:190px;
	height:23px;
	color:#930909;
	font-size:12px;
	margin:0 0 0 0;
	padding:9px 0 0 15px;
}
h3{
	width:195px;
	color:#9f1212;
	font-weight:bold;
	font-size:13px;
	margin:0;
	padding:10px 0 10px 5px;
	border-bottom:#d9dde0 1px solid;
}

h4 {
color:#9f1212;
margin: 0;
padding: 20px 0 10px;
border-bottom: #d9dde0 1px solid;
}

a{
	outline:none;
	text-decoration:none;
	
}
/********************************************************************** CLEAR *********************************************************************************************/
.clear{
		clear:both;
}

#desni-sredina-big p {
margin: 0;
padding: 10px 0;
color: #5F5F5F;
line-height: 19px;
}

#desni-sredina-big a {
color: #2B80AF;
text-decoration: none;
}

#desni-sredina-big a:hover {
color: #a11312;
text-decoration: underline;
}

.list1, .list2 {
list-style: none;
margin: 0;
padding: 10px 0 10px 10px;
color: #5F5F5F;
line-height: 19px;
}

.list2 {
padding: 10px 0 10px 80px;
}

.list1 li, .list2 li {
background: url(../../images/bullet.gif) no-repeat 0 8px;
padding: 0 0 5px 10px;
}

.img_left {
border: 1px solid #d9dde0;
float: left;
margin: 5px 15px 5px 0;
}

#desni-sredina-big p.novost_kraj {
border-top: 1px solid #d9dde0;
text-align: right;
font-size: 11px;
color: #AFAFAF;
clear: both;
}

.novost_kraj a, .novost_kraj em {
margin: 0 8px;
}

.novost_kraj em {
font-style: normal;
color: #8F8F8F;
}

.novost {
background: #EFF8FF;
padding: 5px 15px 0;
margin: 10px 0 5px;
width: 565px;
}

.novost_img {
float: left;
width: 150px;
text-align: center;
padding: 10px 15px 10px 0;
}

.novost_txt {
float: left;
width: 400px;
}

.novost img {
max-width: 148px;
border: 1px solid #d9dde0;
}

* html .novost img {
width: expression(document.body.clientWidth < 150? "148px" : document.body.clientWidth > 150? "148px" : "auto");
}


/* proizvodi */

.proizvod {
border-bottom: 1px solid #D9DDE0;
float: left;
width: 595px;
padding: 15px 0;
font-size: 0.9em;
}

.pro_col, .pro_col2, .pro_col3 {
float: left;
width: 190px;
margin-right: 8px;
}

.pro_col3 {
margin: 0;
}

.pro_col2, .pro_col3 {
background: #FFFFFF;
border: 1px solid #BFBFBF;
text-align: center;
} 

.proizvod_logo {
margin: 10px 0;
}

.proizvodi_ostalo_link {
text-align: right;
}

.proizvod_ostalo, .proizvod_ostalo_last {
float: left;
background: #D9DDE0;
width: 183px;
text-align: center;
margin: 0 15px 15px 0;
padding: 4px 0;
display: inline;
}

.proizvod_ostalo_last {
margin: 0 0 15px 0;
}

.proizvod_ostalo_txt {
clear: both;
font-size: 0.9em;
padding: 3px 5px 0;
line-height: 14px;
}