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

#topo {height: 60px; width: 100%;}
#share {height: 30px; margin-top: 5px;}
#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: 50%; margin-top: -65px; right: -65px; cursor: pointer; z-index: 2;}
#navEsq {top: 50%; margin-top: -65px; left: -65px; cursor: pointer; z-index: 2;}

#conteudo {width: 100%; height: 780px; 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 PQP */
#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-weight: bold; font-size: 14px;}
#questoes a {margin: 10px 10px;padding: 7px;font-size: 12px; display: block; text-decoration: none; color: #000000;}
#questoes a:hover {background-color: #4c7ab8; color: #FFF;}
#questoes li {display: none;}
#questoes li a.selected {background-color: #9AE1A4;}
#questoes li a.selectedWrong {background-color: #FF0000;}

.materia {width: 602px; min-height: 500px; margin: 10px;}
.internalImage {width: 602px;}
.zhGeral {border: 1px solid #4c7ab8;}
.azulZH {background-color: #4c7ab8}
.whiteFont {color: #FFF;}
.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: #4c7ab8 url(img/arrowleft.png) no-repeat 70px 35px;}
.navRight {background: #4c7ab8 url(img/arrowright.png) no-repeat 20px 35px;}
.frame, .subtituloRodape, .descricaoRodape {display: none;}
.indexUp {z-index: 9999;}
.active {display: block !important;}
.reiniciar {text-align: center;}

.modal {max-width: 360px; min-height: 85px;}
.modal p, #rodape p {font-family: Arial; 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: #4c7ab8; 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: Georgia, Arial; font-size: 20px; margin: 0px; padding: 8px; text-transform: uppercase;}
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;}