/* CSS Document */
body{padding:0px; margin:0 auto; position:relative; background: url(images/header-bg.jpg) 0 0 repeat-x #EFEFEF; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;}
div, p, h1, h2, h3, h4, ul, a, img{padding:0px; margin:0px;}
div.prvi {padding:0 50px 22px 52px;}
div.drugi {padding:0 50px 22px 52px;}
div.tretji {padding:0 50px 22px 52px;}
div.cetrti {padding:0 50px 22px 52px;}
div.peti {padding:0 50px 22px 52px;}
div.sesti {padding:0 50px 22px 52px;}
div.sedmi {padding:0 50px 22px 52px;}
div.osmi {padding:0 50px 22px 52px;}

img{padding:0px; margin:0px 0px 10px 0px;}
img.fb{padding:0px 5px 3px 11px; margin:0px 0px 10px 0px; border:0px}
img.gmail{padding:0px; margin:0px 0px 10px 0px; border:0px}
img.pokonci{padding:0px; margin:0px 0px 10px 20px;}
img.lezece{padding:0px; margin:0px 0px 10px -15px;}
ul{list-style-type:none;}

/* TOP PANEL */
#topPan{width:600px; height:252px; position:relative; margin:0 auto; padding:0;}
#topPan h1{width:700px; height:215px; background:url(images/header.jpg) 0 0 no-repeat #FEEBB0; color:#fff; text-indent:-1000px;}
#topPan img{width:25px; height:25px; position:absolute; top:10px; right:0px; margin:0px; padding:0px;}
#topPan img.fb{width:21px; height:21px; top:12px; right:0px; margin:0px; padding:0px;}
#topPan img.gmail{width:25px; height:25px; top:10px; right:-28px; margin:0px; padding:0px;}
#topPan ul{width:540px; height:32px; display:block; position:absolute; top:215px; right:-85px; margin:0px; padding:0px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; text-align:center;}
#topPan ul li{float:left; display:block; width:130px; height:32px; text-align:center;}
#topPan ul li span{display:block; width:70px; height:32px; background:url(images/menu-hover.gif) 50% 0 no-repeat; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li a{display:block; width:70px; height:32px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li a:hover{display:block; width:70px; background:url(images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px; text-align:center;}
#topPan ul li.contact{display:block; width:70px; height:32px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li.contact:hover{display:block; width:70px; background:url(images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}

/* /TOP PANEL */

/* BODY PANEL */
#bodyPan{width:750px; position:relative; margin:0 auto;}
/* Left Panel */
#leftPan{width:135px; display:block; float:left; margin:0; padding:30px 30px 0 30px;}
#leftPan h2{width:177px; height:83px; float:left; display:block; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 0 0px; margin:0;}
#leftPan h2 span{background:#EFEFEF; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#leftPan h3{ width:247px; display:block; float:left; background:none; font-size:18px; font-weight:bold; padding:0; margin:0;}
#leftPan p{display:block; padding:0 0 24px 0;}
#leftPan p.more{height:20px; display:block; margin:0 0 10px 10px; padding:0;} 
#leftPan p.more a{display:block; width:130px; height:20px; background:#EFEFEF; font:13px/22px "Trebuchet MS", Times, serif; color:#5caa1f; text-decoration:none; font-weight:bold; margin:0; padding:0;}
#leftPan p.more a:hover{ background:#EFEFEF; color:#498619; text-decoration:none;}
#leftPan h4{ width:177px; height:70px; float:left; display:block; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 0 0px; margin:0; }
#leftPan h4 span{background:#EFEFEF; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#leftPan ul{width:241px; height:271px; display:block; float:left; margin:0; padding:0;}
#leftPan ul li.middle{width:22px; height:152px; background:none; float:left; display:block; padding:0; margin:0;}
#leftPan ul li{width:109px; height:122px; display:block; float:left; background: url(images/dot-line.gif) repeat-x 0 100%; padding:0 0 10px 0; margin:20px 0 0 0;}
#leftPan ul li img{width:109px; height:105px; display:block; padding:0; margin:0;}
#leftPan ul li a{ width:70px; height:20px; display:block; background:url(images/arrow.gif) no-repeat 100% 50% #EFEFEF; color:#BF4D02; font:12px/20px Georgia, "Times New Roman", Times, serif; text-decoration:none; text-align:center; margin:0 0 0 12px; padding:0;}
#leftPan ul li a:hover{text-decoration:underline; display:block;}
#leftworkPan{width:160px; display:block; float:left; margin:10px 0 0; padding:0;} 
#leftworkPan p{display:block; font:12px/20px "Trebuchet MS", Times, serif; color:#c91212; text-decoration:none; margin:0 0 10px 10px; padding:0;}
/* /Left Panel */

/* Right Panel */
#rightPan{width:505px;  float:left; display:block; background:#FFF; margin:0 auto; padding:0; color:#666;}
#rightPan p{padding:0 63px 0 52px;}
#rightPan p.paddingtop{padding:26px 63px 0 52px; background:#FFF; margin:0 auto; color:#666; font:14px/20px Georgia, "Times New Roman", Times, serif; font-style:italic;}
#rightPan p span.bigsize{ font-family:Georgia,"Times New Roman", Times, serif; font-style:italic; color:#BF4D02; font-size:20px; line-height:20px; background:#fff; padding:0;}
#rightPan p.name{background:#fff; display:block; color:#AC8101; font:18px/18px Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; text-align:right; padding:10px 63px 16px  0;}
#rightPan p.dotline{background:url(images/dot-line.gif) 0 0 repeat-x #fff; color:#666; margin:0 63px 0 52px;}
#rightPan h2{display:block; width:450px; height:50px; font:27px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0px 0 0 52px; margin:10px 0 0 0px;}
#rightPan h2 a{color:#C91212;}
#rightPan h2 span{background:#fff; color:#c91212; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:0;}
#rightPan p.bottompadding{padding:0 10px 22px 52px; text-align:justify;}
#rightPan p.bottompadding a{color:#C91212;}
#rightPan p a{color:#C91212;}
#rightPan p.prva{padding:0 45px 22px 52px; text-align:justify;}
#rightPan p.more{height:28px; display:block; position:relative; margin:0; padding:0px 0 30px 52px;} 
#rightPan p.more a{display:block; width:100px; height:20px; background:#fff; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#5CAA1F; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
#rightPan p.more a:hover{ background:#fff; color:#C91212; text-decoration:none;}
/* /Right Panel */

/* footer Panel */
#mainfooterbody{height:90px; background:url(images/footer-bg.gif) 0 0 repeat-x #4D4D4D; color:#fff; padding:75px 0 0 0; position:relative; margin:0 auto; clear:both;}
#footerPan{width:900px; height:82px; position:relative; margin:0 auto; }
#footerPan ul{width:800px; display:block; position:absolute; right:0px; top:24px; padding:0; }
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 0; color:#fff; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul li a.padl{padding:0 0 0 14px;}

#footerPan ul.templateworld{width:123px; position:relative; top:60px; right:-400px;}
#footerPan ul.templateworld li a{display:block; color:#000000; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p{ background:#484848; margin:54px 45px 0 0; display:block; position:absolute; top:0px; right:40px; color:#FF833B; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#footerPanleft{margin:0 0 0 0px;}
#footerPanleft img{width:150px; height:75px; margin:0px 0px 0px 130px;}