/* estilo geral para diversos dipositivos com resoluções inferiores a width 720px */
body {
	background-color: white;
}

/* estilo para dispositivos mobile com resolução width 720px no minimo (ex.: Lumia 830) */
@media screen and (min-width: 720px) {
	
	body {
		background-color: white;
	}
	
	/* height 1280px (1152px) */
	
	#topo{
		background-color: red;
		height: 115.2px; /* equivale a 10% */ 
	}
	
	#conteudo{
		background-color: green;
		height: 979.2px; /* equivale a 85% */
	}
	
	#rodape{
		background-color: yellow;
		height: 57.6px; /* equivale a 5% */
	}
	
}

/* estilo para desktop com resolução mínima de width 1000px (ex.: resolução de  1024 x 768) */
@media screen and (min-width: 1000px) {
	
	body {
		background-color: white;
	}
	
}

/* estilo para desktop com resolução mínima de width 1280px (ex.: menu monitor) */
@media screen and (min-width: 1280px) {
	
	body {
		background-color: white;
	}
	
	/* height 1024px (921,60px)*/
	
	#topo{
		background-color: white;
		height: 204.8px; /* equivale a 20% */ 
		
		position: relative;
		/*display: none;*/
	}
	
	.gato{
		background-image: url('../img/gato_d.png'); 
		background-repeat: no-repeat;
		width: 118px;
		height: 117px;
		position: absolute;
		bottom: 0;
	}
	
	#conteudo{
		/*background-color: pink;*/
		
		background-color: white;
		/*background-image: url('../img/conteudo_d.jpg'); 
		background-repeat: no-repeat;
		background-size: 100%;*/
	
		height: 614.4px; /* equivale a 60% */
		position: relative;
	}
	
	.imagemconteudo{
		background-image: url('../img/conteudo_d.jpg'); 
		background-repeat: no-repeat;
		width: 1280px;
		height: 575px;
		position: absolute;
		top: 0;
		z-index: 2;
	}
	
	.patasgato{
		background-image: url('../img/patas_gato_d.png'); 
		background-repeat: no-repeat;
		width: 118px;
		height: 37px;
		position: absolute;
		top: 0;
		
		z-index: 3;
	}
	
	/* Inicio do mapa de imagem do menu dentro do conteudo */
	
	#mapa-imagem{
		background-image: url('../img/menu_d.png');
		background-repeat: no-repeat;
		background-size: 62.5%; 
		background-position: center;
		width: 100%; /*995px;*/ 
		height: 100%; /*759px;*/
		position: absolute;
		top: 0;
		
		z-index: 4;
		 
		/*border: #eee 1px solid;
		font: 75%/1.4 Arial, Helvetica, sans-serif;*/		
	}
	
	#mapa-imagem a, #mapa-imagem a:link, #mapa-imagem a:visited, #mapa-imagem a:hover, #mapa-imagem a:active{
		color: #00f;
		text-decoration: none; 
		cursor: pointer;
		cursor: hand;
	}
	
	#mapa-imagem img{
		border: none;
	}
	
	#home, #curriculo, #projetos, #contatos{
		position: absolute;
	}
	
	#home a, #curriculo a, #projetos a, #contatos a{
		position: absolute;
	}
	
	#mapa-imagem a:hover{
		position: absolute;
	}
	
	a .home-over, a .homemini-over, a .home-texto, a .home-texto2{
		display: none;
	} /* esconder */
	
	a .curriculo-over, a .curriculomini-over, a .curriculo-texto, a .curriculo-texto2{
		display: none;
	} /* esconder */
	
	a .projetos-over, a .projetosmini-over, a .projetos-texto, a .projetos-texto2{
		display: none;
	} /* esconder */
	
	a .contatos-over, a .contatosmini-over, a .contatos-texto, a .contatos-texto2{
		display: none;
	} /* esconder */
	
	a:hover .home-over{
		position: absolute;
		left: 181px;
		top: 26px;
		display: block;
		width: 89px;
		height: 89px;
		
		/*background-color: red;*/
	}
	
	.imagem-home-over{
		background-image: url('../img/selecao.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 85%;
		
		width: 342px;
		height: 340px;
	}
	
	a:hover .curriculo-over{
		position: absolute;
		display: block;
		width: 89px;
		height: 89px;
			
		left: 445px;
		top: 139px;
		
		/*background-color: blue;*/
	}
	
	
	.imagem-curriculo-over{
		background-image: url('../img/selecao.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50%;
		
		width: 342px;
		height: 340px;
	}
	
	a:hover .projetos-over{
		position: absolute;

		display: block;
		width: 89px;
		height: 89px;
		
		left: 236px;
		top: 317px;
		
		/*background-color: yellow;*/
	}

	.imagem-projetos-over{
		background-image: url('../img/selecao.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 63%;
		
		width: 342px;
		height: 340px;
	}
	
	a:hover .contatos-over{
		position: absolute;

		display: block;
		width: 89px;
		height: 89px;
		
		left: 494px;
		top: 376px;
		
		/*background-color: yellow;*/
	}

	.imagem-contatos-over{
		background-image: url('../img/selecao.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50%;
		
		width: 342px;
		height: 340px;
	}	
	
	
	a:hover .homemini-over{
		position: absolute;

		display: block;
		width: 89px;
		height: 89px;
		
		left: 340px;
		top: 320px;
		
		color: #000;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	a:hover .curriculomini-over{
		position: absolute;
		display: block;
		width: 89px;
		height: 89px;
		
		left: 587px;
		top: 388px;
		
		color: #000;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	a:hover .projetosmini-over{
		position: absolute;
		display: block;
		width: 89px;
		height: 89px;
		
		left: 382px;
		top: 580px;
		
		color: #000;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}		
	
	a:hover .contatosmini-over{
		position: absolute;
		display: block;
		width: 89px;
		height: 89px;
		
		left: 639px;
		top: 620px;
		
		color: #000;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}		
	
	.home-titulo, .curriculo-titulo, .projetos-titulo, .contatos-titulo{
 		display: block;
		position: absolute; 
		white-space: nowrap;
		font-size: 0.7em;
	}
	
	.home-titulo{
		left: 241px;
		top: 76px;
	}
			
	.imagem-home-titulo{
		background-image: url('../img/menu_transp_d.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 85%;
		
		width: 234px; /*270px;*/
		height: 234px; /*270px;*/
		
		margin: 0;
		padding: 0;
		
		/*opacity: 0.7; 
		background-color: pink;*/
		
	}
	
	.curriculo-titulo{
		left: 547px;
		top: 238px;
	}
	
	.imagem-curriculo-titulo{
		background-image: url('../img/menu_transp_d.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 10%;
		
		width: 140px; /* 270px */
		height: 140px; /* 270px */
		
		margin: 0;
		padding: 0;
		
		/*top: 238px;
		right: 250px;*/
				
		/*opacity: 0.7;
		background-color: green;*/ 
		
	}
	
	.projetos-titulo{
		left: 323px;
		top: 403px;
	}
	
	.imagem-projetos-titulo{
		background-image: url('../img/menu_transp_d.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 10%;
		
		width: 175px; /* 270px */
		height: 173px; /* 270px */
		
		margin: 0;
		padding: 0;
		
		/*top: 238px;
		right: 250px;*/
				
		/*opacity: 0.7;
		background-color: silver;*/ 
		
	}
	
	.contatos-titulo{
		left: 599px;
		top: 480px;
	}
	
	.imagem-contatos-titulo{
		background-image: url('../img/menu_transp_d.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 10%;
		
		width: 135px; /* 270px */
		height: 133px; /* 270px */
		
		margin: 0;
		padding: 0;
		
		/*top: 238px;
		right: 250px;*/
				
		/*opacity: 0.7;
		background-color: orange;*/ 
		
	}		
	
	a:hover .home-titulo, a:hover .curriculo-titulo, a:hover .projetos-titulo, a:hover .contatos-titulo{
		display: none;
	} /* esconder */  
	
	a:hover .home-texto{
		position: absolute;
		
		background-image: url('../img/tooltip_d.png');
		background-repeat: no-repeat;
		background-position: center;

		color: white;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		vertical-align: middle;
		
		display: block;
		width: 400px;
		height: 200px; 
		padding: 0 10px;
		left: 500px;
		top: 0;
		
		/*color: #333;*/ 
		/*border: #eee solid 1px;*/
	}
	a:hover .home-texto2{
		position: absolute;
		display: block;
		width: 290px;
		left: 20px;
		top: 20px;
		color: #c30;
		font-weight: bold;
	}

	a:hover .curriculo-texto{
		position: absolute;
		
		background-image: url('../img/tooltip_d.png');
		background-repeat: no-repeat;
		background-position: center;

		color: white;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		vertical-align: middle;
		
		display: block;
		width: 400px;
		height: 200px; 
		padding: 0 10px;
		left: 500px;
		top: 0;
		
		/*color: #333;*/ 
		/*border: #eee solid 1px;*/
	}
	a:hover .curriculo-texto2{
		position: absolute;
		display: block;
		width: 290px;
		left: 20px;
		top: 20px;
		color: #c30;
		font-weight: bold;
	}	
	
	a:hover .projetos-texto{
		position: absolute;
		
		background-image: url('../img/tooltip_d.png');
		background-repeat: no-repeat;
		background-position: center;

		color: white;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		vertical-align: middle;
		
		display: block;
		width: 400px;
		height: 200px; 
		padding: 0 10px;
		left: 500px;
		top: 0;
		
		/*color: #333;*/ 
		/*border: #eee solid 1px;*/
	}
	a:hover .projetos-texto2{
		position: absolute;
		display: block;
		width: 290px;
		left: 20px;
		top: 20px;
		color: #c30;
		font-weight: bold;
	}
	
	a:hover .contatos-texto{
		position: absolute;
		
		background-image: url('../img/tooltip_d.png');
		background-repeat: no-repeat;
		background-position: center;

		color: white;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		vertical-align: middle;
		
		display: block;
		width: 400px;
		height: 200px; 
		padding: 0 10px;
		left: 500px;
		top: 0;
		
		/*color: #333;*/ 
		/*border: #eee solid 1px;*/
	}
	a:hover .contatos-texto2{
		position: absolute;
		display: block;
		width: 290px;
		left: 20px;
		top: 20px;
		color: #c30;
		font-weight: bold;
	}	
	
	a:hover .home-over, a:hover .homemini-over, a:hover .home-texto, a:hover .home-texto2{
		display: block;
	} /* mostra */
	
	a:hover .curriculo-over, a:hover .curriculomini-over, a:hover .curriculo-texto, a:hover .curriculo-texto2{
		display: block;
	} /* mostra */
	
	a:hover .projetos-over, a:hover .projetosmini-over, a:hover .projetos-texto, a:hover .projetos-texto2{
		display: block;
	} /* mostra */
	
	a:hover .contatos-over, a:hover .contatosmini-over, a:hover .contatos-texto, a:hover .contatos-texto2{
		display: block;
	} /* mostra */

	
	
	
	/* Fim do mapa de imagem do menu dentro do conteudo */
	
/*	.menuconteudo{
		background-image: url('../img/menu_d.png'); 
		background-repeat: no-repeat;
		background-size: 63.5%;
		background-position: center;
		width: 100%; /*995px;*/
		/*height: 100%; /*759px;*/
		/*position: absolute;
		top: 0;
		
		z-index: 4;
	}*/
	
	#rodape{
		background-color: white;
		height: 102.4px; /* equivale a 10% */
		position: relative;
	}
	
	.faixa{
		width: 100%;
		height: 40px;
		background-color: #6a6869;
		
		position: absolute;
		top: 30%;
	}
	
	.texto-rodape{
		font-size: 12px;
		text-align: center;
		color: white;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		
		margin-top: 12px;
	}
}

/* estilo para tv com resolução mínima de width 1900px (ex.: resolução de  1980 x 1080 - Wide) */
@media screen and (min-width: 1900px) {
	
	body {
		background-color: white;
	}
	
}