#wraper {width: 925px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;padding-top:15px}
body {margin: 0px;padding: 0px;color:#494949; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
p{margin:0px; padding:5px; text-align:left}
ul{margin:0; padding:0; list-style:none;}

a{text-decoration:none; color:#0091cc}
a:hover{text-decoration:underline}
h1, h2{font-size:18px; text-transform:uppercase; margin:0px 0 5px 0; color:#0091cc;font-family:Trebuchet MS;}
h2{font-size:14px; text-transform:none}

#main{float:left; width:100%;background:url(../images/back_shadow.gif) -10px 30px repeat-y;  float:left}
#header{width:100%; float:left; background: url(../images/back_top.gif) -10px top no-repeat; padding-top:30px}
#header p{padding:0px 0px 20px 30px; margin:0; width:500px}
a.logo{position: relative; left:25px}
#footer{float:left; width:100%;background:transparent; background-image:url(../images/footer_back.gif); background-position:-10px 15px;  background-repeat: no-repeat}
#footer ul {width:100%; text-align:center; float:left}
#main_menu{margin-bottom:10px}
#footer ul li,#main_menu li{display:inline}
#footer ul li a{color:#666; font-size:11px}
#copyright{text-align:center; position:relative; top:25px; width:100%; font-size:11px; color:#b9bfc3; padding:0px 0px 20px 0px}
#main_content{padding-left:30px; _padding-top:10px;}

/*********************** naslovna strana*******************************/
.naslovna #left_box,.naslovna #right_box{float:left; width:430px;   background:#f3f3f3; margin-bottom:20px; padding-bottom:10px; height:400px; background-image: url(../images/box_back.jpg); background-repeat: no-repeat; background-position: left bottom}
.naslovna #left_box h1,.naslovna #right_box h1, #left_box p,#right_box p{padding:5px 5px 5px 20px;}
.naslovna #left_box h1,.naslovna #right_box h1{margin:0}
.naslovna #right_box{margin-left:10px}
.naslovna #right_box ul{padding-left:25px}
.naslovna #left_box p,.naslovna #right_box p{padding-right:15px;}
.naslovna #right_box p {padding-right:10px;padding-left:20px}


/*********************************engeering outsourcing*************************/
#top_links {padding-left:30px; float:left}
#top_links a{color:#494949}
#header #main_menu{width:903px; height:45px;background:url(../images/main_menu.gif) repeat-x left top; float:left; position:relative; left:12px; text-align:center}
#main_menu li a {font-size:12px;font-weight:bold; line-height:15px; font-family:"Trebuchet MS"; height:30px; float:left; position:relative; top:2px; padding:4px 12px;
_padding:4px 10px; text-transform:uppercase; text-align:center}
#main_menu li a:hover{color:#FFF; text-decoration:none; background:#bfc1c4}
#header .cadcam_menu li a{padding:4px 27px;}
#left_illustration{ float:left; width:200px; padding:65px 15px 0 0px }

#navigation_links{padding-top:5px; padding-bottom:10px; font-size:10px; margin:0px; float:left; width:100%}
#navigation_links a{color:#494949}
#navigation_links a:hover{color:#0091cc}
.engin #right_box{float:left; width: 670px;}
.engin #right_box p,.cadcam #rightbox #content_text p{padding-left:0; font-size:11px;}
#p_title{font-size:13px;font-weight:bold;padding-top:10px;}
#testimonials{float:right; width:211px;margin-top:10px;/*border:1px solid #333333*/}
#testimonialsUp {
	width:211px;
	height:15px;
	background:url(../images/boxes/testimonials/boxUp.jpg);
	float:left;
	padding:0px;
	margin:0px;
	/*border:1px solid #FF0000;*/
}

#testimonialsInner {
	width:199px; 
	padding:0 5px 0 5px;
	background:#f8f8f8;
	border-left:solid 1px #c2c2c2; 
	border-right:solid 1px #c2c2c2;
}


#testimonialsDown {
	background:url(../images/boxes/testimonials/boxDown.jpg) no-repeat left top;
	width:211px;
	height:9px;
}

#testimonials #testimonialsInner p{ border-bottom:1px solid #c2c2c2; font-size:10px;}
.blue_link{
	color:#0091cc;
}
#content_text { float: left; width: 100%;padding-right:0px; padding-bottom:30px }
#illustration_box2{float:right; width:210px;position:relative; top:60px;left:40px; padding:5px 0 0 0px;/*border:1px solid #f00*/}
#search_form{float:left; float:right; position:relative; top:-5px; right:25px; display:none }
#search_form input{height:14px; border:solid 1px #d0cfd0; width:164px; color:#666; padding-left:2px;}

ul.textlist{padding:0px 5px 0px 20px; list-style-type:circle;font-size:11px;list-style-position:outside}
ul.textlist li{margin-bottom:5px;padding:0px;list-style-type:circle; }
ul.textlist h3{margin-left:-20px}

h3 { clear:left;font-weight: bold; margin: 0px; padding:5px 0px 5px 0px ; font-size:12px; color:#5a5959}

/*ovo je righ_box*/
/*.cadcam #right_box{float:right; width:440px;}*/
.cadcam #right_box{float:left; width:440px;}
.cadcam #right_box_mali{float:left; width:440px;}

#outer{width:225px; float:left }
.cadcam #illustration_box2 {float:right; left:-25px; width:192px; top:5px; }
.cadcam #illustration_box2 .news{ float:left; margin-bottom:10px}

#newsInner {
	background-color:#f7f7f7;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	width:180px;
	float:left;
	padding:0 5px 0 5px;
	font-size:10px;
}
#newsInner h2 {
	margin-top:0;
	padding-top:0;
}

#newsInner p img {
	margin-right:3px;
	
}

#newsInner p a {
	margin:0;
	padding:0;
	color:#494949;
	font-size:10px;
	}

#newsUp {
	background:url(../images/boxes/news/boxUp.jpg) no-repeat top;
	width:192px;
	height:15px;
}

#newsDown {
	background:url(../images/boxes/news/boxDown.jpg) no-repeat top;
	width:192px;
	height:15px;
	float:left;
}

.links {
	width:186px;
	margin-top:10px;
	float:left;
}


#linksInner {
	background-color:#f7f7f7;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	width:174px;
	float:left;
	padding:0 5px 0 5px;
	font-size:10px;	
}

#linksInner h2 {
	margin-top:0;
	padding-top:0;
	padding-left:5px;
}

#linksInner p img {
	margin-right:3px;
}

#linksInner p a {
	margin-top:10px;
	color:#494949;
}

#linksUp {
	background:url(../images/boxes/links/linksUp.jpg) no-repeat top;
	width:186px;
	height:18px;
	float:left;
}

#linksDown {
	background:url(../images/boxes/links/linksDown.jpg) no-repeat top;
	width:186px;
	height:18px;
	float:left;
}



.cadcam #illustration_box2 p{padding:0px; font-size:11px}
.cadcam #illustration_box2 .news_box a,.news a.links{text-align:right; font-size:11px; margin-top:5px; float:right}
.news{width:180px}
.news_box{border-bottom:solid 1px #d5d5d5; padding:5px 0;float:left}
.news_box h2{font-size:13px}
.news label{font-size:11px;}
.news input {float:right;margin-bottom:5px;}
.news input.textfield {margin-top:5px; float:left; height:15px; font-size:11px; border:solid 1px #d0d0d0; color:#666; padding-left:2px; width:98%}
.news a.links{color:#494949; float:left; text-align:left}
.news a.links:hover {color:#0091cc}
.active_link{background:#bfc1c4; color:#FFF}
#right_box p {padding-left:0px}
a.detaljnije{width:100%; text-align:right;float:right;font-size:11px;}
a.detaljnije1{width:100%; font-size:11px;}
a.center_links{width:100%;padding-left:30px; float:left; clear:left}
.padd_left{padding-left:20px}
.mas_projektovanje p, .mas_projektovanje ul {float:left; clear:left; margin-bottom:10px; width:100%}
.mas_projektovanje p img{margin-right:9px; clear:both; float:left; padding-bottom:5px; }
#nav .news{float:left; /*padding:5px 5px 5px 10px;*/ width:185px; margin-top:20px;background: #f7f7f7;  border:solid 1px #d5d5d5;}
#motion_circle{width:100%; float;left; height:380px;display:block; background:url(../images/motion_back.jpg) no-repeat 100px 0px; margin-top:80px; position:relative}
#motion_circle p{font-size:11px; width:100px; float:left; clear:none; position:absolute; text-align:center}
#product_matrix{float:left}
#product_matrix table{float:left; border:solid 1px #d5d5d5; width:649px;border-top:none}
#product_matrix table td{ border:solid 1px #d5d5d5; font-size:10px; vertical-align:middle}
#product_matrix table td img{ text-align:center}
#product_matrix h3{padding:0px; margin:0px; color:#0091cc}
#product_matrix a{text-decoration:underline; font-size:13px; font-weight:600; display:block}

/*#top_bttns {margin:0 0 -1px 0 ; padding:0; width:606px; float:left}*/
/*izmena 11.12.2008 - prosireni*/
#top_bttns {margin:0 0 -1px 0 ; padding:0; float:left;width:649px;height:29px;background-image:url(../images/matrica/01.jpg);}
#top_bttns  table{float:left}
#top_bttns li {float:left}
#top_bttns li div{float:left;padding:5px; margin-top:3px; width:206px;font-size:11px; text-decoration:none; color:#797979; font-weight:300; text-align:center;cursor:pointer}
#top_bttns li div.active_l{float:left;padding:5px; width:206px;font-size:11px; text-decoration:none; color:#494949; font-weight:300; text-align:center}

#top_bttns li a:hover{color:#0091cc}
strong{color:#666}
table td{border-bottom:solid 1px #d5d5d5}

#registerForm table td {
	border:none;
}

#registerForm table tr td.labels {
	text-align:right;
	font-size:11px;
}

#registerForm input {
	border:1px solid #C2C2C2;
}

.invalidInput{
	border:1px solid #c90000;
}

.predator {
	margin-top:15px;
}

.predator tr td {
	padding-top:5px;
}

.predator td {
	text-align:left;
	border:none;
}

.predator ul {
	margin-left:15px;
	*margin-left:0;
	list-style:circle;
}

.predator ul li{
	list-style:circle;
	width:95%;
	margin-top:3px;
}

#rep{
padding-top:15px;
float:left;
}
#back {
	padding-top:15px;
	clear:both;
}
ul#navtop {
    margin-top: 46px;
    float:right;
    padding-right: 173px;
}
ul#navtop li {
    float: left
}
ul#navtop li a {
    padding: 0 5px
}
ul#navtop li,ul#navtop li a {
    color: #9E9E9E;
    font-size: 9px
}
ul#navtop li a,ul#navheader li a {
    float: left;
    font-size: 10px
}
ul#navheader {
    position: absolute;
    top: 104px;
    left: 0;
    width: 826px;
    border-bottom: 2px solid #A7A9AC
}
ul#navheader li {
    float: left;
    margin-right: 10px
}
ul#navheader li.first a,ul#navheader li.firstselected a {
    padding-left: 5px
}
ul#navheader li.last,ul#navheader li.lastselected {
    float: right;
    margin-right: 0;
    padding-right:5px;
}
ul#navheader li.last a,ul#navheader li.lastselected a {
    padding-right: 5px
}
ul#navheader li.selected,ul#navheader li.firstselected,ul#navheader li.lastselected {
    background: transparent url(../images/interface/bg_navheader.gif) top right no-repeat
}
ul#navheader li.selected a,ul#navheader li.firstselected a,ul#navheader li.lastselected a, ul#navheader li.middleselected a{
    color: #FFF
}
ul#navheader li a {
    padding: 0 10px;
    color: #818285;
    font-weight: bold;
    line-height: 23px;
}
ul#navheader li.communities,ul#navheader li.communities a {
    margin-right: 0
}
address#phones {
    position: absolute;
    top: 82px;
    left: 405px;
    width: 420px;
    color: #9E9E9E;
    font-size: 9px
}
#navbar,#navbarsearch,#navbarsearcht,#columnone,#navbarsearchtbottom {
    float: left;
    width: 186px
}
/*style change to make expandable 8/18/08 JD */
#navbarsearch {
    padding-bottom: 15px;
   /* background: transparent url(../images/interface/bg_navbarsearch.gif) left bottom no-repeat */
   background: transparent url(../images/interface/bg_navbarsearcht_middle.gif) left bottom repeat-y
}
#navbarsearcht {
    height: 15px;
    background: transparent url(../images/interface/bg_navbarsearcht.gif) no-repeat;
    font-size: 0;
    text-indent: -9999px
}

/*new style for search nav bottom 8/18/08 JD */
#navbarsearchtbottom {
    height: 16px;
    background: transparent url(../images/interface/bg_navbarsearcht_bottom.gif) no-repeat;
    font-size: 0;
    text-indent: -9999px
}
#navbarsearch h3 {
    margin: 0 0 2px 10px;
    color: #666;
    font-weight: bold
}
#navbarsearch p {
    margin: 0 0 5px 10px;
    color: #666;
    font-size: 10px
}
#navbarsearch h4 {
    margin: 0 0 5px 10px;
    color: #369;
    font-size: 10px;
    font-weight: bold
}
#navbar li,#navbarsearch li,#navbarsearch li.middle {
    float: left;
    width: 186px;
    background: transparent url(../images/interface/bg_navmiddle.gif) top left no-repeat
}
#navbarsearch li {
    float: left;
    width: 186px;
    background-image: none
}
#navbar li.middletop {
    background-image: url(../images/interface/bg_navmiddletop.gif)
}
#navbar li.middleselected {
    background-image: url(../images/interface/bg_navmiddleselected.gif)
}
#navbar li a,#navbarsearch li a {
    color: #787878;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px
}
#navbarsearch li a {
    color: #369;
    font-weight: normal
}
#navbar li ul.navsubbar1 li,#navbar li ul.navsubbar2 li,#navbar li ul.navsubbar3 li {
    background-color: #EEE;
    background-image: none
}
#navbar li ul.navsubbar1 li {
    background-image: url(../images/interface/bg_navsub1.gif);
    background-repeat: no-repeat
}
#navbar li ul.navsubbar2 li,#navbar li ul.navsubbar3 li,#navbar li ul li.navsub {
    background-image: url(../images/interface/bg_navsub2.gif);
    background-repeat: repeat-y
}
#navbar li ul.navsubbar1 li a,#navbar li ul.navsubbar2 li a,#navbar li ul.navsubbar3 li a {
    color: #8D8D8D;
    font-weight: normal
}
#navbar li a.selected,#navbar li ul.navsubbar1 li a.selected,#navbar li ul.navsubbar2 li a.selected,#navbar li ul.navsubbar3 li a.selected,
#navbar li a:hover,#navbar li ul.navsubbar1 li a:hover,#navbar li ul.navsubbar2 li a:hover,#navbar li ul.navsubbar3 li a:hover,
#navbar li a:focus,#navbar li ul.navsubbar1 li a:focus,#navbar li ul.navsubbar2 li a:focus,#navbar li ul.navsubbar3 li a:focus {
    color: #303030;
    font-weight: bold;
    text-decoration: none
}
#navbar li.first {
    background-image: url(../images/interface/bg_navfirst.gif)
}
#navbar li.firstselected {
    background-image: url(../images/interface/bg_navfirstselected.gif)
}
#navbar li.last,#navbar li.lasttop,#navbar li.lastselected {
    border-bottom: 1px solid #E5E5E5
}
#navbar li.last {
    background-image: url(../images/interface/bg_navlast.gif)
}
#navbar li.lastselected {
    background-image: url(../images/interface/bg_navlastselected.gif)
}
#navbar li.lasttop {
    background-image: url(../images/interface/bg_navlasttop.gif)
}




ul.arrow li,#navbar li span,#navbar li span.navsub,#navbarsearch li span {
    padding: 0 0 4px 10px;
    background: transparent url(../images/interface/ico_arrow.gif) 2px 4px no-repeat
}
#navbarsearch li span {
    padding: 0 0 4px 10px;
    background: transparent url(../images/interface/ico_arrowleft.gif) 2px 4px no-repeat
}
ul.pdf {
    float: left;
    padding-left: 20px;
    width: 175px
}
ul.pdf li {
    padding: 10px 0 10px 21px;
    background: transparent url(../images/interface/ico_pdf.gif) 0 4px no-repeat
}
ul.pdf li span {
    position: relative;
    display: block;
    color: #999;
    top: 0;
    left: -19px
}
ul.player li.pdf,ul.player li.video {
    padding: 3px 0 7px 27px;
    background: transparent url(../images/interface/ico_pdf.gif) 0 4px no-repeat
}
ul.player li.pdf {
    padding-top: 6px
}
ul.player li.video {
    background: transparent url(../images/interface/ico_video.gif) 0 4px no-repeat
}
ul.player li.pdf a,ul.player li.video a {
    font-size: 10px
}
ul.player li span {
    font-size: 10px;
    color: #999
}
#navbar li span.navsub {
    background-image: url(../images/interface/ico_arrowdown.gif)
}
#navbar ul li span.navsub a {
    font-weight: bold
}
#navbar li span,#navbar li span.navsub,#navbarsearch li span {
    display: block;
    padding: 8px 10px 8px 22px;
    background-position: 12px 13px
}
#navbarsearch li span {
    padding: 4px 10px 4px 22px;
    background-position: 12px 9px
}
#navbar li ul.navsubbar1 li span {
    padding: 4px 10px 4px 31px;
    background-position: 23px 9px
}
#navbar li ul.navsubbar2 li span {
    padding: 4px 10px 4px 40px;
    background-position: 32px 9px
}
#navbar li ul.navsubbar3 li span {
    padding: 2px 10px 2px 47px;
    background: transparent url(../images/interface/ico_bullet.gif) 39px 8px no-repeat
}
ul.arrow li a {
    color: #375C9B;
    text-decoration: underline
}
ul.arrow li a:hover,ul.arrow li a:focus {
    text-decoration: none
}
ul.bullet {
    margin: 0 0 1em 22px
}
ul.bullet li {
    line-height: 16px;
    padding-left: 9px;
    background: transparent url(../images/interface/ico_circle.gif) 0 6px no-repeat
}
ul.overview {
    float: left;
    width: 168px;
    border-top: 1px solid #DEDEDE
}
ul.overview li {
    background: transparent url(../images/interface/ico_overview.gif) 155px 8px no-repeat;
    border-bottom: 1px solid #DEDEDE
}
ul.overview li a {
    display: block;
    padding: 3px 15px 12px 3px;
    color: #787878;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px
}
ul.overview li.selected {
    background-position: 155px -42px
}
ul.overview li.selected a {
    color: #000
}

/*Izmena 11.12.2008*/
/*Ovo je siroki deo desnog dela sajta koji nema desno newsletter i vesti*/

#nav{
float:left;
width:210px;
/*border:1px solid #000;*/
}
#nav img{
float:left;
}