#outside-container { text-align: center; }
#inside-container { width: 1001px; height: 730px; margin: auto; position: relative; text-align: left; }

img { border: 0; behavior: url(iepngfix.htc); }
li { list-style-type: none }
p  { margin-bottom: 15px; }

.abs { font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-size: 14px; color: #222222}

.abs { position: absolute; top: 0; left: 0; border: 0; z-index: 0; }

#logo { z-index: 100; }

#menu-escola {left: 310px; top: 60px; z-index: 20; }
#menu-localizacao {left: 290px; top: 110px; z-index: 20; }
#menu-proposta {left: 430px; top: 130px; z-index: 20; }
#menu-instituto {left: 510px; top: 65px; z-index: 20; }
#menu-teia {left: 670px; top: 120px; z-index: 20; }
#menu-festa { left: 730px; z-index: 20; }

#bg-trilha { top: 160px; }
#bg-trilha-proposta { top: 150px; }
#bg-digital-1 { top: 250px; left: 50px; }
#bg-digital-2 { top: 510px; left: 630px; }
#bg-digital-3 { top: 290px; left: 40px; }
#bg-digital-4 { top: 520px; left: 890px; }
#bg-digital-5 { top: 315px; left: 645px; }

/*title { top: 200px; left: 655px; z-index: 10;}*/
#bg-title-escola, #bg-title-localizacao, #bg-title-festa, #bg-title-instituto {  left: 665px; top: 203px; z-index: 20; }
#title-escola, #title-localizacao, #title-instituto { left: 698px; top: 278px; }
#title-escola span { width: 70px; }
#title-localizacao span { width: 80px; }

#title-festa { left: 688px; top: 275px; font-size: 24px;}
#title-festa span { margin-top: -30px; margin-left: -7px; font-size: 18px; }

#bg-title-proposta {  left: 795px; top: 180px; z-index: 20; }
#title-proposta { left: 828px; top: 251px; }

#logo-teia { top: 135px; left: 780px; z-index: 10; }
#foto-teia { top: 400px; left: 650px; z-index: 15;  }

#bg-principios { top: 410px; left: 680px; z-index: 10; }
#principios { top: 420px; left: 700px; z-index: 15; font-size: 13px; color: black; font-weight: normal; letter-spacing: 0 }
#principios-content { top: 445px; left: 730px; z-index: 15; font-size: 13px; color: white; letter-spacing: 0.2px; line-height: 16px; width: 250px;}

#principios-content li span { margin-left: 13px; }

h2.teia {margin-bottom: 10px; }

#bg-content { top: 250px; left: 160px; z-index: 5; }
#bg-content-teia { top: 220px; left: 110px; z-index: 5; }
#bg-content-proposta-1 { top: 170px; left: 50px; z-index: 5; }
#bg-content-proposta-2 { top: 296px; left: 50px; z-index: 5; }
#bg-content-proposta-3 { top: 455px; left: 50px; z-index: 5; }
#bg-content-proposta-4 { top: 200px; left: 450px; z-index: 5; }
#bg-content-proposta-5 { top: 440px; left: 559px; z-index: 5; }
#bg-content-localizacao { top: 400px; left: 680px; width: 330px; height: 50px; z-index: 5; }
#content-escola { top: 310px; left: 210px; width: 430px; height: 210px; z-index: 100; }
#content-teia { top: 285px; left: 150px; width: 440px; height: 210px; z-index: 100; }
#content-instituto { top: 310px; left: 210px; width: 430px; height: 210px; z-index: 100; }
#content-festa { top: 305px; left: 220px; width: 410px; height: 210px; z-index: 100; }
#content-localizacao { top: 407px; left: 675px; width: 330px; height: 50px; z-index: 100; text-align: center; color: white; font-size: 14px; font-weight: bold;}

#content-festa ul li { margin-bottom: 0; }
#content-festa p.participe { margin-left: 135px; }

#content-escola p { padding: 0; margin-bottom: 30px; }
 
#content-teia a, #content-teia a:visited, #content-instituto a, #content-instituto a:visited { color: white; font-weight: bold; text-decoration: none; }

#principios-content a, #principios-content a:visited { color: white; text-decoration: none; }

#content-teia a:hover, #content-instituto a:hover, #principios-content a:hover { text-decoration: underline; }

ul.festa { margin: 20px 0 20px 30px; } 
ul.festa li { list-style-type: disc; line-height: 20px; }

h1.abs { width: 300px; z-index: 30; font-size: 25px; color: white; }
h1.abs span { position: absolute; margin-top: -35px; margin-left: -10px; width: 90px; font-size: 16px; line-height: 16px;}

h2.abs {  color: white; z-index: 500; font-weight: bold; letter-spacing: 1px;}
h2.p-1 { top: 182px; left: 60px; }
h2.p-2 { top: 328px; left: 123px; letter-spacing: 1.5px}
h2.p-3 { top: 463px; left: 70px; letter-spacing: 1.5px}
h2.p-4 { top: 215px; left: 460px; }
h2.p-5 { top: 454px; left: 580px; }

p.abs { z-index: 500; font-size: 13px; letter-spacing: 0; }
p.p-1 { top: 212px; left: 63px; width: 350px; }
p.p-2 { top: 358px; left: 126px; width: 430px; }
p.p-3 { top: 493px; left: 73px; width: 400px;}
p.p-4 { top: 245px; left: 468px; width: 280px; }
p.p-5 { top: 484px; left: 578px; width: 330px; }


#footer { top: 600px; z-index: 20;}

#contato {top: 700px; left: 40px; width: 920px; padding: 3px; color: white; background-color: #f58229; text-align:center}

#mapa { top: 250px; left: 160px; z-index: 30; }