*{
  margin:0px;
  padding:0px;
  **outline:0px;
}

html {
  width: 100%;
  height: 100%;
}

body {
  width:  100%;
  height: 100%;
  background: url(../../site_images/struktura/stranicebgnd_t.gif) repeat ;
  font-family: 'PT Sans', sans-serif;
  color: #00000;
}

img {
  border:none;
}

a{
  color: #000;
  text-decoration:none;
  
}

.oblast_zaglavlja, .oblast_zaglavlja_index{
  height:133px;
  position: fixed;
  border: 0px solid red;
  z-index:10000;
  width: 100%;
  background-color: rgba(0,0,0,0.1);
  overflow: visible;
}

.no-rgba .oblast_zaglavlja {
      background:none;
    background: url(../../site_images/struktura/bgnd_heder.png) repeat;


}

.oblast_zaglavlja_index{
  height:350px;
}

a:hover{
  text-decoration:underline;
  
}

#page {
  position: relative;
  margin:0px;
  padding:0px;
  background: url(../../site_images/struktura/stranicebgnd_t.gif) repeat;
  overflow: hidden;
}

.oblast_futera {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 2px 0px 2px 0px;
  background-color: rgba(0,0,0,0.3);
}

.oblast_futera p {
  color: #fff;
  font-size: 13px;
  padding-right: 20px;
  text-align: right;
}

.htmlsadrzaj, .htmlsadrzaj_reference, .htmlsadrzaj_kontakti{
  position: absolute;
  top: 155px;
  height:100%;
  background: rgba(255,255,255,0.8);
  letter-spacing:0px;
  overflow-y:auto;
  
  box-shadow: 0 0 3px #999;
  -webkit-box-shadow: 0 0 3px #999;
  -moz-box-shadow: 0 0 3px #999;
  overflow-y: auto;
  
}

.no-rgba .htmlsadrzaj, .no-rgba .htmlsadrzaj_reference, .no-rgba .htmlsadrzaj_kontakti{
background: url(../../site_images/struktura/bgnd_htmlsadrzaj.png) repeat;
}

.htmlsadrzaj{
  
  width: 70%;
  overflow-y: auto;
  overflow-x:hidden;
}

.htmlsadrzaj_reference {
  width:100%;
}

.htmlsadrzaj_kontakti {
  width:50%;
}

.htmlsadrzaj_kontakti h1, .htmlsadrzaj_reference h1{
  margin-bottom:5px;
  padding:5px 10px 0px 15px; 
  font-family: 'Advent Pro', sans-serif;
}

.htmlsadrzaj_kontakti h2, .htmlsadrzaj_kontakti h3{
  margin-bottom:5px;
  padding:0px 10px 0px 10px; 
}

.htmlsadrzaj_kontakti p{
  padding:0px 0px 0px 10px; 
}

.htmlsadrzaj p{
  font-size: 14px;
  margin-bottom:10px;
}

.htmlsadrzaj a{
  font-size: 14px;
  color:#666;
  text-decoration:none;  
}


.htmlsadrzaj a:hover{
  text-decoration:underline;
}

.htmlsadrzaj h1{
  font-size: 55px;
  margin-bottom:5px;
  padding:5px 10px 0px 10px; 
  font-family: 'Advent Pro', sans-serif;
}

.htmlsadrzaj h1 a{
  font-size: 55px;
  margin-bottom:5px;
  padding:0px; 
  font-family: 'Advent Pro', sans-serif;
  text-decoration: none;
}

.logo_section_link{
  display: block;
  height: 120px;
  padding-right: 50px;
  background: url(../../site_images/icons/arrow-right.png) no-repeat 100% 50%;
}

.htmlsadrzaj h1 a:hover{
  text-decoration: underline;
}

.htmlsadrzaj article{
  padding:0px 10px 5px 12px; 

}

.htmlsadrzaj article a{
}

.htmlsadrzaj h1 img{
  border: none;
}

.htmlsadrzaj h2{
  font-size: 18px;
  margin-bottom:5px;
}

.htmlsadrzaj h3{
  font-size: 16px;
  margin-bottom:5px;
}

.htmlsadrzaj li{
  font-size: 14px;
  /*margin-bottom:10px;*/
  list-style-position: inside;
  list-style-type: none;
  /*border-bottom: 1px dotted #626061;*/
  padding: 0px 3px 4px 15px;
  background: url(../../site_images/icons/lista_strelica_siva.png) no-repeat 0% 30%;
}

.htmlsadrzaj table {
  border-collapse:separate;
  border-spacing:10px ;
}

.htmlsadrzaj table td{
  vertical-align: top;
}

.htmlsadrzaj img{
/*  display:block;
  width:70%;
  padding:3px;
  margin:2px 10px 2px 0;*/
}

/*SLIKE U CLANCIMA KROZ CMS */



#pageBody a img {
  display:block;
  width:140px;
  padding:3px;
  margin:2px 10px 2px 0;
      float: left;


}


/*SLIDER NA STRANICAMA KROZ CMS*/
.slide_galerija_okvir{
    *outline:4px solid red;
    overflow-x:scroll;
    margin:10px 16px;
}




.slide_galerija{
    width:1200px;
    height:240px;
}

.slide_galerija img{
  display:block;
  float:left;
  height:240px;
  width:360px
}
/*KRAJ SLIDER NA STRANICAMA KROZ CMS*/

/*POMOCNI PRAVOUGAONIK - products.php*/
#transparent_div{
background-color: rgba(255,255,255,.6);
    
    position:absolute;
    width:40%;
    height:40%;
    
    top:146px;
    left:30%;
    z-index:-1;
    
}
/*KRAJ POMOCNI PRAVOUGAONIK - products.php*/

#helper{
  background-color: rgba(255,255,255,.6);
  color:red;
  width: 120px;
  position: absolute;
  bottom: 0px;
  right:0px;
  z-index:100;
}

[id^="P-"]
{
  position:absolute;
  display:none;
  width:100%;
  height:100%;
  z-index: 1; background-size: 100% 100%;
}

#P-INDEX{
  position:absolute;
  width:100%;
  height:100%;
  display:block;
  background: url(../../site_images/index/index_6.jpg) no-repeat center center;
  z-index: 1;
  background-size: 100% 100%;
}

#C-1,#C-2,#C-3,#C-4 {
  position:absolute;
  display:none;
  width:100%;
  height:100%;
}

#C-1{
  display:block;
  background: url(../../site_images/pages_c/projekti_timeline.jpg) no-repeat center center;
  z-index: 1; background-size: 100% 100%;
}

#C-2{
  display:none;
  background: url(../../site_images/pages_c/projekti_reference.jpg) no-repeat center center;  
  z-index: 2; background-size: 100% 100%;
}

#C-3{
  display:none;
  background: url(../../site_images/pages_c/projekti_mapa.jpg) no-repeat center center; 
  z-index: 3; background-size: 100% 100%;
}

#C-4{
  display:none;
  background: url(../../site_images/pages_c/projekti_galerija.jpg) no-repeat center center; 
  z-index: 4; background-size: 100% 100%;
}

/* bgnd C */
/* bgnd D*/
#D-1,#D-2,#D-3,#D-4 {
  position:absolute;
  display:none;
  width:100%;
  height:100%;
}

#D-1{
  display:block;
  z-index: 1; background-size: 100% 100%;
}

#D-2{
  display:none;
  z-index: 2; background-size: 100% 100%;
}

/* bgnd D */
/*NAVIGACIJA*/
#navigator {
  position: absolute;
  top: 155px;
  left:70%;
  z-index: 1000;
  padding: 0px;
  margin: 0px;
  }

#navigator div {

  width:260px;
  height:40px;

  background-color: rgba(255,255,255,0.8);
  text-align: right;
  margin:0px 5px 2px 0px;
  padding: 5px 10px 0px 0px;

    
  cursor:pointer;
  color: #444;
  font-size:14px;
  font-weight: 200;
  
  -webkit-box-shadow: 0 0 2px #999;
  box-shadow: 0 0 2px #999;
  -moz-box-shadow: 0 0 2px #999;
}

#navigator div a{
  color: #444;
  font-size:18px;
  font-weight: 400;
  text-decoration: none;
  
}


#navigator div.itemClassJQ {
    color:#333132;
    background:rgba(255,255,255,0.7);
}

.no-rgba #navigator div.itemClassJQ {

      background:none;
      background-color: white;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
}

#navigator div.lastClickClassJQ {
    color:white;
    background:rgba(51,49,50,0.7);

}

.no-rgba #navigator div.lastClickClassJQ {
      background:none;
      background-color: blue;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
}



 
/* glavni meni css */
#top_meni{
    position: absolute;
    top: 10px;
    right: 50px;
    height: 70px;
}

#top_meni li{
    list-style-type: none;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    **outline:0px solid red; 
}

#top_meni li a{
    display: block;
    width: 101px;
    background: rgba(255,255,255,0.6);
    text-decoration: none;
    color: #25323d;
    font-size: 17px;
    font-weight:400;
    padding: 79px 10px 8px 0px;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    letter-spacing: 0px;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.no-rgba #top_meni li a{
  color:#000;
      background:none;
      background-color: white;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      border:1px solid #666;
}

#top_meni li a:hover{
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  color:white;
  background: rgba(0,0,0,0.8);
}

.no-rgba #top_meni li a:hover{
      color:white;
      background:none;
      background-color: #666;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
}

#top_meni li a.dastMeniAktiv {
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  color:white;
  background: rgba(0,0,0,0.8);
}

.no-rgba #top_meni li a.dastMeniAktiv{
      color:white;
      background:none;
      background-color: #000;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=50);
}

/* glavni meni css */
/* logo zaglavlje */
.logo{
  display: block;
  position: absolute;
  top: 23px;
  left: 15px;
  background: #fff url(../../cms_upload/pages/files/178_logo_lemic.png) no-repeat 70% 50%;
  background-size: 90%;
  width: 196px;
  height: 86px;
  z-index: 1000;
  box-shadow: 0 0 3px #a0a0a0;
  transition: background-color .3s ease-in-out;
  padding: 0 20px;
  display: block;
}

/* logo zaglavlje */
/* meni jezici */
.meni_jezici {
  position: fixed;
  right: 10px;
  top: 10px;
  border: 0px solid red;
  width: 40px;
  height: 111px;
  background: rgba(0,0,0,0.8);
  z-index: 1000;
}

.no-rgba .meni_jezici {
  background:#000;
}

.meni_jezici li{
  list-style-type: none;
}

.meni_jezici li a{
  display: block;
  width: 40px;
  height: 27px;
  text-decoration: none;
  font-size: 11px;
  text-align: center;
  padding-top: 10px;
  color: #fff;
  background: rgba(0,0,0,0.8);
}

.no-rgba .meni_jezici li a{
  background:#000;
}

.meni_jezici li a:hover{
  background-color: #8CD2F4;
  color: rgba(52,53,54,0.8);
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.meni_jezici a.aktivni_jezik{
  background-color: #8CD2F4;
  color: rgba(52,53,54,0.8);
  
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.no-rgba .meni_jezici a.aktivni_jezik {

background: #8CD2F4;
color:#fff;
}

/* meni jezici */
/* dizajn projekti */
.kontejner_01 {
  position: absolute;
  bottom: 0px;
  left: 5%;
  width: 40%;
  height: 65%;
  background: rgba(255,255,255,0.4);
}

.kontejner_02 {
  position: absolute;
  bottom: 8%;
  left: 0;
  width: 40%;
  height: 70%;
  background: rgba(255,255,255,0.4);
}

.no-rgba .kontejner_01, .no-rgba .kontejner_02 {
       background:none;
      background-color: white;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      border:1px solid #666;
  
}

.kontejner {
  position: absolute;
  bottom: 16%;
  left: 7%;
  height: 60%;
  border:0px solid red;
  width: 33%;
}

hgroup {
  text-align: left;
  padding-bottom: 5px;
}

.kontejner h1{
  font-size: 45px;
  margin-top: 5px;
  *background-color: rgba(255,255,255,.3);
  padding: 8px 8px 0px 0px;
}

.kontejner h2{
  font-size: 20px;
  margin-bottom:10px;
}

.kontejner p{
  font-size: 14px;
  margin-bottom:10px;
  text-shadow: 0 1px #ccc;
}

.kontejner li{
  font-size: 14px;
  margin-bottom:5px;
  text-shadow: 0 1px #ccc;
  list-style-position: inside;
  list-style-type: none;
  padding: 0px 3px 4px 15px;
  background: url(../../site_images/icons/lista_strelica_siva.png) no-repeat 0% 30%;
}

.buttons {
  bottom:0px;
}

.buttons a{
  height: 30px;
  width: 50px;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  display: block;
  background: #333132;
  text-decoration: none;
  color: #8CD2F4;
  font-size: 11px;
  padding: 25px 5px 0px 0px;
  text-align: right;
  box-shadow: 0 0 3px #666;
  -webkit-box-shadow: 0 0 3px #666;
  -moz-box-shadow: 0 0 3px #666;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.buttons a:hover{
  background: #8CD2F4;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  color: #333132;
}

/* dizajn projekti */
/* novosti pocetna */
.novosti {
  position: absolute;
  right: 10px;
  bottom: 0px;
}


#novosti_box{
    background-color:red;
    position:relative;
    z-index=-30;
   
}

#novosti_box a{
    display:block;
    position:absolute;
      
    height:140px;
    width:200px;
    
    background: rgba(255,255,255,0.3);
    border:1px solid #fff;
    padding: 4px 0px 4px 10px;
    margin: -60px -30px;
     
    font-size: 26px;
    color:#000;
    text-transform:uppercase;
    letter-spacing:1px;
    
    -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.no-rgba #novosti_box a {
      background:none;
      background-color: white;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
      filter: alpha(opacity=50);
} 

#novosti_box a:hover{
  background: rgba(0,0,0,0.4);
  color: #fff;
}

.no-rgba #novosti_box a:hover {
  background: url(../../site_images/struktura/bgnd_topmeni_over.png) repeat; 
} 

.slide  {
  background: rgba(255,255,255,0.3);
   padding:10px;
   border:1px solid #fff;
   margin-bottom: 10px;

}

.slide ul li {
  list-style-type: none;
  float: left;
  margin-left: 10px;
  
}

.slide ul li:last-child {
  margin-right: 1px;
  
}

.slide ul li a{
  display: block;
  width: 300px;
  height: 290px;

  background:#ccc; 

  text-decoration: none;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;

}

.slide ul li a:hover{
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  color:white;
  background:rgba(51,49,50,0.4);

}
.slide ul li a img{
  width:100%;
  height: 110px

}
.slide ul li a h2{

  font-size: 14px;
  text-transform: uppercase;
  padding: 0px 5px 3px 8px;
  border-bottom: 1px solid #4e4e4e;

}

.slide ul li a p{

  font-size:12px;
  padding: 0px 5px 0px 8px; 
}

/* novosti pocetna */
/* slideNews */
.slide ul li.gotoNews a{
    width:70px;
  font-size:120px;
  text-align: center;
  color: #666;
  font-family: 'Advent Pro', sans-serif;
  background:rgba(255,255,255,0.7) url(../../site_images/icons/arrow-right.png) no-repeat 50% 50%;
}

.no-rgba .gotoNews a{
  background-color:#ccc;
  background:url(../../site_images/icons/arrow-right.png) no-repeat 50% 50%;
  border: 1px solid #666;

}

.slide ul li.gotoNews a:hover{

  background:rgba(51,49,50,0.4) url(../../site_images/icons/arrow-right.png) no-repeat 50% 50%;
}

/* slideNews */
/* novosti izlistano */
.novosti_lista ul li {
  list-style-type: none;
  float: left;
  margin-right: 1px ;
  margin-bottom: 1px;
}

.novosti_lista ul li a{
  display: block;
  width: 200px;
  height: 300px;
  padding: 10px;
  text-decoration: none;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  color:white;
  background:rgba(51,49,50,0.2);
}

.novosti_lista ul li a img{
  width: 200px;
  height: 120px;
}

.novosti_lista ul li a:hover{
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  color:white;
  background:rgba(51,49,50,0.7);
}

/* novosti izlistano */
/* dugme o projektu */
.oprojektu {
  position: absolute;
  bottom: 6px;
  color: #fff;
  background-color: #000;
  text-decoration: none;
  padding: 5px ;
  margin-top: 20px;
  float: left;
}

.oprojektu:hover {
  background: rgba(255,255,255,0.8);
  color:rgba(0,0,0,1);
  text-decoration: none;
}

/* iz fajla projects.cc koji je izbacen */
.slidePageCnt {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

#lista_projekata_cnt{
  position: absolute;
  display: none;
  right:60px;
  top: 121px;
  width:400px;
  height:400px;
  background: rgba(0,0,0,0.6);
  z-index: 1000;
  cursor: pointer;
  color: #fff;
  overflow:hidden;
}

#lista_projekata_cnt ul{
  margin-left: 10px;
}

#lista_projekata_cnt ul li{
  list-style-type: none;
  padding: 4px;
  border-bottom: 1px dotted #8c8c8c;
    background: url(../../site_images/icons/lista_strelica_siva.png) no-repeat 0% 30%;
  -webkit-transition: background-color .3s ease-in;
  -moz-transition: background-color .3s ease-in;
  -ms-transition: background-color .3s ease-in;
  -o-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
}

#lista_projekata_cnt ul li a{
  display: block;
  color:#fff;
  text-decoration: none;
}

#lista_projekata_cnt ul li:hover{
  background: rgba(255,255,255,0.6);
  -webkit-transition: background-color .3s ease-in;
  -moz-transition: background-color .3s ease-in;
  -ms-transition: background-color .3s ease-in;
  -o-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
}

#lista_projekata_cnt ul li a h3{
  color:#fff;
  font-size: 16px;
  font-weight: 400;
}

#lista_projekata_cnt ul li a p{
  color:#fff;
  font-size: 12px;
}

.markiraj_projekat{
  background: rgba(255,255,255,0.6);
}

.kontakti {
   float:left;
   padding-right:10px;
   height:100%;
}

/* fade in text pocetna */
  .text-fadein {
    position: absolute;
    top: 150px;
    width: 100%;
    height: 100%;
    margin:0px;
    padding:0px;
  }
  
.floating-text {
    position: absolute;
    left:0px;
    color: rgba(0,0,0,0.4);
    opacity: 0; 
    font-size: 60px; 
    z-index: 10;
    font-weight: 600; 
    letter-spacing: 1px;
}

.floating-subtext {
    top: 80px;
    left:50px;
    position: absolute;
    color: rgba(0,0,0,0.6);
    opacity: 0; 
    font-size: 60px; 
    z-index: 10;
    font-weight: 400; 
     letter-spacing: 1px;   
}

/* fade in text pocetna end */
/* meni projekti */
.ico_projekata {
  display:block;
    width: 108px; 
    height: 108px;
    border: 1px solid rgba(255,255,255,0.4);
    background: url(../../site_images/struktura/mapa_projekata_ico.png) no-repeat 50% 50%;
    position:absolute;
    right:665px;
    top:10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ico_projekata:hover {
    border: 1px solid rgba(0,0,0,0.3);
    background: url(../../site_images/struktura/mapa_projekata_ico_hover.png) no-repeat 50% 50%;
}

/* meni projekti end*/
/* google mapa */
  .google_mapa{
    position: absolute;
    top:0px;
    right: -100px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .mapa_projekata {
    background: #fff;
  }
  
  .projekti-scroll {
    position:relative;
    bottom:0px;
    width:400px; 
}
  .projekti-scroll ul{
    background:#fff;
    background: rgba(255,255,255,.4);
}
  .projekti-scroll  ul li{
   margin:14px;
    list-style:none;
    }
  
  .projekti-scroll  ul li a{
      background:#008080;
       background: rgba(0,60,60,.9);
       border-bottom: 1px dotted #666;
       padding: 6px;
   
       color: #eee;
  }
    
    .projekti-scroll  ul li a:hover{
      background: rgba(0,128,128,1);
      color: #fff;
      text-decoration: none;

  
  }
  
    
  .projekti-scroll ul li a.active {
      background: rgba(0,0,0,1);
      color: #fff;
      text-decoration: none;
      padding-right: 20px;
      padding-left: 20px;
  }



#projekti-1 h1, #projekti-2 h1, #projekti-3 h1{
    position:fixed; top:10px; left:30px; background:#ccc; padding:4px 16px; display:block; cursor:pointer;
}

#projekti-1 h1{  }
#projekti-2 h1{  left:170px; }
#projekti-3 h1{  left:320px; }


#projekti-1-2, #projekti-2-2, #projekti-3-2  {  
    position:absolute;
    display:none;
    overflow-y:scroll; 
    height:460px;
    top:70px;

}

#projekti-1-2 {
    display:block;
}


/*TAGOVANI PROJEKTI*/
.tagovani_projekti{
    
}
.tagovani_projekti li{
    width:80%;
    float:left;
    border:1px solid #fff;
    background:none;
    height:70px;
}
.tagovani_projekti li img{
    height:70px;
    width:105px;
    display:inline-block;
    float:left;
}
.tagovani_projekti .info a{
display:inline-block;
    color:#333;
    height:25px;
    padding-right:10px;
    font-size:16px;
    
}
.tagovani_projekti .info p{
    color:#333;
    font-size:14px;
    line-height:20px;
    float:right;
    border-left:1px solid #ccc;
}


/* google mapa */

/* DIZAJN STRANICA KOJE IDU KROZ CMS */
#boks_linkovi_cms{    
    width:100%;   
    float: none;
    clear: both;
}

#boks_linkovi_cms a{
    position:relative;
    display:block;
    float:left;
    color:#000;
    border:1px solid #333;
    width:30%;
    height:49px;
    
    padding:9px ;
    margin:2px 0px 3px 5px;
    
    background-color: rgba(255,255,255,0.4);
    text-decoration:none;
    font-size:18px; 
    font-weight:200;    
}

.no-rgba #boks_linkovi_cms a {
  position:relative;
  background: #ddd;
}
.no-rgba #boks_linkovi_cms a:hover {
  background: #ccc;
}


#boks_linkovi_cms a span{
  position:absolute;

    top:0px;
    right:7px;

    display:block;

    vertical-align: top;
    text-align:right;

    width:20px;
    height:50px;

    margin:0px;
    padding:0px;

    font-size:24px;
    color:#333;
    
}

#boks_linkovi_cms a:hover{
    background-color: rgba(0,0,0,0.2);
}

#boks_linkovi_cms a:nth-child(3n+1){
   margin-left:5px;
}
#boks_linkovi_cms a:last-child{
   margin-bottom:5px;
}

/* DIZAJN STRANICA KOJE IDU KROZ CMS */


/* TRACK NAV */
.trackNav {
  height:30px;
  padding:0px;
  margin:0px;
  border-bottom:1px solid #ccc;
}

.trackNav li{
  padding:0px;
  margin:0px;
  display:inline-block;
  *float:left;
  background-position:0% 60%;
}

.trackNav ul li:first-child{
  display:none;
}

.trackNav li a{
font-size: 18px;
    display:block;
    *outline:5px solid red;
    padding:3px 5px 0px 15px;
    
}


/*END TRACK NAV */



/*MEDIA QUERY 1024>width>=700*/
@media screen and (max-width: 1024px), screen and (max-height: 800px) {

  #page .text-fadein {display:none;}
  #P-INDEX {/*ovde slika manja*/}
  .slide ul li a{width: 200px; height: 190px;}
  .slide ul li a p {display:none}
  #top_meni li a{width:90px;  font-size:16px}
  #top_meni li{ margin-right: 6px; width:100px}

}





/*MEDIA QUERY width<700*/

@media screen and (max-width: 600px) {

    #page .slide, #page .text-fadein {display:none;}
  #P-INDEX {background:none; background:#708090;}


  /* glavni meni css */
  #top_meni{ position: absolute; width: 100%; top: 120px; left: 0px; }

  #top_meni li{  float: left;  margin-right: 0px; margin-bottom: 5px; width: 100%; }

  #top_meni li a{ width:auto; color: #25323d; font-size: 17px; padding:12px; text-align:left; }

  .meni_jezici {
      position: fixed;
      right: 10px;
      top: 10px;
      width: 120px;
      height: auto;
  }

  .meni_jezici li a{
      float:left;
      text-align: center;
      padding-top: 10px;
  }



}