/**************************************************
                GLOBAL
***************************************************/

.naslovna h1 {
    font-size: 3em !important;

}

.naslovna h2 {
    font-size: 1.9em !important;
    text-transform: none;
    color: #444;
    text-shadow: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    padding: 0.3em 0;
    text-align: left;
    font-weight: bold;
}

.naslovna h3 {
    font-size: 1.9em !important;
    text-transform: none;
    color: #444;
    text-shadow: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    padding: 0.3em 0;
    text-align: left;
    font-weight: bold;
}

p {
    font-size: 1.2em !important;
    text-transform: none;
    color: #444;
    width: 100%;
    text-align: left;
    float: left;
    text-shadow: none;
    line-height: 1.5em !important;
    text-align: justify;
}

/**************************************************
                KOJU PREZENTACIJU
***************************************************/

#koju_prezentaciju {
    padding: 0 40px;
}

#koju_prezentaciju h2 {
    border-bottom: 1px solid;
    padding-bottom: 0em;
    /*color: #FF9900;*/
}

#koju_prezentaciju .buttonC {
  font-size: 1em;
  padding: 0.3em 2.1em;
  font-weight: normal;
  margin-top: 0.6em;
}

#koju_prezentaciju .buttonC:after {
  content: none;
}



/**************************************************
        FOOTER
***************************************************/
#main {
   min-height:100%;
   position:relative;
   height:100%;
}

#footer {
   margin-top: 0 !important;
   /*background: #f3ae0a url('pocetna2/footer-bg.png') repeat-x scroll left top;*/
     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAANUlEQVQIW2M0Njb+/+vXLwZsgFFXV/c/GxsbAzYFYEmQLmwK4JLYFKBIoivAkERWgFUSpgAAxVMcxHgTLr0AAAAASUVORK5CYII=') repeat ;
}


#footer .container {
  color: white;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  text-align: left !important;
  padding-top: 1.4em;
  color: white;
}

#footer .container p, #footer .container a {
  font-size: 1em !important;
}

#footer .container p {
  color: white !important;
}


#footer h4 {
  font-size: 1.5em;
  margin-bottom: 0.4em;
  color: #FF9900;
  border-bottom: 1px dotted;
  padding-bottom: 0.4em;
}

#footer .container a {
  font-size: 1.2em;
  color: #FFFFFF;
}

#footer .container .span4 a:after {
  content: " »";
  color: #FF9900;
}


#footer .container a:hover {
    color: #FF9900 !important;
}


/*****************************************
*           CTA
******************************************/
.cta {
  height: 150px;
}

.cta1 {
    width: 330px !important;
    height: 26px;
    vertical-align: bottom;
    padding: 15px 0 !important;
    position: absolute;
    left: 41px;
    top: 9px;
}

.cta2 {
    width: 330px !important;
}

.cta3 {

}

.buttonB {
    display: inline-block;
    text-align: center;
    padding: 15px;
    border: 1px solid #0596D9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #0595D8;
    background: -moz-linear-gradient(to bottom, #06ADFF, #046291);
    background: -o-linear-gradient(to bottom, #06ADFF, #046291);
    background: -webkit-linear-gradient(to bottom, #06ADFF, #046291);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #06ADFF), color-stop(1, #046291));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#06ADFF, EndColorStr=#046291)";
    background: linear-gradient(to bottom, #06ADFF, #046291);
    /*-moz-box-shadow: #0596D9 0 0 40px 0;
    -webkit-box-shadow: #0596D9 0 0 40px 0;
    box-shadow: #0596D9 0 0 40px 0;*/
    text-shadow: #2a5a17 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #fff;
    text-decoration: none;
   /* bottom: 30px*/
    }
    
.buttonB:hover, .buttonB:focus {
    border: 1px solid #90D6F9;
    background: #05A0EE;
    background: -moz-linear-gradient(to bottom, #06ADFF, #038ACD);
    background: -o-linear-gradient(to bottom, #06ADFF, #038ACD);
    background: -webkit-linear-gradient(to bottom, #06ADFF, #038ACD);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #06ADFF), color-stop(1, #038ACD));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#06ADFF, EndColorStr=#038ACD)";
    background: linear-gradient(to bottom, #06ADFF, #038ACD);
    color: #fff;
    text-decoration: none
    }

.buttonB:active {
    background: #06ADFF;
    background: -moz-linear-gradient(to bottom, #06ADFF, #046291);
    background: -o-linear-gradient(to bottom, #06ADFF, #046291);
    background: -webkit-linear-gradient(to bottom, #06ADFF, #046291);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #06ADFF), color-stop(1, #046291));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#06ADFF, EndColorStr=#046291)";
    background: linear-gradient(to bottom, #06ADFF, #046291)
    }
.buttonB:after {
    content: "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 -4px -6px 4px;
    position: relative;
    top: 0;
    left: 0;
    background: url(pocetna2/arrow.png) no-repeat left center transparent;
    -webkit-background-size: 70% 70%;
    background-size: 70% 70%
    }
    
.buttonC {
    display: inline-block;
    border: 1px solid #F3F3F3;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #F3F3F3;
    background: -moz-linear-gradient(to bottom, #F3F3F3, #BFBFBF);
    background: -o-linear-gradient(to bottom, #F3F3F3, #BFBFBF);
    background: -webkit-linear-gradient(to bottom, #F3F3F3, #BFBFBF);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F3F3F3), color-stop(1, #BFBFBF));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F3F3F3, EndColorStr=#BFBFBF)";
    background: linear-gradient(to bottom, #F3F3F3, #BFBFBF);
    padding:0px 15px;
    color: #444444;
    text-decoration: none;
    position:relative;
    font-size:1.2em !important;
    line-height:2em;
    }
    
.buttonC:hover, .buttonC:focus {
    border: 1px solid #F3F3F3;
    background: #CCC;
    background: -moz-linear-gradient(to bottom, #F3F3F3, #CCC);
    background: -o-linear-gradient(to bottom, #F3F3F3, #CCC);
    background: -webkit-linear-gradient(to bottom, #F3F3F3, #CCC);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F3F3F3), color-stop(1, #CCC));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F3F3F3, EndColorStr=#CCC)";
    background: linear-gradient(to bottom, #F3F3F3, #CCC);
    color: #444444;
    text-decoration: none;
    }

.buttonC:active {
    background: #BFBFBF;
    background: -moz-linear-gradient(to bottom, #F3F3F3, #BFBFBF);
    background: -o-linear-gradient(to bottom, #F3F3F3, #BFBFBF);
    background: -webkit-linear-gradient(to bottom, #F3F3F3, #BFBFBF);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F3F3F3), color-stop(1, #BFBFBF));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F3F3F3, EndColorStr=#BFBFBF)";
    background: linear-gradient(to bottom, #F3F3F3, #BFBFBF)
    }