@charset "UTF-8";
/* CSS Document */

/* geral ----------------------------------------------- */

* {
	padding: 0;
	margin: 0;
}

html, body {
	font-family: "Times New Roman", Times, serif;
	height:100%;
	width:100%;
	overflow-x:hidden;
}

h1 {
	font-size: 19px;
	font-style: italic;
	text-align: left;
	font-weight: bold;
	line-height: 21px;
}

span {
	font-style: italic;
	text-align: left;
	font-weight: normal;
	line-height: 21px;
}

h2 {
	font-size: 18px;
	font-style: italic;
	text-align: right;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 18px;
}

#fundo {
	background: url(../imagens/bg_inkplus.jpg) no-repeat top left;
	height:100%;
	width:100%;
}

#loader {
	width: 28px;
	height: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -14px;
	margin-left: -14px;
	overflow:hidden;
	border:none;
}

#backtointro {
	position:absolute;
	width:390px;
	height:120px;
	top:38px;
	left:37px;
	cursor:pointer;
}

/* Cabeçalho ------------------------------------------------------- */

#header {
	width: 750px;
	height: 25px;
	position: absolute;
	top: 21px;
	left: 522px;
	z-index: 100;
}

/* Área de navegação */

#nav {
	width: 168px;
	height: 550px;
	position: absolute;
	top: 225px;
	left: 260px;
	}
		
.menu {
	font-size: 15px;
	font-style: italic;
	line-height: 21px;
	font-weight: normal;
	text-align: right;
	list-style-type: none;
}

.info {
	font-size: 15px;
	font-style: italic;
	line-height: 24.5px;
	font-weight: bold;
	text-align: right;
	list-style-type: none;
	padding-top: 18px;
}

.over {
	text-decoration:line-through; 
	color:#CCCCCC; cursor:pointer;
}

.menu li {
	cursor:pointer;
}
	
.menu a:link {
	color: #000;
	text-decoration: none;
}
	
.menu a:visited {
	color: #000;
	text-decoration:none;
	
}
.menu a:hover {
	text-decoration: line-through;
	color: #000;
}

.menu a:active {
	color: #000;
	text-decoration: line-through;
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

#links {
	width: 168px;
	height: 30px;
	position: absolute;
	top: 696px;
	left: 280px;
}

#links li {
	margin:0 16px;
	cursor: pointer;
	list-style-type: none;
	float:left;
}


/* Area de carregamento de imagem */

#content {
	height: 655px;
	width: 800px;
	position: absolute;
	top: 60px;	
	left: 475px;
}	

h3 	{
	font-size: 15px;
	font-style: italic;
	line-height: 17px;
	font-weight: bold;
	text-align: justify;
	padding: 208px 43px 7px 47px;
}
	
p {
	font-size: 15px;
	font-style: italic;
	line-height: 17px;
	font-weight: normal;
	text-align: justify;
}

.contato {
	padding: 18px 43px 0 47px;
}

/* imagens das artes em background */

#flavia-beta {
	height: 655px;
	width: 800px;
	background: url(../imagens/My_beautiful_friends_br.jpg) no-repeat center;
}

#beta {
}

.beta1 {
	height: 655px;
	width: 800px;
	background: url(../imagens/My_beautiful_friend_1_br.jpg) no-repeat center;
}

.beta2 {
	height: 655px;
	width: 800px;
	background: url(../imagens/My_beautiful_friend_2_br.jpg) no-repeat center;
}

.beta3 {
	height: 655px;
	width: 800px;
	background: url(../imagens/My_beautiful_friend_3_br.jpg) no-repeat center;
}

.beta4 {
	height: 655px;
	width: 800px;
	background: url(../imagens/My_beautiful_friend_4_br.jpg) no-repeat center;
}

#vinicius {
	height: 655px;
	width: 800px;
	background: url(../imagens/Dear_friend_br.jpg) no-repeat center;
}

#alquimia {
	height: 655px;
	width: 800px;
	background: url(../imagens/Alchemy_br.jpg) no-repeat center;
}

#gui {
	height: 655px;
	width: 800px;
	background: url(../imagens/Gui_and_toys_br.jpg) no-repeat center;
}

#duda {
	height: 655px;
	width: 800px;
	background: url(../imagens/Duda_br.jpg) no-repeat center;
}

#music {
	height: 655px;
	width: 800px;
	background: url(../imagens/Making_music_br.jpg) no-repeat center;
}

#manwork {
	height: 655px;
	width: 800px;
	background: url(../imagens/Man_at_work_br.jpg) no-repeat center;
}

#queen {
}

.queen1 {
	height: 655px;
	width: 800px;
	background: url(../imagens/Queen_01_br.jpg) no-repeat center;
}

.queen2 {
	height: 655px;
	width: 800px;
	background: url(../imagens/Queen_02_br.jpg) no-repeat center;
}

.queen3 {
	height: 655px;
	width: 800px;
	background: url(../imagens/Queen_03_br.jpg) no-repeat center;
}

#electric {
	height: 655px;
	width: 800px;
	background: url(../imagens/Electric_woman_br.jpg) no-repeat center;
}

#betamix01 {
	height: 655px;
	width: 800px;
	background: url(../imagens/Betamix_01_br.jpg) no-repeat center;
}

#betamix02 {
	height: 655px;
	width: 800px;
	background: url(../imagens/Betamix_02_br.jpg) no-repeat center;
}

#betamix03 {
	height: 655px;
	width: 800px;
	background: url(../imagens/Betamix_03_br.jpg) no-repeat center;
}

#betamix04 {
	height: 655px;
	width: 800px;
	background: url(../imagens/Betamix_04_br.jpg) no-repeat center;
}

#betamix05 {
	height: 655px;
	width: 800px;
	background: url(../imagens/Betamix_05_br.jpg) no-repeat center;
}

#betamix06 {
	height: 655px;
	width: 800px;
	background: url(../imagens/Betamix_06_br.jpg) no-repeat center;
}

#dicorp {
	height: 655px;
	width: 800px;
	background: url(../imagens/Dicorp_Logo_br.jpg) no-repeat center;
}

#info {
	height: 655px;
	width: 800px;
}


/* CSS da troca de imagens */

#content .ocultar {
  display: none;
}

.showstep {
  display: block;
}

.hidestep {
  display: none;
}

#content .exibir {
  display: block;
}

.stepsbeta {
	position:relative;
	top:655px;
	left:154px;
	list-style:none;
}

.stepsbeta li {
	float:left;
}

.stepsbeta li a img {
	border:none; 
	margin:5px;
}

.stepsqueen {
	position:relative;
	top:596px;
	left:1px;
	list-style:none;
}

.stepsqueen li {
	float:left;
}

.stepsqueen li a img {
	border:none; 
	margin:5px;
}