/* CSS Document */
/*  
*  buenavista - 2010
***********************************************
Agencia: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
XHTML+CSS: Aline Tinoco	
Programação: Luccas Aguiar
Country: Brasil
Last CSS update: 05/2010
Notes: Folha padrao
***********************************************
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:    	Arial, Helvetica, sans-serif; 
font-size:			11px;
color:				#FDFDFD;
background:			#161510 url(../images/bg_internas.jpg) center top no-repeat;
}
#home{
background:			#FFF url(../images/bg_home.jpg) center top no-repeat;
}
#topo, #rodape, #site{
width:				960px;
height:				auto;
margin:				0 auto;
text-align:			justify;
position:			relative;
}
#conteudo_internas{
padding:            40px 40px 20px 40px;
font-size:			13px;
}
#conteudo_internas h2{
font-size:			22px;
margin-bottom:      20px;
}
.box_600{
width:				600px;
height:				auto;
float:				left;
}
.box_200{
width:				250px;
float:				left;
margin-left:		30px;
}
#logo{
float:				left;
margin:             10px 10px 0 0;
}
#rodape{
color:				#666666;
}
#env_rodape{
background:			url(../images/bg_rodape_internas.png) center top no-repeat;
height:				210px;
margin-top:			-100px;
padding-top:	    130px;
}
#rodape .box_600 p, #rodape .box_600 p a{
color:				#996600;
}
.adress img{
vertical-align:		middle;
margin:             0 3px 2px 0;
}
.adress {
float: left;
margin-top: 10px;
}
/*Menu*/
ul#menu{
width:				auto;
height:				10px;
margin:				50px 0 20px 0;
padding:            10px 0;
text-align:			center;
float:				left;
text-transform:		uppercase;
}
ul#menu li{
list-style:			none;
display:			inline;
font-size:			13px;
letter-spacing:		-1px;
background:			none;
padding:			0 13px; 
}
ul#menu li a:hover{
color:				#FBC700;
}
/*divs*/
#ladoa{
width:				345px;
position:			absolute;
z-index:			1;
top:				408px;
color:				#E4E4E4;
height:				450px;
}
.logoAto{
float:				right;
margin-left:		60px;
}
#conheca{
width:				430px;
float:				right;
margin-right:		20px;
}
.box300{
width:				200px;
float:				left;
margin:				50px 10px 0 10px;
padding:            10px 50px;
color:				#996600;
}
.box300 a{
color:				#996600;
}
.redes{
margin:				10px 0 0 30px ;
}
.box300 h4{
float:				right;
width:				85px;
margin-top:			30px;
background:			none;
padding-left:		0px;
}
.box300 h4 a{
color:				#C01B08;
}
.col3x3{
width:				300px;
float:				left;
margin-top:         50px;	
}
#imgHome{
width:				300px;
height:				86px;
overflow:			hidden;
}
#imgHome img{
width:				216px;
height:				auto;
}
.col3x3 img{
width:				216px;
height:				auto;
float:				left;
margin-right:		10px;
}
#rodape .col3x3 img{
width:				auto;	
}
.col3x3 h5{
padding-top:		30px;
}
.box135{
width:				115px;
float:				left;
}
.box300 img{
width:				216px;
height:				86px;
margin-bottom:		5px;
}
#sub{
width:				750px;
float:				right;
margin-top:			10px;
}
#sub #formNews{
margin-top:			10px;
}
.box_produtos{
height:				130px;
width:				auto;
}
.box_produtos h3{
font-size:			16px;
color:				#E5A400;
}
.box_produtos img{
width:				132px;
float:				left;
margin-right:		5px;
}
.box_produtos span{
width:				132px;
float:				left;
margin-right:		5px;
}
.Left{
width:				350px;
float:				left;
}
.tipos{
float:				left;
margin:             30px 0;
width:				425px;
}
.tipos a{
color:				#FFF;
}
.tipos h4{
float:				left;
}
.tipos img{
float:				left;
}
.ladoa{
width:				260px;
float:				left;
}
.ladob{
float:				left;
margin-left:		10px;
width:				600px;
}
.ladoa h4{
padding-left:       0;
background:			none;
}
/*Listas*/
ul{
width:				auto;
}
ul li{
list-style:			none;
}
ul li a{
color:				#FFF;
}
ul.produtos{
width:				auto;
}
ul.produtos li{
width:				200px;
float:				left;
margin-right:		18px;
margin-bottom:		20px;
height:				60px;
}
ul.produtos li{
font-weight:		lighter;
display:			block;
color:				#FFF;
width:				198px;
height:				45px;

font-size:			12px;
padding:			5px;
}
p.nomeprd {

font-weight:		bolder;
font-size:			14px;
height:				auto;
background:			none;
display:			block;
color:				#FFCC00;
padding:			0px;
}
ul.ambiente li{
width:				100px;
float:				left;
margin:				5px;
}
ul.ambiente li img{
border:				2px solid #FFF;
}
ul.ambiente li:hover img{
border: 			2px solid #FFCC00;
}
ul.lista_fotos li{
width:				150px;
height:				150px;
list-style:			none;
display:			inline;
margin:				5px;
float:				left;
}
ul.lista_fotos li img{
width:				145x;
height:				145px;
border:				3px solid #FFF;
}
ul.lista_fotos li img:hover{
border:				3px solid #FFCC00;
}
ul.outras li{
border-bottom:		1px solid #FFCC00;
padding:            3px 0;
}
ul.outras li span{
color:				#FFCC00;
}

/*Tipografia*/
h1{
visibility:			hidden;
display:			none;
}
h2{
font-size:			17px;
text-shadow: 		#000 0px 3px 2px;
}
h2 a{
color:				#FFF;
}
h2 span{
display:			none;
visibility:			hidden;
}
h2#t_promocao{
background:			url(../images/h2/t_promocao.gif) left top no-repeat;
width:				76px;
height:				28px;
margin:             50px 0 5px 0;
}
h2#t_galeria{
background:			url(../images/h2/t_galeria.gif) left top no-repeat;
width:				121px;
height:				28px;
margin:             6px 0 0 0;
}
h2#t_sustentabilidade{
background:			url(../images/h2/t_sustentabilidade.gif) left top no-repeat;
width:				130px;
height:				28px;
margin:             4px 0 0 0;
}
h2#t_ambientalismoR{
background:			url(../images/h2/t_ambientalismorodape.png) left top no-repeat;
width:				123px;
height:				18px;
}
h2#t_conheca{
background:			url(../images/h2/t_conheca.png) left top no-repeat;
width:				255px;
height:				22px;
margin-top:			15px;
}
h2#t_novidades{
background:			url(../images/h2/t_novidades.gif) left top no-repeat;
width:				77px;
height:				18px;
margin:             50px 0 10px 0;
}
h2#t_cardapio{
background:			url(../images/h2/t_cardapio.gif) left top no-repeat;
width:				67px;
height:				21px;
margin:             6px 0 4px 0;
}
h3{
font-size:			13px;
}
h4{
color:				#FFF;
font-size:			24px;
text-shadow: 		#000 0px 1px 1px;

}
h4 a{
color:				#C01B08;
}
h5{
color:				#211E18;
font-size:			14px;
text-transform:		uppercase;
margin-bottom:		5px;
}

/*Formulario*/
#formContato{
width:				380px;
float:				left;
}
.mapa{
width:				456px;
float:				right;
border:				2px solid #996600;
background:			#E6A500;
}
form{
float:				left;
margin-right:		40px;
}
input, select, textarea{
width:				auto;
height:				20px;
padding:			3px 3px;
margin:				5px 0;
font:				11px;
background:			#F4F4F4;
border:				2px solid #996600;
color:				#A02B26;
font-family:    	Arial, Helvetica, sans-serif; 
}
input:hover, select:hover, textarea:hover{
background:			#996600;
border:				2px solid #F3CD00;
color:				#F3F3F3;
}
textarea{
font-family:    	Arial, Helvetica, sans-serif; 
font:				11px;
}
label{
width:				100px;
height:				auto;
padding:			0;
margin:				5px;
float:			    left;
text-align:			right;
}
#formNews{
width:				350px;
}
#formNews input{
padding:			0px 3px 0 0;
font-size:			11px;
width:				140px;
height:				19px;
background:			#FFF url(../images/bg_input.png) left top repeat-x;
float:				left!important;
margin:				0 5px 0 0!important;
border:				none;
color:				#333;
}
#formNews input:hover{
color:				#333;
}
.ok, .enviar{
width:				17px!important;
height:				15px;
padding:           	3px 5px;
margin:				10px 5px 0 5px;
font-weight:		bolder;
background:			transparent url(../images/bg_ok.gif) left top no-repeat!important;
cursor:				pointer;
border:				none;
overflow:			visible;
float:				left;
}
.Right{
float:				right;
padding:            0px 0 3px 0;
cursor:				pointer;
background:			#996600;
color:				#FFF;
}
/*Gerais*/
.textofck img{
margin:				5px;
}
.chamada{
text-align:			center;
font-style:			italic;
}
.col_separa{
height:				auto;
width:				30px;
float:				left;
}
img{
border:					none;
}
.clear{
clear:					both;
font-size:				1pt;
height:					1pt;
}
a{
text-decoration:		none;
color:					#FF9900;
}
.data{
text-align:				right;
font-size:				11px;
margin-bottom:			5px;
color:					#F8F8F8;
}
.paginacao {
width:					auto;
height: 				auto;
clear: 					both !important;
padding: 				5px;
margin:					10px 0;
font-weight: 			bold;
color:					#000;
text-align: 			right;
}
.paginacao a {
padding: 		    	3px 5px;
color:					#FFFFFF;
text-decoration: 		none;
margin: 				0 2px;
}
.paginacao a:hover {
padding: 	 			3px 5px;
color:					#BAC7D3;
text-decoration:		 none;
margin: 				0 2px;
}
ul.geral li{
list-style:		disc;
margin-left:	15px;
margin-bottom:	10px;
}