/**
* css responsavelpela formatacao do site
* padronização padrão para sessões abertas
*
* @package		AQC
* @subpackage	CSS
* @category		CSS Default do AQC
* @author		Barbosa, Renato Costa
* @date			12/11/2008 às 09h34
*/

@import url("forms.css");

/* -------------- ( proproedades do site ) -------------- */

body {
	background: #f5f1e8;
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
/* -------------- ( geral do site ) -------------- */
#geral{
	width:767px;
	margin:0 auto;
	background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/siteMeio.jpg) repeat-y;
}

/* -------------- ( referencia do topo do site ) -------------- */
#geral #topo{
	width:100%;
	height:205px;
	background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/siteTopo.jpg) no-repeat left top;
}
	
	/*** refente ao link que envia para home ***/
	#topo #home{
		width:35%;
		height:64px;
		float:left;
	}
		#home img{ width:280px; height:170px; }
	
	/*** refente ao texto do topo ***/
	#topo #texto{
		width:59%;
		height:64px;
		float:right;
		padding:105px 15px 0px 0px;
		text-align:right;
		font:12px Arial, Helvetica, sans-serif;
		color:#164b6c;
	}
	
	/*** refente ao menu do topo ***/
	#topo #menu{ width:100%; }
		#menu #links{
			width:73%;
			height:34px;
			text-align:center;
			float:left;
		}
			#links ul{ margin:0px; padding:0px; }
			#links ul li{ margin:0px; padding:0px 10px 0px 0px; display:inline; }
			#links ul li a{
				font:14px Arial, Helvetica, sans-serif;
				color:#164b6c;
				line-height:38px;
				text-decoration:none;
			}
			#links ul li a:hover{
				text-decoration:underline;
			}
			
		/*** refente a sessao de busca ***/
		#busca{
			float:right;
			width:185px;;
			_position:absolute;
			text-align:left;
		}
		#busca #send{
			width:15px;
			height:23px;
			_height:18px;
		}
		#busca #q{
			border:1px solid #ffffff;
			margin-top:9px;
			_margin-top:3px;
			width:120px;
			_width:115px;
			_margin-left:24px;
			height:15px;
		}
		.c{
			width:25px;
			height:23px;
			margin-left:3px;
			width:10px;
			_height:18px;
			padding-left:3px;
			/*border:1px solid #000000;*/
		}
		
		#busca ul{ margin:0px; padding:0px; }
		#busca ul li{ display:inline; list-style:none; }
		

/*** refente ao centro do site ***/
#geral #meio{
	width:100%;
	margin:0px;
	padding:0px;
	_margin:-7px 0px 0px -10px;
}
#geral #meio div{ float:left; }

	/*** refente a parte esquerda do centro do site ***/
	#meio #conteudos{
		width:542px;
		_width:540px;
		margin:0px 0px 0px 10px;
		padding:0px;
		background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/fundoMeio.jpg) repeat-y left;
	}
	
	
	/*******************************************************/
	/******* ( formatações referentes ao cine'n fun) *******/
	/*******************************************************/
	

	#conteudos #cinenfun{
		width:100%;
		background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/backs/cinenfunBack.jpg) no-repeat left top;
	}
	#conteudos #cinenfun div{ float:right; }
	
		#cinenfun #txt{
			width:72%;
			font:12px Arial, Helvetica, sans-serif;
			color:#333333;
			margin:40px 5px 0px 0px;
		}
		#cinenfun #txt h3{
			width:100%;
			font:bold 100% Arial, Helvetica, sans-serif;
			color:#333333;
			text-align:left;
			border-bottom:1px solid #666666;
		}
		
		#cinenfun #showfilmes{
			width:365px;
			height:135px;
			margin:0px 20px 0px 0px;
		}
		
		#viewfilmeData{
			width:98%;
			padding:130px 0px 5px 10px;
		}
		#viewfilmeData #textos #espaco{
			width:150px;
			height:120px;
			float:right;
		}
		#viewfilmeData #sinopse{
			text-align:justify;
			padding:0px 15px 0px 0px;
		}
		#fotosFilme{
			width:100%;
			background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/txtFotoFilme.jpg) no-repeat left top;
		}
		#fotosFilme #showpics{
			padding:20px;
			text-align:center;
			margin-top:50px;
		}
	/*******************************************************/
	/***** ( formatações referentes ao irame de vendas) ****/
	/*******************************************************/
		#venda{
			width:542px;
			height:115px;
			background:url(http://www.alamedaqualitycenter.com.br/apoios/_images/ingressos.jpg) left top no-repeat
		}
		#venda p {
			width:505px;
			margin:25px 0px 0px 20px;
			padding-bottom:8px;
			font:12px Arial, Helvetica, sans-serif;
			color:#16280b;
			border-bottom:1px solid #16280b;
		}
		#venda #vIframe{
			width:500px;
			height:30px;
			margin:3px 0px 0px 20px;
			color:#16280b;
		}
		#venda #vIframeInt{
			width:520px;
			height:30px;
			color:#16280b;
		}
		
		
	/*******************************************************/
	/******* ( formatações referentes ao contato) *******/
	/*******************************************************/
	

	#conteudos #contato{
		width:100%;
		background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/backs/contatoback.jpg) no-repeat left top;
	}
	
	#conteudos #contato div{ float:right; }
	
		#contato #txt{
			width:72%;
			font:12px Arial, Helvetica, sans-serif;
			color:#333333;
			margin:40px 5px 0px 0px;
		}
		#contato #txt h3{
			width:100%;
			font:bold 140% Arial, Helvetica, sans-serif;
			color:#333333;
			text-align:left;
			border-bottom:1px solid #666666;
		}
		
		#formularios #btnEnviar{
			float:right;
			margin-right:30px;
		}
		
		#formularios #erro{
			margin-left:90px;
			width:83%;
		}
		
		#formularios h4{
			width:500px;
			text-align:center;
			color:#890000;
			font:149% Arial, Helvetica, sans-serif;
		}
		
	/*******************************************************/
	/******* ( formatações referentes ao contato) *******/
	/*******************************************************/
	

	#conteudos #buscas{
		width:100%;
		background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/backs/buscas.jpg) no-repeat left top;
	}
	
	#conteudos #buscas div{ float:right; }
	
		#buscas #txt{
			width:98%;
			font:12px Arial, Helvetica, sans-serif;
			color:#333333;
			margin:70px 5px 0px 0px;
		}
		#buscas #txt #spacer{
			float:left;
			width:180px;
			height:100px;
		}
		#buscas #txt h3{
			width:95%;
			font:bold 140% Arial, Helvetica, sans-serif;
			color:#666666;
			text-align:left;
			padding-left:20px;
			/*border-bottom:1px solid #666666;*/
		}
		#buscas #txt h3 b{
			font:bold 100% Arial, Helvetica, sans-serif;
			color:#890000;
			text-transform:uppercase;
		}
		#buscas #txt h3 a{
			font:12px Arial, Helvetica, sans-serif;
			color:#333333;
		}
		
		#retorno{
			width:94%;
			height:750px;
			float:left;
			margin:3px;
		}
		#retorno ul{
			margin:0px;
			padding:0px;
		}
		#retorno ul li{ list-style:none; border-bottom:1px solid #666666; margin-bottom:15px; }
		#retorno ul li h3{
			font:bold 120% Arial, Helvetica, sans-serif;
			color:#295182;
			margin:0px;
			padding:0px;
		}

		#retorno ul li p{
			color:#000000;
			margin:0px;
			padding:0px;
		}
		#retorno ul li a{
			font:12px Arial, Helvetica, sans-serif;
			color:#065f5b;
			text-decoration:none;
		}
		#retorno ul li a:hover{
			text-decoration:underline;
		}
		#retorno #relevantes{ width:100%; }
		#retorno #relevantes ul{ margin:0px; padding:0px;}
		#retorno #relevantes ul li{ list-style:none; border:none; padding:0px 0px 0px 50px; margin:0px; }
	
	/*** refente a parte dos banners dos shows e diversos ***/
	#meio #banners{
		width:100%;
		clear:both;
	}
	
		#banners #shows{
			width:100%;
			height:120px;
		}
		#banners #diversos{
			width:100%;
			/*height:304px;*/
		}
	
	/*** refente a parte dos informativos - café e newsletter ***/
	#meio #informativos{ width:100%; }
	#meio #informativos div{ float:left; }
	
		/*** aqui referente a newsletter ***/
		#informativos #newsletter{
			width:45%;
			height:170px;
			background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/fundoNews.jpg) no-repeat;
		}
		#informativos #newsletter #ret{
			text-align:center;
			width:65%;
			float:right;
		}
		#informativos #newsletter #ret b{ color:#890000; }
			#informativos #newsletter p{
				width:70%;
				margin:50px 0px 0px 75px;
			}
			/*** refente ao input das newsletters ***/
			#informativos #newsletter #email{
				width:136px;
				height:18px;
				border:none;
				line-height:21px;
				margin:3px 10px 3px 85px;
				background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/newsForm.jpg)  right no-repeat;
			}
			#informativos #newsletter #btnSendNews{
				float:right;
				margin:5px 25px 0px 0px;
			}
			
		
		/*** aqui referente ao café ***/
		#informativos #cafe{
			width:53%;
			height:170px;
			background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/chamadaCafeidx.jpg) no-repeat right top;
		}
		#informativos #cafe a{
			font:bold 100% Arial, Helvetica, sans-serif;
			font-style:italic;
			color:#20638c;
			float:right;
			margin:130px 60px 0px 0px;
		}
		
	/*** refente a parte dos eventos que já ocorreram no alameda ***/
	#meio #eventos{
		width:100%;
		height:160px;
	}
	#meio #eventos #ifr{
		width:100%;
		height:180px;
		_height:210px;
		*height:210px;
	}
		
	
	/*** refente a parte direita do centro do site - consta menu ***/
	#meio #menuLat{
		!important;
		width:200px;
		_width:170px;
		_position:absolute;
		*position:absolute;
		float:right;
		margin:0px 10px 0px 0px;
		padding:0px;
	}

	/*** refente do menu lateral ***/
	#submenus{ width:195px; }
	#submenus ul{
		list-style:none;
		padding-left:0;
		text-align:center;
	}
	
	#submenus ul ul{ display:none; }
	
	#submenus ul li.menu{
		line-height:30px;
		/* tirando bugs do IE */
			*margin-left:-30px;
			_margin-left:-30px;
		background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/dvMenu.jpg) bottom no-repeat;
	}
	
	#submenus ul li.menu a{
		text-decoration:none;
		font:14px Arial, Helvetica, sans-serif;
		color:#184d66;
	}
	
	#submenus ul li.menu ul.submenu{
		line-height:17px;
		/* tirando bugs do IE */
			*margin-left:-2px;
			_margin-left:-2px;
	}
	
	#submenus ul li.menu ul.submenu li a{
		font:12px Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	#submenus ul li.menu ul.submenu li a:hover{ color:#74a5c6; }
	
	#submenus ul li.gerais{
		line-height:30px;
		/* tirando bugs do IE */
			*margin-left:-30px;
			_margin-left:-30px;
		background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/dvMenu.jpg) bottom no-repeat;
	}
	
	#submenus ul li.gerais a{
		text-decoration:none;
		font:14px Arial, Helvetica, sans-serif;
		color:#184d66;
	}

	#meio #bannersLat{
		width:205px;
		padding:0px;
		margin:0px;
		text-align:center;
	}

	/*******************************************************/
	/******* ( formatações referentes aos servicos) *******/
	/*******************************************************/
	

	#conteudos #servicos{
		width:100%;
	}
		#servicos #textos{
			margin:90px 5px 5px 5px;
			width:98%;
			text-align:right;
		}
			#textos #spacer{
				width:220px;
				height:90px;
				float:left;
			}
		#servicos #gallery{
			width:480px;
			text-align:center; 
			padding:30px 10px 30px 15px;
		}
		#servicos #gallery a{ text-decoration:none; }
		#eventos #paginar{
			width:95%;
			text-align:right;
		}
			#paginar ul {
				margin:0px;
				padding:0px;
			}
			#paginar ul li{
				display:inline;
				list-style:none;
			}
			#paginar ul li a{
				border:1px solid #498cc3;
				background:#e2e7eb;
				color:#498cc3;
				font:14px Arial, Helvetica, sans-serif;
				padding:1px 4px 1px 4px;
				text-decoration:none;
			}
			#paginar ul li a:hover{
				border:1px solid #e2e7eb;
				background:#498cc3;
				color:#e2e7eb;
			}
	/*******************************************************/
	/******* ( formatações referentes a programacao) *******/
	/*******************************************************/
	

	#conteudos #programacao{
		width:100%;
		background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/backs/sobre.jpg) no-repeat left top;
	}
		#programacao #textos{
			margin:90px 15px 5px 15px;
			width:95%;
			text-align:justify;
		}
		#programacao #textos h4{
			width:95%;
			text-align: center;
			font:bold 140% Arial, Helvetica, sans-serif;
			color:#119aac;
		}
			#textos #spacer{
				width:220px;
				height:90px;
				float:left;
			}
		#programacao #gallery{
			width:480px;
			text-align:center; 
			padding:30px 10px 30px 15px;
		}
		#programacao #paginar{
			width:95%;
			text-align:right;
		}
			#paginar ul {
				margin:0px;
				padding:0px;
			}
			#paginar ul li{
				display:inline;
				list-style:none;
			}
			#paginar ul li a{
				border:1px solid #498cc3;
				background:#e2e7eb;
				color:#498cc3;
				font:14px Arial, Helvetica, sans-serif;
				padding:1px 4px 1px 4px;
				text-decoration:none;
			}
			#paginar ul li a:hover{
				border:1px solid #e2e7eb;
				background:#498cc3;
				color:#e2e7eb;
			}
			
	/**************************************************/
	/******* ( formatações referentes as lojas) *******/
	/**************************************************/
	

	#conteudos #storeOne{
		width:100%;
		_width:276px;  /* hack for ie 6*/
		background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/backs/boaslembrancas2.jpg) no-repeat left top;
	}
	
	
		#storeOne #txt{
			float:right;
			width:62%;
			height:40px;
			font:12px Arial, Helvetica, sans-serif;
			color:#333333;
			margin:77px 5px 25px 180px;
		}
		#storeOne #txt1{
			float:right;
			width:62%;
			_width:270px;   /* hack for ie 6*/
			height:100px;
			font:12px Arial, Helvetica, sans-serif;
			color:#333333;
			padding-top:40px;
			margin:47px 5px 25px 180px;
			_margin:47px 5px 25px 80px; /* hack for ie 6*/
		}
		#storeOne #menuP{
			height:32px;
			width:405px;
			margin:0px 0px 0px 110px;
			_margin:0px 0px 0px 60px;  /* hack for ie 6*/
		}
		
		/******* ( referente aos divs da store) *******/
		#productStore{
			width:99%;
			_width:530px;  /* hack for ie 6*/
			margin:2px;
			margin-left:10px;
			_margin-left:2px;  /* hack for ie 6*/
		}
		#productStore div{ float:left; }
		#productStore #products{
		    border-bottom:1px solid #666666;
			width:160px;
			text-align:center;
			margin:0px;
			padding:3px;
		}
		#productStore #products h3{
			font:bold 100% Arial, Helvetica, sans-serif;
			color:#000000;
			margin:0px;
			padding:0px;
			
		}
		#productStore #products p{
			color:#333333;
			margin:0px;
			padding:0px;
			
		}
		#productStore #products #link{
			width:120px;
			line-height:24px;
			margin-left:20px;
			height:24px;
			background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/mor.gif) no-repeat;
		}
		#productStore #products #link a{
			font:12px Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			text-decoration:none;
			line-height:24px;
			margin-left:20px;
		}
		#productStore #products #link a:hover{
			color:#d5d5d5;
		}
		
		#productStore #pagination{
			width:95%;
			text-align:right;
			margin:5px;
		}
		#productStore #pagination b{
			padding:3px 5px 3px 5px;
			color:#333333;
			font:bold 100% Arial, Helvetica, sans-serif;
		}
		#productStore #pagination a{
			padding:3px 5px 3px 5px;
			background:#80bde7;
			color:#333333;
			font:12px Arial, Helvetica, sans-serif;
			text-decoration:none;
		}
		#productStore #pagination a:hover{
			padding:3px 5px 3px 5px;
			background:#4580bd;
			color:#ffffff;
			font:12px Arial, Helvetica, sans-serif;
			text-decoration:none;
		}
		
		#productView{ width:98%; margin-top:37px; }
		#productView #dados{ width:100%; margin-top:50px; }
		#productView #dados #spacer{
			width:160px;
			height:120px;
			_width:1px;
			_height:1px;
		}
		#productView #dados h2{
			width:100%;
			_width:540px;
			_margin-top:-20px;
			text-align:center;
			font:bold 150% Arial, Helvetica, sans-serif;
			color:#2c527b;
		}
		#productView #dados p{
			margin-left:10px;
			_width:440px;
			_margin-left:80px;
		}
		#productView #dados #chamadaProduto{
			width:542px;
			height:80px;
			background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/txtFotoProduto.jpg) no-repeat left top;
		}
		#productView #dados #imageProdutos{
			width:100%;
			text-align:center;
			margin:5px;
		}

		
	#conteudos #storeTwo{
		width:100%;
		_width:276px;  /* hack for ie 6*/
		background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/backs/emporiog.jpg) no-repeat left top;
	}
	
	
		#storeTwo #txt{
			float:right;
			width:62%;
			height:40px;
			font:12px Arial, Helvetica, sans-serif;
			color:#333333;
			margin:77px 5px 25px 180px;
		}
		#storeTwo #txt1{
			float:right;
			width:62%;
			_width:270px;   /* hack for ie 6*/
			height:100px;
			font:12px Arial, Helvetica, sans-serif;
			color:#333333;
			padding-top:40px;
			margin:47px 5px 25px 180px;
			_margin:47px 5px 25px 80px; /* hack for ie 6*/
		}
		#storeTwo #menuP{
			height:32px;
			width:405px;
			margin:0px 0px 0px 110px;
			_margin:0px 0px 0px 60px;  /* hack for ie 6*/
		}
		
		
		
		
			#menuP ul{ margin:0px; padding:0px; text-align:center; }
			#menuP ul li{ margin:0px; padding:0px; display:inline; list-style:none; }
			#menuP ul li a{
				font:bold 110% Arial, Helvetica, sans-serif;
				color:#2c527b;
				text-decoration:none;
				line-height:34px;
				margin:0px 3px 0px 3px;
			}
			#menuP ul li a:hover{
				color:#333333;
			}
			
			#menuP #sub{
				width:340px;
				background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/backSub.jpg) center  repeat-y;
				margin:3px 0px 0px 10px;
				*margin:3px 0px 0px 10px;
				text-align:center;
			}
			#menuP #sub #subs{  width:100%; text-align:center; }
			#menuP #sub #subs a{
				font:12px Arial, Helvetica, sans-serif;
				color:#333333;
				line-height:30px;
				padding:4px;
				text-decoration:none;
				margin:0px 3px 0px 3px;
			}
			#menuP #sub #rodape{
				width:340px;
				height:5px;
				background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/footherSub.jpg) left top no-repeat;
				_background:#ffffff url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/footherSub.jpg) left top no-repeat;
			}
			
		
	/*******************************************************/
	/******* (  formatações referentes aos erros   ) *******/
	/*******************************************************/
	

	#conteudos #erro404{
		width:100%;
		height:600px;
		background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/backs/404.jpg) no-repeat left top;
	}
		#erro404 #textos{
			margin:190px 5px 5px 5px;
			width:98%;
			text-align:center;
			color:#2c527b;
		}
		#erro404 #textos h1{
			width:98%;
			text-align:center;
			width:100%;
			color:#890000;
		}
		#erro404 #textos #spacer{
			width:220px;
			height:90px;
			float:left;
		}

#cloudstags{
	width:350px;
	height:150px;
	/*border:3px solid #416b84;*/
	position:absolute;
	z-index:99;
	top:198px;
	background:#97b9d5;
	padding:5px;
}
#cloudstags #topo{ width:99%; }
#cloudstags #topo div{ float:left;}
#cloudstags #topo #titulo{
	color:#ffffff;
	font:bold 130% Arial, Helvetica, sans-serif;
	width:100%;
}
#cloudstags #topo #titulo img{ float:right; }


/*** refente ao rodape do site ***/
#geral #rodape{
	clear:both;
	background:url(http://www3.alamedaqualitycenter.com.br/apoios/_images/temas/default/rodapeCloudstags.jpg) no-repeat left bottom;
	width:100%;
	height:50px;
	font:14px Arial, Helvetica, sans-serif;
	color:#164b6c;
	text-align:right;
}
#geral #rodape #ct{
	width:97%;
	overflow:hidden;
	height:100px;
	text-align: left;
	margin-left:15px;
	padding:-15px 10px 0px 10px;
}
#geral #rodape #ct a{
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	color:#2c527b;
	text-decoration:none;
}
#geral #rodape #ct a:hover{
	color:#000033;
	text-decoration:underline;
}