@font-face{
  font-family: fontNaslov;
  src: url("fonts/BOOKOSB.TTF");
}
a{
  text-decoration:none;
  color:#000000;
}
body{
  padding:0px;
  margin:0px;
  color:#ffffff;
  font-family: 'PT Sans', sans-serif;
}
#okvirZaglavlje{
  background-image: url("slike/bg.png");
  background-repeat:repeat;
  width:100%;
  
}
#zaglavlje{
  width:1024px;
  height:150px;
  margin-left:auto;
  margin-right:auto;
  /*border:1px solid;*/
}
#zaglavlje ul{
  height:100px;
  float:right;
  margin-top:30px;
}
#zaglavlje ul li{
  float:left;
  display:block;
  height:100px;
  width:80px;
  text-align:center;
  color:#ffffff;
  font-size:16px;
  font-weight:bold;
  line-height:100px;
}
#zaglavlje ul li:hover{
  color:#00abee;
}
#zaglavlje ul li.trenutna{
  color:#00abee;
}
#zaglavlje ul li.vozni{
  width:100px;
}
#zaglavlje ul li.vozniTrenutna{
  width:100px;
  color:#00abee;
}
#logo{
  float:left;
  width:450px;
  height:150px;
  box-sizing:border-box;
}
#logo h1{
  color:white;
  font-family:fontNaslov;
  line-height:80px;
  font-weight:bold;
  font-size:55px;
  letter-spacing:3px;
}
#zaglavlje p{
  float:right;
  text-align:right;
  width:200px;
}
#slike{
  width: 100%;
  //color:#000000;
  //color:#00abee;
}
#slike p{
  background:rgba(24, 24, 24, 0.8);
}
#okvirSadrzaj{
  background:#d9e1e6;
}
#sadrzaj{
  width:1024px;
  height:450px;
  margin-left:auto;
  margin-right:auto;
  /*background-color:#c0c0c0;*/
  box-sizing:border-box;
  padding-right:25px;
  color:#000000;
}
.kolona{
  width:300px;
  height:450px;
  /*border:1px solid;*/
  box-sizing:border-box;
  float:left;
  margin-left:25px;
  text-align:center;
}
.kolona h3{
  text-align:center;
  padding-top:20px;
  padding-bottom:10px;
  font-family: 'PT Sans', sans-serif;
  font-weight:bold;
  font-size:21px;
}
.kolona p{
  text-align: center;
  padding:10px;
  width:300px;
  height:100px;
  box-sizing:border-box;
  display:block;
  overflow:auto;
}
.kolona img{
  margin-left:auto;
  margin-right:auto;
  width:125px;
  height:125px;
}
.kolona img:hover{
  filter: grayscale(80%);
  -moz-filter: grayscale(80%);
  -webkit-filter: grayscale(80%);
}
#okvirPodnozje{
  background-image: url("slike/bg.png");
  background-repeat:repeat;
  width:100%;
  color:#ffffff;
}
#podnozje{
  width:1024px;
  height:150px;
  margin-left:auto;
  margin-right:auto;
  /*background-color:#cccccc;*/
  padding:10px;
  box-sizing:border-box;
  color:#ffffff;
}
#podLijevo{
  float:left;
  width:200px;
  height:150px;
  color:#ffffff;
}
#podCentar{
  float:left;
  height:150px;
  width:638px;
  text-align:center;
  color:#ffffff;
}
#okvirOnama{
  width:100%;
  height:1000px;
  background:#d9e1e6;
}
#onama{
  width:1024px;
  height:1000px;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
  color:#000000;
  text-align:justify;
  font-size:16px;
  font-family: 'Roboto Condensed', sans-serif;
}
#onama h3{
  color:#000000;
  font-size: 28px;
  margin:0px;
  padding-top:20px;
}
#okvirGalerija{
  width:100%;
  height:1700px;
  background:#d9e1e6;
}
#galerija{
  width:1024px;
  height:1700px;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
  color:#000000;
}/*
#galerijaLijevo{
  width:512px;
  height:1000px;
  box-sizing:border-box;
  padding:5px;
  float:left;
}
#galerijaDesno{
  width:512px;
  height:1000px;
  box-sizing:border-box;
  padding:5px;
  float:left;
}*/
#galerija h3{
  color:#000000;
  font-size: 28px;
  margin:0px;
  padding-top:20px;
}
.slikeGalerija{
  width:125px;
  height:125px;
  margin:10px;
}
.slikeOnama{
  width:300px;
  height:250px;
  margin:10px;
  border: 5px solid #ffffff;
}
#okvirKontakt{
  width:100%;
  height:700px;
  background:#d9e1e6;
}
#kontakt{
  width:1024px;
  height:700px;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
  color:#000000;
}
#kontakt_left{
width:470px;
height:700px;
float:left;
padding:10px 20px 0px 20px;
box-sizing:border-box;
-moz-box-sizing:border-box;
font-family: 'Roboto Condensed', sans-serif;
font-size:16px;
}
#kontakt_right{
width:554px;
height:700px;
float:right;
padding:10px 20px 0px 20px;
box-sizing:border-box;
-moz-box-sizing:border-box;
font-size:16px;
font-family: 'Roboto Condensed', sans-serif;
}
#kontakt_left h3, #kontakt_right h3{
color:#000000;
font-size:26px;
font-weight:bold;
}