@charset "UTF-8";

/********************************* CSS RESET *********************************/

*{
    margin: 0;
    padding: 0;
	border: 0;
	text-decoration: none;
	list-style: none;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select{
	font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
	padding: 1px;
	border:1px solid #CDD2D6 !important; 
	
	background-color:#fff;
	
	/* Borda Redonda */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

input[type='button'], input[type='submit'], input[type='button'], input[type='radio'], input[type='checkbox']
{
	background-color:#f0f0f0;
}

h2{
	font-size:20px;
}
h4{
	font-size:13px;
}

a:visited{
	color:#000;
}

/*****************************************************************************/


html{
	background-color:#DADDDE;
	height:100%;
	font-family:Verdana;
}

	body{
		min-width:800px;
		width:80%;
		height:100%;
		margin:auto;
		overflow: auto !important;
	}
	
	.wait{
		cursor: wait !important;
	}
	
	/* - cabecalho - */
	#cabecalho{
		background-image:url('imagens/cabecalho_fundo.jpg');
		height:70px;
		width:100%;
	}
	#cabecalho1{
		background-image:url('imagens/cabecalho1.jpg');
		height:70px;
		float: left;
		width:535px;
	}
	#cabecalho2{
		background-image:url('imagens/cabecalho2.jpg');
		height:70px;
		float: right;
		width:265px;
	}
	
	#barra{
		background-color:#7670B4;
		height:24px;
		color: #fff;
		font-weight:bold;
		padding: 0 1em;
	}
	
	/* - Página - */
	.wrapper{
		width:100%;
		height:100%;
	}
	.page{
		background-color:#000;
		/*background-repeat:none;*/
	}
	.content{
		background-color:#FFF;
		padding-top:1px;
	}
	.colHolder{
		padding:5px;
		width:60%;
		margin:auto;
	}
	
	.colEsquerda{
		display:block;
		float:left;
		width:50%;
	}
	
	.colDireita{
		display:block;
		float:right;
		max-width:50%;
		text-align:right;
	}
	
		
	.line{
		display:block;
		height:23px;
		margin-bottom:2px;
		width:100%;
		font-size:1.17em;
		font-weight:bold;
	}
	.error, .error-pedido, .error-senha{
		color:#f00;
		text-align:center;
		padding:5px 0;
		margin: 5px auto;
		width:100%;
		background-color:#FAFF86;
		display:none;
	}
	.error-pedido .warn, .error-senha .warn{
		display:block;
	}
	
	.open-me{
		color:#FFF;
		background-color:#545296;
		margin-top:5px;
		padding:5px;
        cursor:default;
	}

    .open-me.click{
        cursor:pointer;
    }

	.open-me:active{
		background-color:#CFCBE6 !important;
		color:#000;
	}
	.open-me:hover{
		background-color:#7670B4;
	}
	
	.open-me:hover+div .below-open{
		background-color:#7670B4;
	}

    .open-me.indisponivel{
        background-color:#CFCBE6;
        color:#000;
    }

    .open-me.indisponivel:hover{
        background-color:#DADDDE;
    }

    .indisInfo{
        border-bottom: 1px #000 dashed;
        cursor: help;
    }


	.button{
		cursor:pointer;
		margin:auto;
		border:1px solid #cdd2d6;
		background-color:#f0f0f0;
		display:block;
		width:70px;
		padding:2px;
		text-align:center;
	}
	.button:active{
		background-color:#CFCBE6 !important;
		color:#000;
	}
	.a:hover{
		text-decoration:underline;
		cursor:pointer;
	}
	.troca{
		display:none;
	}
	h4.troca, ob.troca{
		display:inline-block;
	}
	ob.troca{
		width: 1px;
		margin: 0 0 -3px 8px;
	}	
	#menu{
		background-color:#CFCBE6;
		width:100%;
		font-size:16px;
	}
	
	#menu ul{
		margin:0;
		padding: 0 3em; 
		height:48px;
	}
	
	#menu li{
		display:inline-block;
		padding:14px;
		cursor:pointer;
		margin-right:1px;
		float:left;
		transition: 0.3s 0.1s linear;
	}
	
	#suporteremoto li{
		padding-top:4.5px !important;
		padding-bottom:4.5px !important;
	}
	
	#menu li:hover{
		background-color:#7670B4;
		color:#FFF;
	}
	
	#menu li.selected{
		background-color:#7670B4;
		cursor:default;
		color:#FFF;
	}
	
	.menu-barra{
		display: inline-block;
		width: 1px;
		height: 40px;
		background-color: #9F9BCA;
		float: left;
		margin-top: 4.5px;		
	}
		
	.content .page-show{
		height:100%;
	}

		
	
	#overlay{
		height:100%;
		width:100%;
		background:url("imagens/back-pixel.png");
		position:absolute;
		top: 0px;
		left: 0px;
		display:none;
		cursor:pointer;
		overflow:auto;
		z-index:99;
	}
	#overlay *{
		cursor:default;
	}
	
	#home-image{
		width: 600px;
		margin: -125px auto 0 auto;
		height: 250px !important;
		background-image:url('imagens/mb-logo.png');
		background-color:#FFF;
		transition: background 0.8s linear;
		-moz-transition: background 0.8s linear;
		position:relative;
	}
	
	#home ul{
		padding: 0;
	}
	
	#sobre h2, #sobre h3, #suporte_remoto h2, #suporte_remoto h3, #contato, #produtos, #login, #ftp{
		padding: 10px 2em 0 2em;
	}
	
	#sobre p, #suporte_remoto p{
		text-align:justify;
		padding: 0 15px;
	}
	#produtos li{
		list-style:disc;
	}
	#programas{
		min-width:481px;
	}
	#menu-programas {
		text-align:center;
		background-color:#CFCBE6;
				margin:20px -26px 0 0;
				height:30px;
	}
	#menu-programas ul{
		display:inline-block;
	}
	#menu-programas li{
		list-style:none;
		display:inline-block;
		float:left;
		padding:7px;
		margin: 0 1px -3px 0;
		font-size: 13px;
		height:16px;
		transition: 0.3s 0.1s linear;
	}
	#menu-programas li:hover{
		cursor:pointer;
		color:#FFF;
		background-color:#7670B4;
	}
	#menu-programas .selected{
		background-color:#7670B4;
		color:#FFF;
	}
	#menu-programas .selected:hover{
		cursor:default;
	}	
	.menu-barra-pr{
		display: inline-block;
		width: 1px;
		height: 24px;
		background-color: #9F9BCA;
		float: left;
		margin-top: 2.5px;		
	}
	
	.programa{
		width:100%;
	}
	.programa ul{
		padding-left:20px;
	}
	.prv-img{
		overflow:auto;
	}
	.prv-img img{
		margin: 0 1px;
		width:100px;
		float:left;
		cursor:pointer;
		-webkit-filter: grayscale(100%); /* Chrome */
		-webkit-filter: grayscale(1); /* Chrome - Old */
		-moz-filter: grayscale(100%); /* Firefox */
		filter: url(bw.svg#greyscale); /* Firefox - Old */
		filter: grayscale(100%); /* Resto */
		filter: gray; /* IE */
	}
	.prv-img img:hover{
		filter:none;
		-webkit-filter:none;
		-moz-filter:none;
	}
	.prv-img img.sel-img{
		filter:none;
		-webkit-filter:none;
		-moz-filter:none;
		border:1px #000 solid;
	}

	#downloads #frame{
		height:100%;
	}
	.selected #logado{
		font-size: 9px;
		margin-top: 0;
		display: block;
	}
	#logado{
		font-size: 9px;
		margin-top: -7px;
		display: block;
	}
    #printOverlay{
        height:100%;
        width:100%;
        background:url("imagens/back-pixel.png");
        position:fixed;
        top: 0px;
        left: 0px;
        display:none;
        cursor:pointer;
        z-index:99;
    }
    #printDisplay{
        max-height:842px;
        max-width:700px;
        padding:15px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -ms-border-radius:5px;
        border-radius:5px;
        background-color:#FFF;
        top:50%;
        left:50%;
        margin: -421px 0 0 -350px;
        position:relative;
        cursor:default;
		overflow:auto;
    }
    #printButton{
        margin: 0 auto 15px auto;
        display: block;
        padding: 5px;
        font-size: 16px;
        font-weight: bold;
    }
    #printPage{
        margin:auto;
        max-height:842px;
    }
    #printPage table{
        width:666px;
        margin:auto;
    }
    #printPage table table{
        width:180px;
        margin:auto;
    }
    #printPage h3{
        width:666px;
        margin:auto;
        text-align:center;
        margin-bottom:5px;
    }
	.submitter{
		width:60%;
		margin:auto;
		display:block;
		height:25px;
		cursor: pointer;
	}
	#login-form{
		max-width:500px;
		margin: auto;
	}
	#user-page{
		width:85%;
		margin: auto;
		display:block;
		height:100%;
		font-family:sans-serif;
		overflow:auto;
	}
	#user-page a:hover, #user-page a:hover *{
		text-decoration: none !important;
	}
    #loginPublico{
        text-align:center;
    }
    #loginPublico p{
        border:1px #545296 solid;
        background-color:#CFCBE6;
        display:inline-block;
        padding:5px;
    }
    .loginPublico{
        color:#000;
        border:1px #545296 solid;
        background-color:#CFCBE6;
        text-align:center;
        padding:5px 0;
        margin: 5px auto;
        width:100%;
        display:none;
    }
	.below-open{
		background-color:#545296;
		padding:5px;
	}
	#senhas table, #senhas-holder, #boletos table{
		width:100%;
	}
		
	#senhas table td, #boletos table td{
		border:1px solid #000;
		padding: 5px;
		font-size:11px;
		background-color:#FFF;
		text-align:right;
	}
	table .title td{
		text-align:left !important;
	}
    #printPage td.fill{
        min-width: 10px;
    }
	#senhas table td.fill{
		min-width: 2px;
		background-color:#545296;
		border: 1px solid #545296;
	}
	.open-me:hover+div .below-open td.fill{
		background-color:#7670B4 !important;
	}
	.res-info{
		color:#FFF;
		text-align:center;
		display:block;
		font-weight:bold;
	}
	
	#erroCURL{
		display:block !important;
	}
	#downUrlError{
		cursor:pointer;
		display:block;
		margin:auto;
		text-align:center;
	}
	#downUrlError:hover{
		text-decoration:underline;
	}
	
/*** --- ### PEDIDO HK ### --- ***/
	#pedidos-holder #pedido-form{
		background-color:#FFF;
		padding:15px;
		display:block;
	}
	#pedidos-holder #pedido-form form{
		min-width:500px;
		max-width:600px;
		margin:auto;
	}
	#pedidos-holder #pedido-form form input, #pedidos-holder #pedido-form form select{
		font-weight:normal;
	}
	#pedidos-holder .colEsquerda{
		width: 40%;
	}
	#pedidos-holder .colDireita{
		width: 60%;
	}
	#pedidos-holder h3{
		height:23px;
		margin-bottom:4px;
	}
		#pedidos-holder hr{
			height:1px;
			display:block;
			background-color: #000;
			margin: 15px 0;
		}
		.line{
			display:block;
			height:23px;
		}
		ob{
			visibility:hidden;
			width:0;
		}
		ob:after{
			visibility:visible;
			content:'*';
			color:#f00;
			float:left;
			margin-top:-24px;
			margin-left:-8px;
		}
		/* - Dados Pedido -*/

			#dadosPedido{
				height:198px;
			}
			
			#dadosPedido .line{
				margin-bottom:4px;
			}
			
			#dadosPedido textarea{
				resize:none;
			}

		/* - Dados Usuario -*/

			#dadosUsuario{
				height:420px;
			}
			
			#dadosUsuario h4{
				height:20px;
				padding-bottom: 5px;
			}
			#dadosUsuario h3{
				margin-top:-3px;
				padding-bottom: 3px;
			}
			
			#dadosUsuario .line-header{
				height:23px;
			}
			
			#dadosUsuario .colDireita input,#dadosUsuario .colDireita select{
				width:100%;
			}
			
		/* - nHKs - */
			#nHKs input{
				width:80px;
				margin-top:5px;
				margin-right:-5px;
			}
			#nHKs h2{
				display:inline;
			}
			
		/* - HKs - */

			#tableHK{
				height: 362px;
			}
			#HKs{
				height:362px;
				max-width:469px;
				overflow-x:auto;
				overflow-y:hidden;
				display:inline-block;
				float:left;
			}
			#configHK, #configTitulo{
				display:inline-block;
			}
			#configTitulo{
				width:120px;
				float:left;
			}
			#configTitulo td{
				width:120px;
			}
			#configHK td, #configTitulo td {
				height:23px;
			}
			#configHK  input[name='ger_pocket']{
				width:72px;
			}
			#configHK tr[campo='titulo'], #configTitulo tr[campo='titulo']{
				color:#FFF;
				background-color:#545296;
				text-align:center;
				font-weight:bold;
			}
			
			#configHK .hk{
				text-align:center;
			}
			
			#configHK .td-impar{
				background-color:#CFCBE6;
			}
			
			#configHK tr[campo='titulo'] .td-impar{
				background-color:#7670B4;
			}
		/* - ok - */
			#ok{
				color:#FFF;
				background-color:#545296;
				padding:10px 10px;
				width:100%;
				cursor:pointer;
				
				/* Borda Redonda */
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
			
			#ok:active{
				background-color:#222;
				margin-top:1px;
			}
			
/***---###---***/

	#fundoAltSenha, #fundoSenhaECF{
		background-color:#FFF;
		display:block;
		padding:15px;
	}
	#login-holder form{
		min-width: 500px;
		max-width: 600px;
		margin:auto;
		height:115px;
	}
	#login-holder .colEsquerda{
		width:40%;
	}
	#login-holder .colEsquerda label, #login-holder .colDireita input{
		display:block;
		margin-bottom: 2px;
		width:100%;
	}
	#login-holder .colEsquerda label{
		height:16px;
		padding-top:8px;
	}
	#login-holder .colDireita input{
		height:20px;
	}
	#login-holder .colDireita{
		width:60%;
	}
	#login-holder .ok{
		width:200px;
		padding: 2px;
		color:#FFF;
		background-color:#545296;
		margin: 75px auto 0 auto;
		display:block;
	}
	
	
/****--------------------------------------------------------------------------------------------------------****/
/* 												CSS CookieMessage                         										 */
/****--------------------------------------------------------------------------------------------------------****/

.CookieMessage {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   background: #CFCBE6;
   z-index: 999;
   display: none;
}
  
.CookieMessage-content {
   color: black;
   max-width: 900px;
   margin: 0 auto;
   padding: 20px 20px 0 20px;
   font-family: sans-serif;
   line-height: 1.5;
   font-size: 16px;

}
	
/****--------------------------------------------------------------------------------------------------------****/
/* 												CSS da página Download											*/
/****--------------------------------------------------------------------------------------------------------****/

/* General styles */

BODY {
	font-family:Verdana;
	font-size:small;
}

A {
	color: #000000;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

#top {
	width:100%;
	padding-bottom: 20px;
}

#top a span, #top a:hover, #top a span:hover{
	color:#68a9d2;
	font-weight:bold;
	text-align:center;
	font-size:large;
}

#top a {
	display:block;
	padding:20px 0 0 0;
}

#top span {
	display:block;
}

div.subtitle{
	width:80%;
	margin: 0 auto;
	color:#68a9d2;
	text-align:center;
}

#frame {
	border: 1px solid #CDD2D6;
	text-align:left;
	position: relative;
	margin: 0 auto;
	max-width:680px;
	overflow:hidden;
}

#error {
	max-width:450px;
	background-color:#FFE4E1;
	color:#000000;
	padding:7pt;
	position: relative;
	margin: 10pt auto;
	text-align:center;
	border: 1px dotted #CDD2D6;
}

input {
	border: 1px solid #CDD2D6;
}

.bar{
	width:100%;
	clear:both;
	height:1px;
}

/* File list */

table.table {
	width:100%;
	border-collapse: collapse;
}

table.table td{
	padding:3px;
}

table.table tr.row.two {
	background-color:#fcfdfe;
}

table.table tr.row.one {
	background-color:#f8f9fa;
}

table.table tr.row td.icon {
	width:25px;
	padding-top:3px;
	padding-bottom:1px;
}

table.table td.del {
	width:25px;
}

table.table tr.row td.size {
	width: 100px;
	text-align: right;
}

table.table tr.row td.changed {
	width: 150px;
	text-align: center;
}

table.table tr.header img {
	vertical-align:bottom;
}

table img{
	border:0;
}

/* Info area */

#info {
	color:#000000;
	font-family:Verdana;
	max-width:680px;
	position: relative;
	margin: 0 auto;
	text-align:center;
}

/* Thumbnail area */

#thumb {
	position:absolute;
	border: 1px solid #CDD2D6;
	background:#f8f9fa;
	display:none;
	padding:3px;
}

#thumb img {
	display:block;
}

/* Login bar (at the bottom of the page) */
#login_bar {
	margin: 0 auto;
	margin-top:2px;
	max-width:680px;
}

#login_bar input.submit{
	float:right;
}

/* Upload area */

#upload {
	margin: 0 auto;
	margin-top:2px;
	max-width:680px;
}

#upload #password_container {
	margin-right:20px;
}

#upload #newdir_container, #upload #password_container {
	float:left;
}

#upload #upload_container{
	float:right;
}

#upload input.upload_dirname, #upload input.upload_password{
	width:140px;
}

#upload input.upload_file{
	font-size:small;
}

/* Breadcrumbs */

div.breadcrumbs {
	display:block;
	padding:1px 3px;
	color:#cccccc;
	font-size:x-small;
}

div.breadcrumbs a{
	display:inline-block;
	color:#cccccc;
	padding:2px 0;
	font-size:small;
}


/* Mobile interface */

body.mobile #frame, body.mobile #info, body.mobile #upload {
	max-width:none;
}

body.mobile {
	font-size:medium;
}

body.mobile a.item {
	display:block;
	padding:10px 0;
}

body.mobile a.item span.size {
	float:right;
	margin-left:10px;
}

body.mobile table.table {
	margin-bottom:30px;
}

body.mobile table.table tr td {
	border-top: 1px solid #CDD2D6;
}

body.mobile table.table tr.last td {
	border-bottom: 1px solid #CDD2D6;
}

body.mobile #top {
	padding-bottom:3px;
}

body.mobile #top a {
	padding-top:3px;
}

body.mobile #upload #password_container, body.mobile #upload #upload_container, body.mobile #upload #newdir_container {
	float:none;
	margin-top:5px;
}

body.mobile #upload input.upload_dirname, body.mobile #upload input.upload_password{
	width:240px;
}

body.mobile #upload {
	margin-bottom:15px;
}

@media print{
    .no-print{
        display: none;
    }
    .print, #print{
        display: block !important;
    }
    html, body, #printOverlay, #printDisplay, #printPage{
        margin:0 !important;
        padding:0 !important;
        top:0 !important;
        left:0 !important;
        overflow:visible !important;
        height:100% !important;
        max-height:100% !important;
        width:100% !important;
        min-width:100% !important;
        position:static !important;
        float:none !important;
    }

    table[order="4"] img, table[order="12"] img{
        margin-left:0 !important;
        width':500px !important;
    }

    table[order="15"] .ct img{
        margin-top:-1px !important;
        height:14px !important;
    }

}