#wrapper {overflow: hidden;}
body {width:944px; min-height: 1480px; margin: 0px; padding: 0px; font-family: Arial;}

#topo {position: absolute;margin-top: 165px;left: 50%}
#share {height: 30px; margin: 5px 0 0 5px; position: absolute;}
#share a {padding-right: 40px; padding-bottom: 11px; width: 30px;}
#share .facebook {background: url(img/facebook.png) no-repeat;}
#share .twitter {background: url(img/twitter.png) no-repeat;}
#share .google {background: url(img/google.png) no-repeat;}

#close {height: 5px;}
#close a {padding-right: 0px; margin-right: 10px; }

#navDir {top: 20%; margin-top: -65px; right: -65px; cursor: pointer; z-index: 2;}
#navEsq {top: 20%; margin-top: -65px; left: -65px; cursor: pointer; z-index: 2;}

#conteudo {width: 2469px;height: 2855px;overflow: hidden;}
#conteudo iframe {width: 100%; height: 100%;}
#rodape {width: 602px; height: 115px; bottom: -1px; z-index: 3;}

#pan {width: 200px; height: 140px; bottom: 10px; right: 10px;}
#pointerZoom {width: 200px; height: 140px; border-width: 2px; /* TEMPORARIO*/ left:50px; top: 100px;}

#carousel {padding: 10px; height: 60px; width: 150%;} /* LARGURA TEMPORARIA E DINAMICA */
#carousel li {display: inline; margin-right: 5px;}

#timeline {padding: 10px; height: 60px; width: 100%; text-align:center;}
#timeline li 
{
	display: inline; font-size: 22px; font-weight: bold;
	border-left: 1px solid #4c7ab8; border-right: 1px solid #4c7ab8;
	margin-left: -5px; margin-right: 0px; padding: 0px 5px;
	cursor: pointer;
}
#timeline li:first-child {border-left: none; padding-left: 0px;}
#timeline li:hover {background-color: #4c7ab8;}

#subtitulo {width: 100%;}

#subAbas {width: 100%; height: 20px; margin-top: 40px; background-color: #385d8e;}
#subAbas p {width: 300px;padding: 0;margin: 3px 15px; font-size: 12px;}
#subAbas ul {list-style: none; padding: 0; margin: 0; font-size: 12px; margin-top: 5px;}
#subAbas ul li {display: inline; padding: 10px; background:url(img/bluebg.png) no-repeat 0pc -40px;}
#subAbas ul li:hover {cursor: pointer;}

#questoes {list-style:none; margin: 0; padding: 0 20px;}
#questoes p {font-size: 14px;font-family: 'lato_bold';}
#questoes a {margin: 10px 10px;padding: 7px;font-size: 12px; display: block; text-decoration: none; color: #000000;font-family: 'lato_regular';}
#questoes a:hover {background-color: #dfdfdf; color: #000;}
#questoes li {display: none;}
#questoes li a.selected {background-color: #46cc27;}
#questoes li a.selectedWrong {background-color: #db4141;}

.materia {width: 944px; min-height: 1474px; margin: 10px;}
.internalImage {width: 604px;}
.zhGeral {border: 0px solid}
.azulZH {background-color: #ff5a00}
.whiteFont {color: #FFF; font-size: 16px; font-family: 'Montserrat';}
/*.blackTrans {background: url(img/trans.png);}*/
.seta {background:url(img/seta.png) no-repeat; width: 40px; height:20px;}
.setaLeft {margin-top: -18px; margin-left: 15px; float: left;}
.setaRight {margin-top: -18px; right: 15px; float: right;}
.setaDown {margin-top: 14px; right: -5px; float: right;}
.navLeft {background: #32bbee url(img/arrowleft.png) no-repeat 70px 35px;}
.navRight {background: #32bbee url(img/arrowright.png) no-repeat 20px 35px;}
.frame, .subtituloRodape, .descricaoRodape, .subtituloTopo {display: none;}
.indexUp {z-index: 9999;}
.active {display: block !important;}
.reiniciar {text-align: center;}

.zoom {display:inline-block;position: relative;}
.zoom img {display: block;}

.modal {max-width: 360px; min-height: 85px; background-color: #FFF; }
.modal p, #rodape p {font-family: Arial; font-size: 12px; padding: 10px; margin-top: 30px; color: #333;}
.sombra {box-shadow: 20px 15px 70px -15px;}

.linhaDatas {height:60px !important;}

.left {float: left;}
.right {float: right;}
.voa {position: absolute;}
.fixBorder {margin-left: -1px;}
.circulo {border-radius: 50%; width: 110px; height: 110px;}
/*.pointer {background-color: #457; opacity: 0.5;}*/
#pointer1 {width: 55px; height: 125px; cursor: pointer; }
#pointer2 {width: 55px; height: 125px; cursor: pointer;}
#pointer3 {width: 46px; height: 70px; cursor: pointer;}
#pointer4 {width: 55px; height: 102px; cursor: pointer;}
#pointer5 {width: 55px; height: 125px; cursor: pointer;}
#pointer6 {width: 74px; height: 154px; cursor: pointer;}
#pointer7 {width: 65px; height: 94px; cursor: pointer;}
#pointer8 {width: 46px; height: 70px; cursor: pointer;}
#pointer9 {width: 40px; height: 73px; cursor: pointer;}
#pointer10 {width: 39px; height: 83px; cursor: pointer;}
#pointer11 {width: 30px; height: 68px; cursor: pointer;}
#pointer11 {width: 30px; height: 68px; cursor: pointer;}
#pointer12 {width: 20px; height: 83px; cursor: pointer;}
#pointer13 {width: 32px; height: 69px; cursor: pointer;}
#pointer14 {width: 45px; height: 41px; cursor: pointer;}
#pointer15{width: 33px; height: 88px; cursor: pointer;}
#pointer15{width: 33px; height: 88px; cursor: pointer;}
#pointer16 {width: 37px; height: 113px; cursor: pointer;}
#pointer17 {width: 38px; height: 64px; cursor: pointer;}
#pointer18 {width: 37px; height: 101px; cursor: pointer;}
#pointer19 {width: 71px; height: 161px; cursor: pointer;}
#pointer20 {width: 35px; height: 65px; cursor: pointer;}
#pointer21 {width: 35px; height: 65px; cursor: pointer;}
#pointer22 {width: 35px; height: 65px; cursor: pointer;}
#pointer23 {width: 43px; height: 109px; cursor: pointer;}

.interno {background-color: #46cc27; height: 24px; width: 24px; top: 8px; left: 8px}
.arrowDown 
{
	width: 0; height: 0; 
	border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; 
}

.miniBack {background:url(img/livros_mini.jpg) no-repeat;}


h1 {font-family: 'oswald_regular';font-size: 18px;padding: 8px;text-transform: uppercase;position: relative;left: -50%;}
h5 {font-family: Arial; font-size: 12px; margin: 0px; padding: 2px 5px 2px 5px;}


/************ WORDLE *************/

div.jqcloud a {
  font-size: inherit;
  text-decoration: none;
}

div.jqcloud span.w10 { font-size: 550%; }
div.jqcloud span.w9 { font-size: 500%; }
div.jqcloud span.w8 { font-size: 450%; }
div.jqcloud span.w7 { font-size: 400%; }
div.jqcloud span.w6 { font-size: 350%; }
div.jqcloud span.w5 { font-size: 300%; }
div.jqcloud span.w4 { font-size: 250%; }
div.jqcloud span.w3 { font-size: 200%; }
div.jqcloud span.w2 { font-size: 150%; }
div.jqcloud span.w1 { font-size: 100%; }

/* colors */

div.jqcloud a:hover { color: #0df; }
div.jqcloud a:hover { color: #0cf; }
div.jqcloud span.w10 { color: #0cf; }
div.jqcloud span.w9 { color: #0cf; }
div.jqcloud span.w8 { color: #0cf; }
div.jqcloud span.w7 { color: #39d; }
div.jqcloud span.w6 { color: #90c5f0; }
div.jqcloud span.w5 { color: #90a0dd; }
div.jqcloud span.w4 { color: #90c5f0; }
div.jqcloud span.w3 { color: #a0ddff; }
div.jqcloud span.w2 { color: #99ccee; }
div.jqcloud span.w1 { color: #aab5f0; }

/* layout */

div.jqcloud {
  overflow: hidden;
  position: relative;
}

div.jqcloud span { padding: 0; text-transform: lowercase;}


/****************TEMPORARIO******************/

#ponto1 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto2 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto3 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto4 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto5 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto6 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto7 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto8 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto9 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto10 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto11 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto12 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto13 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto14 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto15 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto16 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto17 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto18 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto19 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto20 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto21 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto22 {
	top: 528px;
	left: 430px;
	display: none;
}

#ponto23 {
	top: 528px;
	left: 430px;
	display: none;
}


#pointer1 {top: 420px; left: 650px;}
#pointer2 {top: 400px; left: 990px;}
#pointer3 {top: 869px; left: 987px;}
#pointer4 {top: 1155px; left: 927px;}
#pointer5 {top: 1100px; left: 619px;}
#pointer6 {top: 1300px; left: 680px;}
#pointer7 {top: 1055px; left: 1086px;}
#pointer8 {top: 925px; left: 1076px;}
#pointer9 {top: 880px; left: 1150px;}
#pointer10 {top: 860px; left: 1180px;}
#pointer11 {top: 930px; left: 1190px;}
#pointer12 {top: 935px; left: 1220px;}
#pointer13 {top: 955px; left: 1240px;}
#pointer14 {top: 915px; left: 1250px;}
#pointer15 {top: 890px; left: 1300px;}
#pointer16 {top: 960px; left: 1280px;}
#pointer17 {top: 1010px; left: 1335px;}
#pointer18 {top: 1010px; left: 1370px;}
#pointer19 {top: 2345px; left: 589px;}
#pointer20 {top: 303px; left: 2017px;}
#pointer21 {top: 331px; left: 2041px;}
#pointer22 {top: 359px; left: 2069px;}
#pointer23 {top: 185px; left: 2149px;}