/*  Structure  */                                                                                                   

a { color:#999999; text-decoration:none; }
a:hover { color:#309BE5; text-decoration:underline; }


body { margin:0; padding: 0; background: url(../images/Bg.jpg) no-repeat top center #010101; font-family: Tahoma, Helvetica sans-serif; font-size: 12px; color: #666666; }


#header { width:1000px; margin-left:auto; margin-right:auto; }
#top { height:160px; }
#logo { /*background:url(../images/Logo.png) no-repeat;*/ float: left; width:400px; margin:30px 0 0 0; height: 110px; display:block; }
#logo a {width:340px; height: 100px; display:block;}

#login { /*background:url(../images/Logo.png) no-repeat;*/ float: right; width:400px; margin:30px 0 0 0; height: 110px; display:block; }
#login a {width:340px; height: 100px; display:block;}

#banerwrapper { background: url(../images/BannerTop.jpg) repeat-x 0 0; padding-top: 36px; margin: 0px 0px 30px 0px; }
#baner { background: url(../images/BannerBottom.jpg) repeat-x 0 bottom; display: inline; float: left; width: 940px; height: 192px; position: relative; }
#baner #widearea { position: relative; width: 828px; height: 135px; overflow: hidden; margin: 0 auto; }
#baner #area { position: absolute; width:20000em; height: 135px; }
#baner .slide { display: inline; float: left; width: 828px; height: 135px; margin: 0px; position: relative; }
#baner .slide div.txt { display: inline; float: left; margin: 20px 0px 0px 50px; position: relative; z-index: 9999; }
#baner .slide img.slideimg { margin: 0px 0px 0px 0px; position: absolute; right: 0px; }
#baner div#openclose { cursor: pointer; width: 46px; height: 26px; position: absolute; bottom: 0px; left: 430px; }
#baner div#openclose span#close, #baner div#openclose span#open { width: 46px; height: 26px; }
#baner div#openclose span#open { display: none; }
#baner a#backbtn, #baner a#nextbtn { display: block; cursor: pointer; padding-top: 31px; width: 31px; height: 0px; outline: none; overflow: hidden; position: absolute; top: 53px; }
#baner a#backbtn { background: url(../images/BannerLeft.jpg) no-repeat 0 0; left: 30px; }
#baner a#nextbtn { background: url(../images/BannerRight.jpg) no-repeat 100% 0; right: 30px; }
#baner #navi { position: absolute; top: -50px; left: 425px; width: 90px; height: 14px; } 
#baner #navi a { width:8px; height:8px; float:left; margin:3px; background: url(../images/navigator.png) no-repeat 0 0; display:block; font-size:1px; cursor: pointer; } 
#baner #navi a:hover { background-position:0 -8px; } 
#baner #navi a.current { background-position:0 -16px; }

#navigation { height: 130px; margin: 0; padding: 0; list-style: none; }
#navigation ul { height: 130px; float: left; list-style: none; }
#navigation ul li { float: left; }
#navigation ul li a { display: block; height: 130px; }
#navigation ul li a strong { display: none; }
#navigation a.Menu-Home { width: 125px; background: url(../images/Menu.jpg) no-repeat left top; }                                
#navigation a.Menu-Home:hover, #navigation a.Menu-Home-Active { width: 125px; background: url(../images/Menu.jpg) no-repeat left bottom; }
#navigation a.Menu-Onama { width: 125px; background: url(../images/Menu.jpg) no-repeat -125px top; }
#navigation a.Menu-Onama:hover, #navigation a.Menu-Onama-Active { width: 125px; background: url(../images/Menu.jpg) no-repeat -125px bottom; } 
#navigation a.Menu-Gps { width: 125px; background: url(../images/Menu.jpg) no-repeat -250px top; }                                
#navigation a.Menu-Gps:hover, #navigation a.Menu-Gps-Active { width: 125px; background: url(../images/Menu.jpg) no-repeat -250px bottom; }
#navigation a.Menu-Wireless { width: 125px; background: url(../images/Menu.jpg) no-repeat -375px top; }
#navigation a.Menu-Wireless:hover, #navigation a.Menu-Wireless-Active { width: 125px; background: url(../images/Menu.jpg) no-repeat -375px bottom; } 
#navigation a.Menu-VideoNadzor { width: 125px; background: url(../images/Menu.jpg) no-repeat -500px top; }
#navigation a.Menu-VideoNadzor:hover, #navigation a.Menu-VideoNadzor-Active { width: 125px; background: url(../images/Menu.jpg) no-repeat -500px bottom; }
#navigation a.Menu-Racunari { width: 125px; background: url(../images/Menu.jpg) no-repeat -625px top; }
#navigation a.Menu-Racunari:hover, #navigation a.Menu-Racunari-Active { width: 125px; background: url(../images/Menu.jpg) no-repeat -625px bottom; }
#navigation a.Menu-Podrska { width: 125px; background: url(../images/Menu.jpg) no-repeat -750px top; }
#navigation a.Menu-Podrska:hover, #navigation a.Menu-Podrska-Active { width: 125px; background: url(../images/Menu.jpg) no-repeat -750px bottom; }
#navigation a.Menu-Kontakt { width: 125px; background: url(../images/Menu.jpg) no-repeat -875px top; }
#navigation a.Menu-Kontakt:hover, #navigation a.Menu-Kontakt-Active { width: 125px; background: url(../images/Menu.jpg) no-repeat -875px bottom; }

#clear { clear: both; }

#container { width: 940px; background-color :#ffffff; clear: both; padding: 20px 30px 70px 30px; text-align: left; } 
#main a {color:#1e5d8d; text-decoration:underline}

#container .left { float: left; width: 680px; }
	
#maincol { float:right; width:940px; margin:55px 30px 0 0; display:inline; }
	
.page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0; }  

#contacts-right {float:right; width:220px;  padding:20px 0 20px 0; margin:0 0 10px 0; display:inline; background:#f8f8f8}
#contacts-right h2{ margin:0 0 20px 15px; padding:0; font-size:16px; font-weight:bold; color:#acacac; clear:both;}

#right-content span{ float:left; width:190px; margin:0 0 15px 15px; border-bottom:1px solid #ebebeb; padding-bottom:15px; }
#right-content span li { list-style:none; display:inline; margin:0; padding:0}
#right-content span strong{ float:left; width:190px;display:inline;}
#right-content span em {float:left; width:200px; text-decoration:none; font-style:normal !important; font-size:11px; color:#696969; display:inline;}

.info-boxes { width:920px; padding:25px 0 20px 20px; background-color:#EDEDED; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.info-box{width:280px;height:100px;background-color:#FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.info-box-image{float:left;padding-left:11px;padding-top:13px;padding-right:22px;}
.info-box-body{color:#666;font-size:12px;padding-top:15px;padding-right:20px;}
.info-box-heading{color:#333;font-size:13px;font-weight:bold;padding-bottom:5px;}

div.img { margin: 5px; border: 1px solid #ccc; height: auto; width: auto; float: left; text-align: center;}
div.img img {display: inline; margin: 3px; border: 1px solid #ccc;}
div.img a:hover img {border: 1px solid #309BE5;}
div.desc {text-align: center; font-weight: normal; /*width: 178px;*/ margin: 2px; background-color: #fff; color: #004286; padding: 2px; }


#bottom { clear: both; height : 100px; background: url(../images/Bottom.jpg) no-repeat top center;}  
#footer { color: #839fb2; width: 1000px; height: 190px; background: #21437B; padding-top:20px; font-size:12px; }
#footer a { color:white; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
.footer {  padding:0 25px 10px 30px; }
.footer p { text-align:right; }
.footer address {float:right; text-align:right; margin:20px 0 0 0 }
.footer ul { float:left; padding:0 20px 0 0; }
.footer ul li { border-bottom: 1px solid #284e8b; padding:2px 5px 2px 8px; text-align: left; }
.footer ul li.first { border-bottom: 1px solid #284e8b; padding:2px 5px 2px 8px; text-align: left; text-transform: uppercase; font-size: 15px; }  
.footer ul li a { color:#d9d9d9 !important}

input,textarea,select { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#666666; }
input.input-text,textarea,select { border:1px solid #ddd; }
input.input-text,textarea,select { padding:2px; }
textarea, select { overflow:auto; }

.form li { margin:0 0 5px; }
.form li .input-box {}
.form li input.input-text, .form li textarea { width:270px; }

.inputs li { margin:0 0 5px; }
.inputs li .input-box { float:left; width:340px; }
.inputs li input.input-text, .inputs li textarea {width:670px; }
.inputs li select { width:516px; }
.inputs li .input-box input.input-text, .inputs li .input-box textarea { width:330px; }

.buttons { clear:both; margin:5px 0 0; padding:5px; }
.buttons button { float:right; }

















.awesome, .awesome:visited {
    background: #222 url(../images/alert-overlay.png) repeat-x; 
    display: inline-block; 
    padding: 5px 10px 6px; 
    color: #fff; 
    text-decoration: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}
 
.awesome:hover                            { background-color: #111; color: #fff; text-decoration: none; }
.awesome:active                            { top: 1px; }
.small.awesome, .small.awesome:visited             { font-size: 11px; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited         { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited             { font-size: 14px; padding: 8px 14px 9px; }
 
.green.awesome, .green.awesome:visited        { background-color: #91bd09; }
.green.awesome:hover                        { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited        { background-color: #2daebf; }
.blue.awesome:hover                            { background-color: #007d9a; }
.red.awesome, .red.awesome:visited            { background-color: #e33100; }
.red.awesome:hover                            { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited        { background-color: #a9014b; }
.magenta.awesome:hover                            { background-color: #630030; }
.orange.awesome, .orange.awesome:visited        { background-color: #ff5c00; }
.orange.awesome:hover                            { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited        { background-color: #ffb515; }
.yellow.awesome:hover                            { background-color: #fc9200; }