body { background:#fff; font-family: 'Roboto', sans-serif;}

.hide { display:none; }
.clear { clear:both; }
.clear:after, .clear:before { display:block; clear:both; content:""; line-height:0; }
.left { float:left; }
.right { float:right; }
.alpha { margin-left:0; }
.omega { margin-right:0; }

p{font-weight:normal;}
.title{
	width:100%;
	background:#f4f4f4;
	color:#3d464d;
	font-size: 20px;
	z-index:999;
	height: 45px;
	font-weight:normal;
}
.title p{
	float:left;
	margin: 14px 1%;
}

.icons i{
	float: right;
    padding: 11px 10px;
    color:#3d464d;
}

p {font-size:13px; }
a {text-decoration:none;}

h1{
	color:#3185db;
	padding:2% 0;
}
div#processing { position:fixed; padding:7px 10px; font-size: 12px; top: 0px; left: 50%;
	width: 120px; margin-left: -75px; border: 1px solid #f0c36d; background-color: #f9edbe;
	color: #000; text-align: center; border-radius: 2px; z-index: 999; }

/* Wrapper
**************************************************************************************** */
#wrapper { height:auto; min-height:100%; position:relative; width:100%; margin:auto}
#wrapper div.content { width:100%;  padding:0; margin:auto;}

/* Header
**************************************************************************************** */
#header { position:fixed; top:0; left:0; width:100%; height:45px; background-color:#399bff; repeat; z-index:10; margin:auto; overflow:hidden;}
#header .content { margin:0 20px 0 0; }
#header .logo { margin:0; float:left; padding:10px 1%; float:left;  width:13%; background:#3185db;}
#header .logo p{color:#fff; font-size:12px; text-decoration:none;}
#header .logo strong{color:#fff; font-size:19px; text-decoration:none;}
#header .search { margin-left: 12%; float:left; padding:10px 1%; float:left;width:50%; }
#header .search form{}

#header .search form input{border: none; width:100%; padding:5px;color:#000; border-bottom: 1px solid #fff; background: none; background:#effdfd; border-radius:25px;}

#header ul { margin:0px; margin-top:0px; padding:0px; list-style-type:none; display:inline-block; float:right;}
#header ul li { float:left;  margin-left:10px;}
#header ul li a { display:block; color:#fff; font-size:12px; text-decoration:none; }
#header ul li.first a{ border:none; }
#header ul li:hover a{ color:#000; }
#header img{border-radius:50%;}

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

.alert{
	width: 100%;
    position: relative;
    clear: both;
    height: 35px;
    color: red;
   }

#menu { position:fixed; top:40px; left:0; width:15%;  height:100%; background-color:#f4f4f4; color:#fff; float:left;}


.userMensagem{}
@media all and (max-width: 960px) {
	#menu p{display:none;}
}

#menu ul{ margin:0px; margin-top:0px; padding:0px; list-style-type:none; display:inline-block; }
#menu ul li{ float:left; border-bottom:1px solid #ffffff; width:100%; }
#menu ul .user{text-align: center; padding:15px 0;}

@media all and (max-width: 960px) {
	#menu ul .user{display:none;}
}
#menu ul li a{ display:block; margin: 5px 0; padding:0px 15px; color:#3d464d; font-size:12px; text-decoration:none; }
#menu ul li a i{float:left;     margin: 5px 0;}
#menu ul li a p{margin: 9px 4px; float: left;}
#menu ul li.first a{ border:none; }
#menu ul li:hover a{}

#menu ul li .image img{border-radius: 50%;}


/* Content
**************************************************************************************** */
#body { padding:0; color:#636363; margin-left: auto; width:85%; float:right;}

#content {  min-height:100%; padding:40px 0 20px 0; }

#content .content-header { position:fixed; width:100%; border-bottom:1px solid #c3c3c3; background: #fff; top: 50px; display:none;}
#content .content-header h1 { font-size:25px; color:#626262; padding:10px 20px; }
#content .content-body { margin:1%;}

.field-url { padding:4px 5px; height:22px; background:#fff; border:1px solid #cdcdcd; }
.field-url .url { float:left; font-size:13px; margin-right:15px; line-height:22px; }
.field-url .url label { display:inline; margin-right:10px; }
.field-url .url span { font-size:13px; }
.field-url .url input { height:22px; margin:0; padding:0 2px; width:400px; }
.field-url .actions { float:left; margin-top:3px; }
.field-url .actions i { font-size:14px; }

.widget-table { clear:both; border:1px solid #fff;}
table.list { width:100%; border-collapse:collapse; }
table.list tr { border-top:1px solid #dfdfdf; }
table.list tr td { font-size:13px; border:0px solid #fff; cursor:pointer; color:#5f5f5f;
	border-left:1px solid #dfdfdf;  }
table.list tr td p{padding:14px 20px;}
table.list tr td:first-child { border-left:0; }
table.list tr.head { border-top:0; background-color:#eee; }
table.list tr.head td { padding:9px 12px; cursor:default; color:#5F5F5F; text-align:center; font-weight:bold;
	background:#fff;
}
table.list tr.odd { background-color:#fff; }
table.list tr.even { background-color:#f2f2f2; }
table.list tr.over { background-color:#bbb; }
.button { clear:both; text-align:right; margin:20px 0; }
.button input { margin:0 0 0 10px; padding:10px 20px; color:#fff; font-size:12px;
	border:1px solid #eee; cursor:pointer;  background: #1cbcb4;
}
.button input:hover { border:1px solid #ddd; }
.pager { clear:both; padding-top:20px; text-align:right; }
.pager .page-nav, 
.pager .page-numbers { display:inline-block; }
.pager a { display:inline-block; color:#919191; background-color:#F9F9F9; padding:7px 10px;
	font-size:12px; margin:0 5px; text-decoration:none; border:1px solid #d3d3d3; border-radius:2px; 
	box-shadow:0 1px 2px #d3d3d3 inset, 0 1px 0 white; -webkit-box-shadow:0 1px 2px #d3d3d3 inset, 0 1px 0 white;
	-moz-box-shadow:0 1px 2px #d3d3d3 inset, 0 1px 0 #fff; }
.pager .page-numbers { margin:0 5px; } 
.pager a.active { background-color:#6f6f6f; border:1px solid #646464; color:#fff; font-weight:bold;
	box-shadow:0 1px 2px #545454 inset, 0 1px 0 white; -webkit-box-shadow:0 1px 2px #545454 inset, 0 1px 0 white;
	-moz-box-shadow:0 1px 2px #545454 inset, 0 1px 0 #fff; }

.message { font-size:12px; color:#fff; padding:10px 12px; border-radius:2px; margin-bottom:10px; }
.message-info,
.message.info { background-color:#009900; }
.message-alert,
.message.alert { background-color:#ff9933; color:#333; }
.message-error,
.message.error { background-color:#ed1c24; }

.bar { clear:both; margin:20px 0; border:1px solid #CDCDCD;
	box-shadow:0 1px 0 white; -webkit-box-shadow:0 1px 0 white; -moz-box-shadow:0 1px 0 #fff;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	text-shadow:0 1px white; color:#636363; background: #F8F8F8;
	background: -moz-linear-gradient(top, #F8F8F8 0%, #E8E8E8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#E8E8E8));
	background: -webkit-linear-gradient(top, #F8F8F8 0%,#E8E8E8 100%);
	background: -o-linear-gradient(top, #F8F8F8 0%,#E8E8E8 100%);
	background: -ms-linear-gradient(top, #F8F8F8 0%,#E8E8E8 100%);
	background: linear-gradient(top, #F8F8F8 0%,#E8E8E8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 ); }
.bar h2 { font-size:12px; color:#636363; padding:8px 14px; }

	.colfull{width:100%; clear: both;}
	.coll1{width:74%; float:left;}
	.colr1{width:74%; float:right;}
	.coll2{width:49%; float:left;}
	.colr2{width:49%; margin-left:2%; float:right;}
	.coll3{width:33.333%; float:left;}
	.colr3{width:33.333%; float:right;}
	.coll4{width:24%; margin-left:1%; float:left;} 
	.colr4{width:24%; margin-left:1%; float:right;} 
	.coll5{width:20%; float:left;}
	.colr5{width:20%; float:right;} 
	.coll4 .button input{width:100%; margin:0px;} 
	.coll6{width:60%; float:left;}
	.colr6{width:60%; float:right;}
	.coll7{width:66.333%; float:left;}
	.colr7{width:66.333%; float:right;}
	.coll8{width:80%; float:left;}
	.colr8{width:80%; float:right;}
	
	@media all and (max-width: 960px) {
		.coll1{width:100%; clear: both;}
		.colr1{width:100%; clear: both;}
		.coll2{width:100%; clear: both;}
		.colr2{width:100%; clear: both;}
		.coll3{width:100%; clear: both;}
		.colr3{width:100%; clear: both;}
		.coll4{width:100%; clear: both;} 
		.colr4{width:100%; clear: both;} 
		.coll5{width:100%; clear: both;}
		.colr5{width:100%; clear: both;} 
		.coll4 .button input{width:100%; clear: both;} 
		.coll6{width:100%; clear: both;}
		.colr6{width:100%; clear: both;}
		.coll7{width:100%; clear: both;}
		.colr7{width:100%; clear: both;}
		.coll8{width:100%; clear: both;}
		.colr8{width:100%; clear: both;}
	}

.column-1,
.column-2 { margin-bottom:20px; }
.column-1 { margin-right:320px; }
.column-2 { position:absolute; top:0; right:0; width:300px; }
.column-2.margin-tab { margin-top:37px; }

.column-half { float:left; width:49%; margin-left:2%; }
.column-half.alpha { margin-left:0; }

.column-holder { margin-right:320px; }
.column-holder .column-1 { float:left; width:100%; margin-right:0; }
.column-holder .column-2 { position:static; float:right; margin-right:-320px; }

.link-button { display:block; background-color:#3c85ba; text-decoration:none; color:#fff; padding:9px 10px;
	font-size:13px; line-height:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.link-button:after { clear:left; display:block; content:""; line-height:0; }
.link-button i { margin-right:10px; color:#fff; margin-top:0; width:auto; }
.link-button span { float:left; display:inline-block; margin-left:5px; font-weight:500; }
.link-button.red { background-color:#c05343; }
.link-button.green { background-color:#4ca15b; }
.buttons-area .link-button { margin-top:10px; }
.buttons-area .link-button:first-child { margin-top:0; }

.widget { background-color:#fff; border:1px solid #fff; margin-bottom:20px;
	-webkit-box-shadow:0 2px 2px -2px #ccc; -moz-box-shadow:0 2px 2px -2px #ccc; box-shadow:0 2px 2px -2px #ccc; }
.widget .whead { background:#f4f4f4;
	box-shadow:0 1px 0 #fff; -webkit-box-shadow:0 1px 0 #fff; -moz-box-shadow:0 1px 0 #fff; }
.widget .whead h5 { float:left; display:block; padding:8px 15px; font-size:12px; font-weight:bold; color:#3d464d; line-height:22px; }
.widget .whead .right { padding-right:15px; }
.widget .whead .right a { display:inline-block; font-size:14px; line-height:14px; text-decoration:none; color:#fff;
	background-color:#0088cc; padding:7px 10px; margin:5px 0 0 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.widget .whead .right a:hover { background-color:#dd514c; }
.widget .whead .right a i { margin-right:5px; }
.widget .wbody { padding:15px; }
.widget .whead:after,
.widget .wbody:after { clear:both; display:block; content:""; line-height:0; }
.tab .no-border-top { border-top:0; }
.tab .no-top { position:relative; border-top:0; margin-top:-20px; }
.widget .widget-table { border:1px solid #cdcdcd; }
.widget.button-set .button { margin:0; }

.widget .widget { background-color:#fff; }

.image-block { position:relative; }
.image-preview { position:absolute; top:0; left:0; background-color:#fff; }

@media all and (max-width: 960px) {
	.column-1 { margin-right:0; }
	.column-2 { position:static; width:auto; }
	.column-holder { margin:0; }
	.column-holder .column-1 { float:none; }
	.column-holder .column-2 { float:none; margin-right:0; }
	.column-2.margin-tab { margin-top:0; }
}


/* Footer
**************************************************************************************** */
#footer { display:none; clear:both; position:absolute; bottom:0; left:140px; right:0px; }
#footer .content { border-top: 1px solid #4a4a4a; margin:0 20px; }
#footer div.copy p { color:#fff; font-size:13px; line-height:40px; text-align:right; }