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

  .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;
			}
	
	
.texto1	{
	position: absolute; left:23%; top:146%;
	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:166%;
	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;
		}	

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

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

.titulo3	{
	position: absolute; left:15%; top:221%;
	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;
		}

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

.texto3	{
	position: absolute; left:15%; top:240%;
	padding-top: 0%;
	padding-bottom:0%;
	padding-left: 1%;
	padding-right: 1%;
	width:70%;
	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:14%;
	padding-top:2%;
	padding-bottom:0%;
	padding-left: 2%;
	padding-right: 0%;
	width:43%;
	height:11%;
	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:14%;
	padding-top:2%;
	padding-bottom:0%;
	padding-left: 2%;
	padding-right: 0%;
	width:43%;
	height:11%;
	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:30%;
	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:30%;
	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;
		}


.titulo4	{
	position: absolute; left:15%; top:320%;
	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:328%;
	width: 70%;
	border: 0px solid #1c1c1c;
		}

.texto4	{
	position: absolute; left:15%; top:343%;
	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;
	}

.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:435%;
	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:472%;
	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:480%;
	width: 70%;
	border: 0px solid #1c1c1c;
		}

.texto5	{
	position: absolute; left:15%; top:492%;
	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:605%;
	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:603%;
	width: 70%;
	border: 0px solid #1c1c1c;
		}

.texto6	{
	position: absolute; left:19%; top:610%;
	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;
		}

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

.rodape {
	position: absolute; left:0%; top:702%;
	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;
		}		
*/