/* --------------------------------------------------------
	main.css
	made by: Carlos Florentino (DMIST)
	date: 28.12.2005
---------------------------------------------------------*/

body { font: 62.5% "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #333; background: #a2aebc; margin: 0; padding: 0; }
body * :target { display: inline; background-color: #FCFFBA; }
h1 { font: 1.8em/1em "bitstream vera sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #334370; }
h2 { font: bold 1.4em "bitstream vera sans", "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0; color: #223344; }
h2.blue	{ margin: 0.5em 0 0.5em 0; color: #069; }
h3 { font: bold 1.4em "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #333; margin-bottom: 0; }
h3.grey { color: #666; }
img { border: 0; }
a:link, a:visited { text-decoration: underline; color: #069; }
a:hover { text-decoration: none; color: #039; }
ul, ol { line-height: 1.1em; font-size: 1.05em; }
ul { list-style-type: bullet; }
li { padding: 0.3em 0 0.3em 0; }
ul li ul { font-size: 1em}

/***********************************************************
	structural classes: layout and position ids
***********************************************************/

#header { height: 80px; border-top: 10px solid #a8a88e; background: #eae7e4; }
#logoist { position: absolute; left: 40px; top: 25px; }
#header_links { position: absolute; font-size: 1em; color: #45556A; text-align: right; right: 40px; top: 20px; }
#header_links a:link, #header_links a:visited { text-decoration: none; font-weight: bold; color: #45556A; }
#header_links a:hover { text-decoration: underline; font-weight: bold; color: #45556A; }

/***********************************************************
	google search
***********************************************************/

#search { position: absolute; right: 40px; top: 55px; text-align: right; }
#textfield { font-size: 1em; margin: 0 10px }	
#submit { font: 1em "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;background: #a2aebc; }

/***********************************************************
	sitewide profile navigation
***********************************************************/

#perfnav ul { margin: 0; padding: 0 0 0 156px; white-space: nowrap; }
#perfnav ul li { font: bold 1em "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; list-style: none; float: left; margin: 0; padding: 0; line-height: normal; }
#perfnav a:link, #perfnav a:visited { float: left; height: auto; color: #45556A; text-decoration: none; margin: 0; padding: 4px 10px 4px 10px; white-space: nowrap; }
#perfnav a:link.active, #perfnav a:visited.active { color: #fff; background: #45556A; }
#perfnav a:hover { text-decoration: none; background: #eae7e4; color: #333; }
#holder { position: relative; clear: both; }

/****************************************************
lat nav
****************************************************/

td#latnav_container { width: 155px; vertical-align: top; background: #f6e9cc; border-right: 1px solid #ccc; padding: 0; margin: 0; white-space: nowrap; }
#latnav { float: left; clear: left; left: 0px; top: 89px; background: #f6e9cc;}
#latnav ul { width: 155px; list-style-type: none; font: 1.1em "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #333; line-height: 20px; margin: 0; padding: 0; }
#latnav li { display: inline; margin: 0; padding: 0; }
#latnav li a:link, #latnav li a:visited { height: 1%; display: block; text-decoration: none; color: #333; border-bottom: 1px solid #ccc; padding: 0 0 0 10px;}
#latnav li a:hover { color: #333; background: #e8e8ff; }
#latnav li.nobrd { border-bottom: 0; border-left: 3px solid #999; }
#latnav li.selmenu a:link, #latnav li.selmenu a:visited { height: 1%;  display: block; text-decoration: none; color: #333; border-bottom: 1px solid #ccc; line-height: 120%; text-indent: -10px; padding: 3px 0 4px 20px; background: #faf7f4; white-space:normal;}
#latnav li.selmenu a:hover { color: #333; background: #e8e8ff; }
#latnav li li.selmenu a:link, #latnav li li.selmenu a:visited { height: 1%; display: block; text-decoration: none; color: #333; border-bottom: 1px solid #ccc; line-height: 120%; text-indent: -10px; padding: 3px 0 4px 30px;}

/***********************************************************
	central content table & related elements (outra cor seria eaeabf)
***********************************************************/

#bigtable { left: 155px; width: 100%; background: #ffffff; }
td#main { font: 125% "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; width: 100%; vertical-align: top; padding: 20px 30px 40px 30px; }	
.image_container { height: 100px; }
.image_container_center { /* height: 150px; */ margin: 0; padding: 0; text-align: center; }
.image_container img { margin: 0; padding: 0; border: none; } /* margin: 0 10px 0 0 */
.spot_event_1 { height: 150px; background: #A11221; margin: 0; padding: 0; } /* Destaque: Natal 2005 */
.spot_event_2 { background: #D2D2B1; margin: 0; padding: 0; } /* Destaque: Redesign do portal e-escola */
.spot_event_3 { background: #5D87A5 url(../img/spot/gep_inq_lic_2005/gep_inq_lic_bck.gif) no-repeat 2em 0; margin: 0; padding: 0; } /* Destaque: Avaliação das Disciplinas */
.noticias, .eventos, .campus { width: 30%; font: bold 1.5em "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 4px 0 4px 5px; text-align: left; }
.noticias { background: #a8a88e; }
.eventos {  background: #cc9; }
.campus {  background: #7d8a9c; }
.info_cell_holder { width: 30%; font: 1.1em "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #333; background: #fff; vertical-align: top; border-right: 1px solid #ccc; padding: 5px 10px 5px 10px; margin: 0;}
.info_cell_holder_nobrd { font: 1.1em "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #333; background: #fff; vertical-align: top; padding: 5px 10px 5px 10px; }
p.info_bullet { padding: 1em 0 1em 1em; background: url(../img/icon_bluearrow.gif) no-repeat 0 1.2em; }

/***********************************************************
	page footer
***********************************************************/

#footer { height: 20px; font: 1em "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #45556A; border-top: 10px solid #45556A; background: #a8a88e; padding: 5px 10px 5px 10px; }
#foot_links, #foot_copy { float: left; width: 30%; margin: 0; padding: 0; }
#foot_copy { float: right; width: 45%; text-align: right; }
#footer a:link, #footer a:visited { text-decoration: none; font-weight: bold; color: #45556A; }
#footer a:hover { text-decoration: underline; font-weight: bold; color: #45556A; }

/***********************************************************
	columns
***********************************************************/
	
.col_left, .col_left_photo { float: left; width: 150px; margin: 0 30px 0 0;}
.col_left_photo img { border: 2px solid #999; } 
.col_right, .col_right_photo { float: right; width: 150px; margin: 30px; }
.col_right { width: 250px; }
.col_right_photo img { border: 2px solid #999; margin-bottom: 20px;} 
.box { width: 250px; border: 1px solid #999; }
.box p { margin: 0; } 
.box img { border: 0; }
#main .box_header { background: #ccc; padding: 3px 10px 3px 10px; }
#main .box_cell { background: #eae7e4; padding: 10px; }
#main td.box_cell p { font-size: 1em;}
.box ul { list-style-type: none; margin: 0; padding: 0; font-size: 1em; }
.spaced_table { border: 1px solid #ccc; background: #eae7e4; }
.spaced_table td { padding: 10px; }

/***********************************************************
	text and other util widgets
***********************************************************/

.greytxt { color: #666; }
.px10 { font-size: 1em; } 
.photoframer { display: block; border: 2px solid #999; }
.inline { display: inline; }
.clear { clear: both; }
.center { text-align: center; }
.post_date { font: 1em "bitstream vera sans", "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0; padding: 0; }	
.bottom_border { border-bottom: 1px solid #ccc; }
.redbox { color: #fff; background: #c30; padding: 3px 6px 3px 6px; }

/***********************************************************
	complementary navigation hints
***********************************************************/
	
.breadcumbs { float: left; width: 50%; padding-bottom: 2em; }
#version { margin: 0; padding: 0; }
#version * { margin: 0; padding: 0; }
#version { float: right; padding-top: 0em; }
#version img { padding: 1px; border: 1px solid #fff; }
#version img.activeflag { border: 1px solid #A2AEBC; background-color: #ccc; }

/***********************************************************
	licenciatura section
***********************************************************/

.degree_imageplacer { float: right; width: 250px; margin: 0 30px 0 30px; }
	
/***********************************************************
	general stripes layout table for www.ist.utl.pt
***********************************************************/

.tab_lay { border: 1px solid #999; font-size: 11px; }
.tab_lay th { color: #333; background: #ccc; text-align: left; padding: 5px; }
.tab_lay td { padding: 5px; height: 2em; }
.tab_lay td.subheader { font: bold 1.2em "bitstream vera sans", "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; color: #333; background: #e2e2e2; padding: 5px 5px 5px 5px; }
.tab_lay td.bluecell { background: #EDF3FE; }
.tab_themes { border: 1px solid #999; font-size: 11px; }
.tab_themes td { line-height: 1.5em; padding: 5px; height: 2em; }
.tab_themes td.title { background: #e2e2e2; }
.tab_themes h3 { color: #333; margin: 0; }

/***********************************************************
	context navigation
***********************************************************/

#contextual_nav { float: right; width: 200px; margin: 0 0 20px 20px; padding: 20px 0 20px 20px; /* border-left: 1px solid #ccc; */}
#contextual_nav h2 { color:#666; }
#contextual_nav ul, #contextual_nav li  { list-style-type: none; margin: 0; padding-left: 0; }
#contextual_nav ul { margin-bottom: 20px; padding-left: 15px; border-left: 1px solid #ccc; }
#contextual_nav li { background: url(/img/icon_redcircle.gif) no-repeat 0 50%; padding-left: 15px; }

/***********************************************************
 Errors
***********************************************************/

.serv_error_403 { background: url(http://www.ist.utl.pt/img/403.gif) no-repeat 30px 10px; }
.serv_error_404 { background: url(http://www.ist.utl.pt/img/404.gif) no-repeat 30px 10px; }

/***********************************************************
	sitemap
***********************************************************/

#sitemap ul { list-style-type: square; line-height: 0.9em; font-size: 1em; margin-top: 0.4em; }
#sitemap li { padding: 0.3em 0 0.3em 0; }
#sitemap h2.sitemap a:link, #sitemap h2.sitemap a:visited { font: bold 1em "bitstream vera sans", "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; text-decoration: underline; color: #c30; }
#sitemap h2.sitemap a:hover { text-decoration: none; background:#c30; color: #fff; padding: 2px 4px 2px 4px; }