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

#preloader-imagem{
	background: url('../img/curriculo_ot2.jpg') no-repeat -9999px -9999px;
}

/* 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: #229eff;
		width: 100%;
		height: 90px; /* equivale a 20% */ 
		top: 0;
		left: 0;
		
		position:fixed;
		z-index: 2;
		/*display: none;*/
	}
	
	table{
		width: 1280px;
		
		/*background-color: green;*/
	}
	
	.destaque1{
		color: #666666;
		font-size: 26px;
		/*text-shadow: 2px 2px 5px white;*/
	}
	
	#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: absolute;
		margin-top: 100px;
		
		z-index: 1;
	}
	
	.curriculo{
		background-color: #fff;
		background-image: url('../img/curriculo_ot2.jpg');
		background-repeat: no-repeat;
		/*background-size: 100%;*/
		background-position: center;		
		
		width: 1280px;
		height: 5600px;
		
		margin: 0 auto;		
	}
	
	
	#rodape{
		/*background-color: white;*/
		width: 100%;
		height: 102.4px; /* equivale a 10% */
		/*position: relative;*/
		
		
		/*bottom: 0;*/
		position: relative;
		z-index: 2;
	}
	
	.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;
		padding-top: 14px;

	}
	

}

/* 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;
	}
	
}