@charset "utf-8";
/*  
* RESTAURANTE PALACIO
***********************************************
Agência: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
Design by: Bruno Kingma
XHTML+CSS: Fernanda Carolina
Programação: Renan Toniolo
Country: Brasil
Last CSS update: 12/2009
Notes: Folha padrão
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
*{
padding:			0px;
margin:				0px;
}
body{
padding:			0px;
margin:				0px;
text-align:			center;
font-family:    	"Helvetica", Arial, Helvetica, sans-serif; 
font-size:			13px;
color:				#fff;
background:			#731E13 url(../images/bg_body.jpg) left top repeat-x;
}

#site{
width:				1060px;
height:				auto;
text-align:			left;
margin:				auto;
}

#palco{
width:             600px;
height:            auto;
float:             left;
margin-top:        90px;
}

#menu_rodape{
width:             900px;
height:            220px;
margin-left:       150px;
border-bottom:     #682B18 solid 1px;        
}
#rodape{
width:             900px;
height:            100px;
margin-left:       150px;
text-align:        center;
margin-top:        15px;     
}
#rodape p{
margin-left:       200px;
text-align:        center;
float:             left;   
}

/************************************MENU******************************/
ul#menu{
width:            160px;
height:           310px;
float:            left;
background:       url(../images/bg_menu.png) left top no-repeat;
padding:          330px 0 0 300px;
}

ul#menu li{
color:            #8D3D1D;
margin-bottom:    10px;
}

ul#menu li a{
text-decoration:    none;
color:             #FFF;
font-size:         14px;
font-weight:       600;
}

/************************************CLASSES******************************/
.banner_home{
width:            600px;
height:           200px;
}
.conteudo, .box_home{
width:            540px;
height:           auto;
margin:           0 0 30px 8px;
padding:          15px;
background:       #fff;
color:            #861818;
border:           #964220 solid 7px;
}

#home .conteudo{
width:            553px;
background:       url(../images/bg_conteudo.png) top left repeat-y;
color:            #fff;
border:           none;
}

.box_300{
width:            230px;
height:           auto;
float:            left;
padding:          10px;
margin-left:      20px;
}
.box_300 p{
width:            400px;
margin:			  15px 0 0 40px;
}
.box_300dep{
background:       url(../images/fundo_depo.jpg) top left no-repeat;
width:            225px;
height:           360px;
float:            left;
padding:          10px;
margin-left:      20px;
}

.box_500{
width:            490px;
height:           auto;
float:            left;
padding:          10px;
margin-left:      20px;
}

.box_cardapio, .box_promo, .box_cadastro{
width:            245px;
height:           210px;
float:            left;
margin-left:      20px;
padding-left:     35px;
background:       url(../images/bg_box_cardapio.png) left bottom no-repeat;
}

.box_promo{
background:       url(../images/bg_box_promo.png) left bottom no-repeat;
}
.box_cadastro{
background:       url(../images/bg_box_cadastro.png) left bottom no-repeat;
}
.conteudo_prov{
padding:           13px;
}

.conteudo_box{
width:            105px;
height:           100px;
float:            right;
margin-top:       35px;
padding:          5px;
}

.conteudo_box p{
height:           80px;
overflow:         hidden;
}
.conteudo_prov p{
height:           110px;
overflow:         hidden;
}
.conteudo_box a, .conteudo_prov a{
color:            #E55405;              
}
.conteudo_box span, .conteudo_prov span{
color:            #E55405;
float:            right;              
}
.ato{
float:            right;
margin-top:       65px;
}

/***************************************FONTES**************************/
h1{
visibility:            hidden;
display:              none;
}
h2 a{
text-decoration:      none;
color:                #861818;
}

h2 a:hover{
color:                #A44C24;
}

.fone{
background:				url(../images/telephone.png) left top no-repeat;
padding-left:           20px;
}
.adress{
background:				url(../images/adress.png) left top no-repeat;
padding-left:           20px;
}
/***************************************FORMULARIO HOME**************************/
#ContatoHome{
margin:           30px 0 0 13px;
}

#ContatoHome input, textarea, select{
border:          #fff solid 1px;
background:      transparent;
height:          25px;
margin-bottom:   10px;
color:           #392F23;
}

#ContatoHome .ok{
width:               70px;
color:               #fff;
background-color:    #672D15;
float:               right;
border:              none;
margin-right:        10px;
}
/***************************************FORMULARIO DEPOIMENTOS**************************/
#formDepo{
margin:           0;
}

#formDepo input, textarea, select{
border:          #6B2525 solid 1px;
background:      transparent;
margin-bottom:   5px;
height:          20px;
}

#formDepo .ok{
width:               70px;
color:               #fff;
background-color:    #672D15;
float:               right;
border:              none;
margin-right:        10px;
}


#telefone{
width:                 150px;
}

#nome, #email, #obs, #cidade, #assunto, #endereco{
width:                 230px;
}

/************************************LISTA FOTOS******************************/
ul#fotos{
width:            230px;
height:           auto;
float:            left;
margin-left:      20px;
}

ul#fotos li{
width:              94px;
height:             62px;
list-style:			none;
display:			inline;
}

ul#fotos li img{
margin:             5px;
}

/************************************LISTA CARDAPIO******************************/
ul#cardapio{
width:            220px;
height:           260px;
float:            left;
padding-left:     10px;
}

ul#cardapio li{
color:             #630F0F;
font-size:         14px;
margin-bottom:     2px;
}

ul#cardapio li a{
text-decoration:   none;
font-weight:       600;
color:             #630F0F;
font-size:         14px;
}

ul#cardapio li a:hover{
color:                #A44C24;
}

ul#sub{
padding-left:      30px;
}
/***************************************PAGINAÇÃO**************************/
.paginacao {
width:		auto;
height:		auto;
padding:	0px;
margin:		5px 0px;
color:		#731E13;
}
.paginacao a, .paginacao a:active {
width:		auto;
height:		auto;
padding:	1px 1px;
margin:		2px;
background:	#FFF;
text-decoration:none;
color:		#731E13;
text-align:	center;
}
.paginacao a:visited {
text-decoration:none;
color:		#731E13;
}
.paginacao a:hover {
font-weight: bold;
}
.paginacao span {
width:		auto;
height:		auto;
padding:	1px 1px;
margin:		2px;
background:	#FFF;
text-decoration:none;
font-weight: bold;
color:		#E55405;
float:      left;

}
.paginacao span.atual {
width:		auto;
height:		auto;
padding:	1px 1px;
margin:		2px;
background:	#FFF;
text-decoration:none;
font-weight: bold;
color:		#E55405;
text-align:	center;
}

/***************************************GERAL**************************/
.clear{
clear:					both;
font-size:				1pt;
height:					0pt;
}
img{
border:                 none;
}
p{
margin-bottom:          10px;
}

marquee{
background:               #fff url(../images/fundo_depo2.jpg) top left no-repeat;
color:                    #762A16;
margin-top:               10px;
padding:                  10px; 
height:                   150px;
}

.erro {
  background:#f1f1f1 url(../images/error.png) 8px center no-repeat;
  background-color:#f1f1f1;
  border:1px solid red;
  color:red;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}

.sucesso {
  background:#f1f1f1 url(../images/sucess.png) 8px center no-repeat;
  border:1px solid #060;
  color:#060;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}