/* ----------------------------------------------------

v2.2
lucasmaia.com (c)

------------------------------------------------------- */

/* light-reset css */
* {
	margin:0;
	padding:0;
}

html {}

body {}

/* -------------- */
/* --- GERAIS --- */
/* -------------- */

a {
	cursor:pointer
}

.left {
	float:left !important;
}

.right {
	float:right !important;
}

.clear {
	clear:both !important;
}

.center {
	text-align:center !important;
}

.hide {
	display:none;
}

.ui_readMore, .ui_readLess {
	display:inline-block;
	padding:0 5px;
	margin:0;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	/*text-transform:uppercase;*/
	text-decoration:none;
	color:#555;
	background-color:#e1e1e1;
	line-height:150%;
	
	border:0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	cursor:pointer;
}
	.ui_readMore:hover, .ui_readLess:hover {
		text-decoration:none;
		background-color:#555;
		color:#fff;
	}
	
.highlight {
	background-color:#fffb96;
}

/* ------------------ */
/* --- FORMULARIO --- */
/* ------------------ */
.ui_formAlert {
	background-color:#f1f1f1;
    margin: 0 auto 10px;
    padding: 10px;
    text-align: left;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

.ui_formError {
	background-color:#ffdee2 !important;
}
	span.ui_formError {
		background-color:transparent !important;
		color:#F00;
	}

.ui_required {
	border:1px solid #ab0000 !important;
	/*
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box;
	*/
}
	span.ui_required {
		border:none !important;
		background-color:transparent !important;
		color:#F00;
	}

/* ------------ */
/* --- ABAS --- */
/* ------------ */

ul.ui_tab {
}

/* --- TODAS AS ABAS --- */

ul.ui_tab li {
	height:50px; /* ALTURA GERAL DAS ABAS */
	background:#f2f2f2;
	border:1px solid #ccc;
	
	/* ESPAÇAMENTO ENTRE AS ABAS (lembre-se de :last-child e :first-child para tratar primeiro e ultimo item, caso queira) */
	margin-left:0;
	margin-right:0;
}

	ul.ui_tab li a {
		cursor:pointer;
		font-size:13px;
		font-weight:bold;
		color:#9B96A3;
		text-decoration:none;
		
		/* ESPAÇAMENTO CASO NAO-FULL OU SE TIVER UMA ABA */
		padding-left:25px;
		padding-right:25px;
	}
	
		ul.ui_tab li a:hover {
			text-decoration:none;
			color:#393845;
		}

/* --- ABA ATIVA--- */

ul.ui_tab li.active {
	height:63px; /* ALTURA GERAL DA ABA ATIVA */
	background:#f9f9f9;
}

	ul.ui_tab li.active a {
		font-size:15px;
		font-weight:bold;
		color:#393845;
	}
	
		ul.ui_tab li.active a:hover {
			color:#393845;
		}

/* --- CONTEUDO DA ABA --- */

.ui_tabContent {
	background-color:#f9f9f9;
	border:1px solid #ccc;
	padding:10px;
}



/* -------------------------- */
/* --- SUB-ABAS DO PORTAL --- */
/* -------------------------- */
ul.ui_tabsub {
}

/* --- TODAS AS SUBABAS --- */

ul.ui_tabsub li {
	height:26px; /* ALTURA GERAL DAS SUBABAS */
	background:#f2f2f2;
	border:1px solid #ccc;
	
	/* ESPAÇAMENTO ENTRE AS SUBABAS (lembre-se de :last-child e :first-child para tratar primeiro e ultimo item, caso queira) */
	margin-left:0;
	margin-right:0;
}

	ul.ui_tabsub li a {
		cursor:pointer;
		font-size:11px;
		font-weight:bold;
		color:#9B96A3;
		text-decoration:none;
		
		/* ESPAÇAMENTO CASO NAO-FULL OU SE TIVER UMA SUBABA */
		padding-left:25px;
		padding-right:25px;
	}

		ul.ui_tabsub li a:hover {
			text-decoration:none;
			color: #393845;
		}
		
		
/* --- SUBABA ATIVA--- */

ul.ui_tabsub li.active {
	height:36px; /* ALTURA GERAL DA SUBABA ATIVA */
	background:#fff;
}

	ul.ui_tabsub li.active a {
		font-size:12px;
		font-weight:bold;
		color:#393845;
	}
	
		ul.ui_tabsub li.active a:hover {
			color: #393845;
		}

/* --- CONTEUDO DA SUBABA --- */

.ui_tabsubContent {
	background-color:#fff;
	border:1px solid #ccc;
	padding:10px;
}


/* ------------- */
/* --- Modal --- */
/* ------------- */

#ui_modalFrame {
	z-index:100;
}

#ui_modalFrameBg {
	background-color: #000;
	cursor: no-drop;
	height: 100%;
	left:0;
	/*position: absolute;*/
	position:fixed;
	top: 0;
	width: 100%;
	z-index: 101;
}

#ui_modalFrameBox {
	background-color: #fff;
	border: 1px solid #ccc;
	position: fixed;  z-index:102;

	padding:8px 10px;
	overflow:auto;
	
	/*min-width:200px;
	min-height:100px;*/
}

#ui_modalFrameBox a {
	color: #ab0000;
	text-decoration: none;
}

#ui_modalFrameBox a:hover {
	text-decoration: underline;
}

#ui_modalFrameBoxHeader {}

#ui_modalFrameBoxHeaderClose {
	float:right;
	margin:0;
	padding:0;
	cursor:pointer;
}

#ui_modalFrameBoxBody {
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
	white-space: normal; /* importante para a quebra de linha */
}

#ui_modalFrameBoxBody ul:not(.ui_tab, ui_tabsub) {
	margin:0 0 0 20px;
	padding:0;
	list-style:square;
}

#ui_modalFrameBoxBody ul:not(.ui_tab, ui_tabsub) li {
	margin:0;
	padding:0 0 3px 2px;
	border:none;
}

/* -------------------- */
/* --- Link externo --- */
/* -------------------- */
.ui_blank {
}

.ui_blankIcon {
	color:#555;
}

/* -------------------------- */
/* --- Galeria de imagens --- */
/* -------------------------- */
.ui_gallery {
	position:relative;
	margin:0 auto;
	white-space:nowrap;
	font-size:0;
	line-height:0;
}
	a.ui_galleryLeft, a.ui_galleryRight {		
		display:block;
		background-color:#000;
		position:absolute; z-index:2;
		height:40px;
		width:40px;
		overflow:hidden;
		top:50%;
		
		line-height:35px;
		text-align:center;
		color:#fff;
		font-size:50px;
	}
	a.ui_galleryLeft.disabled, a.ui_galleryRight.disabled {
		cursor:text;
		-moz-opacity: 0.30;
		opacity: 0.30;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30);
	}
	a.ui_galleryLeft.active, a.ui_galleryRight.active {
		cursor:pointer;
		-moz-opacity: 0.70;
		opacity: 0.70;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	}
		a.ui_galleryLeft:hover, a.ui_galleryRight:hover {
			color:#fff;
		}
		a.ui_galleryLeft.active:hover, a.ui_galleryRight.active:hover {
			background-color:#fff;
			color:#0B98E1;
		}
	a.ui_galleryLeft {
		left:10px;
	}
	a.ui_galleryRight {
		right:10px;
	}
	a.ui_galleryPrev, a.ui_galleryNext {
		font-size:30px;
		padding:0 5px;
		text-decoration:none;
	}
		a.ui_galleryPrev {
			float:left;
		}
		a.ui_galleryNext {
			float:right;
		}

	.ui_galleryNav {
		text-align:center;
		margin-bottom:10px;
		overflow:hidden;
	}
		.ui_galleryNav a {
			display:inline-block;
		}
			a.ui_galleryNavNum {
				display:inline-block;
				width:16px; /* Necessario para rodar navegacao, desde que todos os itens tenham a mesma dimensao */
				text-align:center;
				padding:2px 5px;
				background-color:#e1e1e1;
				margin:0 1px;
				text-decoration:none;
				font-size:13px;
				line-height:100%;
			}
			a.ui_galleryNavNum:hover, a.ui_galleryNavNum.active {
				background-color:#f1f1f1;
			}
			
			a.ui_galleryNavImg {
				padding:0;
				margin:0 1px;
				width:40px;
				height:40px;
				overflow:hidden;
				
				border:2px solid #fff;
				-moz-box-sizing: border-box;    /* firefox */
				-ms-box-sizing: border-box;     /* ie */
				-webkit-box-sizing: border-box; /* webkit */
				-khtml-box-sizing: border-box;  /* konqueror */
				box-sizing: border-box;         /* css3 */
			}
				a.ui_galleryNavImg img {
					height:40px;
					width:auto;
				}
			a.ui_galleryNavImg:hover, a.ui_galleryNavImg.active {
				border:2px solid #ab0000;
			}
	
	.ui_galleryImg {
		display:inline-block;
		margin:0 auto;
		overflow:hidden;
		background-color:#ccc;
	}
	
	.ui_galleryTxt {
		position: absolute;
		background-color:#000;
		bottom: 0;
		clear: both;
		display: block;
		opacity: 0.8;
		padding: 12px 0;
		text-align:center;
		color:#fff;
		width:100%;
		
		font-size:13px;
		line-height:130%;
	}

/* ------------------ */
/* --- Thumbnails --- */
/* ------------------ */
.ui_thumb {
	overflow:hidden;
}

/* -------------- */
/* --- Filter --- */
/* -------------- */
.ui_filter {
}

.ui_filterItens {
}
	.ui_filterItens.active {
		border:2px solid #000;
	}

.ui_filterItem {
}
	.ui_filterItem.highlight {
		background-color:#FFF693; /*FEFBB9*/
	}
		/* Se a lista for uma tabela */
		tr.ui_filterItem.highlight {
			background-color:transparent;
			margin:0; padding:0;
		}
		tr.ui_filterItem.highlight td.highlight{
			background-color:#FFF693; /*FEFBB9*/
			margin:0;
		}

.ui_filterTags {
	font-style:italic
}

.ui_filterNoResult {
	text-align:center;
	font-weight:bold;
	padding:20px 0 10px;
}


/* -------------- */
/* --- Fixed --- */
/* -------------- */
.ui_fitcells {}

.ui_fitcellsItem {
	float:left;
	width:50%;
}


/* -------------- */
/* --- Fixed --- */
/* -------------- */
.ui_fixed {}


/* ----------------- */
/* --- Carrossel --- */
/* ----------------- */
.ui_carousel ul {
	margin:15px 0;
	padding:0;
}

.ui_carousel ul li {
	font-size:small;
	line-height:100%;

	margin:0 5px 0 5px; /* nao pode ser important, ja que o margin sera alterado, caso full */
	padding:55px;
	border:1px solid #ccc !important;
	
	text-align:center;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	a.ui_carouselPrev, a.ui_carouselNext {		
		display:inline-block;
		padding:3px;
	}
	a.ui_carouselPrev.disabled, a.ui_carouselNext.disabled {
		cursor:text;
		-moz-opacity: 0.20;
		opacity: 0.20;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);
	}
	a.ui_carouselPrev.active, a.ui_carouselNext.active {
		cursor:pointer;
		-moz-opacity: 1.00;
		opacity: 1.00;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	}
	.ui_carouselPage {
		min-height:1px; /* importante para nao se passar por :hidden */
		display:inline-block;
		text-align:center;	
		font-size:0;
		line-height:0;
	}
	.ui_carouselPage a {
		display:inline-block;
		padding:3px;
		margin:0 1px;
		font-size:13px;
		line-height:100%;
	}
	.ui_carouselPage a.active {
		text-decoration:underline;
	}


/* ----------------- */
/* --- Paginacao --- */
/* ----------------- */
.ui_page {
	padding:10px 0;
}
	.ui_pageItem{
	}
		.ui_pageItemNav {
			text-align:center;
			margin:10px 0;
			overflow:hidden;
		}
			.ui_pageItemNav a {
				display:inline-block;
				text-align:center;
				padding:2px 5px;
				background-color:#e1e1e1;
				margin:0 1px;
				text-decoration:none;
				font-size:13px;
				line-height:100%;
			}
				.ui_pageItemNav a:hover, .ui_pageItemNav a.active {
					background-color:#f1f1f1;
				}


/* -------------------- */
/* --- Presentation --- */
/* -------------------- */
.ui_presentation {
	position:relative;
	margin:0;
	padding:0;
	background-color:#f3f2f0;
	/*border:1px solid #000;
	height:410px;
	width:650px;
	overflow:hidden;
	*/
}

body.ui_presentationInFull {
	/*min-height:100%;
	background-color:rgba(0, 0, 0, 0.5);*/
}

	a.ui_presentationPrev, a.ui_presentationNext {
		position:absolute; z-index:3;

		height:46px; margin-top:-28px; padding-top:10px;
		width:56px;
		overflow:hidden;
		cursor:pointer;
		top:50%;

		/*background-color:#000;
		color:#fff;*/
		background-color:#fff;
		color:#0B98E1;
		text-align:center;
		font-size:100px;
		line-height:20%;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		
		-moz-opacity: 0.95;
		opacity: 0.95;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=95);

		-webkit-border-radius:60px;
		-moz-border-radius:60px;
		border-radius:60px;
		
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	}
		a.ui_presentationPrev:hover, a.ui_presentationNext:hover {
			/*background-color:#fff;
			color:#0B98E1;*/
			background-color:#0B98E1;
			color:#fff;
		}
		a.ui_presentationPrev {
			left:12px;
		}
			a.ui_presentationPrev.ui_presentationPrevUP {
				top:12px;
				bottom:auto;
			 }
		a.ui_presentationNext {
			right:10px;
		}
			a.ui_presentationPrev.ui_presentationPrevUP, a.ui_presentationNext.ui_presentationNextDOWN {
				margin:0 0 0 -28px;
				left:50%;
				right:auto;
				
				-webkit-transform:rotate(90deg);
				-moz-transform:rotate(90deg);
				-ms-transform:rotate(90deg);
				-o-transform:rotate(90deg);
				transform:rotate(90deg);
			 }
			 	a.ui_presentationPrev.ui_presentationPrevUP {
					top:12px;
					bottom:auto;
				 }
				 a.ui_presentationNext.ui_presentationNextDOWN {
					top:auto;
					bottom:12px;
				 }
				 
			body.ui_presentationInFull a.ui_presentationPrev, body.ui_presentationInFull a.ui_presentationNext {
				z-index:9992;
			}
	
	.ui_presentationPaginationBig {
		position:absolute; z-index:2;
		background-color:#ccc;
		/* Use top se o alinhamento for superior e bottom se o alinhamento for inferior */
		top:4px;
		/*bottom:4px;*/
		left:0;
		padding: 3px 10px;
		text-align:center;
		color:#fff;
	}
		.ui_presentationPaginationBig a.active {
			text-decoration:underline;
		}
		body.ui_presentationInFull .ui_presentationPaginationBig {
			z-index:9992;
		}
	
	.ui_presentationPaginationMin {
		position:absolute; z-index:2;
		background-color:#ccc;
		top:0;
		left:0;
		padding: 3px 10px;
		width:35px;
		text-align:center;
		color:#fff;
	}
		body.ui_presentationInFull .ui_presentationPaginationMin {
			z-index:9992;
		}
		
	.ui_presentationLegenda {
		position:absolute; z-index:2;
		background-color:#000;
		bottom:0;
		left:0;
		clear:both;
		display:block;
		width:100%;
		color: #ffffff;
		
		-moz-opacity: 0.80;
		opacity: 0.80;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
	}
		.ui_presentationLegenda p {
			padding:12px 17px;
		}
			body.ui_presentationInFull .ui_presentationLegenda  {
				z-index:9992;
			}
			
	.ui_presentationFull {
		position:absolute; z-index:2;
		right: 0;
		top: 0;
		display:block;
		width:80px;
		height:23px; line-height:23px;
		text-align:center;
		overflow:hidden;
		background-color:#ccc;
		text-transform:uppercase;
		font-size:11px;
		color:#fff;
	}
		.ui_presentationFull:hover {
			background-color:#fff;
			color:#0B98E1;
		}
		body.ui_presentationInFull .ui_presentationFull  {
			z-index:9992;
		}
		
	body.ui_presentationInFull .ui_presentationCover {
		position:fixed;
		background-color:#000;
		-moz-opacity: 0.30;
		opacity: 0.30;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30);
	}
		body.ui_presentationInFull .ui_presentationCover.ui_presentationCoverMODAL {
			-moz-opacity: 0.80;
			opacity: 0.80;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
		}

/* ------------- */
/* --- Fonte --- */
/* ------------- */
#ui_font{
	line-height: 140%;
}
	#ui_font * { font-size:13px; }
	
	#ui_font h1 {
		margin:20px 0 5px 0;
		font-size:20px;
	}
	#ui_font p {
		font-size:13px;
	}
	#ui_font a {
		font-size:13px;
	}
	#ui_font em {
		font-size:13px;
	}


/* ---------------------- */
/* --- Equalizar grid --- */
/* ---------------------- */
.ui_gridDiv {
	/*float:left;
	width:200px;
	margin:10px;*/
	padding:10px;
	background-color:#f1f1f1;
	border:1px solid #ccc;
}



/* ------------------ */
/* --- Swipe Tabs --- */
/* ------------------ */
.ui_swipetab {
	border-bottom:1px solid #aeaeae;
}

.ui_swipetab ul {}

.ui_swipetab ul li {
	list-style:none !important; display:inline; visibility:hidden; /* Prevenir flick de carregamento dos bullets 1 de 2 - Sera visivel no JS */
	box-sizing:border-box;
	align-items:center;
	justify-content:center;
	height:50px;
	background:none;
	font-size:initial; /* medium */
	line-height:normal;
	color:#757575 !important;
	text-align:center;
	border:0;
	border-bottom:3px solid #fff;
	transition:all 0.6s; /*0.8s*/
	padding:0.5rem 0.6rem;
	/*font-weight:bold;*/
	font-weight:600;
	font-variant:all-small-caps;
}
	.ui_swipetab ul li:first-of-type {}
	.ui_swipetab ul li:last-of-type {}
	.ui_swipetab ul li:hover {}
	.ui_swipetab ul li.active {
		border-bottom:3px solid #c80000;
		color: #000 !important;
	}

.ui_swipetabContent {
}

.ui_swipetabContent ul {
	visibility:hidden; /* Prevenir flick de carregamento dos bullets 2 de 2 - Sera visivel no JS */
}

.ui_swipetabContent ul.ui_swipetabContentItens {}

/*
Foram criadas as classes "ul.ui_swipetabContentItens" e "li.ui_swipetabContentItem" (elementos dentro de ".ui_swipetabContent") para pegar apenas os "ul" e "li" destinados para o swipetab (evitando pegar "ul" e "li" dentro do conteudo)
Usar os seletores ":first-child" ou ":first-of-type" pegaria todos os primeiros "ui" ou "li" dentro de ".ui_swipetabContent", como ".ui_swipetabContent ul li ul", o que nao é desejavel
*/

.ui_swipetabContent ul.ui_swipetabContentItens li.ui_swipetabContentItem {	
	box-sizing:border-box;
	padding:1rem 0;
	border:0;
	/*min-height:150px;*/
	font-size:initial; /* medium */
	line-height:normal;
}

.ui_swipetabPreventDefault {
	-webkit-overflow-scrolling: touch;
}



/* ---------------- */
/* --- Alphabet --- */
/* ---------------- */
.ui_alphabet { position:absolute; top:-99999px;; left:-99999px; } /* Sera reajustado no js */
.ui_alphabet ul { text-align:center; }
.ui_alphabet ul li {}
.ui_alphabet ul li  a {
	text-decoration:none !important;
}

.ui_alphabetCrop {
	-webkit-overflow-scrolling:touch;
}
.ui_alphabetCrop::-webkit-scrollbar {
	display:none;
	width:0px;
    background:transparent;
}

.ui_alphabetLetters {
	margin-top:-0.8rem; /*hAlpR*/
	/*font-size:small;
	font-variant:all-petite-caps;*/
	font-weight:bold;
	text-align:center;
	
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently
								  not supported by any browser */
}

.ui_alphabetLetters span {
	padding-bottom:1rem;
	padding-top:0.8rem; /*hAlpR*/
}

.ui_alphabetLetters span b {
	text-transform:uppercase;
	background-color:#fff;
	text-align:center;
	line-height:120%;

	/*border-bottom:2px solid #fff;*/
	webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	transition:all 0.6s;
}

.ui_alphabetLetters span.active b {
	/*border-bottom:2px solid #c80000;*/
	background-color:#dcdcdc;
	transition:none;
}
	.ui_alphabetLetters span.active.middle b {
		webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	.ui_alphabetLetters span.active.first b {
		-webkit-border-top-right-radius: 1px;
		-webkit-border-bottom-right-radius: 1px;
		-moz-border-radius-topright: 1px;
		-moz-border-radius-bottomright: 1px;
		border-top-right-radius: 1px;
		border-bottom-right-radius: 1px;
	}
	.ui_alphabetLetters span.active.last b {
		-webkit-border-top-left-radius: 1px;
		-webkit-border-bottom-left-radius: 1px;
		-moz-border-radius-topleft: 1px;
		-moz-border-radius-bottomleft: 1px;
		border-top-left-radius: 1px;
		border-bottom-left-radius: 1px;
	}