/*
  *  style.css
  *  -> inserções para adequar ao modelo desejado  
  *  versão 1.0 11.04.2017 
*/ 
/*
  -> font-family: "Alegreya-Regular"; 		 relógio
  -> font-family: "Josefin";						 geral : botões, alertas
  -> font-family: "Josefin-Bold";				 titulo 
  -> font-family: "Quicksand";					 geral
  -> font-family: "Quicksand-Bold";			 titulo 2
  -> font-family: "Yellowtail";					usuario
 
*/

body{ 
	font-family: "Quicksand"; 
}
  
 
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #123AC7;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #c0c0c0;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #777;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
} 

/*
	->Cores
		1a) verde
		2a) amarelo dourado
		3a) cinza
*/
.cor_pri1{
	color: #0E2D96;
}
.cor_pri2{
	color: #123AC7;
}
.cor_seg1{
	color: #cca32f;
}
.cor_seg2{
	color: #D0B146;
}
.cor_ter1{
	color: #707070;
}
.cor_ter2{
	color: #a6a6a6;
}
 
 
/*
	Background: 
*/
.bg_pers{
	position: relative;
	font-size:  0.8em;
	vertical-align: middle;
	text-align: center !important;
	
}
.bg_cinza{
	background:  #ddd;
	color: #fff;
}
.bg_verde{
	background:  #123AC7;
	color: #fff;
}
.bg_amarelo{
	background: #cca32f;
	color: #333;
}

#signin-page{
	background: #D9D9D9;
} 

/*Janela Modal*/
.modal-header{
	background: #707070;
	color: #fff;
} 
		  
	.modal-dialog{
		width: 67%; 
		margin: 0 auto !important; 
		top: 0 !important;
	}
	
	.modal-dialog .modal-content{
 		font-size: 1em;
	}
		.modal-dialog .modal-content .modal-body{
			font-size: 1.2em;
			z-index: 99;
		}
		.modal-dialog .modal-content label,
			.modal-dialog .modal-content p{
				font-size: 1.1em !important;
			}	
		



/* Tabela */ 
	#tabela thead th,
	#tabela1 thead th{
		font-size: 0.8em !important;
		font-family: "Josefin-Bold";
	}
	#tabela tr.tr_especial{
		background:  none;
	}
		#tabela tr.tr_especial td.td_especial{
			color: red;
		}
		#tabela tr.tr_especial td{
			color:  #BBB;
		}
 
	#tabela tbody tr td,
	#tabela1 tbody tr td{
		font-size: 0.8em  ;  
	}
	 
 
	#tabela tbody a,
	#tabela1 tbody a,
	#tabela tbody button,
	#tabela1 tbody button{
		position: relative;
		display: block;
		margin: 0.7em auto ;
		font-size: 0.85em;
	}
	
	#tabela tbody a.btn,
	#tabela1 tbody a.btn{
		width: 8em; 
	}
	
	#tabela img,
	#tabela1 img{
		width: 10em;
	}
	
	
	table tbody{
		color: #272727;
	}	
	table tbody small{
		color: #363636; 
	}
	table tbody small u{
		color: #434343; 
	}


 
 
@media (max-width: 1020px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
	.visible_desktop{
		display: none;
	}
}

/*Tela de Login*/
.pt_imagem, .pt_formulario{
	height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	} 
	 
	.pt_formulario{ 
		display: inline;   
	}		 

	/*Formulário de acesso*/
	.pt_formulario .form {
		margin-top: 25%;  
		background: #f8f9f9;
	}
		.pt_formulario .form i{
			font-size: 1.2em;
		}
		.pt_formulario .form input{
			background: #eee; 
			border: 1px solid #CCC;
		}
		.pt_formulario .form input:focus{
			background: #fff; 
			
			font-style: italic;
			transition: 1s;
		}
		.pt_formulario .form .form-group:nth-child(3){
			position: relative;
			margin: 0;
			padding: 1em;
			font-size: 0.8em;
			color: #999;
			
			border: 1px solid #ccc;  
		}
				.pt_formulario .form .form-group:nth-child(3) .checkbox {
						float: left; 
						position: relative;
						display: inline;
						top: 0;   
				}
				.pt_formulario .form .form-group:nth-child(3) i{
					position: relative;
					top: 0.3em;
				}
				
		/* Botão "Lembrar senha"	*/		
		.pt_formulario .form .checkbox-list{
			color: #777;
		}
		.pt_formulario .form .checkbox-list .switchery{
			 width: 50px;
			 height: 22px;
				
		}		
			.pt_formulario .form .checkbox-list .switchery small{
				height: 21px;
				width: 22px;
			}	
		
	/*Renovação de Senha*/
	#modalResetPass .modal-dialog .modal-content{
		background:  #707070;
		color: #fff;
	}	
		#modalResetPass .modal-dialog .modal-content h4.modal-title{
			text-transform: uppercase;
		}
		#modalResetPass .modal-dialog .modal-content .modal-body #form-renova p{
			font-size: 1.2em;
		}
		
		.page-form .form-renova{
				font-size: 1.1em;
		}	
			.page-form .form-renova p{
				font-size: 1.3em;
			}	
			.page-form .form-renova small{
				color: #fff;
			}
			.page-form .form-renova .form-group{
				background: none;
			} 
	
	
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*		Conteúdo		*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
 
	/*SUM BOX*/
	#sum_box{
		margin: 0 1.5%;
	}
	#sum_box .icon{
		font-size: 1.5em;
	} 
	
	/*Clima*/
	#serv_aux_clima .modal-content{
		width: 30em;
		height: 14.5em;
		margin: 0 auto;
		padding: 0;
		font-size: 1.5em; 
	}
	
		#serv_aux_clima .modal-content .modal-body{
			margin: 0;
			padding: 0;
			width: 100%; 
		}
		
			#serv_aux_clima .modal-content .modal-body #clima{
				padding: 0em;
				width: 100% !important; 
			}
		
				#serv_aux_clima .modal-content .modal-body #clima .panel-body{
					margin: 0;
					padding: 1em;
					
					background: none;
				}
						
						/*1a linha*/
						#serv_aux_clima .modal-content .modal-body #clima .panel-body #clima_box,
						#serv_aux_clima .modal-content .modal-body #clima .panel-body #clima_lista{
					
							margin: 0;
							padding: 0.5em;
							float: left;
							position: relative;
							display: block;
							width: 100%;
							
							background: #CCA32F;
						}
						
							/*cidade*/
							#serv_aux_clima .modal-content .modal-body #clima .panel-body #clima_box h4{
								color: #fff;
								text-transform: uppercase;
								margin: 0 auto;
								position: relative;
							}	
							
							/*dados do clima*/
							#serv_aux_clima .modal-content .modal-body #clima .panel-body #clima_box .wiToday{
								position: relative;
								display: block;
								margin: 0;
								padding: 0;
								
								color: #fff;
							}
								#serv_aux_clima .modal-content .modal-body #clima .panel-body #clima_box .wiToday .wiIconGroup{
									position: relative;
									font-size: 1.5em;  
								}	
								#serv_aux_clima .modal-content .modal-body #clima .panel-body #clima_box .wiToday .wiTemperature{
									font-size: 5em;
								}
								#serv_aux_clima .modal-content .modal-body #clima .panel-body #clima_box .wiToday .wiDetail{
										font-size: 0.9em;
								}
							 
					
					/*2a linha*/
					#serv_aux_clima .modal-content .modal-body #clima .panel-body #clima_lista{
						margin: 0;
						
						background: #707070; 
					}
						/*nome da cidade*/
						#serv_aux_clima .modal-content .modal-body #clima .panel-body #clima_lista h2{
							display: none;
						}	
						/*dados da lista*/
						#serv_aux_clima .modal-content .modal-body #clima .panel-body #clima_lista .wiForecasts{
							padding: 0 1em;
							color: #fff;
						}
							#serv_aux_clima .modal-content .modal-body #clima .panel-body #clima_lista .wiForecasts .wiDay{
								font-size: 1.1em;
							} 
								 
					
					
		
/*************************
				WIDGET
*/		
.widget {
  position: relative;
  background: #fff;
  color: #5b5b5b;
  margin-bottom: 20px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.widget-header,
.widget-content {
  display: block;
  width: 100%;
  clear: both;
}
.widget-header {
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  background: rgba(0,0,0,0.02);
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.portlets {
  min-height: 50px;
}
.portlets .widget-header {
  cursor: move;
}
.widget-footer {
  -webkit-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  overflow: hidden;
}
.widget-header.transparent {
  background: transparent;
  border: none;
}
.widget-header.centered {
  text-align: center;
}
.widget-header .left-btn {
  position: absolute;
  left: 10px;
  top: 6px;
}
.widget-content {
  -webkit-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.widget-content.padding {
  padding: 15px;
}
.widget-content.padding-sm {
  padding: 10px;
}
.widget-content.padding-xs {
  padding: 1%;
}
.widget.maximized {
  position: fixed;
  -webkit-border-radius: 0;
  border-radius: 0;
  top: 50px;
  left: 280px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  margin: 0px;
}
#wrapper.enlarged .widget.maximized {
  left: 50px;
}
#wrapper.open-right-sidebar .widget.maximized {
  right: 230px;
}
.widget.modal-widget {
  position: absolute;
  display: block;
  z-index: 10;
  box-shadow: 0px 0px 2px rgba(0,0,0,0.2), 0px 10px 15px rgba(0,0,0,0.2);
}
.widget.modal-widget.modalize .widget-header {
  background: #efefef;
}
.widget:before,
.widget:after {
  display: table;
  content: " ";
}
.widget:after {
  clear: both;
}
.widget .des-thumbnail {
  padding: 20px;
}
.widget .img-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.widget .img-wrap img {
  width: 100%;
}
.widget .widget-header {
  height: 43px;
  display: block;
}
.widget .widget-header h2 {
  padding: 4px 13px 4px 13px;
  margin: 0px;
  font-weight: 400;
  font-size: 16px;
  display: block;
  color: #5b5b5b;
}
.widget .widget-header h2.no-style {
  padding: 0px;
  margin: 20px 0px 10px 0px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 30px;
  border-bottom: none;
}
.widget.box-messages {
  margin-top: -50px;
}
.widget.box-messages h2 {
  border-bottom: none;
}
.widget .statistic-chart {
  padding: 0 0 0px 0;
}
.widget .statistic-chart .toolbar {
  padding: 10px;
  padding-top: 0px;
}
.widget.full {
  padding: 0px;
}
.widget.full .box-footer {
  padding: 20px 20px 15px 20px;
}
.widget.full .box-footer a,
.widget.full .box-footer a:hover {
  color: #1B1E24;
  text-decoration: none;
}
.widget .nav-tabs > li > a {
  line-height: 1.428571429;
  border: none;
  margin-right: 6px;
  background: rgba(0,0,0,0.04);
  font-family: "Quicksand";
  color: #555;
  font-size: 13px;
}
.widget .tab-content {
  padding-top: 10px;
  font-size: 13px;
}
.widget .tab-boxed {
  padding: 10px;
  border: 1px solid #ddd;
  border-top: 0px;
}
.widget .nav-tabs > li > a i {
  color: #555;
}
.widget .media-list {
  margin-top: 30px;
}
.widget .media-list a {
  color: #1B1E24;
}
.widget .media-list a:hover {
  color: #212121;
  text-decoration: none;
}
.widget .media-list .media {
  padding: 5px 20px;
  border-bottom: 1px solid #eaeaea;
}
.widget .media-list li:last-child.media {
  border-bottom: none;
}
.widget .media-list .media .media-heading a {
  font-size: 14px;
  font-weight: 600;
  color: #1B1E24;
  margin-right: 5px;
}
.widget .media-list .media .media-heading small {
  color: #65BD77;
  font-size: 11px;
}
.widget .media-list .media p {
  color: #909090;
}
.widget .media-list .media .media-object {
  width: 50px;
}
.widget .nav-tabs > li.active > a,
.widget .nav-tabs > li.active > a:hover,
.widget .nav-tabs > li.active > a:focus {
  cursor: default;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: none;
  background-color: #7A868F;
  color: #fff;
}
.widget .nav-tabs > li.active > a i,
.widget .nav-tabs > li.active > a:hover i,
.widget .nav-tabs > li.active > a:focus i {
  color: #fff;
}
.widget .nav-tabs.nav-simple li a {
  background: none;
}
.widget .nav-tabs.nav-simple > li.active > a,
.widget .nav-tabs.nav-simple > li.active > a:hover,
.widget .nav-tabs.nav-simple > li.active > a:focus {
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  background: none;
  color: #555;
}
.widget .nav-tabs.nav-simple > li.active > a i,
.widget .nav-tabs.nav-simple > li.active > a:hover i,
.widget .nav-tabs.nav-simple > li.active > a:focus i {
  color: #555;
}
.widget .additional-box {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 2;
}
.widget .additional-btn {
  position: absolute;
  top: 10px;
  right: 13px;
  z-index: 2;
}
.widget .left-toolbar {
  position: absolute;
  top: 10px;
  left: 13px;
  z-index: 2;
}
.widget:hover .additional-btn > a.hidden {
  display: inline-block !important;
  visibility: visible !important;
}
.widget:hover .additional-btn > a.hidden.nevershow,
.widget:hover .additional-btn > a.nevershow,
.widget .additional-btn > a.nevershow {
  display: none !important;
}
.widget .widget-header:hover .additional-btn > a {
  color: #909090;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
}
.widget.modal-widget.modalize .widget-header .additional-btn > a {
  color: #909090;
}
.widget .btn-group {
  z-index: 1;
}
.widget table .btn-group {
  z-index: 1;
}
.widget .additional-btn .dropdown-menu {
  z-index: 9;
  background: #fff;
}
.widget .widget-close,
.widget .widget-toggle {
  font-size: 15px;
}
.widget .widget-close:hover {
  color: #EB5055 !important;
}
.widget .additional-btn > a,
.widget .widget-header .additional-btn .btn-group > a {
  color: #ccc;
  margin-left: 7px;
  margin-right: 0px;
  cursor: pointer;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
}
.widget .additional-btn > a:hover {
  text-decoration: none;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
}
.ui-sortable-placeholder {
  background: #c1c1c1 !important;
  display: block;
  visibility: visible !important;
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.1);
  box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.1);
}
.widget.ui-sortable-placeholder * {
  visibility: hidden;
}
.transparent {
  background: rgba(0,0,0,0);
  color: #fff;
}
.white {
  background: #ffffff;
  color: #555;
}
.widget.success {
  background: #65BD77;
  color: #fff;
}
.widget.success h2 {
  color: #2C7439;
  border-bottom-color: #3B934B;
}
.widget.success:hover {
  color: #DEFFE5;
}
.widget.success .additional-btn a.additional-icon {
  color: #3B934B;
}
.widget.success .additional-btn a:hover.additional-icon {
  color: #2C7439;
}
.widget.success .text-box h3 {
  color: #215F2E;
}
.widget.success .progress-bar-success {
  background-color: #215F2E;
}
.widget.success i.success {
  color: #215F2E;
}
.widget.danger {
  background: #D9534F;
  color: #fff;
}
.widget.danger h2 {
  color: #791C1A;
  border-bottom-color: #791C1A;
}
.widget.danger:hover {
  color: #fff;
}
.widget.danger .additional-btn a.additional-icon {
  color: #791C1A;
}
.widget.danger .additional-btn a:hover.additional-icon {
  color: #791C1A;
}
.widget.danger .text-box h3 {
  color: #791C1A;
}
.widget.danger .progress-bar-danger {
  background-color: #791C1A;
}
.widget.danger i.danger {
  color: #791C1A;
}
.widget.info {
  background: #4393D8;
  color: #fff;
}
.widget.info h2 {
  color: #15558B;
  border-bottom-color: #15558B;
}
.widget.info:hover {
  color: #DEFFE5;
}
.widget.info .additional-btn a.additional-icon {
  color: #15558B;
}
.widget.info .additional-btn a:hover.additional-icon {
  color: #15558B;
}
.widget.info .text-box h3 {
  color: #15558B;
}
.widget.info .progress-bar-info {
  background-color: #15558B;
}
.widget.info i.info {
  color: #15558B;
}
.widget.warning {
  background: #F7CB17;
  color: #fff;
}
.widget.warning h2 {
  color: #9D5D03;
  border-bottom-color: #9D5D03;
}
.widget.warning:hover {
  color: #DEFFE5;
}
.widget.warning .additional-btn a.additional-icon {
  color: #9D5D03;
}
.widget.warning .additional-btn a:hover.additional-icon {
  color: #9D5D03;
}
.widget.warning .text-box h3 {
  color: #9D5D03;
}
.widget.warning .progress-bar-warning {
  background-color: #9D5D03;
}
.widget .progress-bar-semi-transparent {
  background-color: rgba(255,255,255,0.4);
}
.widget.warning i.warning {
  color: #9D5D03;
}
.widget .additional {
  padding: 0 15px;
  background: #fff;
  color: #909090;
  margin: 15px -15px -15px -15px;
}
.widget .additional .list-box-info {
  margin: 0 -15px;
}
.widget .additional .list-box-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget .additional .list-box-info ul li {
  background: #fff;
  padding: 15px 20px;
  color: #909090;
  border-bottom: 1px solid #ddd;
}
.widget .additional .list-box-info ul li span.label {
  float: right;
  font-size: 13px;
}
.widget .additional .list-box-info ul li:last-child {
  border-bottom: 1px solid #fff;
}
.left .widget {
  margin: 10px;
}
.left .widget-header h2 {
  color: #fff;
  padding: 4px;
}
.left .widget .additional-btn {
  right: 4px;
}
.widget.full h2 {
  padding: 15px;
  margin: 5px 0px 20px 0px;
}
.widget table {
  margin: 0;
}
.widget table tr th,
.widget table tr td {
  padding-left: 15px;
  padding-right: 15px;
}
.widget .widget-icon {
  font-size: 50px;
  position: absolute;
  right: 4%;
  top: 10px;
  color: #ffffff;
}
.widget .text-box h2 {
  padding: 0;
  margin: 0px 0;
  font-weight: 300;
  font-size: 32px;
  display: block;
  color: #fff;
}
.widget .text-box .maindata {
  font-size: 11px;
  color: #fff;
  font-family: "Quicksand";
}
.widget .text-box .maindata b {
  font-size: 12px;
}
.top-summary .widget .progress {
  margin: 0px;
  background: rgba(0,0,0,0.2);
}
.top-summary .widget .widget-footer {
  background: rgba(0,0,0,0.1);
  padding: 4px 15px;
  font-size: 12px;
  color: rgba(255,255,255,0.9);
}
.top-summary .widget .widget-footer .rel-change {
  font-size: 14px;
  color: #fff;
  margin-right: 7px;
}
.flip {
  perspective: 600px;
  perspective-origin: 50% 50%;
  position: relative;
}
.flip:hover .widget-flip,
.flip.hover .widget-flip {
  transform: rotateY(180deg);
}
.flip,
.widget-front,
.widget-back {
  width: 100%;
  height: 110px;
}
.widget-flip {
  transition: all 600ms ease 0s, opacity 200ms ease 0s;
  transform-style: preserve-3d;
  position: relative;
}
.widget-front,
.widget-back {
  backface-visibility: hidden;
  transform-origin: 50% 50% 0;
  position: absolute;
  top: 0;
  left: 0;
}
.widget-front {
  z-index: 2;
  background: #ff0000;
}
.widget-back {
  background: #333;
  transform: rotateY(180deg);
}



/*	//WIDGET	*/


/* Gráfico Usuários (index.php)  */
	#accordionA .panel-heading a{
		color: #fff;
	}
	.chart {
	  position: relative;
	  display: inline-block;
	  width: 110px;
	  height: 110px;
	  
	  text-align: center;
	  vertical-align: middle; 
	}
	.chart canvas {
	  position: absolute;
	  top: 0;
	  left: 0;
	}
	
	.percent {
		  display: inline-block;
		  position: relative;
		  z-index: 2; 
		 color: #fff;
		  font-size: 0.8em;	
		  
		  margin-top: 1.6em;
	}
	
	.percent:after {
	  content: '%'; 
	  font-size: 1em; 
	}  

/* //Gráfico Usuários (index.php)  */


/*Data e Hora*/
.data_hora{
	position: relative;
	float: left;
	margin: 0; 
	padding: 1em 0em;
	line-height: 2.5em;
	width: 220px;
	background: none; 
	font-size: 1.1em;
	text-align: center;
	font-family: "Josefin";
}
		.data_hora #dia{
			position: relative; 
			display: inline;
			margin: 0;
			padding: 0;
		}
			.data_hora #dia b{
				margin-left: 0.2em;
				font-size: 0.9em;
			}
		.data_hora #horas{
			position: relative;
			display: inline;
			font-size: 1.5em;
			margin: 0 0.3em;
			padding: 0; 
			font-family: "Alegreya-Regular"; 		
		}
/* //Data e Hora*/
/*
	dropdown-menu dropdown-alerts
*/
/*Letreiro*/
.news-update-box{ 
	margin: 0 0 0 1%;
}
	.news-update-box .ticker b{
		font-family: "Josefin";
	}
/*//Letreiro*/
 
		
		
/*Serviços auxiliares*/	
		#topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts > li .dropdown-slimscroll:hover {
			background: none !important;
		} 
		
		
#topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts{
	height: 14em !important; 
	background: #fff;

}	 
	 #topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts > li {
		width: 100%; 
	 }	 
	 	#topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts > li h4{
			text-transform: capitalize;
		}	
		
	 #topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts > li .dropdown-slimscroll{
		 height: 10.5em !important;
		 width: 18em !important;
	 }
			/* opções do menu*/
			#topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts > li .dropdown-slimscroll > ul{
				width: 100% !important;
				position: relative;
				display: block;
				margin: 0.3em 0 0;
				padding: 0;
				float: left; 
			}	
				#topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts > li .dropdown-slimscroll > ul > li{
					list-style: none;
					position: relative;
					float: left !important;  
					margin: 0;
					padding: 0;
					width: 33.3% !important;
				}	
					#topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts > li .dropdown-slimscroll > ul > li > a{
						position: relative;
						float: left;
						margin: 0 !important;
						padding:  0.3em 0 !important; 
						text-align: center;
						
						height: 5.5em;
						width: 100%;
					}

					/*ícones*/
					#topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts > li .dropdown-slimscroll > ul > li > a > i,
					#topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts > li .dropdown-slimscroll > ul > li > a > span{
						display: block;
						position: relative;
						margin: 0 auto;
						height: 1.2em;
						
						font-size: 2.3em;
					}	
					#topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts > li .dropdown-slimscroll > ul > li > a > i.fa{
						top: 0.3em;
					} 
						#topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts > li .dropdown-slimscroll > ul > li > a > i:hover{
							color: #D0B146;
						}
					/*nomes*/
					#topbar .topbar-main .navbar-top-links li.dropdown ul.dropdown-alerts > li .dropdown-slimscroll > ul > li > a > span{
						font-size: 1em;
						height: 0em;
						text-transform: capitalize;
					}	
					
/*//Serviços auxiliares*/


/*Clima*/ 
	#clima .panel{ 
		background: ;
		padding: 0.1em;
	}	
		#clima .panel-body{ 
			padding: 0.7em 0;
			margin: 0;
		}	
		#clima_box {
			position: relative;
			color:#fff;  
			padding:  0;
			margin:  0 auto;
			width: 96%; 
		}	
/*//Clima*/
		
		
/*Mapas (gmaps)  	*/
 	#serv_aux_mapa .modal-dialog{ 
		width: 80%; 
		height: 80%;
		
		position: relative;
		margin: 0 auto;
		padding: 0;
		
		background: #fff; 
	}
	
		#serv_aux_mapa .modal-dialog .modal-header{	   
			border-bottom: 1px solid #ccc;
			background: none; 
		}	
			#serv_aux_mapa .modal-dialog .modal-header .modal-title{
				float: left;
				margin: 0 1em; 
			}	
	
		#serv_aux_mapa .modal-dialog .modal-body{
			 
			background: none; 
			border-top: 1px solid #fff;
			box-shadow: none;	
		}			
		  
			 #serv_aux_mapa .modal-dialog .modal-body iframe {					
					position: relative;
					display: inline;
					margin: 1% 0;
					padding: 0;
					
					width: 100%;
					height: 95%;
					border:  none;
					overflow: none;
					
					border: none;
			 }	
			 
		#map,
		#geocoding{
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			
		}	 
		#geocoding{ 
			margin: 1em 0 0; 
		}	 
		#geocoding_form{
			position: relative;
			display: block;
			margin: 0;
			padding: 0.5em 1em 0;
			
			text-align: center;
			background: none;
		}
			#geocoding_form input#address{
				position: relative; 
				display: inline;
				margin: 0;
				padding: 0.4em 0.5em ;
				font-size: 0.9em;
				color: #333;
				
				width: 50%;
				border: 1px solid #ccc;
			}
			#geocoding_form .btn{
				border: none; 
			}
			 
/*//Mapas (gmaps) */	


/*	1a linha	*/
	/*	Quadros de Contagem	*/ 
		#linha1 > .col-sm-12{ 
			position: relative;
			margin: 0;
			padding: 0;
		}
			#linha1 .col-sm-6{ 	
				position: relative; 
				padding: 0;
			} 
	/* 	//Quadros de Contagem	*/
/*  //1a linha */	


/*	2a linha	*/
	/*Chat*/
		#linha2 #frame-chat{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			top: 0;
			left: 0; 
			font-family: "Quicksand";
			
			background: none;
			
			height:  30em;
			width:   100%;
			border: none;
			overflow: hidden; 
		}
		
	 
			#linha2 #frame-chat #pfc_container{
				position: relative;
				height: 200px;
 			
			}
	/*//Chat*/

		
	/* Linha 2b */	
 	 	#linha2b .panel > .panel-heading{		 
			font-size: 1.1em !important;
			font-weight: bold;
			text-transform: capitalize;
		}
		#linha2b .panel > .panel-body > table{
			width: 96%;
			margin: 0 2%;
			font-size: 1.2em;
		}
			 
				#linha2b .panel > .panel-body > table td{
					position: relative;
					width: 50% !important; 
					text-align: center;
					
					font-weight: bold;
					color: 	#456567;
				}
					#linha2b .panel > .panel-body > table td > i{
						font-weight: normal;
						color: #555;
						font-size: 0.8 em !important;
					}
	 
	
	/* // Linha 2b */	

	
	
/*	//2a linha	*/


/* 4a linha */
	 #linha4 .panel-body{
		 width: 100%; 
	 }
	#linha4 .table{
		position: relative;
		margin: 0;
		padding: 0;
		text-align: center;
		display: block;
		float: left;
		
		width: 99%;  
	}
		#linha4 .table thead,
		#linha4 .table tbody{
			width: 100%;
			position: relative;
			margin: 0;
			padding: 0;
			text-align: center;
			display: block;
			float: left;
		}
			#linha4 .table th,
			#linha4 .table td{
				vertical-align: middle;
				text-align: center; 
				 
			}
				
			#linha4 .table td{
				font-size: 0.85em;
			}			
			#linha4 .table:nth-child(2) td{
				font-size: 0.7em;
			}
			
			#linha4 .table tbody tr td,
			#linha4 .table thead tr th{
				width: 13em;
			}


/* // 4a linha */


/* ***********************
						Página
***********************  */
	.pagina{
		background: #fff;
		display: block;
		position: relative;
		font-size: 1em; 
	}
		
	#modal-pag-gal ul.lista_galeria{
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
		#modal-pag-gal ul.lista_galeria .li{
			position: relative;
			display: inline;
			margin: 1em 1.5%;
			padding: 0;
			width: 30%;
		}

	#usuario .col-md-4 .img-responsive:nth-child(2),
	#usuario .col-md-4 .img-responsive:nth-child(3){
		height: 3em;
	}		
		
	.pagina a.btn{
		position: relative;
		margin: 0.5em;
	}	
		
/*	//Página	*/


/* 
	==============
			Galeria
	============== 
*/

.img_modal{
	position: relative;
	display: block;
	margin: 10px auto;
	padding: 0;
	
	width: 80%; 
}

.media-filter {
    position: relative;
	display: block;
    margin: 2em auto;
    padding: 0;
	width: 100%; 
}
	.media-filter .row{
		margin-bottom: 1em;
	}

		.media-filter .row li {
			float: left; 
			margin: 0 0.3em;
			list-style: none;
		} 
			.media-filter .row li a {
				padding: 0.2em 0.8em;
			}
 

.media-gal {
    float: left;
    width: 100%;
    margin-top: 2em;
}
  
.media-gal .item {
	position: relative;
	float: left;
	text-align: center;
    margin-bottom: 1%;
    margin-right: 1%;
	padding:  0;
    width: 20em;
	height: 18em;
    border: 1px solid #A6A6A6;
    color: #707070;
	
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
} 

	.media-gal .item:hover { 
		border: 1px solid #D0B146;		
		 
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s; 
	} 
		
	.media-gal .item ul{
			position: relative;
			display: block;
			margin: 0 4%;
			padding: 0;
			width: 92%;
			max-height: 7em;
			text-align: center;
			
			background: none;
	}	
		.media-gal .item ul li{
			list-style: none;
		}
		.media-gal .item ul li:nth-child(1),
		.media-gal .item ul li:nth-child(5){
			width: 100%;
			text-align: center;
			font-size: 1.5em;
			margin: 0.5em 0;
			border-bottom: 1px solid #ccc;
		} 
		.media-gal .item ul li:nth-child(1) a{
			z-index: 9;
			color: #123AC7;
			padding: 0.2em 0.6em;
			margin: 0;
			border: 1px solid #fff;
			
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
		}
			.media-gal .item ul li:nth-child(1) a:hover{
				color: #D0B146; 
				background: none;
				padding: 0.2em 0.6em;
				margin: 0;
				border: 1px solid #D0B146;
				
				-webkit-border-radius: 0.5em;
				-moz-border-radius: 0.5em;
				border-radius: 0.5em;
				
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
				transition: all 0.3s;
			}
		.media-gal .item ul li:nth-child(5){
			font-size: 1.1em;
			border: none;
			margin: 0;
			font-style: oblique;
			font-weight: bold;
		} 
		.media-gal .item ul li:nth-child(2),
		.media-gal .item ul li:nth-child(3),
		.media-gal .item ul li:nth-child(4){
				position: relative;
				float: left;
				text-align: center;
				margin: 0 0 0 2.5%;
				width: 30%;
				font-size: 1.1em;
				
				background: none;
		}
		
		/* Adequações: 
			1) Audio
			2) Documento
			3) Imagem
			4) Vídeo
		*/
	.media-gal .item audio{
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align:center; 
	}
	.media-gal .item audio,
	.media-gal .item object,
	.media-gal .item img, 
	.media-gal .item video{ 
		height: 10em;
		max-width: 100%;
		
	}  
		.media-gal .item:hover img {
			opacity: 0.3;
		} 
		
 


/* Contato (contato.php) */
	#accordion table{
		font-size: 1em; 
	}
	#form-alt-cont section{
		font-size: 0.9em;
	}

	/*Formulário Rede Social : ícones*/	
	#form-ins-conta .radio-inline, 
	#form-alt-conta .radio-inline{
		position: relative;
		display: inline;
		float: left;
		margin: 0 0.3em 0 0;
		padding: 0;
		
		width: 6em;
		height: 3em;
		border: none;
	}
	#form-ins-conta input,
	#form-alt-conta input{
		position: relative;
		display: inline;
		margin: 0;
		padding: 0;
	}
	#form-ins-conta .radio-inline i,
	#form-alt-conta .radio-inline i{
		position: relative;
		display: inline;
		font-size: 2em; 
		margin: 0;
		padding: 0;
		top: 0.3em;
		left: 0em;	
	} 
	
	#table-conta .icone i{
		font-size: 2.5em;
	}
	 
	#modal-soc-ins .modal-body input,
	#modal-soc-alt .modal-body input{
		font-size: 0.9em;
	}	
	
/* //Contato (contato.php) */

 

/* Notificações */
#modal-notific .modal-dialog .modal-content{
	z-index: 1;
}	
/* //Notificações */

  

/*	Usuários	*/
#pagina_usuarios .perfil{
	width: 5em;
}		

/* //Usuários */


/* AJUDA */
#modal-ajuda .modal-dialog .modal-content{
	z-index: 99;
}
 	#modal-ajuda .panel-heading h3{
		text-transform:  uppercase;
	}

/* // AJUDA */


/* PESQUISA */
.result{
	position: relative;
	display: block;
	margin: 0;
	padding: 5px;
	
	background: #eee;
}
	.result b{
		float: right;
		color: #f90;
		font-weight: 700;
		font-size: 16px;
	}
	
/* //PESQUISA */

/* CLIENTES */
h5 u{
	color: orange; 
}
#wrap_financeiro,
#wrap_clientes{
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 1em 2em;
	
	width: 90%;
	height: auto;
	
	background: none;
}	
	#wrap_clientes ul li,
	#wrap_financeiro ul li{
		position: relative;
		border: 1px solid #ccc;
		background: #e7e7e7;
		
		padding: 1em 0;
		margin: 0.5em 0.3em;
		
		width: 3em; 
		text-align: center;  
		font-size: 1.3em; 
		font-weight: bold;
		
		-webkit-transition: 1s;
		transition: 1s;
	}
		#wrap_clientes ul li:hover,
		#wrap_financeiro ul li:hover{
			border:  1px solid #f2c025;
			background: #ccc;
		}
		#wrap_clientes ul li a,
		#wrap_financeiro ul li a{
			color: blue;
		}
			#wrap_financeiro ul li a:hover,
			#wrap_clientes ul li a:hover{
				color: black;
			}
	
/* //CLIENTES */



/* FINANCEIRO */ 
	#wrap_financeiro ul li{ 		
		width: 6em;  
	}
	#wrap_financeiro:nth-child(2) ul li{
		width: 10em;
	}
		 
#modal-financeiro_cat{
	z-index: 99999;
}		 
		 
	 

/* //FINANCEIRO */