/*	-------------------------------------------------------------
	1. START
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	div#custom-doc {
		/* width of 770px */
		position:absolute;
		margin-left:-385px;
		left:50%;
		text-align:left; 
		width:59.231em;/* non-IE */ 
		*width:57.75em;/* IE */ 
		min-width:770px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	html {
		background-color:#F6F6F2;
	}
	
	#first-bg-level, #second-bg-level, #third-bg-level {
		width:100%;
	}
	
	#first-bg-level {
		top:0;
		height:237px;
		background:url(imgs/bg.jpg);
	}
	
	#second-bg-level {
		top:100px;
		height:39px;
		background:url(imgs/bg-azulejinho.jpg);
	}
	
	#third-bg-level {
		top:200px;
		height:524px;
		background:url(imgs/bg-azulejao.jpg);
	}

/*	-------------------------------------------------------------
	2. CABECALHO - LOGO
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	h1 a {
		display:block;
		text-indent:-9999px;
		background:url(imgs/logo.png);
		width:152px;
		height:104px;
		margin-top:3px;
	}

/*	-------------------------------------------------------------
	3. CABECALHO - NAVEGACAO
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	ul#nav-first-level, ul#nav-second-level {
		width:754px;
		padding:0 8px;
	}
	
	ul#nav-first-level{
		padding:0 8px;
		width:754px;
		height:35px;
		background:url(imgs/nav-background.png);
	}

			ul#nav-first-level li {
				float:left;
			}
	
					ul#nav-first-level li a {
						float:left;
						display:inline;
						height:35px;
						text-indent:-9999px;
					}

					ul#nav-first-level li a:hover{background-position:0px -35px}
					ul#nav-first-level li a.active{background-position:0px -70px}

	ul#nav-second-level {
		clear:left;
		height:24px;
		padding:8px 8px 0;
		background:url(imgs/nav-background-second-level.gif);
	}
	
			ul#nav-second-level li {
				float:left;
				margin-left:10px;
			}
	
					ul#nav-second-level li a {
						text-decoration:none;
						font-size:89%;
						font-weight:bold;
						color:#333333;
					}
	
					ul#nav-second-level li a:hover {text-decoration:underline;}
					ul#nav-second-level li a.active {color:#999999;}

	li#nav-sobre-a-mercearia-zn a {width:162px;	background:url(imgs/nav-sobre-a-mercearia-zn.gif) no-repeat 0px 0px;}
	li#nav-gastronomia a {width:116px; background:url(imgs/nav-gastronomia.gif) no-repeat 0px 0px;}
	li#nav-o-bar a {width:60px;	background:url(imgs/nav-o-bar.gif) no-repeat 0px 0px;}
	li#nav-entre-para-o-clube a {width:158px; background:url(imgs/nav-entre-para-o-clube.gif) no-repeat 0px 0px;}
	li#nav-dias-especiais a {width:117px; background:url(imgs/nav-dias-especiais.gif) no-repeat 0px 0px;}
	li#nav-como-chegar a {width:141px; background:url(imgs/nav-como-chegar.gif) no-repeat 0px 0px;}

	.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li {
		display:inline;
		cursor:pointer;
	}

/*	-------------------------------------------------------------
	4. RODAPE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	div#ft {
		margin-bottom:40px;
		padding:32px 0 42px 30px;
		width:740px;
		height:261px;
		color:#443628;
		background:url(imgs/ft-background.gif);
		font-family:Arial, Helvetica, sans-serif;
	}

	div#ft p {font-size:93%; text-align:left; line-height:15px;}
	div#ft p a {text-decoration:none; color:#FE6500;}
	div#ft p a:hover {text-decoration:underline;}
	div#ft h4, div#ft h5, div#ft h6 {font-weight:bold; margin-bottom:6px; line-height:normal;}
	div#ft h4 {font-size:93%;}
	div#ft h5 {font-size:93%;}
	
	#ft-address {
		width:205px;
	}
	
	#ft-opening {
		width:195px;
		float:left;
	}
	
	#ft-contact {
		width:120px;
		margin-left:38px;
		float:left;
	}
	
	#ft-chopp {clear:left;}
	#ft-chopp h6, #ft-chopp img, #ft-cards h6, #ft-cards img {float:left;}
	#ft-chopp h6, #ft-cards h6 {padding:11px 0;}
	#ft-chopp img, #ft-cards img {border:0; margin:0 30px 0 10px;}
	#ft-chopp h6 {width:46px;}
	#ft-cards h6 {width:70px;}
	#ft-cards img {padding-top:12px;}
	
	p#copyright {
		clear:left; 
		padding-top:24px;
		*padding-top:12px;/* IE */ 
	}

/*	-------------------------------------------------------------
	5. TABELAS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	table {
		width:100%;
		margin-bottom:30px;
	}

	table thead tr {
		color:#443628;
		font-weight:bold;
	}

	table tr {
		height:30px;
		text-indent:10px;
	}
	
		#cardapio .yui-content table tr, #caipirinhas div table tr {
			text-indent:0;
			line-height:20px;
		}

	table tr.zebra-on {
		background-color:#F1F0E9;
	}

	#cardapio .yui-content table tr td, #caipirinhas div table tr td {
		padding:8px;
	}

/*	-------------------------------------------------------------
	6. IMAGENS E IFRAMES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	img, iframe {
		border:5px solid #DEDCC7;
	}

			img.no-borders {
				border:0;
			}
			
			div.lateral-callout img, div.callout img {
				float:left;
				margin-right:15px;
			}

			div.callout img {
				margin-bottom:10px;
			}
			
			img.ruler-callout {
				border:0;
				margin-bottom:4px;
			}
			
			#entre-para-o-clube img {
				float:left;
				margin-right:15px;
			}

			#dias-especiais img {
				float:left;
				margin-right:15px;
			}

			#vinho-callout img {
				float:right;
				margin-left:10px;
			}

	a:hover img  {
		border:5px solid #FE6500;
	}

	#imageContainer img {border:0;}

	img.home-banner {
		margin:10px 0 20px 0;
	}

/*	-------------------------------------------------------------
	7. ABAS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	div.yui-content {
		width:720px;
	}

	div.yui-content h5 {
		font-size:123.1%;
		font-weight:normal;
	}

	div.yui-content div.callout {margin-bottom:0;}
	div#tab2 div.callout {margin-bottom:30px;}

	div#tab1,div#tab2,div#tab3,div#tab4,div#tab5,div#tab6,div#tab7 {
		border:1px solid #DEDBC7;
		padding:25px;
		margin-top:-1px;
	}

	.yui-nav li a {
		display:block;
		line-height:38px;
		text-align:center;
		margin-right:2px;
		text-decoration:none;
		color:#666666;
	}

	#cardapio .tab1 {width:82px; background:url(imgs/tab-entradas.jpg) no-repeat 0px -38px;}
	#cardapio .tab2 {width:136px; background:url(imgs/tab-pratos-principais.jpg) no-repeat 0px -38px;;}
	#cardapio .tab3 {width:86px; background:url(imgs/tab-caldinhos.jpg) no-repeat 0px -38px;;}
	#cardapio .tab4 {width:72px; background:url(imgs/tab-petiscos.jpg) no-repeat 0px -38px;;}
	#cardapio .tab5 {width:95px; background:url(imgs/tab-sanduiches.jpg) no-repeat 0px -38px;;}
	#cardapio .tab6 {width:136px; background:url(imgs/tab-carnes-na-grelha.jpg) no-repeat 0px -38px;;}
	#cardapio .tab7 {width:101px; background:url(imgs/tab-sobremesas.jpg) no-repeat 0px -38px;;}
	#cardapio ul.yui-nav li a:hover {background-position:0px -76px; color:#FF6600;}
	#cardapio ul.yui-nav li.selected a {background-position:0px 0px;}
	
	#carta-de-vinhos .tab1 {width:93px; background:url(imgs/tab-brasileiros.jpg) no-repeat 0px -38px;}
	#carta-de-vinhos .tab2 {width:94px; background:url(imgs/tab-argentinos.jpg) no-repeat 0px -38px;}
	#carta-de-vinhos .tab3 {width:77px; background:url(imgs/tab-chilenos.jpg) no-repeat 0px -38px;}
	#carta-de-vinhos .tab4 {width:85px; background:url(imgs/tab-franceses.jpg) no-repeat 0px -38px;}
	#carta-de-vinhos .tab5 {width:80px; background:url(imgs/tab-italianos.jpg) no-repeat 0px -38px;}
	#carta-de-vinhos .tab6 {width:100px; background:url(imgs/tab-portugueses.jpg) no-repeat 0px -38px;}
	#carta-de-vinhos ul.yui-nav li a:hover {background-position:0px -76px; color:#FF6600;}
	#carta-de-vinhos ul.yui-nav li.selected a {background-position:0px 0px;}

	#carta-de-vinhos .flag {
		border:0;
		margin:0 0 0 10px;
	}

/*	-------------------------------------------------------------
	8. FORMULARIOS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	form {
		width:442px;
	}

			select, input.text, textarea {
				padding:5px 4px;
				border:1px solid black;
				float:left;
			}

			input.text, textarea {
				width:300px;
			}

			textarea {
				height:100px;
			}
			
			select {
				padding:4px 4px;
				margin-right:4px;
			}

			label {
				margin:0 10px 10px 0;
				clear:left; float:left;
				width:120px;
				text-align:right;
				line-height:28px;
			}

			input.text#ano-nascimento {
				width:30px;
			}

			select#assunto {
				width:200px;
			}

			input.button {
				clear:left;
				float:right;
				margin:20px 0 0 0;
				width:80px;
				height:30px;
			}

/*	-------------------------------------------------------------
	9. BODY, COLUNAS E CALLOUTS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	div#bd {
		background-color:#FFFFFF;
		padding:17px 20px 30px 25px;
	}

	div#bd div#left-column {
		width:328px;
	}

	div#right-column.ambiente, div#right-column.o-bar {
		padding-top:63px;
	}

	div#right-column.ambiente img, div#right-column.o-bar img {
		margin:0 0 10px 7px;
	}

	div.callout {
		margin-bottom:30px;
	}

/*	-------------------------------------------------------------
	10. TITULOS, FONTES E LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		h2, h3, h4, h5 {
			font-weight:bold;
		}

				h2 {
					font-size:174%;
					margin:14px 0 21px 0;
				}

				h3 {
					font-size:131%;
					margin-bottom:13px;
				}

				h4 {
					line-height:40px;
				}
				
						#dias-especiais h4 {
							margin-bottom:15px;
						}
						
						#vinho-callout h4 {
							line-height:18px;
							text-align:right;
							margin-top:15px;
						}

				h5 {
					line-height:20px;
				}
						#dias-especiais h5 {
							line-height:30px;
						}


		p {
			color:#666666;
			line-height:20px;
			margin-bottom:10px;
			text-align:justify;
		}

				p.legend {
					font-size:93%;
					line-height:normal;
					margin:10px 0 20px 0;
				}

				#dias-especiais p {
					font-size:93%;
					line-height:15px;
					margin:0;
					height:37px;
				}

				#vinho-callout p {
					text-align:right;
					margin-top:15px;
					font-size:93%;
				}

				div.lateral-callout p, div.callout p {
					margin-bottom:0;
					text-align:left;
				}
				
				div.lateral-callout p {
					font-size:93%;
					line-height:15px;
				}
				
				div.callout p {
					font-size:100%;
					line-height:20px;
				}
				
				p.campos-obrigatorios {
				font-size:100%;
				color:#FF0000;
				}
				
				#print-map {
					width:710px;
					margin:0 0 10px 0;
					text-align:right;
				}

	div.lateral-callout p a, div.callout p a {
		color:#FE6500;
		font-weight:bold;
		text-decoration:none;
		font-size:13px;
		line-height:20px;
		padding-top:10px;
	}
	
	div.lateral-callout p a:hover, div.callout p a:hover {
		text-decoration:underline;
	}
	
	#print-map a {
		color:#FE6500;
		font-size:93%;
		text-decoration:none;
	}

	#print-map a:hover {
		text-decoration:underline;
	}

/*	-------------------------------------------------------------
	11. ELEMENTOS UTEIS (HR)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	hr {
		border:0;
		border-top:1px solid #DEDCC7;
		margin-bottom:15px;
	}
	
			#dias-especiais hr {
				padding:0; 
				margin:20px 0 5px 0;
			}
			
			hr.clear {
				clear:left;
				border:1px solid white;
				padding:5px 0;
			}
			
					#dias-especiais hr.clear {
						padding:0; 
						margin:8px 0;
					}