/* CSS Document */
body{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background:url(../../img/tablet/bgConteudo.gif) repeat #FFF; background-color:#FFF;}
html{margin:0px; background-color:#fbfbfb; height:auto!important;}
/*diagramação do header*/
header{width:100%; height:55px;/*se usar topo com menus, usar height:95px;*/ position:fixed; top:0px; left:0px; background:url(../../img/tablet/bg-topo.png) repeat-x top left #2b4059; margin: 0px; overflow:auto;}
header .logo{float:left; padding:8px;}
header h1{font-size:20px; color:#fff; text-align:center; margin-top:10px 0 0 0 ; padding:0px;}
header .home{float:right; position:absolute; right:115px; top:9px; border:none;}
header .contato{float:right; position:absolute; right:60px; top:9px; border:none;}
header .atualizar{float:right; position:absolute; right:5px; top:5px; border:none;}
header .atualizar:hover{background-image:url(../../img/tablet/ic_atualizar_on.png);}

/*diagramação do footer*/
footer{	width:100%; height:73px; position:fixed; bottom:-1px; left:0px; background:url(../../img/tablet/bg-footer.png) repeat-x bottom left;text-align:center; color:#fff; overflow: auto;}
.safari footer{	width:100%; height:73px; position:fixed; bottom:0;}
#posicao-menu{margin:0 auto; text-align:center; height:auto; width:auto;}
.safari #posicao-menu img{width:75px; height:50px;}

/*diagramação de área central de conteúdo*/
#divConteudo{float:left; width:100%; height:auto; margin:0px; padding:0px; overflow:auto; }
#divConteudo h2{text-align:center; color:#516a87; border-bottom:dotted 1px #999; width:100%; margin:5px; background:none;}

/*diagramação horizontal do conteúdo de Atividade Legislativa*/
#divAtividade1{float:left; position:relative; width:47%; height:610px; padding:10px; margin:100px 30px 0px 0px; overflow:auto;}
#divAtividade2{float:left; position:relative; width:47%; height:610px; padding:10px; margin:100px 0px 0px 0px; overflow:auto;}

/*diagramação horizontal do conteúdo da Agência Senado*/
#divAgencia1{float:left; position:relative; width:auto; height:610px; padding:10px; margin:60px 30px 0px 0px;}
#divAgencia1 .principal{float:left; height:260px; overflow:auto;}
#divAgencia2{float:left; position:relative; width:25%; height:590px; padding:20px; margin:100px 10px 0px 0px; background-color:#f5f5f5; border:solid 1px #dadada;}

/*diagramação de viasualização de notícias*/
#divNoticias{/*pegará mesmos nomes de classes que o Plone gerar*/}

/*diagramação do menu do senadores*/
#menubv{ background-color:#000;}
#icones{width:100px; height:64px;}
.linha-vertical{ background:url(../../img/tablet/bt-linha-vertical.png) repeat-y; height:64px; width:3px !important; margin-top:6px;} 
.internal-link {width:100%; background-color:#FFF; border:1px solid #CCC; padding:8px; margin-bottom:5px; margin-top:30px;}


/*Area do conteudo landscape*/
@media all and (orientation:landscape) {
#box-topo-servicos{float:left; width:100%; margin-top:50px;}
#miolo-conteudo{float:left; margin:0 auto 10px auto; width:99%; height:auto; overflow:auto; background-color:#FFF; } 
/*Box Notícia*/
#box-noticia{float:left; width:220px; height:auto; border:1px solid #999; margin-top:60px; margin-left:0px; padding-left:7px; padding-bottom:10px; margin-bottom:100px;}
/*Box Miolo Horizontal*/
#box-miolo{float:left; width:79%; height:auto; border:1px solid #999; background-color:#f6f6f6; margin-top:60px; margin-left:10px; margin-bottom:120px;}
.safari #box-miolo {width:67%;}
#box-miolo-ultimas{float:left; width:97%; height:auto; border:1px solid #999; background-color:#f6f6f6; margin-top:60px; margin-left:10px; margin-bottom:120px;}
/*Box Topo Miolo*/
#box-topo-miolo{float:left; width:98%; height:auto; margin-top:5px; padding:5px; border-bottom:2px dotted #CCC;}
#box-topo-miolo-titulo{float:left; width:99%; height:auto;}
/*Conteudo dos Serviços*/
#box-conteudo-servico{ float:left; width:99%; height:auto; padding:10px; overflow:auto;}
/*Box Serviço Horizontal*/	
#box-servico{float:left; width:90%; background-color:#FFF; border:1px solid #CCC; padding:8px; margin-bottom:5px; margin-top:20px;}
/*Página de Notícias*/
#box-miolo-noticias{margin:0 auto; height:auto; width:100%; overflow:auto; float:left; margin-bottom:100px;}
#box-noticia-01{float:left; width:300px; height:auto; margin-top:20px; margin-left:55px;}
#box-noticia-02{float:left; width:300px; height:auto; margin-left:100px; margin-right:100px; margin-top:20px;}
#box-noticia-03{float:left; width:300px; height:auto; margin-top:20px;}
#box-noticia-04{display:none;}
/*Para o Safari*/
.scrollableElement{overflow-y:scroll;-webkit-overflow-scrolling: touch;}
.safari #box-miolo-noticias{margin:0 auto; height:auto; width:100%; overflow:auto; float:left; margin-bottom:100px;}
.safari #box-noticia-01{float:left; width:300px; height:auto; margin-top:60px; margin-left:15px;}
.safari #box-noticia-02{float:left; width:300px; height:auto; margin-left:30px; margin-right:30px; margin-top:78px;}
.safari #box-noticia-03{float:left; width:300px; height:auto; margin-top:78px;}
/*Página da Materia*/
#box-materia-miolo{float:left; width:99%; height:auto; margin-top:5px; padding:5px; margin-bottom:20px;}

.titulo-noticia{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; color:#036; font-weight:bold;}
.titulo-noticia a, .titulo-noticia a:link{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; color:#036; text-decoration:none;}
.titulo-noticia a:hover{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; color:#036; text-decoration:underline;}
.texto-noticia{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#333; padding-top:10px;}

.titulo-apoio{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#036;}
.safari .titulo-apoio{margin-right:10px;}
.titulo-apoio a, .titulo-apoio a:link{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#036; text-decoration:none; font-weight:bold;}
.titulo-apoio a:hover{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#036; text-decoration:underline;}
}

@media all and (orientation:portrait){
#box-topo-servicos{float:left; width:100%; margin-top:50px;}	
#miolo-conteudo{ margin:0 auto 10px auto; width:99%; height:100%; overflow:auto; background-image:url(../../img/tablet/imagem-fundo.jpg); background-repeat:no-repeat; } 
/*Box Notícia*/
#box-noticia{float:left; width:97%; height:auto; border:1px solid #999; margin-top:60px; margin-left:0px; padding-left:0px; padding:10px;}
/*Box Miolo Horizontal*/
#box-miolo{float:left; width:100%; height:auto; border:0px solid #999; margin-top:60px; margin-left:0px; margin-bottom:80px;}
#box-miolo-ultimas{float:left; width:100%; height:auto; border:0px solid #999; margin-top:60px; margin-left:0px; margin-bottom:80px;}
/*Box Topo Miolo*/
#box-topo-miolo{float:left; width:99%; height:auto; margin-top:5px; padding:5px; border-bottom:2px dotted #CCC;}
#box-topo-miolo-titulo{float:left; width:100%; height:auto;}
/*Conteudo dos Serviços*/
#box-conteudo-servico{ float:left; width:97%; height:auto; padding:0px; overflow:auto;}
/*Box Serviço Horizontal*/	
#box-servico{float:left; width:90%; background-color:#FFF; border:1px solid #CCC; padding:8px; margin-bottom:5px; margin-top:20px;}
/*Página de Notícias*/
#box-miolo-noticias{margin:0 auto; height:auto; width:100%; overflow:auto; float:left; margin-bottom:100px;}
#box-noticia-bloco{float:left; width:100%; margin-bottom:20px;}
#box-noticia-01{float:left; width:300px; height:auto; margin-left:50px; margin-top:20px;}
#box-noticia-02{float:left; width:300px; height:auto; margin-left:70px; margin-top:20px;}
#box-noticia-03{float:left; width:300px; height:auto; margin-left:50px; margin-top:20px;}
#box-noticia-04{float:left; width:300px; height:auto; margin-left:70px; margin-top:20px;}

/*Página da Materia*/
#box-materia-miolo{float:left; width:99%; height:auto; margin-top:5px; padding:5px; margin-bottom:20px;}

.titulo-noticia{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; color:#036; font-weight:bold;}
.titulo-noticia a, .titulo-noticia a:link{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; color:#036; text-decoration:none; font-weight:bold;}
.titulo-noticia a:hover{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; color:#036; text-decoration:underline; font-weight:bold;}
.texto-noticia{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:15px; color:#333; padding-top:10px;}

#imagem-box-noticia{display:none;}

.titulo-apoio{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#036; font-weight:bold;}
.titulo-apoio a, .titulo-apoio a:link{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#036; text-decoration:none; font-weight:bold;}
.titulo-apoio a:hover{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#036; text-decoration:underline; font-weight:bold;}

}

/*Estilos gerais que se aplicam aos dois formatos*/
.titulo-portal-noticias{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; color:#036; font-weight:bold;}
.titulo-portal-noticias a, .titulo-portal-noticias a:active, .titulo-portal-noticias a:linked, .titulo-portal-noticias a:link{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; color:#036; text-decoration:none;}
.titulo-conteudo-servico{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:23px; color:#00305c;}
.titulo-materia-noticias{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:21px;	color:#069; font-weight:bold;}
.titulo-portal-noticias a:hover{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; color:#036; text-decoration:underline;}
.titulo-box-miolo{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#00305c; width:325px; padding-top:10px;}

.retranca-noticia{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#000; font-weight:bold;}
.retranca-portal-noticia{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#036;}
.ultimas-noticias{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#781010; font-weight:bold; text-align:left;}

#imagem-box-noticia{margin-top:5px; max-width:210px; min-height:114px; background-color:#CCC;}
.imagem-portal{max-width:300px; max-height:185px;}
.img-senador{padding:12px; border:1px solid #efefef;}
.img-bandeira{float:right; margin-right: 15px;}

.linha{border-bottom:1px dotted #999; width:210px; height:1px; float:left; margin-top:10px; margin-bottom:15px; }
.linha-portal-noticia{border-bottom:1px dotted #999; width:100%; height:1px; float:left; margin-top:10px; margin-bottom:15px; }
.linha-noticia{border-bottom:1px dotted #999; width:99%; height:1px; float:left; margin-top:10px; margin-bottom:15px; }

/*Estilo para o menu*/
#menubv{background-color:#FFF; float:left; border:1px solid #efefef; padding:10px; width:97%;!important}
#menubv a{padding-left:10px;margin-left:0;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;font-weight:bold;line-height:30px;}	
#menubv ul {float:left;list-style: none;margin: 0px;padding: 0px;}
#menubv li {display:block;background-image:url(../../img/tablet/bt-azul-senadores.png);width:100%;height:34px;background-repeat:no-repeat;color: #00305c;text-decoration: none; margin-left:13px;
margin-bottom:10px;}
#menubv li a, #menubv li a:link{display:block;background-image:url(../../img/tablet/bt-azul-senadores.png);background-repeat:no-repeat;width:100%;height:34px;color: #00305c;}
#menubv li a:hover {display:block;background-image:url(../../img/tablet/bt-azul-senadores.png);background-repeat:no-repeat;color: #00305c;/*	background-color:#fff;	*/}
.texto_senadores_uf{float:left;width:99%;height:25px;margin-left:5px;margin-top:20px;margin-bottom:10px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;
border-left-width: 1px;	border-top-style: none;	border-right-style: none;border-bottom-style: dotted;border-left-style: none;border-top-color: #CCC;border-right-color: #CCC;
border-bottom-color: #0e1934;border-left-color: #CCC;text-align:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#29486e;font-size:15px;}


.texto-materia-noticias{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:15px; color:#333;}
.texto-portal-noticias{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#333;}
.texto-noticia-servico{	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; color:#333;}
.texto-dados{	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; font-weight:  bold; margin-top:10px; color:#333;}
a.texto-noticia-servico, a.texto-noticia-servico:link,{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:17px; color:#333; text-decoration:none;}
a.texto-noticia-servico:hover {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:17px; color:#333; text-decoration:underline;}

a:-webkit-any-link:active {color: #036; text-decoration:none;}
a:-webkit-any-link {color: #036;cursor: auto; text-decoration:none;}

#bt-voltar{float:right; width:auto; height:auto; margin-right:10px; margin-top:5px;}

.box-apreciado{background-color:#5c7f9f; padding:0px 5px; width:50px; height:auto; text-align:center;}
.white{color:#FFF;}
.info-apreciado{font-size:9px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }