/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11.04.2015., 19:15:17
    Author     : Sanel
*/

.wrapper
{
    
}
.header
{
background-color: #177b2a;
    border-radius: 10px;
    float: left;
    height: 110px;
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
}
.content
{
    float: left;
    width: 100%;
}
.menu
{
float: right;
height: 36px;
margin-top: 57px;
width: auto;
}
.logo
{
    background-color: #d6efca;
border-radius: 59px;
float: left;
height: 117px;
margin-left: 10px;
margin-top: 10px;
padding: 15px;
position: relative;
}
.logo img
{
    
}
.menu ul
{
    
}
.menu ul li
{
    float: left;
    list-style: outside none none;
}
.menu ul li a
{
    background-color: #9ed5aa;
    padding: 10px;
    color: white;
}
.menu ul li a:hover
{
    background-color: #9ed5aa;
    color: #e0dbdb;
    padding: 10px;
    text-decoration: none;
}
.mapa_problema
{
    background-color: #e5e3df;
    overflow: hidden;
    position: relative;
    width: 450px;
    height: 450px;
}
.pager
{
    float: left;
    width: 100%;
}
.pagenumb
{
background-color: #dedede;
border-radius: 7px;
box-shadow: 0 0 2px 0;
color: #377d34;
cursor: pointer;
float: left;
margin-right: 3px;
padding: 5px 10px;
}

.kostur_problema
{
background-color: #dadada;
border: medium solid #c4c4c4;
float: left;
margin-top: 10px;
padding: 10px;
width: 33%;
} 
.kostur_problema .id_problema
{
    background-color: #c3d7c3;
color: #4a8849;
float: left;
font-family: arial;
font-size: 19px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
width: 100%;
}
.kostur_problema .info_problema
{
    float: left;
    margin-top: 10px;
    width: 100%;
}
.kostur_problema .info_problema .podatak
{
    color: #139511;
float: left;
width: 100%;
} 
.kostur_problema .info_problema .podatak .parametar
{
    float: left;
}

.kostur_problema .info_problema .podatak .vrijednost
{
    float: right;
}
.kostur_problema.kos1
{
    
}
.kostur_problema.kos2
{
    margin-left: 7px;
}
.kostur_problema.kos3
{
    float: right;
}
.kostur_problema .slika_problema
{
float: left;
height: 100%;
max-height: 205px;
max-width: 200px;
overflow: auto;
text-align: center;
width: 100%;
}
.kostur_problema .slika_problema img
{
float: none;
margin-left: auto;
margin-right: auto;
width: 200%;
    
}
.kostur_problema.admin
{
   float: left;
    width: 100%; 
}
.kostur_problema.admin .slika_problema
{
float: left;
height: 100%;
max-height: 310px;
max-width: 271px;
overflow: auto;
text-align: center;
width: 100%;
}
.kostur_problema.admin .info_problema
{
float: left;
margin-left: 10px;
margin-top: 0;
max-width: 315px;
width: 100%;
}
.kostur_problema.admin .info_problema .podatak
{
background-color: #ddddef;
color: #139511;
float: left;
margin-bottom: 10px;
padding: 5px 10px;
width: 100%;
}
.kostur_problema.admin .note_problema
{
    float: left;
margin-left: 10px;
max-width: 355px;
width: 100%;
    
}
.kostur_problema.admin .note_problema .podatak
{
   background-color: #ddddef;
color: #139511;
float: left;
margin-bottom: 10px;
padding: 5px 10px;
width: 100%; 
}
.kostur_problema.admin .note_problema .podatak textArea
{
    height: 90px;
    width: 100%;
}
.kostur_problema.admin .note_problema .podatak span
{
    background-color: #ccd6e1;
float: left;
margin-left: 10px;
padding: 5px;
}
.kostur_problema.admin .opis_problema
{
    float: left;
    max-width: 215px;
    width: 100%;
    
}
.kostur_problem_pri_izmjeni
{
    float: left;
    width: 100%;
}
.kostur_problem_pri_izmjeni .slika_problema
{
    float: left;
    height: 100%;
    max-height: 400px;
    max-width: 545px;
    overflow: hidden;
    width: 545px;
}
.kostur_problem_pri_izmjeni .slika_problema img
{
    
}
.kostur_problem_pri_izmjeni .set_long_lat
{
   float: left;
    margin-top: 10px;
    width: 100%;
}
.kostur_problem_pri_izmjeni .opis_i_note
{
    float: left;
    margin-top: 10px;
    width: 1090px;
}
.kostur_problem_pri_izmjeni .opis_i_note .note
{
    float: left;
    width: 540px;
}
.kostur_problem_pri_izmjeni .opis_i_note .opis
{
    float: right;
    width: 540px;
}
.kostur_problem_pri_izmjeni .opis_i_note .skriveno
{
    float: right;
    width: 100%;
}
.kostur_problem_pri_izmjeni .opis_i_note .note textarea
{
    height: 100px;
    width: 100%;
}
.kostur_problem_pri_izmjeni .opis_i_note .opis textarea
{
    height: 100px;
    width: 100%;
}
.kostur_problem_pri_izmjeni .opis_i_note .skriveno textarea
{
    height: 100px;
    width: 100%;
}
.kostur_problem_pri_izmjeni .datumi
{
    float: left;
margin-top: 10px;
width: 100%;
}
.kostur_problem_pri_izmjeni .sacuvaj_izmjene
{
float: left;
margin-top: 10px;
width: 1090px;
}
.kostur_problem_pri_izmjeni .sacuvaj_izmjene input
{
    float:right;
}
.footer
{
    background-color: #177b2a;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
color: white;
float: left;
margin-bottom: 20px;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
width: 100%;
}
.prijava_site_kostur
{
    float: left;
    width: 100%;
}
.prijava_site_kostur .slika_site_prijava
{
float: left;
height: 450px;
margin-left: 0;
margin-top: 10px;
max-height: 350px;
max-width: 615px;
overflow: auto;
width: 615px;
}
.prijava_site_kostur .slika_site_prijava img
{
    width: 110%;
}
.prijava_site_kostur .slika_site_prijava.mapa
{
    float: right;
max-width: 700px;
width: 692px;
}
.prijava_site_kostur .info_i_opis
{
    float: left;
    width: 100%;
}
.prijava_site_kostur .info_i_opis .info
{
    float: left;
    width: 615px;
}
.prijava_site_kostur .info_i_opis .opis
{
    float: left;
    width: 615px;
    margin-left:10px;
}

.site_blogovi
{
    float: left;
    width: 100%;
}
.site_blogovi .kostur_blog
{
background-color: #eaeaea;
float: left;
height: 100%;
margin-top: 10px;
max-height: 310px;
max-width: 24%;
overflow: hidden;
padding: 10px;
width: 100%;
}
.site_blogovi .kostur_blog.kost1
{
    
}

.site_blogovi .kostur_blog.kost2
{
    margin-left: 1%;
}
.site_blogovi .kostur_blog.kost3
{
    float: left;
margin-left: 2%;
}
.site_blogovi .kostur_blog.kost4
{
    float: right;
}
.site_blogovi .kostur_blog .naslov_bloga
{
    
}
.site_blogovi .kostur_blog .naslov_bloga
{
    background-color: #d0e0d3;
color: #095617;
font-size: 18px;
padding: 5px;
text-align: center;
text-decoration: none;
}
.site_blogovi .kostur_blog .naslov_bloga h1
{
    
}
.site_blogovi .kostur_blog .slika_bloga
{
    float: left;
height: 100%;
max-height: 115px;
max-width: 100%;
overflow: hidden;
width: 100%;
}
.site_blogovi .kostur_blog .slika_bloga img
{
    width: 100%;
}
.site_blogovi .kostur_blog .kratki_opis
{
float: left;
    font-size: 12px;
    height: 100%;
    margin-top: 10px;
    max-height: 101px;
    max-width: 100%;
    text-align: justify;
}
.site_blogovi .kostur_blog .read_more
{
    float: left;
    width: 100%;
}
.site_blogovi .kostur_blog .read_more a
{
    background-color: #265f14;
border-radius: 9px;
color: #ffffff;
float: left;
margin-bottom: 10px;
padding: 5px;
text-align: center;
width: 100%;
}
.site_blogovi .kostur_blog .read_more a:hover
{
    text-decoration: none;
}
.site_single_blog
{
    background-color: #ffffff;
float: none;
margin: 10px auto;
max-width: 815px;
padding: 10px;
width: 100%;
}
.site_single_blog .naslov
{
    float: left;
font-size: 24px;
padding-bottom: 5px;
padding-top: 10px;
text-align: center;
width: 100%;
color: #218F20;
}
.site_single_blog .facebook
{
    
}
.site_single_blog .image
{
  float: left;
height: 100%;
max-height: 275px;
overflow: hidden;
width: 100%;
text-align: center;
}
.site_single_blog .image img
{
    float: none;
margin-left: auto;
max-width: 500px;
width: 100%;
}
.site_single_blog .blog_post
{
    float: left;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
max-width: 100%;
text-align: justify;
width: 100%;
}
.site_single_blog .blog_post p
{
    float: none;
margin-left: auto;
margin-right: auto;
max-width: 650px;
text-align: justify;
width: 100%;
}
.site_single_blog .facebook_komentar
{
    
}
.slider
{
    float: left;
    width: 100%;
}
.slider .rslides {
  float: none;
list-style: outside none none;
margin: 10px auto 0;
max-width: 850px;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
  }

.slider .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.slider .rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.slider .rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_nav.prev
{
    margin-left: 215px;
}
.rslides_nav.next
{
    margin-right: 215px;
}
.slider_in
{
    background-color: #d5ebce;
float: none;
margin-left: auto;
margin-right: auto;
max-height: 395px;
max-width: 100%;
padding: 15px;
width: 100%;
}
.zadnje_prijave
{
float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}
.zadnje_prijave .image
{
    float: left;
max-height: 140px;
max-width: 100%;
overflow: hidden;
}
.zadnje_prijave .image img
{
    
}
.zadnje_prijave .id_problema
{
    float: left;
}
.zadnje_prijave .id_problema p
{
    
}
.zadnje_prijave .problem
{
    background-color: #c8ddc8;
float: left;
margin-left: 1%;
max-width: 153px;
padding: 10px;
}
.zadnje_prijave .problem.prob8
{
    float: left;
}
.zadnje_prijave .problem.prob1
{
    margin-left:0;
}
.mapping
{
    background-color: #e5e3df;
    float: left;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 850px;
}
.mapping.naslovna
{
background-color: #e5e3df;
    float: none;
    height: 502px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px !important;
    overflow: hidden;
    position: relative !important;
    width: 803px;
}
.prezentacija
{
    float: right;
    margin-top: 10px;
}
.kartaout
{
    background: none repeat scroll 0 0 #caeac9;
float: left;
padding: 10px;
width: 100%;
}
.karta
{
    float: none;
margin: 10px auto;
max-width: 850px;
overflow: hidden;
width: 100%;
}
.infomap
{
float: left;
    height: auto;
    max-width: 150px;
    width: 100%;
}
.infomap .mapslika
{
float: left;
max-height: 150px;
max-width: 175px;
overflow: hidden;
}
.infomap .mapslika img
{
width:100%;
}

.infomap .infos
{
float: left;
}
.infomap .infos p
{

}
.header .domace
{

}
.header .domace img
{

}
.sacuvaj_izmjene_admin
{
    float: left;
    margin-top: 10px;
    width: 100%;
}
.sacuvaj_izmjene_admin input
{
    background: none repeat scroll 0 0 #cbcbe3;
border: medium none;
border-radius: 14px;
box-shadow: 0 0 7px 1px;
float: right;
padding: 10px;
}
.login
{
    background-color: #d9e1ce;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 350px;
    margin-top: 15px;
    width: 260px;
}
.login .polje
{
    float: left;
margin-bottom: 10px;
width: 100%;
}
.login .polje input
{
    float: right;
}
.slidemap_image
{
    background-color: #cae6c9;
    margin-top: 10px;
    text-align: center;
}