@charset "utf-8";

<!-- &aacute;rea de Login -->
* {
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

input:focus {
	outline: none;
}

html, body {
	height: 100%;
}

h1, h2, h3 {
	margin-bottom: 0px;
	margin-top: 0px;
}

#divLogin #divLogotipo {
	position: absolute;
	width: 510px;
	height: 495px;
	left: 50%;
	margin-left: -248px;
	background-image:url(/admin/imgs/sf/logotipo_index.png);
}

#divLogin #divLogotipovinhasoft {
	position: absolute;
	width: 510px;
	height: 495px;
	left: 50%;
	margin-left: -248px;
	background-repeat:no-repeat;
	background-image:url(/admin/imgs/sf/vinhasoft/logotipo_index.png);
}

#divLogin #divLogotipofocus {
	position: absolute;
	width: 510px;
	height: 495px;
	left: 50%;
	margin-left: -248px;
	background-repeat:no-repeat;
	background-image:url(/admin/imgs/sf/focus/logotipo_index.png);
}

#divLogin #divLogotipoother {
	position: absolute;
	width: 510px;
	height: 495px;
	left: 50%;
	margin-left: -248px;
	background-repeat:no-repeat;
	background-image:url(/admin/imgs/sf/other/logotipo_index.png);
}

#divLogin #divLogotipoinntegra {
	position: absolute;
	width: 510px;
	height: 495px;
	left: 50%;
	margin-left: -248px;
	background-repeat:no-repeat;
	background-image:url(/admin/imgs/sf/inntegra/logotipo_index.png);
}

#divLogin #divLogotipomkdata {
	position: absolute;
	width: 510px;
	height: 495px;
	left: 50%;
	margin-left: -248px;
	background-repeat:no-repeat;
	background-image:url(/admin/imgs/sf/mkdata/logotipo_index.png);
}

#divLogin #divLogotipovlcorrea {
	position: absolute;
	width: 510px;
	height: 495px;
	left: 50%;
	margin-left: -248px;
	background-repeat:no-repeat;
	background-image:url(/admin/imgs/sf/vlcorrea/logotipo_index.png);
}

#divLogin #divLogotiponwsoftware {
	position: absolute;
	width: 510px;
	height: 495px;
	left: 50%;
	margin-left: -248px;
	background-repeat:no-repeat;
	background-image:url(/admin/imgs/sf/nwsoftware/logotipo_index.png);
}

#divLogin #divLogotipomega {
	position: absolute;
	width: 510px;
	height: 495px;
	left: 50%;
	margin-left: -248px;
	background-repeat:no-repeat;
	background-image:url(/admin/imgs/sf/mega/logotipo_index.png);
}

#divLogin #divCNPJ {
	position: absolute;
	width:270px; 
	height:30px; 
	left: 23%;
	top: 48%;
	padding:4px;
	background-repeat:no-repeat;
}

#divLogin #divProduto {
	position: absolute;
	width:270px; 
	height:30px; 
	left: 23%;
	top: 55%;
	padding:4px;
}

#divLogin #divUsuario {
	position: absolute;
	width:270px; 
	height:30px; 
	left: 23%;
	top: 64%;
	padding:4px;
	background-repeat:no-repeat;
}

#divLogin #divSenha {
	position: absolute;
	width:270px; 
	height:30px; 
	left: 23%;
	top: 72%;
	padding:4px;
	background-repeat:no-repeat;
}

#divLogin #divEnviar {
	position: absolute;
	width:78px; 
	height:30px; 
	left:41%;
	top: 80%;
}

#divTeclado {
	position: absolute;
	width:45px;
	height:30px;
	left: 25%;
	top: 87%;
	padding:4px;
	background-image:url(../../../admin/imgs/teclado.png);
	background-repeat:no-repeat;
}

#divTecladoAjuda {
	position: absolute;
	width:200px;
	height:30px;
	left: 36%;
	top: 87%;
	padding:4px;
	background-image:url(../../../admin/imgs/teclado_ajuda.png);
	background-repeat:no-repeat;
}

#divValHTML {
	position: absolute;
	width:100px;
	height:100px;
	left: 30%;
	top: 90%;
}

#divValCSS {
	position: absolute;
	width:100px;
	height:100px;
	left: 50%;
	top: 90%;
}

input.textoPaginaInicial, input.textoPaginaInicialvinhasoft, input.textoPaginaInicialfocus, input.textoPaginaInicialinntegra, input.textoPaginaInicialmkdata, input.textoPaginaInicialvlcorrea, input.textoPaginaInicialnwsoftware, input.textoPaginaInicialmega, input.textoPaginaInicialother {
	width:265px; 
	height:22px; 
	border-width: 0; 
	font-size:18px; 
	text-align:center;
	position: absolute;
}

input.textoPaginaInicial {
	background-image:url(../../../admin/imgs/sf/fcampo.png);
}

input.textoSenha, input.textoSenhavinhasoft, input.textoSenhainntegra, input.textoSenhafocus, input.textoSenhamkdata, input.textoSenhavlcorrea, input.textoSenhanwsoftware, input.textoSenhamega, input.textoSenhaother {
	width:265px; 
	height:22px; 
	outline: none; 
	border-width: 0; 
	font-size:18px; 
	text-align:center;
}

input.textoSenha {
	background-image:url(../../../admin/imgs/sf/fcampo.png);
}

select.cboproduto {
	width:265px; 
	height:30px; 
	outline: none; 
	border-width: 0; 
	font-size:18px; 
	text-align:center;
}

button.btnEnviar {
	width:100%;
	height:100%;
	border:none;
	background-color:transparent;
	background-image:url(../../../admin/imgs/btnEnviar.png);
	background-repeat:no-repeat;
	cursor:pointer;
}


<!-- P&aacute;gina Inicial do Back-Office -->

#divHeaderInicio {
	background-color: #00acba !important; 
	width:auto;
	color: gray;
	float:right;
	position: static;
	margin: 0;
	
}

#divHeaderInicio #divOpcoesHeader {
	position: absolute;
	text-align: right;
	top:10px;
	right: 2px;
	height:95px;
	float: left; 
	color: red;
	margin: 0;
	
}

#divOpcoesHeaderVersao {
	position: absolute;
	top:108px;
	right: 2px;
	height:20px;
	float: left; 
	color: red;
	margin: 0;
	
}

#divHeaderInicio #divSubTitulo {
	position: absolute;
	top:55px;
	float: left; 
	left: 44%;
	width:360px;
	height:30px;
}

#divHeaderInicio #divOpcoesHeader h1 {
	color:#000000;
	text-align:right;
	font-size:14px;
	padding: 2px !important;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
}

#divOpcoesHeaderVersao h2 {
	color:#000000;
	text-align:right;
	font-size:12px;
	padding: 2px !important;
	font-style: italic;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
}

#divRodape {
	position: absolute;
	bottom: 0;
	width:100%;
	background-color:#999;
}

#divRodape #divColuna1Rodape { 
	width: 10%; 
	float: left; 
	height: 23px; 
	background-color:#00bbbf; 
	text-align:left; 
	vertical-align:middle;
	color:#FFF;
}

#divRodape #divColuna2Rodape { 
	width: 30%; 
	float: left; 
	height: 23px; 
	background-color:#00bbbf; 
	text-align:left; 
	vertical-align:middle;
	color:#FFF;
}

#divRodape #divColuna3Rodape { 
	width: 20%; 
	float: left; 
	height: 23px; 
	background-color:#00bbbf; 
	text-align:center; 
	vertical-align:middle;
	color:#FFF; 
	background-repeat:no-repeat;
}

#divRodape #divColuna4Rodape { 
	width: 30%; 
	float: left; 
	height: 23px; 
	background-color:#00bbbf; 
	text-align:right; 
	vertical-align:middle;
	color:#FFF;
}

#divRodape #divColuna5Rodape { 
	width: 10%;
	float: left; 
	height: 23px; 
	background-color:#00bbbf; 
	text-align:right; 
	vertical-align:middle;
	color:#FFF;
}

#divCorpoPrincipal {
	 background-color:#FFF;
	 background-repeat:no-repeat;
	 height:75%;
	
}

#divCorpoPrincipal #divColunaEsquerda {
	height:100%;
	width: 0%;
	float: left; 
	background-color:#ebeae5;
}

#divCorpoPrincipal #divColunaPrincipal {
	height:100%;
	width: 100%;
	float: left; 
	text-align:center;
	background-color:#FFF;
}

#divCorpoPrincipal #divColunaDireita {
	height:100%;
	width: 0%;
	float: left; 
	background-color:#ebeae5;
}

#divCorpoPrincipal #divColunaPrincipal #divSaudacaoPrincial h3{
	text-align:left;
	font-size:15px;
	color:#a1a1a1;
	padding-left:15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#divMenus {
	border-bottom:#000;
	border-bottom-style:solid;
	height:21px;
}

.titulo_menu {
	color:#22c4c8;
	font-size:18px;
	padding: 0px;
	vertical-align:middle;
	text-align: left;
	padding-left:12px;
	font-weight:bold;
}

h2.titulo_menu {
	color:#22c4c8;
	font-size:14px;
	padding: 0px;
	vertical-align:middle;
	text-align: left;
	padding-top: 2px;
	padding-left:12px;
	font-weight:bold;
}

h3.titulo_menu {
	color:#22c4c8;
	font-size:14px;
	padding: 0px;
	vertical-align:middle;
	text-align: left;
	padding-left:36px;
	font-weight:bold;
}

.titulo_menudisabled {
	color:gray;
	font-size:18px;
	padding: 0px;
	vertical-align:middle;
	text-align: left;
	padding-left:12px;
	font-weight:bold;
}

h2.titulo_menudisabled {
	color:gray;
	font-size:14px;
	padding: 0px;
	vertical-align:middle;
	text-align: left;
	padding-top: 2px;
	padding-left:12px;
	font-weight:bold;
}

h3.titulo_menudisabled {
	color:gray;
	font-size:14px;
	padding: 0px;
	vertical-align:middle;
	text-align: left;
	padding-left:36px;
	font-weight:bold;
}

a.linkmenu {
	text-decoration: none;
}

h2.titulo_menu:hover {
	text-decoration: none;
	color:#8d876a !important;
}

h2.titulo_menu:active {
	text-decoration: none;
	color:#EF5323 !important;
	
}

h3.titulo_menu:hover {
	text-decoration: none;
	color:#8d876a !important;
}

h3.titulo_menu:active {
	text-decoration: none;
	color:#EF5323 !important;
	
}

.tabSheet {
	background-color:#e9e7e2;	
	background-attachment: scroll;
	background-clip: border-box;
	background-image: none;	
	background-origin: padding-box;
	
	border-left: none;
	border-top:solid;
	border-right:solid;
	border-bottom:solid;
	
    border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-width: 1px;
	border-bottom-color: #ada994;
	
	font-family:"Calibri", Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#8d876a;
	text-align:center;
	
	height:12px;
	padding:5px;
	padding-left:30px;
	padding-right:30px;
	cursor: pointer;
	float: left;
} 



























#margem {
	width:95%;
	margin:0 auto;
}

#logotipo {
	height:60px;
	width:80px;	
	padding-top:20px;
	text-align:left;
	float:left;
}

#slogan {
	height:60px;
	width:400px;
	padding-top:20px;
	text-align:right;
	float:right;
	font-size: 20px;
	color:silver;
}

#texto_esquerda {
	margin-bottom:10px;
	padding:0px 10px 0px 10px;
	color:white;
	float:left;
}

#texto_direita {
	margin-bottom:10px;
	padding:0px 10px 0px 10px;
	color:white;
	float:right;
}

h1 {
color:#2FA2FF;
font-weight:normal
}

h2 { 
font-size:24px;
color:#0075FF;
font-weight:normal;
}

h3 {
color:#0075FF;
font-weight:normal;
}

h4 {
color:#2FA2FF;
font-weight:normal;
}

p {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#6F6F6F;
}

a {
color:#0075FF;
}

a:hover {
	text-decoration:none;
	color: gray;
}

#topnavi {
height:62px;
width:900px;
background-image:url(/admin/imgs/topnav.png);
background-repeat:no-repeat;
}

#navwidth {
width:700px;
float:left;
}

#search form {
padding-top:3px;
}

#header {
height:200px;
background-image:url(/admin/imgs/header.png);
background-repeat:no-repeat;
}

#leftsidebar {
width:300px;
float:left;
margin-top:20px;
}

#vertikalnav {
  width: 300px;
  padding: 10px 0px 20px 0;
}

#vertikalnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#vertikalnav li { margin-top: 2px;}

#vertikalnav li a {
  display: block;
  height: 14px;
  color: #6F6F6F;
  background-image:url(../../imgs/navleft.png);
  background-repeat:no-repeat; 
  text-decoration: none;
  padding: 10px 0px 14px 35px;
  border:1px solid silver;
}

#vertikalnav li a:hover { background-color: #dddfe3;}


#content {
width:550px;
float:right;
margin-top:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#6F6F6F;
}

.pcontent {
padding: 5px 0 15px 5px;
border-bottom:1px solid silver;
}

.readmore a{
color:#0075FF;
margin-top:10px;
display:block;
position:relative
}

#contentbottomleft {
width:400px;
float:left;

}

#contentbottomleft h2 {
color:#2FA2FF;
}

#contentbottomright {
width:400px;
float:right;
}

#contentbottomright h2 {
color:#2FA2FF;
}

#footer {
color:gray;
margin-top:20px;
}

#footer a {
color:gray;
width:100%;
height:100%;

}

#end {
height:30px;
}