@import url('sifr.css'); 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0}
:focus{outline:0}
ol, ul{list-style:none}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}

body{background-color:#f3dbdd; font-family:Arial,Helvetica,sans-serif; font-size:13px; color:#909090}
a{outline:none}
a:hover{text-decoration:none; color:#C06}
p{color:#555}

h1, h2, h3, p{text-shadow:#fff -1px 1px 0}
h2{font-size:20px; font-weight:normal}
h3{font-size:15px; font-weight:normal}
#overlay{width:910px; height:100%; background:#fff; position:absolute; z-index:9999; opacity:.67; margin:auto 0}
 #overlay p img{position:absolute;  margin-top:30%;  margin-left:40%}
 .ot{position:absolute;  margin-top:25%;  margin-left:43%;  font-size:16px;  color:#281004}

#homeBG{background-color:#31Ebo6; background-position:top center; background-repeat:repeat-x}

#otherBG{background-image:url(../images/background.jpg); background-color:#31Ebo6; background-position:top center; background-repeat:repeat-x}

#holder{width:960px; margin:0 auto; position:relative; padding-top:126px}

h1#logo{width:800px; height:300px; background:url(../images/PageSub.png) no-repeat; width:725px; height:288px; margin-top:10px; margin-left:0px; position:absolute; text-indent:-5000px; left:10px; top:-5px; z-index:-1}
h1#logoNews{width:800px; height:300px; background:url(../images/PageSub_news.png) no-repeat; width:725px; height:288px; margin-top:10px; margin-left:0px; position:absolute; text-indent:-5000px; left:10px; top:-5px; z-index:-1}

ul#meni{position:absolute; width:126px; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-size:14px; left:625px; top:0px; z-index:888}

ul#meni  a{background-image:url(../images/mouse-over21111.png); color:#ecb3b9; text-decoration:none; display:block; padding:8px 12px 0px 12px; height:70px; text-align:center; float:left; width:95px}

ul#topBox{   position:absolute; width:300px; height:100px; left:600px; top:0px; z-index:889}

ul#topBox  a, ul#topBox  a{margin-left:10px; font-size:15px; color:#c3215d; text-decoration:none; display:block; padding:20px 0 20px 20px; text-align:center; float:left}
ul#topBox  p{margin-left:10px; font-size:13px; color:#c3215d; text-decoration:none; display:block; padding:8px 0 8px 20px; text-align:center; float:left}
ul#topBox  img{margin-bottom:-6px; margin-right:3px}

#topnavigation{margin-left:20px; padding-left:5px; height:47px}

#dropnav, #dropnav ul{margin:0; padding:0px; list-style-type:none; list-style-position:outside; position:relative; z-index:999}

#dropnav a{display:block; padding:0px 0px 8px 0px; color:#3e1b06; text-decoration:none}

#dropnav a:hover{color:#fff}

#dropnav li{float:left; position:relative; background:#f0dbdd url(../images/button_bckB.png) center no-repeat; height:30px; z-index:999; margin-left:5px}

#dropnav ul{background:#f0dbdd; position:absolute; display:none; width:160px; top:30px; right:-2px; margin-right:20px; border:solid 1px #fff}

#dropnav li ul a{padding:3px 0px 8px 0px; width:150px; height:auto; float:left}

#dropnav ul ul{top:auto}

#dropnav li ul ul{left:175px; top:0; margin:0px 0 0 20px}

#dropnav li:hover ul ul, #dropnav li:hover ul ul ul, #dropnav li:hover ul ul ul ul{display:none}
#dropnav li:hover ul, #dropnav li li:hover ul, #dropnav li li li:hover ul, #dropnav li li li li:hover ul{display:block}

.smartmenuie6{height:30px}

.navstyle a{font-size:12pt;  text-decoration:none;  color:#3e1b06; margin-top:0px; padding:0px 0px 5px 0px; display:inline-block; text-align:center}

.navstyle a:hover{color:#fff; white-space:nowrap}

.navstyle ul li{padding:5px 0px 5px 0px;  float:left}

ul#meni a:hover, a#Aktivni{color:#fff; background-position:top; background-repeat:repeat-x}

#rss{position:absolute; width:175px; height:150px; text-indent:-5000px; top:5px; left:725px}

#top1{width:885px; height:180px; background:url(../images/top.png) no-repeat; padding:38px 30px 35px 60px; color:#333; font-size:13px; z-index:777}

#top1 h1, #top2 h1{font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-size:22px; font-weight:normal; margin-bottom:15px}

#introText1{background:#f0dbdd; border:1px solid #fff; width:500px; float:left; padding:15px; margin-bottom:30px;}
#introText1 h2{margin-left:10px;font-size:22px}
#introText1 h3{margin:15px 0px 15px 5px}
#introText1 p{margin:30px 30px 30px 10px;font-size:13pt;text-decoration:none;}

#introText2{width:430px; float:left; padding-right:40px; height:60px}

#top1 img{float:left}

#slogan{font-family:"Myriad Pro",Arial,Helvetica,sans-serif; clear:both; width:850px; font-size:21px; padding-top:12px}

#top2{width:885px; height:80px; background-image:url(../images/top21111.png); padding:43px 30px 0px 0px; background-repeat:no-repeat}

#butons{width:260px; position:absolute; top:240px; left:628px}

#dwnl{background-image:url(../images/download.gif); width:122px; height:37px; text-indent:-5000px; display:block; float:left; margin-right:10px}

#demo{background-image:url(../images/viewdemo.gif); width:122px; height:37px; text-indent:-5000px; display:block; float:left}

a#completePort{background-image:url(../images/complete-portfolio.png); width:360px; height:115px; position:absolute; text-indent:-5000px; top:152px; left:530px}

a#liveChat{background-image:url(../images/live-chat.png); width:389px; height:111px; position:absolute; text-indent:-5000px; top:155px; left:500px}

#bottomholder1{background-image:url(../images/bottom-holder-tile1.gif); width:910px; float:left; padding-left:30px; background-position:left; background-repeat:repeat-y}

#bottomholder2{width:910px; float:left; padding-left:30px; margin-bottom:30px; margin-top:20px}

#bottomholder3{width:940px; float:left; margin:65px 0px 30px 0px}

#bottomholder3 div{width:940px; float:left}

#bottomholder3 div div{background-position:bottom; background-repeat:no-repeat; width:850px; padding:35px 45px; float:left}

.littleBox, #bottomholder3 div.littleBox{width:200px; background:#f0dbdd; border:1px solid #fff; float:left; margin:8px 0 8px 30px; padding:30px; font-size:13px; background-repeat:no-repeat}

#bottomholder3 div.littleBox{width:300px; padding:20px 25px 20px 40px}

.littleBox h1, #bottomtext h1{font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-size:18px; color:#3e1b06; text-align:center; font-weight:normal; margin-bottom:10px; padding-top:5px; border-bottom:solid 1px #999}

.littleBox h1 span{border-bottom:solid 1px #999; background-image:url(../images/dot1.gif); background-position:bottom; background-repeat:repeat-x}

.littleBox h1 span.noLine{background-image:none}

.littleBox h1 img{margin-right:10px}
.littleBox p{font-size:14px; margin:5px 0 5px 20px}

 #bottomholder3 div.divider{background-image:url(../images/divider1.gif); background-position:right; background-repeat:no-repeat}

.more{color:#51ac43; font-size:12px; display:block; margin-top:15px; text-align:right}

#topText{margin-left:30px; background-position:bottom; background-repeat:no-repeat; padding-top:0px; width:840px; padding-bottom:0px}

#topText p{margin-bottom:20px; font-size:15px; color:#d1d1d1}

#topText2 p{margin-bottom:20px; font-size:15px; color:#fff}
 
#topText2{margin-left:30px; background-image:none; padding:50px 30px 0px 30px; width:810px}

#fadediv{margin-left:-20px; margin-top:20px; height:125px; width:100%; padding:20px}
#cakeyfade li img{margin-right:10px; border:solid #000 1px}
#tooltip{position:absolute; border:1px solid #fff; background:#f3dbdd; padding:5px 5px; color:#3e1b06; display:none; z-index:9999; width:155px}

#prvi{width:200px; margin-right:25px; margin-left:60px; float:left; padding:30px 20px 50px 20px; font-size:16px; line-height:19px}

#prvi h1, #news h1, #toolbox h1{color:#555; background:#f3d6da; padding:6px; width:227px; font-size:20px; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-weight:normal; margin-bottom:15px; margin-left:-20px; border-top:#fff 1px solid; border-bottom:#fff 1px solid}
#prvi h2, #news h2, #toolbox h2{color:#777; border-bottom:#999 1px solid; font-size:16px; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-weight:normal; margin:15px}

#news{color:#555; width:200px; margin-right:25px; float:left; padding:30px 20px 50px 20px; font-size:16px; line-height:19px}

#news div{}

#news div span{color:#000}

#toolbox{color:#555; width:200px; margin-right:10px; padding:30px 20px 50px 20px; float:left; text-align:left; font-size:16px; line-height:19px}

#toolbox img{display:block; margin:5px auto}

#toolbox, #news, #prvi{border:#fff solid 1px; background:#f0dbdd}

dl.workStep{width:226px; height:225px; background-image:url(../images/box.gif); float:left}

dl.workStep dt{font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-size:20px; color:#2c2c2c; padding:10px 0px 10px 15px}

dl.workStep dd{padding-left:6px}

dl.workStep dd p{padding:4px}

#bottomholder3 div.arrow{padding:0px; width:85px; float:left; height:40px; margin-top:85px; background-image:url(../images/arrow.gif); background-repeat:no-repeat}

#bottomholder3 div#tockice{padding:0px; background-image:url(../images/dot1.gif); background-position:bottom; background-repeat:repeat-x; height:40px; margin-bottom:40px}

#leftBox, #rightBox{background:#f0dbdd; border:1px solid #fff}

#leftBox{width:524px; float:left; margin-right:40px; margin-top:0px; padding:25px 25px 25px 25px}
#leftBox h1{color:#666; font-size:18px; margin-bottom:20px; font-weight:normal; text-align:center}
#leftBox li{margin-bottom:7px}
#leftBox p{color:#444; font-size:15px; line-height:20px; text-indent:15px}
#leftBox .newsawards{color:#222; font-size:95%; clear:both;min-height:100px;padding:30px;margin-bottom:30px}
#leftBox .newsawards p{text-shadow:none}
#leftBox .newsawards strong{font-size:15px; color:#444; text-shadow:#f1f1f1 -1px 1px 0}
#leftBox .newsawards img{float:left; border:#e6a1a6 solid 2px; margin:4px 15px 10px 5px}
#leftBox .newsawards img:hover{border-color:#fff; opacity:.7}
#leftBox .newsawards a{text-decoration:none}

.name{color:#999; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-size:17px}
.nameInfo{}

.desc{color:#3e1b06; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-size:13px; margin-top:0px}

.frmItem{border:1px solid #bfbfbf; background-color:#e9e9e9; width:430px; margin-bottom:40px; height:22px; padding:4px}

a#submit{padding-right:60px; background-repeat:no-repeat; background-position:right; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-size:26px; color:#7a7a7a; text-decoration:none; display:block; float:right; margin-right:100px; height:39px}

#rightBox{width:284px; float:left; margin-top:0px; text-align:center; padding:30px 0px; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; color:#7a7a7a; font-size:13px}
#rightBox img{border:2px solid #e1a1aa}

#rightBox p{margin-top:10px}

#rightBox .newsawards{color:#222; font-size:95%;clear:both; min-height:125px;padding:30px;margin-bottom:10px;}
#rightBox .newsawards p{text-shadow:none;vertical-align:middle}
#rightBox .newsawards strong{font-size:15px; color:#444; text-shadow:#f1f1f1 -1px 1px 0}
#rightBox .newsawards img{float:left; border:#e6a1a6 solid 2px; margin:4px 8px 10px 5px;padding:10px}
#rightBox .newsawards img:hover{border-color:#fff; opacity:.7}
#rightBox .newsawards a{text-decoration:none}

#bottomtext{background-image:url(../images/shadow.gif); background-position:top left; background-repeat:no-repeat; width:880px; clear:both; padding:30px}

#socialize{text-align:center; padding:35px 0px 45px 0px; clear:both}

#socialize h1, #recentClients h1, #topText h1, #topText2 h1{color:#525252; font-size:18px; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-weight:normal; margin-bottom:15px}

#socialize img{margin:0px 10px}

#futer{margin-top:30px; clear:both; z-index:9999}

#futerMeniF{display:none; width:910px; margin:0px auto; padding-top:40px; text-align:center}

#futerMeniF a{text-decoration:none; font-size:15px; padding:0px 25px; color:#3e1b06}

#futerMeniF span{display:block; margin-top:20px}

#futerMeni{width:910px; margin-left:25px}

#recentClients{height:150px; background-position:top; background-repeat:no-repeat; margin-top:25px; padding-top:25px}

#recentClients img{margin:0px 12px}

#screen{font-family:"Myriad Pro",Arial,Helvetica,sans-serif; position:absolute; width:333px; height:159px; left:60%; top:165px; margin-left:25px; padding-left:10px; padding-top:6px; z-index:998}
#screen a{font-weight:normal; font-size:13pt; text-decoration:none; color:#3e1b06; margin-bottom:10px}
#screen a:hover{text-decoration:none; color:#222}

#screen2{font-family:"Myriad Pro",Arial,Helvetica,sans-serif; position:absolute; width:333px; height:159px; left:61%; top:320px; margin-left:25px; padding-left:10px; padding-top:6px; z-index:998}
#screen2 h2{font-size:22px; font-weight:normal; text-decoration:none; color:#3e1b06; margin:0 0 10px 40px;}
#screen2 h2 img{margin-right:10px; vertical-align:center}

#screen2 p{clear:both; margin:0px 10px 0px 0px; padding:5px;}

.conhed{line-height:25px; font-size:22px; border-bottom:1px solid #3e1b06; padding:0 0 5px 0}

.conhed img{margin-top:-15px; margin-right:0px}
.conhed h3 a{border-bottom:#999 1px solid; width:100%; margin-left:-10px}
.conhed h3 a:hover{text-decoration:none; border-bottom:none}
#screen2 h5{font-size:15px}

.news{line-height:25px; font-size:22px; border-bottom:1px solid #3e1b06; padding:0 0 5px 0}
#awardsnews{position:absolute; top:1px; left:1px; margin-left:1px;}
.widget{width:329px; padding:0px;margin-bottom:15px}
.moreButt {height:36px;font-size:15px;padding-top:5px;float:right;padding-right:25px}
.moreButt img{margin-left:8px}
.widget a{color:#3e1b06;text-decoration:none;}

.widget a:hover{color:#999; text-decoration:underline}

.tabnav li{display:inline; list-style:none; padding-right:5px;margin-left:30px;}

.tabnav li a{text-decoration:none; color:#3e1b06; font-weight:normal;vertical-align:middle; padding:5px; outline:none; margin-right:15px; margin-bottom:10px;margin-left:10px}
.tabnav li a img{position:absolute;}

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a{background:none; color:#666; text-decoration:none;}
.tabdiv{margin-top:20px;padding:5px; width:328px;height:202px;}
.tabdiv h4{font-weight:normal;  }
#newsbox {margin:0px 0px 0px 0px;}
.tabdiv li{list-style-image:url("../images/star.png"); margin-left:25px}

.ui-tabs-hide{display:none}