/* CSS Document */

body{
	width:auto;
	height:auto;
	background:#fff url(../images/main_bcg.jpg) top left repeat-x;
	margin:0;
	margin-bottom:30px;
	}
body#naslovna a#naslovna,
body#dostava a#dostava,
body#klijenti a#klijenti,
body#kontakt a#kontakt {
	background:transparent url(../images/ahover_main_bcg.jpg) no-repeat;
	color:#fff;
	}
body#p1 a#p1,
body#p2 a#p2,
body#p3 a#p3,
body#p4 a#p4,
body#p5 a#p5,
body#p6 a#p6,
body#p7 a#p7,
body#p8 a#p8 {
	color:#fff;
	background:transparent url(../images/ahover_sub.jpg) left center repeat-x;
	margin-right:0;
	margin-left:0;
		font-weight:bold;

	}
#main_div{
	width:833px;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	}
	
#header{
	width:833px;
	height:194px;
	background:transparent url(../images/header.jpg) top center no-repeat;
	}

#header h1{
	width:354px;
	height:99px;
	background:transparent url(../images/suma_ogrjev_logo.jpg) center center no-repeat;
	position:absolute;
	margin-top:0;
	margin-left:2px;
	cursor:pointer;
	}


#header h1 span{
	display:none;
	}

#menu{
	height:105px;
	position:absolute;
	margin-left:355px;
	}

#menu ul{
	display:inline;
	line-height:130px;
	list-style:none;
	font-family:"trebuchet MS", verdana;
	font-size:15px;
	font-weight:bold;
	color:#990000;
	}

#menu li{
	float:left;
	}

#menu li a{
	background:transparent url(../images/a_main_bcg.jpg) no-repeat;
	width:119px;
	height:105px;
	display:block;
	text-decoration:none;
	color:#990000;
text-indent:20px;
	}
#menu li a:hover{
	background:transparent url(../images/ahover_main_bcg.jpg) no-repeat;
	color:#fff;
	}
	

#content{
	width:833px;
	background:#fff url(../images/cont_bcg.jpg) top left repeat-x;
	}


#ldiv{
	height:auto;
	float:left;
	position:static;
	}

#ldiv h1{
	font-family:"trebuchet MS", verdana;
	color:#283140;
	font-size:13px;
	/*padding:10px auto 5px 10px;*/
	margin:10px;
	}

#ldiv h1 span{
	color:#990000;
	}
#ldiv h2{
	color:#333;
	font-family:"trebuchet MS", verdana;
	font-size:13px;
	font-weight:bold;
	margin:0 auto -13px 25px;

	}
#ldiv p{
	font-family:"trebuchet MS", verdana;
	font-size:13px;
	color:#333;
	width:250px;
	margin-left:20px;
	}

#ldiv ul a{
	font-family:"trebuchet MS", verdana;
	font-size:13px;
	color:#cc0000;
	margin-left:6px;
	margin-right:20px;
	padding-left:20px;
	line-height:20px;
	text-decoration:none;
	display:block;
	background:transparent url(../images/strelica.gif) center left no-repeat;
	}
#ldiv ul a:hover{
	color:#fff;
	background:transparent url(../images/ahover_sub.jpg) left center repeat-x;
	margin-right:0;
	margin-left:0;
	}
#ldiv ul{
	margin-left:0;
	list-style:none;
	}

#ldiv li, #ldiv p li{
	margin-left:-26px;
	width:240px;
		border-bottom:1px dashed #ccc;

	}

form{
	float:left;
	margin-bottom:30px;
	}
input{
	width:166px;
	font-family:"trebuchet MS", verdana;
	font-size:13px;
	border:1px solid #999;
	background-color:#ececec;
	margin-top:2px;
	}
input:hover, textarea:hover{
	background-color:#999;
	border:1px solid #666;
	color:#fff;
	}
textarea{
	width:166px;
	height:70px;
	font-family:"trebuchet MS", verdana;
	font-size:13px;
	border:1px solid #999;
	background-color:#ececec;
	margin-top:2px;
	}
.but{
	width:168px;
	border:0;
	margin-top:-28px;
	margin-left:20px;
	}
.but:hover{
	border:0px;
	}
.kam{
	margin-top:-17px;
	border:none;
	}	

#rdiv{
	height:auto;
	width:520px;
	float:left;
	}

#rdiv h1{
	font-family:"trebuchet MS", verdana;
	font-size:13px;
	color:#990000;
	margin:10px;
	display:compact;
	}

#rdiv h1 span{
	color:#990000;
	}

#rdiv p{
	font-family:"trebuchet MS", verdana;
	color:#333;
	font-size:13px;
	width:370px;
	margin-top:15px;
	margin-left:190px;
	display:block;
	}
#rdiv p span{
	color:#cc0000;
	font-weight:bold;
	}	
#rdiv p a{
	color:#cc0000;
	text-decoration:none;
	}
#rdiv p a:hover{
	color:#999;
	text-decoration:none;
	}
.bildl{
	margin:10px;
	padding:1px;
	border:1px solid #333;
	float:left;
	}	
.bildp{
	margin:10px;
	padding:1px;
	float:left;
	}
.bildr{
	float:left;
	margin:15px;
	position:static;
	}	

#rdiv ul{
	}

#rdiv li{
	}
	
#rdiv_ponuda{
	width:562px;
	border-top:1px dashed #999;
	background-color:#ececec;
	float:right;
	margin-top:10px;
	}
#rdiv_ponuda h1{
	font-family:"trebuchet MS", verdana;
	font-size:13px;
	color:#990000;
	margin:10px;
	}
#rdiv_ponuda p{
	width:150px;
	margin:18px;
	font-family:"trebuchet MS", verdana;
	font-size:13px;
	text-align:center;
	float:left;
	}
#rdiv_ponuda p span{
	color:#FF9728;
	font-weight:bold;
	}
.izd{
	float:left;
	margin:10px;
	position:static;
	}

#footer{
	background:transparent url(../images/footer_bcg.jpg) no-repeat;
	width:562px;
	height:50px;
	float:right;
	margin-top:2px;
	}
#footer p{
	margin-top:-3px;
	padding:10px;
	font-family:"trebuchet MS", verdana;
	font-size:12px;
	color:#ccc;
	}
#footer p span{
	color:#fff;
	}
#footer p a{
	color:#cc0000;
	text-decoration:none;
	}
#footer p a:hover{
	color:#fff;
	text-decoration:none;
	}

table{
		color:#333;
	font-family:"trebuchet MS", verdana;
	font-size:13px;
	line-height:20px;
}
td{
		border:1px solid #ccc;
		padding:3px;
	}
th{
	font-size:14px;
	border:1px solid #ccc;
}
