/* CSS STUDIO DPI */

* {
    border: 0;
    text-decoration: none;
    margin: 0;
    padding: 0;
    list-style: none; 
}

body
    {background: url(../images/back.jpg);
	   margin:0;
     padding: 0;
     border: 0;
     text-align: center;}

#geral 
   {width:737px;
	  height:820px;
    padding:0;
	  margin:0 auto;
    background: url(../images/back_geral.jpg) no-repeat;}	

#topo
    {width:737px;
     height:170px;
     padding:0px;
     margin:0 auto;
     float:left;
}    
     
#tripa
    {width:550px;
     height:50px;
     padding:0;
     margin:0;
     float:left;
}     

#centro
    {width:550px;
     height:525px;
     padding:0;
     margin:0;
     float:left;
}       
     
#centrohome
    {width:540px;
     height:525px;
     padding:0;
     margin:0;
     float:left;
     background: url(../images/back_home.jpg) no-repeat;}  

#marginiframe     
    {width:500px;
     height:505px;
     padding:0;
     margin:30px;
     overflow-y:auto;
     } 
     
#acasaa   
    {width:500px;
     height:190px;
     padding:0;
     margin:0;}
     
#acasab  
    {width:500px;
     height:100px;
     padding:0;
     margin:0;
     font: 11px  verdana;
     text-align:justify;
     color: #000;}       

#acasac  
    {width:500px;
     height:110px;
     padding:0;
     margin:0;}  

#acasad  
    {width:500px;
     height:90px;
     padding:0;
     margin:0;
     font: 11px  verdana;
     text-align:justify;
     color: #000;}            

#homea
    {width:500px;
     height:40px;
     padding:0;
     margin:0;
     float:left;}    
          
#homeb
    {width:240px;
     height:200px;
     padding: 0;
     margin:0;
     float:left;
     font: 11px verdana;
     text-align:justify;
     color: #000;
}  
   
#homec
    {width:200px;
     height:170px;
     padding:0;
     margin:0;
     float: right;}
      
#homed
    {width:250px;
     height:170px;
     padding:0;
     margin:20px 0 0 0 ;
     float:right;
     font: 11px  verdana;
     text-align:justify;
}  

#homee
    {width:500px;
     height:90px;
     padding:0;
     margin:0;
     float:left;
     font: 11px  verdana;
     text-align:justify;
}    

#centroagenda
    {width:550px;
     height:525px;
     padding:0;
     margin:0;
     float:left;
     background: url(../images/back_agenda.jpg) no-repeat;}  

#agendab
    {width:260px;
     height:190px;
     padding:0;
     margin:7px 0 0 0;
     font: 14px  verdana;
     background: url(../images/img_agenda.jpg) no-repeat;
     float:left;}  

#agendac
    {width:229px;
     height:200px;
     padding:0;
     margin:-100px 0 0 0;
     float:right;
     font: 11px  verdana;
     text-align:left;}      

#agendad
    {width:500px;
     height:280px;
     padding:0;
     margin:0;
     float:left;
     font: 11px  verdana;
     text-align:left;} 
#agendae
    {width:150px;
     height:280px;
     padding:0;
     margin:0;
     float:right;
	 text-align:right;}   	   

#agendaf {
	width:500px;
	height:230px;
	margin: 250px 0 0 0;
	font: 11px  verdana;
	text-align:left;
	overflow: auto;
} 

#centroacasa
    {width:550px;
     height:525px;
     padding:0;
     margin:0;
     float:left;
     background: url(../images/back_acasa.jpg) no-repeat;}
                          
#centrolocalizacao
    {width:550px;
     height:525px;
     padding:0;
     margin:0;
     float:left;
     background: url(../images/back_localizacao.jpg) no-repeat;}   

#localizacaoa    
    {width:500px;
     height:380px;
     padding:0;
     margin:0;} 

#localizacaob    
    {width:500px;
     height:80px;
     padding:0;
     margin:0;
     text-align:left;}
     
#centropromocao
    {width:550px;
     height:525px;
     padding:0;
     margin:0;
     float:left;
     background: url(../images/back_promocao.jpg) no-repeat;}
     
#promocaoa   
    {width:500px;
     height:60px;
     padding:0;
     margin:0;
     float:left;
	 text-align: left;}
     
#promocaob    
    {width:165px;
     height:200px;
     padding:0;
     margin:0;
     float:left;
     font: 11px  verdana;
     text-align: center;}
	 
#promocaofoto    
    {width:400px;
     padding:0;
     margin:0;
     float:left;
     font: 11px  verdana;
     text-align: center;}
     
#promocaoc   
    {width:165px;
     height:200px;
     padding:0;
     margin:0;
     float:left;
     font: 11px  verdana;
     text-align: center;}
     
#promocaod   
    {width:165px;
     height:200px;
     padding:0;
     margin:0;
     float:left;
     font: 11px  verdana;
     text-align: center;}   

#centroreserva
    {width:550px;
     height:525px;
     padding:0;
     margin:0;
     float:left;
     background: url(../images/back_reserva.jpg) no-repeat;}                            
                                   
#reservaa   
    {width:150px;
     height:400px;
     padding:0;
     margin:5px;
     float:left;
     font: 11px  verdana;
     text-align: justify;}   

#reservab  
    {
	width:320px;
	height:400px;
	padding:0;
	margin-top:40px;
	float:right;
	font: 11px  verdana;
	text-align:left;
}   

#centrocadastro
    {width:550px;
     height:525px;
     padding:0;
     margin:0;
     float:left;
     background: url(../images/back_cadastro.jpg) no-repeat;}   
     
#centroobrigado
    {width:550px;
     height:525px;
     background: url(../images/back_obrigado.jpg) no-repeat;}  
       
#centrofale
    {width:550px;
     height:525px;
     padding:0;
     margin:0;
     float:left;
     background: url(../images/back_fale.jpg) no-repeat;}
                             
#falea   
    {width:160px;
     height:400px;
     padding:0;
     margin:5px;
     float:left;
     font: 11px  verdana;
     text-align: right;}   

#centrocardapio
    {width:550px;
     height:525px;
     padding:0;
     margin:0;
     float:left;
     background: url(../images/back_cardapio.jpg) no-repeat;
     text-align:left;}  
#cardapio_a
    {width:240px;
     height:525px;
     padding:0;
     margin:0;
     float:left;
     text-align: left;}
	
#cardapio_b
    {width:240px;
     height:525px;
     padding:0;
     margin:0;
     float:right;
     text-align: left;
}  		   	  
	                                               
#lateral    
    {width:187px;
     height:575px;
     padding:0;
     margin:0;
     border: 0;
     float:right;
     text-decoration: none;} 
	 
/* começo dos componentes da lateral */   
  
#menu
     {width:187px;
     height: 200px;
     padding: 0;
     margin: 0;
     border: 0;
     text-decoration: none;
     float: right;}

#entrefale  
    {width:187px;
     height:50px;
     padding:0;
     margin:0;
     border:0;
     float: right;
     text-decoration: none;}

#btfale 
    {width:187px;
     height:35px;
     padding:0;
     margin:0;
     border:0;
     float:right;
     text-decoration: none;}

#bthome  
    {width:82px;
     height:47px;
     padding:0;
     margin:0;
     border:0;
     float:right;
     text-decoration: none;}
     
#entrehome 
    {width:187px;
     height:215px;
     padding:0;
     margin:0;
     border:0;
     float: right;
     text-decoration: none;} 

#btstudio 
    {width:82px;
     height:17px;
     padding:0;
     margin:0;
     border:0;
     float:right;
     text-decoration: none;}
     
/* fim dos componentes da lateral*/   
     
#sobrerodape
    {width:737px;
     height:22px;
     padding:0;
     margin:0;
     float:left;}     

#rodape
    {width:737px;
     height:53px;
     padding:0;
     margin:0;
     float:left;
     text-align:left;}
     
#rodape li 
    {margin: 0;
     padding: 0;
     border:0;
	   display: inline; }    
     
#rodape img {
    border: 0;
    margin: 0;
    padding: 0;}      
    
/* começo das classes para textos */

h1 {
    font: bold 14px  times;
    color: #371a02;
    text-align: left;
    margin: 0;
    padding: 0;}
    
h2 {
    font: bold 12px  verdana;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: left;}
    
h3 {
    font: bold 13px  verdana;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: left;}
h4 {
    font: bold 12px  verdana;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center;}
h5 {
    font:13px  verdana;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: left;}		

.saiba {
    float: right;
    font: bold 14px times;
    color: #371a02;
    text-align: right;
    margin: 0;
    padding: 0;}

.saiba:hover {
    color: #000;}
    
/* fim das classes para textos */

/* começo dos formulários */

#nome, #email, #telefone, #endereco, #reserva, #cidade, #convidados, #horario, #nascimento {
    width: 300px;
    height: 22px;
    border: 0;
    margin: 1px 0 5px 0;
    padding: 3px 0 2px 2px;
    font: 12px verdana, arial, sans-serif;
    color: #000;
    background: url(../images/form01.png) no-repeat;
}

#mensagem {
    width: 300px;
    height: 95px;
    margin: 0 0 5px 0;
    padding: 3px 0 2px 0;
    font: 12px verdana, arial, sans-serif;
    color: #000;
    background: url(../images/form02.png) no-repeat;
    overflow: auto;
}

/* final dos formulários */

img.botaofecha {
	position: absolute;
	right: -10px;
	top: -39px;
}

#popup_in {
	position:absolute;
	top: 35px;
	left: 350px;
	width: 500px;
	height: 707px;
	visibility:visible;
}

#popup_agenda {
	position:absolute; 
	top: 20%;
	left: 4%;
	width: 500px;
	height: 293px;
	visibility:visible;
}

#popup_agenda img.botaofecha {
	position: relative;
	right: 40px;
	top: -30px;
}

h1.fotoh1 {
	font-size: 16px;
	width: 400px;
}

h1.fotoh1 a {
	color: #000;
}


h1.fotoh1 a:hover {
	color: #371a02;
}

#promocaoa img {
	border: 1px solid #371a02;
}


div.lb {
 display: none;
}
div.lb:target {
 display: block !important;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 text-align: center;
 background: url('screen.png');
 position: fixed;
 padding: 2em;
}
#reveillon {
	
	width: 406px;
	height: 376px;
	z-index: 800000;
	position: absolute;
	top: 5%;
	left: 1%;
}

#reveillon img  {
	position: absolute;
}