/* CSS Document */
body{
	margin:0px;
	padding:0px;
	background:url(images/main-bg2.gif) 0 0 repeat-x #F2F0DC;
	color:#5D5B46;
	font:14px/18px "Arial", Arial, sans-serif;
}
div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{width:778px; height:141px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
#topPan ul{width:125px; height:22px; position:absolute; top:0px; right:130px;}
#topPan ul li{float:left; width:45px; height:22px;}
#topPan ul li a{width:45px; height:16px; display:block; background:url(images/arrow1.gif) 40px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan ul li a:hover{background:url(images/arrow1-hover.gif) 40px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;}

#topPan ul li.register{float:left; width:65px; height:22px;}
#topPan ul li.register a{width:65px; height:16px; display:block; background:url(images/arrow1.gif) 65px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px;}
#topPan ul li.register a:hover{background:url(images/arrow1-hover.gif) 65px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;}

#topPan img.logo{position:absolute; top:33px; left:192px;}

#topPan p.callus{width:119px; height:25px; background:url(images/callus-bg.gif) 0 0 no-repeat #212121; color:#fff; position:absolute; top:53px; right:115px; line-height:24px; text-align:center;}
#topPan p.phone{width:130px; height:25px; background:#212121; color:#EAE8CD; position:absolute; top:83px; right:109px; font-size:20px; line-height:25px; text-align:center;}

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

/*----HEADER- PANEL----*/
#headerPan{width:778px; height:228px; position:relative; margin:0 auto;}
#headerleftPan{width:46px; height:228px; float:left; background:url(images/leftfolder.gif) 0 0 no-repeat;}
/*----Header Middle Panel----*/
#headermiddlePan{width:686px; height:228px; float:left;}

/*----Menu Panel----*/
#menuPan{width:686px; height:33px; background:url(images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto;}
#menuPan ul{width:660px; height:28px; position:absolute; top:2px; left:14px;}
#menuPan ul li{height:28px; float:left; padding-left:10px; padding-right:10px; display:block; border-right:1px dashed #969260; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan p { line-height:28px; text-align:center;}
#menuPan ul li.contact a{width:110px; height:28px; display:block; background:#fff; color:#F4B802; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li.contact a:hover{width:110px; height:28px; background:#0B47FD; color:#F4B802; border:none; text-decoration:none;}

/*----/Menu Panel----*/
#headerbodyPan{width:686px; height:184px; position:absolute; top:42px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;}
/*---- Header Red Panel----*/
#headerleftredPan{width:686px; height:123px; background:url(images/redpan-bg.jpg) 0 0 repeat-x #F4B802; color:#0B47FD; position:absolute; top:32px; left:0px;}
#headerleftredPan h2{width:160px; height:69px; font:24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:24px; left:36px; text-transform:uppercase;}
#headerleftredPan h2 span{font-size:32px; line-height:30px; }

#headerleftredPan p{width:300px; height:74px; display:block; position:absolute; top:12px; left:200px; font-size:14px; line-height:17px;} 
#headerleftredPan p span.largetext{font-size:18px; line-height:20px;} 

#headermiddleredPan{width:161px; height:142px; background:url(images/comp.png) 0 0 no-repeat; position:absolute; top:23px; left:520px;}
/*----Header MORE Panel----*/
#headermorePan{width:47px; height:123px; position:absolute; top:32px; right:0px; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#headermorePan a{width:39px; height:38px; display:block; background:url(images/headermore-normal.gif) 0 0 no-repeat #FEFDF1; color:#FDFCEC; text-decoration:none; padding:85px 0 0 8px;}
#headermorePan a:hover{background:url(images/headermore-hover.gif) 0 0 no-repeat; text-decoration:none;}

/*----/Header MORE Panel----*/
/*----Header Middle Panel----*/
#headerrightPan{width:46px; height:228px; float:left; background:url(images/rightfolder.gif) 0 0 no-repeat;}
/*----HEADER- PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:776px; position:relative; margin:0 auto; border: 1px solid #CDCAA3; margin-top:20px; background-color:#fff;}
#bodyPan h2{width:300px; height:54px; background:#F2F0DC; color:#D80000; font:26px/54px "Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodyPan p{padding:10px;}
#bodyPan p span{font-weight:bold;}
#bodyPan p.date{width:174px; height:22px; background:#FEFEF6; color:#000; font-size:18px; line-height:22px; padding:0px;}
#bodyPan p.more{width:102px; height:16px; margin:0 0 0 582px; padding:0 0 14px 0;}
#bodyPan p.more a{width:102px; height:16px; display:block; background:#F2F0DC; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#bodyPan p.more a:hover{background:#F2F0DC; color:#7E0202; text-decoration:none;}
#bodyPan p.border{background:url(images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;}

/*----Body Bottom Panel----*/
#bodybottomPan{
	width:380px;
	position:relative;
	margin:0 auto;
	padding:30px 0 0 8px;
} 
/*----Bottom Left Panel----*/
#bottomleftPan{width:375px; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; }
#bottomleftPan h2{width:250px; height:58px; background:url(images/icon1.jpg) 0 22px no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:22px 0 0 65px; margin:0 0 0 41px;}
#bottomleftPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

#bottomleftPan ul{width:290px; margin:15px 0 0 50px;}
#bottomleftPan ul li{width:290px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} 
#bottomleftPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomleftPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 
#bottomleftPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomleftPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
/*----/Bottom Left Panel----*/

/*----Bottom Right Panel----*/
#bottomrightPan{width:375px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0 0 0 8px;}
#bottomrightPan h2{width:250px; height:58px; background:url(images/icon2.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
#bottomrightPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

 
#bottomrightPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomrightPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomrightPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
/*----/Bottom Left Panel----*/

/*----FOOTER PANEL----*/
#footermainPan{height:135px; background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:55px 0 0;}

#footerPan{width:700px; position:relative; margin:0 auto;}

#footerPan ul{width:480px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#3B3B3B; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:260px; position:relative; margin:0 auto; color:#fff;  font-size:11px;}
#footerPan p.copyright a { text-decoration:none; color:#fff; }
#footerPan p.copyright a:hover { color:#F4B802; }
/*----/FOOTER PANEL----*/

/* DOPUNE */
#topPan span.globus { position:absolute; top:32px; left:9px; }
form { display:block; margin: 0; padding: 0;}
form p { padding-top:10px; padding-bottom:10px; margin: 0px;}
label { width:150px; display:block; float:left; text-align:right; color:#5D5B46; margin-right: 5px;}
.btn { font-style: normal; font-weight: bold; color:#FEFDF1; width:270px; height:21px; margin: 0; border:0; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; display: block; position: relative; }
.btn:hover {color:#F4B802; }
div.btnp { height:30px; padding:25px 0 20px 50px; margin:0; }
a.forgotpwd {text-decoration:none; display:block; width: 100%; text-align:center; color:#5D5B46; }
a.forgotpwd:hover { color:#F4B802; }
#buttonPan {width:161px; height:135px; background:none; position:absolute; top:30px; left:520px;}
a.taster { text-decoration:none; line-height:21px; text-align:center; display: block; margin-top:8px; background:url(images/button.gif); width: 154px; color:#fff; }
a.taster:hover { color:#F4B802; font-weight:bold;} 
#footerKop { width: 100%; border: 0; }
#footerKop td { width: 33%; border: 0}
div.porukatekst, div.poruka { float:left; }
div.poruka { width: 140px; height: 100px; font-weight:bold }
.licna {background: url(images/pojedinac.gif) 40px 35px no-repeat}
.mrezna {background: url(images/mreza.gif) 40px 35px no-repeat}
.lokacijska {background: url(images/lokacija.gif) 40px 35px no-repeat}
div.porukatekst { width: 636px; height: 100px; overflow:visible; background-color: #FDF6B6; }
div.linija { clear:both; height: 1px; width: 100%; background-color: #CDCAA3; }
#headerleftredPan p.podaci{width:500px; height:90px; display:block; position:absolute; top:10px; left:10px; font-size:14px; line-height:20px; color:#000; font-weight: bold;} 
#headerleftredPan p.podaci span{color:#000; font-weight:normal; width: 120px; float: left;} 
#headerleftredPan p.podaci span.crveni { color:#F00; font-size: 150%; width:auto}
#headerleftredPan table {border:0}
#headerleftredPan table tr td {height: 20px}
#bodyPan div p span {width: 100px; }
div.porukatekst textarea { background-color: #FDF6B6; border: none; margin:0; padding:0; resize: none; height: 100px; max-height:100px;}
a.savebtn { background:url(images/saven.jpg) center no-repeat; width: 24px; height: 24px; float: right; padding: 4px;}
a.savebtn:hover { background-image:url(images/saveh.jpg); }
a.ajaxbtn { background:url(images/pbmini.gif) center no-repeat; width: 24px; height: 24px; float: right; padding: 4px;}
div.poruka p {line-height: 22px; }
/*
#bottomleftPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
*/

#helplogin { position:absolute; left:320px; top:128px; }
#helplogin img { border:none; }
/* tabele */
table {
	border-collapse: collapse;
	table-layout: fixed;
}

td, th {
	padding: 0.5em;
	border: 1px solid #CCC;
	/*white-space: nowrap;
	overflow: hidden;*/
}

/*th {
   white-space: pre;
}*/

thead, tfoot {
	background-color: #F4B802;
}

tr.rowodd {
	background-color: #FFF;
}

tr.roweven {
	background-color: #F2F2F2;
}

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #DDFFAC;
	background-image: url(up.gif);
}
.sortdesc {
	background-color: #B9DDFF;
	background-image: url(down.gif);
}
.nosort {
	cursor: default;
}

th.resize-handle-active {
	cursor: e-resize;
}
/*
tr.uplata { color:#F4B802 }
*/
.tdesno { text-align:right }