/*****************************************************************************/
/*******    Responsável: Adriano Pulz                          ***************/
/*******    Telefone: (84) 3207-1303 - Ramal: 217              ***************/
/*******    Desenvolvimento: Interativa Publicidade Digital    ***************/
/*****************************************************************************/


/***********************************************************************************************/
/********************************* CONFIGURAÇÕES INICIAIS **************************************/
/***********************************************************************************************/

@import "reset.css"; /* css reset */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: justify;
	background: #fff;
}

div.linha { /* linha horizontal */
width:752px;
height:16px;
background:url(../pics/boxprincipal_linha.jpg) no-repeat;
clear:both;
}
.clear { clear:both; }
a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none;}
a:hover {color: #666666;}
a.logout {text-decoration:underline; color:#0066CC;}
a.download {text-decoration:underline; color:#FFCC00;}
a:hover.download {color:#CC0000;}

/***********************************************************************************************/
/************************************* ESTRUTURA DO SITE ***************************************/
/***********************************************************************************************/

#boxDownload {
	position:absolute;
	width:301px;
	height:164px;
	margin:-82px 0 0 -150.5px;
	left:50%; top:50%;
	background:url(../pics/box_download.jpg);
	z-index:300;
	display:none;
}

#boxDownload .imgAutenticacao{position:absolute; margin:90px 0 0 35px;}
#boxDownload .btIniciar{position:absolute; margin:123px 0 0 150px;}
#boxDownload p{position:absolute; margin:80px 0 0 160px; color:#fff; width:130px; text-align:left;}

#boxUp {
	position:absolute;
	width:301px;
	height:164px;
	margin:-82px 0 0 -150.5px;
	left:50%; top:50%;
	z-index:300;
	display:none;
}
#boxUp p{text-align:center;color:#fff;font-weight:bold;}
#boxUp img {
margin:20px 0 0 100px;
}

#cinza {
position:absolute; 
margin:0; 
padding:0;	
left:0;	
filter:alpha(opacity=75); 
-moz-opacity:0.75; 
opacity:0.675; 
z-index:250; 
display:none; 
background:#000;
}

#site {
	width: 1003px;
	/*height: 580px;*/
	background: #fff;
	margin: 0 auto;
}

#top {
	width: 1003px;
	height: 106px;
	background: url(../pics/top.jpg);
}
#top #menu{width:680px; height:34px; margin:60px 0 0 40px; display:table;}
#top #menu img{float:left;}
#menu ul li {
text-align:center;
padding-top:6px;
float:left;
width:116px;
height:34px;
background:url(../pics/bt.gif) no-repeat;
}
#menu ul li a {
font:18px Trebuchet MS, verdana;
color:#fff;
text-transform:uppercase;
}
#menu ul li a:hover { color:#549db9; }


#meio {
	position:relative;
	width: 1003px;
	/*height: 434px;*/
	background: #fff;
}
/*#site > #meio {height:auto; min-height:434px;}*/
#meio #usuarioLogado {width:350px; height:15px; position:absolute; right:10px; text-align:right;}
#meio #boxPrincipal {width:752px; /*height:328px;*/ position:relative; top:53px; margin-bottom:53px;left:125.5px;}
/*#meio > #boxPrincipal {height:auto; min-height:328px;}*/
#boxPrincipal #boxPrincipal_top {width:752px; height:9px;}
#boxPrincipal #boxPrincipal_conteudo {padding-top:10px;width:752px; /*height:305px;*/ background:url(../pics/boxprincipal_bg.jpg);}
/*#boxPrincipal > #boxPrincipal_conteudo {height:auto; min-height:305px;} /* Para IE7 e FireFox */
#boxPrincipal #boxPrincipal_rodape {width:752px; height:14px; background:url(../pics/boxprincipal_rodape.jpg) no-repeat; clear:both;}
#boxPrincipal_conteudo ul#caption {
width:752px;
height:43px;
background:url(../pics/top_downloads.jpg) no-repeat;
}
#boxPrincipal_conteudo ul#caption li {
display:inline;
float:left;
font-size:14px;
font-weight:bold;
color:#fff;
margin-top:13px;
}
ul#caption li.col01 {margin-left:25px;}
ul#caption li.col02 {margin-left:24px;}
ul#caption li.col03 {margin-left:448px;}

#rodape {
float:left;
margin-top:50px;
width: 1003px;
height: 52px;
background: url(../pics/rodape.jpg);
clear:both;
}

/***********************************************************************************************/
/************************************* ESTRUTURA INTERNA ***************************************/
/***********************************************************************************************/

/**** Downloads ***/
#listagem, #listagem02 {
	width: 716px;
	margin-left: 14px;
}
#listagem02 ul#downloads li {
float:left;
margin-left:6px;
display:inline;
}

#listagem ul {list-style:none;}
#listagem ul li {height:25px; color:#333333; margin-bottom:-1px;}
#listagem > ul li {margin-bottom:1px;}/* Magin para o FireFox */
#listagem > ul li {*margin-bottom:-1px;}/* Margin para IE7*/
#listagem .coluna1 {width:26px; height:25px; border-right: 1px solid #e5e5e5; float:left;}
#listagem .coluna2 {width:30px; height:25px; border-right: 1px solid #e5e5e5; float:left; text-align:center;}
#listagem .coluna2 span {display:block;margin-top:6px;}
#listagem .coluna3 {width:544px; height:18px; border-right: 1px solid #e5e5e5; padding:7px 0 0 5px; float:left;}
#listagem .coluna4 {width:103px; height:18px; padding:7px 0 0 5px; float:left;}

#listagem .coluna12 {width:26px; height:25px; border-right: 1px solid #e5e5e5; float:left;}
#listagem .coluna22 {width:30px; height:25px; border-right: 1px solid #e5e5e5; float:left; text-align:center;}
#listagem .coluna22 span {display:block;margin-top:6px;}
#listagem .coluna32 {width:544px; height:18px; border-right: 1px solid #e5e5e5; padding:7px 0 0 5px; float:left;}
#listagem .coluna42 {width:103px; height:18px; padding:7px 0 0 5px; float:left;}


#listagem .checkbox_down {margin:7px 0 0 8px; width:11px; height:11px;}
#listagem .btContinuar {margin:20px 0 15px 620px; display:inline;}
#listagem p {margin:5px 0 0 7px;}

/*** Uploads ***/
#topUpload {width: 752px;}
.imgMais{float:left; margin:4px 0 0 14px;}
.imgMenos{float:left; margin:4px 0 0 3px;}
.imgs{float:left; margin-left:5px;}
#clienteUploads {
float:left;
width: 716px;
margin: 15px 0 0 16px;
clear: both;
}
#clienteUploads:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:1px;
}
#clienteUploads #abaCliente {width:80px; height:20px; float:left; background:#d2d4d4; text-align:center; padding-top:8px; font-weight:bold;}
#clienteUploads #abaListaCliente {width:614px; height:60px; float:left; margin-left:2px; background:#d2d4d4; padding:10px;}
#clienteUploads > #abaListaCliente {height:auto; min-height:60px;}
#abaListaCliente ul {float:left; margin-left:10px;}

/*** Login ***/
#boxLogin {
	position:relative;
	width:346px;
	height:157px;
	background:url(../pics/boxlogin_bg.jpg);
	margin: 50px auto;
}
#boxLogin .bt_entrar{
	position: absolute;
	margin:112px 0 0 230px;
}
a.lembrete {
position:absolute;
left:10px;
bottom:28px;
}
a.lembrete:hover {text-decoration:underline !important;}

/*** Cadastros ***/
#boxCadastro {
	position:relative;
	top:50px;
	width:350px;
	height:267px;
	margin:0 auto 50px auto;
	background:url(../pics/boxcadastro_bg.jpg);
}

.bt_cadastro {
	position:absolute;
	margin: 227px 0 0 215px;
}

/*** Diretorios ***/
#boxDir {
	position:relative;
	top:50px;
	width:350px;
	height:267px;
	margin:0 auto 50px auto;
	background:url(../pics/boxdir_bg.jpg);
	background-repeat:no-repeat;
}
#boxDir .bt_criar{
	position: absolute;
	margin:112px 0 0 230px;
}
#boxDir .bt_excluir{
	position: absolute;
	margin:112px 0 0 30px;
}
/***********************************************************************************************/
/***************************************** FORMULÁRIOS *****************************************/
/***********************************************************************************************/

/*** Login ***/
.campoLogin {width:199px; height:14px; position:absolute; margin:29px 0 0 96px; border:none; background:#fff; font-family:Verdana; font-size:10px;}
.campoSenha {width:199px; height:14px; position:absolute; margin:70px 0 0 96px; border:none; background:#fff; font-family:Verdana; font-size:10px;}

/*** Cadastros ***/
.imput_cadastro {position:absolute;	margin: 26px 0 0 186px;	width: 116px; height: 18px;	font-family: Verdana; font-size: 10px;}
.campo_nome_cadastro  {position:absolute; margin:68px 0 0 97px; width:201px; height:15px; border:none; background:#fff; font-family:Verdana; font-size:10px;}
.campo_login_cadastro {position:absolute; margin:109px 0 0 97px; width:201px; height:15px; border:none; background:#fff; font-family:Verdana; font-size:10px;}
.campo_senha_cadastro {position:absolute; margin:149px 0 0 97px; width:201px; height:15px; border:none; background:#fff; font-family:Verdana; font-size:10px;}
.campo_email_cadastro {position:absolute; margin:188px 0 0 97px; width:201px; height:15px; border:none; background:#fff; font-family:Verdana; font-size:10px;}
.checkbox {width:11px; height:11px;}

/*** Downloads ***/
.campoDownload{width:107px;	height:17px; position:absolute; margin:124px 0 0 23px; background:#fff; border:none; font-family:Verdana; font-size:10px; padding-left:3px;}

.file {height:22px;	float:left;	margin: 10px 0 0 14px;}
.campoDescricao {width:380px; height:16px; float:left; margin: 10px 0 0 5px;}
.txtDescricao {float:left; margin: 15px 0 0 8px; font-weight:bold;}

/********************************************************************************************/
/************************************* IMAGENS PNG ******************************************/
/********************************************************************************************/

* html img {
	filter:expression(this.alphaxLoaded ? "" :(this.src.substr(this.src.length-4)==".png"?((!this.complete)? "" : this.runtimeStyle.filter=("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+String(this.alphaxLoaded=true).substr(0,0)+(this.src="pics/blank.gif").substr(0,0)):this.runtimeStyle.filter=""));
}