/*********************************************************************************************************************************************
	Reset styles
**********************************************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, 
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	padding: 0;
	margin: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/*********************************************************************************************************************************************
	General Styles
**********************************************************************************************************************************************/
*{
	font-family:Arial, Tahoma, Verdana, Sans-serif;
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6{
	font-family:Arial, Tahoma, Verdana, Sans-serif;
	font-weight:normal;
}
a{
	text-decoration:none;
}


/*********************************************************************************************************************************************
	Wrapper, Body & Container
**********************************************************************************************************************************************/

	body
	{
		margin:0;
		padding: 0;
		background-color: #000;
		background-repeat: no-repeat;
		background-position: center top;
		overflow: auto;
	}
		body.bgacontece{background-image: url("../images/bgs/bg-empresa.jpg"); background-attachment: fixed;}
		body.bghome {background-image: url("../images/bg.jpg");}
		body.bgempresa{background-image: url("../images/bgs/bg-empresa.jpg");}
		body.bgpromocoes {background-image: url("../images/bgs/bg-promocoes.jpg");}
		body.bgobras {background-image: url("../images/bgs/bg-obras.jpg");}
		body.bgmultimidia {background-image: url("../images/bgs/bg-multimidia.jpg");  }
		body.bgtour {background-image: url("../images/bgs/bg-tour.jpg");}
		body.bgprodutos {background-image: url("../images/bgs/bg-produtos.jpg");}
		body.bgcontato {background-image: url("../images/bgs/bg-contato.jpg"); background-attachment: fixed;}
	
	.wrapper
	{
		width: 948px;
		min-height: 600px;
		margin: 0 auto;
		
		
	}

		.container
		{
			float:left;
			width: 948px;
			min-height: 600px;
			margin-top: 10px;
			margin-bottom: 10px;
			
		}





/*********************************************************************************************************************************************
	Layout
**********************************************************************************************************************************************/

	.topo
	{
		float: left;
		width: 938px;
		height: 98px;
		background-image: url("../images/bg-topo.png");
		
	}
	
	.menu
	{
		float: left;
		margin: 20px 0 0 0;
	}
	
		.menu li
		{
			display: inline;
		}
		
			.menu li a
			{
				padding: 5px 7px 16px 7px;
				font-family: arial, helvetica, sans-serif;
				color: white;
				font-size: 14px;
				background-image: url("../images/bg-menu.png");
				font-weight: 500;  
			}
			
				.menu li a:hover
				{
					color: #990000;
					background-image: url("../images/bg-menu.png");
				}
				
	.menu
	{
		_float: left;
		_margin: 20px 0 0 0;
	}
	
		.menu li
		{
			_display: inline;
		}
		
			.menu li a
			{
				_padding: 5px 7px 16px 7px;
				_font-family: arial, helvetica, sans-serif;
				_color: white;
				_font-size: 14px;
				_background-image: none;
				_font-weight: 500;  
			}
			
				.menu li a:hover
				{
					_color: #990000;
					_background-image: none;
					_background-color: white;
				}
			
	
	.conteudo
	{
		float: left;
		width: 938px;
		min-height: 327px;
		_height: 340px;
		margin: 14px 0 0 0;
		background-color: white;
		_display:inline;
	}
    
    .tamanho-ie7
    {
        *height: 800px;
    }
	
	.chamada
	{
		float: left;
		width: 938px;
		min-height: 216px;
		_height: 216px;
		margin: 20px 0 0 0;
	}
	
		.titulo-chamada
		{
			margin: 0 0 0 15px;
		}
			
		.titulo-chamada-destaque
		{
			margin: 0 0 0 10px;
			padding: 15px 0 0 0; 
		}
	
	.ambiental
	{
		width: 481px;
		min-height: 200px;
		float: left;
		margin: 30px 30px 0 0;		
	}
	
		.box-ambiental
		{
			width: 482px;
			height: 181px;
			float: left;
			background-image: url("../images/bg-ambiental.png");
		}
		
			.box-ambiental-dados
			{
				width: 451px;
				height: 152px;
				margin: 15px;
				background-color: white;
			}
			
				.box-ambiental-dados img
				{
					float: left;
					margin: 20px 0 0 10px;
				}
	
	.rodape
	{
		width: 948px;
		min-height: 100px;
		float: left;
		margin: 40px 10px 0 0;	
	}
	
		.autor
		{
			float: right;
			margin: 0 8px 0 0;
		}
		
		.social
		{
			float: left;
			width: 110px;
			height: 50px;
			margin: 0 10px;
		}
		
			.twitter
			{
				float: left;
				width: 50px;
				height: 50px;
				text-indent: -12000px;
				margin: 0 10px 0 0;
				background-image: url("../images/twitter.png");
				background-position: 0 0;
			}
			
				.twitter:hover
				{
					background-position: 0 -61px;
				}
			
			.facebook
			{
				float: left;
				width: 50px;
				height: 50px;
				text-indent: -12000px;
				background-image: url("../images/facebook.png");
				background-position: 0 0;
			}
			
				.facebook:hover
				{
					background-position: 0 -61px;
				}
				
	.titulos-obra
	{
		color: #9A0201;
		float: left;
		margin: 0 730px 0 0;
		display: none;
	}
		
	.texto
	{
		float: left;
		height: 528px;
		margin: 0 0 0 28px;
		width: 237px;
	}
		
		.texto p
		{
			color: #333;
			font-size: 12px;
			padding: 30px 10px 0 20px;
		}
		
	.abre-aspas
	{
		background: url("../images/aspas.png");
		float:left;
		height: 18px;
		margin: 5px 0 0 20px;
		text-indent: -12000px;
		width: 29px;
		
	}
		
	.galeria-tata
	{
		float: left;
		margin: 20px 20px 30px 120px;
		_margin: 0 20px 30px 10px;
		width: 900px;
		min-height: 200px;
		_display: inline;
	}
		
	.red-name
	{
		color: #990100;
	}
		
	.tamanho-tata
		{
			height: 124px;
			width: 124px;
			background-image: url("../images/bg-produtos.jpg");
			_background-repeat: no-repeat;
			float: left;
			margin: 0 0 20px 130px;
		}
		
	.nome-tata
	{
		float: right;
		color: #333;
		font-size: 14px;
		margin: 10px 20px 0 0;
		font-style: italic; 
	}
		
	#voltar
	{
		float: right;
		font-size: 12px;
		font-weight: bold;
		color: #990100;
		margin: 0 64px 40px 0;
	}
		#voltar:hover
		{
			color: #333;
		}
			
	#link-entrevista
	{
		float: left;
		width: 400px;
		height: 25px;
		font-family: arial, helvetica, sans-serif;
		font-size: 13px;
		color: #333;
		margin: 10px 0 0 10px;
	}	
		
		
		#link-entrevista:hover
		{
			color: #990100; 
		}

	

/*********************************************************************************************************************************************
	Elementos Gerais
**********************************************************************************************************************************************/




	.logo
	{
		float: left;
		margin: 15px 0 0 25px;
	}

	.slogan
	{
		float: right;
		margin: 50px 25px 0 0;
	}
	
	/******** Inicio GridBox ********/
	 
	.separador-gridbox
	{
		float: left;
		width: 286px;
		min-height: 216px;
		margin: 0 38px 0 0;
		_margin: 0 32px 0 0;
	}
	
		.separador-gridbox-ultimo
		{
			float: left;
			width: 286px;
			min-height: 216px;
		}
	 
	.boxgrid
	{ 
		width: 286px; 
		height: 216px;  
		float:left; 
		background:#fff; 
		border: solid 2px #fff; 
		overflow: hidden; 
		position: relative;
	}
	
		.boxgrid img
		{ 
			position: absolute; 
			top: 0; 
			left: 0; 
			border: 0; 
		}
		
			.boxgrid p
			{ 
				padding: 0 10px; 
				color:#afafaf; 
				font-weight:bold; 
				font:10pt "Lucida Grande", Arial, sans-serif; 
			}
				
				.boxcaption
				{ 
					float: left; 
					position: absolute; 
					background: #000; 
					height: 80px; 
					width: 100%; 
					opacity: .8; 
					/* For IE 5-7 */
					filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
					/* For IE 8 */
					-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				}
 				.captionfull .boxcaption
				{
 					top: 220px;
 					left: 0;
 				}
 				.caption .boxcaption
				{
 					top: 260px;
 					left: 0;
 				}
    /*Chamada Simulador */
	.separador-gridbox-destaque
	{
		float: left;
		width: 286px;
		min-height: 216px;
		margin: 14px 38px 0 0;
		_margin: 0 32px 0 0;
	}
	
		.separador-gridbox-ultimo
		{
			float: left;
			width: 286px;
			min-height: 216px;
		}
	 
	.boxgrid-destaque
	{ 
		width: 423px; 
		height: 175px;  
		float:left; 
		background:#fff; 
		border: solid 2px #fff; 
		overflow: hidden;
		margin: 8px 0 0 0;
		position: relative;
	}
	
		.boxgrid img
		{ 
			position: absolute; 
			top: 0; 
			left: 0; 
			border: 0; 
		}
		
			.boxgrid p
			{ 
				padding: 0 10px; 
				color:#afafaf; 
				font-weight:bold; 
				font:10pt "Lucida Grande", Arial, sans-serif; 
			}
				
				.boxcaption
				{ 
					float: left; 
					position: absolute; 
					background: #000; 
					height: 80px; 
					width: 100%; 
					opacity: .8; 
					/* For IE 5-7 */
					filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
					/* For IE 8 */
					-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				}
 				.captionfull .boxcaption
				{
 					top: 220px;
 					left: 0;
 				}
 				.caption .boxcaption
				{
 					top: 260px;
 					left: 0;
 				}
					
		.item-simulador
		{
			float: left;
			margin: 0 0 60px 70px;
			width: 800px;
		}
				
	/******** Fim GridBox ********/
	
	
	/******** Inicio SlidShow ****/
	
	#slideshow
	{
		position:relative;
		min-height:300px;
	}

	#slideshow IMG
	{
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
		margin: 4px 0 0 3px;
	}

	#slideshow IMG.active
	{
		z-index:10;
		opacity:1.0;
	}

	#slideshow IMG.last-active
	{
		z-index:9;
	}
	
	/******** Fim SlidShow *******/

	
	.foto-empresa
	{
		float: right;
		margin: 0 40px 40px 0;
	}
	
	.galeria
	{
		float: left;
		margin: 0 20px 30px 40px;
		_margin: 0 40px 20px 0px;
		width: 650px;
		min-height: 200px;;
	}
	
		.lista-galeria
		{
			float: left;
			margin: 0 0 0 20px;
		}
		
			.lista-galeria li
			{
				display: inline;
				
			}
			
				.lista-galeria li a img
				{
					padding: 8px 0 0 9px;
				}
			
					.tamanho
					{
						height: 124px;
						width: 124px;
						background-image: url("../images/bg-produtos.jpg");
						_background-repeat: no-repeat;
						float: left;
						margin: 0 0 30px 20px;
					}
					
					.tamanho-promocoes
					{
						height: 124px;
						width: 124px;
						background-image: url("../images/bg-produtos.jpg");
						_background-repeat: no-repeat;
						float: left;
						margin: 0 0 65px 20px;
					}
					
	.lista-videos
		{
			float: left;
			margin: 0 20px 0 10px;
			_margin: 0 20px 0 10px;
			width: 910px;
			height: 300px;
		}
				
                .tamanho-videos
				{
					height: 242px;
					width: 300px;
					background-image: url("../images/bg-videos.jpg");
					_background-repeat: no-repeat;
					float: left;
				}
				
					.margin-video
					{
						margin: 13px 0 0 10px;
						width: 287px;
						height: 215px;
					}
					
	.lista-midia
		{
			float: left;
			margin: 0 0 50px 35px;
			_margin: 15px 0 50px 10px;
		}
		
			.lista-midia li
			{
				display: inline;
				
			}
			
				.lista-midia li a img
				{
					padding: 8px 0 0 9px;
				}
				
	.lista-midia-unico
	{
		float: left;
		margin: 0 600px 50px 35px;
		_margin: 15px 0 50px 10px;
	}
		
		.lista-midia-unico li
		{
			display: inline;
		}
			
			.lista-midia-unico li a img
			{
				padding: 8px 0 0 9px;
			}
            
            
            
    
		
	.galeria-obras
	{
		float: left;
		margin: 0 20px 30px 35px;
		_margin: 0 20px 30px 10px;
		width: 900px;
		min-height: 200px;
		_display: inline;
	}
	
		.tamanho-obras
		{
			height: 124px;
			width: 124px;
			background-image: url("../images/bg-produtos.jpg");
			_background-repeat: no-repeat;
			float: left;
			margin: 0 0 20px 10px;
		}
		
	.galeria-multimia
	{
		float: left;
		margin: 0 20px 30px 35px;
		width: 900px;
	}
	
		.tamanho-multimia
		{
			height: 124px;
			width: 124px;
			background-image: url("../images/bg-produtos.jpg");
			_background-repeat: no-repeat;
			float: left;
			margin: 0 0 20px 10px;
		}
		
	.pagamento
	{
		float: left;
		margin: 0 40px 30px 0;
		width: 180px;
		min-height: 200px;
	}
	
		.garantia
		{
			margin: 0 0 10px 4px;
			_margin: 0 0 10px 14px;
		}
	
		.cartoes
		{
			float: left;
			margin: 0 0 0 10px;
		}
		
			.cartoes li
			{
				display: inline;
				margin: 0 5px 0 -5px;
			}
			
			.visa
			{
				*margin: 0 0 0 5px;
			}
			
	.navegacao
	{
		float: right;
		margin: 0 85px 0 0;
		_margin: 10px 30px 0 0;
	}
	
		.navegacao li
		{
			display: inline;
		}
		
			.navegação-link
			{
				padding: 2px 5px 2px 5px;
				font-family:arial, helvetica, sans-serif;
				font-size: 12px;
				color: #fff;
				font-weight: bold;
				border: 1px solid #fff;
				background-color: #990000;
			}
			
				.navegação-link:hover
				{
					border: 1px solid #990000;
					background-color: #fff;
					color: #990000;
				}

	.chamada-tour img
	{
		margin: 0 0 40px 55px;
	}


	.formulario-contato
	{
		float: left;
		width: 320px;
		margin: 0 10px 40px 90px;
		_margin: 0 10px 40px 40px;
	}
	
		.formulario-contato fieldset
		{
			float: left;
			padding: 0 0 10px 0;
			width: 100%;
		}
		
			.formulario-contato fieldset label
			{
				float: left;
				padding: 0 0 2px 0;
				width: 100%;
				font-family: arial, helvetica, sans-serif;
				font-size: 14px;
				color: #333;
			}
			
			.formulario-contato fieldset select
			{
				float: left;
				padding: 0 0 2px 0;
				width: 250px;
				font-family: arial, helvetica, sans-serif;
				font-size: 14px;
				border: 1px solid #999;
				height: 25px;
				color: #990000;
			}
			
			.form_geral
			{
				border: 1px solid #999;
				width: 250px;
				height: 25px;
				color: #990000;
				font-size: 13px;
			}
			
			.textarea_geral
			{
				border: 1px solid #999;
				width: 250px;
				height: 100px;
				color: #990000;
				font-size: 13px;
			}
			
	.div-sucesso
	{
		float: left;
		width: 320px;
		margin: 120px 10px 40px 90px;
	}
			
	.contato_enderecos
	{
		float: right;
		width: 370px;
		min-height: 200px;
		margin: 0px 90px 0 0;
	}
	
	#ativo
	{
		background-color: white;
		color: #990000;
	}
	
	.centraliza-cartao
	{
		margin: 0 0 0 41px;
	}
    

	.espaco
    {
        padding: 0 100px 0 0px ;
        *padding: 0 0 0 0;
        float: left;
    }
    
    .esconde
    {
        display: none;
    }
    
    .borda
    {
        *margin-bottom: 20px;
    }
	
	.box-acontece
	{
		float: left;
		width: 800px;
		min-height: 50px;
		margin: 0 0 20px 40px;
	}
	
		.lista-acontece
		{
			float: left;
			margin: 0 0 0 5px;
			_margin: 15px 0 5px 10px;
		}
		
			.lista-acontece li
			{
				display: inline;
				
			}
			
				.lista-acontece li a img
				{
					padding: 8px 0 0 9px;
				}
				
		.titulo-acontece
		{
			float: left;
			color: #990000;
			margin: 5px 0 0 10px;
		}
		
		.texto-acontece
		{
			float: left;
			width: 600px;
			min-height: 95px;
			font-family: arial, helvetica, sans-serif;
			font-size: 13px;
			color: #333;
			margin: 10px 0 0 10px;
		}
			
		.titulo-dicas-entrevista
		{
			float: left;
			color: #990000;
			margin: 5px 0 0 10px;
		}
		
		.texto-dicas-entrevista
		{
			float: left;
			width: 600px;
			min-height: 95px;
			font-family: arial, helvetica, sans-serif;
			font-size: 13px;
			color: #333;
			margin: 25px 0 0 10px;
		}
	
/*********************************************************************************************************************************************
	Textos
**********************************************************************************************************************************************/

	.h3-chamada
	{
		color: white;
		margin: 0 0 0 10px;
	}
	
	.link-chamada 
	{
		font-family: arial, helvetica, sans-serif;
		color:white;
	}
	
		.link-chamada:hover
		{
			color: #d1d1d1;
		}
		
	.texto-ambiental
	{
		font-family: arial, helvetica, sans-serif;
		font-size: 13px;
		float: right;
		width: 290px;
		height: 65px;
		color: #333;
		margin: 40px 15px 15px 15px;
	}
	
	.link-ambiental
	{
		font-family: arial, helvetica, sans-serif;
		font-size: 13px;
		color: #990000;
		padding: 40px 0 0 20px;
	}
	
		.link-ambiental:hover
		{
			color: #4f0000;
		}
		
	.texto-rodape
	{
		font-family: arial, helvetica, sans-serif;
		font-size: 14px;
		color: #fff;
		float: left;
	}
	
	.titulo-sessao
	{
		margin: 30px 0 20px 40px;;
	}
	
	.titulo-sessao-televisao
	{
		margin: 30px 0 10px 50px;;
	}
	
	.titulo-sessao-midia
	{
		margin: 30px 0 10px 50px;
		
	}
    
    .titulo-sessao-casacor
	{
		margin: 30px 0 10px 0px;
	}
	
	.texto-empresa
	{
		font-family: arial, helvetica, sans-serif;
		font-size: 13px;
		color: #333;
		margin: 0 40px 20px 40px;
		_margin: 0 40px 20px 20px;
		width: 520px;
		float: left;
	}
	
	.descricao-produtos
	{
		text-align: center;
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		color: #990000;
	}
    

	
	.descricao-videos
	{
		text-align: center;
		font-family: arial, helvetica, sans-serif;
		font-size: 14px;
		color: #990000;
		margin: 8px 0 0 0;
	}
	
	.preco-velho
	{
		font-family: arial, helvetica, sans-serif;
		color: #666;
		font-size: 13px;
		text-decoration: line-through;
	}
	
	.nome-promocao
	{
		font-family: arial, helvetica, sans-serif;
		color: #990000;
		font-size: 13px;
	}
	
	.texto-contato
	{
		font-family: arial, helvetica, sans-serif;
		color: #333;
		font-size: 14px;
	}
    
    .texto-arquitetos
	{
		font-family: arial, helvetica, sans-serif;
		color: #666;
		font-size: 16px;
        margin: 0px 0 15px 53px;
        font-weight: normal;
	}
	
	.texto-sucesso
	{
		font-family: arial, helvetica, sans-serif;
		font-size: 16px;
		color: #333;
		margin: 0 40px 20px 30px;
		width: 520px;
		float: left;
	}