/* ##############################################
	Cliente: Rede de Farm�cias Multmais 
	Lay-Out: Tiago Pessoa
	Montagem css/Html: Tiago Pessoa
################################################# */


@import url("calendario.css");

body {
	margin: 0px;
	padding: 0px;
	background-image: url(../img/fundo_principal.jpg);
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	line-height: 1.2;
	background-color: #d2e8e5;
}

h4 { font-size: 0.9em; color: #545454; }
.clear{
	clear:both;
}

p {
   padding-bottom: 3px; 
}
p.titulo
{
    font-weight: bold; 
}
table 
{
   color: #333; 
   text-decoration: none; 
   font-size: 0.8em;
}

/* Estuiliza��o padr�o dos links */
a {	color: #333; text-decoration: none;}

a:visited {color: #906; }


a:hover, a:active{
	color: #900;  
}

a.linkLista {
	font-size: 0.9em;
	text-transform: uppercase;
	color: #002555;
	font-weight: bold;
}
a.linkLista:hover {
	color: #0D469D;
}

a.voltar{
  background: url(../img/seta_anterior.gif) no-repeat left;  
  display: block;
  padding-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  float: right;
}

#centralizarPagina {
	width: 790px;
	margin-right: auto;
	margin-left: auto;
}
#header h1 {
	display: none;
}

#centro {
	background-color: #FFF;
	padding-bottom: 10px;
	margin-left: 39px;
	width: 745px;
	margin-top: -4px;
	position: relative;
}
#dataAtual {
	font-size: 0.6em;
	color: #000;
	text-align: right;
	padding: 3px 10px 3px 0;
}
#noticiasScroll {
	font-size: 0.7em;
	background-color: #F2F2F2;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

	/* ########## Estiliza��o do Menu #########*/

#menu {
	width: 149px;
	padding-left: 14px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-right: 5px;
	float: left;
	position: relative;
}
#menu ul {
	margin-bottom: 15px;
	width:95%;
}
#menu ul li {
	font-size: 0.7em;
	margin-bottom: 2px;
	font-weight: 400;
	/* concertando bug do IE6 */
	position:relative;
}

#menu li a {
	color: #666;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #F2F2F2;	
	display:block;
	/* concertando bug do IE6 */
	width:100%;
}
#menu ul li a:hover {	background-color: #CCC; }

#menu li a#areaRestrita {	color: #fff;	background-color: #001A35; }
#menu li a#areaRestrita:hover {	background-color: #00214C; }

#menu li#produtos a {	/*color: #A30005;*/	background-color: #F2F2F2; }
#menu li#produtos a:hover {	background-color: #CCC; }

#menu li#cartaoMultmais a {	/*color: #607F03;*/	background-color: #F2F2F2; }
#menu li#cartaoMultmais a:hover{	background-color: #CCC;}
#menu ul li#inativo{
	background:url(../img/botao_inativo.jpg);
	color:#FFF;
	width:100%;
	padding: 3px 0 3px 5px;
}

#menu li#ativo a {
	color: #fff;
	background-color: #B3C70E;
}

#menu ul#home a {
	color:#FFF;
	background-color:#0A367A;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	/* concertando bug do IE6 */
	width:100%;
}

#menu ul li.secaoAtual{
	color:#FFF;
	background-color:#0A367A;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	/* concertando bug do IE6 */
	width:100%;
}

#menu input.login {
	width: 100%;
	font-size: 0.7em;
	border: 0;
}


	/* ##### areas de Log-In ########## */
	
#menu div.areaRestrita {
	color: #FFF;
	padding: 8px 5px 20px 5px;
	margin-bottom:15px;
	background: #002555 url(../img/fundo_area_restrita.jpg) left  no-repeat;
}
#menu div.areaRestritaLogado{
	/*padding-bottom:10x;*/
	color: #FFF;
	padding: 8px 5px 10px 5px;
	margin-bottom:15px;
	background: #002555 url(../img/fundo_area_restrita.jpg) left no-repeat;	
}
div.areaRestrita h4, div.areaRestritaLogado h4 {
	font-size: 0.8em;
	padding-bottom: 1px;
	border-bottom: 1px solid #FFF;
	font-weight: normal;
}

div.areaRestrita p, div.areaRestritaLogado p {
	font-size: 0.7em;
	margin-top: 5px;
	margin-bottom: 2px;
}
div.areaRestritaLogado span#bemVindo{
	color:#E1E100;
	display: block;
}

.areaRestrita div#entrar, .areaRestritaLogado div#sair {
	padding-top: 7px;
	border-top: 1px solid #FFF;
	position: relative;
	margin-top: 10px;
	width:100%;
	height:15px;
	/*text-align: right;*/
}
.areaRestrita div#entrar br{
	padding:1px 0;
	height:0;
	font-size:0;	
}
.areaRestrita div#entrar a{
	color:#E1E100;
	font-size:10px;
	display:block;
}
.areaRestrita div#entrar a:hover{	color:#adad00; }
.areaRestrita div#entrar a#entrar, .areaRestritaLogado div#sair a#sair{
	color:#FFF;
	padding-right:6px;
	background:url(../img/entrar_seta.gif) right  center no-repeat;
	display:block;
	text-decoration:none;
	font-size: 11px;
	position:absolute;
	right:0;
	top:5px;
}
.areaRestrita div#entrar a#entrar:hover, .areaRestritaLogado div#sair a#sair:hover { 	color:#CCC; }
#menu div#emailMultmais {
	color: #000;
	padding: 8px 5px;
	margin-bottom: 10px;
	background-color: #96C604;
	background-image: url(../img/fundo_email.jpg);
}

div#emailMultmais h4 {
	font-size: 0.8em;
	padding-bottom: 1px;
	border-bottom: 1px solid #000;
	font-weight: normal;
	text-transform: uppercase;
}

div#emailMultmais p {
	font-size: 0.7em;
	margin-top: 5px;
	margin-bottom: 2px;
}

div#emailMultmais div#entrar {
	padding-top: 5px;
	border-top: 1px solid #000;
	margin-top: 10px;
	text-align: right;
}

div#emailMultmais div#entrar a {
	display:block;
	text-decoration:none;
	font-size: 0.7em;
	padding-right:6px;
	background:url(../img/entrar_seta_preta.gif) right  center no-repeat;
	color:#000;
}
div#emailMultmais div#entrar a:hover {
	color:#030;
}
div.enquete {
	color: #002555;
	background-color: #F2F2F2;
	padding: 10px 5px;
	margin: 0;
	border: 0 none;
}
div.enqueteBorda {
	background-color: #999;
	margin-bottom: 10px;
	padding: 1px;
}

div.enquete h4 {
	font-size: 0.8em;
	padding-bottom: 1px;
	border-bottom: 1px solid #002555;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../img/img_enquete.gif);
	background-repeat: no-repeat;
	background-position: right;
}

div.enquete p {
	font-size: 0.7em;
	margin-top: 5px;
	margin-bottom: 2px;
	color:#000;
}

div.respostaEnquete{
  font-size: 0.8em;   
}

div.enquete form.enquete{
	color:#545454;
	font-size: 0.7em;
}
div.enquete form.enquete label{
	display:block;	
	margin:5px 0 5px !important;
}
div.enquete form.enquete input{
	margin:0;	
}

div.enquete div.btsEnquete {
	padding-top: 5px;
	border-top: 1px dashed #002555;
	margin-top: 10px;
}

div.enquete div.btsEnquete a.votar {
	text-decoration:none;
	font-size: 0.7em;
	color:#A30005;
    padding-left: 6px;
	float: left;
}
div.enquete div.btsEnquete a.votar:hover {
	color:#C40211;
}
div.enquete div.btsEnquete a.resultados {
	text-decoration:none;
	font-size: 0.7em;
	color:#000;
	float: right;
}
div.enquete  div.btsEnquete a.resultados:hover {
	color:#333;
}
#footer {
	font-size: 0.7em;
	color: #000;
	text-align: center;
	padding-top: 15px;
	padding-left: 45px;
}
#conteudo {
	float: left;
	padding: 0px 0px 20px 10px;
	position: relative;
	width: 556px;
    min-height: 900px;
}
#conteudo h2 {
	color: #002555;
	background-image: url(../img/titulo_bullet.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	font-size: 110%;
	margin-bottom: 5px;
	text-transform: uppercase;
}
#conteudo h3.titulo {
	font-size: 1.5em;
	color: #000;
}


#conteudo h6.data {
	margin: 0 0 10px;
	padding: 0px;
	font-size: 0.7em;
	color: #999;
	font-weight: normal;
}
#conteudo p {
	font-size: 80%;
	margin-bottom: 5px;
	line-height:1.5;
	text-align:justify;
	padding-right:5px;
}

#conteudo #homePrincipal {
	width: 414px;
	float: left;
}
#conteudo div#homePrincipal h4 {
	font-size: 0.8em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 5px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#conteudo #homePrincipal p{
	text-align:left;
	line-height:1.2;
}
#homePrincipal #bemVindo {
	background-color: #CCC;
	padding: 5px;
	margin-bottom:10px
}
#conteudo #noticias{
	float: left;
	width: 200px;
	color:#002555;
}
#conteudo #produtos {
	float:right;
	width:200px;
	background-color:#F2F2F2;
}
#conteudo #produtos .item{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #002574;
	margin: 8px 0;
	font-size: 0.7em;
	clear: left;
    min-height: 60px;
	
}
#homePrincipal #produtos .item img {
	vertical-align: top;
	float: left;
	margin: 0 3px;
}
#homePrincipal #produtos .item h5 {
    font-size: 0.9em;
	font-weight: normal;
	text-transform: uppercase;
	color: #002555;
	padding-left: 55px;
}
#homePrincipal #produtos .item p {
	padding-left: 55px;
}
#conteudo #multmaisAcontece{
	float: right;
	width: 200px;
	margin-top: 10px;
	color:#607F03;
}
#homePrincipal #agenda {
	width: 200px;
	float: left;
	margin-top: 10px;
	color: #002555;
}
#homePrincipal #agenda #calendario{
	margin: 5px;
}
#conteudo p.data {
	font-size: 0.6em;
	color: #666;
	padding-left: 5px;
	margin: 0;
}
#homePrincipal  p.resumo {
	font-size: 0.7em;
	color: #666;
	margin-bottom: 10px;
	padding-left: 5px;
}

#homePrincipal  p.maisNoticias {
    font-size: 0.7em;
    margin-bottom: 5px;
    padding-right: 20px;
    text-align: right;
}

#conteudo #gadgets {
	float: right;
	width: 130px;
	margin-left: 10px;
}
#conteudo #gadgets div {
	margin-bottom: 15px;
}
#gadgets div#redeCredenciada {
	color: #fff;
	background-image: url(../img/home/farmacias_fundo.jpg);
	height: 133px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 120px;
	cursor:pointer;
}
#gadgets div#redeCredenciada h3 {
	color: #E1E100;
	font-size: 0.8em;
	text-align: center;
}
#gadgets div#redeCredenciada h4 {
	color: #FFF;
	font-size: 0.7em;
	text-transform: uppercase;
	margin-top: 10px;
	text-align: center;
}
#gadgets div#redeCredenciada h5 {
	color: #000255;
	font-size: 0.8em;
	margin-top: 10px;
	text-align: center;
	background: #fff;
	padding: 2px 0;
	margin-bottom: 10px;
}
#gadgets div#redeCredenciada p {
	font-size: 0.7em;
	text-align: center;
}


img#quemSomos {
	margin-bottom: 15px;
}
#conteudo h3.produtoName {
	text-transform: uppercase;
	color: #002555;
	margin-bottom: 10px;
    margin-top: 10px;
	font-size: 0.9em;
}

div.produtoHolder p.mensagemPedidoSucesso
{
     font-weight: bold;
     text-align: center; 
}

div.tituloConfirmarPedido
{
   background: #CCCCCC;
   font-size: 0.9em;
   font-weight: bold;
   margin-bottom: 5px;    
}

tr.header
{
   font-size: 0.9em;
   font-weight: bold;
   position: relative;
}

.produtoHolder div.produtoImg {
	width: 25%;
	float: left;
	min-height: 100px;
}
#conteudo div.produtoHolder {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}

.produtoHolder div.produtoImg img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.produtoHolder div.produtoDescricao {
	background-color: #F2F2F2;
	float: left;
	width: 75%;
	min-height: 100px;
	/* hack para o IE */
	height: auto !important;
	height: 100px;
	padding-bottom: 5px;
}
div.produtoDescricao h5 {
	font-size: 0.8em;
	color: #000;
	margin: 5px 5px 0;
}
div.produtoDescricao h6.pergunta {
	color: #0A367A;
	font-weight: 400;
	padding-left: 10px;
	background: url(../img/produtos/mais.gif) no-repeat left 4px;
	font-size: 0.8em;
	cursor: pointer;
}
div.produtoDescricao h6.atual {
	background: url(../img/produtos/menos.gif) no-repeat left 4px;
}
div.produtoDescricao p.resposta{
	margin-top: 0px;
}
.invisivel{
	display: none;
}
.produtoHolder .produtoFooter {
	background-color: #0A367A;
	text-align: right;
	clear: both;
	padding-top: 2px;
	padding-right: 5px;
	font-size: 0.8em;
	padding-bottom: 2px;
}
.produtoHolder .produtoFooter a:link {
	color: #FFF;
}
.produtoHolder .produtoFooter a:hover {
	color: #E1E100;
}

/* ######## Editorial ######## */

#editorial {
	float:left;
	width:70%;
	padding-right: 10px;
	border-right: dashed 1px #ccc;
	padding-bottom: 10px;	
}
p.primeiroParagrafo:first-letter {
	font-size: 1.5em;
	font-weight: bold;
}
#autor{
	float:left;
	width:25%;
	margin-left: 10px;	
}
#autor p{
	text-align:left;
	line-height:1.2;
}
#conteudo div.relacionados {
	clear: both;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #002555;
	padding-left: 5px;
}
div.relacionados h3 {
	font-size: 0.9em;
	color: #002555;
	margin-bottom: 5px;
}
#artigo  img {
	float: right;
	margin: 5px;
}

#imgContent {
	float:left;
	height:213px;
	margin:0 5px 0 0;
	overflow:hidden;
	width:309px;
}
div.ultimasNoticias{
	border-bottom:  dashed 1px #CCC;
	margin-bottom: 10px;
}

#ultimosTopicos {	
	float:left;
	width:231px;
}
#ultimosTopicos  ul{
	background:url(../img/divisoria_verde.jpg) left top repeat-y;
	padding-left:3px;
	font-size:0.8em;
	margin-bottom: 5px;
	min-height: 175px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#ultimosTopicos li.topicoSelecionado {
	background:url(../img/seta_novidade.jpg) left 4px no-repeat;
	color:#666;
	cursor:pointer;
	font-size:1em;
	font-weight:bolder;
	height:auto !important;
	min-height:23px;
}
#ultimosTopicos li{
	margin-bottom:3px;
	margin-left:4px;
	padding-top:3px;
	padding-left:20px;	
}
#ultimosTopicos li a{
	font-size:0.9em;
	color:#999;
}

#eventoGaleriaContainer div {
    position: relative;
    height: 300px; 
}
div.eventoGaleriaOculto {
    top: 0; 
    position: absolute;
    display:none;
}

div.eventoGaleria {
    top: 0; 
    position: absolute; 
}

div.paginacaoGaleria, div.textoPaginacaoGaleria {
    font-size: 0.8em;
    position: relative;
    text-align: center; 
}
div.paginacaoGaleria {
}
#evento {
	width: 358px;
	float: left;
	border-right: dashed 1px #ccc;
	padding-right: 5px;
}
#evento p{
	text-align:justify;
	line-height:1.5;
}
#eventoImagem {
	float: left;
	margin-left: 5px;
	width: 185px;     
}
#eventoImagem h3 {
	font-size: 0.8em;
	color: #002555;
	text-transform: uppercase;
}
#eventoImagem img {
	margin-top: 5px;
	margin-right: 5px;
	vertical-align: middle;
}
#parceiros img {
	vertical-align: middle;
	margin: 0 auto;
	display: block;
}
#parceiros ul {
	width: 100%;
}

#parceiros li {
	width: 33%;
	float: left;
	margin: 15px 0;
}
#conteudo h2.tituloLink {
	font-size: 0.8em;
	margin-top: 20px;
}
#conteudo a.links {
	margin-left: 10px;

}
form.contato {
	margin-top: 20px;
	width: 95%;
}
form.contato label {
	display: block;
	margin-bottom: 1px;
	font-size: 1em;
	font-weight: bold;
	color: #666;
}

form.contato label span{
	font-size:0.8em;
	font-variant: small-caps;
}

.textField2 {
     margin-bottom: 10px;
    padding: 2px;
    border: 1px solid #002255;
}

form.contato textarea,.textField   {
    margin-bottom: 10px;
    padding: 2px;
    border: 1px solid #002255;
	width: 100%;
}

form.contato input[type="file"]{
	margin-bottom:10px;	
}
input.button{
	float:right;
	margin-left:8px;
	cursor: pointer;
	font-size:0.9em;
	padding-bottom: 3px;	
	color:#666;
	border:0 none;
	height: 23px;
	width: 64px;
	background:url(../img/btn_fundo.gif) 0 0;
}

input.buttonPrint{
    float:right;
    margin-left:8px;
    margin-right: 50px;
    cursor: pointer;
    font-size:0.9em;
    padding-bottom: 3px;    
    color:#666;
    border:0 none;
    height: 23px;
    width: 64px;
    background:url(../img/btn_fundo.gif) 0 0;
}

input.btnPrinthov{     
    float:right;
    margin-left:8px;
    margin-right: 50px;
    cursor: pointer;
    font-size:0.9em;
    padding-bottom: 3px;
    color:#666;
    border:0 none;
    height: 23px;
    width: 64px;
    background: url(../img/btn_fundo.gif) 0 -23px; 
}

input.btnhov{ 	
	float:right;
	margin-left:8px;
	cursor: pointer;
	font-size:0.9em;
	padding-bottom: 3px;
	color:#666;
	border:0 none;
	height: 23px;
	width: 64px;
	background: url(../img/btn_fundo.gif) 0 -23px; 
}

div#legenda {
    font-size: 0.7em;
    margin-top: 15px;     
}
div#legenda h1{
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 5px;        
}
div#legenda ul {
	/*font-size: 0.75em;*/
}
div#legenda li{
	margin-right: 8px;
	padding-right: 8px;
	border-right: solid 1px #ccc;
	float: left;
}
#legenda img {
	vertical-align: middle;
	margin-right: 5px;
}
div#redes {
	margin-top: 20px;
	background: url(../img/rede_credenciada/dashed_line.jpg) repeat-y 49%;
}

div#redes h2{
	font-size:0.8em;
}
#redes form {
	margin-top: 10px;
	margin-right: 5px;
}
#redes form label {
	display: block;
}
#redes form select {
	width: 95%;
	margin-bottom: 10px;
}
div#redes .resultado h3 {
	font-size: 0.8em;
	color: #002555;
	margin-bottom: 2px;
}

div#redes .resultado p{
	text-align:left;
	font-size:0.7em;
}

div#redes div#farmacias{
	width:49%;
	float:left;
	margin-right: 2%;
}
div#redes div#outros{
	float:left;
	width:49%;
}

/*
*   Memento teraputico.
*/
div#memento {
    margin-top: 20px;
}

div#memento h2{
    font-size:0.8em;
}
#memento form {
    margin-top: 10px;
    margin-right: 5px;
}
#memento form label {
    display: block;
}
#memento form select {
    width: 95%;
    margin-bottom: 10px;
}
div#memento .resultado h3 {
    font-size: 0.9em;
    color: #002555;
    margin-bottom: 2px;
}

div#mementoItem { 
   font-size:0.8em; 
   background: #f2f2f2;
   border-width: 1px;
   border-style: solid;
   border-color: #CCC; 
   margin: 5px 5px 5px 5px;
   padding: 5px 5px 15px 5px;
}

div#mementoItem h4
{
    font-weight: bold;
    margin-bottom: 10px; 
}

div#mementoApresentacao
{
    padding-left: 10px; 
}

div#mementoApresentacaoHeader
{
    color: #606060;
    
    padding-left: 10px;
    font-weight: bold;    
}

div#mementoLaboratorioHeader
{
   color: #606060;

   position: absolute;
   margin-left: 190px;
   margin-top:-16px;
   
   padding-left: 10px;
   font-weight: bold;
}

div#mementoLaboratorio
{
   position: absolute;
   margin-left: 200px;
   margin-top:-16px;
}


#conteudoAgenda {
	margin-top: 10px;
	background-image: url(../img/rede_credenciada/dashed_line.jpg);
	background-repeat: repeat-y;
	background-position: 414px;
}

#programacaoCompleta {
	width: 414px;
	float: left;
}

#programacaoCompleta h2#chamadaMes {
	font-size: 0.8em;
}

#programacaoCompleta h4 {
	color: #002555;
	padding-bottom: 2px;
	margin-top: 15px;
	margin-bottom:6px;
	border-bottom: solid 1px;		
}
#programacaoCompleta p {
	padding-bottom: 5px;
	border-bottom: 1px dashed #CCC;
	margin-bottom:5px;
}
#calendario {
	/*margin-left: 420px;*/
	float:left;
	margin-left: 5px;
}


div#cartaoMultmais {
	/*background-color: #f2f2f2;*/
}
div#cartaoMultmais p {
	margin-right: 4px;
}
div#cartaoMultmais h3{
	color: #000255;
	font-size: 0.9em;
	margin-bottom: 5px;
	
}
div#cartaoMultmais h4 {
	font-size: 0.8em;
	color: #0A367A;
	margin: 15px 3px 5px;
}
div#cartaoMultmais ul  {
	font-size: 0.8em;
	list-style-type: none;
}

div#cartaoMultmais #cartaoInfo{
	float: left;
	width: 65%;
	background-color: #fff;
	padding:0px;
}
div#cartaoMultmais #cartaoInfo li{
	text-align:justify;
	line-height:1.5;
	padding-right:5px;
}
div#cartaoInfo li {
	background: url(../img/bullet_blue.gif) no-repeat left 4px;
	padding-left: 13px;
	margin-left: 5px;
	margin-bottom: 3px;
}

div#cartaoMultmais #areaAcesso{
	float: left;
	width: 189px;
	padding-left: 5px;    
	padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f2f2f2;
}
div#areaAcesso li {
	margin-bottom: 3px;
	background-image: url(../img/bullet_seta_verde.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 15px;
}
div#areaAcesso h4 {
	color: #0A367A;
	background-color: #e1e8ec;
	padding: 0 3px 2px;
	margin-top: 15px;
	clear: both;
}
div#areaAcesso form {
	margin-left: 6px;
}
#areaAcesso form label {
	display: block;
	font-size:100%;
	padding-bottom:2px;
}
div#areaAcesso form input {
	margin-bottom: 5px;
}
#conteudo h2.cartaoTitulo {
	padding-bottom: 10px;
	background-position: left 6px;
}
a#registre {
	color: #C00;
}
a#registre:hover {
	color: #F20000;
}

div#acesso{
	width: 50%;
	padding:10px;
	background-color:#0A367A;
	margin:0 auto;
}
form#acesso {	
	margin: 10px 0;
}

form#acesso label {
	display: block;
	padding: 2px 0 2px 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom:2px;
	color:#FFF;
}
form#acesso input{
	width: 100%;
	margin-bottom: 5px;
}

form#acesso p#links{
	padding-top:1px;
	border-top:1px #E1E100 solid;
}

form#acesso a#entrar{
	color:#FFF;	
	margin-bottom:2px;
	float:right;
	font-weight:bold;
}
form#acesso a#entrar:hover{
	color:#CCC;	
}
form#acesso a#senha{
	color:#E1E100;
	margin-bottom:2px;
	float:left;
}
form#acesso a#senha:hover{
	color:#FFFF84;
}
/*
form#acesso label {
	font-size: 0.8em;
	color: #FFF;
	background-color: #0A367A;
	display: block;
	padding: 2px 0 2px 5px;
	border-bottom: 1px solid #fff;
	width: 100%;
}
form#acesso input[type="text"], form#acesso input[type="password"]{
	width: 100%;
	margin-bottom: 5px;
}
*/
div.produtoDescricao p strong {	color: #900;}
#area-compra{	margin-top:25px;}
#area-compra li.canal-secoes{ background:url(../img/titulo_bullet.jpg) no-repeat left 4px; padding-bottom:8px; padding-left:16px; font-size:14px;  font-weight:bold; border-bottom:#CCC dashed 1px; margin-top:8px;}
#area-compra li a{	color:#002555;}
#area-compra li li{margin-left:10px; margin-top:5px; background:url(../img/seta_proximo.gif) no-repeat left; padding-left:12px; font-size:12px;}
#area-compra li li a{color:#688904;}
#area-compra li a:hover{ text-decoration:underline;}

#opl{ margin-top:25px;}

#opl h3{	color: #002555;	font-size: 100%; margin-bottom: 15px; border-bottom:#688904 solid 2px;}
	#opl h4{	margin-bottom:10px; font-size:16px;}
	#opl p{margin-bottom:0;}
	#opl table{border-collapse:collapse;line-height: 20px;border:0px;width:100%;}
		#opl td {border:#CCC solid 1px; text-indent:4px; font-size: 0.9em;}		
		#opl td.col1{background-color:#EBF2F5;}
		#opl td.col2{background-color:#F1F3F5;}
		#opl thead td.col1{background-color:#D5E3EA;}
		#opl thead td.col2{background-color:#E6E9EC;}
		#opl td.quantidade{text-align:center;}
		#opl input.quantidade{width:38px;}
		#opl em{ color:#900; font-variant:small-caps; font-size:small;}
		p#legenda-opl{ float:left; width:50%;}
	#opl .button{	margin-top:5px; font-size:12px;}
	#opl .btnhov{	margin-top:5px; font-size:12px;}	

div#compra {
	margin-top:25px;	
}

div#compra p
{
    margin: 0px 0px 0px 0px;
}

div#compra div.produtoDescricao{
	position:relative;
	min-height: 80px;
	padding-bottom: 25px;
}
div#compra div.produtoHolder a.comprarBtn{
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
    float: right;
	color: #0A367A;   
}

div#compra div.produtoHolder div.divComprar
{
       margin: 10px 10px 20px 10px;  
}

div#compra form {
	width: 75%;
	margin-left: 25%;
	background: #fff;
}

div#compra form h3{
	color:#0A367A;
	margin:5px 0;
}
div#compra fieldset{width:98%;}

div#compra p#total {
	color: #900;
	border-top: dashed #ccc 1px;
	padding-top: 5px;
}
div#confirmarDados img{
	float: left;
}
div#confirmarDados ul{
	padding-left:150px;
	font-size:0.9em;
	margin-top:15px;
	margin-bottom:10px;
}
div#confirmarDados li strong{
	color:#900;
}

div#confirmarDados a{
	text-align:right;
	display:block;
	color:#000255;
	font-weight:bold;
}
div#confirmarDados a:hover{
	color:#0A367A;
}

div#menuRestrito {
	font-size: 0.9em;
	padding: 2px 0 0;
	border-bottom: solid thin #ccc;	
	margin-bottom:10px;
}
div#menuRestrito li{
	float: left;
	padding-right: 5px;
}
div#menuRestrito li a{
	display:block;
	padding:2px 8px;
	background-color:#f2f2f2;
	font-size: 0.8em;
	margin-top:0.2em;
	float: left;
}

div#menuRestrito li a:link, div#menuRestrito li a:visited {
	color:#666;
	background-color:#D3E7A0;
}
div#menuRestrito li a:hover{
	background-color:#a9d046;
}
div#menuRestrito li.secaoAtual{
	padding:2px 12px;
	margin-right:2px;
	font-size:1em;
	background-color:#88AB2C;
	color:#FFF;

}
div#areaRestrita {
	position: relative;
}

div#areaRestrita h3 {
	color: #000255;
	margin: 10px 0 15px;
	clear: both;
}

/*div#areaRestrita ul#arquivos li{ float: left; font-size:0.8em; width:33%; height:100px;	}
div#areaRestrita ul#arquivos li a{	padding: 50px 5px 0; height:35px; margin-top:10px; text-align:center; background:url(../img/area_restrita/folder.jpg) center top no-repeat; display:block;}
div#areaRestrita ul#arquivos li.destaque{ height:98px; border: 1px solid #688904;}*/
div#areaRestrita #menu-arquivos { width:160px; float:left; border-right: dashed 1px #CCC;}

div#areaRestrita ul#arquivos li{ font-size:0.8em; border-bottom: dashed 1px #CCC; padding:8px 2px;} 
div#areaRestrita ul#arquivos li a{	display:block;}
div#areaRestrita ul#arquivos li.destaque{background-color:#F2FECF;}

div#menu-arquivos .enqueteBorda { margin-top:20px; margin-right:5px}
div#menu-arquivos .enquete p, div#menu-arquivos .enquete form {font-size:10px;}

div#areaRestrita div.avisoOutrer {	background-color: #999;	width: 75%;	position: absolute;	top: 20px; left: 57px; z-index: 5;}
div#areaRestrita div.avisoInner {	background-color: #F2F2F2; padding: 30px; margin: 0 3px 3px 0;}
div.avisoInner h4 {
	color: #900;
	margin-bottom: 10px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
div.avisoInner a#alterarSenha {
	text-transform: uppercase;
	color: #0A367A;
	font-size: 0.8em;
	font-weight: bold;
}
div.avisoInner a#alterarSenha:hover {
	color: #336699;
}

/*div#linksArquivos{	border-top: dashed 1px #CCC; clear:both; position: relative;}*/
div#linksArquivos{	 position: relative; float:right; width:380px; padding-left:10px;}
div#linksArquivos h4 { margin-top: 10px; margin-bottom:0;}
div#linksArquivos h3 { margin-top: 0px;}

div#linksArquivos li {
	font-size: 0.8em;
	margin-bottom: 15px;
	width: 65%;
}
div#linksArquivos  li a{
	color: #0A367A;
	font-size: 110%;
	font-weight: bold;
}
div#linksArquivos  li a:visited, div#linksArquivos  li a:hover {color: #900;}
/*div#linksArquivos div.enqueteBorda{	width:32%;	position:absolute;	right:0; top:10px;}*/



/*  Produtos */
div#produtoFooter p.resposta
{
    text-align: left;
    background-color: #FFFFFF;
    margin: 5px 5px 5px 5px;    
    padding: 5px 5px 5px 5px;
}



/* Rodape */
#endereco {
	font-size: 8pt;
	line-height: 16px;
	color: #666666;
	text-align: center;
}
#copyright {
	font-size: 7pt;
	line-height: 16px;
	color: #666666;
	text-align: center;
}
#copyright  a:link, #copyright a:visited{
	font-size: 7pt;
	line-height: 16px;
	color: #666666;
}
#copyright   a:hover  {
	font-size: 7pt;
	line-height: 16px;
	color: #990000;
}

img.paginaEncarte {
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
}

p.paginacaoEncarte
{
 font-size: 0.8em;   
}

p#areaRestritaLink
{
    cursor:pointer;
}

/* css/tooltip.css -- fancy tooltips */

a.today {
  position: relative;   /* this is key */
  cursor: help;
}
 
a.today span.descricaoEvento {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
a.today:hover span.descricaoEvento {
  display: block;
  z-index: 100;
  position: absolute;
  top: 20px;
  left: 0;
  width: auto;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font-weight: normal;
  font-size: 1.1em;  
  line-height: 1.3;
  text-align: left;
  color: #000;
}

/* css/tooltip.css */
div.buscaPrincipioAtivo
{
    position:relative; 
}
div.resultadoPrincipioAtivo
{
    height: 80px;
    width: 300px;
    overflow: auto;
    border: 1px solid #666;
    background-color: #EEEEEE;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 5px;
    z-index: 100;
    visibility: hidden;

    position:absolute;
    top:42px;
    z-index:100;
}
/*============== Pagina BUSCA ===================*/
.busca_fonte{color:darkgreen;font:11px verdana,geneva}
.busca_titulo,.busca_desc,.busca_fonte{display:block;}
.busca_titulo{color:blue;font:14px verdana,geneva}
.busca_titulo:hover{color:blue;text-decoration:underline}
.busca_desc{font:11px verdana,geneva;color:#666666}
.busca_link{font:11px verdana,geneva;color:darkgreen}
.li_hover{background-color:#eaeaea}
#buscame		{color:#888888;font:10px verdana,geneva;border:1px solid #cccccc;width:85px; height:16px}
#buscame_a		{background-color:darkblue;color:#fff;font:10px verdana;padding:2px 4px 6px; margin-top:2px;}
#page_navigation a{padding:0px 5px; font:11px verdana;}
.active_page{font:bold 12px verdana;color:red}