body {
    background-color:#ffffff;
    margin-left:auto;
    margin-right:auto;
    padding-left:0px;
    padding-right:0px;
     }

    #container {
	width: 980px;
	margin: 0 auto 0 auto;
	text-align:left;
	} 

	#container2 {
	width: 980px;
	height:860px;	
	margin: 0 auto 0 auto;
	text-align:left;
	background-image:url(images/body.png);
	} 
	
	#container3 {
	width: 980px;
	margin: 0 auto 0 auto;
	text-align:left;
	background-image:url(images/body_google.png);
	} 
	
		
	h1 {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  font-size: 14px;
      margin-top:0px;
      margin-bottom:0px;
	  padding-left: 10px;
	  color: #424242;
	  margin-bottom: 0px;


	  }
		
	h2 {
	  font-family: Arial, Helvetica, sans-serif;
 	  padding-left: 0px;
	  padding-top: 0px;
      margin-left:0px;
      margin-top:0px;
      margin-bottom:4px;

	  }

	h3 {
	  font-family: Arial, Helvetica, sans-serif;
      color: #242423;
      width: 200px;
	  height: 50px;
	  font-size: 16px;
	  font-weight:bold;
	  padding-left: 4px;
	  padding-top: 3px;
      margin-left:2px;
      margin-top:0px;
      margin-bottom:0px;
	  background:url(images_orange/menih3.png) no-repeat;
	 }

	h4 {
	  font-family: Arial, Helvetica, sans-serif;
 	  padding-left: 0px;
	  padding-top: 0px;
      margin-left:0px;
      margin-top:0px;
      margin-bottom:4px;
	  } 

		
	a {
	  text-decoration: none;
	  font-weight: bold;
	  color: #eaeaea;
	  padding-left: 5px;
	  }

	a:hover {
  	  font-weight: bold;
	  color: #eaeaea;
	  text-decoration: underline;
	  }

.linki {
font-family:Tahoma, Helvetica, sans-serif; 
font-size:11px; 
}

.linki:hover {
font-family:Tahoma, Helvetica, sans-serif; 
font-size:11px; 
}

.linki2 {
font-family:Tahoma, Helvetica, sans-serif; 
font-size:12px;
float: left;
padding-top: 15px;
padding-right: 0px;
}

.linki3 {
font-family:Tahoma, Helvetica, sans-serif; 
font-size:12px;
float: left;
padding-top: 15px;
padding-left: 0px;
padding-right: 0px;
}

	#header {
	  width: 980px;
	  border: 0px;
	  padding-top: 0px;
	  height:130px;
	  background:url(images/head.png) no-repeat;
	  }

   #head_meni {
	 width: 50px;
	 padding-top: 5px;
	 float: right;
	 }
	  
   #head_clock {

	width: 230px;
	float: right;
	padding-top: 5px;
	}
 
   #head_add {

	padding-left: 370px;
	float: left;
	padding-top: 14px;
	}
  
      #left {
	 padding-left: 3px;
	 padding-top: 0px;
	 width: 200px;
	 float: left;
	 }
	
      #left_google {
	 padding-left: 3px;
	 width: 757px;
	 float: left;
	 }	
  
     #middle {
	 width: 557px;
	 float: left;
	 padding-left: 7px;
	 margin: 0px 9px 0 0;
	 }

	#right {
	width: 197px;
	padding-left: 4px;
	float: left;
	margin: 0px 0px 0 0;
	}
	
	#right_google {
	width: 160px;
	float: right;
	margin: 0px 0 0 0;
	}	

	#help {
	  width: 160px;
	  height: 500px;
	  border: 0px;
      margin-top:0px;
	  padding-left: 0px;
	  margin-bottom:1px;
	  clear: both;
	  background:url(images/help.png) repeat;
	  float: left;
	  }
	

      #oglasi {
	  padding-left: 10px;
	  padding-top: 5px;
	  margin-bottom:1px;

	  }
   
	#sala {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 13px;
	  font-weight:bold;	  
      margin-top:0px;
	  padding-right: 5px;
	  padding-left: 5px;
	  color: #202020;
	  margin-bottom: 0px;


	  }
  /* GOOGLE serch box */ 
    .myButton{
      background:url(images_orange/google_btn.png) no-repeat;
      cursor:pointer;
      width: 150px;
      height: 30px;
      border: none;
	  outline: none;
      }
  
     input.first, textarea.first, select.first {
      border : 1px solid Black;
      background-color : #ffffff;
      color : #0E1930;
      font-size : 15px;
      font-family : Arial, Helvetica, sans-serif;
      height: 1.6em;
      } 
	  

	 #sidebar_footer {
	  width: 230px;
	  font-family : Arial, Helvetica, sans-serif;		  
	  font-size : 12px;	  
	  padding-left: 5px;
	  padding-right: 0px;
	  padding-top: 10px;
	  float: right;
	  }	  
	  
	
	#footer {  
	  width: 980px;
	  color: #eaeaea;
	  border: 0px;
	  padding-top: 30px;
	  clear: both;
	  background:url(images/footer.png) no-repeat;
	  height:233px;
	  }	 

	#footerl {  
	  width: 700px;
	 font-size : 12px;
	 font-family : Arial, Helvetica, sans-serif;
	  color: #eaeaea;
	  padding-top: 50px;
	  padding-left: 15px;
	  float: left;
	  }	
	  
	#footerr {  
	  width: 100px;
	  font-size : 10px;
	  font-family : Arial, Helvetica, sans-serif;	  
	  color: #eaeaea;
	  padding-top: 40px;
      margin-left: 700px;
	  float: right;
	  }	  	  
	  
a.tooltipl {
position:relative;
text-decoration: none;
}

a.tooltipl span {
display: none;
}

a.tooltipl:hover span {
display:block;
z-index: 1;
position:absolute;
top:-15px;  
left:120px;
padding-right: 3px;
width:150px;
height:60px;
border:2px solid #e7f700;
background-color:#fcfbfb;
color:#323131;
font: normal 0.8em/1.1em arial;
font-weight: bold;
text-align: left;
}

a.tooltipm {
position:relative;
text-decoration: none;
}

a.tooltipm span {
display: none;
}

a.tooltipm:hover span {
display:block;
position:absolute;
z-index: 1;
top:-15px;  
left:100px;
padding: 3px 5px;
width:160px;
height:50px;
border:3px solid #008ff8;
background-color:#fcfbfb;
color:#323131;
font: normal 0.9em/1.2em arial, helvetica, sans-serif;
font-weight: bold;
text-align: left;
}

a.tooltipr {
position:relative;
text-decoration: none;
}

a.tooltipr span {
display: none;
}

a.tooltipr:hover span {
display:block;
z-index: 100;
position:absolute;
top:-15px;  
left:-185px;
padding: 3px 5px;
width:150px;
height:50px;
border:2px solid #e7f700;
background-color:#fcfbfb;
color:#1f1f1f;
font: normal 0.9em/1.2em arial, helvetica, sans-serif;
font-weight: bold;
text-align: left;
}

a.tooltiptop {
position:relative;
text-decoration: none;
}

a.tooltiptop span {
display: none;
}

a.tooltiptop:hover span {
display:block;
z-index: 50;
position:absolute;
top:50px;  
left:-130px;
padding: 3px 5px;
width:150px;
height:70px;
border:4px solid #2838a9;
background-color:#1f1f1f;
filter:alpha(opacity=80);
opacity:0.8;
color:#ffffff;
font: normal 0.9em/1.2em arial, helvetica, sans-serif;
font-weight: bold;
text-align: left;
}