body{

	margin:0;7

	padding:0;

	background-image: url('img/wallpaper.jpg');

}

header{ 

    margin-top:-50px;

	padding-bottom:0px;

	padding-left:27%;

	background-color:#2e2e1f;

}

header.titulo2{ 

    margin-top:-80px;

	padding-bottom:0px;

	padding-left:27%;

	background-color:#2e2e1f;

}

header.contactos{ 

    margin-top:-66px;

	padding-bottom:0px;

	padding-left:27%;

	background-color:#2e2e1f;

}

img.principal{

	margin-top:-265px;

	margin-left:-270px;

}

img.img2{

	margin-top:50px;

	margin-left:-250px;

}

img.img5{

	position: absolute;

    right: 0px;

    top: 224px;

    z-index: -1;

}

img.img6{

	margin-left:-240px;

	margin-top:-125px;

}

img.rolhas_1{

	position: absolute;

    left: 0px;

    top: 602px;

    z-index: -1;

}

img.rolhas_2{

	position: absolute;

    right: 0px;

    top: 428px;

    z-index: -1;

}

img.rolhas_3{

	position: absolute;

    left: 0px;

    top: 305px;

    z-index: -1;

}

img.rolhas_4{

	margin-left:806px;

	margin-top:-650px;

}

img.rolhas_5{

	position: absolute;

    left: 0px;

    top: 932px;

    z-index: -1;

}

img.rolhas_6{

	position: absolute;

    right: 0px;

    top: 950px;

    z-index: -1;

}

img.montagem{

   margin-left:-125px;

   margin-top:-150px;

}

img.carroca{

   margin-left:-125px;

   margin-top:50px;

}

img.filhos{

   margin-left:620px;

   margin-top:-400px;

}

img.passadeira{

   margin-left:200px;

   margin-top:50px;

}

img.medidor{

   margin-left:-125px;

   margin-top:-300px;

}

img.escolha{

	margin-left:-180px;

   margin-top:50px;

}

img.prensada{

   margin-left:530px;

   margin-top:-350px;

}

img.fardo{

   margin-left:-125px;

   margin-top:20px;

}

img.aglomerado{

   margin-left:30px;

   margin-top:20px;

}

img._2D{

   margin-right:-170px;

   margin-top:20px;

}

img.aglo{

   margin-right:163px;

   margin-top:20px;

}

img.crianza{

   margin-right:160px;

   margin-top:20px;

}

img.cartoon{

   margin-left:600px;

   margin-top:-700px;

}

img.fabrica{

   margin-left:-185px;

   margin-top:-450px;

}

h1.titulo{

	font-size:60px;

	color:white;

	margin-left:-200px;

}

h1.titulo1{

	font-size:100px;

	color:white;

}

h1.imagens{

	font-size:100px;

	color:white;

	margin-top:50px;

	margin-left:100px;



}

h2.subtitulo{

	font-size:40px;

	color:#996633;

}

div.ola{

	margin-top:-80px;

	margin-left:22%;

	font-family: serif;

	font-style: italic;

	font-size: 70px;

}

div.tabela{

	margin-top:-80px;

	margin-left:50px;

	

}

table td{

	background-color: white;

	border: 1px solid black;

	

	

}

table th{

	background-color:#000d1a;

	color:#b30000;

	border: 1px solid black;

}





article.artigo{

	width:0%;

	height:80%;

	margin-top:-216px;

	margin-left:205px;

	background-color:white;

	border:1px solid grey;

	text-align:justify;

	font-family:Calibri;

	font-size:14pt;

	padding:300px;

}

article.artigo2{

	width:10%;

	height:1455%;

	margin-top:-217px;

	margin-left:205px;

	margin-bottom:200px;

	background-color:white;

	border:1px solid grey;

	text-align:justify;

	font-family:Calibri;

	padding:300px;

}

article.artigo3{

	width:250px;

	height:85px;

	margin-top:-217px;

	margin-left:245px;

	background-color:white;

	border:5px solid #B8860B;

	text-align:justify;

	font-family:Calibri;

	font-size:14pt;

	padding:200px;

}

article.artigo4{

	width:750px;

	height:2800px;

	margin-top:20px;

	margin-left:100px;

	background-color:white;

    border:1px solid grey;

	text-align:justify;

	font-family:Calibri;

	font-size:14pt;

	padding:200px;

}

div.despedida {

	

    background-color: white;

    width: 520px;

    border: 5px solid #B8860B;

    padding: 25px;

    margin: 50px;

	margin-left:-12px;

}

div.texto{

	margin-left:-220px;

	margin-right:-220px;

	margin-top:-220px;

}

div.topo{

	color:red;

	width:200px;

    padding-left:20px;

    margin-top:100px;

}

footer{

	clear:both;

	width:100%;

	padding:10px 0px;

	background-color:#2e2e1f;

	color:white;

	text-align:center;

	position:fixed;

	bottom:0px;

}



/*----------------------------------------------------------------------------*/

nav ul {

	margin-top:-35px;

	padding: 0%;

	list-style-type: none;

	width: 206px; /* Largura dos Items do Menu */

	border-bottom: 1px solid #CCCCEE;

	}

/* Estilo dos Items do Menu */

nav ul li a {

	display: block; /* Apresentar o estilo do menu */

	text-decoration: none;

	color:  white;

	background: #2e2e1f; 

	padding: 5px;

	border: 1px solid #CCCCEE;

	border-bottom: 0; /* Uma vez que o border tem 1 pixel é necessário retirar o de baixo entre items senão repete */

}

li a.active {

    background-color: gray;

    color: white;

}



li a:hover:not(.active) {

    background-color: #555;

    color: white;

}

/*----------------------------------------------------------------------------*/

nav.nav2 ul {

	margin-top:-66px;

	padding: 0%;

	list-style-type: none;

	width: 206px; /* Largura dos Items do Menu */

	border-bottom: 1px solid #CCCCEE;

	}

nav.nav3 ul{

	margin-top:-60px;

	padding: 0%;

	list-style-type: none;

	width: 206px; /* Largura dos Items do Menu */

	border-bottom: 1px solid #CCCCEE;

}

nav.nav4 ul {

	margin-top:-215px;

	left:0px;

	list-style-type: none;

	width: 206px; /* Largura dos Items do Menu */

	border-bottom: 1px solid #CCCCEE;

	}

	/*----------------------------------------------------------------------------------------------------------------------------------------

	----------------------------------------------------------------------------------------------------------------------------------------------------

	---------------------------------------------------------------------------------------------------------------------------------------------------

	---------------------------------------------------------------------------------------------------------------------------------------------------

	---------------------------------------------------------------------------------------------------------------------------------------------------

	---------------------------------------------------------------------------------------------------------------------------------------------------

	---------------------------------------------------------------------------------------------------------------------------------------------------

	---------------------------------------------------------------------------------------------------------------------------------------------------

	---------------------------------------------------------------------------------------------------------------------------------------------------

	---------------------------------------------------------------------------------------------------------------------------------------------------*/

	

	<style>

* {box-sizing: border-box}

body {font-family: Verdana, sans-serif; margin:0}

.mySlides {display: none}

img {vertical-align: middle;}





</style>



	/* Slideshow container */

.slideshow-container {

  max-width: 500px;

  max-height: 500px;

  margin-left:50px;

}



/* Next & previous buttons */

.prev, .next {

  cursor: pointer;

  position: absolute;

  top: 50%;

  width: auto;

  padding: 16px;

  margin-top: 180px;

  color: white;

  font-weight: bold;

  font-size: 70px;

  transition: 0.6s ease;

  border-radius: 0 3px 3px 0;

}



/* Position the "next button" to the right */

.next {

  right: 0;

  border-radius: 3px 0 0 3px;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover, .next:hover {

  background-color: rgba(0,0,0,0.8);

}



/* Caption text */

.text {

  color: #f2f2f2;

  font-size: 60px;

  padding: 8px 12px;

  position: absolute;

  top:220px;

  bottom: 8px;

  width: 100%;

  text-align: center;

}



/* Number text (1/3 etc) */

.numbertext {

  color: #f2f2f2;

  font-size: 25px;

  padding: 8px 12px;

  position: absolute;

  top: 290px;

  left:50px;

}



/* The dots/bullets/indicators */

.dot {

  cursor: pointer;

  height: 15px;

  width: 15px;

  margin: 0 2px;

  margin-top: -5px;

  background-color: #bbb;

  border-radius: 50%;

  display: inline-block;

  transition: background-color 0.6s ease;

  margin-bottom:50px;

}



.active, .dot:hover {

  background-color: #717171;

}



/* Fading animation */

.fade {

  -webkit-animation-name: fade;

  -webkit-animation-duration: 1.5s;

  animation-name: fade;

  animation-duration: 1.5s;

}



@-webkit-keyframes fade {

  from {opacity: .4} 

  to {opacity: 1}

}



@keyframes fade {

  from {opacity: .4} 

  to {opacity: 1}

}



/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {

  .prev, .next,.text {font-size: 11px}

}