* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100,01%;
	background-color: #8bacc7;
	font-size:13px;
	text-align:justify;
	background-attachment:fixed;
	background-image:url(/wayback/20151117210244oe_/http://cfcul.fc.ul.pt/Templates/img/tiny.png);
	background-repeat:repeat;
}

p {
	padding-bottom: 10px;
	text-align: left;
}

a {
	color:#663333; 
	cursor:pointer; 
	text-decoration:none;
}

a.mail {
	color:#6c8eaa;
	cursor:pointer; 
	text-decoration:none;
	font-weight:normal;
}

a:hover {
	color:#333;
	text-decoration:underline;
}

.inside {
	padding-left:20px;
}

.sublist{
margin-top:5px; 
margin-left:20px;	
	
}

a:focus,a:active {
	outline:none;
}





hr {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	
}


#contents { 
 margin: 0 auto;
 width:1000px;
 background:white;
 margin-top: 25px;
 margin-bottom: 25px;

 
 }

#header {
	height: 130px;
	padding: 40px;
	position: relative;
}

#logo {
	position: absolute;
	top: 30px;
	left: 30px;
	height: 130px;
	line-height: 130px;

}

#title {
	line-height: 45px;
	position: absolute;
	height: 57px;
	font-family: "Open Sans", sans-serif;
	width:100%;
	padding-left:5%;
}

#titlecopy {
	line-height: 45px;
	position: absolute;
	height: 57px;
	font-family: "Open Sans", sans-serif;
	width:100%;
	margin-left:180px;
}

#header h1 {
	font-weight:bold;
	font-size: 1.50em;
	text-align:center;
	color:#000;
	padding-top:10px;
	font-weight:bolder
	
}

#header h2 {
	font-weight:bold;
	font-size: 1.25em;
	text-align:center;
	color:#8BACC7;
	text-transform:none;
	margin:0;
	
}

#cssmenu {
	width: 153px;
	float: left;
	text-align:center;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 30px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	min-height:920px;

}






#page { 
 float: right;
 background:white;
 margin: 0px 0px 0px 0px;
 padding-top: 20px;
 height: auto;
 width: 730px;
 display: inline;
 padding-bottom: 35px;
 padding-left:20px;
 padding-right:40px;
 min-height: 1500px;
 
}

.emphasis {
	font-weight:bold;
	color:#030;
}


#en {
	color:#DADADA;


	
	
	
}

h3 #en {
	color:#999;


	
	
	
}


#page h1 { 
	
	display:block; 
	background:#8bacc7; 
	padding:4px 7px; 
	margin:0 0 15px; 
	width:730px; 
	font-size:20px; 
	line-height:25px;
	color:#000;
	text-align:center;
	
}



#page h2 {
	display:block;
	background:#CCC;
	padding:4px 7px;
	margin:0 0 15px;
	width:725px;
	font-size:13px;
	line-height:17px;
	margin-top: 20px;
	color:#333;
	text-align:left;
	text-transform:none;
}

#page h3 { 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	display:block; 
	padding:4px 7px; 
	margin:0 0 15px; 
	width:725px; 
	font-size:13px; 
	line-height:17px;
	margin-top: 20px;
	color:#333;
	text-align:center;
	text-transform:none;
	border-style:solid;
	border-color:#CCC;
}

#page h4 {
	color:#4a3b38;
	margin-bottom:10px;
	text-align:left;
	/* [disabled]margin-top:30px; */
	
	
}

#head h4 {
	
	color:#4a3b38;
	margin-bottom:10px; 
	margin-top:10px; 
	
	
}

#page .en {
	color:#C2754B;
	
}





#page h5 {
	margin-bottom:5px;
	margin-top:7px;
}



.profilefoto {

	margin-left:20px;
	width:150px;
	height: 150px;
	
}

.profiletext {
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	display:block; 
	padding:4px 7px; 
	margin:0 0 20px; 
	width:700px; 
	font-size:13px; 
	line-height:17px;
	margin-top: 20px;
	color:#333;
	text-align: justify;
	text-transform:none;
	background:#E8E8E8;
	margin-left:10px;
	padding-bottom:20px;

	
	
}




#head {
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	display:block; 
	padding:4px 7px; 
	width:675px; 
	font-size:13px; 
	line-height:17px;
	margin-top: 10px;
	color:#333;
	text-align: justify;
	text-transform:none;
	background:#CDE1EB;
	margin-left:20px;
	margin-bottom:10px;
	
	
}

#equipa {
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	display:block; 
	padding:4px 7px; 
	width:320px; 
	font-size:13px; 
	line-height:17px;
	margin-top: 10px;
	color:#333;
	text-align: justify;
	text-transform:none;
	background:#CDE1EB;
	min-height:200px;
	margin-left:20px;
	margin-bottom:10px;

	
}

.left{float:left;}

.floatleft {
	float:left;
}


#container {
	display:table;
	

}



div#leftcolumn{
	width:350px;
	display:block;
	float:left;
}
div#rightcolumn{
	width:350px;
	display:block;
	float:right;
	margin-left:20px;
	
	
}


div.sectiontitle {
	width:347px; 
	display:block; 
	padding:4px; 
	text-transform:none;
	background:#8bacc7;
	margin-bottom:10px;
	text-align:center;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	line-height:25px;
}

#container.listadelivros {
	
	
	
}



#foot {
	height: 80px;
	
	background:white;


	width: 815px;
	margin-top: 20px;

	float:left;

}



#footer {		
   width:1000px;
   color:#999;
 text-align:center;
 font-size:x-small;
 clear: both;



}

div.clear { clear: both;
			clear: both;
			font-size: 0!important;
			height: 0!important;
			line-height: 0!important; }
 
 


.quote {
	
	text-align:justify;
	font-family:'Times New Roman','serif';
	font-style:italic;
	font-size:13px;
	padding-left:50%;
	
}

.right {
	text-align:right;
	
	
}

/* Some stylesheet reset */


#cssmenu > ul{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#cssmenu > ul {
	display: block;
	position: relative;
	width: 150px;
}

	/* The list elements which contain the links */
	#cssmenu > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 150px;	
	}

		/* General link styling */
		#cssmenu > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #fff;
			border-bottom: 1px dotted #d9d9d9;
			padding: 7px 20px;
			width: 110px;
			text-align:left;

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			color: #5d758a;
			text-decoration: none;
			text-shadow: 0 1px 0 #fff;
			font-size: 12px;
			font-weight: 300;

			/* Background & effects */
			background: #eaeaea;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			background: #663333;
			background: -webkit-linear-gradient(bottom, #663333, #723b3b);
			background: -ms-linear-gradient(bottom, #663333, #723b3b); 
			background: -moz-linear-gradient(bottom, #663333, #723b3b);
			background: -o-linear-gradient(bottom, #663333, #723b3b);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #3dafea; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #fff;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
			border-left: 4px solid rgba(0, 0, 0, .25);
		}

	
		/* THE SUBMENUS */
		#cssmenu > ul ul {
			position: absolute;
			left: 150px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}
		
		
		



.hidden { display: none; }
 .unhidden { display: block; }


.actividades {
	padding-left:30px;
}

.listadelivros {
	
}

.listadeparceiros {
	
}

#container li {
	padding-bottom:10px;
}

.negrito{
	font-weight:bold;
	
}

.tituloartigo{
	font-style:italic;
	
}

#paracima img {
	height:20px;
	
	
	
}

#paracima {
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	line-height:40px;
}

.abstract {
	display:block;
	margin-top:10px;
	background:#CCC;
	font-style:italic;
	padding:2px;}
	
	
#col {
	width:180px;
	padding:10px;
	float:left;
}
	

#col h3 {
	width:145px;
	padding:0px;
	margin-top:0px;}
	
	
.1 {
	margin-left:40px;
	margin-right:20px;
	padding-left:10px;
}

.2 {
	margin-left:10px;
	margin-right:20px;	
}

.3 {
	margin-left:10px;
	margin-right:20px;	
}

.4 {
	margin-left:10px;

		
}
	
	
#projectbox {
	width:750px;
}

#project {
	width:150px;;
	min-height:200px;
	text-align:right;

	
}

.small {
	font-size:small;
	padding-bottom:0px;
	margin-bottom:0px;
}

#cssmenu .small {
	color:#214263;
}
	
	/*Lista de livros na página livros */
	
	div.sectioncontent {
	width:347px; 
	
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	display:block; 
	padding:4px; 
	text-transform:none;
	margin-bottom:10px;
}

 
.bookbox {
	
	padding:4px;
	margin-bottom:10px;
}


.bookcover {
	width:100px;
	padding:0px;
}



.bookcover .bookcoverimage img {
	width: 100px;
	height: 150px;
	border:thin;
	
}

#a.actionpub {
	outline: 0;
	text-decoration: none;
	color: #504f4f;
	cursor: auto;
	
}

.bookinfo {
	margin-left:109px;
	height:135px;
	padding-top:20px;
		
	
}

.bookinfo_semmargem {
	margin-left:109px;
	height:131px;
	width:600px;
	
}

.bookbox_minimoaltura {
	width:730px;
	padding:4px;
	margin-bottom:50px;
	min-height:150px;
}


.bookinfofree {
	margin-left:109px;
	height:151px;
	width:600px;
	
		
	
}

.booktitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:medium;
	text-align:left;
	color:#663333;
	font-style:italic;
}
.small {
	color:#999;
	text-align:left;
	
}
.blacksmall {
	color:#333;
	text-align:left;
	
}

/*Página projecto */

.projectsbox {
	width:730px;
	padding:4px;
	margin-bottom:10px;
}


.projectlogo {
	width:100px;
	padding:0px;
}



.projectlogo .projectlogoimage img {
	width: 150px;
	border:thin;
	
}

.projectlogo .courselogoimage img {
	width: 217px;
	border:thin;
	
}


#a.actionpub {
	outline: 0;
	text-decoration: none;
	color: #504f4f;
	cursor: auto;
	
}

.projectsinfo {
	margin-left:159px;
	height:131px;
	width:550px;

		
	
}

.coursesinfo {
	margin-left:159px;
	
	height:250px;
	width:550px;

		
	
}

.projecttitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:medium;
	text-align:left;
	color:#663333;
	font-style:italic;
}
.projecttitleen {
	font-size:small;
	text-align:left;
	color:#663333;
	font-style:normal;
	font-family:Georgia, "Times New Roman", Times, serif;

}

.financiado {
	color:#333;
	text-align:left;
	font-size:x-small;
	
}
.listadeprojectos {
	height:155px;
	margin-bottom:20px;
	
}

 

/* página equipa */

#listademembros
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 20px;
	width: 690px;
	text-align: left;
	border-collapse: collapse;
}
#listademembros th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
}
#listademembros td
{

	color: #669;
	border-top: 1px solid #e8edff;
}

#listademembros tr:hover td
{
	color: #339;
	background: #e3f3fa;
}

/* acontece lá fora */

#outside
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 20px;
	width: 690px;
	text-align: left;
	border-collapse: collapse;
}
#outside th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
}
#outside td
{

	color: #669;
	border-top: 1px solid #e8edff;
}

#outside tr:hover td
{
	color: #339;
	background: #e3f3fa;
}

/*Edicoes CFCUL*/

.caixacoleccao {
	display: block;
	background-color:#CCC;
	text-align:left;
	}

.caixalivroedicao {
	width: 300px;
	padding: 26px 10px;
	background: #f1f5f8;
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
	display:block;
	margin-left: 35px;
	}

.capaedicao {
	padding: 0;
	margin: 0;
	display:block;
	float:left;
	
	}

.imagemcapaedicao{
	width: 61px;
	border-width: 0px;
	border: none;}

.detalhesedicao {
	margin-left: 90px;
	padding-left: 20px;;
	margin: 0;
	display: block;
	float:left;
	width:200px;
	}

.tituloedicao {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
    line-height: 19px;
	text-align:left;
	color:#663333;
	font-style:italic;
	display:block;
	}

.subtitulo {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #444a4f;}

.autor {
	font-family: Georgia, Times, serif;
	color: #757b80;
	font-size: 14px;
	line-height: 18px;}

.informacaoedicao {
	font: 11px/14px Arial, Helvetica, sans-serif;
	display: block;
	color: #7699ad;
	}
	
.caixalivroedicaodireita {
	margin-right: 0;
	width: 300px;
	padding: 26px 10px;
	background: #f1f5f8;
	float: left;
	margin-bottom: 15px;
	margin: 0;
	display: block;
	margin-bottom:15px;
	
	
}

/*Parceiros*/

.partnerbox {
	width:730px;
	padding:4px;
}


.partnercover {
	width:100px;
	padding:0px;
}



.partnercover .partnercoverimage img {

	
}

.partnerinfo {
	margin-left:120px;
	height:100px;
	width:600px;
	padding-top:3%;
	

		
	
}

.partnertitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:large;
	text-align:left;
	color:#663333;
	font-style:italic;
}

/*Calendario*/

#calendario
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 5px;
	width: 230px;


	border:1px;
	border-color:#999;
	display:inline-block;
	float:left;
	
	text-align:center;

}
#calendario th
{
	font-size: 12px;
	font-weight: normal;
	padding: 2px 5px;
	color: #039;
	text-align:center;
}
#calendario td
{

	color: #669;
	border-top: 1px solid #e8edff;
	text-align:center;
}

#calendario tr:hover td th
{
	color: #339;
	background: #e3f3fa;
}

.feriado {
	color:#F00}
	
.fimdesemana {
	background:#CCC;
	color:#666;
}


/*SLIDER*/

/*
	Featured Content Slider
	by: Chris Coyier
*/


					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}






.slider-wrap								{ width: 350px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 350px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 350px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }

#movers-row									{ margin: -40px 0 0 48px; }
#movers-row div								{ width: 13%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(https://arquivo.pt/wayback/20151117210244oe_/http://cfcul.fc.ul.pt/Templates/img/slide/transpBlack.png); padding: 10px; height: 40px; 
											  margin-top: -60px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }


.cross-link									{ display: block; width: 42px; margin-top: -20px; 
											   padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(Templates/img/slide/icon-uparrowsmallwhite.png) top center no-repeat; }
.nav-thumb 									{
	border: 1px solid black;
	margin-right: 20px;
}


/* Destaque */

#contentarquivo {
	width:725px;	
	
}

#contentarquivo .textonoticia {
	width:725px;
	
	
}

#contentarquivo .noticia {
	width:725px;
	
	
}
#contentarquivo h4 {
	text-align:center;
	
	
}

.noticia{
	width:338px;
	border:1px solid #dddddd;
	padding:5px;
	
	
}

.imagem { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

.noticia h6 {
	position: absolute;
	top: 349px;
	left: -64px;
	width: 100%;
	line-height:28px;
}

h6 span {
	color: white;
	font: bold medium Helvetica, Sans-Serif;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.7);
	padding:5px;
	width:328px;
	display:compact;
	text-align: justify;
   
}

.textonoticia {
	color:#666;
	border: thin solid #CCC;
	padding:10px;
	padding-top:10px;	
	
}

#botaomaisinfo {
	style="text-align:center; font-size:smaller; -moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px; 


	color:#333;
	text-transform:none;
	border-style:solid;
    width:30px;
	border-color:#663333;
    padding-bottom:0px; border-width:1px; padding:2px;"
	
}

#instituicoes {
	width:140px;
	margin-top:20px;
	padding:5px;
	text-align:center;}
	
#instituicao {
	margin-bottom:15px;}	
	
#instituicao p {
	text-align:center; 
	color:#CCC;
	font-size:10px;
	margin-bottom:10px;
}


#bolsasecalls p{
	text-align:left;
	font-size:10px;

	padding-left:5px;
}

#bolsasecalls H1{
	text-align:left;
	font-size:10px;
	margin-bottom:5px;
	padding-left:5px;
}

a img { border: none; }

#socialmedia {
	margin-top:20px;
}


/*Calendario*/


#primeiromes .roomwrapper {
	width:690px;	
	
	
}

#outromes .roomwrapper {
	width:350px;
	
	
}

.activitywrapper {
	background:url(/wayback/20151117210244oe_/http://cfcul.fc.ul.pt/Templates/img/calendarbg.jpg);
	background-repeat: repeat-x;
	height:auto;
	background-position:bottom;
	
	
	
}

.monthwrapper {
	float:left;}

.month {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#333;
	width:40px;
	float:left;
	color:#633;
}

.day {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#333;
	font-weight:bold;
	line-height:20px;
	width:40px;
	padding-top:20px;
	color:#633;
	
	
}

.date {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#333;
padding-top:2px;
	width:auto;
	color:#633;
	}

.roomwrapper {
	float:left;
	width:350px;
}
		
.activity {
	/* [disabled]min-height:22px; */
	font: Arial, Helvetica, sans-serif;
	font-style:normal;
	padding-top:3px;
	padding-bottom:10px;
	color:#333;
	}	
	
.destaque {
	font-weight:bold;
	color: #336699;
}

.wrapper a {
	color: #8FB5DA;
	text-decoration:underline;	
	
}
/* TinyFader */


#wrapper {width:578px; margin-left:70px;}

.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#336699}
#slideshow {float:left; width:500px; height:300px; border:2px solid #fff; background:#fff}
#slides {position:relative; width:500px; height:300px; list-style:none; overflow:auto}
#slides li {width:500px; height:300px}

.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#336699; border:1px solid #336699; margin:0 4px 0 0; text-align:center; color:white} 
.pagination li:hover {background:#336699; border:1px solid #bbb; color:#CCC}
li.current {border:1px solid #ccc; background:#709FCF}

li#content {width:464px; height:270px; padding:15px 18px 10px 18px; background:#336699}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}
#contents #page #container #leftcolumn .sectioncontent .noticia .textonoticia strong {
	color: #333;
	font-size: 16px;
	text-align: left;
}
