/* CSS Document */
body{padding:0px; margin:0px; background:url(images/main-bg.gif) 0 0 repeat-x #fff; color:#777574; font:13px/19px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}

/*----MAIN PANEL----*/
#mainPan{width:900px; position:relative; margin:0 auto;}

#topPan{width:778px; height:65px; background:url(images/topbg.jpg) 0 0 no-repeat #fff; color:#828282; position:relative; margin:0 auto;}
#topPan img.logo{width:200px; height:46px; position:absolute; top:10px; left:235px;}
#topPan p.caption{width:280px; background:#fff; color:#828282; position:absolute; top:43px; left:235px;}
#topPan p.caption-lang{width:120px; background:#fff; position:absolute; top:43px; left:610px;}
#topPan p.caption-lang a{ color:#828282; text-decoration:none; }
#topPan p.caption-lang a:hover{font-weight:bold; }
#topcontactPan{width:181px; height:36px; background:url(images/icon1.jpg) 68px 0px no-repeat; position:absolute; top:11px; left:567px; padding:7px 0 0;}

/*----HEADER PANEL----*/
#headerPan{width:750px; height:120px; background:url(images/header.jpg) 0 0 no-repeat; position: relative; margin:0 auto; padding:11px 0 0 50px;}

/*----BODY PANEL----*/
#bodyPan{width:840px;  position:relative; margin:0 auto; padding:22px 0 0 60px;}

/*----Body Left Panel----*/
#leftPan{width:230px; float:left; }

#leftPan ul{width:230px; }
#leftPan ul li{width:1150px;  }
#leftPan li ul{ position: absolute; }
#leftPan ul li a{width:220px;  display:block; background:url(images/bullet2-normal.gif) 0 10px no-repeat #fff; color:#777574; text-decoration:none; line-height:24px; padding:0 0 0 12px;  font-size:12px;}
#leftPan ul li a:hover{background:url(images/bullet2-hover.gif) 0 10px no-repeat #fff; color:#002e5c; text-decoration:none; }
#leftPan ul li a:active{background:url(images/bullet2-hover.gif) 0 10px no-repeat #fff; color:#002e5c; text-decoration:none; }
#leftPan ul li span{text-decoration:underline; }


#leftPan h2{width:230px; height:32px; background:#fff; color:#777574; font-size:13px; line-height:25px;}

#leftPan p.news{ width:200px; padding:10px 10px 10px 10px; border:solid 1px #999999; margin-top:10px; margin-right:20px; vertical-align:bottom; }

#leftPan ul.sec{width:230px; }
#leftPan ul.sec li{width:230px; height:32px;   }
#leftPan ul.sec li a{width:230px; height:32px;  background:none; display:block; color:#777574; line-height:25px; padding:0 0 0 0px; font-size:13px; font-weight:bold;}
#leftPan ul.sec li a:hover{ color:#777574; text-decoration:none; color:#002e5c;}
#leftPan ul.sec li span{text-decoration:underline;}

/*----Body Right Panel----*/
#rightPan{width:460px; float:left; border-left:1px solid #C8E8E2; margin:10px 0 0; padding:0 30px;}
#rightPan p{padding:0 0 10px 0;}

#rightPan h6 { width:180px; height:185px; float:right;  background-image:url(images/AKD-digitalni-tahograf.jpg) ; }

#rightPan p.card { width:200px; height:122px;  padding: 0px 5px 5px 5px; float:left; margin: 4px; display:block;  }

#rightPan p.link a{	background:url(images/readon.gif) 0 1px no-repeat #fff; color:#002e5c; text-decoration:none;  padding-left: 30px;  }
#rightPan p.link a:hover { font-decoration:none; color:#993333; }

#rightPan p.link2 a{ color:#777574; text-decoration:underline;  padding-left: 10px; }
#rightPan p.link2 a:hover { font-decoration:none; color:#993333; }

#rightPan p.link3 a{color:#002e5c; text-decoration:none;  padding-left: 20px; }
#rightPan p.link3 a:hover { font-decoration:none; color:#993333;}

#rightPan p.tabHeader {height:20px; width:450px; border:1px solid #CCCCCC; color:#CCCCCC; padding: 5px 5px 5px 5px; background:#002e5c; text-transform:uppercase; padding: 5px 5px 5px 5px; text-align:center; float:left;  }
#rightPan p.tabMiddle {height:auto; width:450px;  border:1px solid #CCCCCC; padding: 5px 5px 5px 5px; float:left;  }

#rightPan p.more{width:450px; height:25px; float:right; background:url(images/sky-color-bg.gif) 0 10px  repeat-x; padding:0 0 30px 0;}
#rightPan p.more a{width:92px; height:21px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
#rightPan p.more a:hover{background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}

#rightPan h2{width:64px; height:100px; float:left ; display:block; padding:46px 30px 0 55px;  margin:0 0 5px 0; background-image: url(images/digitalni-tahograf-2.jpg); border:solid #FFFFFF  3px; }

#rightPan ul.services{width: 270px; height:140px; float:right; border:1px solid #CCCCCC; background:#fff; color:#5F7A77; padding:30px 0 0 30px; }
#rightPan ul.services li.captionone{background:#fff; color:#777574; font-size:14px;  text-decoration:none; line-height:25px;  }
#rightPan ul.services li{width:240px; }
#rightPan ul.services li a{width:205px;  display:block; background:url(images/bullet2-normal.gif) 10px 7px  no-repeat #fff; color:#959595; text-decoration:none; line-height:20px; padding:0 0 0 22px; font-size:12px;}
#rightPan ul.services li a:hover{background:url(images/bullet2-hover.gif) 10px 7px   no-repeat #fff; color:#002e5c; text-decoration:none;}

#rightPan ul.servicestwo{width:140px; height:150px; float:left; border-bottom:1px solid #002e5c; border-top:1px solid #002e5c;  border-right:1px solid #002e5c;background:#fff; color:#777574; padding:7px 0 0 25px;}
#rightPan ul.servicestwo li.captiontwo{background:#fff; color:#777574; font-size:12px; font-weight:bold; text-decoration:underline;}
#rightPan ul.servicestwo li{width:120px; }
#rightPan ul.servicestwo li a{width:125px;  display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#777574; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.servicestwo li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#777574; text-decoration:none;}

#rightPan ul.servicesthree{width:400px; height:auto; float:left; border-bottom:0px ; border-top:0px ;  border-right:0px ; background:#fff; color:#777574; }
#rightPan ul.servicesthree li.captionthree{background:#fff; color:#777574; font-size:12px; font-weight:bold; padding:7px 0 0 5px;}
#rightPan ul.servicesthree li{width:380px; height:auto; padding:7px 0 0 20px; }
#rightPan ul.servicesthree li a{width:380px; height:auto; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#777574; text-decoration:none; line-height:20px; padding:0 0 0 12px;}

#rightPan h4{width:75px; height:100px; float:right ; display:block; padding:46px 30px 0 45px;  margin:0 0 5px 0; background-image: url(images/digitalni-tahograf-1.jpg); border:solid #FFFFFF  3px; }





#rightPan ul.events{width:255px; height:150px; float:left; border:1px solid #CCCCCC; background:#fff; color:#5F7A77; padding:7px 0 0 25px; text-decoration:none; }
#rightPan ul.events li.captionthree{background:#fff; color:#777574; font-size:14px; line-height:25px; font-weight:bold; text-decoration:none;  }
#rightPan ul.events li{width:200px;   }
#rightPan ul.events li a{width:205px; display:block; font-size:12px;  background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#959595; line-height:20px; padding:0 0 0 12px; text-decoration:none; }
#rightPan ul.events li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#002e5c; }

#rightPan ul.contact { 	width: 400px; height:250px; float:left; margin-top:25px;}
#rightPan ul.contact li.caption { width: 400px;  }

#contact-area input, #contact-area textarea { padding: 5px; width: 400px;  font-family: Helvetica, sans-serif; font-size: 10px;  margin: 0px 0px 10px 0px; border: 2px solid #ccc; float:right; } 

#contact-area textarea { height: 90px; }

#contact-area textarea:focus, #contact-area input:focus { border: 2px solid #900; }

#contact-area input.submit-button { width: 100px; 	float: right; }

label { float: left;  text-align: left; margin-right: 15px; width: 100px; padding-top: 5px; font-size: 12px; }

/*----FOOTER PANEL----*/
#footermainPan{height:123px; background:url(images/footerbg.gif) 0 0 repeat-x #002e5c; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;}
#footerPan{width:900px; position:relative; margin:0 auto; }

#footerPan ul{width:328px; height:20px; position:relative; margin:0 auto; }
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#2F5958; background:#e4e4e4; text-decoration:none; font-size:13px;}
#footerPan ul li a:hover{text-decoration:underline;}