﻿/* DEFAUTS
----------------------------------------------------------*/
@font-face {
	font-family: "Segoe UI";
	src: url("/Css/segoeui.ttf");
	}
	
body { font-size: .80em; font-family: Segoe UI, 'Trebuchet MS', sans-serif; margin: 0px; padding: 0px; color: #696969;}
.topo {width: 100%;}
.bgMenu {background-color:#0f1c2d; width:100%; height:40px; position:absolute; z-index:9999; margin-top:0px;}
.Menu {width:980px; height:40px;  z-index:9999; position:absolute; left: 50%; margin-left: -490px;  margin-top:-11px;}
.LogoSocopa {padding-top:11px; vertical-align:top;}
a:link, a:visited {	text-decoration: none; color: #696969;}
a:hover {text-decoration: underline; color: #0f1c2d;}
a:active {text-decoration: none}

/* INTERNET BANKING - ACESSO
----------------------------------------------------------*/
.bg-internet-banking{
	width: 100%;
    background-color: #0f1c2d;
}

.bg-internet-banking table{
    width: 980px;
	height: 38px;
    border-collapse: collapse;
    margin: auto;
}

.bg-internet-banking table tr td{
	float: left;
    width: 150px;
    margin-top: 11px;
    margin-bottom: 10px;
}

.bg-internet-banking table tr td h4{
	color: #fff;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    font-family: "Trebuchet MS";
    float: left;
    margin-top: 1px;
}

.bg-internet-banking table tr td img{
	float: left;
    margin-right: 8px;
}

.btn-acessar{
	background-color: #58bbff;
    color: #fff!important;
    padding: 7px 15px;
    margin: 0;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    font-weight: bold;
    font-family: "Trebuchet MS";
    position: relative;
    bottom: 2px;
	transition: 0.2s;
}

.btn-acessar:hover{
	background-color: #3686bd;
	text-decoration: none;
}

#col-2-banking{
	padding-right: 12px;
    border-right: 1px solid #fff;
    width: 75px;
}

#col-3-banking a{
	text-align: center;
    color: #fff!important;
    font-weight: bold;
    font-family: "Trebuchet MS";
    font-size: 12px;
    width: 100px;
    text-decoration: underline;
    margin-left: 20px;
	transition: 0.2s;
}

#col-3-banking a:hover{
	color: #58bbff!important;
}

#col-4-banking a{
	text-align: center;
    color: #fff!important;
    font-weight: bold;
    font-family: "Trebuchet MS";
    font-size: 12px;
    width: 100px;
    text-decoration: underline;
	transition: 0.2s;
}
#col-4-banking a:hover{
	color: #58bbff!important;
}

/* HOME
----------------------------------------------------------*/
.bloco_Titulo {padding-left:15px; color:#0f1c2d; font-size:18px; font-weight:bold;}
.bloco_Texto {padding:15px; vertical-align:top;}
.bloco_TextoP {vertical-align:top; font-size: .80em;}

.bloco_Comunicados {color:#7badd2; text-transform:uppercase;}
.bloco_Comunicados2 {color:#CC0000; text-transform:uppercase;}


.rodape, .rodape a:link, .rodape a:hover, .rodape a:active, .rodape a:visited {color: #888; text-align: left; font-size: 12px; position: relative; width: 100%;}
.rodape_Tabela { width: 980px; padding-bottom: 20px;}
.rodapeEN_Tabela {padding-bottom: 20px;}


/* CONTEÚDO
----------------------------------------------------------*/

.conteudo_Tabela { width:980px;}
.conteudo_Bread { vertical-align:top; font-size: .90em; color:#999999;}
.conteudo_Titulo { vertical-align:top; font-size: 30px; color:#0f1c2d;}
.conteudo_Subtitulo { color:#0f1c2d; font-size:18px; font-weight:bold; }
.conteudo_Subtitulo2 { color:#0f1c2d; font-size:18px; }

.tabela_Padrao {width:80%; border:1; border-color:#cccccc;} /* Para conteúdo extreito */
.tabela_Padrao2 {width:90%; border:1; border-color:#666666;} /* Para conteúdo largos */
.tabela_Padrao3 {width:100%; border:1; border-color:#666666;} /* Para conteúdo pequeno e largo */
.tabela_Titulo {background-color:#0f1c2d; color:#ffffff; height:25px; text-align:center;}
.tabela_SubTitulo {background-color:#8a97a8; color:#ffffff; height:25px; text-align:center;}
.tabela_Linha1 {background-color:#f3f4f5; padding-left:10px;}
.tabela_Linha2 {background-color:#eeeeee; padding-left:10px;}
.tabela_Linha3 {background-color:#0f1c2d; padding:5px; color:#ffffff; text-align:center;}
.tabela_Linha4 {background-color:#f3f4f5; padding:5px;}

.textoCinza { color:#CCCCCC; font-size:13px; }

/* MENU
----------------------------------------------------------*/
.menu_Topo { background-color:#0f1c2d; color:#ffffff; text-transform:uppercase; padding:5px; padding-left:8px;}
.menu_Link, .menu_Link a:link, .menu_Link a:visited, .menu_Link a:hover, .menu_Link a:active { background-color:#f3f4f5; color:#666666; padding:3px;}
.menu_Link a:hover {color:#666666; padding:3px;}
.menu_SubLink { background-color:#fafbfb; color:#999999; padding:3px; padding-left:20px;}

/* Menu Interno */
#menubv { width: 90%; padding: 0; margin: 0;}
#menubv ul {list-style: none; margin: 0;padding: 0px;}
#menubv li {border-bottom: 1px solid #FFFFFF;margin: 0;}
#menubv li a {display: block; padding: 5px 5px 5px 0.5em; background-color: #f3f4f5; color: #333333; text-decoration: none;}
#menubv li a:hover { background-color:#8a97a8; color: #ffffff;}
#menubv ul ul li { background-color:#CC0000; color: #ffffff;}



/* Fix IE. Hide from IE Mac \*/
* html ul#menubv  li { float: left; height: 1%; }
* html ul#menubv  li a { height: 1%; }
/* End */
/* Fim Menu */

