body, h1, h2, h3, h4, h5, h6, p, ul, li, a, img, form, input, textarea {margin:0; padding:0;}
img, textarea {border:none;}
a {text-decoration:none;}
.clear {clear:both;}
* { padding: 0; margin: 0; }
ul,li{list-style-type: none;}
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */	
	background: url(images/bg2.jpg);
	color:olive;	
	font-family:arial,sans-serif;
	font-size:14px;	
}

h1 { font:50px georgia,serif;	margin:0 10px 0 0px;text-align: right;}
h2 {font:26px georgia,serif;	margin:0 0 0 10px;}
h1, h2, a {	color:orange;}
p {	line-height:20px;margin: 10px 20px;}

div#wrapper {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
    width:940px;
    background: url(images/bgtrr.jpg);
    border-left:4px solid #222;
    border-right:4px solid #222;
}
div#wrapper2 {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	
    width:940px;height: 2475px!important;height: 1920px;
	/*background: #999;*/
    background: url(images/bgtrr.jpg);
    border-left:4px solid #222;
    border-right:4px solid #222;
}
div#header {
	padding:10px;
	background: url(images/header_m.jpg);
	border-bottom:4px double orange;
    height: 235px;  
  
}
#htext{
    float: right;
    margin:130px 0px 0px 000px;
}
div#header p {
    font-style:italic;
    font-family:comic sans ms,georgia,serif;
    font-size:34px;
    line-height: 35px;
    margin:0px 150px 10px 10px;
    text-align: right;	
    }
div#logo{
    background: url(images/lg.png)!important;
    background: url(images/lg_ie6.png);
    /*height: 64px;
    width: 490px;
    margin: 175px 0px 0px 100px!important;
    margin: 175px 0px 0px 50px;*/
    height: 96px;
    width: 547px;
    margin-top: 130px;
    margin-left: -40px;
    float: left;
   
}	
div#content {
	padding:10px 10px 20px; /* bottom padding for footer */
    border-top:2px solid #222;
}
div#content_b {
	padding:0px 0px 0px 0px; /* bottom padding for footer */
    border-top:2px solid #222;
}
div#content_left{
    float: left;
    width: 155px;
    height: 2150px!important;height: 2180px;
    background: url(images/bg2.jpg);
}
div.baner{
    margin: 15px 15px 8px 15px;
    }
div#content_right{
    width: 781px;
    float: left;
    border-left:4px solid #222;
}
div#content p {
    text-align:justify;	
    padding:0 15px;	
    }
div.background
  {
  text-align:justify;
  position:center center;
  background: url(images/bg2.jpg);
  border: 2px solid orange;
  padding:20px;
  margin: 0 auto;
  margin-top: 5px;
  width: 840px;
  }
div.background_b_l{
  text-align:center;
  float: left;
  background: url(images/bg2.jpg);
  border: 2px solid orange;
  padding:20px;
  margin: 15px 15px 15px 15px!important;margin: 15px 15px 15px 9px;
  
  width: 260px; height: 305px;
}  
div.background_b_r{
   text-align:center;
  float: right;
  background: url(images/bg2.jpg);
  border: 2px solid orange;
  padding:20px;
  margin: 15px 15px 15px 0px!important;margin: -368px 8px 15px 0px;
   width: 385px; height: 305px;
} 
 div.background_b_l p{margin-top: 12px;}
div.transbox{
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: url(images/bgtrr.jpg);
  border: 2px solid olive;
  font-weight: bold;
  color: #000000;
  }

a.transbox{
    color: #000000;
    text-decoration: underline;

}

div#footer,div#footer2 {
	position:absolute;
	width:940px;
    height: 20px;
	bottom:0; /* stick to bottom */
	background: url(images/bg4a.jpg);
	border-top:4px double orange;
}
div#footer p {	padding:10px;	margin:0;	}


div#nav{
  width:940px;
  height:40px;
  background: url(images/bg4a.jpg);
  font-family:comic sans ms,arial;
  font-size:16px;
  text-align: center;
  border-bottom:4px double orange; 
  }

ul#navigation{
  list-style-type: none;
  display: inline; 
  width:940px;
  height:40px;
  text-align: center; 
  }

#navigation li{
  list-style-type: none;
  float: left;
  width:120px;
  height: 40px;
  margin: 0px 30px!important;
  margin: 0px 10px;
 /** margin: 0px 75px!important;
  margin: 0px 55px; bez info stranom**/
  margin-top: -7px!important;
  margin-top: -3px;           
  }
#navigation li:hover{
  color:#b58347;
  height: 40px;
  width: 120px;
  text-decoration:none;
  color:#ede6d6; 
  }
  
#navigation li.activ{
  color:#b58347;
  height: 40px;
  width: 120px;
  text-decoration:none;  
  }
  
li a{
  color:#df2020;
  height: 40px;
  width: 160px;
  text-decoration:none;
  font-weight: bold;
  display:block;
  padding:17px 0px 0px 0px;
  white-space:nowrap;
  text-align: center; 
  }

li a:hover{
  color:#d48507;
  height: 40px;
  width: 160px;
  text-decoration:none;
  }
  
li a.activ{ 
  color:#e7c505;
  height: 40px;
  width: 160px;
  text-decoration:none;  
  }

div#bendovi{
  padding:20px;
  padding-top: 10px;
  margin: 0 auto;
  position:center center;
  height: 100%!important;
  min-height: 800px;
  height: auto;
  width: 740px; 
  text-align: center;
}
.bend{
   float: left;
   display: inline; 
   width: 236px!important;
   width: 244px;
   height: 125px;
   margin: 0px 5px!important;
   margin: 0px 0px;
   text-align: center;
}

img{
    
}
span.adresa{
   	line-height:20px;
    width:100% ;
    margin:0 auto;
    padding: 0;
    text-align: center; 
    font-size: 12px; 
    color: black;
    white-space:nowrap;
}

h3{
    color: black;
    font-size: 20px;
    font-weight: bold;
    font-family:comic sans ms,arial;
    margin: 0px 0px 10px 0px;
}

div#banjica_map,div#prnjavor_map{    
    border: 2px solid olive;
    margin: 10px 10px;
    
}
div#prnjavor_map{
    margin-bottom: 20px;
    }


h4{
    margin: 10px 30px 10px 30px;
    font-weight: bold;
    font-size: 18px;
}

p.right{
   font-size: 18px;
   line-height: 35px; 
}

p.left{
  font-style: italic; 
}

span.br{
    font-size: 30px;
    color:#bb0808;
    font-family:comic sans ms,arial;
}
span.pr{
    font-size: 24px;
    margin-right: 10px;
    color:#bb0808;
    font-family:comic sans ms,arial;
}
hr{
    color:#468600;
    margin: 30px 30px 30px 30px!important;
    margin:  15px 30px 15px 30px;
    height: 2px;
    }
ul .kontakt{
    margin: 10px 50px 10px 50px;
}
ul .kontakt li{
    list-style: none;
    line-height: 22px;
}
p.info{margin-top: 0;}
p.info_r{margin-top: -165px;margin-right:230px!important;margin-right:180px;float: right;}
h5{
    margin: 10px 30px 0px 30px;
    font-weight: bold;
    font-size: 18px;
}

p.sitna{font-size: 12px;font-weight: bold;}

div#bendvi{
  padding:20px;
  padding-top: 10px;
  margin: 0 auto;
  position:center center;
  height: 470px!important;height: 400px;
  width: 740px; 
  text-align: center;
}

div#raspored_25{
    float: left;
    width: 300px;text-align: left;
    height: 420px;
    background: url(images/bg2.jpg);border: 2px solid orange;
  padding:20px;
}
div#raspored_26{
    width: 300px;
    float: right;
   text-align: left;
    height: 420px;
    background: url(images/bg2.jpg);border: 2px solid orange;
  padding:20px;
}
ol{margin: 0px 0px 0px 30px;}
h6{
    margin: 10px 15px 0px 15px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}
div#raspored_25 p,div#raspored_26 p{
    text-align: center;text-decoration: underline;
}