html, body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;padding: 0px;
	background-color: #F3E7CA;
	color:#574020;
	cursor:default;
}

a{
	text-decoration: none;
	color:#574020;
	outline: 0px;
}

a img{
	border:0px;
}

a:hover{
	outline: 0px;
	cursor: pointer;
}

a span{
	visibility: hidden;
}

div.con1bkg{
	position:relative;
	width:100%; height:59px;
	margin:0px auto;
	overflow: hidden;
	background: #000000 url(../images/con1bkg.jpg) repeat-x;
	border-bottom:1px solid #A8A299;
}

div.con2bkg{
	position:relative;
	width:100%; height:199px;
	margin:0px auto;
	overflow: hidden;
	background: #705939 url(../images/con2bkg.jpg) repeat-x;
	border-bottom:2px solid #75901C;
}
div.con3bkg{
	position:relative;
	width:100%;
	margin:0px auto;
	overflow: visible;
	background: #FFF5E6 url(../images/con3bkg.jpg) repeat-x;
	border-bottom:3px solid #F8ECCF;
	border-top:4px solid #F5EACC;
	z-index: 2;
}
div.con4bkg{
	position:relative;
	width:100%;
	margin:0px auto;
	overflow: hidden;
	background-color: #DDCAA8;
	border-bottom:3px solid #BEAC8E;
	border-top:3px solid #BEAC8E;
	padding:10px 0px 10px 0px;
	z-index: 1;
}
div.con5bkg{
	position:relative;
	width:100%; height:100px;
	margin:0px auto;
	overflow: hidden;
	background: #F3E7CA url(../images/con5bkg.jpg) repeat-x;
	border-top:3px solid #F8ECCF;
}

div.con1, div.con2, div.con3,
div.con4, div.con5{
	position:relative;
	width:950px;
	margin:0px auto;
	

}

div.con1 h1{
	position: absolute;
	top:17px;left:0px;
	font-size: 12px;
	font-weight: bold;
	color:#988262;
	margin:8px 0px;
}

div.con1 form{
	position:absolute;
	left:495px;
	top:20px;
	padding-left:25px;
}

div.user_opt{
	position:absolute;
	right:50px;
	top:17px;
	margin:8px 0px;
	font-weight: bold;
	color:#988262;
}

div.user_opt a{
	color:#988262;
}

div.con1 input{
	position:relative;
	background: #614A2A;
	border:1px solid #957140;
	color:#988262;
	width:150px;
	font-weight: bold;
	padding:2px;
}

div.con1 input.button{
	width:75px;
	color:#DDCAA8;
	background: #857256 url(../images/loginbutton.jpg) repeat-x;
	padding:1px;
}

div.con2{
	height:159px;
}

div.con2 div.slogan{
	color:#DDCAA8;
	position: absolute;
	top:103px;left:170px;
	
	width:560px;
	border-top:1px solid #97773C;
	padding: 4px;
}

div.con2 div.cominfo{
	color:#AE9B7F;
	position: absolute;
	top:10px;left:730px;
}

div.con2 div.cominfo a{
	color:#AE9B7F;
}

div.con2 img.logo1{
	position: absolute;
	top:16px;
	left:50px;
}

div.con2 img.logo2{
	position: absolute;
	top:49px;
	left:158px;
}

div.con3{
	margin-bottom:15px;
}

div.con3 .item1{
	float:left;
	border-left:2px dotted #AC8F67;
	width:242px;min-height:175px;
	margin:64px 0px 0px 0px;
}

div.con3 .item2{
	float:left;
	border-left:2px dotted #AC8F67;
	width:344px;min-height:227px;
	margin:12px 0px;
}

div.con3 .item2 img{
	right:340px;
}

div.con3 .item3{
	float:left;
	border-left:2px dotted #AC8F67;
	width:344px;min-height:227px;
	margin:12px 0px;
}

div.con3 .item3 img{
	right:-20px;
}

div.con3 a img{
	position:absolute;
	bottom:-50px;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.80; 
	opacity: 0.80;
	khtml-opacity: 0.80;
}

div.con3 a:hover img{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	khtml-opacity: 1;
}

div.con3 .item1 div.pagedesc, div.con3 .item1 div.pagedesc1{
	color:#5B7112;
	font-size: 14px;
	border-bottom:2px solid #D3C7AD;
	margin:10px;
	padding-bottom:14px;
}

div.con3 .item1 div.pagedesc1{
	border-bottom: 0px;
}

div.con3 .item1 img{
	position: absolute;
	top:20px;
	left:10px;
}

.item1 a.more{
	background: #FBF2E3 url(../images/more.gif);
	width:92px;height:21px;
	display: block;
}

div.con3 .item1 a.more{
	margin-left:130px;
}

a.more:hover{
	background-color: #FCA82A;
	text-decoration: none;
}

a.more span{
	visibility: hidden;
}


.item2 a.p500, .item2 a.p2000{
	background: url(../images/paket500.gif) no-repeat 13px 0px;
	width:319px;height:40px;
	display: block;
	padding:0px 0px 17px 13px;
}

.item2 a.p2000{
	background-image: url(../images/paket2000.gif);
}

.item3 a.p1500, .item3 a.p2500, .item2 a.ogl200, .item3 a.ogl400{
	background: url(../images/paket1500.gif) no-repeat 13px 0px;
	width:319px;height:40px;
	display: block;
	padding:0px 0px 17px 13px;
}

.item3 a.p2500{
	background-image: url(../images/paket2500.gif);
}

.item2 a.ogl200{
	background-image: url(../images/ogl200.gif);
}

.item3 a.ogl400{
	background-image: url(../images/ogl400.gif);
}

.con3 ul a{
	color:#574020;
	font-weight: bold;
	border-bottom:1px dotted #CCB696;
}

.con3 .item2 ul a:hover{
	color:#2A84A7;
}

.con3 .item2 ul a span{
	visibility:visible;
	color:#2A84A7;
}

.con3 .item3 ul a:hover{
	color:#BF0000;
}

.con3 .item3 ul a span{
	visibility:visible;
	color:#BF0000;
}

.con3 ul{
	padding:0px 0px 0px 20px;
	margin:0px;
}

.con3 ul li{
	padding:0px 0px 7px 23px;
	list-style: none;
	background: url(../images/arr.gif) no-repeat;
}

.con4{
	background: url(../images/con4bkg.gif) repeat-y;
}

.con4 .lcol{
	float:left;
	padding-right:2px;
	width:245px;
}

.con4 .ccol{
	float:left;
	width:456px;
}

.con4 .ccol1{
	float:left;
	width:702px;
	overflow: hidden;
}

.con4 .rcol{
	float:left;
	padding-left:11px;
	width:236px;
	overflow: hidden;
}

div.newstitle{
	background: url(../images/news.gif);
	width:436px;height:41px;
	display: block;
	margin:0px 0px 17px 10px;
}

div.newstitle span{
	visibility: hidden;
}


.ccol1 div.newstitle{
	width:690px;height:41px;
	display: block;
	margin:0px 0px 17px 10px;
	position: relative;
}

.ccol1 div.newstitle span{
	visibility: hidden;
}

div.faqitem{
	padding:0px 15px 30px 15px;
	position:relative;
	color:#574020;
}

div.faqitem h3{
	margin:0px 0px 10px 0px;
}


div.faqitem h3 span{
	font-weight: bold;
	font-size: 17px;
	color:#574020;
	border-bottom:1px solid #574020;
}

div.faqitem a{
	font-weight: bold;
	color:#B55120;
}

div.faqitem a:hover{
	border-bottom:1px solid #574020;
}

div.newsitem{
	padding:0px 10px 30px 10px;
	position:relative;
	float:left;
}

.newsitem .lnews{
	float:left;
	position: relative;
	height:97px;width:108px;
	padding:0px 10px 0px 0px;
}

.ccol1 .newsitem .lnews{
	height:162px;width:256px;
}

.newsitem .rnews{
	float:left;
	width:305px;
	color:#574020;
	text-align: left;
}

.newsitem .rnews p{
	margin:0px;padding:0px;
}

p.pagination{
	width:450px;
	padding:0px;
	margin:0px;
	position:relative;
	float:left;
	text-align:center;
}

.newsitem .lnews img{
	position:absolute;
	top:3px;left:2px;
	height:93px;width:103px;
}

.ccol1 .newsitem .lnews img{
	position:absolute;
	top:3px;left:2px;
	height:auto;width:auto;
}

.newsitem .rnews h3{
	margin:0px 0px 5px 0px;
}

.newsitem .rnews h3 a, .newsitem .rnews h3 span{
	font-weight: bold;
	font-size: 12px;
	color:#574020;
	border-bottom:1px solid #574020;
}

.newsitem .more{
	position:absolute;
	bottom:10px;right:30px;
	display: block;
	width:92px;height:21px;
	background: #FFF5E9 url(../images/more1.gif);
}

.newsitem .lnews .frame{
	position:absolute;
	top:0px;left:0px;
	height:97px;width:108px;
	background: url(../images/newsframe.gif) no-repeat;
}

.newsitem .rhow{
	float:left;
	width:305px;
	color:#574020;
	text-align: left;
}

.newsitem .rhow h3{
	margin:10px 0px 10px 0px;
	font-weight: bold;
	font-size: 18px;
	color:#574020;
}

.rhow ul{
	margin:0px;
	padding:0px 0px 0px 27px;
}

.rhow ul li{
	padding:0px 0px 10px 0px;
}

.newsitem .rfeat{
	float:left;
	width:400px;
	color:#574020;
	text-align: left;
}

.newsitem .rfeat h3{
	margin:0px 0px 10px 0px;
	font-weight: bold;
	font-size: 18px;
	color:#574020;
}

.rfeat ul{
	margin:0px;
	padding:0px 0px 0px 27px;
}

.rfeat ul li{
	padding:0px 0px 10px 0px;
}

div.lcol div span{
	visibility: hidden;
}

div.lcol .prim{
	height:42px;width:236px;
	background: url(../images/primjeri.jpg) no-repeat;
}

div.imgch{
	position: relative;
	height:160px;width:236px;
}

div.imgch #imgch1{
	position: absolute;
	top:21px;left:27px;
}

div.imgch #frach1{
	position: absolute;
	top:18px;left:24px;
	width:189px;height:123px;
	background: url(../images/chframe.gif);
}

div.imgch .next{
	position: absolute;
	top:67px;left:220px;
	width:15px;height:27px;
	background: url(../images/next.gif);
	
}

div.imgch .prev{
	position: absolute;
	top:67px;left:2px;
	width:15px;height:27px;
	background: url(../images/prev.gif);
}

div.imgch a.next:hover, div.imgch a.prev:hover{
	filter:alpha(opacity=50); 
	-moz-opacity: 0.50; 
	opacity: 0.50;
	khtml-opacity: 0.50;
}


div.lcol .ban1, div.lcol .ban1s{
	float:left;
	height:51px;width:236px;
	display:block;
	background: url(../images/marketing.gif);
	margin-bottom:10px;
}

div.lcol .ban2, div.lcol .ban2s{
	float:left;
	height:51px;width:236px;
	display:block;
	background: url(../images/paketi.gif);
	margin-bottom:10px;
}

div.lcol .ban3, div.lcol .ban3s{
	float:left;
	height:51px;width:236px;
	display:block;
	background: url(../images/podrska.gif);
	margin-bottom:10px;
}

.lcol .ban1:hover, .lcol .ban2:hover, .lcol .ban3:hover,
div.lcol .ban1s, div.lcol .ban2s, div.lcol .ban3s, a.usbutt:hover{
	background-color: #FCA82A;
}

div.rcol div span{
	visibility: hidden;
}

div.rcol .pit{
	height:52px;width:236px;
	background: url(../images/pitanja.jpg) no-repeat;
}

div.rcol .pitl, div.rcol .pitl1{
	text-align: center;
	padding:5px 0px 5px 0px
}

.pitl a, .pitl1 a{
	color:#574020;
	font-weight: bold;
	margin:0px 5px 0px 5px;
	border-bottom:1px solid #574020;
}

.pitl1 a{
	font-size: 16px;
}

.pitl a:hover, .pitl1 a:hover{
	color: #BF0000;
}

.con5 .copy{
	padding:10px 0px 10px 0px;
	background: url(../images/partner.gif) 650px 10px no-repeat;
	color:#574020;
	font-weight: bold;
}

.con5 .copy a{
	display: block;
	color:#574020;
	padding:5px 0px 5px 0px;
	width:150px;
}

div.contentbox{
	padding:10px 20px 10px 20px;
	color:#604A2B;
}

div.contentboxcen{
	padding:10px 20px 10px 20px;
	color:#604A2B;
	text-align: center;
}

div.contentbox1{
	padding:0px 20px 10px 20px;
	color:#604A2B;
}

div.contentbox1 a{
	color:#604A2B;
}

a.usbutt{
	position: relative;
	display: block;
	width: 236px;
	margin:auto;
}

a.linkf1{
	color: #2882A6;
}

a.linkf1:hover{
	text-decoration: underline;
}


/* račun */
.con4 div.raccontainer{
	position: relative;
	margin:10px;
	border:1px solid #BEAC8E;
	background:white;
	width:680px;
	color:black;
}

.con4 .raccontainer table{
	width:660px;
	margin:auto;
	color:black;
	border:0px;
}

.con4 .raccontainer table td h1{
	position: relative;
	font-size: 18px;
	padding:10px 0px 20px 0px;
	margin:0px;
}

.con4 .raccontainer table td h2{
	position: relative;
	font-size: 16px;
	padding:0px 0px 5px 0px;
	margin:0px;
}

.con4 .raccontainer table tr.top{
	border:0px;
	padding:0px;
}

.con4 .raccontainer table tr td{
	padding:0px;
	margin:0px;
	border:0px;
	vertical-align: top;
	color:black;
}

.con4 .raccontainer table tr td div.kupac{
	border:1px solid black;
	padding:10px;
	margin:20px 0px 10px 0px;
	width:250px;
	display: block;
}

.con4 .raccontainer table tr.top td.left{
	border:0px;
	width:480px;
	padding:0px;
	margin:0px;
	border-bottom:1px solid black;
}

.con4 .raccontainer table tr.top td.right{
	border:0px;
	width:190px;
	padding:0px;
	margin:0px;
	line-height: 180%;
	border-bottom:1px solid black;
}

.con4 .raccontainer table tr td.rcom{
	padding-top:20px;
	line-height: 180%;
}

.con4 .raccontainer table tr td.rcom1{
	padding-top:20px;
	line-height: 150%;
}

.con4 .raccontainer table tr td.rcom1 table{
	width:190px;
}

.con4 .raccontainer table tr td.lcom{
	padding-bottom:10px;
	line-height: 150%;
}

.con4 .raccontainer table tr td table.raclist tr td{
	border-bottom:1px solid black;
	padding:3px;
}



/* table */
.con4 table{
	width:690px;
	margin: 10px;
	border-left: 1px solid #F7EDD4;
	border-top: 1px solid #F7EDD4;
	border-collapse: collapse;
}

.con4 table tr{
	
}

.con4 table td{
	border-bottom: 1px solid #F7EDD4;
}

.con4 table .odd{
	background: #E0D0B1;
}

.con4 table .thead{
	background: #786346 url(../images/con2bkg.jpg) repeat-x -160px;
}

.con4 table .thead td{
	padding:10px 0px 10px 10px;
	color:white;
	font-weight: bold;
}

.con4 table .tfooter{
	background:#EBDBB7;
}

.con4 table .tfooter td{
	padding:4px 10px 4px 10px;
	color:#604A2B;
	font-weight: bold;
}

.con4 table td{
	padding:4px 10px 4px 10px;
	border-right: 1px solid #F7EDD4;
	color:#604A2B;
}

.con4 table td a{
	
	color:#FCF7F0;
	text-decoration: underline;
	display:block;
	text-align: center;
}

.con4 table td a:hover{
	color:#604A2B;
}

.con4 table th{
	padding:4px 0px 4px 10px;
	border-right: 1px solid #F7EDD4;
	font-weight: bold;
	text-align: left;
	color:#604A2B;
	border-bottom: 1px solid #F7EDD4;
}

.con4 table .td1{
	width:500px;
}

.con4 table .td2{
	width:120px;
}

.con4 table .td3{
	width:70px;
}

.con4 table .td4{
	width:24px;
}



/* form elements */
p.error{
	color:red;
	padding:0px;
	margin: 0px 0px 3px 0px;
}

p.no_error{
	color:blue;
	padding:0px;
	margin: 0px 0px 3px 0px;
}

.ccol1 form {
	margin:10px; padding: 0px 5px;
}

.ccol1 form.shtable{
	margin:0px; padding: 0px;
}

.ccol1 form.shtable input.button { 
	font: bold 12px Arial, Sans-serif; 
	margin: 0;
	margin-left:10px;
	padding: 4px 3px 4px 3px; 
	color: #61615F;
	background: #D3D1CF;
	width:auto; height:30px;
	border: 1px solid #CCAF82;
	float:left;
}

a.inbutt, a.inbuttl, a.inbuttl1{
	font: bold 12px Arial, Sans-serif; 
	margin: 0;
	margin-left:10px;
	padding: 7px 3px 6px 3px; 
	color: #61615F;
	background: #D3D1CF;
	width:150px;
	border: 1px solid #CCAF82;
	display: block;
	float:left;
	text-align: center;
}

a.inbuttl{
	width:250px;
}

a.inbuttl1{
	width:250px;
	float:none;
	margin-left:0px;
}

form label{
	color:#604A2B;
}

form select{
	padding:0px;
	border:2px solid #B4A27E;
	background: #DDCAA8 ;
	font: normal 1em Verdana, sans-serif;
	color:#8B7857;
	outline: 0px;
	width:230px;
}

form select.tld{
	width:60px;
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:6px 6px 8px 6px;
	border:1px solid #DDCAA8;
	background: #DDCAA8 url(../images/input.gif) no-repeat;
	font: normal 1em Verdana, sans-serif;
	color:#8B7857;
	outline: 0px;
	width:217px;
}

table input{
	padding:1px 2px 1px 2px;
	border:1px solid #7D6647;
	background: #DDCAA8;
	font: normal 1em Verdana, sans-serif;
	color:#8B7857;
	width:20px;
}

form input.check{
	margin:0px;
	padding:0px;
	width:auto;
	float:left;
}

textarea {
	width:215px;
	height:77px;
	padding:6px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #DDCAA8;
	background: #DDCAA8 url(../images/textarea.gif) no-repeat;
	display:block;
	outline: 0px;
	color:#8B7857;
}

input.button, input.button1 { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: white url(../images/send.gif) repeat-x 0 0;
	width:92px; height:21px;
	border: none;
}

input.button1{
	background-image: url(../images/next_send.gif);
}



input.button:hover, input.button1:hover{
	background-color: #FF6600;
	cursor: pointer;
}


/* horizontal nav */
.menu1{
	height: 40px;
	overflow: hidden;
	position:relative;
	width:950px;
	margin:0px auto;
}

.menu1 ul{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding:0px;
	height: 40px;
	position:relative;
	overflow: hidden;
}

.menu1 li{
	position:relative;
	text-align:left;
	float:left;
	padding:0px;
	margin:0px 4px 0px 0px;
}

.menu1 ul li a{
	display:block;
	margin:0px;
	padding:14px 0px 20px 0px;
	position: relative;
	width:202px;
	background: #F7ECDA;
}

.menu1 ul li a.selected, .menu1 ul li a:hover{
	background: transparent;
}

.menu1 .mi1{
	background: url(../images/menu1h.jpg);
}

.menu1 .mi1 a{
	background: url(../images/menu1.jpg);
}

.menu1 .mi2{
	background: url(../images/menu2h.jpg);
}

.menu1 .mi2 a{
	background: url(../images/menu2.jpg);
}

.menu1 .mi3{
	background: url(../images/menu3h.jpg);
}

.menu1 .mi3 a{
	background: url(../images/menu3.jpg);
}

.menu1 .mi4{
	background: url(../images/menu4h.jpg);
}

.menu1 .mi4 a{
	background: url(../images/menu4.jpg);
}

.menu2{
	height: 20px;
	overflow: hidden;
	position:relative;
	width:950px;
	margin:0px auto;
}

.menu2 ul{
	list-style: none;
	margin: 0px 0px 0px -11px;
	padding:0px;
	height: 20px;
	position:relative;
	overflow: hidden;
}

.menu2 li{
	position:relative;
	float:left;
	padding:0px;
}

.menu2 ul li a{
	display:block;
	margin:0px;
	padding:0px 10px 0px 10px;
	color: #574020;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	color: #257CA1;
	border-left:1px solid #257CA1;
}

.menu2 ul li a.selected, .menu2 ul li a:hover{
	background: transparent;
	color:#574020;
}