/*
Cliente: Porto Seguros
Projeto: Redesenho
*/
html body.catalogo #coluna2 { width: auto; margin: 15px 0 0; }


/* catalogo de modulos */

  code { font-size: 1.4em; }
  textarea { margin: 10px 0; width: 500px; height: 100px; }
  h4.titulo_modulo { color: #c00; margin-top: 40px; padding: 20px 0 10px; border-top: 2px solid #ccc; }
  .exemplo { border: 1px #ccc dashed; padding: 10px; margin: 10px;  }


/*
  --------------
    ELEMENTOS e CLASSES
  --------------
*/

  .direita { float: right; }
  .esquerda { float: left; }
  p.direita, p.esquerda { float: none; }
  p.direita { text-align: right; }
  p.esquerda { text-align: left; }
  .centro { text-align: center; }
  .uppercase { text-transform: uppercase; }
  .capitalize { text-transform: capitalize; }

  /* contendo float */
  .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .contemfloat { display: inline-block; }
  /* Hides from IE-mac \*/
  * .contemfloat { height: 1%; }
  .contemfloat { display: block; }
  /* End hide from IE-mac */



/*
  --------------
    MODULOS
  --------------
*/
	
	/* ---- BLOCO CONTEUDO ---- */
.bloco_conteudo { margin-bottom: 20px; clear: none; }
.bloco_conteudo .data { color: #004059; font-size: .9em; margin: 5px 0 0 0 ; }
.bloco_conteudo .mascara { float: left; position: relative; margin: 4px 17px 17px 0; padding: 6px 0 0 5px; width: 311px; height: 182px; background: #fff; }
.bloco_conteudo .mascara div { position: absolute; display: block; top: 0; left: 0; width: 316px; height: 188px; background: url(../imagens/mascara_borda_azul.png) no-repeat }
.bloco_conteudo .video { float: left; position: relative; margin: 4px 17px 17px 0; padding: 6px 0 0 5px; width: 340px; height: 280px; }
.bloco_conteudo .video div { position: absolute; display: none; top: 0; left: 0; width: 340px; height: 280px; }
 * html .bloco_conteudo .mascara div { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/lib/imagens/mascara_borda_azul.png',sizingMethod='crop'); }
.bloco_conteudo .mascara img { width: 306px; height: 178px; !important }

.bloco_conteudo .mascaraGrande { float: left; position: relative; margin: 4px 17px 17px 0; padding: 6px 0 0 5px; width: 768px; height: 155px; background: #fff; }
.bloco_conteudo .mascaraGrande div { position: absolute; display: block; top: 0; left: 0; width: 773px; height: 160px; background: url(../imagens/mascara_borda_azul-02.png) no-repeat; }
* html .bloco_conteudo .mascaraGrande div { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/lib/imagens/mascara_borda_azul-02.png',sizingMethod='crop')}
.bloco_conteudo .mascaraGrande img { width: 763px; height: 150px; }

.bloco_conteudo h4 { margin-bottom: 13px; color: #00aeef; font: bold 1.8em "Trebuchet MS", sans-serif; }
.bloco_conteudo h4 span { font-weight: normal; }
.bloco_conteudo h4 a { color: #00aeef; }
.bloco_conteudo h5 { color: #15bfff; font-size: 1.3em; margin-bottom: 5px; text-transform:uppercase; }
.bloco_conteudo h6 { color: #004059; font-size: 0.8em; margin-bottom: 0px; font-weight: none; }
.bloco_conteudo p { line-height: 1.5em; margin-bottom: 1.6em; }
.bloco_conteudo a { color: #00aeef; text-decoration: none; }
.bloco_conteudo a:hover { text-decoration: underline; }
.bloco_conteudo ul.saiba_mais li a { color: #00aeef; }
  
/* flash */
.bloco_conteudo .flash { float: left; margin-right: 17px; padding: 5px 0 36px; width: 315px; height: 255px; background: url(../imagens/reflexo_bg.gif) bottom repeat-x;  }
	
/* divisao 2 */
#coluna2.diversao_descricao h3 { margin-bottom: 20px; }
#coluna2.diversao_descricao .bloco_conteudo h4 em { font-style: normal; font-weight: normal; }
#coluna2.diversao_descricao .dados { margin-top: 30px; }
#coluna2.diversao_descricao .dados .cliente_porto { float: left; width: 270px; padding-right: 34px; background: url(../imagens/separador_azul_degrade.png) right center no-repeat;  }
#coluna2.diversao_descricao .dados .obs { color: #004059; font-size: 10px; width: 225px; margin: 0 auto; }

/* PDF */

div.pdf { background: url(../imagens/bg_pdf.gif) repeat ; width: 315px; height: 56px; }
div.pdf p { color: #6c798a; padding: 10px 30px 0 60px; font-size: .8em; }

/* Todos os produtos */
div.todos_produtos { clear: both; margin-top: 38px; }
/*#todos_produtos { clear: both !important; margin-top: 98px !important; }*/
div.todos_produtos h4 {font: bold 1.27em "Trebuchet MS", sans-serif; color: #004059; text-transform: uppercase; }
div.todos_produtos h5 {font-size: 1.0em; color: #004059; margin-top: 15px; margin-bottom: 6px;}
div.todos_produtos ul {display: inline; }
div.todos_produtos ul li {padding-left: 7px; display: inline; border-left: 1px solid #00aeef; }
div.todos_produtos ul li.primeiro {border-left: none; padding: 0; margin-left: 0}

	
	/* ---- CONTEUDO ACAO ---- */
	div.conteudo_acao { text-align: center; margin: 20px auto; width: 606px; height: 23px; line-height: 23px; background: url(../imagens/bg_conteudo_acao.png) no-repeat; word-spacing: -1px; clear: both; }
	div.conteudo_acao p { font-weight: bold; color: #095676; display: inline; font-size: 10px; }
	div.conteudo_acao ul { padding: 6px 0 5px 5px; display: inline; }
	div.conteudo_acao ul li { margin: 6px 0 0 4px; padding-left: 7px; display: inline; border-left: 1px solid #00aeef; }
	div.conteudo_acao ul li.primeiro { border-left: none; padding: 0; margin-left: 0; }
	div.conteudo_acao ul li a { text-decoration: underline; font-size: 10px; }
	div.conteudo_acao ul li a:hover { color: #9dba00; }
	
	
	/* ---- CAIXA LATERAL ---- */
  div.caixa_lateral { width: 180px; padding: 0 0 5px 0; color: #004059; background: #f7fafc url(../imagens/caixa_destaque_bg_base_azul.png) center bottom no-repeat; position: relative; }
	div.caixa_lateral h4,
	div.caixa_lateral h5 { padding: 10px 14px 10px 14px; font: bold 1.6em/1em "Myriad Pro", Arial, sans-serif; }
  div.caixa_lateral h4.titulo { padding: 17px 14px 5px 14px; font-size: 1.6em; line-height: 1em; background: url(../imagens/caixa_destaque_bg_topo_azul.png) center top no-repeat; }
	div.caixa_lateral ul, .caixa_lateral p { width: 154px; margin: 0 auto; }
	div.caixa_lateral p { margin: 10px auto; font: 1em Verdana, sans-serif; }
	div.caixa_lateral p strong { display: block; }
	div.caixa_lateral ul, .caixa_lateral ul li { list-style-type: none; }
	div.caixa_lateral ul li { padding: 12px 0; border-top: 1px solid #88d8f5; }
	div.caixa_lateral ul li.primeiro { border-top: none; }
  div.caixa_lateral ul li h5 { padding: 0 0 5px; }
  div.caixa_lateral ul li a img { border: none; }
  div.caixa_lateral ul li p { padding: 5px 0 0; margin: 0; }
  div.caixa_lateral ul li a.ampliar { width: 155px; height: 132px; background: url(../imagens/icone_lupa.png) right bottom no-repeat; position: absolute; text-indent: -999em; overflow: hidden; }

  div.caixa_lateral strong.selo,
  div.caixa_lateral strong.maquina { top: 0; right: 0; text-indent: -999em; display: block; position: absolute; background-repeat: no-repeat; }

  div.caixa_lateral strong.selo { width: 67px; height: 53px; background-image: url(../imagens/selo_porto.gif); }
  div.caixa_lateral strong.maquina { width: 77px; height: 55px; background-image: url(../imagens/maquina_fotografica.gif); }


	/* verde */
  	div.caixa_lateral.verde { text-align: right; background: #f3f9e7 url(../imagens/caixa_destaque_bg_base_verde.png) center bottom no-repeat; }
  	div.caixa_lateral.verde h4.titulo { color: #9dba00; background: url(../imagens/caixa_destaque_bg_topo_verde.png) center top no-repeat; }
    div.caixa_lateral.verde ul li { padding: 5px 0; border-top: none; }
    div.caixa_lateral.verde ul li a { font-weight: bold; color: #004059; text-decoration: none; padding-left: 7px; background: url(../imagens/seta_verde.gif) left center no-repeat;}

	/* servicos */
    div.caixa_lateral.servicos { text-align: right; }
    div.caixa_lateral.servicos ul li { border-top: none; padding: 0; }
    div.caixa_lateral.servicos ul li a { padding: 12px 40px 0 0; height: 38px; font-size: .9em; color: #095676; text-decoration: none; display: block; }
      div.caixa_lateral.servicos ul li a:hover { color: #9dba00; }
    div.caixa_lateral.servicos ul li {  background-repeat: no-repeat; }
    div.caixa_lateral.servicos ul li img {margin-top: -23px; margin-left: 5px; position: absolute; border:none;}
   /* div.caixa_lateral.servicos ul li img {width:37px; height:34px; position: absolute; margin-top: -8px; margin-left: -40px; border:none; border:0px solid #000;}*/

     /* div.caixa_lateral.servicos ul li.confira       { background-position: right    0px; }
      div.caixa_lateral.servicos ul li.vistoria      { background-position: right  -40px; }
      div.caixa_lateral.servicos ul li.referencia    { background-position: right  -80px; line-height: 24px; }
      div.caixa_lateral.servicos ul li.auto          { background-position: right -120px; }
      div.caixa_lateral.servicos ul li.classificados { background-position: right -160px; }*/

	  /* simples */
    div.caixa_lateral.simples { text-align: right; }
    div.caixa_lateral.simples a { color: #004059; }
	
	
	/* ---- FUNDOS DEGRADE AZUL OU VERDE ---- */
	.degrade { padding: 12px 25px 25px 25px; }
  .degrade.azul { background: url(../imagens/degrade_bg_azul.gif) top repeat-x;  }
  .degrade.verde { background: url(../imagens/degrade_bg_verde.gif) top repeat-x;  }
	
	/* ---- RSS ---- */
  ul.rss { display: inline; list-style: none; margin-left: 13px; }
  ul.rss li { display: inline; }
  ul.rss li a { color: #db581d; border-left: 1px #db581d solid; padding: 0 6px; font-sizE: 10px; }
  ul.rss li a.rss { padding-left: 14px; background: url(../imagens/icone_rss.png) left no-repeat; color: #db581d; border: 0; }
  a.rss { padding-left: 14px; background: url(../imagens/icone_rss.png) left no-repeat; color: #db581d; }
  
  /* ---- PAGINACAO ---- */
  .paginacao li { display: inline; margin: 0 5px; }
    .paginacao li a { text-decoration: none; }
    .paginacao li a:hover { color: #9dba00; text-decoration: underline; } 
  .paginacao li.anterior { padding-left: 10px; background: url(../imagens/setas_navegacao.gif) left 4px no-repeat; }
  .paginacao li.proximo { padding-right: 10px; background: url(../imagens/setas_navegacao.gif) right -7px no-repeat; }
   
  div.paginacao { padding-top: 27px; margin-top: 10px; border-top: 1px #cbeffc solid; }
  div.paginacao form { float: left; width: 214px; margin-right: 19px; }
  div.paginacao form fieldset { padding-left: 14px; display: inline; }
  div.paginacao form fieldset label { color: #004059; }
  div.paginacao form fieldset input { width: 14px; border: 1px #00aeef solid; color: #004059; padding: 0 6px; }
  div.paginacao ol { float: left; width: 397px; list-style: none; text-align: center; }
	div.paginacao p { float: right; padding-right: 14px; width: 104px; text-align: right; }
  
  ol.paginacao { width: 397px; margin: 0 auto; list-style: none; text-align: center; }
	
	/* ---- OPCOES DE SEGURO ---- */
  #opcoes { width: 1000px; background: url(../imagens/todos_produtos_bg.gif) top repeat-x; margin-top: 20px; overflow-x: hidden; border:0px solid #000;}
	.opcoes_seguro { padding: 21px 0 24px 35px; background: url(../imagens/todos_produtos_bg.gif) top repeat-x; margin-top: 50px; width: 1000px; margin: 0 auto; overflow-x: hidden;}
	.opcoes_seguro { clear: both; padding: 16px 0 24px 35px; background: url(../imagens/todos_produtos_bg.gif) top repeat-x;  }
  .opcoes_seguro h4 { margin-bottom: 6px; text-transform: uppercase; font: 14px "Trebuchet MS", sans-serif; color: #004059; font-weight: bold; }
	.opcoes_seguro .outras { float: left; width: 200px; padding-right: 54px; background: url(../imagens/opcoes_seguro_separador.png) right center no-repeat;  }
  .opcoes_seguro .outras ul { list-style: none; }
  .opcoes_seguro .outras ul li { margin-bottom: 6px; padding-bottom: 6px; background: url(../imagens/bg_horizontal_pontilhado.png) bottom repeat-x; font-size: 11px; }
	.opcoes_seguro .outras ul li.ultimo { background: 0; }
	.opcoes_seguro .relacionados { margin-left: 288px;  }
  .opcoes_seguro .relacionados dl { float: left; width: 210px; margin-right: 5px; margin-left: 5px; }
  .opcoes_seguro .relacionados dl dt { display: block; padding: 14px 0 2px 50px; font: 18px "Trebuchet MS", sans-serif; word-spacing: -2px; font-weight: normal; }
  .opcoes_seguro .relacionados dl dt a { text-decoration: none; color: #000;}
    .opcoes_seguro .relacionados dl.vida dt { padding-left: 0px; background-position: top left; }
    .opcoes_seguro .relacionados dl.consorcios dt { padding-left: 0px; background-position: left -41px; }
    .opcoes_seguro .relacionados dl.financiamento dt { padding-left: 0px; background-position: left -82px; }
    /* seguro automovel */
    .opcoes_seguro .relacionados.seguroauto dl dt { display: block; padding: 14px 0 2px; font: 18px "Trebuchet MS", sans-serif; word-spacing: -2px; background: url(../imagens/opcoes_seguroauto_icones.gif) left top no-repeat; }
    .opcoes_seguro .relacionados.seguroauto dl dt a { padding-left: 0px; }
    .opcoes_seguro .relacionados dl.consorcio dt { margin: 0; background-position: left 6px; }
    .opcoes_seguro .relacionados dl.consorcio dt a { padding-left: 0px; }
    .opcoes_seguro .relacionados dl.cartao { width: 210px; margin-right: 20px; }
    .opcoes_seguro .relacionados dl.cartao dt { margin: 0; background-position: left -37px; }
    .opcoes_seguro .relacionados dl.cartao dt a { padding-left: 0px; }
    .opcoes_seguro .relacionados dl.financiamento { width: 210px; }
    .opcoes_seguro .relacionados dl.financiamento dt { margin: 0; background-position: left -80px; }
    .opcoes_seguro .relacionados dl.financiamento dt a { padding-left: 0px; }
    * html .opcoes_seguro .relacionados dl.financiamento dt a { padding-left: 5px; }
    .opcoes_seguro .relacionados dl dd { padding-top: 3px; background: url(../imagens/bg_horizontal_pontilhado.png) top repeat-x; font: 11px Verdana, sans-serif; }
    .opcoes_seguro .relacionados dl dd a { display: block; color: #000; text-decoration: none; }
	
	/* ---- CAIXA CINZA ---- */
	.caixa_cinza { background: #f1f5f9; padding: 14px 10px 16px; }
	.caixa_cinza h4 { color: #00aeef; font: 18px "Trebuchet MS", sans-serif; margin: 0 auto 13px;  }
	.caixa_cinza img { margin: 0 auto 14px; }
	.caixa_cinza p { margin-bottom: 20px; }
	.caixa_cinza a { color: #00aeef; font-size: .9em; }
	
	
  
  /*CAPSULA AZUL*/
	
	div.capsula_azul { background: url(../imagens/bg_capsula_azul.png) no-repeat;  width: 560px; height: 65px; padding: 18px 20px 0 20px;}
	div.capsula_azul fieldset label { font-size: 1.1em; color: #095676; font-weight: bold; background: url(../imagens/separador_capsula.gif) no-repeat right; padding-right: 22px; width: 285px; display: block; text-align: right; float: left;}
	div.capsula_azul fieldset select { margin-left: 21px; margin-top: 3px; margin-right: 3px; color: #00aeef; font-weight: bold;}
	div.capsula_azul fieldset select.selecao_ano { width: 120px;}
	
	
	/* pontilhado*/
	
	.bg_pontilhado { background: url(../imagens/bg_horizontal_pontilhado.png) repeat-x bottom;  padding-bottom: 25px; margin-bottom: 20px; }
	
	/* ---- TABELAS ---- */
  /* Tabela bordas arredondadas - expansivel */
  table { text-align: center; clear: both; margin: 15px;
		border-collapse:collapse;
}
	table .esquerda,
	table .direita { float: none; }
	table thead tr th { border-top: 1px #b2e7fa solid;}
thead tr th, thead tr td{
	text-align:center;
	border-bottom: 0px solid #b2e7fa;
	color:#9dba00;
	}
tr td, tr th{
padding: 10px 10px;
border: 1px solid #b2e7fa;
font: 1.0em "Verdana", sans-serif; color: #095676; padding: 7px 10px 7px 10px;
}

table thead tr th.esquerda {  border-left: 0; border-right: 1; border-top: 0; border-bottom: 0; padding-top: 11px; background: url(../imagens/tabela_superior_esquerda.png) left top no-repeat; font-weight:bold; text-transform: uppercase; }
table thead tr th.direita { padding-top: 11px; border: 0; background: url(../imagens/tabela_superior_direita.png) right top no-repeat; font-weight:bold; text-transform: uppercase;}
table tbody tr td.direita.base2 { border: 0; background: url(../imagens/tabela_inferior_direita.png) right bottom no-repeat; }
table tbody tr th.esquerda.base1 { border-left: 0; border-right: 1; border-top: 0; border-bottom: 0; background: url(../imagens/tabela_inferior_esquerda.png) left bottom no-repeat; color:#00aeef; font-weight:bold; text-align:left;}
table tbody tr td.esquerda.base1 { border-left: 0; border-right: 1; border-top: 0; border-bottom: 0; background: url(../imagens/tabela_inferior_esquerda.png) left bottom no-repeat; }
table tbody tr th.bordaesquerda { border-left: 0; background: url(../imagens/tabela_pixel.gif) left top repeat-y; color:#00aeef; font-weight:bold; text-align:left ;}
table tbody tr td.bordaesquerda { border-left: 0; background: url(../imagens/tabela_pixel.gif) left top repeat-y;}
table thead tr th.topos { border-left: 1; border-top: 0; background: url(../imagens/tabela_pixel.gif) top repeat-x; padding-top: 11px; font-weight:bold; text-transform: uppercase;}


table.tbl-cotas-portopar { 
		border-collapse:collapse;
}

table.tbl-cotas-portopar thead tr th {
	text-align:center;
	border: 1px solid #b2e7fa;
	text-transform: uppercase;
	font: 11px "Verdana", sans-serif;
	font-weight:bold;
	color: #00aeef;
	height: 35px;
	vertical-align: middle;
	background-image:url(../js/menu-portopar/bg-tbl-portopar.gif);
	background-repeat:repeat-x;

	}
table.tbl-cotas-portopar caption {
color:#00aeef;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;

	}

table.tbl-cotas-portopar tbody tr th {
	text-align: center;
	border: 1px solid #b2e7fa;
	font: 11px "Verdana", sans-serif;
	font-weight:bold;
	color: #9dba00;
	vertical-align: middle;
	}

table.tbl-cotas-portopar tbody tr td {
	text-align:center;
	border: 1px solid #b2e7fa;
	font: 11px "Verdana", sans-serif;
	color: #095676;
	vertical-align: middle;
	}
	
table.tbl-cotas-portopar a {
	color: #00aeef;
	text-decoration: none; 
	}

table.tbl-cotas-portopar a:hover {
	text-decoration: underline;
	}

table.tbl-cotas-portopar-rent tbody tr th {
	text-align: center;
	border: 1px solid #b2e7fa;
	font: 9px "Verdana", sans-serif;
	font-weight:bold;
	color: #9dba00;
	vertical-align: middle;
	padding: 3px 3px;
	}

table.tbl-cotas-portopar-rent tbody tr td {
	text-align:center;
	border: 1px solid #b2e7fa;
	font: 9px "Verdana", sans-serif;
	color: #095676;
	vertical-align: middle;
	padding: 3px 3px;
	}
table.tbl-cotas-portopar-rent thead tr th {
	text-align:center;
	border: 1px solid #b2e7fa;
	text-transform: uppercase;
	font: 11px "Verdana", sans-serif;
	font-weight:bold;
	color: #00aeef;
	height: 35px;
	vertical-align: middle;
	background-image:url(../js/menu-portopar/bg-tbl-portopar.gif);
	background-repeat:repeat-x;

	}

  /* Box azul cantos arredondados */
  .box { width: 510px; margin-bottom: 25px; padding-bottom: 16px; background: url(../imagens/box_azul_base.png) left bottom no-repeat; }
  .box div { padding: 18px 0 0 25px; background: url(../imagens/box_azul_topo.png) left top no-repeat; }
  .box div p { display: block; color: #52889f; margin-bottom: 10px; }
  .box div label { width: auto; float: none; }
  .box div button { margin-left: 10px; }

/* fundo flash financiamento direto */
.fundoflash_findi { background: url(../imagens/find_flashback.jpg); height: 270px; width:490px; margin-left: 150px;}

/* Todos os produtos */
div #todos_produtos { clear: both; margin-top: 2px; }
div #todos_produtos h4 {font: bold 1.27em "Trebuchet MS", sans-serif; color: #004059; text-transform: uppercase; }
div #todos_produtos h5 {font-size: 1.0em; color: #004059; margin-top: 15px; margin-bottom: 6px;}
div #todos_produtos ul {display: inline; }
div #todos_produtos ul li {padding-left: 7px; display: inline; border-left: 1px solid #00aeef; }
div #todos_produtos ul li.primeiro {border-left: none; padding: 0; margin-left: 0}

/* ---- RESULTADO DE LISTA ARQUIVO---- */
.resultado_listaarquivo .intro { margin: 30px 0; color: #004059; font-weight: bold; font-size: 1.18em; }
.resultado_listaarquivo .intro span { color: #9dba00; text-transform: uppercase; } 
.resultado_listaarquivo h4 { margin-bottom: 11px; color: #00aeef; font: 1.63em "Trebuchet MS", sans-serif; font-weight: bold; }
.resultado_listaarquivo .secao dt { margin-bottom: 5px; font: 1.45em "Trebuchet MS", sans-serif; font-weight: bold; }
.resultado_listaarquivo .secao dt a { color: #004059; text-decoration: none; }
  .resultado_listaarquivo .secao dt a:hover { text-decoration: underline; }
.resultado_listaarquivo .secao dd { font-size: .9em; margin-bottom: 8px; padding-bottom: 10px; background: url(../imagens/bg_pontilhado.png) bottom repeat-x; }
.resultado_listaarquivo .secao dd .caminho { display: inline; }
.resultado_listaarquivo .secao dd .caminho strong { color: #00aeef; }
.resultado_listaarquivo div.paginacao form { margin-right: 100px; }