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,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
}
:focus
{
outline:0;
}
html, body{
height:100%;
}
body
{
background-color:#0B1A3A;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1;
}
ol,ul
{
list-style:none;
}
table
{
border-collapse:separate;
border-spacing:0;
}
caption,th,td
{
font-weight:400;
text-align:left;
}
blockquote:before,blockquote:after,q:before,q:after
{
content:"";
}
#coming-soon
{
background:url(../images/site/maintenance.png) no-repeat;
height:241px;
left:0;
position:fixed;
text-indent:-9999px;
top:0;
width:241px;
z-index:100;
}
a
{
color:#FFF;
text-decoration:none;
}
#wrapper
{
margin:0 auto;
position:relative;
width:1003px;
min-height:100%;
}
#header
{
background:#000 url(../images/site/logo.jpg) no-repeat;
height:66px; /* prije 71px */
position:relative;
width:1003px;
}
#header h1
{
color:transparent;
position:absolute;
text-indent:-9999px;
}
#header h1 a
{
display:block;
height:66px; /* Nekad 70px*/
text-decoration:none;
width:400px;
}
#header #language
{
background:#1F4180;
color:#9DACC7;
font-size:10px;
font-weight:700;
height:20px;
line-height:16px;
padding:0 7px;
position:absolute;
right:1px;
text-transform:uppercase;
top:1px;
z-index:50;
}
#language ul
{
color:#FFF;
display:inline;
}
#language li
{
display:inline;
text-align:center;
width:55px;
zoom:1;
}
#language a
{
color:#FFF;
}
#language a:hover
{
color:#9DACC7;
}
#nav
{
display:block;
font-size:15px;
font-weight:500;
height:66px; /*nekad 71*/
margin-left:438px;
position:relative;
text-transform:uppercase;
}
#nav > li
{
display:block;
float:left;
height:66px;/*nekad 71*/
margin-left:12px;
z-index:100;
}
#nav > li:first-child
{
margin-left:0;
}
#nav > li > a
{
color:#D5D5D5;
display:block;
line-height:15px;
margin-top:5px;
padding-bottom:30px;
padding-top:31px;
}
#nav > li:hover > a
{
border-top:5px solid #4973D0;
color:#4E7BDF;
margin-top:0;
}
#nav > li > a:active
{
border-top:5px solid #4973D0;
margin-top:0;
}
#nav > li > .shadow
{
background:url(../images/site/shadow.png) bottom right no-repeat;
display:none;
line-height:22px;
padding:9px 11px 13px 0;
position:absolute;
top:66px;
z-index:100;
}
#nav > li:hover > .shadow
{
display:block;
}
#nav li ul
{
background:#011629;
border-top:5px solid #4973D0;
padding:12px 16px 16px 0;
}
#nav > li ul > li
{
display:block;
}
#nav ul a
{
display:block;
padding-left:16px;
}
#nav ul a:hover
{
background:url(../images/site/nav-hover.png) no-repeat;
background-position:0 1px;
}
#inner-wrapper{
padding-bottom:60px;
background:url(../images/site/bg_inner-wrapper.jpg) no-repeat;
}
.frontpage #inner-wrapper{
background:url(../images/site/bg_inner-wrapper-frontpage.jpg) no-repeat !important;
}
#sidebar
{
/*background:url(../images/site/bg_sidebar.jpg) no-repeat;*/
float:left;
/*padding-left:48px;*/
width:438px;
}
#sidebar.short
{
/*background:url(../images/site/bg_sidebar-short.jpg) no-repeat!important;*/
}
#sidebar h2,#quick-contact h2,#search-field strong,#article h3
{
background-position:0 3px;
font-size:15px;
font-weight:700;
height:15px;
margin:0.5em 0;
text-transform:uppercase;
}
#main h2{
font-weight:700;
font-size:18px;
margin:0.5em 0;
text-transform:uppercase;
}
/*
#article h3
{
margin-bottom:10px;
margin-left:-13px;
margin-top:10px;
}
*/
#intro-text
{
margin-top:144px;
width:370px;
}
.short #intro-text
{
margin-top:70px!important;
}
#intro-text p
{
font-size:18px;
font-weight:400;
line-height:25px;
margin-top:5px;
padding-left:18px;
}
#intro-text span
{
font-size:11px;
font-weight:500;
line-height:1.5em;
text-transform:uppercase;
}
#intro-text span a
{
display:block;
font-size:13px;
font-weight:700;
}
.read-more,ul.people a
{
background:url(../images/site/arrow.png) no-repeat;
background-position:0 5px;
color:#FFF;
font-size:12px;
font-weight:700;
padding-left:8px;
text-transform:uppercase;
}
ul.people a
{
font-size:11px!important;
}
.read-more:hover,ul.people a:hover
{
color:#a5bfd1;
}
#search-field
{
margin-top:40px;
}
.short #search-field
{
margin-top:75px!important;
}
#search-field > div
{
background:url(../images/site/search.png) no-repeat;
height:148px;
margin-top:-70px;
width:325px;
}
#search-field input
{
background:transparent;
border:0 none;
color:#FFF;
font-weight:700;
margin-left:27px;
margin-top:82px;
width:235px;
}
#main
{
float:right;
width:565px;
}
#flash-or-image
{
background:url(../images/site/flash-placeholder.jpg) no-repeat;
height:547px;
margin-bottom:-135px;
width:565px;
}
#flash-or-image.short
{
background:url(../images/site/article/expertise-innovation.jpg) no-repeat!important;
height:455px!important;
}
#article
{
padding:90px 40px 0px 40px;
}
#article p
{
margin-bottom:18px;
}
#article,#article p,#article ul,#article ol
{
line-height:18px;
}
#article i,#article em
{
font-style:italic;
}
/*
#main h2,#main h3.people
{
height:245px;
margin-bottom:-195px;
margin-left:-155px;
min-width:335px;
padding:90px 0 0 140px;
position:relative;
z-index:20;
}*/
/*#main h3.people
{
margin-top:-50px;
}*/
h2.speech-bubble
{
background:url(../images/site/h_speech-bubble2.png) no-repeat!important;
}
h2.about-us
{
background:url(../images/site/h_mouse.png) no-repeat!important;
}
#people{
clear:left;
float:left;
width:438px;
background:url(../images/site/bg_people.png) no-repeat;
padding-top:27px;
min-height:160px;
margin-bottom:100px;
}
#people h2{
font-size:15px;
font-weight:700;
text-transform:uppercase;
margin-left:102px;
}
#people ul{
display:block;
padding-top:25px;
padding-left:80px;
}
#people li{
float:left;
width:154px;
}
#people img{
border:1px solid #2c3954;
display:block;
-webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, .1);
}
#people strong{
line-height:1.5em;
font-size:11px;
font-weight:normal !important;
}
h3.people
{
background:url(../images/site/h_people.png) no-repeat!important;
}
ul.people
{
min-height:200px;
position:relative;
}
ul.people h4
{
color:#A5BFD1;
font-size:13px;
font-weight:700;
margin-bottom:8px;
text-transform:uppercase;
}
ul.people p
{
margin:0!important;
}
ul.people li
{
height:100px;
}
ul.people li + li
{
margin-top:40px;
}
ul.people img
{
border:3px solid #FFF;
float:left;
height:100px;
margin-right:8px;
width:100px;
}
p
{
position:relative;
}
p#questions
{
font-weight:700;
line-height:18px;
}
p#questions a
{
background-color:#536880;
color:#FFF;
padding:0 3px;
}
p#questions a:hover
{
background-color:#FFF;
color:#0B1A3A;
}
.q1
{
color:#6c9fcb;
}
.q2
{
color:#94abc0;
}
.q3
{
color:#b9dded;
}
.q4
{
color:#a5bfd1;
}
.q5
{
color:#88b9e7;
}
.q6
{
color:#d0ecf1;
}
.q7
{
color:#699bd2;
}
.q8
{
color:#a1d1f4;
}
.q9
{
color:#5c89c6;
}
.q10
{
color:#d6ebf1;
}
.q11
{
color:#b4d9ea;
}
.q12
{
color:#6390cc;
}
.end-of-questions
{
background:url(../images/site/arrow.png) no-repeat;
background-position:0 5px;
color:#a5bfd1;
float:right;
font-size:13px;
font-weight:700;
padding-left:10px;
text-transform:uppercase;
}
#quick-contact
{
bottom:0;
color:#eee;
height:160px;
left:48px;
position:absolute;
}
#quick-contact h2
{
color:#a5bfd1;
margin-bottom:10px;
}
#quick-contact ul
{
font-size:11px;
line-height:17px;
list-style:disc outside;
padding-left:30px;
width:300px;
}
#quick-contact li
{
background:url(../images/site/bullet.gif) no-repeat;
background-position:0 6px;
display:block;
float:left;
padding-left:10px;
width:138px;
}
strong
{
font-weight:700;
}
#footer
{
position:absolute;
bottom:0;
width:983px;
background:url(../images/site/bg_footer.jpg) no-repeat;
clear:both;
color:#a5bfd1;
font-size:10px;
font-weight:700;
height:60px;
padding:0 10px;
text-transform:uppercase;
}
#copy,#tools,#web-by
{
display:block;
height:10px;
position:absolute;
top:42px;
}
#tools
{
padding-right:85px;
right:200px;
}
#web-by
{
right:20px;
}
#web-by a:link
{
color:#a5bfd1;
}
#web-by a:hover
{
color:#FFF;
}
#tools > li
{
color:#FFF;
float:left;
margin-right:10px;
}
#tools > li > a
{
color:#FFF;
}
#tools > li > a:hover,#web-by a:hover
{
color:#a5bfd1;
}
#copy
{
color:#a5bfd1;
font-weight:500;
}
#share
{
bottom:-7px;
display:block;
height:42px;
position:absolute;
right:0;
width:88px;
}
#share li
{
display:block;
float:left;
height:42px;
width:44px;
}
#share a
{
background:url(../images/site/social-icons.jpg) no-repeat;
display:block;
height:42px;
text-indent:-9999px;
width:44px;
}
#facebook
{
background-position:0 0!important;
}
#facebook:hover
{
background-position:0 -42px!important;
}
#twitter
{
background-position:-44px 0!important;
}
#twitter:hover
{
background-position:-44px -42px!important;
}
#contact
{
line-height:1.5em;
}
#contact li
{
display:block;
margin:2px 0;
padding:5px;
}
#contact li:focus
{
background:#193c86;
}
li.error
{
background:#640d1d;
border:1px solid #bd0000;
}
#contact label
{
font-weight:700;
padding-left:5px;
}
.req
{
color:#f7baba;
font-weight:700;
}
#contact .text,#contact textarea
{
display:block;
}
#contact div.textarea
{
background:transparent url(../images/site/textarea.png) no-repeat;
height:100px;
padding:0 5px;
width:260px;
}
#contact div.textarea:focus
{
background-position:0 -100px;
}
.textarea textarea
{
background:transparent;
border:0 none;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
height:95px;
line-height:1.5em;
overflow:auto;
width:260px;
}
#contact .text
{
background:transparent url(../images/site/input-text.png) no-repeat;
border:0 none;
color:#FFF;
font-weight:700;
height:25px;
line-height:25px;
padding:0 5px!important;
width:260px;
}
#contact .text:focus
{
background-position:0 -25px;
padding:0 5px!important;
}
.warning,.invalid
{
display:none;
font-size:10px;
font-weight:700;
}
.error .warning,.error .invalid
{
display:inline!important;
}
#join-strat
{
background:url(/template/images/site/bg_join.jpg) no-repeat;
color:#FFF;
font-size:16px;
height:344px;
line-height:24px;
width:562px;
}
#join-strat h1
{
font-size:24px;
font-weight:700;
text-transform:uppercase;
}
#join-strat p
{
text-align:justify;
}
#join-strat p,#join-strat h1
{
margin-bottom:24px;
}
#join-strat a
{
color:#FFF;
font-weight:700;
text-decoration:none;
}
#join-strat a:hover
{
color:#9DACC7;
}
#join-strat div
{
padding-left:30px;
padding-top:40px;
width:280px;
}
ol
{
list-style:decimal;
margin-bottom:18px;
padding-left:20px;
}
a#fancy_swf
{
display:block;
margin:10px;
}
a#fancy_swf img
{
border:1px solid #FFF;
padding:1px;
position:relative;
}
a#fancy_swf:hover img
{
border:1px solid #9DACC7;
}
/*
p.fancy-swf
{
left:-340px;
position:absolute;
top:145px;
}
*/
#cv
{
padding:20px;
}
#cv h1
{
font-size:16px;
font-weight:700;
text-transform:uppercase;
}
#cv h2
{
font-size:14px;
font-weight:700;
text-transform:uppercase;
}
#cv h3
{
font-size:13px;
font-weight:700;
}
#cv h4
{
font-size:12px;
font-weight:700;
}
#cv h2,#cv h3,#cv h4,#cv h5,#cv h6
{
margin:9px 0;
}
#cv img
{
border:1px solid #FFF;
margin-right:10px;
padding:1px;
}
#cv p
{
line-height:18px;
margin:9px 0;
}
#cv ul
{
line-height:18px;
list-style:disc inside;
}
#cv ol
{
line-height:18px;
}
#cv li
{
margin:9px 0;
}
#flash-or-image.news
{
background:url(../images/upload/images/news.jpg) no-repeat!important;
}
.news-list
{
padding-top:100px;
}
.news-article
{
cursor:pointer;
height:160px;
margin-bottom:10px;
position:relative;
}
.news-article p
{
margin:0!important;
}
.news-article h3
{
margin:0 0 8px -2px !important;
padding:0!important;
}
.news-article img
{
float:left;
height:150px;
width:150px;
}
.img-link
{
border:3px solid #FFF;
display:block;
float:left;
height:150px;
margin:0 10px 5px 0;
position:relative;
width:150px;
z-index:35;
}
.news-article:hover .img-link
{
border:3px solid #9DACC7;
}
.news-article .date
{
background:#FFF;
color:#0B1A3A;
display:block;
font-weight:700;
height:21px;
left:76px;
line-height:21px;
position:absolute;
text-align:center;
top:0;
width:80px;
z-index:40;
}
.news-article:hover .date
{
background:#9DACC7;
}