html { 
		background: url(../images/background.jpg) no-repeat center center; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			overflow-x: hidden;
			width:100%;	
			height:100%;
			
     }

		* {
		margin: 0;
		padding: 0;
	      }
	
	* body {
		overflow-x: hidden;
		   }
		 
/* header{
	  }	*/
		 
		 
		 .logo {
		position:absolute;
		margin-left:0%;
		margin-top:0%;
		z-index: 15;
		/*max-width:80%;*/
		}
		
		
		
		

  .alinhamento
          {
            margin-left:23%;
            margin-top:2%;
			height: 250px;
			
          }



/*Configurações Padrões*/


ul.menu, .menu li, .menu

 a
   { 
     margin:0; 
     padding:0; 
     list-style:none; 
     text-decoration:none;
	 z-index: 10;
	 
     
   }

 ul.menu ul
   { 
     position:absolute; 
     display:none; 
     box-shadow:3px 3px 2px #333;
         
    }

  /* Configurações nivel 1*/

  ul.menu
   { 
     float:left; 
     font-family:Verdana, Geneva, sans-serif; 
     font-size:15px; 
     border-radius:5px 5px 5px 5px;      
     padding:0 5px;
     
    }

  .menu li
   { 
     float:left; 
     width:auto; 
     position:relative;
   }

  .menu li a
   { 
     display:block; 
     padding:0 20px; 
     line-height:45px; 
     height:45px; 
     float:left; 
     transition:all 0.1s linear; 
   }

  /* Configurações nivel 2*/

   .menu li:hover > ul.submenu-1{ display:block; top:45px; left:0; padding:5px; width:300px; border-radius:0 0 5px 5px;   }

   .menu ul.submenu-1 a{  width:250px; padding:0 20px; border-radius:5px;  }

  /* Configurações nivel 2*/

   .menu li:hover > ul.submenu-2{ display:block; top:0; left:195px; padding:5px; width:200px;  border-radius: 0 5px 5px 5px; }

   .menu ul.submenu-2 a{  width:160px; padding:0 20px; border-radius:5px; }


  /* Configurações nivel 3*/

  .menu li:hover > ul.submenu-3{ display:block; top:0; left:195px; padding:5px; width:200px;  border-radius: 0 5px 5px 5px; }

  .menu ul.submenu-3 a{  width:160px; padding:0 20px; border-radius:5px; }

  /*Configurações de cores*/

    /*nivel 1*/
     
     .menu{background:none;}   /*  #0404B4  */
     .menu a{ color:white;}
     .menu li:hover > a{ background:#A9E2F3;  color:#1f1f1f;}
    
    /*nivel 2*/

    .submenu-1{background:#A9E2F3;}
    .submenu-1 a{color:#1f1f1f;}
    .submenu-1 li:hover > a{ background:navy; color:lavender; font-weight:bold;}

    /*nivel 3*/

    .submenu-2{ background:#666;}
    .submenu-2 a{color:#fff;}.submenu-2 li:hover > a{ background:#333; }

   /*nivel 3*/

    .submenu-3{ background:#333;}
    .submenu-3 a{color:#fff;}
    .submenu-3 li:hover > a{ background:#000; }
	
	
/* Fim do menu */

.teste	{
	position: fixed; left:0%; top:115%;
	width:100%;
	height:5%;
	background:white;
	border: 1px solid black;
		}	
		
		
.box1		{
	position: absolute; left:18%; top:125%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 0%;
	width:48%;
	height:2%;
	background-image: linear-gradient(to right, #088A08, white);  /* #0404B4 */
	font: 22px arial black;
	font-weight: bold;
	color: black;
	opacity: 1;
	border: 0px solid #0404B4;
			}
			
.box2		{
	position: absolute; left:23%; top:138%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 0%;
	width:53%;
	height:2%;
	background-image: linear-gradient(to left, #088A08, white);  /* #0404B4 */
	font: 22px arial black;
	font-weight: bold;
	color: black;
	opacity: 1;
	border: 0px solid #0404B4;
			}

.titulo		{
	position: absolute; left:15%; top:120%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 0%;
	width:70%;
	height:10%;
	background:none;
	font: 42px arial black;
	font-weight: bold;
	color: #0431B4;  /* #FFBF00 */
	-webkit-text-stroke-width: 1.0px;
    -webkit-text-stroke-color: blue;
	text-shadow: 20px 2px 15px #00FFFF;
	text-align: center;
	opacity: 1;
	border: 0px solid black;
			}
		
.frase		{
	position: absolute; left:15%; top:140%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 0%;
	width:70%;
	height:10%;
	background:none;
	font: 26px arial black;
	font-weight: bold;
	font-style:none;
	color: orange;  /* #FFBF00 */
	-webkit-text-stroke-width: 1.0px;
    -webkit-text-stroke-color: orange;
	
/*	-webkit-text-stroke-width: 1.0px;	*/
/*  -webkit-text-stroke-color: blue;	*/
/*	text-shadow: 20px 2px 15px #00FFFF;	*/
	text-align: center;
	opacity: 1;
	border: 0px solid black;
			}
	
	
.texto1	{
	position: absolute; left:25%; top:155%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 0%;
	width:55%;
/*	height:20%;	*/
	background:none;
	font: 20px arial;
	font-weight:none;
	color:#1c1c1c;
	text-align: center;
	opacity: 1;
	border: 0px solid black;
		}

.titulo2	{
	position: absolute; left:-15%; top:500%;
	padding-top:1.4%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:125%;
/*	height:8%;	*/
	background:none;
	font: 25px arial;
	font-weight: bold;
	color:#0101DF;
	opacity: 1;
	border: 0px solid black;
	text-align:left;
		}	

.linha2 {
	position: absolute; left:-15%; top:542%;
	width: 125%;
	border: 0px solid #1c1c1c;
		}

.texto2	{
	position: absolute; left:-15%; top:568%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:125%;
/*	height:30%;	*/
	background:none;
	font: 20px arial;
	font-weight:none;
	color:#1c1c1c;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
		}
.slider_position{
	position: absolute; left:-12%; top:152%;
	border: 0px solid black;
	width:125%;
	height:300%;
}

.samael{
	position: absolute; left:-15%; top:800%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:90%;
/*	height:30%;	*/
	background:none;
	font: 20px arial;
	font-weight:none;
	color:#00BFFF;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
	line-height:1.3;
	font-weight:bold;
}


.samael_foto{
	position: absolute; left:77.5%; top:800%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:30%;
	height:30%;	
	background:none;
	font: 18px arial;
	font-weight:none;
	color:#1c1c1c;
	text-align: center;
	opacity: 1;
	border: 0px solid black;
}


.titulo3	{
	position: absolute; left:-62.5%; top:1250%;
	padding-top:1.4%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:125%;
/*	height:8%;	*/
	background:none;
	font: 25px arial;
	font-weight: bold;
	color:#0101DF;
	opacity: 1;
	border: 0px solid black;
		}

.linha3 {
	position: absolute; left:-15%; top:1296%;
	width: 125%;
	border: 0px solid #1c1c1c;
		}

.texto3	{
	position: absolute; left:-15%; top:1344%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:125%;
	height:75%;
	background:none;
	font: 20px arial;
	font-weight:none;
	color:#1c1c1c;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
		}

.titulo3a	{
	position: absolute; left:0%; top:74%;
	padding-top:2%;
	padding-bottom:2%;
	padding-left: 2%;
	padding-right: 0%;
	width:43%;
/*	height:51%;	*/
	background-image: linear-gradient(to bottom, #0101DF, #2EFEF7);
	font: 25px arial;
	font-weight: bold;
	color:white;
	opacity: 1;
	border: 0px solid black;
		}
		
.titulo3b	{
	position: absolute; left:55%; top:74%;
	padding-top:2%;
	padding-bottom:2%;
	padding-left: 2%;
	padding-right: 0%;
	width:43%;
/*	height:51%;	*/
	background-image: linear-gradient(to bottom, #0101DF, #2EFEF7);
	font: 25px arial;
	font-weight: bold;
	color:white;
	opacity: 1;
	border: 0px solid black;
		}

.texto3a	{
	position: absolute; left:0%; top:210%;
	padding-top:0%;
	padding-bottom:0%;
	padding-left: 0%;
	padding-right: 0%;
	width:45%;
	height:68%;
	background:none;
	font: 20px arial;
	font-weight:none;
	color:#1c1c1c;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
		}

.texto3b	{
	position: absolute; left:55%; top:210%;
	padding-top:0%;
	padding-bottom:0%;
	padding-left: 0%;
	padding-right: 0%;
	width:45%;
	height:68%;
	background:none;
	font: 20px arial;
	font-weight:none;
	color:#1c1c1c;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
		}

.etapas{
	position: absolute; left:10%; top:435%;
	padding-top:0%;
	padding-bottom:0%;
	padding-left: 0%;
	padding-right: 0%;
	background:none;
	font: 20px arial;
	font-weight:none;
	color:#1c1c1c;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
}


.frase_etapas{
	position: absolute; left:20%; top:505%;
	padding-top:0%;
	padding-bottom:0%;
	padding-left: 0%;
	padding-right: 0%;
	background:none;
	font-size: 130%;
	font-family: arial;
	font-weight:none;
	color:#1c1c1c;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
	width:60%;
	text-align:center;
}	


.titulo4	{
	position: absolute; left:15%; top:537%;
	padding-top:1.4%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:70%;
	height:8%;
	background:none;
	font: 25px arial;
	font-weight: bold;
	color:#0101DF;
	opacity: 1;
	border: 0px solid black;
		}

.linha4 {
	position: absolute; left:15%; top:545%;
	width: 70%;
	border: 0px solid #1c1c1c;
		}

.texto4	{
	position: absolute; left:15%; top:555%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:70%;
	height:85%;
	/* background:#04B4AE;	 #00BFFF */
	background-image: linear-gradient(to bottom, #0101DF, #2EFEF7);
	font: 20px arial;
	font-weight:none;
	color:#1c1c1c;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
	border-radius:15px 15px 15px 15px;
		}

.texto4a	{
	position: absolute; left:5%; top:13.5%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:25%;
	height:80%;
	/* background:#04B4AE;	 #00BFFF */
	background:white;
	font: 20px arial;
	font-weight:none;
	color:white;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
	border-radius:5px 5px 5px 5px;
		}

.titulo4a	{
	position: absolute; left:6%; top:5%;
	width:25%;
	height:5%;
	border: 0px solid black;
	font-weight:bold;
	color: white;
	font-family: arial;
			}
			
			
a {
	color: black;     
	text-decoration:none;
  }

.link1	{
	position: absolute; left:23%; top:92%;
	color:black;		
    font-size: 20px;
	font-weight:bold;
		}
		
.link1:hover a 	
    {
      color:orange;
	}
	

.link2	{
	position: absolute; left:23%; top:92%;
	color:black;		
    font-size: 20px;
	font-weight:bold;
		}
		
.link2:hover a 	
    {
      color:orange;
	}
	
.link3	{
	position: absolute; left:23%; top:92%;
	color:black;		
    font-size: 20px;
	font-weight:bold;
		}
		
.link3:hover a 	
    {
      color:orange;
	}

.link4	{
	position: absolute; left:23%; top:700%;
	color:red;		
    font-size: 20px;
	font-weight:bold;
		}
		
.link4:hover a 	
    {
      color:orange;
	}
	
.link5	{
	color:red;		
    font-size: 20px;
	font-weight:bold;
	margin-left:23%;
		}
		
.link5:hover a 	
    {
      color:orange;
	  display:block;
	  background:none;
	}
	
.texto4b	{
	position: absolute; left:36.5%; top:13.5%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:25%;
	height:80%;
	/* background:#04B4AE;	 #00BFFF */
	background:white;
	font: 20px arial;
	font-weight:none;
	color:white;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
	border-radius:5px 5px 5px 5px;
		}

.titulo4b	{
	position: absolute; left:37%; top:5%;
	width:25%;
	height:5%;
	border: 0px solid black;
	font-weight:bold;
	color: white;
	font-family: arial;
			}

.texto4c	{
	position: absolute; left:68%; top:13.5%;	/* 4.5% */
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:25%;
	height:80%;
	/* background:#04B4AE;	 #00BFFF */
	background:white;
	font: 20px arial;
	font-weight:none;
	color:white;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
	border-radius:5px 5px 5px 5px;
		}
		
.titulo4c	{
	position: absolute; left:69%; top:5%;
	width:25%;
	height:5%;
	border: 0px solid black;
	font-weight:bold;
	color: white;
	font-family: arial;
			}
		
.imagem4a	{
		position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
			}

.descricao4a	{
		position: absolute; left:6%; top:48%;
		width:25%;
		height:40%;
		border: 0px solid black;
		font-weight:bold;
		color:#088A08;
		font-size: 18px;
		font-family: arial;
		z-index:20;
		line-height: 1.5;
			}

			
.imagem4a img {
		border-radius:5px 5px 0px 0px;
			  }	
			  

.imagem4b	{
		position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
			}

.descricao4b	{
		position: absolute; left:37%; top:48%;
		width:25%;
		height:40%;
		border: 0px solid black;
		font-weight:bold;
		color:#088A08;
		font-size: 18px;
		font-family: arial;
		z-index:20;
		line-height: 1.5;
			}
			
.imagem4b img {
		border-radius:5px 5px 0px 0px;
			  }		
	
.imagem4c	{
		position: absolute; left:0%; top:0%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
			}

.descricao4c	{
		position: absolute; left:69%; top:48%;
		width:25%;
		height:40%;
		border: 0px solid black;
		font-weight:bold;
		color:#088A08;
		font-size: 18px;
		font-family: arial;
		z-index:20;
		line-height: 1.5;
			}
			
.imagem4c img {
		border-radius:5px 5px 0px 0px;
			  }		

.texto4d	{
	position: absolute; left:15%; top:645%;
	padding-top:1.4%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:70%;
	height:20%;
	background:none;
	font: 20px arial;
	font-weight: none;
	color:#1c1c1c;
	opacity: 1;
	border: 0px solid black;
		}

.titulo5	{
	position: absolute; left:15%; top:680%;
	padding-top:1.4%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:70%;
	height:8%;
	background:none;
	font: 25px arial;
	font-weight: bold;
	color:#0101DF;
	opacity: 1;
	border: 0px solid black;
		}

.linha5 {
	position: absolute; left:15%; top:688%;
	width: 70%;
	border: 0px solid #1c1c1c;
		}

.texto5	{
	position: absolute; left:15%; top:695%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:70%;
	height:90%;
	background:none;
	font: 20px arial;
	font-weight:none;
	color:#1c1c1c;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
		}

.titulo6	{
	position: absolute; left:15%; top:803%;
	padding-top:1.4%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:70%;
	height:8%;
	background:none;
	font: 25px arial;
	font-weight: bold;
	color:#0101DF;
	opacity: 1;
	border: 0px solid black;
		}

.linha6 {
	position: absolute; left:15%; top:811%;
	width: 70%;
	border: 0px solid #1c1c1c;
		}

.texto6	{
	position: absolute; left:19%; top:815%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:68%;
	height:90%;
	background:none;
	font: 20px arial;
	font-weight:none;
	color:#1c1c1c;
	text-align: justify;
	opacity: 1;
	border: 0px solid black;
		}



.titulo7	{
	position: absolute; left:15%; top:907%;
	padding-top:1.4%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:70%;
	height:8%;
	background:none;
	font: 25px arial;
	font-weight: bold;
	color:#0101DF;
	opacity: 1;
	border: 0px solid black;
		}

.linha7 {
	position: absolute; left:15%; top:916%;
	width: 70%;
	border: 0px solid #1c1c1c;
		}

.texto7	{
	position: absolute; left:19%; top:920%;
	border: 0px solid black;
		}



.linha_rodape	{
	position: absolute; left:5%; top:960%;
	width: 90%;
	border: 0px solid #1c1c1c;
				}

.rodape {
	position: absolute; left:0%; top:962%;
	width:100%;
	height: 5%;
	color:gray;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
		}

/*		
.rodape	{
	position: absolute; left:0%; top:750%;
	border: 0px solid gold;
	padding-top: 1%;
	padding-bottom:0%;
	padding-left: 0%;
	width:100%;
	height:15%;
	background:#088A08;
	font-family: arial;
	font-size: 22px;
	color:white;
	text-align:center;
		}		
*/