@charset "utf-8";
/*  */
#tit-graf {width:100%; height:70px; background-image:url(../img/titgraf_01.png);position:absolute; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:36px; color:#265184;}

/*  */
#mae {width:900px; height:620px; position:relative; margin:auto; background-color:#FFF; border:#CCC solid 1px; background-image:url(../img/bg.jpg); background-repeat:no-repeat; overflow:hidden;}
#cont-graficos { width:900px; height:620px; position:relative; margin:auto; overflow:hidden;}
/** tela 1 **/
#cont1 {width:100%; height:100%;position:absolute; z-index:1;}
#info1 { width:705px; height:140px; position: relative; margin:auto; margin-top:00px; background-image:url(../img/info1.png);}
#info-img1 { width:620px; height:81px; position:relative; margin:auto; margin-top:160px; background-image:url(../img/fam.png); background-position:center;}

#cont2 {position:absolute; width:100%; height:100%; display:none; top:-900; z-index:1;}
#info2 { display:none; width:158px; height:135px; position:absolute; left:-14%; margin-top:270px; background-image:url(../img/info2.png);}
#info-img2 {width:125px; height:81px; position:absolute; margin-left:15%; margin-top:-180px; background-image:url(../img/fam2.png); background-position:center;}
#info3 { display:none; width:156px; height:206px; position:absolute; margin-left:-73px; left:50%; margin-top:270px; background-image:url(../img/info3.png);}
#info-img3 {width:126px; height:120px; position:absolute; margin-left:-68px; left:50%; margin-top:130px;}
#info-img3 img#hom { height:45px; left:20%; margin-top:50px; position:absolute;}
#info-img3 img#mul { height:45px; margin-top:50px; right:7%; position:absolute;}
#info4 {display:none; width:158px; height:135px; position:absolute; right:-14%; margin-top:270px; background-image:url(../img/info4.png);}
#info-img4 {width:158px; height:135px; position:absolute; right:13%; margin-top:-180px;}
#info-img4 img { height:77px;}

#cont3 {position:absolute; width:100%; height:100%; top:-900px; z-index:1;}
#info5 { width:228px; height:109px; position: absolute;  margin-left:-114px; left:50%; margin-top:-55px; top:50%; background-image:url(../img/info5.png);}
#icon-edu { width:103px; height:104px;position:absolute; right:30%; top:23%; background-image:url(../img/icon2.png);}
#icon-trab {width:103px; height:137px; position:absolute; /*right:30%;*/ right:44%; top:60%; background-image:url(../img/icon6.png);}
#icon-sau { width:103px; height:104px; position:absolute; left:30%; top:23%; background-image:url(../img/icon1.png);}
#icon-mit {width:103px; height:136px;position:absolute; left:30%; top:60%; background-image:url(../img/icon3.png);}
#icon-sup {width:103px; height:137px; position:absolute; left:17%; top:39%; background-image:url(../img/icon5.png);}
#icon-eco {width:103px; height:136px; position:absolute; right:17%; top:39%; background-image:url(../img/icon4.png);}
#icon-edu, #icon-trab, #icon-sau, #icon-mit, #icon-sup, #icon-eco {display:none;} 


.legenda { width:110px; margin:10px 10px 0 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:left; text-align:center; font-weight:bold; color:#589cbf;} 
.legenda span {font-size:24px; color:#265184;}#
#frameinfos { z-index:20;}
#frameinfos img { width:100%;}
#lala {position:absolute; margin-top:0px; width:900px; height:620px;}
#btvoltar {position:absolute; margin-top:500px; right:0%; z-index:10; cursor:pointer;}



/* */
#seta-esquerda { width:300px; height:57px;  background-image:url(../img/voltar.png); position:absolute; left:3%; top:540px; display:none; z-index:5;}
#seta-esquerda:hover { background-image:url(../img/voltar2.png); cursor:pointer;}
#seta-direita { width:300px; height:57px; background-image:url(../img/proximo.png); position:absolute; right:3%; top:540px; z-index:5;}
#seta-direita:hover { background-image:url(../img/proximo2.png); cursor:pointer;}