@charset "utf-8";
/* CSS Document */
#tituloMateria{font-family: georgia,serif; font-size: 44px; letter-spacing: -1.8pt; word-spacing: 2.2pt; padding:10px; clear:both; }


#rodape{clear:both; height:53px; width:841px; background:#eee; margin-top:10px;}

#menu_rodape{height:20px; padding:3px; padding-left:10px; padding-top:30px;}
#menu_rodape {padding:0px; margin:0px; float: left; width: 100%; margin-top:10px; }
#menu_rodape li{display: inline;}
#menu_rodape li a{padding: 0px 10px; float:left; color: #aeadad; text-decoration: none; font-size:10px; padding-top:3px; }
#menu_rodape li a:hover{text-decoration:underline;}



a:link{color: #000; text-decoration:none;}
a:visited{color: #000; text-decoration:none;}
a:active{color: #000; text-decoration:none;}
a:hover{color: #000; text-decoration:underline}

.linkGuia:link{color: #666666; text-decoration:none;}
.linkGuia:visited{color: #666666; text-decoration:none;}
.linkGuia:active{color: #666666; text-decoration:none;}
.linkGuia:hover{color: #000; text-decoration:underline}


.linkCinza:link{color: #ccc; text-decoration:none;}
.linkCinza:visited{color: #ccc; text-decoration:none;}
.linkCinza:active{color: #ccc; text-decoration:none;}
.linkCinza:hover{color: #ccc; text-decoration:underline}

.css_campo{background:#fff; border:1px solid #e1e1e1; width:30px; width:300px; padding:5px;}
.css_campoLabel{font-size:14px; color:#333333;}
.css_campoTotal{margin-top:5px;}
.css_campoGrande{width:400px; height:80px; background:#fff; border:1px solid #e1e1e1; padding:5px;}
.css_botao{width:300px; height:40px; background: #0099FF; color:#fff; padding:10px; border:1px solid #fff; margin-top:5px; }

.normal_menu{margin-top:8px;}

.comTudo{margin-bottom:10px; padding-top:20px; border-top:10px solid #f8f8f8; padding:10px; height:auto; margin:10px; clear:both;}
.comNumero{float:left; font-family: georgia,serif; color: #E8E8E8; font-size: 60px; letter-spacing: 0pt; word-spacing: -20pt; line-height: 0.4; margin-top:10px; height:50px; }
.comentariosListagem{clear:both; margin-top:40px;}
.comParte2{float:left; width:500px; margin-top:10px; width:20px; text-align:center;}
.comComentario{font-family: verdana,sans-serif; color: #333333; font-size: 12px; margin-left:10px;  width:570px; text-align:left;}
.comNome{font-size:12px; margin-left:10px; color: #333333;font-family: verdana,sans-serif; font-style: italic; letter-spacing: 0pt; word-spacing: 0pt; line-height: 1.7; text-align:left; border-top:1px solid #f7f7f7; float:left; margin-top:10px;}
.comEmail{font-style:italic; color:#999999; font-size:10px; float:left; margin-top:18px; margin-left:10px;}
.comNomeEmail{width:600px;}

.comentarios{width:600px;}
#formularioComentario{padding-top:60px;}

#btnAba1{float:left; width:80px; padding-left:4px; padding-right:4px; height:48px; padding-left:10px}
#btnAba2{float:left; width:80px; margin-left:8px; padding-left:4px; padding-right:4px; height:46px; padding-top:2px;}
#btnAba3{float:left; width:80px; margin-left:4px; height:48px;}
#aba1Ajax{width:280px; height:300px; clear:both;}

#blocoDestaques{width:700px; padding:5px; clear:both;}
#outrosDestaques{width:304px; float:left;}



a.jScrollArrowUp {background:repeat-x 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(../images/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}

.jScrollPaneTrack{background:#f8f8f8;}



#bannersPublicidadeImagens{width:165px; margin-top:10px; border-top:1px solid #ebebeb; padding-top:10px;}
#listaBannersPublicidade{height:20px; padding:3px; padding-left:4px; clear:both; padding-right:14px; width:165px; margin:0 auto; text-align:center;}
#listaBannersPublicidade {list-style:none; margin: 0; padding:0px; margin-right:5px; }
#listaBannersPublicidade li{margin: 0 0 3px 0; }
#listaBannersPublicidade li a{cursor:pointer;}
#listaBannersPublicidade li a:hover{}

.bannerPublicidadeEvento{border:1px solid #fff;}
.bannerPublicidadeEvento:hover{cursor:pointer; }

#clima{float:right; width:170px;}

.abaTudo{clear:both; width:240px; margin-left:5px; margin-top:6px;}
.abaNum{float:left; font-family: georgia,serif; color: #107CE1; font-size: 36px; margin-left:10px; margin-right:10px; width:20px; height:50px; }
.abaMat{float:left; width:200px; padding-top:4px;}

#blocoSemana10{width:670px; height:350px; padding-top:5px; margin-left:5px; border-top:1px solid #ebebeb}
#imagemSemana{width:360px; float:left; margin-top:4px; height:275px}
#maisLidas{width:282px; float:left; margin-left:8px; border:1px solid #ebebeb; height:358px; margin-left:18px;}
#fotoSemana{margin-top:5px; width:369px; height:auto; }

#diretoRedacao{width:380px; height:auto; margin-top:10px; float:left;}
#listaRedacao li{list-style:url(../image/seta_azul.gif); margin-top:10px;}

#anuncioVertical{margin-left:5px; margin-top:10px; width:278px; height:auto; float:left;}

.aba{width:93px; border-bottom:1px solid #ebebeb; height:40px; float:left; border-right: 1px solid #ebebeb}
.aba:hover{background:#f6f6f6; border-bottom:4px solid #e1e1e1; cursor:pointer; height:40px;}

#autorFotoSemana{font-family: verdana,sans-serif; font-size: 9px; height:18px; background: #CCCCCC; padding-top:3px; padding-left:3px; width:367px;}
#descricaoFotoSemana{font-family: verdana,sans-serif; font-size: 10px; letter-spacing: 0.4pt; padding:3px;line-height: 1.3; background: #e1e1e1; width:357px; padding-left:10px; }
<!-- #conjuntoFotoSemana{position:relative; top:-54px; left:2px;} -->
#conjuntoFotoSemana{}


#imagemSemanaTitulo{font-family: georgia,serif; color: #48617A; font-size: 36px; letter-spacing: -1.6pt;}
#imagemSemanaSubTitulo{font-family: georgia,serif; color: #828282; font-size: 12px; letter-spacing: 0.2pt; word-spacing: 1.4pt; margin-left:80px;}

#leiaTambem{height:auto; clear:both; margin-bottom:30px; padding-bottom:20px;}
.ltPos{float:left; width:200px; border-left:1px solid #ebebeb; padding-left:15px; padding-right:5px;}
.ltPos1{float:left; width:200px; padding-left:5px; padding-right:5px;}
.ltTitulo{font-family: verdana,sans-serif; color: #107CE1; font-size: 12px; font-weight: bold;}
.ltTxt{}

.matTudo{width:400px; clear:both; padding-top:10px;}
.matTudo2{width:300px; clear:both; padding-top:10px;}
.matThumb{float:left;}
.matTxt{float:left; margin-left:3px; width:211px;}
.matRetranca{font-family: georgia,serif; color: #013D75; font-size: 18px; letter-spacing: -0.2pt;}
.matSubtitulo{font-size:11px;}

#boxMutavelFrases{width:325px; height:62px; overflow:auto; border:1px solid #ebebeb; background: url(../image/aspas.gif) no-repeat left; padding:5px;
font-family: georgia,serif;
font-size: 20px;
padding-left:15px; padding-top:15px; padding-right:10px;
}

#tagCloud{margin-top:20px; border-top:1px solid #ebebeb; clear:both;}

#selos{padding-top:10px; clear:both; border-top:1px solid #ebebeb; width:667px;}


#bannerRetangular{width:670px; height: 65px; clear:both; padding-top:5px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; margin-bottom:5px; }

#autorFrases{font-family: georgia,serif; color: #45719A; font-size: 12px; font-weight: bold; letter-spacing: -0.8pt; word-spacing: 2pt; line-height: 0.8; position:relative; top: 2px; text-align:right;}

.thumbImage{border:2px solid #ebebeb;}
.thumbImage:hover{border:2px solid #FF6600;}

#moduloMutavel{width:260px; margin-left:5px; margin-right:5px; float:left;}
#conteudoEnquete{text-align:center;}
#boxMutavel{width:350px; height:278px; border:1px solid #ebebeb;}


#tituloEnquete{background:#f3f3f3; padding:5px;font-family: verdana,sans-serif; font-size: 11px; letter-spacing: 0.8pt; line-height: 1.5; text-align:center;}

*{margin:0px; padding:0px;}
body{font-family:Verdana; font-size:11px; color:#000000; background:#e8f0df}
#tudo{width:1010px; height:auto; border: 1px solid #fff; background:#FFFFFF; margin: 0 auto; margin-top:30px; background:#FFFFFF; overflow:hidden; margin-bottom:30px;}
#headerLogo{height:76px; background:#0255a3;}

#esq{float:left; width:842px; background:#FFFFFF;}
#dir{float:left; width:168px; height:800px; background:#dddddd;}

#menuTopo{height:20px; background:#CFCFCF; padding:3px; padding-left:10px;}
#menu_menu_menuTopo {padding:0px; margin:0px; float: left; width: 100%; }
#menu_menu_menuTopo li{display: inline; }
#menu_menu_menuTopo li a{padding: 0px 10px; float:left; color: #000; text-decoration: none; font-size:10px; padding-top:3px; }
#menu_menu_menuTopo li a:hover{color:#000; padding-top:3px; text-decoration:underline;}

#busca{height:49px; border-bottom:1px solid #ebebeb; padding-top:10px; padding-left:10px;}
#buscaCaixa{float:left; padding-right:8px; border-right:1px solid #ebebeb;}
#buscaPatrocinio{float:left; width:90px; padding-left:8px; text-align:center; position:relative; top:-4px;}
.caixaBusca{width:580px; height:32px; background:#FFFFFF; border:1px solid #ebebeb; padding-top:5px; padding-left:5px; font-size:20px; color:#333333; font-weight:bold;}
.botaoProcurar{width:97px; height:40px; background:#efefef; border:1px solid #ebebeb; padding:5px; text-align:center; color:#adadad; font-weight:bold; margin-left:5px;}
#txtBannerPatrocinio{font-family: verdana,sans-serif; color: #D9D9D9; font-size: 9px; letter-spacing: 2.8pt; word-spacing: 8.8pt; line-height: 0pt; margin-bottom:8px; margin-top:3px;}

#numTempMin{font-family: georgia,serif; color: #EBF5FF; font-size: 14px; font-weight: bold; }
#tempMin{font-family: georgia,serif; color: #EBF5FF; font-size: 14px; font-weight: bold; text-align:center; }
#tempMax{font-family: georgia,serif; color: #EBF5FF; font-size: 14px; font-weight: bold; text-align:center; }
#txtMin{margin-left:160px;}

<!-- super banner -->
#superBanner2{clear:both; height:95px; border-bottom:1px solid #ebebeb; margin:5px;}
#contEsq{float:left; width:140px; border-right: 1px solid #ebebeb; }
#contDir{float:left; width:685px; padding:5px; }
<!-- fim super banner -->

<!-- banner oferecimento -->
#bannerOferecimento{}
<!-- fim oferecimento -->

<!-- menu Lateral -->
#menuLateralDiv{height:100%; padding:3px; padding-left:4px; clear:both; padding-right:14px; width:120px;}
#menuLateral {list-style:none;margin: 0; padding:0px; margin-right:5px; }
#menuLateral li{margin: 0 0 4px 0;}
#menuLateral li a{display:block;color: #666666; text-decoration:none; font-size:12px; height: auto;padding-left: 5px; }
#menuLateral li a:hover{display:block;color: #000000; text-decoration:underline;}

.titulo_menu{font-size:36px; color:#013D75; font-weight:bold; margin-top:15px; width:120px; margin-top:20px;}
<!-- fim menu lateral -->


<!--manchete-->
#manchete{clear:both; border-bottom:100px solid #ebebeb; height:207px;}
#mancheteEsq{float:left; width: 279px;}
#mancheteDir{float:left; width: 380px;}
#mancheteTXT{font-family: georgia,serif; font-size: 32px; word-spacing: -1.4pt; margin-left:10px; width:370px;}
#mancheteDESC{margin-left:10px; width:370px; font-family: verdana,sans-serif; font-size: 11px; line-height: 1.7; margin-top:10px; }
#legendaFotoManchete{font-family: verdana,sans-serif; color: #cccccc; font-size: 10px;margin:2px; }
<!-- fim manchete -->


#tituloMateria{font-family: georgia,serif; font-size: 44px; letter-spacing: -1.8pt; word-spacing: 2.2pt; padding:10px; clear:both; }
#dataMateria{font-family: verdana,sans-serif; font-size: 12px; letter-spacing: 5.4pt; word-spacing: 15pt; color: #333333; text-align:center; font-size:9px; margin-top:10px; font-weight:bold; }
.corpoMateria{font-family: verdana,sans-serif; font-size: 13px; letter-spacing: 0pt; word-spacing: 0pt; line-height: 2.3; }
#tudoMateria{width:650px; margin-bottom:10px; padding:10px;}
#comentariosTitulo{font-family: verdana,sans-serif; font-size: 9px; letter-spacing: 0pt; word-spacing: 2pt; line-height: 1.7; background:#EFEFEF; padding:5px; margin-top:10px; width:650px; clear:both;}


/*
------------------------------
	Impromptu's
------------------------------
*/
.jqifade{
	position: absolute; 
	background-color: #aaaaaa; 
}
div.jqi{ 
	width: 400px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #ffffff; 
	font-size: 11px; 
	text-align: left; 
	border: solid 1px #eeeeee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
}
div.jqi .jqicontainer{ 
	font-weight: bold; 
}
div.jqi .jqiclose{ 
	position: absolute;
	top: 4px; right: -2px; 
	width: 18px; 
	cursor: default; 
	color: #bbbbbb; 
	font-weight: bold; 
}
div.jqi .jqimessage{ 
	padding: 10px; 
	line-height: 20px; 
	color: #444444; 
}
div.jqi .jqibuttons{ 
	text-align: right; 
	padding: 5px 0 5px 0; 
	border: solid 1px #eeeeee; 
	background-color: #f4f4f4;
}
div.jqi button{ 
	padding: 3px 10px; 
	margin: 0 10px; 
	background-color: #2F6073; 
	border: solid 1px #f4f4f4; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 12px; 
}
div.jqi button:hover{ 
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{ 
	/*background-color: #8DC05B;*/
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{ 
	background-color: #BF5E26;
}

/*
------------------------------
	impromptu
------------------------------
*/
.impromptuwarning .impromptu{ background-color: #aaaaaa; }
.impromptufade{
	position: absolute;
	background-color: #ffffff;
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptuclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #213e80;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}


#GB_overlay {
  background-image: url(http://www.otaboanense.com.br/includes/greybox/overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.otaboanense.com.br/includes/greybox/overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 10px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	background: #e1e1e1;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}