/**************************************************************************************************
		CABEÇALHO
**************************************************************************************************/	
	#ZoupCabecalho{
		width:100%;
		height:260px;
		background-image:url(../img/img_topo.jpg);
		background-repeat:no-repeat;
		background-position:center;
		border-bottom:3px solid #002e62;		
	}
/**************************************************************************************************
		MENU PRINCIPAL
**************************************************************************************************/		
	#ZoupCabecalho #ZoupMenuPrincipal{
		width:762px;
		height:164px;
		left:50%;
		margin-left:-381px;
	}
	#ZoupCabecalho #ZoupMenuPrincipal h1 a{
		position:relative;
		top:138px;
		float:left;
		width:225px;
		height:203px;		
		background-image:url(../img/logomarca.png);
		background-repeat:no-repeat;
	}
	#ZoupCabecalho #ZoupMenuPrincipal ul{
		position:relative;
		top:227px;		
		float:right;
		width:417px;
		height:45px;
		background-color:#FFFFFF;
		border-top:3px solid #002e62;
		border-left:3px solid #002e62;
		border-right:3px solid #002e62;		
	}
/**************************************************************************************************
		ÍTENS DO MENU
**************************************************************************************************/		
	#ZoupCabecalho #ZoupMenuPrincipal ul li{
		display:block;
		float:left;
		padding:4px;
		border-left:2px solid #002e62;
	}
	#menu-home a, #menu-mikatys a, #menu-empreendimentos a, #menu-contato a{
		height:26px;
		margin-top:3px;
	}
	#menu-home a{		
		width:64px;
		background-image:url(../img/menu_home.gif);
		background-repeat:no-repeat;
		margin-left:3px;
		border:none;
	}
	#menu-mikatys a{
		width:72px;
		background-image:url(../img/menu_mikatys.gif);
		background-repeat:no-repeat;
	}
	#menu-empreendimentos a{
		width:155px;	
		background-image:url(../img/menu_empreendimento.gif);
		background-repeat:no-repeat;
	}
	#menu-contato a{
		width:80px;		
		background-image:url(../img/menu_contato.gif);
		background-repeat:no-repeat;
	}	
/**************************************************************************************************
		ÍTENS DO MENU HOVER
**************************************************************************************************/		
	#menu-home a:hover{
		background-image:url(../img/menu_home_hover.gif);
		background-repeat:no-repeat;
	}
	#menu-mikatys a:hover{
		background-image:url(../img/menu_mikatys_hover.gif);
		background-repeat:no-repeat;
	}
	#menu-empreendimentos a:hover{
		background-image:url(../img/menu_empreendimento_hover.gif);
		background-repeat:no-repeat;
	}
	#menu-contato a:hover{
		background-image:url(../img/menu_contato_hover.gif);
		background-repeat:no-repeat;
	}
/**************************************************************************************************
		CONTEÚDO
**************************************************************************************************/		
	#ZoupConteudo{
		top:65px;
		width:762px;
		height:auto;
		left:50%;
		margin-left:-381px;
	}
	
	#ZoupConteudo fieldset{
		position:relative;
		top:-10px;
	}			
	#ZoupConteudo ul li label{
		display: block;
		width:140px;
		font-size:12px;
		color:#45549a;		
	}	
	#ZoupConteudo input{
		width:277px;
		height:20px;
		background-color:#FFFFFF;
		border:1px solid #71a1d6;
	}	
	#ZoupConteudo textarea{
		width:277px;
		height:180px;
		background-color:#FFFFFF;
		border:1px solid #71a1d6;
	}	
	#ZoupConteudo select{
		width:auto;
		height:23px;
		font-size:11px;
		background-color:#FFFFFF;
		border:1px solid #71a1d6;
	}		
	#ZoupConteudo .ZoupBotaoLogin{
		width:56px;
		height:23px;
		font-size:12px;
		color:#FFFFFF;
		background-color:#002e62;
		border:1px solid #71a1d6;
	}	
/**************************************************************************************************
		CONTEÚDO PAINEL 
**************************************************************************************************/		
	#ZoupConteudo #ZoupPainel{
		width:100%;
		height:300px;
		background-color:#FFF;
	}
	#ZoupConteudo #ZoupPainel h1{
		top:28px;
		left:27px;
		width:238px;
		height:30px;
		background-image:url(../img/titulo_area_restrita.gif);
		background-repeat:no-repeat;
		border-bottom:1px dashed #002e62;		
		clear:both;
	}
/**************************************************************************************************
		COLUNAS DO PAINEL 
**************************************************************************************************/		
	#ZoupConteudo #ZoupPainel #Col2{
		width:100%;
		height:223px;
		margin-top:-20px;
		font-size:12px;
		color:#45549a;			
	}
	#ZoupConteudo #ZoupPainel #Col3{
		width:100%;
		height:221px;
		font-size:12px;
		color:#45549a;			
	}	
/**************************************************************************************************
		COLUNA2-1 DO PAINEL 
**************************************************************************************************/		
	#ZoupConteudo #ZoupPainel #Col2 #Col2-1{
		width:238px;
		height:120px;
		margin-top:64px;
		margin-left:23px;
		margin-right:27px;
	}	
	#ZoupConteudo #ZoupPainel #Col2 #Col2-1 ul li{
		display:block;
		float:left;
		padding:4px;
		vertical-align:text-bottom;	
	}	
	#ZoupConteudo #ZoupPainel #Col2 #Col2-1 ul li label{
		display:block;
		width:40px;
		color:#45549a;	
	}	
	#ZoupConteudo #ZoupPainel #Col2 #Col2-1 ul li span{
		display:block;
		width:160px;
		font-size:12px;
		color:#45549a;			
	}	
	#ZoupConteudo #ZoupPainel #Col2 #Col2-1 input{
		width:173px;
		height:20px;
		background-color:#FFFFFF;
		border:1px solid #71a1d6;
	}		
	#ZoupConteudo #ZoupPainel #Col2 #Col2-1 .ZoupBotaoLogin{
		width:56px;
		height:23px;
		font-size:12px;
		color:#FFFFFF;
		background-color:#002e62;
		border:1px solid #71a1d6;
	}		
	#ZoupConteudo #ZoupPainel #Col2 #Col2-1 img{
		margin-top:16px;
		border:1px solid #71a1d6;
	}		
/**************************************************************************************************
		COLUNA2-2 DO PAINEL 
**************************************************************************************************/
	#ZoupConteudo #ZoupPainel #Col2 #Col2-2{
		width:auto;
		height:215px;
	}	
	#ZoupConteudo #ZoupPainel #Col2 #Col2-2 a{
		position:absolute;
		top:155px;
		left:291px;
		width:64px;
		height:58px;
	}	
	#ZoupConteudo #ZoupPainel #Col2 #Col2-2 a img{border:none;}		
	#ZoupConteudo #ZoupPainel #Col2 #Col2-2 img{
		border:1px solid #daddc8;
	}
				
/**************************************************************************************************
		COLUNA3-1 DO PAINEL 
**************************************************************************************************/
	#ZoupConteudo #ZoupPainel #Col3 #Col3-1{
		width:162px;
		height:221px;
		margin-left:23px;		
		margin-right:18px;
	}	
	#ZoupConteudo #ZoupPainel #Col3 #Col3-2{
		width:236px;
		height:221px;
		margin-right:18px;	
	}	
	#ZoupConteudo #ZoupPainel #Col3 #Col3-2 h2{
		font-size:26px;
	}		
	#ZoupConteudo #ZoupPainel #Col3 #Col3-2 ul{
		width:45%;
		height:221px;
		margin-left:10px;
	}			
	#ZoupConteudo #ZoupPainel #Col3 #Col3-2 ul li{
		width:20px;
		height:19px;
		float:left;
		padding:3px;
		margin-left:3px;
		text-align:center;
		text-transform:uppercase;
	}
	#ZoupConteudo #ZoupPainel #Col3 #Col3-2 a{
		position:relative;
		top:2px;
		color:#FFF;
	}
	#ZoupConteudo #ZoupPainel #Col3 #Col3-2 ul .BackVerde{
		width:20px;
		height:19px;
		background-color:#9AAF6C;
		border:1px solid #FFF;
	}	
	#ZoupConteudo #ZoupPainel #Col3 #Col3-2 ul .BackVermelho{
		width:20px;
		height:19px;
		background-color:#BC433B;
		border:1px solid #FFF;		
	}	
	#ZoupConteudo #ZoupPainel #Col3 #Col3-3{
		width:292px;
		height:221px;
	}
	#ZoupConteudo #ZoupPainel #Col3 #Col3-3 fieldset{
		position:relative;
		top:-10px;
	}			
	#ZoupConteudo #ZoupPainel #Col3 #Col3-3 ul li{
		display:block;
		float:left;
		padding:4px;
	}	
	#ZoupConteudo #ZoupPainel #Col3 #Col3-3 ul li label{
		display: block;
		width:140px;
		font-size:12px;
		color:#45549a;		
	}	
	#ZoupConteudo #ZoupPainel #Col3 #Col3-3 ul li span{
		display:block;
		width:119px;
		height:auto;
		font-size:12px;
		color:#45549a;			
	}	
	#ZoupConteudo #ZoupPainel #Col3 #Col3-3 input{
		width:277px;
		height:20px;
		background-color:#FFFFFF;
		border:1px solid #71a1d6;
	}	
	#ZoupConteudo #ZoupPainel #Col3 #Col3-2 .h21{
		margin-left:44px;
	}			
	#ZoupConteudo #ZoupPainel #Col3 #Col3-2 .h22{
		margin-left:59px;
	}	
	#ZoupConteudo #ZoupPainel #Col3 #Col3-3 .ZoupInputTelefone{
		width:173px;
		height:20px;
		background-color:#FFFFFF;
		border:1px solid #71a1d6;
	}			
	#ZoupConteudo #ZoupPainel #Col3 #Col3-3 select{
		width:auto;
		height:23px;
		font-size:11px;
		background-color:#FFFFFF;
		border:1px solid #71a1d6;
	}		
	#ZoupConteudo #ZoupPainel #Col3 #Col3-3 .ZoupBotaoLogin{
		width:56px;
		height:23px;
		font-size:12px;
		color:#FFFFFF;
		background-color:#002e62;
		border:1px solid #71a1d6;
	}
/**************************************************************************************************
		DESTAQUES
**************************************************************************************************/		
	#ZoupConteudo #ZoupDestaque{
		width:100%;
		height:450px;
		clear:both;
	}
/**************************************************************************************************
		MIKATYS NEWS
**************************************************************************************************/	
	#ZoupConteudo #ZoupDestaque #ZoupMikatysNews{
		width:237px;
		height:406px;
		margin-right:22px;
	}				
	#ZoupConteudo #ZoupDestaque #ZoupMikatysNews h1{
		width:237px;
		height:30px;
		background-image:url(../img/titulo_mikatys_news.gif);
		background-repeat:no-repeat;
		border-bottom:1px dashed #002e62;
	}
	#ZoupConteudo #ZoupDestaque #ZoupMikatysNews p{
		font-size:12px;
		padding:10px;	
	}		
	#ZoupConteudo #ZoupDestaque #ZoupMikatysNews fieldset{
		position:relative;
		top:-30px;
		left:7px;
	}		
	#ZoupConteudo #ZoupDestaque #ZoupMikatysNews ul li{
		display:block;
		float:left;
		padding:4px;
	}	
	#ZoupConteudo #ZoupDestaque #ZoupMikatysNews ul li label{
		display:block;
		width:140px;
		font-size:12px;
	}	
	#ZoupConteudo #ZoupDestaque #ZoupMikatysNews ul li span{
		display:block;
		width:119px;
		height:auto;
		font-size:12px;
	}	
	#ZoupConteudo #ZoupDestaque #ZoupMikatysNews input{
		width:200px;
		height:20px;
		background-color:#FFFFFF;
		border:1px solid #71a1d6;
	}	
	#ZoupConteudo #ZoupDestaque #ZoupMikatysNews .ZoupBotaoNewsLetter{
		position:relative;
		left:146px;
		width:56px;
		height:23px;
		font-size:12px;
		color:#FFFFFF;
		background-color:#002e62;
		border:1px solid #71a1d6;
	}	
/**************************************************************************************************
		MIKATYS INDICADORES
**************************************************************************************************/				
	#ZoupConteudo #ZoupDestaque #ZoupIndicadores{
		width:260px;
		height:246px;
		margin-right:22px;	
	}				
	#ZoupConteudo #ZoupDestaque #ZoupIndicadores h1{
		width:260px;
		height:30px;
		background-image:url(../img/titulo_indicadores.gif);
		background-repeat:no-repeat;
		border-bottom:1px dashed #002e62;
		margin-bottom:10px;
	}	
	#ZoupConteudo #ZoupDestaque #ZoupIndicadores ul{
		width:100%;
		height:100px;
	}			
	#ZoupConteudo #ZoupDestaque #ZoupIndicadores ul li{		
		width:75px;
		float:left;
		font-size:12px;	
		text-align:left;	
	}
	#ZoupConteudo #ZoupDestaque #ZoupIndicadores ul li span{		
		position:relative;
		top:3px;
	}	
	#ZoupConteudo #ZoupDestaque #ZoupIndicadores ul .ClassTituloIndicadores{
		width:39px;					
		height:39px;
		padding:2px;
		margin-left:3px;
		text-align:center;
	}
	#ZoupConteudo #ZoupDestaque #ZoupIndicadores ul .ClassTituloIndicadores span{
		color:#000000;
	}	
	#ZoupConteudo #ZoupDestaque #ZoupIndicadores ul .ClassVerdeEscuro{
		width:39px;
		height:20px;
		background-color:#3BB3C4;			
		padding:2px;
		margin-left:3px;		
		margin-bottom:3px;
		text-align:center;				
	}	
	#ZoupConteudo #ZoupDestaque #ZoupIndicadores ul .ClassVerdeEscuro span{
		position:relative;
		top:3px;	
		color:#000000;
	}							
	#ZoupConteudo #ZoupDestaque #ZoupIndicadores ul .ClassVerdeClaro{
		width:39px;
		height:20px;		
		background-color:#BBD8DE;					
		padding:2px;
		margin-left:3px;		
		margin-bottom:3px;
		text-align:center;		
	}
	#ZoupConteudo #ZoupDestaque #ZoupIndicadores ul .ClassVerdeClaro span{
		position:relative;
		top:3px;
		color:#000000;		
	}				
/**************************************************************************************************
		MIKATYS NOTÍCIAS
**************************************************************************************************/				
	#ZoupConteudo #ZoupDestaque #ZoupNoticias{
		width:211px;
		height:296px;
		font-size:12px;
	}				
	#ZoupConteudo #ZoupDestaque #ZoupNoticias h1{
		width:211px;
		height:30px;
		background-image:url(../img/titulo_noticias.gif);
		background-repeat:no-repeat;
		border-bottom:1px dashed #002e62;
	}	
	#ZoupConteudo #ZoupDestaque #ZoupNoticias p{
		line-height:160%;
	}	
	#ZoupConteudo #ZoupDestaque #ZoupNoticias ul{
		margin-left:15px;
		margin-bottom:3px;
		border-bottom:1px dashed #002e62;		
	}		
	#ZoupConteudo #ZoupDestaque #ZoupNoticias ul li{
		margin-top:10px;
		padding:3px;	
	}	
	#ZoupConteudo #ZoupDestaque #ZoupNoticias ul li a{
		color:#0d417a;
	}			
	#ZoupConteudo #ZoupDestaque #ZoupNoticias ul li a:hover{
		color:#000;
	}
	#ZoupConteudo #ZoupDestaque #ZoupNoticias .notVerdClaro{
		background-color:#92bbe8;
		padding:3px;

	}	
	#ZoupConteudo #ZoupDestaque #ZoupNoticias .notVerdEscuro{
		background-color:#2e69a9;
		padding:3px;		
		color:#FFFFFF;
	}	
	#ZoupConteudo #ZoupDestaque #ZoupNoticias .notUrl a{
		display:block;
		color:#0d417a;
		font-size:11px;
		float:right;
	}		
	#ZoupConteudo #ZoupDestaque #ZoupNoticias .notUrl a:hover{
		color:#000;
	}	
/**************************************************************************************************
		MIKATYS EMPREENDIMENTOS
**************************************************************************************************/			
	#ZoupConteudo #ZoupDestaque #ZoupDestEmpreendimentos{
		width:456px;
		height:141px;
	}				
	#ZoupConteudo #ZoupDestaque #ZoupDestEmpreendimentos h1{
		width:433px;
		height:30px;
		background-image:url(../img/titulo_empreend_capa.gif);
		background-repeat:no-repeat;
		border-bottom:1px dashed #002e62;
		margin-bottom:10px;
	}
	#ZoupConteudo #ZoupDestaque #ZoupDestEmpreendimentos ul li{
		display:block;
		float:left;
		padding:4px;
		vertical-align:text-bottom;	
	}	
	#ZoupConteudo #ZoupDestaque #ZoupDestEmpreendimentos img{
		border:6px solid #8eb3d8;
	}	
/**************************************************************************************************
		ÍTENS DO MENU EMPRENDIMENTOS
**************************************************************************************************/		
	#ZoupMenuEmpreendimento{
		width:auto;
		height:41px;
		text-align:center;
	}
	#ZoupMenuEmpreendimento ul li{
		display:block;
		float:left;
		padding:4px 15px 4px 4px;
	}
	#menu-hotsite a, #menu-visitavirtual a, #menu-fotosobra a, #menu-videos a, #menu-agendevisita a{
		position:relative;
		display:block;
		text-indent:-9000px;
		overflow:hidden;	
		height:26px;
		border:1px dashed #94c0df;
		margin-top:3px;
	}
	#menu-hotsite a{		
		width:83px;
		background-image:url(../img/menu_hotesite.gif);
		background-repeat:no-repeat;
		margin-left:15px;
	}
	#menu-visitavirtual a{
		width:137px;
		background-image:url(../img/menu_visita_virtual.gif);
		background-repeat:no-repeat;
	}
	#menu-fotosobra a{
		width:144px;	
		background-image:url(../img/menu_fotos_obra.gif);
		background-repeat:no-repeat;
	}
	#menu-videos a{
		width:74px;	
		background-image:url(../img/menu_videos.gif);
		background-repeat:no-repeat;
	}	
	#menu-agendevisita a{
		width:173px;		
		background-image:url(../img/menu_agenda_visita.gif);
		background-repeat:no-repeat;
	}	
/**************************************************************************************************
		ÍTENS DO MENU EMPRENDIMENTOS HOVER
**************************************************************************************************/		
	#menu-hotsite a:hover{		
		background-image:url(../img/menu_hotesite_hover.gif);
		background-repeat:no-repeat;
	}
	#menu-visitavirtual a:hover{
		background-image:url(../img/menu_visita_virtual_hover.gif);
		background-repeat:no-repeat;
	}
	#menu-fotosobra a:hover{
		background-image:url(../img/menu_fotos_obra_hover.gif);
		background-repeat:no-repeat;
	}
	#menu-videos a:hover{
		background-image:url(../img/menu_videos_hover.gif);
		background-repeat:no-repeat;
	}	
	#menu-agendevisita a:hover{
		background-image:url(../img/menu_agenda_visita_hover.gif);
		background-repeat:no-repeat;
	}	
/**************************************************************************************************
		EMPREENDIMENTOS BARRA PARCEIROS
**************************************************************************************************/			
	#ZoupParceiroEmpreendimento{
		width:100%;
		height:155px;
	}
	#ZoupParceiroEmpreendimento fieldset{
		margin-right:10px;		
	}
	#ZoupParceiroEmpreendimento fieldset legend{
		font-size:12px;
		color:#91908E;	
	}	
	#ZoupParceiroEmpreendimento #ZoupParceiro{
		border:1px dashed #002e62;
	}
/**************************************************************************************************
		EMPREENDIMENTOS BARRA PLANTAS
**************************************************************************************************/	
	#ZoupOpcaoPlantas{
		width:100%;
		height:100px;
	}	
	#ZoupOpcaoPlantas h4{
		font-size:15px;
		margin-top:10px;
		margin-bottom:10px;
		color:#002e62;
	}
	#ZoupOpcaoPlantas ul li{
		float:left;
		margin-right:4px;
	}	
/**************************************************************************************************
		GALERIA EMPREENDIMENTOS
**************************************************************************************************/		
	#ZoupColDireita #ZoupGaleria{
		width:100%;
		height:344px;
		margin:40px 0px 0px 0px;		
		border:1px dashed #002e62;	
	}		
	#ZoupColDireita #ZoupGaleria ul{
		width:100%;
		height:auto;
		margin:3px 0px 0px 2px;
	}			
	#ZoupColDireita #ZoupGaleria ul li{
		float:left;
		padding:3px;
	}			
/**************************************************************************************************
		MIKATYS COLUNAS INTERNAS
**************************************************************************************************/		
	#ZoupColEsquerda{
		width:466px;
		height:auto;
		padding-left:10px;
		border-right:1px dashed #002e62;
 	}
	#ZoupColEsquerda h2{
		color:#002e62;		
 	}	
	#ZoupColEsquerda img{
		padding:0px 10px 10px 10px;
 	}	
	#ZoupColEsquerda p, #ZoupColDireita p{
		font-size:12px;
		margin-top:12px;
		line-height:160%;
		padding-left:8px;
		padding-right:8px;	
	 } 
	 #ZoupColDireita{
		width:280px;
		height:auto;
		padding-left:4px;	
	 }
	 #ZoupColDireita p{
		color:#002e62;	
	 } 
/**************************************************************************************************
		MIKATYS ICO AGENDAMENTO DE VISITAS
**************************************************************************************************/	
	#ZoupAgendamentoVisita a{
		width:273px;
		height:201px;
		margin-top:35px;
		background-image:url(../img/programa-agendamento-visita.gif);
		background-repeat:no-repeat;	
	}
/**************************************************************************************************
		TEXTO POPUP
**************************************************************************************************/		
	#ZoupTexto{
		position:absolute;
		width:640px;
		height:422px;
		background-image:url(../img/bg_texto.jpg);
		background-position:top;
		background-repeat:no-repeat;	
	}
	#ZoupTexto #ZoupLimiteTexto{
		margin-top:45px;		
		margin-left:196px;
		margin-right:50px;				
	}
	#ZoupTexto p{
		font-size:11px;
		margin-top:12px;
		line-height:160%;
		padding-left:8px;
		padding-right:8px;
	}
/**************************************************************************************************
		TEXTO PAGINAÇÃO
**************************************************************************************************/	
	#ZoupConteudo #Paginacao	{
		text-align:center;
		margin:0px 0px 10px 0px;
	}
	#ZoupConteudo #Paginacao a	{
		display:inline;
		color:#000;
		padding:2px 5px 2px 5px;
		margin:0px;
		background:#CDD08B;
		border:1px solid #B1B652;
		font-size:12px;
	}
	#ZoupConteudo #Paginacao a:hover	{
		background:#FFFFFF;
		color:#000;
	}		
/**************************************************************************************************
		MIKATYS RODAPÉ
**************************************************************************************************/			
	#ZoupRodape{
		position:relative;
		top:160px;
		height:150px;
		background-image:url(../img/rodape.jpg);
		background-repeat:repeat-x;	
		border-top:3px solid #002e62;
		color:#000;
	}
	#ZoupRodape #TextoRodape{	
		top:-30px;
		width:762px;
		height:50px;
		left:50%;
		margin-left:-381px;
		text-align:center;
	}	
	#ZoupRodape #TextoRodape p{
		font-size:12px;
		color:#000000;
	}		
	#ZoupRodape #Zoupogrupo{
		top:-45px;
		left:50%;
		width:323px;
		height:82px;
		margin-left:-161.5px;
		background-color:#FFFFFF;
		border:3px solid #002e62;
		color:#000;					
	}
	#ZoupRodape #Zoupogrupo ul li{
		float:left;
		margin-right:10px;
		color:#000;		
	}	
	#ZoupRodape #ZoupAssinatura{
		text-align:center;
		margin-top:-10px;
		margin-left:16px;
		color:#000;		
	}	
	#ZoupRodape #ZoupAssinatura span{
		color:#000;
		font-size:12px;
		margin-right:10px;		
	}	
	#ZoupRodape #ZoupAssinatura span a:hover{
		background-color:#6AC334;
		color:#FFF;
	}