/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background:url(images/mainbg_index.gif) 0 0 repeat-x #fff;
	color:#705D20;
	font:14px/18px Arial, Helvetica, sans-serif;
	text-align: center;
}
div, p, ul, h1, h2, h3, form, img{
	padding:0px;
	margin:0px;
}
ul{list-style-type:none;}

a{background:#FEFEFE; color:#fff; text-decoration:none;}
a:hover{background:#FEFEFE; color:#fff; text-decoration:underline;}


#topPan{
	width:748px;
	height:310px;
	position:relative;
	margin:0 auto;
} 

#topHeaderPan {width:800px; height:313px; background:url(images/header_index.jpg) 0 100% no-repeat; position:relative;}
#topHeaderPan img{width:191px; height:84px; display:block; position:absolute; top:120px; left:0px;}
#topHeaderPan ul{width:298px; height:59px; position:absolute; top:31px; left:0px; padding:0px;}
#topHeaderPan ul li{width:74px; height:59px; background:url(images/menu-div.gif) 100% 0 no-repeat; float:left;} 
#topHeaderPan ul li a{width:73px; height:59px; display:block; background:url(images/topmenubg.gif) 0 0 repeat-x #fff; color:#88763D; text-align:center; font-size:13px; font-weight:bold; line-height:59px;}
#topHeaderPan ul li a:hover{width:73px; height:59px; background:url(images/topleftmenu-hover.gif) 50% 100% no-repeat; text-decoration:none;}
#topHeaderPan ul li.company{width:74px; height:59px; background:url(images/company-bg.gif) 0 0 no-repeat; text-decoration:none; text-align:center; line-height:59px;}
#topHeaderPan ul li.client{width:74px; height:59px; background:none; float:left;} 

#toprightPan{
	width:420px;
	height:286px;
	background:url(images/rightsidebg_index.jpg) 0 0 no-repeat;
	position:absolute;
	top:26px;
	right:-4px;
}
#toprightPan ul{width:320px; height:49px; display:block; margin:16px 0 0 16px;}
#toprightPan ul li{width:104px; height:49px; border-right:1px dashed #C1B79A; float:left;}
#toprightPan ul li.home{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon1.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0;}
#toprightPan ul li.home a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon1-normal.gif) 50% 0 no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.home a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon1-hover.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}

#toprightPan ul li.about{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.about a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.about a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-hover.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}

#toprightPan ul li.contact{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3.gif) 50% 20% no-repeat #fff; color:#81BE28; border:none; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.contact a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-normal.gif) 50% 20% no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.contact a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-hover.gif) 50% 20% no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}


/*----/TOP PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:748px; position:relative; margin:0 auto;}
#newsPanel{
	width:748px;
	float:left;
	text-align:left;
	margin-left:20px;
	clear: both;
}
#newsPanel h2{
	width:680px;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	background:#fff;
	color:#006EA6;
	text-align:left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
#newsPanel i{ font-size:16px;}
#newsPanel h3{width:606px; height:30px; font:30px/30px Georgia, "Times New Roman", Times, serif; background:#fff; color:#006EA6; margin:0; text-align:left;}
#newsPanel p{padding:14px 28px 0 0;}
#newsPanel p.greentext{background:#fff; color:#5E9908; font-size:16px; font-weight:bold; padding:14px 0 0;}
#newsPanel p.browntext{background:#fff; color:#705D20; font-size:24px; padding:10px 0 0; line-height: 1em}

#newsPanel ul{width:270px; height:24px; margin:20px 0 0;}
#newsPanel ul li{width:118px; height:24px; float:left; margin:0 5px 0 0;}
#newsPanel ul li.more{width:118px; height:24px; float:left;}
#newsPanel ul li a{width:90px; height:24px; display:block; background:url(images/reedmore-bg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:13px; font-weight:bold; line-height:20px; padding:0 0 0 28px}
#newsPanel ul li a:hover{background:url(images/reedmore-hover.gif) 0 0 no-repeat; text-decoration:none;}

#newsPanel ul li.comment{width:98px; height:24px; background:url(images/commentbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:13px; font-weight:bold; line-height:24px; text-decoration:none; float:left; padding:0 0 0 20px}


/*----/BODY LEFT PANEL----*/

/*----BODY LEFT PANEL----*/
#bodyleftPan{
	width:331px;
	float:left;
	text-align: left;
}
#bodyleftPan h2{width:196px; height:30px; font:30px/30px Georgia, "Times New Roman", Times, serif; background:#fff; color:#006EA6; margin:43px 0 0;}
#bodyleftPan h3{width:196px; height:30px; font:30px/30px Georgia, "Times New Roman", Times, serif; background:#fff; color:#006EA6; margin:20px 0 0;}


#bodyleftPan p{padding:14px 28px 0 0;}
#bodyleftPan p.greentext{background:#fff; color:#5E9908; font-size:16px; font-weight:bold; padding:14px 0 0;}
#bodyleftPan p.browntext{background:#fff; color:#705D20; font-size:24px; padding:10px 0 0; line-height: 1em}

#bodyleftPan ul{width:270px; height:24px; margin:20px 0 0;}
#bodyleftPan ul li{width:118px; height:24px; float:left; margin:0 5px 0 0;}
#bodyleftPan ul li.more{width:118px; height:24px; float:left;}
#bodyleftPan ul li a{width:90px; height:24px; display:block; background:url(images/reedmore-bg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:13px; font-weight:bold; line-height:20px; padding:0 0 0 28px}
#bodyleftPan ul li a:hover{background:url(images/reedmore-hover.gif) 0 0 no-repeat; text-decoration:none;}

#bodyleftPan ul li.comment{width:98px; height:24px; background:url(images/commentbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:13px; font-weight:bold; line-height:24px; text-decoration:none; float:left; padding:0 0 0 20px}


/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyrightPan{
	width:400px;
	float:left;
}
/*----Login Panel----*/
#loginPan{width:359px; height:199px; background:url(images/formbg.gif) 0 0 repeat-y;}
#loginPan h2{width:230px; height:81px; display:block; background:url(images/icon.gif) 0 50% no-repeat #fff; color:#5EA000; font:30px/80px Georgia, "Times New Roman", Times, serif; padding:0 0 0 64px; margin:0 0 0 18px;}
#loginPan h2 span{background:#fff; color:#017FC0;}

#loginPan form{width:321px; height:76px; background:#FCF6E6; color:#705D20; position:relative; border:1px dashed #BFB492; margin:0 0 0 18px; padding:6px 0 0;}
#loginPan form label{width:91px; height:22px; display:block; float:left; padding: 0 0 0 20px; margin:9px 0 0;}
#loginPan form input{width:130px; height:18px; font-size:12px; display:block; float:left; margin:9px 12px 0 0;}

#loginPan form input.button{width:49px; height:52px; display:block; position:absolute; top:6px; right:16px; background:url(images/button.gif) 0 0 no-repeat #FCF6E6; border:none; color:#fff; margin:9px 0 0; font:16px/52px Georgia, "Times New Roman", Times, serif; text-align:center; padding:0px;}

#loginPan ul{width:323px; height:25px; margin:6px 0 0 18px;}
#loginPan ul li{width:166px; height:25px; float:left;}
#loginPan ul li.nonregister{width:156px; height:25px; float:left; background:url(images/not-memberbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-weight:bold; line-height:25px; text-align:center;}
#loginPan ul li.register{width:165px; height:25px; float:left; background:url(images/new-registerbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-weight:bold; line-height:25px; margin:0 0 0 1px;}
#loginPan ul li.register a{width:141px; height:25px; display:block; background:url(images/arrow1.gif) 95% 60% no-repeat; text-decoration:none; padding:0 0 0 25px;}
#loginPan ul li.register a:hover{background:url(images/arrow2.gif) 95% 60% no-repeat; text-decoration:none;}
/*----/Login Panel----*/
#bodyrightPan p.hours{width:323px; height:83px; margin:33px 0 33px 18px;}
#bodyrightPan p.hours a{width:323px; height:83px; display:block; background:url(images/standardi.jpg) 0 0; text-indent:-2000px;}
#bodyrightPan p.hours a:hover{width:323px; height:83px; background:url(images/standardi.jpg) 0 0; text-indent:-2000px;}
/*----Login Panel----*/
#loginBottomPan{width:359px; height:25px; background:url(images/form-bottombg.gif) 0 0 no-repeat;}

/*----/Login Panel----*/
/*----Services Panel----*/
#servicesPan{width:359px; height:21px; background:url(images/servicestop-bg.gif) 0 0 no-repeat;}
#servicesBodyPan{width:359px; background:url(images/servicesbody-bg.gif) 0 0 repeat-y;}
#servicesBodyPan p{padding:10px 25px 0 34px;}
#servicesBodyPan p.services{width:140px; height:60px; font:30px/60px Georgia, "Times New Roman", Times, serif; background:#fff; color:#006EA6; margin:0 0 0 34px; padding:0px;}
#servicesBodyPan p.boldbrowntext{font-size:16px; font-weight:bold; padding:4px 25px 0 34px;}
#servicesBodyPan p.bluetext{background:url(images/servicesbody-bg.gif) 0 0 repeat-y #fff; color:#007EC1; font-size:15px; font-style:italic;}
#servicesBodyPan p.largebrowntext{font-size:30px; padding:10px 25px 10px 34px;}

#servicesBodyPan p.link{width:289px; height:23px; background:#FCF6E6; color:#705D20; margin:0 36px ; padding:0px;}
#servicesBodyPan p.link a{width:289px; height:23px; display:block; background:#FCF6E6; color:#705D20; line-height:23px; text-decoration:none; text-align:center;}
#servicesBodyPan p.link a:hover{width:289px; height:23px; background:#F9E09F; color:#705D20; text-align:center; text-decoration:none;}

#servicesBottomPan{width:359px; height:25px; background:url(images/form-bottombg.gif) 0 0 no-repeat; padding:10px 0 0;}
/*----/Services Panel----*/
/*----FOOTER PANEL----*/
#footermainPan{height:126px; background:url(images/footerbg.gif) 0 0 repeat-x #705D20; color:#fff; font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:82px 0 0;}
#footerPan{width:748px; position:relative; margin:0 auto;}
#footerlogoPan{display:block; width:215px; height:40px; position:absolute; top:0px; right:15px;}

#footerPan ul{width:546px; position:absolute; top:0px; left:0px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background: url(images/footermenubg.gif) 0 0 repeat-x; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:none;}

#footerPan ul.templateworld{width:250px; color:#fff; display:block; position:absolute; top:40px; left:10px;}
#footerPan ul.templateworld li a{display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:none;}

#footerPan ul.validation{
	width:600px;
	color:#fff;
	display:block;
	position:absolute;
	top:60px;
	left:10px;
}
#footerPan ul.validation li a{display:block; color:#fff; text-decoration:none;}
#footerPan ul.validation li a:hover{text-decoration:none;}

#footerPan p.copyright{width:auto; background: url(images/copyrightbg.gif) 0 0 repeat-x color:#fff; position:absolute; top:23px; left:10px;}
table.tabelaProizvodi{ padding:2px 2px 2px 2px;
border-color:#0094e0; border-style:dashed; border-width:thin;}
td.tabelaProizvodiParan{ background-color:#7ac7e6; padding: 3px 3px 3px 3px; color:#fff; 
border-right-color:#0094e0; border-right-style:dotted; border-right-width:thin; text-align:left;}
td.tabelaProizvodiNeParan{ background-color:#feecdb; padding: 3px 3px 3px 3px; color:#705D20; 
border-right-color:#0094e0; border-right-style:dotted; border-right-width:thin; text-align:left;}
#slikaitekst{
	width:740px;
	float:left;
	display:block;
	clear: both;
}
#slikaitekst #slika{
	width:118px;
	float:left;
}
#slikaitekst #tekst{
	float:right;
	display:block;
	background-color:inherit;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	width: 609px;
}