html{

	overflow-x: hidden;
}
body{

	background:url(images/background.jpg) #17171b no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;


}
*{
	margin:0;
	padding:0;
}

h1#logo{

	background:url(images/logomarca.jpg);
	width:462px;
	height:98px;
	position:relative;
	left:-45px;
	cursor:pointer;
}
#menuzinho{

font-size:11px;
float:right;
color:#FFFFFF;
position:relative;
top:-20px;

}

h1#logo span{
	display:none;
}

#geral{

	margin:auto;
	width:738px;

}

    #menu{
      position:relative;
	  margin-top:40px;
	  left:294px;
      width:444px;
      height:24px;
      background:url(images/menutopo.gif) no-repeat 0 0;
    }
    #menu ul{
      list-style:none;
    }
    #menu li{
      position:absolute;
      top:0;
      height:24px;
    }
    #menu li a{
      position:absolute;
      display:block;
      width:100%;
      height:100%;
      top:0;
      cursor:pointer;
    }
    #menu li a span{
      position:absolute;
      display:block;
      width:100%;
      height:100%;
      top:0;
    }
    #um{
      width:111px;
      left:0;
    }
	 #umativo{
      width:111px;
      left:0;
	  background:url(images/menutopo.gif) no-repeat 0 -24px
    }
    #dois{
      width:111px;
      left:111px;
    }
	 #doisativo{
      width:111px;
      left:111px;
	  background:url(images/menutopo.gif) no-repeat -111px -24px;
    }
    #tres{
      width:111px;
      left:222px;
    }
	 #tresativo{
      width:111px;
      left:222px;
	  background:url(images/menutopo.gif) no-repeat -222px -24px;
    }
	#quatro{
      width:111px;
      left:333px;
	  }
	 #quatroativo{
      width:111px;
      left:333px;
	   background:url(images/menutopo.gif) no-repeat -333px -24px;
	  } 
	  	  
    #um a span{
      background:url(images/menutopo.gif) no-repeat 0 0;
    }
    #dois a span{
      background:url(images/menutopo.gif) no-repeat -111px 0;
    }
    #tres a span{
      background:url(images/menutopo.gif) no-repeat -222px 0;
    }
	  #quatro a span{
      background:url(images/menutopo.gif) no-repeat -333px 0;
    }
	


	
    #menu ul li a:hover{
      z-index:1000;
    }
    #um a:hover span{
      background:url(images/menutopo.gif) no-repeat 0 -24px;
    }
    #dois a:hover span{
      background:url(images/menutopo.gif) no-repeat -111px -24px;
    }
    #tres a:hover span{
      background:url(images/menutopo.gif) no-repeat -222px -24px;
    }
	#quatro a:hover span{
      background:url(images/menutopo.gif) no-repeat -333px -24px;
    }
#imagem{
	width:738px;
	height:74px;
	background:url(images/imagem.jpg) no-repeat;
	margin:0;
}

#imagemcontatos{
	width:738px;
	height:74px;
	background:url(images/imagemcontatos.jpg) no-repeat; 
	margin:0;
}
#imagemempresas{
	width:738px;
	height:74px;
	background:url(images/imagemempresa.jpg) no-repeat; 
	margin:0;
}
#imagemquemsomos{
	width:738px;
	height:74px;
	background:url(images/imagemquemsomos.jpg) no-repeat; 
	margin:0;
}
#imagemescolas{
	width:738px;
	height:74px;
	background:url(images/imagemescola.jpg) no-repeat; 
	margin:0;
}
#imagemespacoeloin{
	width:738px;
	height:74px;
	background:url(images/imagemespacoeloin.jpg) no-repeat; 
	margin:0;
}
#conteudo{
	background:#ffcc00;
	width:738px;
}
#conteudocontatos{

background:#FFFFFF;
width:738px;
height:550px;
}
#conteudoescolas{
	background:#FFFFFF;
	width:738px;
	height:1000px;
}
#conteudoempresas{
	background:#FFFFFF;
	width:738px;
	height:500px;
}
#conteudoresponsabilidade{
	background:#FFFFFF;
	width:738px;
	height:650px;
	padding-top:35px;
}
#conteudoespacoeloin{
	background:#FFFFFF;
	width:738px;
	height:650px;


}
#conteudoquemsomos{
	padding-top:35px;
	background:#FFFFFF;
	width:738px;
	height:620px;
}

#criando{
	background:url(images/criandoeproduzindo.jpg) no-repeat;
	width:418px;
	height:185px;
	position: relative;
	top:-13px;
	left:-45px;
	z-index:4;
	margin:0;
}

#fotorandomica{
	position: relative;
	width:443px;
	height:317px;
	top:-215px;
	right:-380px;
	z-index:3;
	margin:0;
}
#texto{
	position:relative;
	top:-300px;
	width:290px;
	font-size:11px;
	left:30px;
}
#texto2{
	position:relative;
	top:-500px;
	width:388px;
	font-size:11px;
	left:330px;
	height:119px;
}
p{

margin-top:10px;
}

#rodape span{
text-transform:uppercase;
width:100px;
float:right;


}



a.linkbranco:link {
color:#FFFFFF;
text-decoration:none;
padding-right:7px;
padding-left:7px;
}
a.linkbranco:visited {
color:#FFFFFF;
text-decoration:none;
}
a.linkbranco:hover {
text-decoration:underline;
}
/* Link */
a.linkamarelo:link {
color:#FFFF00;
text-decoration:none;
padding-left:7px;
}
a.linkamarelo:visited {
color:#FFFF00;
text-decoration:none;
}
a.linkamarelo:hover {
text-decoration:underline;
}
#titulo{

background:#b5e203;
padding-left:25px;
}


#titulo2{

background:#ea2869;
padding-left:20px;
}
#dentroconteudo {

padding:10px 40px;
font-size:12px;
}

#dentroconteudo h2{
color:#000000;
font-size:18px;
margin-bottom:5px;
}

.div{
height:5px;
margin:10px 0px;
width:500px;
background:#CCCCCC;
}
.infocontato{

color:#666666;
font-size:11px;

}
.um {
background:#ffb522 url(images/um.jpg) no-repeat 30px 0px;
margin-bottom:7px;
height:58px;

}
.dois{
background:#b5e203 url(images/dois.jpg) no-repeat 30px 0px;
margin-bottom:7px;
height:58px;
}
.tres {
background:#f84481 url(images/tres.jpg) no-repeat 30px 0px;
margin-bottom:7px;
height:58px;
}
.quatro {
margin-bottom:7px;
background:#03b5ff url(images/quatro.jpg) no-repeat 30px 0px;
height:58px;
}
.cinco {
background:#ffb522 url(images/cinco.jpg) no-repeat 30px 0px;
height:58px;
}
.um_escola {
background:#ffb522 url(images/um_escola.jpg) no-repeat 30px 0px;
margin-bottom:7px;
height:58px;

}
.dois_escola{
background:#b5e203 url(images/dois_escola.jpg) no-repeat 30px 0px;
margin-bottom:7px;
height:58px;
}
.tres_escola {
background:#f84481 url(images/tres_escola.jpg) no-repeat 30px 0px;
margin-bottom:7px;
height:58px;
}
.quatro_escola {
margin-bottom:7px;
background:#03b5ff url(images/quatro_escola.jpg) no-repeat 30px 0px;
height:58px;
}