/*
--------------------------------------------------------------------------------------------
1. DEFAULT ELEMENTI
--------------------------------------------------------------------------------------------
*/
html, body, div, span, form, img, label, table, tr, td, p, hr, h1, h2, h3, h4, h5, ul, li, dl, dt, dd{ 
  margin: 0;
  padding: 0;
  border: none;
}
body{
  color: #000;
  background-color: #ebebeb;
  font-family: Arial, Verdana, Georgia, 'Trebuchet MS', 'Times New Roman';
  font-size: 12px;
  line-height: 1.7em;
}

h1{
  color: #000;
  font-size: 1.6em;
  font-weight: bold;
  padding-bottom: 8px;
  line-height: 1.4em;
}
h1.link{
  display: inline;
  font-size: 1.0em;
  font-weight: normal;
  padding: 0;
}
h1.link_big{
  display: inline;
  font-size: 1.5em;
  font-weight: normal;
  padding: 0;
}
h1.title{
  font-size: 1.4em;
  font-weight: normal;
  padding-bottom: 5px;
  line-height: 1.0em;
}
h2{
  color: #808080;
  font-size: 0.9em;
  font-weight: normal;
  padding-bottom: 12px;
}
h3{
  color: #000;
  font-size: 1.5em;
  font-weight: normal;
  padding: 4px 0 6px;
}

a{
  color: #0000EE;
}
a:visited{
  color: #800080;
}
a:focus{
  color: #ED3500;
}

big{font-size:1.2em}
small{font-size:0.9em}

em{
  color: #079121;
  font-style: normal;
}
span{
  color: #808080;
  font-size: 0.9em;
}

p{padding-bottom:15px;line-height:1.7em}
.padding_none{padding:0}
.padding_small{padding-bottom:8px}
.padding_big{padding-bottom:25px}
.justify{text-align:justify;padding-bottom:15px}

ul{list-style-image:none;list-style:none}
#main ul{list-style-type:circle;padding:0 0 18px 40px}
#main ul li{padding:2px 0}

.clear{clear:both;width:100%;height:1px}



/*
-------------------------------------------------------------------------------------------
2. STRUKTURA STRANICE - WRAPPERI I CONTAINERI
-------------------------------------------------------------------------------------------
*/
#container{
  width: 540px;
  background-color: #fff;
  margin: 0 auto;
  padding: 0 30px 5px;
}




/*
-------------------------------------------------------------------------------------------
3. HEADER STRANICE
-------------------------------------------------------------------------------------------
*/
#header{
  padding: 20px 0 15px;
}
#header h1{padding:0}
#header h1 a{
  display: block;
  width: 200px;
  height: 60px;
  background: url('../images/udarno_logotip.gif') no-repeat;
  text-indent: -9999px;
}
#header h2{
  font-size: 1.0em;
  color: #808080;
  text-align: right;
  text-transform: lowercase;
  padding-right: 353px;
}






/*
-------------------------------------------------------------------------------------------
4. SREDINA STRANICE - MAIN, CONTENT
-------------------------------------------------------------------------------------------
*/





/*
-------------------------------------------------------------------------------------------
5. DESNI STUPAC - COLUMN, NAVIGATION
-------------------------------------------------------------------------------------------
*/






/*
-------------------------------------------------------------------------------------------
6. FOOTER
-------------------------------------------------------------------------------------------
*/
#footer{
  padding-top: 15px;
  text-align: center;
  word-spacing: 3px;
}






/*
-------------------------------------------------------------------------------------------
7.1. OSTALI ELEMENTI STRANICE - TEXT, BUTTON...
-------------------------------------------------------------------------------------------
*/
.text{
  font-size: 1.3em;
  padding: 5px 6px;
}
.button{
  font-size: 1.3em;
  padding: 3px 10px;
  cursor: pointer;
}



/*
-------------------------------------------------------------------------------------------
7.2. OSTALI ELEMENTI STRANICE - PORUKE
-------------------------------------------------------------------------------------------
*/
p.ok{
  color: #000;
  background: #e5fcd9 url('../images/icons/message_ok.gif') 10px center no-repeat;
  border: 1px solid #67C058;
  padding: 10px 10px 10px 32px;
  margin-bottom: 18px;
}
p.error{
  color: #000;
  background: #fceae3 url('../images/icons/message_error.gif') 10px center no-repeat;
  border: 1px solid #E3775B;
  padding: 10px 10px 10px 32px;
  margin-bottom: 18px;
}
p.help{
  color: #000;
  background: #e8f1fc url('../images/icons/message_help.gif') 10px center no-repeat;
  border: 1px solid #73A9E3;
  padding: 10px 10px 10px 32px;
  margin-bottom: 18px;
}