#wrapper {overflow: hidden;}
body {width:640px; margin: 0px; padding: 0px; font-family: 'lato_regular';}

#share {height: 30px; margin: 5px 0 0 5px; position: absolute;z-index: 20;}
#share a {padding-right: 40px; padding-bottom: 11px; width: 30px;}
#share .facebook {background: url(facebook.png) no-repeat;}
#share .twitter {background: url(twitter.png) no-repeat;}
#share .google {background: url(google.png) no-repeat;}

#share a.facebook.black {background: url(facebook_b.png) no-repeat;}
#share a.twitter.black {background: url(twitter_b.png) no-repeat;}
#share a.google.black {background: url(google_b.png) no-repeat;}

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

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

#conteudo {width: 592px;height: 260px;overflow: hidden;border: 5px solid #dfdfdf;margin: -5px 0 0 0px;}
#conteudo iframe {width: 100%; height: 100%;}
#rodape {width: 604px; height: 115px; bottom: 0; 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%;}

.abas {border: none !important;width: 100% !important;height: 100% !important;}
.infoAbas div#topo {margin-top: 5px !important; right: 0; margin-bottom: 5px !important}
.infoAbas div#topo h1 {left: auto;text-align: center;min-width: 220px; padding: 0 !important; margin: 5px 0 0 0;}

.infoQuiz div#topo {position: absolute;margin-top: 165px;left: 50%}

.infoAntesDepois div#topo {z-index: 15;right: 50%;/* left: 0; */max-width: 260px;min-width: 260px;text-align: center;margin-right: -130px;margin-top: 5px;}
.infoAntesDepois div#topo h1 {text-align: center; left: auto;padding: 2px 8px;}
.infoAntesDepois #conteudo {border: none;}

.infoDados div#conteudo {border: none;width: 604px !important;padding-top: 60px;padding-bottom: 10px;}
div#wrapper.infoDados {min-height: 200px;}
.infoDados div#topo {z-index: 15;right: 50%;/* left: 0; */max-width: 260px;min-width: 260px;text-align: center;margin-right: -130px;bottom: 25px;}
.infoDados div#topo h1 {text-align: center; left: auto;padding: 2px 8px;margin: 5px 0 0 0;}

.infoMapa div#conteudo {border: none;width: 604px !important; height: 335px;}
div#wrapper.infoMapa {min-height: 200px;}
.infoMapa div#topo {z-index: 15;right: 50%;/* left: 0; */max-width: 260px;min-width: 260px;text-align: center;margin-right: -130px;bottom: 25px;}
.infoMapa div#topo h1 {text-align: center; left: auto;padding: 2px 8px;margin: 5px 0 0 0;}

.infoSlider div#conteudo {border: none;width: 604px !important; height: 335px;}
div#wrapper.infoSlider {min-height: 200px;}
.infoSlider div#topo {z-index: 15;right: 50%;/* left: 0; */max-width: 260px;min-width: 260px;text-align: center;margin-right: -130px;bottom: 295px;}
.infoSlider div#topo h1 {text-align: center; left: auto;padding: 4px 8px;margin: 5px 0 0 0;}

#subAbas {width: 100%; height: 25px;text-align: center;margin-bottom: 5px;}
#subAbas p {width: 300px;padding: 0;margin: 3px 15px; font-size: 18px;}
#subAbas ul {list-style: none; padding: 0; margin: 0; font-size: 18px; margin-top: 5px; margin-bottom: 5px;}
#subAbas ul li {display: inline; padding: 0 10px;}
#subAbas ul li:hover {cursor: pointer; color: #393939;}

#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: 640px; min-height: 550px; margin: 10px;}
.internalImage {width: 604px;}
.zhGeral {border: 2px solid #dfdfdf;}
.azulZH {background-color: #32bbee}
.whiteFont {color: #FFF;}
.credito{margin-top:390px; position: absolute; z-index:9999; margin-left:480px; font-size: 13px; color: #FFF;}
.blackTrans {background: url(trans.png);}
.whiteBG {background-color: #FFFFFF;}
.seta {background:url(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(arrowleft.png) no-repeat 70px 35px;}
.navRight {background: #32bbee url(arrowright.png) no-repeat 20px 35px;}
.subtituloRodape, .descricaoRodape, .subtituloTopo {display: none;}
.indexUp {z-index: 9999;}
.active {display: block !important;}
.reiniciar {text-align: center;}
.blueOutline {border-color: #32bbee;}

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

.modal {max-width: 360px; min-height: 85px;}
.modal p, #rodape p {font-size: 12px; padding: 10px; margin-top: 30px;}
.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 {width: 40px; height: 40px; background-color: #ffffff; cursor: pointer;}
.interno {background-color: #32bbee; 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: 20px;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: 220px;
	left: 160px;
	display: none;
}

#pointer1 {top: 160px; left: 176px;}