img, div, li, a { 
   behavior: url('http://www.tolongin.com/css/iepngfix.htc') 
}


img{
  border:0;
}

body {
  
   background:#daeaff url(../images/bg-blue.jpg) top center no-repeat;
   
     
   font-family:verdana, arial, sans-serif;
   font-size:10pt;
}

.wrapper{
width : 1000px ;
text-align : left ;
margin-left : auto ;
margin-right : auto ;
position : relative ;
}


/* awal css header */

div.header #logo{
  position:absolute;
  left:102px; 
  top:13px;
}

div.header #smile-sedih{
  position:absolute;
  background:url(../images/smile-sedih.png) top center no-repeat;
  left:0px; 
  top:8px;
  width:128px;
  height:103px;
}

div.header #smile-happy{
  position:absolute;
  background:url(../images/smile-happy.png) top center no-repeat;
  left:450px; 
  top:8px;
  width:128px;
  height:103px;
}


div.header .menu{
	height: 30px;
	position: absolute;
	top: 85px;
	left: 408px;
	width: 580px;
	text-align:right;
}

div.header .menu img{
	opacity:0.7;
}


div.header .menu img:hover{
	opacity: 1.0;
}

div.header .menu img{
  margin-left:10px;
}


/* awal main content */
div.main-content{
   position:absolute;
   width:980px;
   height:830px;
   left:20px;
   top:115px;
   
}

div.main-content .content-information{
   position:absolute;
   top:0px;
   left:0px;
   width:99%;
   height:1500px;
   background:#fff;
}

.box-filter{
   position:absolute;
   left:0px;
   top:0px;
   width:190px;
   height:100%;
   background:#f4f3f3;
}

.box-filter h1{
   margin-top:8px;
   margin-bottom:7px;
   padding-left:8px;
   padding-right:5px;
   font-family:arial verdana;
   font-size:13pt;
   color:#7c7f7a;
   
}

.box-filter h2{
   margin-top:8px;
   margin-bottom:0px;
   padding-left:8px;
   padding-right:2px;
   font-family:arial verdana;
   font-size:11pt;
   color:#545563;
}

.box-filter #pilihan-filter-surabaya{
   padding-left:8px;
   padding-right:5px;
}

.box-filter #pilihan-filter-makanan{
   padding-left:8px;
   padding-right:5px;
}

.box-filter input{
   height:12px;
}

.cekbox{
   font-size:9pt;
   color:#333333;
}


.box-filter hr {
   margin-top:0px;
   margin-bottom:0px;
   border-color:#fbfff8;
}

.box-isi-makanan{
   position:absolute;
   left:190px;
   top:0px;
   width:520px;
   height:100%;
   padding-left:20px;
   padding-top:20px;
}

.box-sponsor{   
   position:absolute;
   left:730px;
   top:20px;
   width:230px;
   height:600px;
   border-left:1px solid #b6c6e3;
   padding-left:10px;
}

.tempat-makan{
   width:500px;
   padding-bottom:2px;
   margin-bottom:15px;
   border-bottom:1px solid; 
   font-size:8pt;
   color:#333333;

}

.alamat-tempat, .telepon-tempat, .buka-tempat{
   font-size:8pt;
   color:#333333;
}

.poto-tempat-makan{
  position:absolute;
  top:0px;
  right:0px;
  float:right;  
  
}

a, .foto-tempat{
   cursor:pointer;
}

.link-makan{
  position:relative;
  bottom:0px;
  width:100%;
  margin-bottom:0px;
  text-align:right;
  color:red;
}


.tempat-menu, .tempat-peta, .tempat-pesan{
  color:red;
  text-decoration:none;
}

.menu-loading{
   background:#fff1a8;
   float:left;
   text-align:left;
   font-size:12pt;
   font-weight:bold;
   color:#000000;
   font-family:verdana tahoma arial;
   display:none;
   
   
}

.nama-tempat{
   font-size:14px;
   font-weight:bold;
   color:#005a8c;
   
}


 .kategori-tempat{
   font-weight:bold;
   font-size:8pt;
   color:#7f4c11;
}

 .daftar-menu{
   padding-top:0px;   
}

.menu-item{
   width:130px;
   height:50px;
   overflow-x:auto;
}

#peta-wrapper{
   display:none;
   position:absolute;
   top:100px;
   left:100px;
   width:420px;
   height:350px;
   border:1px solid #446ea4;
   z-index:99999;
   background:white;
   
}

#peta-tombol{
  margin-top:2px;
  position:absolute;
  right:5px;
}

.close-peta{
   font-weight:bold;
   margin-top:2px;
   text-decoration:none;
}

#peta{
   display:none;
   position:absolute;
   top:30px;
   left:10px;   
   width:400px;
   height:300px;
   z-index:99999;
}

#gambar-warung-wrapper{
	position:absolute; 
	top:200px; 
	left:200px; 
	z-index:90000;
	display:none;
	background:white;
	border:6px solid #0a4a99;
}

#gambar-warung-tutup{
    float:right;
}

.gambar-warung-navigasi-prev, .gambar-warung-navigasi-next{
   text-decoration:none;
}

/*awal class footer*/

.footer{
   position:absolute;
   top:1000px;
   left:0px;
   width:100%;
   text-align:center;
}