/*********************************************
CREDIPRODESP
*********************************************/

/***********************
Layout
***********************/
* {margin: 0; padding: 0;}

html {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100.01%;
}

body {
	color: #666;
	font-size: 62.5%; 
	margin:5px 0 auto !important;
	background: url(/imagens/bg_body.gif) repeat-x;
}

img {border: none}

#global {
	margin:0 auto; 
	width:760px;}

/***********************
Header
***********************/
#header {
	min-height: 96px;
	height: auto !important;
	height: 96px;
	margin-bottom: 7px;
	float: left;
}

/*logo*/
#logo a {
	float:left;
	display: block; 
	width: 330px; 
	height: 110px;
	background: url(/imagens/crediprodesp.gif) no-repeat left top;
	text-indent: -9000px;
}

#boxUsuario {
    float: right;
    min-width: 240px;
    height: 100px;
    border: 1px solid #828282;
    background-color: #E7E7E7;
}
#boxUsuario ul li {
    line-height: 2.2em;
    margin-left: 10px;
    list-style:none;
    text-align:left;
    padding-left: 20px;
    font-size: 1.12em;
}
#boxUsuario ul li a{
    text-decoration: none;
    color: #336699;
}
#boxUsuario li.usuario{
    font-weight:bold;
    background: url(/imagens/user.png) no-repeat left center;
}
#boxUsuario li.principal{
    font-weight:bold;
    background: url(/imagens/house.png) no-repeat left center;
}
#boxUsuario li.alterarSenha{
    font-weight:bold;
    background: url(/imagens/page_white_edit.png) no-repeat left center;
}
#boxUsuario li.sair{
    font-weight:bold;
    background: url(/imagens/door_in.png) no-repeat left center;
}
#boxAcesso a{
	float:right;
	margin-top: 40px;
	display: block; 
	width: 140px; 
	height: 30px;
	background: url(/imagens/bt_acesso.gif) no-repeat left center;
	text-indent: -9000px;
}

/*nav_main*/
#nav_main{
	margin-top:7px;
	height: 38px;
	width: 760px;
	background: url(/imagens/navbar.gif) no-repeat;
	float: left;
        font-size: 10px;
        /*font-weight: bold;*/
}

ul#nav_externo li a { background: url(/imagens/navbar.gif) no-repeat;}

/*navegação externa*/
#header ul#nav_externo li.item01 a {width:100px; background-position: 0 0; }
#header ul#nav_externo li.item02 a {width:139px; background-position: -100px 0; }
#header ul#nav_externo li.item03 a {width:191px; background-position: -239px 0; }
#header ul#nav_externo li.item04 a {width:109px; background-position: -430px 0; }
#header ul#nav_externo li.item05 a {width:110px; background-position: -539px 0; }
#header ul#nav_externo li.item06 a {width:110px; background-position: -649px 0; }

#home #header ul#nav_externo li.item01 a, #header ul#nav_externo li.item01 a:hover {background-position: 0 -38px; }
#institucional #header ul#nav_externo li.item02 a, #header ul#nav_externo li.item02 a:hover {background-position: -100px -38px; }
#prestacontas #header ul#nav_externo li.item03 a, #header ul#nav_externo li.item03 a:hover {background-position: -239px -38px; }
#financas #header ul#nav_externo li.item04 a, #header ul#nav_externo li.item04 a:hover {background-position: -430px -38px; }
#servicos #header ul#nav_externo li.item05 a, #header ul#nav_externo li.item05 a:hover {background-position: -539px -38px; }
#noticias #header ul#nav_externo li.item06 a, #header ul#nav_externo li.item06 a:hover {background-position: -649px -38px; }

/***********************
navbar - Barra de navegação principal
***********************/

ul#navbar {
	height: 38px;
	background: url(/imagens/navbar.gif) no-repeat;	
	position: relative;
	width: 760px;
}
ul#navbar li {
	list-style: none;
	position: absolute;
	top: 0;
}
ul#navbar li, ul#navbar li a {
	height: 38px;
	display: block;
}
ul#navbar li a	{
	text-indent: -9999px; 
	text-decoration: none;
}
#nav01 {left: 0; width: 100px;}
#nav02 {left: 100px; width: 139px;}
#nav03 {left: 239px; width: 191px;}
#nav04 {left: 430px; width: 109px;}
#nav05 {left: 539px; width: 110px;}
#nav06 {left: 649px; width: 110px;}

#home #nav01 a, #nav01 a:hover {background: transparent url(/imagens/navbar.gif) 0 -38px no-repeat;}
#institucional #nav02 a, #nav02 a:hover {background: transparent url(/imagens/navbar.gif) -100px -38px no-repeat;}
#prestacontas #nav03 a, #nav03 a:hover {background: transparent url(/imagens/navbar.gif) -239px -38px no-repeat;}
#financas #nav04 a, #nav04 a:hover {background: transparent url(/imagens/navbar.gif) -430px -38px no-repeat;}
#servicos #nav05 a, #nav05 a:hover {background: transparent url(/imagens/navbar.gif) -539px -38px no-repeat;}
#noticias #nav06 a, #nav06 a:hover {background: transparent url(/imagens/navbar.gif) -649px -38px no-repeat;}		

ul#navbar .sub {margin:0; padding:0;}
ul#navbar :hover ul.sub {left:0; height:auto;}
ul#navbar :hover ul.sub li {font-size: 11px; display:block; height:25px; position:relative; float:left; border:1px solid #CCC;}
ul#navbar :hover ul.sub li a {
    display:block; 
    height:20px; 
    width:208px; 
    padding-top: 5px; 
    cursor:pointer; 
    text-indent: 10px;
    background: url("/imagens/bulletMenu.gif") no-repeat 0 7px #EEE !important;
    /*background: #EEE;*/
    color: #336699;
}
ul#navbar :hover ul.sub li a:hover {background: url("/imagens/bulletMenu.gif") no-repeat 0 7px #CCC !important;}
#menuvazio {
	width: 120px;
	float: left;
	padding-top: 50px;
	font-size: 11px;
	/*position: relative;*/
}

/***********************
conteudo - Home
***********************/
#conteudo_home {
	float: left;
	padding-top: 50px;
	padding-bottom:0px;
	width: 760px;
}
#conteudo_home div.box {
	width: 240px;
	height: 260px;
	float: left;
	text-align: left;
}
#conteudo_home div.esquerda {
	background:#336699;
}
#conteudo_home a{
	float: left;
	color:#FFFFFF;
	text-decoration: none;
	margin-left:30px;
	margin-top:20px;
	margin-right:30px;
	font-size: 1.1em;
	font-weight:bold;
}
#conteudo_home div.meio {
	background:#336699;
	margin-left:20px;
	margin-right:20px;
}
#conteudo_home div.direita a{
	color:#000000;
}
#conteudo_home img.foto {
	margin-top:10px;
	margin-left:30px;
	margin-right:30px;
}
#conteudo_home img.fotoNoticia {
	margin-top:10px;
}
#noticias_home {
	width: 240px;
	float: left;
	margin-top: 5px;
}
#noticias_home dl {
	padding: 2px;
	overflow:hidden;
}
#noticias_home dt {
	width: 70px;
	font-weight: bold;
	padding:2px;
	text-align:center;
	font-size:1.1em;
	color:#FFF;
	background-color:#002448;
	float:left;
	clear:left;
}
#noticias_home dd {
	width:236px;
	font-size:1.2em;
	margin-bottom: 10px;
	float:left;
	clear:left;
	height:47px;
	overflow:hidden;
}
#noticias_home dd a {
	font-weight: normal;
	color: #333;
	text-decoration: none; 
	margin:0;
}
/***********************
diretorio - Antes do rodape
***********************/
#diretorio {
	float: left;
	margin-top: 30px;
	left: 0px;
	height: 300px;
	width: 760px;
	background:#002448;
}
#diretorio div.coluna {
	width: 230px;
	height: 220px;
	float: left;
	text-align: left;
	margin-left:10px;
	margin-right:10px;
}
#diretorio div.bloco {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
}
#diretorio p a{
	font-size: 1.4em;
	font-weight:bold;
	color: #66CC00;
	text-decoration: none;
	margin-top:20px;
}
#diretorio ul li{
	list-style:none;
	font-weight:none;
	text-align:left;
}
#diretorio ul li a{
	text-decoration: none;
	font-size: 1.12em;
	line-height: 1.7em;
	color: #FFFFFF;
}
#diretorio li.feed a{
	font-size: 1.12em;
	color: #F47e20;
	font-weight:bold;
	background: url(/imagens/icon_feed.gif) no-repeat left center;
	padding-left: 20px;
	display: block; 
}
#diretorio li.fale a{
	font-size: 1.12em;
	font-weight:bold;
	background: url(/imagens/icon_fale.gif) no-repeat left center;
	padding-left: 20px;
	display: block; 
}
#diretorio li.ouvidoria a{
	font-size: 1.12em;
	font-weight:bold;
	background: url(/imagens/ouvidoria.png) no-repeat left center;
	padding-left: 20px;
	display: block; 
}
#diretorio li.linkinter{
	list-style:disc;
	text-decoration: underline;
	color:#FFFFFF;
	margin-left: 15px;
}

/***********************
rodape
***********************/
#rodape {
	float: left;
	margin-top: 0px;
	left: 0px;
	height: 45px;
	width: 760px;
	background:#00162B;
	padding-top:10px;
}
#rodape p{
	color: #CCCCCC;
	font-size: 1.1em;
	font-weight:bold;
	text-align:center;
}

/***********************
Menu
***********************/
#menu {
	width: 240px;
	float: left;
	padding-top: 50px;
	font-size: 11px;
	/*position: relative;*/
}
#menu h1 {
	color: #014d73;
	font-weight: bold;
	font-size: 13px;	
}
#menu h1.menuTop {
	background: url(/imagens/menuTop.gif) no-repeat 0 0;	
	width: 210px;
	height: 23px;
	padding: 8px 0 0 6px;
}
#menu h1.menuMid {
	background-color: #EFEFEF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC; 
	width: 203px;
	height: 21px;
	padding: 3px 0 0 5px;
}
#menu ul {
	background-color: #F9F9F9;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 208px;
	list-style-type: none;
}
#menu ul li a {
	display: block;
	background: url(/imagens/bulletMenu.gif) 0 7px no-repeat;	
	border-bottom: 1px dotted #CCC;	
	color: #666;
	font-weight: normal;
	text-decoration: none;
	width: 162px;
	padding: 4px 10px;
	margin: 0 5px;	
}
#menu ul li.first a {
	border-top: 1px dotted #CCC;
}
#menu ul li.last a {
	border-bottom: none;
}
#menu ul li a:hover {
	color: #069;
}
#menu span.menuBtm {
	background: url(/imagens/menuBtm.gif) no-repeat;
	display: block;
	width: 210px;
}

/***********************
Conteudo
***********************/
#conteudo {
	width: 520px;
	min-height: 260px;
	height: auto !important;
	height: 330px;
	padding-top: 50px;
	float: left;
	font-size: 1.1em;
}
#conteudoSemMenu {
	width: 760px;
	min-height: 260px;
	height: auto !important;
	height: 330px;
	padding-top: 50px;
	float: left;
	font-size: 1.1em;
}

#textoExplica {
	font-size: 1.1em;
}

#textoExplica strong{
	color: #000;
}

#conteudo h1 , #conteudoSemMenu h1{
	color: #326598;
	font-size: 1.8em;
	margin-bottom: 10px;
}
#conteudo h2 {
	color: #55AA00;
	font-size: 1.5em;
	margin-bottom: 5px;
}
#conteudo p {
	color: #414141;
	margin-bottom: 10px;
	font-weight:none;
	font-size: 1.2em;
	text-align: justify;
}

/***********************
Login
***********************/
#loginBox {
    float:left;
    width: 340px;
    height: 150px;
    margin: 30px;
    margin-left: 210px;
    margin-right: 210px;
    border: 1px solid #828282;
    background-color: #E7E7E7;
}
#loginBox h2 {
    text-align: center;
	font-size: 1.5em;
    color: #336699;
    margin-top: 5px;
	margin-bottom: 5px;
}
#loginBox form label {
    width: 90px;
    text-align: right;
    margin-right: 5px;
    float: left;
    font-weight: bold;
}
#loginBox form p {
    font-weight: bold;
}
#loginBox form p.botaoLogin {
    text-align: center;
}
#loginBox form p.senha {
    text-align: center;
}

/***********************
Fale Conosco
***********************/
#boxFale {
    background-color: #F4F4F4;
    margin: 20px auto;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 660px;
    margin-left: 50px;
    margin-right: 50px;
}
#boxFale label {
    display: block;
    float: left;
    font-size: 1.2em;
    margin-right: 2px;
    margin-top: 2px;
    text-align: right;
}
#boxFale p {
    display: block;
    margin: 0 0 10px;
}
#boxFale p.botao {
    text-align: center;
}

#boxFale label.largo {
    width: 160px;
}
#boxFale .inputTextArea {
    width: 405px;
}


/***********************
Tabela
***********************/
table{
	border-collapse: collapse;
	border: 1px solid #CCC;
	color: #000;
	background: #FFF;
	font-size: 10px;
	width: 100%;
	clear:both;
	margin-top:5px;
}
table td, table th {
	border: 1px solid #E0E0E0;
	padding: 5px;
	font-size:1.1em;
}
table th {
	font-weight: bold;
	background: #369;
	color: #FFF;
	text-align:center;
}
table tr.odd	 	{background:#F6F6F6;}

table tr:hover		{background:#E8E8E8;}
table tr.odd:hover	{background:#E8E8E8;}

.centro	{text-align:center;}

/***********************
Mensagem de erro
***********************/
.mensagemErro {
    text-align: center;
    color: red;
}
.mensagemErroIR {
    text-align: center;
    color: red;
    font-size: 1.2em;
}
.mensagemSucesso {
    text-align: center;
    color: green;
}

/***********************
Formularios
***********************/
#formGenerico {
    background-color: #F4F4F4;
    width: 500px;
    margin: 5px auto;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    /*margin-left: 50px;
    margin-right: 50px;*/
}
#formGenerico label {
    display: block;
    float: left;
    font-size: 1.0em;
    margin-right: 2px;
    margin-top: 2px;
    text-align: right;
    width: 110px;
}
#formGenerico textarea {
    width: 360px;
}

#formNoticias {
    background-color: #F4F4F4;
    width: 545px;
    margin: 5px auto;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    /*margin-left: 50px;
    margin-right: 50px;*/
}
#formNoticias label {
    display: block;
    float: left;
    font-size: 1.0em;
    margin-right: 2px;
    margin-top: 2px;
    text-align: right;
    width: 110px;
}

/***********************
Recuperar senha
***********************/
#recoverSenha {
    text-align: center;
}
#recoverSenha p{
    color: #414141;
    font-size: 1.2em;
    margin-bottom: 10px;
}
#recoverSenha p.msgSucesso{
    color: green;
}
#recoverSenha p.msgErro{
    color: red;
}
#recoverSenha form {
    background-color: #F4F4F4;
    margin: 20px 230px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 300px;
}

/***********************
Documentos pdf
***********************/
#prestacaoContas {
	width: 520px;
	float: left;
	margin-top: 5px;
}
#prestacaoContas dl {
	padding: 2px;
	overflow:hidden;
}
#prestacaoContas dt {
	width: 70px;
	font-weight: bold;
	padding:2px;
	text-align:center;
	font-size:1.1em;
	color:#FFF;
	background-color:#002448;
	float:left;
	clear:left;
}
#prestacaoContas dd {
	font-size:1.4em;
        margin-top: 5px;
	margin-bottom: 15px;
	float:left;
	clear:left;
	overflow:hidden;
}
#prestacaoContas dd a {
        background: url("/imagens/pdf_icon.gif") no-repeat scroll left center transparent;
	font-weight: normal;
	color: #333;
	text-decoration: none; 
	padding-left: 20px;
}

/***********************
Documentos pdf (seguroVida)
***********************/
#seguroVidaPdf {
    clear:left;
    overflow:hidden;
}
#seguroVidaPdf a {
    background: url("/imagens/pdf_icon.gif") no-repeat scroll left center transparent;
	font-weight: normal;
	color: #333;
	text-decoration: none; 
	padding-left: 20px;
}

/***********************
Documentos pdf (generico)
***********************/
#arquivoPdf {
    font-size:1.4em;
    margin-top: 5px;
    margin-bottom: 15px;
    /*float:left;*/
    clear:left;
    overflow:hidden;
}
#arquivoPdf a {
        background: url("/imagens/pdf_icon.gif") no-repeat scroll left center transparent;
	font-weight: normal;
	color: #333;
	text-decoration: none; 
	padding-left: 20px;
}

/***********************
Documentos doc (generico)
***********************/
#arquivoDoc {
    font-size:1.4em;
    margin-top: 5px;
    margin-bottom: 15px;
    float:left;
    clear:left;
    overflow:hidden;
}
#arquivoDoc a {
        background: url("/imagens/doc_icon.png") no-repeat scroll left center transparent;
	font-weight: normal;
	color: #333;
	text-decoration: none; 
	padding-left: 20px;
}

/***********************
Documentos Excel (generico)
***********************/
#arquivoExcel {
    font-size:1.4em;
    margin-top: 5px;
    margin-bottom: 15px;
    /*float:left;*/
    clear:left;
    overflow:hidden;
}
#arquivoExcel a {
    background: url("/imagens/excel_icon.png") no-repeat scroll left center transparent;
	font-weight: normal;
	color: #333;
	text-decoration: none; 
	padding-left: 20px;
}

#rodapeSeguroVida p {
	color: #414141;
	margin-bottom: 0px;
	font-weight:none;
	font-size: 1.2em;
	text-align: justify;
}

#id_logo_fast {
	background-image: url("/imagens/logo_fast_site.jpg");
	height: 50px;
	text-indent: -9999px;
	width: 106px;
	display: block;
	float: left;
	margin-left: 20px;
}

#id_logo_electrolux {
	background-image: url("/imagens/electrolux.jpeg");
	height: 80px;
	text-indent: -9999px;
	width: 144px;
	display: block;
	float: left;
	margin-left: 20px;
}

#id_logo_dell {
	background-image: url("/imagens/dell.jpg");
	height: 100px;
	text-indent: -9999px;
	width: 150px;
	display: block;
	float: left;
	margin-left: 20px;
}

.estrutura ul li {
	display: block;
	/*background: url(/imagens/bulletMenu.gif) 0 7px no-repeat;	
	border-bottom: 1px dotted #CCC;	
	color: #666;*/
	font-size: 1.3em;
	text-decoration: none;
	text-align:left;
	/*width: 162px;
	padding: 4px 10px;
	margin: 0 5px;*/
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    text-align: center;
}

.modal-content a {
    float: clear !important;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}