/*=============================================================================*/
     
img {
    max-width: 100%;
    max-height: 100%;
}   
     
body.clock{
    background-image: url("../Background/IMG_6217.JPG");
    background-size: 93%;
    background-repeat: no-repeat;
    background-position: left;
    background-attachment: fixed;
    background-color:#333;}
     
 
body.information{
    background-image: url("../Background/NOS_ALIVE.jpg");
    background-size:52%;
    background-repeat: repeat;
    background-position: left;
    background-attachment: fixed;}
 
h1 {
    text-indent: -9999px;
    width: 234px;
    margin: 0;
    padding: 0;
    }
     
    h1 a:link, h1 a:visited, h1 a:hover {
        background: url("http://www.ist.utl.pt/img/wwwist.gif") no-repeat top left;
        width: 234px;
        height: 51px;
        display: block;
        text-decoration: none;
        border: none;
        overflow: hidden;
        }
 
h2 { 
    position: absolute; 
    top: 25px; 
    left: 14px; 
}
     
h2 span { 
   color: black; 
   font: 2.8em Arial, "Lucida Grande", "Lucida Bright", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
}

h3 { 
    position: absolute;
	font-size: 85%;
    top: 0; 
    left: 10px; 
}
     
h3 span { 
	color: black; 
	font: 0.5em Arial, "Lucida Grande", "Lucida Bright", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;  
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.7);
}

h4 { 
    position: absolute;
	font-size: 85%;
	bottom: 5px; 
    left: 14px;
}
     
h4 span { 
	color: black; 
	font: 0.5em Arial, "Lucida Grande", "Lucida Bright", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;  
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.7);
}

h5 { 
    position: absolute; 
    top: 10px; 
    left: 15px;
}
     
h5 span { 
	color: black; 
	font: 0.5em Arial, "Lucida Grande", "Lucida Bright", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;  
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.7);
}
     
center {
    text-align: center;
}
 
#container {
    position: relative;
    width: 1300px;
    margin: 0 auto;
    }
 
#wrapper {
    float: left;
    position: absolute; 
    top: 30%;
    }
     
#sidebar {
    position:absolute;
    top:0; bottom:0; right:0;
    width:6%;
    background:#333;
}   
 
#triangulodir{
    position: absolute;
    float: none;
    top: 407px; left: 1047px;  
}
 
#trianguloesq{
    position: absolute;
    float: none;
    top: 407px; left: 792px; 
}

#triangulodiraesq{
    position: absolute;
    float: none;
    top: 407px; left: 597px;  
}

.pulseiracima{
	width : 7.2%;
    height: 11%;
    border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 92px solid black;
	position: absolute;
	left: 43.3%; top:9.8%;
}   

.pulseirabaixo{
    width : 7.2%;
    height: 11%;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 137px solid black;
	position: absolute;
	left: 43.3%; bottom: 0%;
}   

 
.CaixaBotoesEsq {
    width : 0.4cm;
    height: 0.8cm;
    border: 1px solid black;
    background-color: white;
}   
 
.CaixaBotoesDir {
    width : 0.4cm;
    height: 0.8cm;
    border: 1px solid black;
    background-color: white;
}
     
.CaixaBotoesDirAEsq {
    width : 0.4cm;
    height: 0.8cm;
    border: 1px solid black;
    background-image:url("../Logos Principais/alarm-icon.jpg");
    background-repeat: no-repeat;
    background-size: 140%;
    background-position: center;
}
    
.relogio{
    width : 2.8cm;
    height: 2.5cm;
    border: 15px solid grey;
    border-radius: 25px;
    background-color: white;
    position: relative; 
}   
 
.rodinha{
    width : 0.8cm;
    height: 0.9cm;
    background-color: black;
}
 
.rodinhaSelect{
    width : 0.2cm;
    height: 0.2cm;
    border: 1px solid black;
    background-color: #A4A4A4;
}
 
.botaocima{
    width : 0.2cm;
    height: 0.2cm;
    border: 1px solid black;
    background-color: #A4A4A4;
}   
     
.botaobaixo{
    width : 0.2cm;
    height: 0.2cm;
    border: 1px solid black;
    background-color: #A4A4A4;
}
     
.Center-Container {
  position: relative;
}
     
.Absolute-Center {
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
 
.Absolute-Center1 {
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.PosicaoRodinha {
  width: 14%;
  height: 11%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 14px; bottom: 0; right: 0;
}
 
.PosicaoRodinhaSelect {
  width: 14%;
  height: 6%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 26px; bottom: 0; right: 0;
}
 
.PosicaoBotaoCima {
  width: 13%;
  height: 6%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 64px; right: 25px;
}
 
.PosicaoBotaoBaixo {
  width: 13%;
  height: 6%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 62px; left: 0; bottom: 0; right: 25px;
}
 
.PosicaoCaixaBotoesEsq {
  width: 11%;
  height: 32%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 441px;
}  
   
.PosicaoCaixaBotoesDir{
  width: 11%;
  height: 32%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0px; left: 459px; bottom: 0; right: 0;
}

.PosicaoCaixaBotoesDirAEsq{
  width: 11%;
  height: 23%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0px; left: 0; bottom: 0; right: 830px;
}
   
.footerWrap {
    width:100%;
    position:fixed;
    bottom: 0px;
}
.footer {
    width:400px;
    margin:auto;
}
.footerContent {
    float:left;
    width:100%;
    padding:20px 0;
}
.footer p {float:left; width:100%; text-align:center; }
 
 
.button
{
  display: block;
  width: 150px;
  height: 25px;
  background: #6b6b6b;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
}
 
button:
 
.skipnav {
    display: none;
    }
     
.username {
    font-weight: bold;
    color: #485156;
    }
 
.info {
    background: <img src="info.jpg" width="100%" align="left"> ;
    padding-left: 2em;
    }
     
ul#menu {
    padding: 0;
    margin-bottom: 0;
}
 
ul#menu li {
    display: inline;
    margin-right: 0;
}
 
ul#menu li a {
    background-color: #485156;
    padding: 1% 6%;
    text-decoration: none;
    color: #ffffff;
    border-radius: 0 0 0 0;
}
 
ul#menu li a:hover {
    color: white;
    background-color: #485156;
}
 
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #ffffff;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
/*==========================================================================*/
 
body { font: 11pt Arial, Helvetica, sans-serif; color: #333; margin: 1em; }
h1 { font: 16pt/0.5em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #485156; }
h2 { font: bold 14pt "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0.5em 0 0.5em 0; color: #485156; }
img { border: 0; }
a:link, a:visited { font-weight: bold; text-decoration: underline; color: #000; }
ul { list-style-type: square; line-height: 1.5em; }
li { padding: 0.3em 0 0.3em 0; }
 
/***********************************************************
    structural classes: layout and position ids
***********************************************************/
 
#header * { display: none; } 
#logoist { display: none; }
#login_dotist, #logoutl { display: none; }
 
/***********************************************************
    sitewide profile navigation
***********************************************************/
 
#perfnav * { display: none; }
     
/****************************************************
lat nav
****************************************************/
 
#latnav * { display: none; }
td#latnav_container { display: none; }
 
/***********************************************************
    central content table & related elements
***********************************************************/
 
#bigtable { left: 0; }
td#main { width: 100%; font: 11pt  Arial, Helvetica, sans-serif; color: #333; vertical-align: top; padding: 20px 30px; }
td#main p { font: 11pt/1.5em Arial, Helvetica, sans-serif; color: #333; }
.spot_event * { display: none; }
.noticias, .eventos, .campus { font: bold 14pt "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; padding: 0 0 0 5px; height: 25px; }
.info_cell_holder { font: 11pt  Arial, Helvetica, sans-serif; color: #333; vertical-align: top; border-right: 1pt solid #ccc; padding: 5px 10px 5px 10px; }
.info_cell_holder_nobrd { font: 11pt Arial, Helvetica, sans-serif; color: #333; vertical-align: top; padding: 5px 10px 5px 10px; }
 
/***********************************************************
    page footer
***********************************************************/
 
#footer * { display: none; }
     
/***********************************************************
    columns
***********************************************************/
 
.col_left { margin: 0 10px 0 0; }
.col_right, .col_right_photo{ float: right; width: 150px; margin: 30px; }
.col_right { width: 250px; }
.col_right_photo img { border: 2pt solid #999; }
.box { width: 250px; border: 1pt solid #999; }
.box p { margin: 0; }
.box img { border: 0; }
.box_header { background: #ccc; padding: 3px 10px 3px 10px; }
.box_cell { background: #eae7e4; padding: 10px; }
.box ul { list-style-type: none; margin: 0; padding: 0; }
 
/***********************************************************
    text and other util widgets
***********************************************************/
 
.greytxt { color: #666; }
.px10 { font-size: 9pt; } 
.photoframer { display: block; border: 2pt solid #999; }
.inline { display: inline; }
.clear { clear: both; }
.center { text-align: center; }
.browser_upgrade {display: none; }
 
/***********************************************************
    general stripes layout table for www.ist.utl.pt
***********************************************************/
 
.tab_lay { border: 1pt solid #999; font-size: 11pt; width: 100%;}
.tab_lay th { color: #333; background: #ccc; text-align: left; padding: 2.5pt; }
.tab_lay td { padding: 5pt; height: 2em; }
.tab_lay td.subheader { font: bold 11pt "bitstream vera sans", "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; color: #333; background: #e2e2e2; padding: 2.5pt 2.5pt 2.5pt 2.5pt; }
.tab_lay td.bluecell { background: #EDF3FE; }
.tab_themes { border: 1pt solid #999; font-size: 11pt; }
.tab_themes td { line-height: 1.5em; padding: 2.5pt; height: 2em; }
.tab_themes td.title { background: #e2e2e2; }
.tab_themes h3 { color: #333; margin: 0; }