/* reset básico */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
/*html, body {
    width: 100%;
    height: 100%;
}

 Style the navigation bar */
.navbari {
  width: 100%;
  background-color: #00bfff;
  overflow: auto;
}

/* Navbar links */
    .navbari a {
        float: left;
        text-align: center;
        padding: 12px;
        color: white;
        text-decoration: none;
        font-size: 17px;
        }

    /* Navbar links on mouse-over */
    .navbari a:hover {
         background-color: #000;
        }

    /* Current/active navbar link */
    .activei {
         background-color: #00bfff;
        }

/* Add responsiveness - will automatically display the navbar vertically instead of horizontally on screens less than 500 pixels */
    @media screen and (max-width: 500px) {
        .navbari a {
            float: none;
            display: block;
          }
        }
    .main-footer {
	    height: 40px;
	    margin-top: auto;
	    background-color: #00bfff;
        }
    @media screen and (max-width: 500px) {
        .main-footer a {
            float: none;
            display: block;
            }
        }
/*-------------------- Home Page Display ----------------------------- */
		
.home-display {     
 	display: block;
	width: 100%; 
    height: 100%; 
 }
 
 .documento-display{     
	display: block;
	width: 100%; 
    height: 100%; 
    margin: 0% auto; /* 15% from the top and centered */
    padding: 1px;
	text-align: center;
	clear: both;
 }
.art-content-layout .art-content
{
   margin:0 auto;
}

.art-content-layout .art-sidebar1
{
   margin:0 auto;
   width: 30%;
}
iframe #ipdf{     
 	display: block;
	width: 100%; 
    height: 100%; 
	border: 0;
	overflow: auto;
	clear: both;
 }
/*-------------------- Home Page Display ----------------------------- */

/* containeri */
.containeri  {
    width: 100%;
    padding: 0 10px;
}
    @media (min-width: 230px) {
        .containeri {
            max-width: 100%;;
            padding: 0;
        }
    }

/* linha */
.rowi {
    margin-left: -5px;
    margin-right: -5px;
}
    .rowi:before,
    .rowi:after {
        content: "";
        display: table;
    }
    .rowi:after {
        clear: both;
    }

/* colunas */
.coli {
    display: inline-block;
    vertical-align: top;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    margin-right: -4px;
    *zoom: 1;
    *display: inline;
}

.col-header-12{background-color: #fff; width: 100%;}
.col-footer-12{background-color: #fff; width: 100%;}
.col-menu-12{background-color: #fff; width: 100%;}

.col-smart-1{background: #5969A5; width: 8.33333%;}
.col-smart-2{background: #6B5D9D; width: 16.66667%;}
.col-smart-3{background: #854D91; width: 25%;}
.col-smart-4{background: #AD498F; width: 33.33332%;}
.col-smart-5{background: #CB4587; width: 41.66665%;}
.col-smart-6{background: #CA4546; width: 49.99998%;}
.col-smart-7{background: #CA7E45; width: 58.33331%;}
.col-smart-8{background: #CAB345; width: 66.66664%;}
.col-smart-9{background: #B6CA45; width: 74.99997%;}
.col-smart-10{background: #94CA45; width: 83.33333%;}
.col-smart-11{background: #46CA45; width: 91.66663%;}
.col-smart-12{background: #45CABC; width: 100%;}

.col-header-12 img {
  margin-top: 2px;
  vertical-align: middle;
  height: 55px;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
    @media screen and (max-width: 800px; max-height: 55px;) {
        .col-header-12 {
           flex: 50%;
           max-height: 50%;
           max-width: 50%;
          }
        }

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px; max-height: 35px;) {
  .col-header-12 {
    flex: 100%;
    max-height: 100%;
    max-width: 100%;
  }
}
/* Floating column for labels: 25% width */
.col-login-4{
	/*background-color: #fff; 
    margin: 0 auto;
	*/
	width: 33.33332%;
	float:left;
}
    .col-login-4 {
        min-height: 250px;
      }
    .col-login-25 {
        width: 25%;
  		float: left;
      }
	.col-login-33 {
  		width: 33.33332%;
        padding: 5px;
  		float: left;
		}
    .col-login-50 {
        width: 50%;
  		float: left;
      }
	.col-login-66 {
  		width: 66.66664%;
        padding: 5px;
  		float: left;
		}
	.col-login-75 {
  		width: 75%;
  		float: left;
		}
	.col-login-100 {
  		width: 100%;
		text-align: center;
		}

	/* ==================== Style inputs, select elements and textareas */
	.col-login-title-100 {
		/*background-color: #4ca6ff; */
		width: 100%;
		text-align: center;
		padding: 0px;
		/*color: white;
		font-size: 47px;*/
		margin-top: 0px;
		}
	.col-login-header-100{
		background-color: #4ca6ff; 
		width: 100%;
		text-align: center;
		padding: 2px;
		color: white;
		font-size: 17px;
		margin-top: 0px;
		}

	.col-login-4 input[type=text], input[type=password]{
  		width: 100%;
  		padding: 8px;
  		border: 1px solid #ccc;
  		border-radius: 5px;
  		box-sizing: border-box;
  		resize: vertical;
		}

		/* Style the label to display next to the inputs */
	.col-login-4 label {
  		padding: 12px 12px 12px 0;
  		display: inline-block;
		}

		/* Style the submit button */

	.col-login-4 input[type=submit] {
  		background-color: #4ca6ff;
  		color: white;
  		padding: 8px 20px;
  		border: none;
  		border-radius: 5px;
  		cursor: pointer;
  		float: right;
		}
	.col-login-4 img {
		opacity: 0.5;
		width:90%;
		height:250px;
    	margin-top: 0%;
    	margin-left: 5%;
		/*padding-left: 10px;
  		padding: 50px 50px;*/
		}
		
		/* Style the container */
	.col-login-4 .containeri {
  		border-radius: 5px;
  		background-color: #f2f2f2;
  		border: 1px solid #ccc;
  		padding: 20px;
		}

		/* Clear floats after the columns */
	.col-login-4 .col-login-100:after {
  		content: "";
  		display: table;
		}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
	@media screen and (max-width: 600px) {
  		.col-login-4 .col-login-25, .col-login-75, input[type=submit] {
    		width: 100%;
    		margin-top: 0;
  			}
		}
button.btn-info{
  		background-color: #0000b3;
  		padding: 8px 20px;
  		cursor: pointer;
		}		
button.btn-info:hover{
  		background-color: #000;
  		padding: 8px 20px;
  		cursor: pointer;
		}		
		
		a.btn-login{
        	color: white;
			text-decoration:none;
        	font-size: 17px;
			}
		a.btn-login:hover{
        	color: white;
			text-decoration:none;
        	font-size: 17px;
			}

.col-login-title-100 label {
  font-size: 40px;
  font-weight: bolder;
  font-family: Comic Sans MS;
  /*background: -webkit-linear-gradient(45deg, #fff, #eee, #333, #e73c7e);*/
	background-image: linear-gradient(-45deg, #eee, #fff, #333, #e73c7e);
	animation: gradient 15s ease infinite;
	background-size: 400% 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}	
.col-login-container-100 {
	/*background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
	background: linear-gradient(-45deg, #4ca6ff, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	min-height: 550px;
 }

@keyframes gradient {
	0% {
		background-position: 0% 50%;
		}
	50% {
		background-position: 100% 50%;
		}
	100% {
		background-position: 0% 50%;
		}
	}
	
/* E S T R U T U R A   M E N U */
.menu_gerr {
    flex: 100%;
    height: 40px;
    max-width: 100%;
    background-color: #3facd6;
    }
#menu_ul {
    list-style:none inside;
    margin:0;
    padding-left:0;
    text-align:center;
 }

#menu_ul li {
    display:block;
    position:relative;
    float:left;
    background: #3facd6; 
 	z-index: 1000;
    }

#menu_ul li a {
    display:block;
    padding-left:0;
    text-decoration:none;
    width:215px; /* this is the width of the menu items */
    line-height:35px; /* this is the hieght of the menu items */
    color:#ffffff; /* list item font color */
 	font-size:15px; 
	font-weight: bold;
  }
        
#menu_ul li li a {font-size:100%; 
	font-weight: bold;
	} /* smaller font size for sub menu items */
    
 /*#menu_ul li:hover {background:#003f20;} highlights current hovered list item and the parent list items when hovering over sub menues */
#menu_ul li:hover {
	background:#0080FF;
	} /* highlights current hovered list item and the parent list items when hovering over sub menues */
/*--- Sublist Styles ---*/
#menu_ul ul {
    position:absolute;
    padding:0;
    left:0;
    display:none; /* hides sublists */
    }

#menu_ul li:hover ul ul {
	display:none;
	} /* hides sub-sublists */

#menu_ul li:hover ul {
	display:block;
	} /* shows sublist on hover */
	
#menu_ul li:hover ul a {
    text-align:left;
    padding:0 10px;
	}  

#menu_ul li li:hover ul {
    display:block; /* shows sub-sublist on hover */
    margin-left:215px; /* this should be the same width as the parent list item */
    margin-top:-35px; /* aligns top of sub menu with top of list item */
    }
/*================ TOPO FRAME =================*/	

.col-topo-frame-100{
	width:100%;
	height:55px;
	font-size:14px;
	overflow:hidden;
	border:1px solid #006699;
	background-color: #ffffff; 
	padding: 0px;
	color: black;
	}
        /* Responsive layout - makes a two column-layout instead of four columns */
    @media screen and (max-width: 800px; max-height: 55px;) {
        .col-topo-frame-100 {
           flex: 50%;
           max-height: 50%;
           max-width: 50%;
          }
        }

.col-esquerdo-frame-25{
	width:25%;
	height:68vh;
	position:relative;
	float:left;
	font-size: 14px;
	margin-left:0em;
	margin-top:0em;
	border:1px solid #006699;
    overflow: auto;
	background-color: #ffffff; 
	padding-left: 7px;
	color: black;
	}
    @media screen and (max-width: 200px; max-height: 505px;) {
        .col-esquerdo-frame-25 {
           flex: 50%;
           max-height: 50%;
           max-width: 50%;
          }
        }
	.col-esquerdo-list-100{
		width:100%;
       }
		.table-esquerdo-100{
			width:100%;
			}
		.esquerdo-lst a {
			position:relative;
			text-decoration:none;
			font-weight:bolder;
			font-size:11px;
			cursor: pointer;
		}
		td.esquerdo-lst {
			position:relative;
			height: 19px; 
		}
		
#pesquistxt, #pesquisarb { 
   margin: 0 
}
#pesquistxt { 
	padding: 3px;
	width:98%;
	font-size:12px;
	color:#666;
}
#pesquisarb {
	text-indent: -99999px; 
	width: 18px; 
	background: white url("../_images/searchicon.png") no-repeat top;
	margin-left: -22px;
	border: medium none;
	cursor:pointer
}
#pesquisar_tools { float:left; width:100%; margin-left: 2px; margin-top:-3px}

#pesquisar_tools  {
	opacity:1.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
}

#pesquisar_tools :hover {
	opacity:1.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

.col-centro-frame-75{
	width:75%;
	height:68vh;
	position:relative;
	float:left;
	font-size: 14px;
	margin-left:0em;
	margin-top:0em;
	border:1px solid #006699;
    overflow: auto;
	background-color: #ffffff; 
	padding-left: 7px;
	color: black;
	}
@media screen and (max-width: 600px; max-height: 605px;) {
    .col-centro-frame-75 {
        flex: 50%;
        max-height: 50%;
        max-width: 50%;
        }
    }
		div.view-geral-100,.view-geral-100 a,.view-geral-100 td,.view-geral-100 th {font-family:Tahoma;font-size:10pt;}
		.view-geral-100 td {bordercolor:#C0C0C0;}
		.view-geral-100 tr {bordercolor:#C0C0C0;}
		.view-geral-100 fieldset { padding:3px; }
		.view-geral-100 legend { font-family:Tahoma;font-size:8pt;}
		.view-geral-100 input  { font-family:Tahoma;font-size:8pt;}
		.view-geral-100 fieldset  { font-family:Tahoma;font-size:8pt;}
		.view-geral-100 table  { font-family:Tahoma;font-size:8pt;}
		.view-geral-100 textarea  { font-family:Tahoma;font-size:8pt;}
		.view-geral-100 a:link, .view-geral-100 a:visited{color:#0000FF;text-decoration:none;font-size:8pt;}
		.view-geral-100 a:hover {color:#FF0000;text-decoration:none;font-size:8pt;}
		.view-geral-100 .form-table{width: 99%; align: center; border:0;}
		.view-geral-100 td.form-table-td11{width: 11%; border:0; height:26px;}
		.view-geral-100 td.form-table-td20{width: 20%; border:0; height:26px;}
		.view-geral-100 .form-table-input30 input{width: 30%; height:26px;}
		.view-geral-100 .form-table-select30 select{width: 30%; height:26px;}
		.view-geral-100 .list-table{width: 100%; align: center; border:0;}
		.view-geral-100  fieldset  { background-color:#D9FFFF; width: 99%;  }
		.list-table tr.list-tr:nth-child(odd){background-color:#C0C0CC; border:solid 1px;}
		.list-table tr td, .list-table tr th{border:solid 1px; font-family:Tahoma;font-size:8pt;}
		.list-table tr th{ text-align: center;}
		.center-img img {
		opacity: 0.9;
		width:90%;
		height:250px;
    	margin-top: 0%;
    	margin-left: 5%;
		/*padding-left: 10px;
  		padding: 50px 50px;*/
		}

		span.view-geral-titul01 {
			color: #0033CC; font:19px sans-serif, Verdana, Helvetica; font-weight: bolder; text-align: center;
			}
		span.view-titulo {
			color: #0033CC; font:16px sans-serif, Verdana, Helvetica; font-weight: bolder; text-align: center;
			}
		#list_pagin a:hover{padding-left:4px; padding-right:4px; margin-left:4px; font-size:10px; font-weight: bolder; background:#999999; color: #FFFFFF; }
		.list_pagin2 {padding-left:4px; padding-right:4px; margin-left:4px; font-size:10px; font-weight: bolder; background:#0080FF; color: #FFFFFF; }
		.list_pagin3 {padding-left:4px; padding-right:4px; margin-left:4px; font-size:10px; font-weight: bolder; background:#999999; color: #FFFFFF; }
		.titulo1 { color: black; font-weight: bolder; font-size: 15px; font-family: Verdana, sans-serif, Arial, Helvetica, Geneva; text-decoration: none; text-indent: 10px }
		.titulo2 { color: blue; font-weight: bolder; font-size: 15px; font-family: Verdana, sans-serif, Arial, Helvetica, Geneva; text-align: center; text-indent: 0pt }

		.form-introdad-pop { position: fixed; margin-top: auto; margin-bottom: auto; left: 20%; height: 300px; width: 75%; background: #D9FFFF; display: block; z-index: 101; border:5px solid #0080FF; border-radius:10px; -moz-border-radius:10px; overflow: auto; }
		.list-div {width: 100%; align: center; border:0; padding-top:5px;}
		.list-div #form-linha{background-color:#D1D1D9; height:30px; }
		div.list-div,.list-div span {font-family:Tahoma; font-size:10pt;}
		.list-div span {bordercolor:#C0C0C0;}
		.list-div div {bordercolor:#C0C0C0;}
		.list-div div { font-family:Tahoma; font-size:10pt; font-weight: bolder;}
		.list-div .form-div{width: 99%; align: center; border:0;}
		.list-div span.form-div-span10{width: 10%; border:0; height:26px; padding-left:5px; display:block; float:left;}
		.list-div span.form-div-span10x{width: 10%; border:0; height:26px; padding-left:25px; display:block; float:left;}
		.list-div span.form-div-span15{width: 15%; border:0; height:26px; padding-left:5px; display:block; float:left;}
		.list-div span.form-div-span15x{width: 15%; border:0; height:26px; padding-left:25px; display:block; float:left;}
		.list-div span.form-div-span20{width: 20%; border:0; height:26px; display:block; float:left;}
		.list-div span.form-div-span30{width: 30%; border:0; height:26px; display:block; float:left;}
		.list-div span.form-div-span35{width: 35%; border:0; height:26px; display:block; float:left;}
		.list-div span.form-div-span40{width: 40%; border:0; height:26px; display:block; float:left;}
		.list-div span.form-div-span45{width: 45%; border:0; height:26px; display:block; float:left;}
		.list-div span.form-div-span55{width: 55%; border:0; height:26px; display:block; float:left;}
		.list-div span.form-div-span65{width: 65%; border:0; height:26px; display:block; float:left;}
		.list-div span.form-div-span80{width: 80%; border:1; height:26px; display:block; float:left;}
		.list-div span.form-div-span85{width: 85%; border:1; height:26px; display:block; float:left;}
		.list-div span.form-div-span99{width: 99%; border:1; height:26px; display:block; float:left;}
		.list-div .form-div-input10 input{width: 10%; height:26px; display:block; float:left;}
		.list-div .form-div-input15 input{width: 15%; height:26px; display:block; float:left;}
		.list-div .form-div-input20 input{width: 20%; height:26px; display:block; float:left;}
		.list-div .form-div-input25 input{width: 25%; height:26px; display:block; float:left;}
		.list-div .form-div-input30 input{width: 30%; height:26px; display:block; float:left;}
		.list-div .form-div-input35 input{width: 35%; height:26px; display:block; float:left;}
		.list-div .form-div-input40 input{width: 40%; height:26px; display:block; float:left;}
		.list-div .form-div-input45 input{width: 45%; height:26px; display:block; float:left;}
		.list-div .form-div-input50 input{width: 50%; height:26px; display:block; float:left;}
		.list-div .form-div-input55 input{width: 55%; height:26px; display:block; float:left;}
		.list-div .form-div-input60 input{width: 60%; height:26px; display:block; float:left;}
		.list-div .form-div-input65 input{width: 65%; height:26px; display:block; float:left;}
		.list-div .form-div-input70 input{width: 70%; height:26px; display:block; float:left;}
		.list-div .form-div-input75 input{width: 75%; height:26px; display:block; float:left;}
		.list-div .form-div-input80 input{width: 80%; height:26px; display:block; float:left;}
		.list-div .form-div-input85 input{width: 85%; height:26px; display:block; float:left;}
		.list-div .form-div-select10 select{width: 10%; height:26px; display:block; float:left;}
		.list-div .form-div-select15 select{width: 15%; height:26px; display:block; float:left;}
		.list-div .form-div-select20 select{width: 20%; height:26px; display:block; float:left;}
		.list-div .form-div-select25 select{width: 25%; height:26px; display:block; float:left;}
		.list-div .form-div-select30 select{width: 30%; height:26px; display:block; float:left;}
		.list-div .form-div-select33 select{width: 33%; height:26px; display:block; float:left;}
		.list-div .form-div-select35 select{width: 35%; height:26px; display:block; float:left;}
		.list-div .form-div-select40 select{width: 40%; height:26px; display:block; float:left;}
		.list-div .form-div-select45 select{width: 45%; height:26px; display:block; float:left;}
		.list-div .form-div-select50 select{width: 50%; height:26px; display:block; float:left;}
		.list-div .form-div-select55 select{width: 55%; height:26px; display:block; float:left;}
		.list-div .form-div-select60 select{width: 60%; height:26px; display:block; float:left;}
		.list-div .form-div-select65 select{width: 65%; height:26px; display:block; float:left;}
		.list-div .form-div-select70 select{width: 70%; height:26px; display:block; float:left;}
		.list-div .form-div-select75 select{width: 75%; height:26px; display:block; float:left;}
		.list-div .form-div-select80 select{width: 80%; height:26px; display:block; float:left;}
		.list-div .form-div-select85 select{width: 85%; height:26px; display:block; float:left;}
		.list-div .form-div-textarea99 textarea{width: 99%; height:100px; display:block; float:left; padding-left:3px; padding-top:3px;}
		.list-div .form-div-uload85{background-color:#ffffff; width: 85%; height:55px; color:#000000; font:12px sans-serif, Verdana, Helvetica; font-weight: bolder; position: relarive; display:block; float:left; border:1px solid #0080FF;}
		
/* The Close Button --------*/

.close-x a:hover,
.close-x a:focus ,
.close-x a {
    color: blue;
    cursor: pointer;
	float: right;
	margin-top:0.5%;
	margin-right:1.5%;
    font-size: 20px;
    font-weight: bolder;
	text-decoration:none;
}

.butoncmd-div input {
	position:relative;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:1px;
	margin-left:0px;
	margin-right:0px;
	font-weight: bolder;
	font-size:13px;
	height: 29px; 
	text-decoration:none;
	width: 15px;
    cursor: pointer;
	-webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.35);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.butoncmd-div input:hover {
	position:relative;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:1px;
	margin-left:0px;
	margin-right:0px;
	font-weight:bolder;
	font-size:13px;
	text-decoration:none;
	height: 29px; 
	width: 15px;
    cursor: pointer;
	-webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.35);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.butoncmd-div {
	position:relative;
	height: 29px; 
	width: 100%;
	margin-bottom:1%;
}
.form-ficheiro {
 	display: block;
	position: fixed; 
    z-index: 1; 
    left: 35%;
    top: 10%;
    width: 40%; 
    height: 35%; 
    z-index: 1000; /* Sit on top */
    background-color: rgb(245,245,245); 
    background-color: rgba(245,245,245,0.9); 
	border:5px solid #888888;
	border-radius:10px;
	-moz-border-radius:10px;
}
/*================ LISTA DE VISUALIZAÇÃO DISPLAY ==================================*/
.listdisplay { position: absolute; top: 15em; left: 30em; height: 200px; width: 500px; background: #ffffff; display: block; z-index: 101; border:5px solid #888888; border-radius:10px; -moz-border-radius:10px; overflow: auto; }
.listdisplay0 { align:center; width: 100%; margin:1px; cellpadding: 0; cellspacing: 0; }  
.listdisplay0 td { border: 1px solid gray; border-collapse:collapse; }  
.listdisplay011 { width: 9px; margin:1px; padding:1px; }
.listdisplay012 { width: 100px; margin:1px; padding:1px; }