@charset "utf-8";
/* CSS Document */

/* Reset */
* {
	margin: 0;
	padding: 0;
	outline: none;
}

a {
	text-decoration: none;
	color: inherit;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

canvas {
    -ms-touch-action: double-tap-zoom;
}

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; width: 100%; height: 100%;}


body{
	background-color:#fff;
	margin:0px;
	padding:0px;
	width: 100%; height: 100%;
}

*{
	margin:0px;
	padding:0px;
}

p{margin-bottom: 20px;}

/* Reset */


body, button, input, select, textarea
{ }



img
{
	margin:0;
	padding:0;
	border:0;
}

a
{
	text-decoration:none;
	outline:none;
}

li{list-style:none; margin:0px; padding:0px;}
/**


/** Common ****/


	/** Paddings **/
	.pad10{padding:10px;}
	.pad20{padding:20px;}
	.pad30{padding:30px;}
	.pad40{padding:40px;}
	.pad50{padding:50px;}
	.pad60{padding:60px;}
	.pad70{padding:70px;}
	.pad80{padding:80px;}
	.pad90{padding:90px;}
	.pad100{padding:100px;}
	
	/** Margins **/
	.mar10{margin:10px;}
	.mar20{margin:20px;}
	.mar30{margin:30px;}
	.mar40{margin:40px;}
	.mar50{margin:50px;}
	.mar60{margin:60px;}
	.mar70{margin:70px;}
	.mar80{margin:80px;}
	.mar90{margin:90px;}
	.mar100{margin:100px;}

	/** Heights **/
	.hei10{height:10px;}
	.hei20{height:20px;}
	.hei30{height:30px;}
	.hei40{height:40px;}
	.hei50{height:50px;}
	.hei60{height:60px;}
	.hei70{height:70px;}
	.hei80{height:80px;}
	.hei90{height:90px;}
	.hei100{height:100px;}
	.hei200{height:200px;}
	.hei300{height:300px;}
	.hei400{height:400px;}
	.hei500{height:500px;}
	.hei600{height:600px;}
	.hei700{height:700px;}
	.hei800{height:800px;}
	.hei900{height:900px;}
	.hei1000{height:1000px;}
	
	.hei10pct{height:10%;}
	.hei20pct{height:20%;}
	.hei30pct{height:30%;}
	.hei40pct{height:40%;}
	.hei50pct{height:50%;}
	.hei60pct{height:60%;}
	.hei70pct{height:70%;}
	.hei80pct{height:80%;}
	.hei90pct{height:90%;}
	.hei100pct{height:100%;}
	
	/** Widths **/
	.wid10{width:10px;}
	.wid20{width:20px;}
	.wid30{width:30px;}
	.wid40{width:40px;}
	.wid50{width:50px;}
	.wid60{width:60px;}
	.wid70{width:70px;}
	.wid80{width:80px;}
	.wid90{width:90px;}
	.wid100{width:100px;}
	.wid200{width:200px;}
	.wid300{width:300px;}
	.wid400{width:400px;}
	.wid500{width:500px;}
	.wid600{width:600px;}
	.wid700{width:700px;}
	.wid800{width:800px;}
	.wid900{width:900px;}
	.wid1000{width:1000px;}
	
	.wid10pct{width:10%;}
	.wid20pct{width:20%;}
	.wid30pct{width:30%;}
	.wid40pct{width:40%;}
	.wid50pct{width:50%;}
	.wid60pct{width:60%;}
	.wid70pct{width:70%;}
	.wid80pct{width:80%;}
	.wid90pct{width:90%;}
	.wid100pct{width:100%;}
	


	/* Buttons */
	.btn{
		color: #333333;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;

		display: inline-block;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #cccccc;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-bottom-color: #b3b3b3;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);	  
	}
	.btn:hover{
		background:#efefef;
		color:#666;
	}
	.btn:active{
		background:#e3e3e3;
		color:#666;
	}
	
	
	
	/* Transition */
	.transition{
		-moz-transition: all .3s linear;
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
	}



	.wrapper{
		width:990px;
		margin:0 auto;
		position:relative;
		height:auto;
	}
	
	.clr{clear:both !important;}
	
	.noFloat{float:none !important;}
	
	.left{float:left;}
	
	.right{float:right;}	
	
	.txtLeft{
		text-align:left !important;
	}
	.txtRight{
		text-align:right !important;
	}

	.dragging{cursor:url(../img/framework/grabbing.png), move !important;}
	
	.pointer{cursor:pointer;}



/** end Common ****/


















/******************** Formulários ********************************/



	input:focus, textarea:focus, select:focus{
	  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .8);
	  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .8);
	  -o-box-shadow: 0 0 5px rgba(0, 0, 0, .8);
	  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .8);
	  box-shadow: 0 0 5px rgba(0, 0, 0, .8);
	}



.form {
  margin: 20px auto;
  font-size:14px;
}


	.placeholder-helper{
		position: absolute;
		top:-20px;
		left:5px;
		background: rgba(0,0,0,0.7);
		color:#fff;
		padding: 4px;
		.font-size(1.1);
		display: inline-block;
		z-index: 8000;
	}

	.form fieldset{
		padding:20px;
		border:none;
	}
	
	.form legend{
		font-size:18px;
	}

	.form input, .form textarea, .form select{
	  font-family:Arial, sans-serif;
	  border:1px solid #ccc;
	  
	  font-size:14px;
	  color:#666;
	  
	  padding-left:10px;
	  padding-right:10px;
	  
	  width:300px;
	  min-height:30px;
	  display:block;
	  margin-bottom:15px;
	  margin-top:0px;
	  outline: none;
	  position:relative;
	
	  -webkit-border-radius:2px;
	  -moz-border-radius:2px;
	  -o-border-radius:2px;
	  -ms-border-radius:2px;
	  border-radius:2px;
	  
	  -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .1);
	  -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .1);
	  -o-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .1);
	  -ms-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .1);
	  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .1);
	  
	  
	}
	
	.form select{
		padding-right:0px;
	}

	.form input:focus, .form textarea:focus, .form select:focus{
		border:1px solid #EFC158;
		
	  -webkit-box-shadow:  0 0px 10px rgba(0, 0, 0, .2);
	  -moz-box-shadow:  0 0px 10px rgba(0, 0, 0, .2);
	  -o-box-shadow:  0 0px 10px rgba(0, 0, 0, .2);
	  -ms-box-shadow:  0 0px 10px rgba(0, 0, 0, .2);
	  box-shadow:  0 0px 10px rgba(0, 0, 0, .2);
	}



	.form input[type='radio'], input[type='checkbox']{
		width:auto;
		display:inline;
		height:13px;
	}

	.form input[type='color']{
		width:30px;
		height:30px;
	}

	.form input[type=submit] {
	  padding:10px;
	}
	

	.form label{
		width:100%;
		display:block;
		clear:both;
		font-weight:bold;
		margin-top:5px;
	}





	/******* Radio e Checkbox ******/
	
	.form fieldset .radio{
		margin-bottom:15px;
		display:block;
		min-height:13px;
	}

	.form fieldset .radio label{
		width:100%;
		display:inline;
		padding-right:10px;
		font-size:12px;
	}

	.form fieldset .radio span{
		float:left;
		display:block;
		margin-right:10px;
		margin-top:5px;
	}

	.form fieldset .radio input{
		min-height:0px;
		margin-right:2px;
		float:left;
		display:block;
		margin-top:5px;
	}
	
	.form fieldset .radio label{
		float:left;
		display:block;
		width:auto;
		clear:none;
		font-weight:normal;
		margin:0px;
		min-height:10px;
		height:20px;
	}
	
	
	.form-horizontal input.error{
		border: 1px solid #C30 !important;
	}
	.form-horizontal label.error{
		color:#C30;
		font-size:11px;
		margin-top:-27px;
	}
	
	.form input.error{
		border: 1px solid #C30 !important;
	}
	.form label.error{
		color:#C30;
		font-size:11px;
		margin-top:-10px;
		clear:both;
	}
	
	.base-framework-form{
		width:572px;
	}
	
	
	/*end ****** Radio e Checkbox ******/

	/** Formulário na horizontal, colocar o class form-horizontal na tag <form> ***/
		.form-horizontal{
			width:100%;
		}
		
		.form-horizontal input, .form-horizontal label,  .form-horizontal meter,  .form-horizontal color,  .form-horizontal select, .form-horizontal textarea{
			float:left !important;
		}
		
		.form-horizontal label {
			width:200px;
			text-align:right;
			margin-right:10px;
			clear:both;
		}
		
		.form-horizontal button {
			float:left;
		}
		
@media only screen and (min-width: 0px) and (max-width: 799px) {
		.form-horizontal{
			width:100%;
		}
		
		.form-horizontal input, .form-horizontal label,  .form-horizontal meter,  .form-horizontal color{
			float:none !important;
		}
		
		.form-horizontal label {
			width:100%;
			display:block;
			clear:both;
			font-weight:bold;
			margin-top:5px;
			text-align:left;
		}
		
		fieldset .radio input, fieldset .radio label  {
			float:left !important;
		}
		
		
		
}


	/** end Formulário na horizontal, colocar o class formHorizontam na tag <form> ***/

/*end******************* Formulários ********************************/















/******************** Tabelas ********************************/


.table{
	border: 1px solid #bbb;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

.table-container
{
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}
.table-container::-webkit-scrollbar
{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

	.table thead tr th, .table tfoot tr th {
		border-top: 1px solid #FFF;
		border-left: 1px solid #FFF;
		border-left: 1px solid #FFF;
		border-bottom:none;
	}

	.table td{
		font-size:14px;
		/*border-top:1px solid #bbb;*/
		border-right:1px solid #bbb;
	}
	
	.table thead th{
		font-size:14px;
		color:#666;
		border-bottom:1px solid #bbb;
		border-right:1px solid #bbb;
	}
	
	.table thead th:first-child{
		
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		border-top-left-radius: 5px;
	}
	
	.table thead th:last-child{
	
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		border-top-right-radius: 5px;	
	}
	
	
	
	.table tfoot th {
		background-color:#efefef;
		padding:4px;
		font-size:1px;
		color:#666;
		border-right:1px solid #bbb !important;
		border-top:none !important;
		
	}
	
	.table tfoot th:first-child {
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-left-radius: 5px;
	}
	
	.table tfoot th:last-child {
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
	}
	
	
	
	.table tr td:last-child, .table tr th:last-child{
		border:none !important;
	}

	
	
		.table.table-ordenada thead tr .header {
			background-image:url(../img/framework/bg.gif);
			background-repeat: no-repeat;
			background-position: center right;
			cursor: pointer;
		}
		
		.table.table-ordenada {
			
		}
		.table.table-ordenada thead tr .header {
			background-image: url(../img/framework/bg.gif);
			background-repeat: no-repeat;
			background-position: center right;
			cursor: pointer;
		}
		.table.table-ordenada tbody td {
			color: #3D3D3D;
			padding: 8px;
			vertical-align: top;
		}
		.table.table-ordenada tbody tr.odd td {
			
		}
		.table.table-ordenada thead tr .headerSortUp {
			background-image: url(../img/framework/asc.gif);
		}
		.table.table-ordenada thead tr .headerSortDown {
			background-image: url(../img/framework/desc.gif);
		}
		.table.table-ordenada thead tr .headerSortDown, .table.table-ordenada thead tr .headerSortUp {
			background-color: #fff;
			color:#000;
		}


/* Custom Design*/


	/*Caption*/
	.table caption{
		text-align:left;
		font-size:14px;
	}


	/* Cor Linha par */
	.table tr:nth-child(even) td,  .table td{
		background: #F2F2F2;
	}
	
	
	
	/* Cor Linha impar */
	.table tr:nth-child(odd) td {
		background: #fff;
	}
	
	
	
	/*Thead, Títulos das colunas */
	.table thead th{
		background-color:#efefef;
	}
	.table tfoot th{
		background-color:#efefef;
	}
	
	
	
	/*Bordas */
	.table, .table td, .table thead th{
		border-color:#bbb;
		border-right:1px solid #bbb !important;
	}	



	/*Padding Padrão */
	.table td, .table th{
		padding:8px;
	}

/* end Custom Design*/




	
	

/*end******************* Tabelas ********************************/




/******************** Menu ********************************/

.menu{
	position:relative;
}
	.menu ul > li{
		list-style:none;
		float:left;
		position:relative;
	}
	.menu ul > li a{
		display:block;
		padding:6px 14px 6px 14px;
		font-size:13px;
		margin-right:10px;
		border:1px solid #ccc;
		background-color:#fff;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;	
	
	}
	.menu ul > li a:hover{
		background-color:#efefef;	
	}
	
	.menu ul > li a.active{
		background-color:#3c6fb5;
		border:1px solid #3c6fb5;
		color:#fff;
	}
	.menu ul > li a.active:hover{
		background-color:#5083c9;
		border:1px solid #5083c9;
	}
	
	.menu .menu-submenu{
		position:absolute;
		left:0px;
		top:0px;
		z-index:9999;
		width:auto;
		display:none; /**********************/
		
		border:1px solid #ccc;
		background-color:#fff;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;	
	}
	
	.menu-sub{
		position:relative;
	}
	
	.menu .menu-submenu li{
		float:none;
		border:none;
	}
	
	.menu .menu-submenu li > a{
		float:none;
		border:none;
		margin:0px;
		background:none;
		
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;	
	}
	
	
.the-menu-minibar{
	position:fixed;
	top:0px;
	left:0px;
	padding:6px;
	background-color:#666;
	color:#fff;
	width:100%;
	z-index: 9999;
	display:none;
}	

	.the-menu-minibar .btn{
		width:25px;
		height:25px;
		background:url(../img/framework/menu-mini.png) no-repeat center center;
		background-color:rgba(0,0,0,0.16);
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	.the-menu-minibar .btn:hover{
		background-color:rgba(0,0,0,0.3);
	}
	

.the-menu-responsive{
	width:250px;
	position:fixed;
	left:-250px;
	top:0px;
	height:100%;
	color:#CCC;
	overflow-x:hidden;
	overflow-y:auto;
	display:none;
	
background: rgb(76,76,76); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(76,76,76,1) 0%, rgba(38,38,38,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(76,76,76,1)), color-stop(100%,rgba(38,38,38,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(76,76,76,1) 0%,rgba(38,38,38,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#262626',GradientType=1 ); /* IE6-8 */
	
	
}	
	.the-menu-responsive li{
		border-top:1px solid rgba(255,255,255,0.1);
	}
	
	.the-menu-responsive li a{
		border-bottom:1px solid rgba(0,0,0,0.2);
		display:block;
		padding:13px;
		font-size:16px;
		font-weight:bold;
		color:#fff;
	}
	.the-menu-responsive li:first-child{
		border-top:none;
	}
	.the-menu-responsive li:last-child a{
		border-bottom:none;
	}
	.the-menu-responsive li a:hover{
		background-color:#222;
		-moz-transition: all .3s linear;
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
	}
	
	.the-menu-responsive .sub-resp a{
		font-size:14px;
		color:#999;
		padding-left:20px;
	}
	
	/* !Side Menu */
.the-menu-side {
  position: fixed;
  z-index: 999;
  left: -500px;
  top: 0px;
  width: 340px;
  height: 100%;
  background: #fff;
  -moz-box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.3);
  z-index: 9100;
}
.the-menu-side nav.main {
  width: 90px;
  height: 100%;
  background: #fff;
  float: right;
  /*border-left: 1px solid #dbdbdb;*/
}
.the-menu-side nav.main ul li {
  width: 100%;
  display: block;
  text-align: center;
  border-bottom: 1px solid #e7eaec;
}
.the-menu-side nav.main ul li:first-of-type {
  /*border-top: 1px solid #e7eaec;*/
}
.the-menu-side nav.main ul li > a {
  font-size: 11px;
  padding: 45px 10px 15px 10px;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  color: #909090;
  background-position: center 5px;
  background-repeat: no-repeat;
}
.the-menu-side nav.main ul li > a:hover {
  background-position: bottom;
  -moz-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.2);
  color: #1a90c3;
}
.the-menu-side nav.main ul li > a.active {
  background-position: bottom;
  -moz-box-shadow: inset 0px 0px 45px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: inset 0px 0px 45px rgba(0, 0, 0, 0.13);
  box-shadow: inset 0px 0px 45px rgba(0, 0, 0, 0.13);
  color: #1a90c3;
}
.the-menu-side .sub-side {
  display: none;
}
.the-menu-side .options {
  float: left;
}
.the-menu-side .options > div > ul a {
  width: 100%;
  color: #909090;
  display: block;
  padding: 20px;
  font-size: 12px;
  border-bottom: 1px solid #dbdbdb;
  text-transform: uppercase;
}
.the-menu-side .options > div > ul a:hover {
  background: #efefef;
  color: #1a90c3;
  border-bottom: 1px solid #1a90c3;
}
.the-menu-side-cover {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  z-index: 9000;
}




	
	
/** Tab Menu **/
	.menu-tab{
		
	}
		.menu-tab ul{
			border-bottom:1px solid #ccc;
			min-height:36px;
		}
		
		.menu-tab ul > li{
			float: left;
			list-style:none;
			
		}
		
		.menu-tab ul > li a{
			color:#666;
			display:block;
			padding:10px;
			background-color:#efefef;
			margin-right:5px;
			font-size:13px;
			border: 1px solid #ddd;
			cursor:pointer;
			
			-webkit-box-shadow: inset 0px -1px 8px rgba(50, 50, 50, 0.20);
			-moz-box-shadow:    inset 0px -1px 8px rgba(50, 50, 50, 0.20);
			box-shadow:         inset 0px -1px 8px rgba(50, 50, 50, 0.20);		
			
			-webkit-border-top-left-radius: 4px;
			-webkit-border-top-right-radius: 4px;
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-topright: 4px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;	
			
			-moz-transition: all .3s linear;
			-webkit-transition: all .3s linear;
			transition: all .3s linear;
			
		}
	
		.menu-tab .active{
			margin-bottom:-1px;
			border: 1px solid #ddd;
			border-bottom-color: transparent;	
			color:#000;
			
			background-color:#fff;
			
			-webkit-box-shadow: inset 0px -1px 8px rgba(50, 50, 50, 0);
			-moz-box-shadow:    inset 0px -1px 8px rgba(50, 50, 50, 0);
			box-shadow:         inset 0px -1px 8px rgba(50, 50, 50, 0);		
		}
		
		.menu-tab ul > li a:hover{
			background-color:#dddddd;
		}
		.menu-tab .active:hover{
			background-color:#fff;
		}
		
	.menu-tab-options{
		padding:10px;
		margin:20 0px 0px 0px;
		clear:both;
	}
	.menu-tab-options > li{
		list-style:none;
		display:none;
	}
	.menu-tab-options h2{
		font-size:16px;
		font-weight:bold;
	}
		
/** end Tab Menu **/



/******************** end Menu ********************************/






/******************** The Banner ********************************/

.the-banner{
	overflow:hidden;
	width:100%;
	height:100%;
	position:relative;
}

	.the-banner h3{
		position:absolute;
		top:0px;
		left:0px;
		
	}
	
	
	.the-banner > li{
		width:100%;
		height:100%;
		float:left;
		
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: moz-none;
		-ms-user-select: none;
		user-select: none;		
	}
	.the-banner-controls{
		position:absolute;
		bottom:10px;
		left:50%;
		padding:5px;
		background-color:#CCC;
		
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;		
		
	}
	.the-banner-controls ul li{
		float:left;
	}
	.the-banner-controls ul li a{
		width:10px;
		height:10px;
		background-color:#999;
		display:block;
		margin-right:8px;
		cursor:pointer;
		
		-moz-transition: all .3s linear;
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;		
	}
	
	/*.the-banner-controls ul li:last-child a{
		margin-right:0px;
	}*/
	
	.the-banner-controls .active{
		background-color:#FFF;
	}
	
	
	
	
	.the-banner .fadeBanner{
		position:absolute;
		top:0px;
		left:0px;
	}

	.the-banner-arrow{
		width:30px;
		height:30px;
		background:#FFF;
		position:absolute;
		margin-top:-15px;
		top:50%;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		cursor:pointer;
		
		background-repeat:no-repeat;
		background-position:center center;
	}

	#the-banner-left{
		left:5px;
		background-image:url(../img/framework/setaEsq.png);
	}

	#the-banner-right{
		right:5px;
		background-image:url(../img/framework/setaDir.png);
	}

	.thebanner-title{
		position:absolute;
		top:0px;
	}

/******************** end: The Banner ********************************/















/******************** The Box ********************************/


.thebox-bg{
	background-color:#000;
	position:absolute;
	z-index:9995;
	top:0px;
	left:0px;
}

.thebox-content{
			padding:20px;
			position:absolute;
			z-index:9998;
			
			min-width:30px;
			min-height:30px;
			
			background-color:#FFF;
			
		    -webkit-box-sizing: content-box;
		       -moz-box-sizing:content-box;
		            box-sizing: content-box;
			
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			
			-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
			-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.75);
			box-shadow:         0px 2px 5px rgba(50, 50, 50, 0.75);	
	
}
	
.thebox-content *{
			    -webkit-box-sizing: border-box;
		       -moz-box-sizing: border-box;
		            box-sizing: border-box;
}

	.thebox-loader{
		background-image:url(../img/framework/loader.gif);
		background-repeat:no-repeat;
		background-position:center center;
	}
	

	.thebox-content .relative{
		position:relative;
		width:100%;
		height:100%;
		display:block;	
	}

	.thebox-content h3 {
		position: absolute;
		top: 0;
		background: rgba(0,0,0,.5);
		color: #fff;
		margin: 0;
		font-family: Arial,Verdana;
		width: 100%;
		padding: 8px;
		text-align: center;
	}

	
	.thebox-content #thebox-close{
		position:absolute;
		display:block;
		z-index:9999;
		padding:5px;
		font-family:Helvetica, Arial, sans-serif;
		font-weight:bold;
		font-size:10px;
		background-color:#333;
		text-align:center;
		color:#fff;
		width: 23px; height: 23px;

		cursor:pointer;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;

				    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

		-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 2px 5px rgba(50, 50, 50, 0.75);	
	}
	.thebox-content #thebox-close:hover{
		background-color:#B30004;
		color:#fff;
		
		-moz-transition: all .3s linear;
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
	}

	.thebox-content #thebox-controls{position:relative;}
	
	.thebox-content .thebox-control{
				display:none;
				
				position:absolute;
				z-index:9999;
				padding:10px;
				font-family:Helvetica, Arial, sans-serif;
				font-weight:bold;
				font-size:10px;
				background-color:#fff;
				text-align:center;
				width:30px;
				height:30px; margin-top: -15px; //metade a half
				line-height: 15px;
				text-align: center;
				color:#666;
				
				cursor:pointer;
				-webkit-border-radius: 50px;
				-moz-border-radius: 50px;
				border-radius: 50px;
				-webkit-box-sizing: border-box;
		       -moz-box-sizing: border-box;
		            box-sizing: border-box;
				
				-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
				-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.75);
				box-shadow:         0px 2px 5px rgba(50, 50, 50, 0.75);	

				font-weight: bold;
				font-size: 12px;
	}
	
	.thebox-content .thebox-control:hover{
		background-color:#ccc;
		color:#000;
		
		-moz-transition: all .3s linear;
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
	}
	
				#thebox-controls #thebox-control-left{
					left:5px;
				-webkit-box-sizing: border-box;
		       -moz-box-sizing: border-box;
		            box-sizing: border-box;
				}
				#thebox-controls #thebox-control-right{
					right:5px;
				-webkit-box-sizing: border-box;
		       -moz-box-sizing: border-box;
		            box-sizing: border-box;
				}



/******************** end: The Box ********************************/








.cloud-tags{

}


	.cloud-tags li{
		float:left;
		margin-right: 10px;
		font-size: 12px;
		background: none;
	}


	.cloud-tags li:nth-child(2n){
		font-size:14px;
		font-weight: bold;
	}







#theload-bg{
	background-color:#FFF;
	width:100%;
	height:100%;
	position:absolute;
	z-index:9999;
}

#theload-bg img{
	display:none;
}




.thetable-th{
	font-weight:bold;
	background:#efefef !important;
}
.thetable-td{
	background:#fff !important;
}

.thetable-divide{
	background:#CCC !important;
	color:#fff !important;
	height:5px !important;
	padding:0px !important;
	text-align:center;
	font-size:9px !important;
}






.cloud-tags{

}


	.cloud-tags li{
		float:left;
		margin-right: 10px;
		font-size: 12px;
		background:none !important;
		color:#e2e1c4;
		font-family: 'corporates-lightregular', Arial;
	}


	.cloud-tags li:nth-child(2n){
		font-size:14px;
		font-weight: bold;
	}








#base-all{
	/*display:none;*/
	visibility:hidden;
	font-family: 'Rosario', sans-serif;
}

#base-all *{
font-family: 'Rosario', sans-serif;
}

/* Fallback para o IE8 e IE9 (aparece janela quando detecta versão) */
#fallback{
		display:none;
		opacity:0;
		max-width:300px;
		border:1px dashed #ccc;
		padding:180px 40px 40px 40px;
		margin:80px auto;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		border-radius: 16px;
		background:url(../img/fallback/ie.png) no-repeat center 40px;
		background-color:#FFF;
		text-align:center;
		font-size:16px;
		/*box-shadow:rgb(162, 162, 162) 0px 2px 3px;
	*/
		behavior: url(css/PIE.htc);
	}
	#fallback img{
		margin:20px;
	}
	#fallback .bt{
		padding:15px;
		display:block;
		background:#04aeda;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		color:#fff;
		font-weight:bold;
		width:185px;
		margin:15px auto;
		font-size:16px;
		behavior: url(css/PIE.htc);
		color:#fff;
		
	}	
	#fallback .bt:hover{
		background-color:#30cdf6;
		font-size:16px;
		color:#fff;
		text-decoration:none;
	}
	
	#fallback a{
		color:#04aeda;
		font-size:14px;
	}	
	#fallback a:hover{
		color:#04aeda;
		font-size:14px;
		text-decoration:underline;
	}	
	#fallback .titulo{
		color:#666;
		font-weight:bold;
		margin-top:30px;
	}
	
	#fallback p{
		color:#04aeda;
		font-size:12px;
		text-align:left;
		color:#666;
		text-align:justify;
	}	
/* Fallback para o IE8 e IE9 (aparece janela quando detecta versão) */






	:invalid { 
	  border-color: #e88;
	  background-color: #f0dddd;
	  -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
	  -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
	  -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
	  -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
	  box-shadow:0 0 5px rgba(255, 0, 0, .8);
	}
	
	:required {
	  border-color: #88a;
	  -webkit-box-shadow: 0 0 5px rgba(0, 0, 30, .2);
	  -moz-box-shadow: 0 0 5px rgba(0, 0, 30, .2);
	  -o-box-shadow: 0 0 5px rgba(0, 0, 30, .2);
	  -ms-box-shadow: 0 0 5px rgba(0, 0, 30, .2);
	  box-shadow: 0 0 5px rgba(0, 0, 30, .2);
	}