﻿/****************************INDEX STYLES*************************************/
.contentor /*contentor*/
{
    margin-left: auto;
    margin-right:auto;
    width:1000px;

}

/******* BANNER ********/
#bannerBg /* caixa que comporta a imagem detopo da página*/
{
    margin-top:0px;
    background-color:#000;
    width:100%;
    z-index:0;
    height:300px;
    text-align:center;
    position:absolute;
    height:300px;

}

#bannerIndex
{
    width:100%;
    height:272px;
    margin-right:auto; 
    margin-left:auto; 
    position:relative;
    z-index:0;
 
}
#banner
{
    width:1000px;
    height:300px;
    margin-right:auto; 
    margin-left:auto; 
    position:relative;
    z-index:0;
    overflow:hidden;  
}

#bannerCont
{
    width:975px;
    min-height:133px;
    margin-left:auto;
    margin-right:auto;
        z-index:0;
}
#bannerIndex img
{
    text-align:center;
    border:0px;
}
#welcomeText
{
    text-shadow: 1px 1px 2px #111;
    font-family:Arial;
    font-weight:bold;
    font-size:24px;
    padding-top:120px;
    margin-left:20px;
    color:#FFFFFF;
}
#welcomeLink
{
    width: 543px;
    height: 28px;
    margin-left:20px;
    margin-top:10px;
    background-image: url("Images/index/linkWelcome.png");
}
#simulador
{
    padding:10px 10px 10px 10px;    
    font-family:Arial Rounded MT Bold;
    font-size:13px;
    color:#FFFFFF;
    width:330px;
    height:97px;
    background-image: url("Images/index/simuladorBg.png");
    float:right;
    margin-top:-135px;
    margin-right:-15px;
}
.simuladorLink
{
    background-image: url("Images/index/simuladorBtn.png");
    width:276px;
    height:19px;
    padding-left:5px;
    padding-top:4px;
    text-align:left;
    margin-left:25px;
    margin-top: 5px;
    color:#FFFFFF;
}
.simuladorLink a
{
    color:#FFFFFF;
    font-size:smaller;
}

/*****SEARCHBAR******/
#searchBar
{
    background-image:url("Images/index/searchBg.png");
    background-repeat:no-repeat;
    width:318px;
    height:49px;
    margin-top:223px;
    margin-left:-1px;
    font-family:Arial Rounded MT Bold;
    position:absolute;
    padding:4px 10px 0px 17px;
    z-index:100;
    
}

.ServicosBox
{
     width:990px;
    min-height: 260px;
    background-color:#fff;
    font-size:12px;
    color:#666666;
    line-height:16px;  
}

    .ServicosBox h1 {
        font-size: 30px;
        font-family: Arial Rounded MT Bold;
        padding-left: 0px;
        padding-top: 15px;
        line-height: normal;
    }
.ServicosBox h2
{
    font-size:20px;
    font-family:Arial Rounded MT Bold;
    padding-left:0px;
    padding-top:10px;
    padding-bottom:0px;
    margin:0px
}
.ServicosBox p
{
    /*padding:10px 15px 0px 15px; */ 
}


/*Botoes coloridos serviços*/
.ServicosBoxItens ul  
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;}
    
.ServicosBoxItens li  
{
    padding-top: 4px;
    height:23px;
    margin-left:15px;
    margin-right:15px;
    background-color: #eaeaea;
    margin-bottom:2px;
    background-image:url(Images/index/serv_launch_white.png);
    background-position:right center;
    background-repeat:no-repeat;
    padding-left:20px;
}
.ServicosBoxItens li span {   }

.ServicosBoxItens li a  
{
    font-size:11px;
    margin-top:3px;
    width:240px;
    height:23px;
    display:block;
  
}

.col2 li{width:260px; float:left; }

/*Botoes coloridos serviços*/
.btnServicosBox { padding:15px 15px 25px 15px; background-color:#fff}
.btnServicosBox ul  
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    background-color:#f7f7f7;
    }
.btnServicosBox li  
{
    padding-top:4px;
    margin-left :15px;
    margin-right:15px; 
    padding-bottom:15px;
    background-image:url(Images/index/serv_launch.png);
    background-position:right 10px;
    background-repeat:no-repeat;
    font-size:11px;
    border-bottom:solid 1px #fff;


}
.btnServicosBox li span { }

.btnServicosBox a  
{
    font-size:14px;
    margin-top:3px;
    height:23px;
    display:block;

  
}

.areaNegocio1 li a:hover {color:#00b7ff}
.areaNegocio2 li a:hover {color:#b32018}
.areaNegocio3:hover {color:#f1cc01}
.areaNegocio4:hover {color:#005b81}
.areaNegocio5:hover {color:#02b6ff}
.areaNegocio:hover {color:#02b6ff}



/****Serviços******/
#servicos
{
    width:1000px;
    min-height:270px;
    margin-left:auto;
    margin-right:auto;
}
.servCont /*Contentor de cada serviço*/
{
    width: 245px;
    float:left;
}

.servicosImg /* Caixa da imagem do serviço*/
{
    width:241px;
    height:191px;   
}
.servicosTxt /* caixa do texto do serviço*/
{
    
    min-height: 260px;
    background-image: url("Images/index/serv_text.png");
    background-position:bottom;
    margin-top:-16px;
    font-size:10px;
    color:#666666;
    line-height:11px;  
}
.servicosTxt3col /* caixa do texto do serviço*/
{
    
    min-height: 260px;
    background-image: url("Images/index/serv_text_3col.png");
    background-position:bottom;
    margin-top:-16px;
    font-size:10px;
    color:#666666;
    line-height:11px;  
}


.servicosTxt span { color:#959595}

.hover:hover 
{
    /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}

.link_produtos_vertodos { font-size:10px; padding-left:16px; text-align:right; height:25px; vertical-align:middle; text-decoration:none;}
.link_produtos_vertodos:hover 
    {
/* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}
.btnServicos
{
 height:70px;
}
.servicosTxt h1
{
    font-size:26px;
    font-family:Arial Rounded MT Bold;
    padding-left:15px;
    padding-top:15px;
    
}
.servicosTxt p
{
    padding:10px 15px 0px 15px;  
}

/*Botoes coloridos serviços*/
.btnServicos ul  
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;}
    
.btnServicos li  
{
    padding-top: 4px;
    width:100%;
    height:23px;
    margin-left:15px;

    margin-bottom:2px;
    background-image:url(Images/index/serv_launch.png);
    background-position:right center;
    background-repeat:no-repeat;
}
.btnServicos li span {   }

.btnServicos a  
{
    font-size:13px;
    margin-top:3px;
    width:240px;
    height:23px;
    display:block;
  
}

.btnServicos a:hover 
    {
/* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}




.GestaoPatromonioBG li {background-color:#00b2fa }
.GestaoSegurosBG li {background-color:#b60e0e}
.GestaoCreditoBG li {background-color:#ebc721}

.GestaoPatromonioBG h1 {color:#00b2fa}
.GestaoSegurosBG h1 {color:#b60e0e}
.GestaoCreditoBG h1 {color:#ebc721}


.btnServLaunch /*class botão caixas coloridas*/
{
    float:right;
    margin:5px 5px 0px 0px
}

/******DESTAQUE******/
#destaque
{
    width:990px;
    min-height: 300px;
    background-color:#FFFFFF;
    margin-top:20px;
    font-size:11px;  
}
#destaque h1
{
    font-family:Arial Rounded MT Bold;
    font-size:17px;
    color:#b60e0e;
}
#destaque h2
{
    font-family:Arial Rounded MT Bold;
    font-size:10px;
    color:#282828;
}
#destaque h3
{
    font-family:Verdana;
    font-size:11px;
    color:#0176ad;
}

#graficoIndex
{
    margin-top:7px;
    float:right;
    margin-right:5px;    
}
#GraficosBolsa
{
    float:left;
    width:290px;
    margin-left:10px; 
    margin-top:10px;   
}
#GraficosBolsa h2{ font-size:14px; margin-left:10px}

.topicosDestaque
{
    border-top:1px solid #e8e8e8;
    margin-top:5px;
    margin-bottom:5px;  
}
.topicosDestaque p
{
 font-size:10px;
  font-family:Verdana;
    color:#666666;
    margin-bottom:3px;  
    text-align:justify;
}
/*Barra de cotações*/
#cotacoes
{
    width:990px;
    min-height: 55px;
    background-color:#FFFFFF;
    font-family:Arial;
    color:#878b8e;
    margin-top:10px;
}

#markets
{
    min-height:250px;
    background-color:#FFFFFF;
    font-family:Arial;
    color:#878b8e;
    }
#markets .chart
{
     width:300px;
     height:200px;
     text-align:center;
     
    
    }
#markets .chart h1
{
     font-size:16px;
     margin:0px; padding:0px;
    }
#markets .chart img { margin-top:-25px;}


/*****CONTEÚDO*****/

#MenuLateral
{

  width:263px;

}
#MenuLateralSombra
{
    width:264px;
    height:20px;
    background-image:url("Images/conteudo/menuLateralSombra.png"); 
}
#MenuLateral h1
{
    
    color:#00b6ff;
    font-size:30px;
    font-family:Arial Rounded MT Bold;
    padding-left:15px;
    padding-top:15px;
    line-height:normal;
}

#caixaConteudo h1 
{
    font-family:Arial Rounded MT Bold;
    font-size:25px;
    color:#00b6ff;
    margin-top:0px;
    margin-left:0px;   
    padding-bottom:10px;

    }
    
    #caixaConteudo h2 
{
    font-family:Arial Rounded MT Bold;
    font-size:16px;
    color:#00b6ff;  
    padding-bottom:5px;
    margin:0px;
    }
 
 .ler_artigo:link img
{
    background-image:url(../assets/botoes/ler_artigo.png);
    background-repeat:no-repeat;  
    background-position:0px 0px;  
    width:76px;
    height:18px;
    margin-right:3px;
}
a.ler_artigo:hover img
{
        background-image:url(../assets/botoes/ler_artigo.png);
    background-repeat:no-repeat;  
    background-position:0px -18px;  
    width:76px;
    height:18px;
    margin-right:3px;
    cursor:pointer;
}

a.ler_artigo:active img
{
       background-image:url(../assets/botoes/ler_artigo.png);
    background-repeat:no-repeat;  
    background-position:0px -18px;  
    width:76px;
    height:18px;
    margin-right:3px;
    cursor:pointer;
}
a.ler_artigo:visited img
{
        background-image:url(../assets/botoes/ler_artigo.png);
    background-repeat:no-repeat;  
    background-position:0px -36px;  
    width:76px;
    height:18px;
    margin-right:3px;
    cursor:pointer;
}

/******** MENU *********************/


#MenuLateral ul  
{
    list-style-type: none;
    padding: 0px;
    margin:10px 0px 0px 0px;}
    
#MenuLateral li  
{
    width:250px;
    height:27px;
    background-color:#dfdfdf;
    margin-bottom:1px;
    margin-left:15px;
    background-image:url(Images/index/serv_launch_white.png);
    background-position:right center;
    background-repeat:no-repeat;

}
#MenuLateral li:hover  
{
    background-color:#00b6ff;
    width:250px;
    margin-bottom:1px;
    margin-left:15px;
      color:#ffffff;
}
#MenuLateral li a:hover  
{
      color:#ffffff;
}
   

#MenuLateral li:hover  
{
/* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}
 


#MenuLateral a  
{
    text-decoration:none;
    font-weight:bold;
    width:238px;
    height:20px;
    display:block;
    padding-left:7px;
    padding-top:5px;
}
.linkProdutos a{color:#ffffff;}
.linkConteudos a{color:#000000;}
/********* FIM MENU ***********/




#Conteudo
{
   padding:15px;
}

#ConteudoBoxMax
{ background-color:#ffffff;
  width:975px;
  min-height:420px;
  font-size:12px;
  text-align:justify;
  color:#666666;
  line-height:19px;
  font-family:Verdana;
 }
 #ConteudoBoxSombraMax
{ background-image:url(Images/conteudo/SombraConteudoMax.png);
 background-repeat:no-repeat;
 background-position:top;
  width:975px;
  height:33px;
   margin-top:-12px;
   padding-bottom:0px;
  }


#ConteudoBox
{ 

  min-height:420px;
  font-size:12px;
  text-align:justify;
  color:#666666;
  line-height:19px;
  font-family:Verdana;
 }
 
 
#ConteudoBox h1{ margin-top:0px; padding-top:0px; padding-bottom:16px; padding-left:0px}
#ConteudoBox h2{ margin-top:0px; padding-top:0px; padding-bottom:16px; padding-left:0px}

#ConteudoBoxSombra
{ background-image:url(Images/conteudo/SombraConteudo.png);
 background-repeat:no-repeat;
  width:712px;
  height:33px;}


#caixaDir
{

    min-height: 100px; 
    background-color: #ebebeb;
    padding:20px 20px 20px 20px;
    font-size:11px;
    line-height:14px;
    margin-top:30px;
    margin-bottom:20px;
    
}
#caixaDir ul { margin-left:0px; padding-left:16px}
#caixaDir ul li { margin:0px; padding:0px 0px 10px 0px}

#caixaConteudo
{

  margin-top:40px; 
  font-size:12px;
  text-align:justify;
  color:#666666;
  line-height:19px;
  font-family:Verdana;
    
}
#caixaPesquisa
{
  width: 880px; 
  margin-left:50px;
  font-size:12px;
  text-align:justify;
  color:#666666;
  line-height:19px;
  font-family:Verdana;
  background-color:#ffffff;
  min-height:400px;
  border:solid 1px #ffffff;
    
}
#caixaConteudoProduto
{

  margin-top:40px; 
  font-size:12px;
  text-align:justify;
  color:#666666;
  line-height:19px;
  font-family:Verdana;
}


.agencia_list
{
   width:620px;

}
.agencia_list a
{
   color:#000000;
   padding:6px;

   width:100%;
   display:block;
   border-bottom:dotted 1px #cdcdcd;
}
.agencia_list a:hover
{
   color:#02b6ff;
   background-color:#efefef;
    }
.caixa_agencia
{
    background-image:url(../assets/layout/caixa_agencia.png);
    background-repeat:no-repeat;
    height:236px;
    width:700px;
}
    
    
.separador 
{
    background-image: url(../assets/layout/linha_x_pontos.gif);
    background-repeat: repeat-x;
    height:15px;
    width:100%;
    margin-top:30px;
    margin-bottom:10px;
}

.texto_noticia { font-size:12px;  line-height:16px;  text-align:justify; }
.data_noticia { font-size:10px; color:#333333; padding-top:15px}



/* PRODUTO */

.detalhe_produto ul 
{
background-color:#fff; 
background-color:#f7f7f7;
padding-top:15px;
padding-bottom:15px;
padding-right:20px;
}
.detalhe_produto ol 
{
background-color:#fff; 
background-color:#f7f7f7;
padding-top:15px;
padding-bottom:15px;
padding-right:20px;
}

.detalhe_produto.cor00b7ff ul
{list-style-image:url('../Assets/Images/check_00b7ff.png');}
.detalhe_produto.corb32018 ul
{list-style-image:url('../Assets/Images/check_b32018.png');}
.detalhe_produto.corf1cc01 ul
{list-style-image:url('../Assets/Images/check_f1cc01.png');}
.detalhe_produto.cor005b81 ul
{list-style-image:url('../Assets/Images/check_005b81.png');}
.detalhe_produto.cor02b6ff ul
{list-style-image:url('../Assets/Images/check_02b6ff.png');}

.detalhe_produto ol { font-size:16px; font-weight:bold}

.detalhe_produto.cor00b7ff ol
{color: #00b7ff;}
.detalhe_produto.corb32018 ol
{color: #b32018;}
.detalhe_produto.corf1cc01 ol
{color: #f1cc01;}
.detalhe_produto.cor005b81 ol
{color: #005b81;}
.detalhe_produto.cor02b6ff ol
{color: #02b6ff;}

.detalhe_produto ol span
{color: #666; font-size:12px; font-weight:normal}
.detalhe_produto.cor00b7ff ol b
{color: #00b7ff;font-weight:bold}
.detalhe_produto.corb32018 ol b
{color: #b32018;font-weight:bold}
.detalhe_produto.corf1cc01 ol b
{color: #f1cc01;font-weight:bold}
.detalhe_produto.cor005b81 ol b
{color: #005b81;font-weight:bold}
.detalhe_produto.cor02b6ff ol b
{color: #02b6ff;font-weight:bold}

.detalhe_produto li 
{
 border-bottom:dotted 1px #cdcdcd;
 padding:5px 15px 5px 5px;
}
.sombra
{
background-repeat:no-repeat; background-position:right bottom;
background-image:url('../assets/images/conteudo/SombraConteudo.png');
height:18px; width:100%; 
margin-top:-13px;
}


.barradestaque
{
    margin:0px; padding:0px; color:#419639;
    height:28px; background-repeat:no-repeat;
}
.barradestaque h3{color:#fff; font-size: 15px; padding:3px 0px 5px 22px}

.bg419639
{background-image:url('../Assets/Images/bar_419639.gif')}
.bgb32018
{background-image:url('../Assets/Images/bar_b32018.gif'); }
.bgf1cc01
{background-image:url('../Assets/Images/bar_f1cc01.gif'); }

#TabelaProdutos table { width:100%;	border-collapse:collapse;   }

#TabelaProdutos table td {
	border: 1px solid #CCC;
	border-collapse:collapse;
}
#TabelaProdutos table th {
	background-color:#666;
	color:#FFF;
	border: 1px solid #666;
}

#TabelaProdutos.cor00b7ff h2{color:#00b7ff }
#TabelaProdutos.corb32018 h2{color:#b32018 }
#TabelaProdutos.corf1cc01 h2{color:#f1cc01 }
#TabelaProdutos.cor005b81 h2{color:#005b81 }
#TabelaProdutos.cor02b6ff h2{color:#02b6ff }

/* RESULTADOS DA PESQUISA  */
.search_line { border-top:dotted 1px #8f96b3; font-family:verdana; font-size:12px}
.search_line p{ margin:0px 0px 5px 10px; color:#666666; font-family:verdana; font-size:12px}
.search_line a{color:#333333; font-size:14px}
.search_line a:hover{color:#00b2fa}
.search_results {padding:20px; text-align:right;  }
.search_title {padding:20px 20px 20px 0px}
.search_group_header {width:100%; height:40px;}

.search_title h1
{
    font-family:Arial Rounded MT Bold;
    font-size:16px;
    color:#00b6ff;
    margin-top:0px;

}

#funcoes_pagina { padding:0px; background-color:#ffffff}
#funcoes_pagina div{ float:right;}
#funcoes_pagina a:hover  
{
/* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=100);

        /* Older than Firefox 0.9 */
        -moz-opacity:1;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 1;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 1;
}
 #funcoes_pagina a 
{
/* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}



/********************************* FORM *************************************/
#formulario_simulador {margin-left:50px;}  
    
#formulario_simulador p{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #fff;
    width:600px;
    padding:10px;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
}
#formulario_simulador p label{
    width:160px;
    float:left;
    text-align:right;
    margin-right:15px;
    line-height:26px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
}
#formulario_simulador input:not([type=radio]),
#formulario_simulador textarea,
#formulario_simulador select{
    background: #ffffff;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 350px;
    float:left;
}
#formulario_simulador input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}
#formulario_simulador p.submit{
    background:none;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#formulario_simulador button {
	border:none;
	outline:none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 7px 25px;
    text-shadow: 0 1px 1px #777;
    font-weight:bold;
    font-family:"Century Gothic", Helvetica, sans-serif;
    font-size:22px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background:#4797ED;
}
#formulario_simulador button:hover {
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}

#formulario_simulador fieldset{
    border:none;
    padding-bottom:10px;
}
#formulario_simulador legend{
    text-align:left;
    color:#666;
    font-size:16px;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
    float:left;
    width:600px;
    padding:5px 0px 5px 0px;
    margin:10px 0px; 
}

/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

/************************************ HELPERS ***************************************/		

.floatRight {
  float:right;
}

.floatLeft {
  float:left;
}

.clearBoth {
  clear:both;
}

.clearLeft {
  clear:left;
}

.clearRight {
  clear:right;
}

.inline {
  display:inline;
}

.block {
  display:block;
}

.hidden {
  display:none;
}

.invisible {
  visibility:hidden;
}

.visible {
  visibility:visible;
}

/** margin helpers (useful for floated images) **/

.marginTop10 {
  margin-top:10px;
}

.marginRight10 {
  margin-right:10px;
}

.marginBottom10 {
  margin-bottom:10px;
}

.marginleft10 {
  margin-left:10px;
}



/* PÁGINA DE AGENTES */


#contactosAgentes { padding-left:15px; margin-top:20px; font-size:10px;}
#contactosAgentes span{ color:#00b6ff; font-weight:bold; font-size:10px; display:block; height:18px;}
#contactosAgentes div{  border-top:solid 1px #eaeaea; padding:6px; line-height:15px; color:#333}


/* mensagem formulario*/
.mensagem {padding:15px; color:#8f8f8f; border:dotted 1px #cdcdcd }
.mensagem div { width:520px; position:relative; left:90px }
.mensagem img { position:absolute;left:30px;  width:40px; vertical-align:middle; margin-right:15px}

.mensagem h3 { margin:0px 0px 0px 0px; padding:6px 0px 0px 0px}
.mensagem p {   margin:0px; padding:4px 0px 0px 0px}

.BTENVIAR{ margin-top:0px; color:#ffffff; width:60px; float:right; font-weight:bold; display:block; height:17px; padding:5px 1px 1px 1px; text-align:center;  font-size:9px; background-color:#00b7e3;}
.BTENVIAR:hover {background-color:#1d2e5c; color:#ffffff; text-decoration:none}

.FORMULARIO input, textarea
{
   font-size:11px; padding-left:2px; color:#545454; min-height:18px; font-family:Arial
}


/* CAMPANHAS */

#campanhas p { font-size:11px; line-height:14px; padding-top:0px}
#campanhas h2 { margin-top:20px; margin-bottom:5px; padding:0px}




.roundedTOP
        {
            -webkit-border-top-right-radius: 10px;
            -webkit-border-top-left-radius: 10px;
          
            -khtml-border-radius-topright: 10px;
            -khtml-border-radius-topleft: 10px;
         
            -moz-border-radius-topright: 10px;
            -moz-border-radius-topleft: 10px;
          
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

.rounded
        {
            -webkit-border-top-right-radius: 10px;
            -webkit-border-top-left-radius: 10px;
          -webkit-border-bottom-right-radius: 10px;
            -webkit-border-bottom-left-radius: 10px;
            
            -khtml-border-radius-topright: 10px;
            -khtml-border-radius-topleft: 10px;
           -khtml-border-radius-bottomright: 10px;
            -khtml-border-radius-bottomleft: 10px;
            
            -moz-border-radius-topright: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-bottomright: 10px;
            -moz-border-radius-bottomleft: 10px;
          
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
        }
        
.opacidade50{
/* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}

.opacidade80{
/* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=80);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.8;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.8;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.8;
}



/* TABELA */
.documentos { margin:30px 0px 0px 0px;}
.documentos table {
    border-collapse: collapse;
    border: none;
    margin-bottom: 20px;
	width:100%;
    border: #655445 solid 1px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.documentos th td {
    padding: 3px;
    vertical-align: top
}

.documentos th, .documentos td {
    border: #efefef solid 1px;
    padding: 3px;
    vertical-align: middle;
    text-align: center;
    background-color: #FFF
}

.documentos th {
    color: #333;
    background-color: #efefef;
    font-weight: bold
}

.documentos .tdleft { text-align:left; padding-left:10px}

.formclient input[type="submit"]{ cursor:pointer; font-size:11px; font-weight:bold; color:#fff; background-color:#00b6ff; border:none;height:25px;}
.formclient input[type="submit"]:hover{ cursor:pointer; font-size:11px; color:#fff; background-color:#4fcdff; border:none}
.formclient td { padding-bottom:6px}
.formclient input{

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    padding:0px 10px 0px 10px;
    height:22px;
    }
   
    
.formclient input:focus,textarea:focus, select:focus {
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#efefef;
     outline-width: 0;
}
 .formclient textarea
 {

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    padding:5px 10px 5px 10px;

border:solid 1px #cccccc;
    }
   .formclient select 
 {

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    padding:4px 10px 4px 10px;
    border-color:#cccccc;

   font-size:11px
    }  
    
 .formclient ul, li{
border:0; margin:0; padding:0; list-style:none;
}
.formclient li{
clear:both;
list-style:none;
min-height:22px;

margin-bottom:10px;
}

.formclient li input{
float:left;
}
.formclient li img{
float:right; padding:5px
}
 .formclient li label{
width:140px;
float:left;
}

.logoutbt

{
    cursor:pointer; font-size:11px; font-weight:bold; color:#fff; background-color:#00b6ff; border:none;height:20px; width:120px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    padding:2px 10px 5px 10px;
    border-color:#cccccc;
    
    }
    
    .logoutbt:hover{cursor:pointer; font-size:11px; color:#fff; background-color:#4fcdff; border:none}