@import "reset.css";

/*  Fonts  */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#Open Sans') format('svg');
}

/* Main Style */
a, a:link, a:visited {color:#06C; text-decoration: none;}
a:hover, a:active {color:#06C;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0.3em 0;line-height: 1.1em;}
h1 {font-size: 3em;color: #333;font-weight: normal;}
h2 {font-size: 2em;color: #333;font-weight: normal;}
h3 {font-size: 1.5em;color: #333;font-weight: bold;}
h4 {font-size: 1.25em;font-weight: bold;color: #b63812;}
h5 {font-size: 1.25em;font-weight: bold;color: #333;}
h6 {font-size: 1.1em;color: #333;font-weight: bold;}
p {line-height: 1.6em;margin: 0 0 1.6em 0;}
strong {color: #333;}
img {border: 0;}
.left {float: left;}
.right {float: right;}
.clear{clear: both;}


body{padding:0px; margin:0px;background-color: #f2f2f2;}
h1{padding:0px;margin:0px;}
/*h1, ul, li{padding:0px;margin:0px;}*/
h1{font-size:17pt; color:#194b72; font-weight:600; padding: 20px 0 10px 0; margin:0;}
h3{font-size:12pt; font-weight:400;}
h4{font-size:11pt; font-weight:400;}
p{font-size:11pt; color:black;}

label{display:block; font-size: 11pt; color: #000; margin: 10px 0 2px 45px; text-align: left;}

a { text-decoration: none; color: #1885B0;}
a:hover { text-decoration: underline; color: #16617e;}

.clear{clear:both;}
body #s4-bodyContainer{background-color: #f6f6f6;}
body{overflow-x:hidden!important; overflow-y:hidden!important;}

/* ++++++++++++++++++ cabeçalho ++++++++++++++++++ */
.header-wrapper{width:100%; height:119px; background-color: #fff; margin-top: 0; padding-top: 0; border-bottom: 5px solid #147f9c; font-family: 'Open Sans', sans-serif; }
.header{width:1000px; height:100px; margin:0 auto; }
.titulo{padding-top: 23px; font-size: 25pt; --font-weight: 600; text-transform: uppercase; color: #147f9c; float: left; line-height: 1.2;}
.titulo a, .titulo a:hover, .titulo a:active{text-decoration:none; color:#147f9c;}
.logo{width:370px; height: 71px; background: url('images/sgmai_novo.png') 45px 0px no-repeat; margin-top:27px;}

/* ++++++++++++++++++ conteúdo da página ++++++++++++++++++ */
.content-wrapper{width:100%; min-height:200px; font-family: 'Open Sans', sans-serif;}
.content_{width:1200px; margin:0 auto; color: #000;}
.conteudo{float:left; width:720px;}
.titulo_seccao{
    width: 100%;
    color: #fff;
    font-size: 11pt;
    text-align: center;
    padding: 5px 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-top: 30px;
    background: #1ec2dd; /* Old browsers */
    background: -moz-linear-gradient(top, #1ec2dd 0%, #147f9c 100%, #87e0fd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ec2dd), color-stop(100%,#147f9c), color-stop(100%,#87e0fd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1ec2dd 0%,#147f9c 100%,#87e0fd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1ec2dd 0%,#147f9c 100%,#87e0fd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1ec2dd 0%,#147f9c 100%,#87e0fd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1ec2dd 0%,#147f9c 100%,#87e0fd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ec2dd', endColorstr='#87e0fd',GradientType=0 ); /* IE6-9 */
}

.down_box{width:100%; float:right; font-size: 11pt; padding: 15px 1%; background-color: #fff; box-sizing:border-box; border: 1px solid #ccc; min-height:330px;}
.down_box ul{padding-left: 20px;}
.down_box li{padding: 2px 0; font-size: 13px;}
.down_box li a:hover {color:#1885B0; text-decoration:underline;}


/* ++++++++++++++++++ rodapé ++++++++++++++++++ */
.footer-wrapper{width:100%; margin-top:50px; background-color: #f2f2f2; border-top:2px solid #1D7FC8; font-family: 'Open Sans', sans-serif;}
.footer-wrapper .footer{width:1000px; margin:0 auto; font-size: 13px; padding-top: 10px; padding-bottom: 10px;}
.footer-wrapper .left{float:left;}
.footer-wrapper .rights{float:right;}

/************* PopupModal **************/
#overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index: 100; display: none; }
.cnt223 a{text-decoration: none;}
.popupmodal{width: 100%; margin: 0 auto; display: none; position: fixed; z-index: 101;}
.cnt223{min-width: 980px; width: 980px; min-height: 150px; margin: 20px auto 30px auto; background: #f3f3f3; position: relative; z-index: 103; padding: 10px; border-radius: 5px; box-shadow: 0 2px 5px #000; }
.cnt223 p{clear: both; color: #555555; text-align: justify; font-size }
.cnt223 p a{color: #d91900; font-weight: bold;}
.cnt223 .x{float: right; height: 35px; left: 22px; position: relative; top: -25px; width: 34px; display:block; }
.cnt223 .x:hover{cursor: pointer; }
.cnt223 p {font-size: 9pt; line-height: 1.5;}
.cnt223 ul li {font-size: 9pt; padding: 2px 0px;}
.cnt223 ul ul {padding-bottom: 10px;}


/************* Videos **************/
.video-list{width:39%; float:left; margin-right:1%;}
.video-list .item { padding:0px; display:block; width:inherit; line-height:30px; border-bottom:1px solid #ccc; cursor:pointer; background:url('images/accordion_arrow.png') no-repeat right 11px; }
.video-list .on {background:url('images/accordion_arrow_active.png') no-repeat right -80px;}
.video-list .on:hover {background:url('images/accordion_arrow_active.png') no-repeat right 11px;}
.video-list .over {background:url('images/accordion_arrow.png') no-repeat right -80px;}
.video-list .item-data { display:none; width:inherit; height:auto; padding: 10px 5px; }
.video-list .subareaTitle { color: #97c0e6; font-size: 15px; text-transform: uppercase; padding: 0 0 4px 0;}
.video-list .subareaItem { --padding: 2px 0 2px 15px; word-wrap:break-word; -ms-word-wrap: break-word; }
.video-view{width:60%; float:left;}

/************* Documentos **************/
.documentos{width: 460px; float: right;}
.documentos a{font-size:9pt!important; word-wrap:break-word!important; }
.documentos .ms-vb2{padding:2px 0px;}
.documentos .ms-viewheadertr th{display:none!important;}

/************* Progress **************/
.progress-wrapper{position: fixed; background-color: #FAFAFA; z-index: 2147483647 !important; opacity: 0.8; overflow: hidden; text-align: center; top: 0; left: 0; height: 100%; width: 100%; padding-top:20%;} 
.progress{position: absolute; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #ffffff; opacity: 0.8;}


/************* Inquérito **************/
.form{float: left; width: 100%; margin-top: 10px; margin-bottom: 20px; font-size:9pt!important;}
.form .label{margin-bottom:5px;}

.my_success {border: 1px solid #4F8A10; width:94%; margin: 10px 0px; padding:1% 1% 1% 5%; background: #DFF2BF url('images/success.png') 10px center no-repeat; font-size: 1.2em; color: #4F8A10; }
.my_error {border: 1px solid #D8000C; --width:94%; text-align:left; margin: 10px 0px; padding: 10px 10px 10px 50px; background: #FFBABA url('images/error.png') 10px center no-repeat; font-size: 1.2em; color: #D8000C; }

/************* Accordion **************/
#accordion {--width: 335px; overflow:hidden;}
#accordion1 {width: 440px; padding:0 5px; overflow:hidden;}
.accordion-toggle {cursor: pointer;border-bottom: 1px solid #ccc;padding: 5px 25px 5px 0px; color: #16617e; font-size: 14px!important;}
.minus{background: url('images/menos.png') top right no-repeat;}
.plus{background: url('images/mais.png') top right no-repeat;}
.accordion-content {display: none;}
.accordion-content.default {display: none;}
#accordion ul, #accordion li,
#accordion1 ul, #accordion1 li {margin:0px;}

/************* ToolTip **************/
a.tip {position: relative;}
a.tip img {margin-top:-2px; margin-right:7px; cursor:pointer}
a.tip span {display: none; position: absolute; right: 0px; width: 275px; padding: 8px; z-index: 100; background: #FFA; border: 1px solid #FFAD33; color: #16617E; border-radius: 5px; font-size: 13px; line-height:1.2; }
a:hover.tip {font-size: 99%; /* this is just for IE */}
a:hover.tip span {display: block;}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }


/************* Alertas **************/
.alert {padding: 10px 15px; color: #fefefe; position: relative; margin: 10px 0; text-align:left; }
.alert .msg { /*padding: 0 20px 0 40px;*/}
.alert .msg a { text-decoration: underline; color: white;}
.alert p { margin: 5px 0; color: white;}
.alert .toggle-alert {position: absolute; top: 7px; right: 10px; display: block; text-indent: -10000px; width: 20px; height: 20px; border-radius: 10px;
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
	background: rgba(0, 0, 0, 0.08) url("images/alert.png") no-repeat 6px 6px;
}
.info-box {		background: #2fa9f6 url("images/info.png") no-repeat 14px 10px;}
.success-box {	background: #7EB62E url("images/success.png") no-repeat 14px 10px;}
.error-box {	background: #f64b2f url("images/error.png") no-repeat 14px 10px;}
.notice-box {	background: #ff9800 url("images/notice.png") no-repeat 14px 10px;}
.download-box {	background: #a555ca url("images/download.png") no-repeat 14px 10px;}

.my_success.alert p {font-size:10pt; color:#4F8A10}

/************* Tables **************/
table#gv { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 5px 0 18px; border: 1px solid #ddd; width:100%; border-collapse: separate!important; border-spacing: 2px; }
table#gv thead { background: #f2f2f2; }
table#gv thead tr th, .form table tbody tr td, .form table tr td, .form table tfoot tr td {  line-height: 18px; text-align: left; }
table#gv thead tr th { padding: 8px 10px 9px;  font-weight: bold; color: #222; border-bottom: 1px solid #ddd; }
table#gv thead tr th:first-child, .form table tfoot tr td:first-child { border-left: none; }
table#gv thead tr th:last-child{ border-right: none; }
table#gv tbody tr.even, .form table tbody tr.alt { background: #f9f9f9!important; }
table#gv tbody tr:nth-child(even) { background: #fcfcfc!important; }
table#gv tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; border-bottom: 1px solid #ddd; }
table#gv tbody tr.highlight td{background-color: #fff19d;}
table#gv tbody tr.gvFooter {background: #f2f2f2!important; font-weight: bold;}
     
table#gv thead tr th.header { background-image: url(../img/bg.gif); cursor: pointer; background-repeat: no-repeat; background-position: center left; padding-left: 20px!important; }
table#gv thead tr th.headerSortUp { background-image: url(../img/asc.gif); background-color: #cccccc; } 
table#gv thead tr th.headerSortDown { background-image: url(../img/desc.gif); background-color: #cccccc; } 

/************* Buttons **************/
.button {  width: auto; color:#fff!important; cursor: pointer; display: inline-block; line-height: 1; margin: 0; outline: none; 
    padding: 10px 20px 11px!important; position: relative; text-align: center; text-decoration: none; background:#d74937;
    font-family: 'Droid Sans', Arial,Helvetica Neue,Helvetica,sans-serif!important; font-size: 10pt!important; margin-left: 0px!important;
    border:none!important; min-width: 1em!important;
    -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #2d2d2d;
}
.search{  width: auto; cursor: pointer; display: inline-block; line-height: 1; margin: 0; outline: none; padding: 10px 20px 9px; position: relative; text-align: center; text-decoration: none; background:#d74937; border:0; margin-left:-2px; color:#fff; font-size:13px;}
.button.green {  --background:#7eb62e; background: #64905d; color:#fff!important;}
.button.gray {  background:#818181; color:#fff!important;}
.button.red {  background:#c00; color:#fff!important; }
.button.large { font-size: 17px; padding: 15px 30px 16px!important; }
.button.medium { margin-right: 5px!important; }
.button.small { font-size: 11px!important; padding: 7px 14px 8px!important; }
.button.tiny { font-size: 11px!important; padding: 5px 10px 6px!important; }
.button:hover { background: #2d2d2d; color:#fff; text-decoration: none; }
.button.green:hover { --background: #64a20b; background: #518149; color:#fff; text-decoration: none; }
.button.gray:hover { background: #000; color:#fff; text-decoration: none; }
.button.red:hover { background: #aa0000; color:#fff; text-decoration: none; }
.button.noborder { background: #da4a38; border: none; color: #fff; text-shadow: none; margin:0; border:0;}
.button.noborder:hover { background: #2d2d2d; color:#fff }
.button.icon{padding: 6px 15px 7px 15px !important; font-size: 20px!important; margin-right: 1px!important;}
.button.last{margin-right: 1px!important;}
input[type="submit"]:disabled{cursor:not-allowed}

/************* Forms **************/
.form input[type="email"],
.form input[type="number"],
.form input[type="search"],
.form input[type="text"],
.form input[type="tel"],
.form input[type="url"],
.form input[type="password"],
.form textarea,
.form select,
.form .searchInput{
    height: 38px;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    margin-bottom: 10px;
}
/* Removes awkward default styles on some inputs for iOS */
.form input[type="email"],
.form input[type="number"],
.form input[type="search"],
.form input[type="text"],
.form input[type="tel"],
.form input[type="url"],
.form input[type="password"],
.form textarea,
.form .searchInput { -webkit-appearance: none; -moz-appearance: none;}
.form textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; font-size:1em;}
.form .label,
.form legend { display: block; margin: .8rem 0 .3rem 0; color: #222; }
.form fieldset { padding: 0;   border-width: 0; }
.form input[type="checkbox"],
.form input[type="radio"] {display: inline; }
.form input[readonly], 
.form input[readonly="readonly"] { background-color: #efefef!important; }
.form .label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; }
.form .labelRequired{font-size: 9pt; margin-top: 10px;}
.form .required{color:red; font-size: 9pt!important;}
.form input[type="search"],
.form .searchInput{ 
    -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #2d2d2d;
    position: relative;
    right: -3px;
    vertical-align: top; 
    border-radius: 0px; 
    height: 33px; 
    margin-bottom: 5px; 
    width: 250px; 
    border-color: #818181;
    border-right-width: 0px;
}
input[type="submit"]:disabled {background: #818181;}
input[type="submit"]:disabled:hover {background: #818181;}

/************* Login **************/
.login{
	width: 350px;
	min-height: 350px;
	background-color: white;
	border: 1px dotted #4fa3dd;
	margin: 30px auto 20px auto;
	text-align:center;
}

.login .form{
	width: 100%;
	margin: 0 auto;
	text-align: center;
 }

.login .titulo{
	font-size: 12pt;
    font-weight: 400;
    color: #000;
    width: 100%;
    margin: 0 0 10px;
 }

.login .form .label{
	font-size: 11pt;
    color: #000;
    margin: 10px 0 2px 45px;
    text-align: left;
 }

.login .form  input{
  display: inline-block;
  width: 260px;
  height: 50px;
  margin: 5px auto;
  padding: 15px;
  box-sizing: border-box;
  font-size: 1.2em;
  border: 1px solid #4fa3dd;
  transition: all .2s ease;
}

.login .form > input:focus{
  border: thin solid #053253;
  outline: none;
}

.login .myButton{
  width: 260px;
  height: 50px;
  background: #053253;
  border: none;
  outline: none;
  margin: 0 auto;
  display: block;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 11pt;
  transition: all .2s ease;
  line-height:3.2;
}

.login a{text-decoration:none;}
 

.login .myButton{
  padding-top: 0px !important;
}

.login .myButton:hover{
  background: #014965
}



.topRight{
    float:right;
    margin-top:5px;
}
.utilizadorSessao{
    float:right;
    color: #147f9c;
    font-size:12px;
    text-align:right;
    position: relative;
    top: -5px;
}
.utilizadorSessao a{
    text-decoration:underline;
    color:#147f9c
}



.botao_ext{
    width: 96%;
    display:block;
    color: #fff!important;
    font-size: 11pt;
    text-align: center;
    padding: 5px 2%;
    border-radius: 5px;
    margin-top: 20px;
    background: #1ec2dd; /* Old browsers */
    background: -moz-linear-gradient(top, #1ec2dd 0%, #147f9c 100%, #87e0fd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ec2dd), color-stop(100%,#147f9c), color-stop(100%,#87e0fd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1ec2dd 0%,#147f9c 100%,#87e0fd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1ec2dd 0%,#147f9c 100%,#87e0fd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1ec2dd 0%,#147f9c 100%,#87e0fd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1ec2dd 0%,#147f9c 100%,#87e0fd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ec2dd', endColorstr='#87e0fd',GradientType=0 ); /* IE6-9 */
}
.botao_ext:hover{text-decoration: underline; color: #fff;}

/* SP 2016*/
#s4-ribbonrow{display: none;}
#suiteBarDelta{display: none;}
.ms-signInLink{display: none!important;}
#s4-statusbarcontainer{display: none;}
#s4-bodyContainer{padding-bottom:0px;}
.ms-signInLink{display:none!important;}

.accordion-toggle {
    font-weight: bold;
}

.video-list .subareaTitle {
    font-size: 12px;
    text-transform: none;
}

.video-list .subareaItem {
    display: list-item !important;
    margin-left: 1.3em;
    list-style-type: circle;
}

.dividerimg {
    max-width: 100%;
    height: 25px;
    background: url(images/noisestrip.png);
    margin: 20px 0;
    text-align: center;
}

.row .my_success,
.row .my_error {
    width: 90%;
    padding: 2% 1% 2% 9%;
}

hr.black {
    border: solid #5d5d5d;
    border-width: 1px 0 0;
    clear: both;
    margin: 12px 0 11px;
    height: 0;
}

.panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0; padding: 20px; overflow:hidden }
.panel > :first-child { margin-top: 0; }
.panel > :last-child { margin-bottom: 0; }
.panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.panel h4 {font-size: 16px; margin: 0px 0 10px; }
.panel p { font-size: 10pt; line-height: 1.5; }
.panel li { font-size: 10pt; margin-bottom: 10px; }

/* Tables ---------------------- */
table.mygrid { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 5px 0 18px; border: 1px solid #ddd; width:100%; border-collapse: separate!important; border-spacing: 2px; }
table.mygrid thead { background: #f2f2f2; }
table.mygrid thead tr th, .portal table tbody tr td, .portal table tr td, .portal table tfoot tr td {  line-height: 18px; text-align: left; }
table.mygrid thead tr th { padding: 8px 10px 9px;  font-weight: bold; color: #222; border-bottom: 1px solid #ddd; }
table.mygrid thead tr th:first-child, .portal table tfoot tr td:first-child { border-left: none; }
table.mygrid thead tr th:last-child{ border-right: none; }
table.mygrid tbody tr.even, .portal table tbody tr.alt { background: #f9f9f9!important; }
table.mygrid tbody tr:nth-child(even) { background: #fcfcfc!important; }
table.mygrid tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; border-bottom: 1px solid #ddd; }
table.mygrid tbody tr.highlight td{background-color: #fff19d;}
table.mygrid tbody tr.gvFooter {background: #f2f2f2!important; font-weight: bold;}