/* COLORS
zelena:#6fce8e;
svijetlosiva:#b4b4b4;
tamnosiva:#6e6e6e; (text)
*/

@font-face {
    font-family: 'rokkitt';
    src: url('rokkitt-webfont.eot');
    src: url('rokkitt-webfont.eot?#iefix') format('embedded-opentype'),
         url('rokkitt-webfont.woff') format('woff'),
         url('rokkitt-webfont.ttf') format('truetype'),
         url('rokkitt-webfont.svg#rokkittregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('opensans-bolditalic-webfont.eot');
    src: url('opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bolditalic-webfont.woff') format('woff'),
         url('opensans-bolditalic-webfont.ttf') format('truetype'),
         url('opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans';
    src: url('opensans-italic-webfont.eot');
    src: url('opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-italic-webfont.woff') format('woff'),
         url('opensans-italic-webfont.ttf') format('truetype'),
         url('opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* RESET DEFAULTS */

html,body,img, a, div, p, img:hover, ul, ol, li, br, hr, blockquote, button, section, nav, article {
	margin:0; padding:0; border:0; text-decoration: none; outline: none; color:inherit;
}


html {width:100%;height:100%;min-height:100%;background-color:#FEFEFE;}

body {width:100%;height:100%;min-height:100%;font-family: 'open_sans';font-size:20px;line-height:30px;}

#Container {width:100%;height:100%;min-height:100%;background-color:#FFFFFF;}

p, li {color:#6e6e6e;}
p a {color:#6fce8e;}
.numberList li a, .bulletList li a, .charList li a {color:#6e6e6e6;}
a:hover {text-decoration: underline;}

h3 {color:#6e6e6e;}

#Header {position:fixed !important;_position: absolute;top:0;left:0;width:100%;height:190px;background-color:#FFFFFF;}
#HeaderLogo {padding:50px 40px 30px;}

div.nav {width:870px;margin:0 auto;padding:0 5px;color:#b4b4b4;}
ul.navList {list-style: none;}
ul.navList li {display:inline-block;*display:inline;color:#b4b4b4;font-family: 'open_sans';font-size:24px;line-height:26px;margin-right:30px;}
ul.navList li.last {margin-right:0;}
ul.navList a:hover, ul.navList a:active {color:#6fce8e;text-decoration:none;}

div.section {padding-top:100px;padding-bottom:100px;}
.wrapper {width:960px;margin:0 auto;}
.wrapper h2 {margin:0 0 50px;color:#6fce8e;font-family: 'rokkitt';font-size:36px;line-height:38px;}
.wrapper h2:before {display: block;content: " ";margin-top: -290px;height: 290px;visibility: hidden;}
.wrapper .content {padding:0 85px;}

#SecHome {padding-top:280px;background-color:#FFFFFF;}
#SecCiljevi {background-color:#FFFFFF;}
#Secutori {background-color:#FFFFFF;}
#SecProjekti {background-color:#FFFFFF;}
#SecUpitnici {padding-bottom:350px;background-color:#FFFFFF;}



ul.bulletList {margin-left:20px;}
ul.bulletList li {padding-left:10px;}

ol.numberList {margin-left:20px;}
ol.numberList li {padding-left:10px;}

ol.charList  {margin-left:20px;list-style-type: lower-alpha;}
ol.charList li {padding-left:10px;}

.level2 {margin:1em 40px 1em !important;}
.level2 li {padding-left:10px;}

div#Footer {width:100%;height:80px;padding-bottom:50px;font-size:14px;line-height:18px;color:#b4b4b4;background-color:#FFFFFF;}
div#FooterLogo {padding:10px 40px 0;}
img.footerLogo {width:160px;}
div.footerContent {width:870px;margin:0 auto;padding:0 5px;}