.catalogo_logo{
	text-align: center;
}



/* First page*/



#background1{
		   position:relative;
			margin-left:auto;
			margin-right:auto; 
			
			border:1px solid;
			border-color:#da2127;
			padding: 6px;
			background-image: url("../images/layout_pen.jpg");
			background-position:center;
			background-repeat:no-repeat;
			width:1000px;
			height:800px;	
}

#button .red_button{
			position:relative;
			left: 350px;	
			top: 230px;
			z-index:2;
}


#button .blue_bottom{
			position:relative;
			left:400px;	
			top:232px;
			z-index:2;

}

#button .help_button{
			position:relative;
			left:640px;
			top:75px;
			z-index:2;
			
}

/* Second page*/

#background2{
			display:block; 			
			margin-left:auto;
			margin-right:auto; 
			border:1px solid;
			border-color:#d8d7d7;
			padding: 6px;
			z-index:1;
			background-image: url("../images/layout_pen2.jpg");
			background-position:center;
			background-repeat:no-repeat;
			width:1000px;
			height:800px;
}

#redbutton1{
			position:relative;
			left: 263px;	
			top: 390px;
			z-index:2

}

#redbutton2 {
			position:relative;
			left: 428px;	
			top: 323px;
			z-index:2

}


#redbutton3 {
			position:relative;
			left: 585px;	
			top: 255px;
			z-index:2
}

#textwindow{
				background-color:#b01b20;
				width:448px;
				height:387px;
				z-index:3;
				position:relative;
				left:270px;
				top:-320px;
				border:1px solid #FF0000;
}

html > body #textwindow{
				background-color:#b01b20;
				width:448px;
				height:387px;
				z-index:3;
				position:relative;
				left:270px;
				top:-314px;
				border:1px solid #FF0000;

}

#textwindow p{
				font-size:12px;
				margin:50px; 
				color:#EEECEC;
				font-family: arial, "lucida console", sans-serif;
				line-height: 140%

}

#help_button2{
			position:relative;
			left:723px;
			top:-702px;
			z-index:4;
}

html > body #help_button2{
			position:relative;
			left:723px;
			top:-690px;
			z-index:4;
}


#seta{
		  position:relative;
		  left:235px;
		  top:-380px;
		  z-index:4;
}

html > body #seta{
		  position:relative;
		  left:235px;
		  top:-370px;
		  z-index:4;
}

#images .pdf{
			position:relative;
			left:280px;
			top:270px;
}

#images .excel{
			position:relative;	
			left:330px;
			top:270px;
}

#images .camera{
			position:relative;
			left:365px;
			top:295px;
}

/* Terceira pagina */

#background3{
			display:block; 			
			margin-left:auto;
			margin-right:auto; 
			border:1px solid;
			border-color:#d8d7d7;
			padding: 6px;
			z-index:1;
			background-image: url("../images/layout_pen3.jpg");
			background-position:center;
			background-repeat:no-repeat;
			width:1000px;
			height:800px;
}


#janelatexto{
				background-color:#00254f;
				width:448px;
				height:387px;
				position:relative;
				left:270px;
				top:5px;
}

html > body #janelatexto{
				background-color:#00254f;
				width:448px;
				height:398px;
				position:relative;
				left:270px;
				}


#janelatexto p{
				font-size:12px;
				margin:20px;
				padding-top:70px; 
				color:#EEECEC;
				font-family: arial, "lucida console", sans-serif;
				line-height: 140%

}

#help_button3{
			position:relative;
			left:735px;
			top:-370px;
}

html > body #help_button3{
			position:relative;
			left:735px;
			top:-400px;
}

#seta2{
		  position:relative;
		  left:245px;
		  top:-65px;
}

html > body #seta2{
		  position:relative;
		  left:235px;
		  top:-82px;
}

#Catbuttonblue{
			position:relative;
			left: 350px;	
			top: -55px;
			z-index:2
}

#tabbuttonblue{
			position:relative;
			left: 550px;	
			top: -105px;
}

#images .image1{
			position:relative;
			left:350px;
			top:-98px;
}

#images .image2{
			position:relative;
			left:242px;
			top:-28px;

}

#images .image3{
			position:relative;
			left:122px;
			top:45px;
}

#images2 .image1{
			position:relative;
			left:570px;
			top:-160px;
}

#images2 .image2{
			position:relative;
			left:460px;
			top:-90px;

}

#images2 .image3{
			position:relative;
			left:340px;
			top:-20px;
}


/* quarta pagina */

#background4{
			display:block; 			
			margin-left:auto;
			margin-right:auto; 
			border:1px solid;
			border-color:#d8d7d7;
			padding: 6px;
			z-index:1;
			background-image: url("../images/layout_pen4.jpg");
			background-position:top;
			background-repeat:no-repeat;
			width:1000px;
			
}


#buttons{
			position:relative;
			left:40px;
			top:50px;
}

/*Pagina ajuda */

#background5{
			display:block; 			
			margin-left:auto;
			margin-right:auto; 
			border:1px solid;
			border-color:#d8d7d7;
			width:500px;
			height:400px;
}

#background5 p{
				font: bold 12pt serif;
				color:#4E4E4E;
				position:relative;
				left:40px;
				top:150px;
				font-family: arial, "lucida console", sans-serif
}

#texto h1{
			font: bold 100px;
			color:#4A72DC;
			position:relative;
			left:198px;
			top:2px;
}

html > body #texto h1{
			font: bold 100px;
			color:#4A72DC;
			position:relative;
			left:198px;
			top:-20px;

}

#texto p{
				font: bold 100px;
				color:#A7A7A7;
				position:relative;
				left:39px;
				top:90px;
}

html > body #texto p{
				font: bold 100px;
				color:#A7A7A7;
				position:relative;
				left:39px;
				top:80px;
}


#imgs .imagear{
			position:relative;
			left:210px;
			top:190px;
}

html > body #imgs .imagear{
			position:relative;
			left:210px;
			top:160px;

}

#imgs .imageback{
			position:relative;
			left:-84px;
			top:190px;
}

html > body #imgs .imageback{
			position:relative;
			left:-84px;
			top:160px;

}