body
{
	background:url(../images/bkg_myWP_login.gif) left top repeat;
	height:100%;
	width:100%;
	color:#06242A;
	font-family:Arial, Helvetica, sans-serif;
}

a
{
	text-decoration: none !important;	
}

*
{
	margin:0;
	padding:0;
}

.clear
{
	clear:both;
}

.boxWrapper
{
	/*width:1200px;*/
	margin:0 20px;
	height:100%;
}

.ie7 .boxWrapper, .ie8 .boxWrapper
{
	margin-top:-18px;
}

/*   HEADER   */

.boxHeader
{
	width:100%;
	height:120px;
}

.boxLogoApp
{
	margin:-10px 10px 0 10px;
	height:60px;
	float:left;
}

.boxLogoApp img
{
    border:none;
}

.boxLogoCustomer
{
	margin:15px 10px 0 10px;
	/*height:30px;*/
	float:right;
}

.boxLogoCustomer img
{
	max-height:80px;
	border:none;
}

/*   LOGIN   */
.boxLogin
{
	float:right;
	margin:0 10px;		
}

.boxLoginLeft
{
	float:right;
}

.boxLoginLeft a
{
	height:10px;
	margin:0;
	color:#105E78;
	font-size:9px;
	font-weight:bold;
	border-top:#FCAF17 3px solid;
	padding:5px;
	text-decoration:none;
	display:block;
}

.boxLoginLeft a:hover
{
	color:#fff;
	font-size:9px;
	background:#FCAF17;
	text-decoration:none;
	display:block;
}

.boxLoginRight
{
	float: right;
	text-align: center;
	/* height: 30px; */
	padding: 5px;
	margin-top: 5px;
	margin-bottom: -5px;
}

.boxLoginRight a i
{
	font-size:24px;
	line-height:100%;
	color:#900;
	margin-left:10px;
}

.boxLoginRight a:hover i,
.boxLoginRight a:active i
{
	opacity:.5;
}

.boxLoginRight img
{
	margin:5px;
	border:none;
}



/*   CONTENT   */

.boxContent
{
	margin: 0 auto;
	/*width: 1200px;*/
	padding:0 0 30px 0; /* bottom padding para o footer */
	min-height:500px;
	z-index: 5;
}

/*   BOXES   */

.boxApp
{
	
}

.boxApp ul
{
	text-align:center;
}

.boxApp a li {
	width:310px;
	height:200px;/**/
	margin:0 10px 30px 10px;
	position:relative;
	display:inline-block;
	list-style:none;
	border-radius:2px;
	box-shadow:0px 0px 3px #666;
	}

.boxApp a:hover li,
.boxApp a:active li
{
	opacity:.7;
}

.boxApp .boxAppTitle
{
	width:100%;
	height:50px;
	position:relative;
	z-index:10;
	margin-bottom:-50px;
	/*background:url(../images/bkg_titulo.png) left top repeat-x;*/
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 85%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(85%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 85%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 85%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 85%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 85%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */


	border-radius:2px;
	text-align:left;
}

.boxApp a li img
{
	width:32px;
	height:32px;
	border:none;
	/*float:left;*/
	margin:-26px 5px -6px 3px;
}

.boxApp a li .boxAppTitle h1
{
	/*float:left;*/
	font-family:'NeoTechRegular', sans-serif;
	font-size:18px;
	line-height:260%;
	color:#fff;
	padding:0;
	display:inline;/**/
	margin:10px 0 0 15px;
	text-shadow:1px 1px 1px #333;
	/*width:100%;*/
	text-align:left;
}

.boxApp a li h2
{
	font-size: 18px;
	text-shadow: 1px 1px 1px #333;
	position: relative;
	margin: -30px 10px 0px 0;
	z-index: 10;
	color: #fff !important;
	text-align: right;
}/**/

.boxAppImage
{
	/*margin:-26px 0 0 0 !important;*/
	position:relative;
	z-index:5;
	width:310px;
	height:200px;
	display:block;
	border-radius:2px;
}

.boxApp a li .boxAppImage i
{
	font-size: 70px;
    color: #fff !important;
    text-align: center;
    z-index: 2;
    padding: 70px 0 60px 0;
    max-height: 200px;
    text-shadow: -1px -1px 3px #333;
}

.boxApp a li .boxAppImage img
{
	width:310px;
	height:200px;
	margin:0 !important;
	position:relative;
	z-index:2;
	border-radius:2px;
}

.ie8 .boxAppImage
{
	margin-top:-50px;
}

.boxAppReminder
{
	width:378px;
	padding:3px 5px;
	overflow:hidden;
	height:14px;
	background:url(../images/bkg_avisos.png) left top repeat-x;
	position:relative;
	z-index:10;
	margin-top:-20px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	border-top:#8B9898 1px solid;
	line-height:15px;
}

.ie8 .boxAppReminder
{
	margin-top:-20px;
}

.boxAppReminder a
{
	color:#fff;
	text-decoration:none;
}

.boxAppReminder a:hover
{
	color:#FFDD53;
	text-decoration:none;
}

.boxAppReminderList
{
	width:380px;
	height:180px;
	padding:5px 4px 0 4px;
	background:#e6e5e5 url(../images/bkg_list.jpg) left top repeat-x;
	font-size:10px;
	color:#06242A;
}

.boxAppReminderListTxt span
{
	font-size:10px;
	color:#2F8FA4;
	line-height:18px;
	font-weight:bold;
	margin:0 5px 0 0;
}

.boxAppReminderListTxt
{
	width:340px;
	float:left;
	font-size:11px;
	color:#06242A;
	line-height:13px;
}

.boxAppReminderListTxt a
{
	color:#06242A;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}

.boxAppReminderListTxt a:hover
{
	color:#2F8FA4;
	text-decoration:none;
}

.boxAppReminderList a
{
	color:#06242A;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;

}

.boxAppReminderList a:hover
{
	color:#2F8FA4;
	text-decoration:none;
}

.boxAppReminderList ul
{
	margin:0;
	padding:0;
	list-style:none;
}

.boxAppReminderList li
{
	/*width:134px;*/
	/*height:15px;*/
	margin:0 auto;
	line-height:15px;
	padding:3px 3px 3px 3px;	
	color:#06242A;
	border-bottom:#ACB2B4 1px dotted;
}

.ie7 .boxAppReminderList li
{
	padding:0px 3px 2px 3px;	
	line-height:16px;
}

.bullet, li.bullet
{
	background:url(../images/bullet_lista.gif) left 5px no-repeat;
	padding-left:14px;
}

.boxAppReminderListImg
{
	float:left;
}

.boxAppReminderListImg img
{
	border:none;
	margin:2px 5px 0px 0;
}

.boxBtnPlus
{
	min-width:30px;
	height:11px;
	font-size:10px;
	padding:0px 4px 0px 4px;
	text-align:right;
	background:#e6e5e5;
	float:right;
	margin:0px 0 4px 0;
	position:absolute;
	bottom:3px;
	right:3px;
}

.boxBtnPlus a
{
	color:#06242A;
	font-size:10px;
	text-decoration:none;
	display:block;
	padding:0px 4px 0px 4px;
}

.boxBtnPlus a:hover
{
	color:#fff;
	font-size:10px;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
	display:block;
	background:#F69332;
}

.boxBtnPlus img
{
	width:9px;
	height:9px;
	font-size:10px;
	text-align:right;
	margin: 2px 2px 0 4px;
	border:none;
}






/*   FOOTER   */

.boxFooter
{
	/*position:absolute;
	width:1200px;*/
	bottom:0; /* stick to bottom */
	/*float: left;*/
	height: 30px;
	font-size:10px;
	border-top:#16649E 1px solid;
	padding:5px 0 0 0;
}

.boxFooter img
{
	border:none;
}

.boxFooterLeft
{
	float:left;
	margin: 0 0 0 10px;
}

.boxFooterRight
{
	float:right;
	margin:0 10px 0 0;
}

.boxAppReminderListItem
{
	float:left;
}

.boxAppReminderListItem a
{
	color:#06242A;
	text-decoration:none;
	font-weight:normal;
}

.boxAppReminderListItem a:hover
{
	color:#2F8FA4;
	text-decoration:none;
}

.boxAppReminderListItem img
{
	border:none;
	margin: 0px;
}



.Projectos
{
	margin-bottom:5px!important;
}


/*   CLASSES CORES   */

.boxAppImage.myhr {
	background:#984C92 !important;
	}

.boxAppImage.mycs {
	background:#267484 !important;
	}

.boxAppImage.myinvoicing {
	background:#AC033B !important;
	}

.boxAppImage.myideas {
	background:#E0D60A !important;
	}

.boxAppImage.mysales {
	background:#E25C5C !important;
	}

.boxAppImage.mydocs {
	background:#43B9D1 !important;
	}
	
.boxAppImage.myproduction {
	background:#069337 !important;
	}

.boxAppImage.myprojects {
	background:#999 !important;
	}

.boxAppImage.myquality {
	background:#C4A442 !important;
	}

.boxAppImage.mywp {
	background:#F1C40F !important;
	}
	
.boxAppImage.mainSystem {
	background:#C81825 !important;
	}
	
.boxLogoCustomer li 
{
    float:left !important;	
    list-style:none !important;
    }

.boxAppImage.mywp img 
{
    width:auto !important;
    height:auto !important;
    padding-top: 65px;
    }