@import 'https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,700,700i|Cabin';
body {
margin: 0px;
padding: 4px;
background: white;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 12pt;
  line-height: 1.4;
}
h1 {
display: block; height: 46px; margin: 4px 0px 0px 0px; padding: 0px; border-bottom: 2px solid #ffc4bf; background: #ffffff;font-family: Cabin, arial, helvetica, sans-serif; font-size: 24pt;color: rgb(0, 153, 204); overflow: hidden; text-decoration: none; font-weight: bold;
}

h2 {
font-family: Cabin, arial, helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
}

.h1_box {display: none;}

.wait_box {display: block; background-color: #ff8000; color: white; font-family: arial, helvetica, sans-serif; font-size: 140px; text-align: center; width: 150px; height: 150px; margin: 4px; padding: 0px; border: 0px; overflow: hidden;}

.wip_box {display: block; background-color: #ff8000; color: white; font-family: arial, helvetica, sans-serif; font-size: 140px; text-align: center; width: 150px; height: 150px; margin: 4px; padding: 0px; border: 0px; overflow: hidden;}

.header_div {display: block; height: 150px; margin: -4px; background-color: #b2ecbb; border-bottom: 1px solid rgba(0,0,0,0.25); overflow: hidden; text-align: right; background-image: url(/cps.edu.pt/bg.png); background-size: cover;}

.header_img1 {float: left; margin-right: -800px;}
.header_txt1 {padding: 10px; font-family: Cabin, arial, helvetica, sans-serif; font-size: 20pt;}
.header_txt2 {padding: 0px; font-size: 12pt;}

.main_div {display: block; margin: 4px; padding: 0px; color:#404040; overflow: hidden; text-decoration: none; max-width: 800px;}
.menu_div {display: block; margin: 4px -4px -4px -4px; padding: 0px; background-color: rgb(0, 153, 204); border-bottom: 1px solid white; overflow: hidden; }
.footer_div1 {display: block; width: 100%; height: 13px; margin: 0px; padding: 0px 4px 0px 0px; background-color: #ffffff; color:#ffffff; overflow: hidden; color:rgb(0, 153, 204); font-family: arial, helvetica, sans-serif; font-size: 8pt; text-align: right;}
.footer_div2 {display: block; width: 100%; height: 8px; margin: 0px -4px -4px -4px; padding: 0px; background-color: rgb(0, 153, 204); overflow: hidden; border-right: 8px solid rgb(0, 153, 204);}

.menu_top_box {
display: none;
}

.menu2, .menu, .menu_new {
display: block;
float: left;
font-family: Cabin, arial, helvetica, sans-serif;
font-size: 12pt;
font-weight: normal !important;
margin: 0px 10px 0px 10px;
padding: 0px 6px 0px 6px;
overflow: hidden;
text-decoration: none;
font-weight: bold;
border: 0px;
color: #ffffff;
border-bottom: 4px solid #ffffff;
}


.menu, .menu_new {
height: 24px;
padding-top: 6px;
}

.menu2 {
height: 30px;
line-height:95%;
padding-top: 6px;
}

.menu, .menu2 {
}

.menu:hover, .menu2:hover {
color: #ffb494;
border-bottom: 4px solid #ffb494;

}

.menu_new {
color: #000000;
border-bottom: 4px solid #d0ffd0;
}

.menu_new:hover {
color: #60c060;
border-bottom: 4px solid #60c060;
}

.textbox {display: block; width: 600px; max-width: 600px;}

.flowbox {display: block; float: right; width: 350px; height: 250px;}