/**** HTML TAGS ****/

html {margin:0; padding:0; height:100%; overflow-x: hidden; }
body {
    margin:0;
    padding:0;
    height:100%;
}

/**** CSS CLASSES ****/

.font {font-family:verdana,arial,helvetica,trebuchet,sans;}
.font.nano {font-size:7pt;}
.font.small {font-size:8pt;}
.font.normal {font-size:9pt;}
.font.large {font-size:10pt;}
.font.big {font-size:12pt;}
.font.huge {font-size:15pt;}
.font.event {font-size:22pt;}
.font.bold {font-weight:bold;}
.font.italic {font-style:italic;}
.font.justify {text-align:justify;}
.font.thin { font-weight:normal;}

.center {margin-left:auto; margin-right:auto;}
.right {margin-left:auto; margin-right:0;}
.left {margin-left:0; margin-right:auto;}
.textright {text-align:right;}
.textleft {text-align:left;}
.textcenter {text-align:center;}
.fright {float:right;}
.fleft {float:left;}
.fnone {clear:both;}
.vtop {vertical-align:top}
.vmiddle {vertical-align:middle;}
.vbottom {vertical-align:bottom}
.nowrap {white-space: nowrap;}
.underline {text-decoration: underline;}
.table {display:table}
.tr {display:table-row}
.td {display:table-cell}

.w10 {width:10%;}
.w20 {width:20%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

@font-face {
	font-family: "PrivaThreePro";
	src: url("../fonts/PrivaThreePro/PrivaThreePro.eot"),
		url("../fonts/PrivaThreePro/PrivaThreePro.woff") format("woff"),
		url("../fonts/PrivaThreePro/PrivaThreePro.otf") format("opentype"),
		url("../fonts/PrivaThreePro/PrivaThreePro.svg#filename") format("svg");
}

.bright {border-right:1px solid}
.bleft {border-left:1px solid}
.btop {border-top:1px solid}
.bbottom {border-bottom:1px solid}

.sucess {color:green;}
.error {color:red;}

.inline {display:inline;}
.inlineblock {display:inline-block;}
.hidden {visibility:hidden;display:none;}
.visible {visibility:visible;}
.link {cursor:pointer;}
.link:hover{}
.box {border-width:1px;border-style:solid;}

.form_fields {
	border: 5px solid #DDDDDD;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0 0 8px #BBBBBB;
	color: #555555;
	font-size: 11pt;
	font-weight: bold;
	margin-top: 15px;
	padding: 7px;
	width: 300px;
}
.form_button {
	background-color: #8697ae;
    border: 2px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 8px #BBBBBB;
    color: #FFFFFF;
    padding: 7px;
	cursor: pointer;
	font-weight: bold;
}

table.dataTable tr.odd td.sorting_1 { background-color: ''; }
table.dataTable tr.odd td.sorting_2 { background-color: ''; }
table.dataTable tr.odd td.sorting_3 { background-color: ''; }
table.dataTable tr.even td.sorting_1 { background-color: ''; }
table.dataTable tr.even td.sorting_2 { background-color: ''; }
table.dataTable tr.even td.sorting_3 { background-color: ''; }

.sorting { background: url('../img/main/sort_both.png') no-repeat center; }
.sorting_asc { background: url('../img/main/sort_asc.png') no-repeat center; }
.sorting_desc { background: url('../img/main/sort_desc.png') no-repeat center; }

.sorting_asc_disabled { background: url('../img/main/sort_asc_disabled.png') no-repeat center; }
.sorting_desc_disabled { background: url('../img/main/sort_desc_disabled.png') no-repeat center; }

.dataTables_info { padding-top: 10px; font-size: 10pt; }
.dataTables_paginate { padding-top: 10px; }


/**** ID CLASSES ****/

#mainMessages {
	position: absolute;
	width: 100%;
	z-index: 10000;
	margin-top: 1px;
}

#mainMessagesText {
	width: 50%;
	margin: auto;
	z-index: 10001;
}

#logout {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10000;
}

#logout {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10000;
}



@media all and (max-width: 1025px) {
	#contentDiv {
		position: absolute;
		/*
		left: 360px;
		right: auto;
		*/
		left: auto;
		right: 80px;
		top: -45px;
		/*margin-top: 0;*/
		z-index: 3;
		width: 656px;
		height: 622px;
	}
	#contenDivImage {
		position: absolute;
		top: -45px;
		/*
		left: 350px;
		*/
		left: auto;
		right: 0;
		width: 700px;
		height: 622px;
		background-image: url('../img/balao.png');
		background-size:  700px 622px;
		background-position: left center;
		z-index: 2;
	}
	#contentDiv .pageDiv{
		width: 500px;
		height: 350px;
		padding-top: 160px;
		margin-left: 170px;
		text-align: justify;
		color: #9c9c9b;
		font-family: arial;
		font-size: 0.7em;
		line-height: 1.2em;
	}
	#contentDiv .galleryDiv{
		height: 350px;
	}
	#contentDiv .pageInfoDiv{
		margin-left: auto;
		margin-right: auto;
		text-align: justify;
	}
	
	#contentDiv table{
		color: #9c9c9b;
		font-family: arial;
		line-height: 1.2em;
	}
	
	#contentDiv table{
		color: #9c9c9b;
		font-family: arial;
		line-height: 1.2em;
	}
	#slideInfo {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		text-align: justify;
	}
	#homeInfo {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		text-align: justify;
	}
	
	#barSup {
		position: absolute;
		left: 0;
		top: 10px;
		height: 90px;
		width: 100%;
		/*background-color: rgba(0,0,0,0.87);*/
		background-color: rgba(115,44,144,0.96);
		z-index: 4;
		text-align: center;
		font-weight: bold;
	}
	
	#menu {
		width: 100%;
	}
	
	#menu img {
		width: 100px;
		height: 72px;
	}

	#menu td {
		height: 80px;
		vertical-align: middle;
		text-align: center;
	}
	#barSup ul {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-decoration: none;
		list-style-type: none;
		z-index: 5;
	}
	
	#barSup .tdLogo {
		width: 137px;
		text-align: right;
	}
	
	#barSup li {
		text-decoration: none;
		color: #FFFFFF;
		/*font-family: "PrivaThreePro", arial, verdana;*/
		font-family: arial, verdana;
		font-size: 0.8em;
		display: inline-block;
		margin-left: 20px;
		margin-right: 20px;
		cursor: pointer;
	}
	
	#barSup li:hover {
		color: #6ECFF6;
	}
	
	#barSup li.selected {
		color: #6ECFF6;
	}
	
	#barLeft {
		position: absolute;
		left: 2px;
		top: 150px;
		z-index: 4;
	}
	
	#submenu ul {
		text-decoration: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 5;
	}
	
	#submenu li {
		text-decoration: none;
		color: #404041;
		/*text-shadow: -1.5px -1.5px 2px #68c4e9;*/
		font-family: arial;
		height: 35px;
		vertical-align: middle;
		font-size: 0.8em;
		line-height: 3.1em;
		padding: 0;
		margin-left: 40px;
		margin-right: 40px;
		cursor: pointer;
	}
	
	#submenu li:hover {
		color: #652D90;
		font-size: 0.8em;
		/*font-weight: bold;*/
		/*text-shadow: 0 0 0 #FFFFFF;*/
	}
	
	#submenu li.selected {
		color: #652D90;
		font-size: 0.8em;
		/*font-weight: bold;*/
		/*text-shadow: 0 0 0 #FFFFFF;*/
	}
	#tableArrows {
		position: absolute;
		bottom: 70px;
		width: 450px;
		left: 200px;
	}
	#div_home {
		text-align:center;
		color:#652D90;
		font-size: 0.8em;
		padding-left: 40px;
		padding-top: 20px;
	}
	.logoBox {
		width: 140px;
		height: 102px;
		background-color: #fff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
		display: inline-block;
		margin: 5px;
		margin-top: 10px;
		padding: 0;
		text-align: center;
		vertical-align: middle;
	}
	.logoBox img {
		max-width: 120px;
		max-height: 92px;
		margin: 0;
	}
	
	.normalBox {
		background-color: #fff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		padding: 10px;
		margin: 10px;
	}
	.normalBox .ori_A {
		max-width: 120px;
		max-height: 250px;
		margin: 0;
	}
	.normalBox .ori_B {
		max-width: 120px;
		max-height: 110px;
		margin: 0;
	}
	.normalBox iframe {
		width: 308px;
		height: 200px;
	}
	
	.thinBox {
		background-color: #fff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		padding: 5px;
		margin: 5px;
		cursor: pointer;
	}
	.thinBox .person {
		max-width: 90px;
		max-height: 105px;
		margin: 0;
	}
	.thinBox .show {
		max-width: 180px;
		max-height: 210px;
		margin: 0;
	}
	.thinBox .info {
		margin-top: 5px;
		margin-left: 1px;
		font-size: 8px;
		color: #333333;
		line-height: 9px;
	}
	.thinBox .info2 {
		margin-top: 5px;
		margin-left: 1px;
		font-size: 10px;
		color: #333333;
		line-height: 12px;
	}
	
	.galleryDiv {
		text-align: center;
		height: 300px;
	}
	#info_page {
		width: 324px;
	}
	.pageTitle {
		font-size: 1.2em;
		padding: 10px;
		padding-top: 0px;
		font-weight: bold;
	}
}

@media all and (max-width: 1700px) and (min-width: 1025px) {
	#contentDiv {
		position: absolute;
		left: 325px;
		right: auto;
		top: -100px;
		/*margin-top: 0;*/
		z-index: 3;
		width: 810px;
		height: 720px;
	}
	#contenDivImage {
		position: absolute;
		top: -100px;
		left: 350px;
		right: auto;
		width: 810px;
		height: 720px;
		background-image: url('../img/balao.png');
		background-size:  810px 720px;
		background-position: left center;
		z-index: 2;
	}
	#contentDiv .pageDiv{
		width: 560px;
		height: 385px;
		padding-top: 230px;
		margin-left: 190px;
		text-align: justify;
		color: #9c9c9b;
		font-family: arial;
		font-size: 0.8em;
		line-height: 1.3em;
	}
	#contentDiv .galleryDiv{
		height: 385px;
	}
	#contentDiv .pageInfoDiv{
		/*width: 400px;*/
		margin-left: auto;
		margin-right: auto;
		text-align: justify;
		/*height: 42px;*/
	}
	
	#contentDiv table{
		color: #9c9c9b;
		font-family: arial;
		line-height: 1.6em;
	}
	#slideInfo {
		width: 84%;
		font-size: 95%;
		margin-left: auto;
		margin-right: auto;
		text-align: justify;
	}
	#homeInfo {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		text-align: justify;
	}
	#barSup {
		position: absolute;
		left: 0;
		top: 10px;
		height: 110px;
		width: 100%;
		/*background-color: rgba(0,0,0,0.87);*/
		background-color: rgba(115,44,144,0.96);
		z-index: 4;
		text-align: center;
		font-weight: bold;
	}
	
	#menu {
		width: 100%;
	}
	
	#menu td {
		height: 105px;
		vertical-align: middle;
		text-align: center;
	}
	#barSup ul {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-decoration: none;
		list-style-type: none;
		z-index:5;
	}
	
	#barSup .tdLogo {
		width: 195px;
		text-align: right;
	}
	
	#barSup li {
		text-decoration: none;
		color: #FFFFFF;
		/*font-family: "PrivaThreePro", arial, verdana;*/
		font-family: arial, verdana;
		font-size: 0.9em;
		display: inline-block;
		margin-left: 40px;
		margin-right: 40px;
		cursor: pointer;
	}
	
	#barSup li:hover {
		color: #6ECFF6;
	}
	
	#barSup li.selected {
		color: #6ECFF6;
	}
	
	#barLeft {
		position: absolute;
		left: 20px;
		top: 150px;
		z-index: 4;
	}
	
	#submenu ul {
		text-decoration: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 5;
	}
	
	#submenu li {
		text-decoration: none;
		color: #404041;
		/*text-shadow: -1.5px -1.5px 2px #68c4e9;*/
		font-family: arial;
		height: 35px;
		vertical-align: middle;
		font-size: 0.8em;
		line-height: 3.1em;
		padding: 0;
		margin-left: 40px;
		margin-right: 40px;
		cursor: pointer;
	}
	
	#submenu li:hover {
		color: #652D90;
		font-size: 0.8em;
		/*font-weight: bold;*/
		/*text-shadow: 0 0 0 #FFFFFF;*/
	}
	
	#submenu li.selected {
		color: #652D90;
		font-size: 0.8em;
		/*font-weight: bold;*/
		/*text-shadow: 0 0 0 #FFFFFF;*/
	}
	
	#tableArrows {
		position: absolute;
		bottom: 100px;
		width: 500px;
		left: 230px;
	}
	
	#div_home {
		text-align:center;
		color:#652D90;
		font-size: 1em;
		padding-left: 45px;
	}
	
	.logoBox {
		width: 170px;
		height: 125px;
		background-color: #fff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
		display: inline-block;
		margin: 5px;
		margin-top: 10px;
		padding: 0;
		text-align: center;
		vertical-align: middle;
	}
	.logoBox img {
		max-width: 150px;
		max-height: 115px;
		margin: 0;
	}
	
	.normalBox {
		background-color: #fff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		padding: 10px;
		margin: 10px;
	}
	.normalBox .ori_A {
		max-width: 140px;
		max-height: 300px;
		margin: 0;
	}
	.normalBox .ori_B {
		max-width: 140px;
		max-height: 130px;
		margin: 0;
	}
	.normalBox iframe {
		width: 416px;
		height: 260px;
	}
	
	.thinBox {
		background-color: #fff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		padding: 5px;
		margin: 8px;
		cursor: pointer;
	}
	.thinBox .person {
		max-width: 100px;
		max-height: 117px;
		margin: 0;
	}
	.thinBox .show {
		max-width: 180px;
		max-height: 210px;
		margin: 0;
	}
	.thinBox .info {
		margin-top: 5px;
		margin-left: 1px;
		font-size: 9px;
		color: #333333;
		line-height: 11px;
	}
	.thinBox .info2 {
		margin-top: 5px;
		margin-left: 1px;
		font-size: 11px;
		color: #333333;
		line-height: 14px;
	}
	
	.galleryDiv {
		text-align: center;
		height: 320px;
	}
	#info_page {
		width: 324px;
	}
	.pageTitle {
		font-size: 1.2em;
		padding: 10px;
		padding-top: 0px;
		padding-left: 20px;
		font-weight: bold;
	}
}

@media all and (min-width: 1701px) {
  #contentDiv {
		position: absolute;
		left: 743px;
		right: auto;
		top: -100px;
		/*margin-top: 0;*/
		z-index: 3;
		/*
		width: 740px;
		height: 768px;
		*/
		width: 942px;
		height: 977px;
	}
	#contenDivImage {
		position: absolute;
		top: -100px;
		left: 612px;
		right: auto;
		/*
		width: 864px;
		height: 768px;
		*/
		width: 1100px;
		height: 977px;
		background-image: url('../img/balao.png');
		background-size:  1100px 977px;
		background-position: left center;
		z-index: 2;
	}
	#contentDiv .pageDiv{
		/*
		width: 600px;
		height: 500px;
		*/
		width: 742px;
		height: 643px;
		padding-top: 250px;
		margin-left: auto;
		margin-right: auto;
		text-align: justify;
		color: #9c9c9b;
		font-family: arial;
		font-size: 0.9em;
		line-height: 1.3em;
	}
	#contentDiv .galleryDiv{
		height: 550px;
		margin-top:60px;
	}
	#contentDiv .pageInfoDiv{
		margin-left: auto;
		margin-right: auto;
		text-align: justify;
	}
	
	#contentDiv .slideDiv{
		margin-top:60px;
	}
	
	#contentDiv table{
		color: #9c9c9b;
		font-family: arial;
		line-height: 1.6em;
	}
	#slideInfo {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		text-align: justify;
		margin-top:10px;
	}
	#homeInfo {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		text-align: justify;
		margin-top:10px;
	}
	#barSup {
		position: absolute;
		left: 0;
		top: 10px;
		height: 110px;
		width: 100%;
		/*background-color: rgba(0,0,0,0.87);*/
		background-color: rgba(115,44,144,0.96);
		z-index: 4;
		text-align: center;
		font-weight: bold;
	}
	
	#menu {
		width: 100%;
	}
	
	#menu td {
		height: 105px;
		vertical-align: middle;
		text-align: center;
	}
	#barSup ul {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-decoration: none;
		list-style-type: none;
		z-index: 5;
	}
	
	#barSup .tdLogo {
		width: 350px;
		text-align: right;
	}
	
	#barSup li {
		text-decoration: none;
		color: #FFFFFF;
		/*font-family: "PrivaThreePro", arial, verdana;*/
		font-family: arial, verdana;
		font-size: 0.9em;
		display: inline-block;
		margin-left: 40px;
		margin-right: 40px;
		cursor: pointer;
	}
	
	#barSup li:hover {
		color: #6ECFF6;
	}
	
	#barSup li.selected {
		color: #6ECFF6;
	}
	
	#barLeft {
		position: absolute;
		left: 220px;
		top: 150px;
		z-index: 4;
	}
	
	#submenu ul {
		text-decoration: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 5;
	}
	
	#submenu li {
		text-decoration: none;
		color: #404041;
		/*text-shadow: -1.5px -1.5px 2px #68c4e9;*/
		font-family: arial;
		height: 35px;
		vertical-align: middle;
		font-size: 0.8em;
		line-height: 3.1em;
		padding: 0;
		margin-left: 40px;
		margin-right: 40px;
		cursor: pointer;
	}
	
	#submenu li:hover {
		color: #652D90;
		font-size: 0.8em;
		/*font-weight: bold;*/
		/*text-shadow: 0 0 0 #FFFFFF;*/
	}
	
	#submenu li.selected {
		color: #652D90;
		font-size: 0.8em;
		/*font-weight: bold;*/
		/*text-shadow: 0 0 0 #FFFFFF;*/
	}
	
	#tableArrows {
		position: absolute;
		bottom: 100px;
		width: 500px;
		left: 120px;
	}
	
	#div_home {
		text-align:center;
		color:#652D90;
		font-size: 1.2em;
		padding-left: 5px;
		padding-top: 80px;
	}
	
	.logoBox {
		width: 200px;
		height: 140px;
		background-color: #fff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
		display: inline-block;
		margin: 10px;
		margin-top: 10px;
		padding: 0;
		text-align: center;
		vertical-align: middle;
	}
	.logoBox img {
		width: 180px;
		height: 138px;
		margin: 0;
	}
	
	.normalBox {
		background-color: #fff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		padding: 10px;
		margin: 10px;
	}
	.normalBox .ori_A {
		max-width: 200px;
		max-height: 426px;
		margin: 0;
	}
	.normalBox .ori_B {
		max-width: 200px;
		max-height: 186px;
		margin: 0;
	}
	.normalBox iframe {
		width: 580px;
		height: 400px;
	}
	
	.thinBox {
		background-color: #fff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		padding: 5px;
		margin: 10px;
		cursor: pointer;
	}
	.thinBox .person {
		max-width: 130px;
		max-height: 152px;
		margin: 0;
	}
	.thinBox .show {
		max-width: 180px;
		max-height: 210px;
		margin: 0;
	}
	.thinBox .info {
		margin-top: 5px;
		margin-left: 1px;
		font-size: 9px;
		color: #333333;
		line-height: 11px;
	}
	.thinBox .info2 {
		margin-top: 5px;
		margin-left: 1px;
		font-size: 11px;
		color: #333333;
		line-height: 14px;
	}
	
	.galleryDiv {
		text-align: center;
		height: 350px;
	}
	#info_page {
		width: 324px;
	}
	.pageTitle {
		font-size: 1.2em;
		padding: 10px;
		padding-top: 0px;
		font-weight: bold;
	}
}

#footer {
	bottom: 2px;
	text-align: center;
	position: fixed;
	width: 100%;
	z-index: 4;
}

#footer div {
	background-color: #682d91;
	padding: 4px;
	display: inline-block;
}

#footer  img {
	margin: 0 8px 0 8px;
	cursor: pointer;
}

.ipub {
	cursor: pointer;
}

.ipub:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.pageDiv {
	
}

#gallery_navigations {
	margin-left: auto;
	margin-right: auto;
}

#gallery_navigations td {
	text-align: center;
	font-size: 0.9em;
}

#gallery_navigations .arrow{
	width: 68px;
}

.galleryDivShow {
	text-align: center;
	height: 350px;
}

#modalGallery {
	z-index: 9;
}

#bookDiv .turn-page{
	background-color:#ccc;
	background-size:100% 100%;
}