@font-face {
 font-family: URWGroteskTLig;
 src: url("URWGroteskTLig.eot") /* para o IE */
}
@font-face {
 font-family: URWGroteskTLig;
 src: url("URWGroteskTLig.ttf") /* para outros navegadores */
}
@font-face {
 font-family: minimumaclai;
 src: url("minimumaclai.eot") /* para o IE */
}
@font-face {
 font-family: minimumaclai;
 src: url("minimumaclai.ttf") /* para outros navegadores */
}

html { width:100%; height:100%; margin:0; padding:0; overflow-x:hidden; overflow-y:hidden;}
body { width:100%; height:100%; margin:0; padding:0; font-family:URWGroteskTLig, tahoma, trebuchet MS, verdana, arial;
overflow-x:hidden; overflow-y:hidden; color:#666}
ul { list-style:none; padding:0; margin:0}
a { text-decoration:none; border:none; outline-style:none; outline-width:0}
p { margin-top:0}
img {border:none}
iframe { border:0}

h1 { color:#fff; margin:0; padding:0; font-weight:normal; font-size:45px}
h2 {font-weight:normal}

#descri{ padding:7px; background:white; display:none; position:absolute; z-index:100000000000; border-radius: 15px; -moz-border-radius: 15px}

.rolador { cursor:pointer}
#menu1 { width:100%; float:left; color:white; position:relative; z-index:500}
#menu1 .rolador {width:20%; float:left; padding-bottom:3px; padding-top:3px; color:white;}
#inicio { background-color:#60C490;}
#mod1 { background-color:#478299}
#mod2 { background-color:#79C0DB}
#mod3 { background-color:#71AABC}
#mod4 { background-color:#547896}

.subrolador  { padding-top:0; z-index:200; position:absolute; color:white; margin-top:3px}
#sub_inicio { background-color:#60C490; display:none}
#sub_mod1 { background-color:#478299; display:none; left:20%}
#sub_mod2 { background-color:#79C0DB; display:none; left:40%}
#sub_mod3 { background-color:#71AABC; display:none; left:60%}
#sub_mod4 { background-color:#547896; display:none; left:80%}

#menu2 { height:100%; position:relative; float:left; z-index:10}
.items /*todos menus*/ { position:relative; margin:0; padding:0; height:100%; background-repeat:repeat-x;}
.cenarios { height:100%; float:left; position:relative;  background-repeat:no-repeat}
#cenario1 { background-color:#60C490}
#cenario2 { background-color:#478299}
#cenario3 { background-color:#79C0DB}
#cenario4 { background-color:#71AABC}
#cenario5 { background-color:#547896}
.cenario_fundo { width:100%; height:100%; position:absolute}
.cenario_esq { width:20%; height:100%; position:absolute}
.cenario_dir { width:20%; height:100%; position:absolute; left:100%; margin-left:-19%}

#conteudo { position:relative; width:100%; float:left; z-index:10}
#cont_topo { height:80px; width:100%; min-width:990px; position:relative; background-color:#60C490; z-index:20}
#logo {width:20%; min-width:175px; background-color:#B1C9BC; position:relative;
height:100%; float:left; font-family:minimumaclai,arial; font-weight:bold}
#logo h1{ margin-top:20px; font-size:50px;}
#submenu { background-image:url(images/pixelado.png); background-position:right; background-repeat:no-repeat;
position:relative; height:100%; width:80%; float:left; text-indent:10px}
#submenu a{ color:#FFFFFF; padding:0 7px}
#submenu a:hover, a.submenuhover{ background-color:#234444}
#titulo {padding:10px; padding-bottom:0; position:relative; float:left}
#titulo h1 { float:left; color:white; font-size:30px}
#titulo h2 { color:white; float:left; font-size:20px; padding:0; margin:0; margin-top:9px;}
#atalhos {padding:5px 0  0 5px; padding-top:0; clear:both; color:white; height:30px}
#cont_corpo { height:100%; position:relative; background-color:white; overflow-y:auto}
#centraliza { width:60%; min-width:650px; max-width:750px; text-align:left; margin-bottom:40px; margin-top:30px}
.lista li { margin:15px 0}
.lista_simples li{ list-style:disc inside; margin:5px 0; margin-left:20px}
.destaque { color:#09C; cursor:help}
.tabela{ border:2px solid #AACFE0}
.tabela td{ border:2px solid #AACFE0}

#rodape { width:100%; padding:2px; background-color:#B1C9BC; font-size:13px; color:#333333; position:fixed; top:100%; z-index:400}
#rodape a{ color:white}
#rodape a:hover{ color:#333333}

.cenarios .rolador {position:absolute}
.link_txt { font-size:12px}
.link_submenu { float:left; cursor:pointer; position:absolute}
.link_submenu img { bottom:0}

#pega_cont { border:0; width:100%;}

/*   margin-left das imgs tem que ser a largura de todas as imagens anteriores a ela multiplicado por -1     */

#o_eduvirtua { margin-top:65px; margin-left:15%; z-index:2}
#gloss{ margin-top:330px; margin-left:20%; z-index:4}
#midia { margin-top:220px;  margin-left:55%; z-index:1}

#txt1     { margin-top:70px;  margin-left:1%; z-index:2}
#desafio1 { margin-top:285px; margin-left:25%; z-index:4}
#ppt1     { margin-top:20px;  margin-left:35%; z-index:1}
#mapa1    { margin-top:100px; margin-left:60%; z-index:3}

#txt2     { margin-top:120px; margin-left:5%; z-index:3}
#desafio2 { margin-top:330px; margin-left:50%; z-index:4}
#ppt2     { margin-top:20px;  margin-left:35%; z-index:1}
#mapa2    { margin-top:65px;  margin-left:65%; z-index:2}

#txt3     { margin-top:110px;   margin-left:1%; z-index:3}
#desafio3 { margin-top:250px; margin-left:45%; z-index:4}
#ppt3     { margin-top:20px;  margin-left:32%; z-index:1}
#mapa3    { margin-top:100px;  margin-left:60%; z-index:2}

#mapa4    { margin-top:80px;  margin-left:2%; z-index:2}
#desafio4 { margin-top:260px; margin-left:20%; z-index:4}
#ppt4     { margin-top:15px;  margin-left:35%; z-index:1}
#txt4     { margin-top:90px;  margin-left:60%; z-index:3}

/*estilos do conteudo*/
#geral h1 { color:#3884A5; font-size:45px; border-bottom: 1px solid #ccc; font-family:minimumaclai}
#geral h2 { margin:0; padding:0; color:#3884A5; font-weight:normal; font-size:23px}
#geral b { color:#000; font-weight:normal; margin:0; padding:0}
#geral a { color:#CC5500}
#geral a:hover { color:#E4B71B}
#geral a b{ color:#B95513; font-weight:bold}
#geral a:hover b{ color:#E4B71B}
#geral a img {border:3px solid #478299; padding:3px; margin:10px 0px}
.tamanho { text-align:right; padding:10px 0 20px 0; width:100%; -moz-user-select:none; font-size:17px }
#diminui_txt, #aumenta_txt { color:#888; cursor:pointer; -moz-user-select:none; font-size:17px }
#diminui_txt:hover, #aumenta_txt:hover { color:#CC5500 }
#diminui_txt:active, #aumenta_txt:active { color:#E4B71B }
#naveg_rapida { font-family:URWGroteskTLig, tahoma, trebuchet MS, verdana, arial; font-weight:normal; font-size:13px; margin-top:0; color:#aaa}
#naveg_rapida a{ color:#399; cursor:pointer}
.citacao { margin:10px 0 10px 150px; font-style:italic}
.questoes {color:#504799}

/*lightbox*/
#mascara { position:fixed; width:100%; height:100%; background-color:black; opacity:0; filter: alpha(opacity=10); z-index:1000000; display:none }
#lightbox { width:100px; height:100px; position:fixed; display:none; z-index:2000000; left:50%; top:50%; float:left}
.abre_lightbox { cursor:pointer}
#lightbox_cont { height:98%; width:100%; float:left; background-color:white; position:relative; border:5px solid #fff}
#fecha_box { font-family:arial; font-weight:bold; background-color:#fff; z-index:3000; float:left; padding:4px; position:relative; cursor:pointer;}
#fecha_box img { margin:0}