/* --------------------------------------------------------
	main.css
	made by: Bruno Monteiro (GAEL)
	date: 19.05.2005
---------------------------------------------------------*/

body { font: 14px "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #000000; background: #006400; margin: 0; padding: 0; }
body * :target { display: inline; background-color: #d9b97c;}
h1 { font: 18px bold "bitstream vera sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #B22222; }
h4 { font: 18px bold "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial,
Helvetica, sans-serif; color: #FFFFFF; }
h1.red { font: 18px "bitstream vera sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #c30; }
h2 { font: bold 18px "bitstream vera sans", "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0; color: #B22222; }
h2.blue	{ margin: 0 0 0.5em 0; color: #069; }
h21 { font: 20px "bitstream vera sans", "Trebuchet MS", "Georgia", "Arial", "Helvetica",
"sans-serif"; margin: 0 0 0.5em 0; color: #039; }
h3 { font: bold 12px "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: none; color: #039; font: bold;}
a:hover { text-decoration: none; color: #039; }
ul, ol { line-height: 1.5em; font-size: 14px; }
ul { list-style-type: square; }
li { padding: 0.3em 0 0.3em 0; }

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

#header { height: 150px; border-top: 17px solid #006400; background: #000000; }
#logoofcemat { position: absolute; left: 80px; top: 20px;}
#logoofist { position: absolute; left: 10px; top: 20px;}
/*#imgbackground1 { position: absolute; left: 315px; top: 17px}
/#imgbackground2 { position: absolute; left: 60%; top: 17px}*/
//#textlogo { position: absolute; left: 350px; top: 40px;}
#textlogo { position: absolute; left: 35%; top: 35px;}
#textlogocg1 { position: absolute; left: 100px; top: 25px;}
#textlogocg2 { position: absolute; left: 100px; top: 55px;}
#header_links { position: absolute; font-size: 14px; 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: 10px; margin: 0 10px }
#submit { font: 10px "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;background: #a2aebc; }

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

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

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

td#latnav_container { width: 185px; vertical-align: top; background: #e8e5e0; border-right: 1px solid
#9f9a92;}
#latnav { float: left; clear: left; left: 0px; top: 89px; background: #e8e5e0;}
#latnav ul { width: 185px; list-style-type: none; font: 13px "bitstream vera sans",
"Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #000000; line-height: 20px; margin: 0px; padding: 1px; }
#latnav li { display: inline; margin: 0; padding: 0; }
#latnav li a:link, #latnav li a:visited { height: 1%; display: block; text-decoration: none; color: #000000;
border-bottom: 1px solid #9f9a92; padding: 0 0 0 10px;}
#latnav li a:hover { color: #000000; background: #e3cdb8; }
#latnav li.nobrd { border-bottom: 1; border-left: 3px solid #999; }

td#right { width: 155px; vertical-align: top; background: ; border-right: 0px solid
#fff; border-left: 0px solid #FFFFFF}

/***********************************************************
	central content table & related elements
***********************************************************/

#bigtable { left: 158px; background: #FFFFFF; } /*ede7c0*/
td#main { width: 100%; vertical-align: top; padding: 20px 30px 40px 30px; }
td#main p, td#main table { font: 11px/1.5em "bitstream vera sans", "Lucida Grande",
"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

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

#footer { height: 20px; font: 10px "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana,
Arial, Helvetica, sans-serif; color: #000000; border-top: 10px solid #006400; background: #FFFFFF;
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: #000000; }
#footer a:hover { text-decoration: none; font-weight: bold; color: #006400; }

/***********************************************************
	columns
***********************************************************/

.col_left, .col_left_photo { float: left; width: 150px; margin: 0 30px 0 0;}
.col_left_photo img { border: 2px solid #1999; }
.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; }
.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; }
.spaced_table { border: 1px solid #808080; background: #eacaba; }
.spaced_table td { padding: 10px; }

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

.greytxt { color: #666; }
.px10 { font-size: 10px; }
.photoframer { display: block; border: 2px solid #999; }
.inline { display: inline; }
.clear { clear: both; }
.center { text-align: center; }
.post_date { font: 11px "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 12px "bitstream vera sans", "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; color: #333; background: #e2e2e2; padding: 5px 5px 5px 5px; }
.tab_lay td.bluecell { background: #Eacaba; }
.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: 10px; margin-top: 0.4em; }
#sitemap li { padding: 0.3em 0 0.3em 0; }
h2.sitemap a:link, h2.sitemap a:visited {  font: bold 12px "bitstream vera sans", "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; text-decoration: underline; color: #c30; }
h2.sitemap a:hover { text-decoration: none; background:#c30; color: #fff; padding: 2px 4px 2px 4px; }