* { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: normal; font-size: 1em; margin: 0; padding: 0; }
html { height: 100%; width: 100%; }
body { background: url() top left; background-repeat: no-repeat; background-attachment: fixed; /*	background-position: 50% 50%; */
background-color: #222; /*	overflow-x:hidden;*/
overflow: -moz-scrollbars-vertical; font-size: 0.9em; font-style: normal; font-weight: normal; color: #000; }
a:link,
a:active { color: #36C; }
a:visited { color: #669; }
fieldset { border: none; padding: 3px; }
fieldset > label { width: 200px; text-align: right; color: #333; }
span { color: #999; }
.vermelho { color: red; }
.preto { color: black; }
i { font-style: italic; }
.shadow { text-shadow: 0.1em 0.1em 0.2em lightgrey; }
.alerta { clear: both; display: block; background-color: #FC3; color: black; margin: 0 auto; text-align: center; padding: 10px; border: 1px solid #999; }
.atencao { color: red; }
.centrado { text-align: center; margin: 0 auto; }
.fRight { float: right; }
a.external { clear:both; display:block; margin: 20px auto; padding: 5px 10px; border: 1px solid grey; text-decoration:none;  }
a.external:hover { text-decoration: underline; background-color: #EEE;  }
/*

Genericos

*/
@font-face { font-family: 'MetaSerifLf-Book'; src: url('/assets/fonts/league_gothic-webfont.eot'); src: local('☺'), url('/assets/fonts/league_gothic-webfont.woff') format('woff'), url('/assets/fonts/league_gothic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
/* 

Cabecalho 

*/
#BarraCabArea { margin: 0 auto; width: 860px; padding: 20px; }
#BarraCab { position: fixed; overflow: hidden; z-index: 100; width: 100%; height: 50px; background: url(/assets/img/fundo.jpg) top center repeat;/*	background-color: #222;
	-moz-box-shadow: 1px 1px 5px #222;
	-webkit-box-shadow: 1px 1px 5px #222;
	box-shadow: 1px 1px 5px #222; */ }
#Cab { margin: 0 auto; width: 900px; }
#Logo { float: left; position: relative; z-index: 100; background-color: #588588; width: 162px; -moz-box-shadow: 1px 1px 5px #222; -webkit-box-shadow: 1px 1px 5px #222; box-shadow: 1px 1px 5px #222; }
#Logo a { text-align: center; color: #588588; text-decoration: none; font-size: 2em; font-family: 'MetaSerifLf-Book', Arial, Helvetica, sans-serif; }
#Logo img { width: 139px; padding: 8px 10px; }
/*

Menu

*/
* html #Menu { position: absolute; }
#Menu { margin-top: 10px; float: right; padding: 0 0px 0 0px; background-color: #222; -moz-box-shadow: 1px 1px 5px #222; -webkit-box-shadow: 1px 1px 5px #222; box-shadow: 1px 1px 5px #222; overflow: hidden; }
#Menu ul { float: right; }
#Menu ul li { display: inline; }
#Menu a { float: left; color: white; text-decoration: none; padding: 7px 8px; margin: 0px; text-decoration: none; font-size: 12px; font-weight: bold; }
#Menu a:hover { background-color: #588588; }
#Menu a.active { font-weight: normal; }
/*

SubMenu

*/
.submenu ul { }
.submenu ul li { display: inline; }
.submenu ul li a { padding: 5px 10px; background-color: #DDD; color: black; text-shadow: 1px 1px 1px #fff; border: 1px solid #ccc; }
.submenu ul li a:hover { color: black; background-color: #BBB; text-decoration: none; }
#SubCabArea { margin: 0 auto; display: block; float: left; padding: 93px 0 0px 0; width: 100%; background-color: #4e4e4e; background: url(/assets/img/fundo.jpg) top center repeat; }
#SubCabSlide { margin: 0 auto; display: block; width: 900px; }
#SubCabTexto { float: left; padding-top: 50px; }
.more { float: left; }
/*

Imagens página principal

*/
#SubCabTexto h1 { color: white; width: 100%; padding-top: 20px; text-transform: uppercase; font-size: 26px; font-weight: normal; letter-spacing: 0.08em; word-spacing: 5px; text-shadow: 1px 1px 1px #333; }
#SubCabTexto.subCatTextoIndex { width: 450px; }
#SubCabTexto h2 { margin-top: 30px; color: #fffdf8; width: 450px; font-size: 18px; font-weight: normal; letter-spacing: 0.08em; text-shadow: 1px 1px 1px #333; }
#SubCabInfo { color: white; text-transform: uppercase; font-size: 26px; font-weight: normal; letter-spacing: 0.08em; word-spacing: 5px; }
#SubCabImagem { position: relative; z-index: 98; display: inline; top: -30px; float: right; width: 385px; height: 300px; }
#SubCabImagem .mask { position: relative; !important  z-index:980;
top: 0; right: 0; width: 385px; height: 300px; background-image: url(/assets/img/iPadLandscape.png); }
.subCatStyle { float: right; margin: 34px 37px; height: 239px; width: 310px; font-family: Georgia, "Times New Roman", Times, serif; background-color: #f4f0e7; text-shadow: 1px 1px 2px #666; font-size: 1.4em; font-style: italic; color: white; }
.subCatStyle p { display: block; position: relative; top: 170px; height: 58px; padding: 3px 10px; background-color: #588588; filter: alpha(opacity=88); -moz-opacity: 0.88; -khtml-opacity: 0.88; opacity: 0.88; }
#SubCabItem1 { display: none; position: relative; z-index: 49; background: url(/assets/thumbs/cover.jpg) top center no-repeat; }
#SubCabItem1 p { display: none; background-color: black; width: 300px; text-align: center; }
#SubCabItem1 span { display: none; padding: 5px 20px; font-size: 1em; display: block; text-align: right; color: #BBB; }
#SubCabItem2 { position: absolute; z-index: 2; background: url(/assets/thumbs/bocc.jpg) top center no-repeat; }
#SubCabItem3 { position: absolute; z-index: 3; background: url(/assets/thumbs/books.jpg) top center no-repeat; }
#SubCabItem4 { position: absolute; z-index: 4; background: url(/assets/thumbs/doc.jpg) top center no-repeat; }
#SubCabItem5 { position: absolute; z-index: 5; background: url(/assets/thumbs/ec.jpg) top center no-repeat; }
#SubCabItem6 { position: absolute; z-index: 6; background: url(/assets/thumbs/cinemapt.jpg) top center no-repeat; }
#SubCabItem7 { position: absolute; z-index: 7; background: url(/assets/thumbs/urbi.jpg) top center no-repeat; }
#SubCabItem8 { position: absolute; z-index: 8; background: url(/assets/thumbs/rhetorike.jpg) top center no-repeat; }
#SubCabItem9 { position: absolute; z-index: 9; background: url(/assets/thumbs/lusosofia.jpg) top center no-repeat; }
#SubCabItem10 { position: absolute; z-index: 10; background: url(/assets/thumbs/rubi.jpg) top center no-repeat; }
#SubCabItem11 { position: absolute; z-index: 11; background: url(/assets/thumbs/tubi.jpg) top center no-repeat; }
#SubCabItem12 { position: absolute; z-index: 12; background: url(/assets/thumbs/imagens.jpg) top center no-repeat; }
#SubCabItem13 { position: absolute; z-index: 13; background: url(/assets/thumbs/recensio.jpg) top center no-repeat; }
#SubCabItem14 { position: absolute; z-index: 14; background: url(/assets/thumbs/cinema.jpg) top center no-repeat; }
#slideshow { width: 310px; /* important to be same as image width */ height: 235px; /* important to be same as image height */ position: relative; !important /* important */
 overflow: hidden; /* important */
z-index: 50; float: left; top: 33px; left: 37px; }
/*

Caminho

*/
#Caminho { clear: both; width: 900px; margin: 0 auto; text-align: right; display: table; font-size: 11px; }
#Caminho,
#Caminho a { color: #667; text-decoration: none; }
#Caminho a:hover { text-decoration: none; color: #2e2e2e; }
#Caminho span { color: #778; }
/*

Destaques

*/

#DestaquesArea { clear: both; background-color: #f4f0e7; }
#Destaques { font-size: 1.2em; margin: 0 auto; width: 900px; padding: 10px 0px; display: table; }
#Destaques h3 { display: none; color: #999; }
#DestaquesMenu { }
#DestaquesMenu ul { margin: 0 auto; padding: 5px 0; }
#DestaquesMenu ul li { display: inline; }
#DestaquesMenu a { color: black; padding-right: 15px; text-decoration: none; text-shadow: 1px 1px 1px #EEE; }
#DestaquesMenu a:hover { color: #588588; text-decoration: underline; text-shadow: 1px 1px 1px white; }
a.events { color: #F4F0E7; text-decoration: none; }
a.eventSeeAll { color: #777; text-decoration: none; font-weight: normal; }
a.lastestPub { color: #2e2e2e; text-decoration: none; }
#Databases li { font-size: 0.8em; }
/*

Info

*/
#InfoArea { background-color: #fffdf8; padding: 20px 0 30px 0; min-height: 300px; height: auto !important; height: 300px; }
#Info { margin: 0 auto; width: 900px; display: table; line-height: 20px; }
#Info ul,
#Info ol { margin: 10px 0 10px 0px; padding-left: 20px; }
#Info ul li { padding: 6px 0; }
#Info .projectos li:last-child { font-size: 16px; color: orange; font-weight: bolder; }
#Lista { margin-top: 20px; }
#Lista ul { list-style-type: none; }
#Info table tr td { }
#GraduateStudents { margin: 0; padding: 0; border: 0; }
#GraduateStudents th { border-bottom: 2px solid #2e2e2e; background-color: #f4f0e7; color: black; padding: 10px; }
#GraduateStudents td { border-bottom: 1px solid #f4f0e7; padding: 5px; vertical-align: top; }
#GraduateStudents tr:hover { background-color: #f4f0e7; }
.CVInvestigador { clear: both; }
.CVInvestigador ul { list-style-type: circle; }
.CVInvestigador span { font-variant: small-caps; font-size: 1.2em; color: #588588; border-bottom: 1px solid #588588; }
.CVInvestigador ul li span { font-variant: small-caps; font-size: 1.2em; font-weight: bold; color: #999; }
.CVInvestigador h3,
.CVInvestigador thead th { color: #666; background-color: #f4f0e7; font-variant: small-caps; font-size: 1.2em; margin-top: 30px; border-bottom: 2px dotted #f4f0e7; padding: 10px; }
.CVInvestigador .cv_resumido { clear: both; }
#AboutUs tr td { width: 400px; padding-right: 50px; vertical-align: top; }
#CVFoto { float: left; margin: 0 20px 20px 0; }
/*

Past Events

*/
#PastEvents .itemTipo { display: none; }
#PastEvents .item { display: inline; float: left; width: 285px; padding: 5px; margin: 0 5px 5px 0; background-color: #f4f0e7; border-bottom: 1px dotted #fffdf8; height: 200px; overflow: hidden; }
#PastEvents .itemHover { background-color: #fffdf8; cursor: pointer; }
#PastEvents .itemTitulo a { float: right; width: 175px; font-size: 1.1em; color: black; font-weight: bold; text-shadow: 1px 1px 1px #EEE; text-decoration: none; line-height: 20px; }
#PastEvents .itemData { padding: 5px 0; float: right; width: 175px; color: #666; font-style: italic; font-size: 0.75em; }
#PastEvents .listImg { width: 100px; float: left; }
#PastEvents img { width: 90px; float: left; padding: 5px; background-color: white; }
#PastEvents .itemDesc { float: right; width: 175px; color: grey; font-size: 0.8em; line-height: 20px; }
#PastEvents a:hover { color: #666; }
#EventosAnos { float: right; }
#EventosAnos ul { list-style-type: none; }
#EventosAnos li { display: inline; margin-left: 20px; }
/*

3ColumnsInfo

*/
#ColumnsInfo .item { display: inline; float: left; width: 285px; padding: 5px; margin: 0 5px 5px 0; background-color: #f4f0e7; border-bottom: 1px dotted #fffdf8; height: 120px; overflow: hidden; }
#ColumnsInfo .itemHover { background-color: #fffdf8; cursor: pointer; }
#ColumnsInfo .itemTitulo a { float: right; width: 175px; font-size: 1.1em; color: black; font-weight: bold; text-shadow: 1px 1px 1px #EEE; text-decoration: none; line-height: 20px; }
#ColumnsInfo .listImg { width: 100px; float: left; }
#ColumnsInfo img { width: 90px; float: left; padding: 5px; margin-right: 5px; background-color: white; }
#ColumnsInfo .itemDesc { float: right; width: 175px; color: grey; font-size: 0.8em; line-height: 20px; }
#ColumnsInfo a:hover { color: #666; }
/*

Ultimas Publicacoes

*/
#Ultimas { float: right; width: 300px; }
#Ultimas h3 { background-color: #f4f0e7; border-bottom: 1px solid #d4d0c7; color: #2e2e2e; padding: 10px; }
#Ultimas .itemTipo,
#Ultimas .itemData { display: none; }
#Ultimas .item { display: box; float: left; width: 300px; height: 85px; padding: 10px 0; border-bottom: 1px dotted #2e2e2e; overflow: hidden; }
#Ultimas .box-holder-one { display: flexbox; ; box-pack: end; box-orient: vertical; box-align: end; margin-left: 80px; width: 218px; height: 85px; box-flex: 1; flex-pack: end; flex-align: end; }
#Ultimas p.flex-one { background-color: #fff; box-flex: 1; }
#Ultimas .itemDesc > p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2em; max-height: 2.8em; }
#Ultimas .itemHover { background-color: #f4f0e7; cursor: pointer; }
#Ultimas .itemTitulo a { width: 220px; font-size: 1em; color: black; font-weight: bold; text-shadow: 1px 1px 1px #EEE; text-decoration: none; line-height: 19px; }
#Ultimas .listImg { width: 100px; float: left; }
#Ultimas img { width: 60px; float: left; padding: 0px 5px; }
#Ultimas .itemDesc { width: 220px; color: grey; }
/*

Eventos

*/

#Eventos { float: left; width: 555px; }
#Eventos h3 { background-color: #4e4e4e; color: #fffdf8; width: 525px; padding: 10px; }
#Eventos .itemTipo { display: none; }
#Eventos .item { display: inline; float: left; width: 260px; padding: 5px; margin: 0 5px 5px 0; background-color: #f4f0e7; border-bottom: 1px dotted #fffdf8; height: 200px; overflow: hidden; }
#Eventos .itemHover { background-color: #fffdf8; cursor: pointer; }
#Eventos .itemTitulo a { float: right; width: 155px; font-size: 1.1em; color: black; font-weight: bold; text-shadow: 1px 1px 1px #EEE; text-decoration: none; line-height: 20px; }
#Eventos .itemData { padding: 5px 0; float: right; width: 155px; color: #666; font-style: italic; font-size: 0.75em; }
#Eventos .listImg { width: 100px; float: left; }
#Eventos img { width: 90px; float: left; padding: 5px; background-color: white; }
#Eventos .itemDesc { float: right; width: 155px; color: grey; font-size: 0.8em; line-height: 20px; }
#Eventos a:hover { color: #666; }
.eventoImage img { float: left; max-width: 400px; margin: 5px 30px 10px 0; }
/*

Contacts

*/
#Contacts { float: left; width: 900px; }
#Contacts h1 { display: none; }
#Contacts fieldset { margin-top: 30px; padding: 10px; background-color: #F4F0E7; -moz-box-shadow: 1px 1px 5px #AAA; -webkit-box-shadow: 1px 1px 5px #AAA; box-shadow: 1px 1px 5px #AAA; }
#Contacts ul { list-style-type: none; padding: 0; }
#Contacts li.coluna1 { width: 430px; float: left; }
#Contacts li.coluna2 { width: 430px; float: right; }
#FormTitle { padding: 5px 0; font: italic bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; }
#FormEmail,
#FormMessage { color: #999; }
#FormEmail input,
#FormMessage textarea { display: block; width: 400px; background-color: #fffdf8; }
#FormMessage textarea { height: 100px; }
#FormEmail input:focus,
#FormMessage textarea:focus { background-color: #CCC }
#bFormEnviar { margin-top: 20px; }
#contact_form h5 { padding: 40px 20px; background-color: #f4f0e7; border: 1px solid #999; color: #999; text-shadow: 1px 1px 1px #fff; font-size: 2em; text-align: center; line-height: 1em; }
/*

Pre Rodape

*/
#PreRodape { clear: both; background-color: #f4f0e7; }
#PreRodapeArea { text-align: left; margin: 0 auto; width: 900px; padding: 4px 0px; display: table; font-size: 11px; }
#PreRodape,
#PreRodape a { color: #999; }
#PreRodape a:hover { text-decoration: none; color: black; }
#PreRodapeArea span { color: #666; }
/* 

Rodape 

*/
#RodArea { clear: both; /* background-color: #4e4e4e;*/
background: url(/assets/img/fundo.jpg) bottom right repeat; }
#Rod { display: table; margin: 0 auto; width: 900px; padding: 30px 0; color: white; font-size: 0.8em; line-height: 18px; }
#Rod p { padding-top: 5px; }
#Rod a { color: #FFF; text-decoration: none; }
#Rod a:hover { color: #CCC; text-decoration: underline; }
#Rod span { color: #CCC; }
#RodText { float: left; width: 500px; }
#RodSocial { float: right; width: 310px; }
#Rod ul { list-style-type: circle; }
#Rod li { display: inline; margin-right: 10px; }
/*

Apoios

*/
#ApoiosArea { clear: both; background-color: #222; }
#Apoios { display: table; margin: 0 auto; width: 900px; color: #CCC; padding: 20px 0; line-height: 30px; }
#ApoiosText { float: right; }
#ApoiosSupport { float: left; }
#Apoios span { color: #666; }
#Apoios a { color: #999; text-decoration: none; }
#SupportArea { clear: both; background-color: #292929; }
#SupportArea img { border: 0; }
#SupportArea .apoios { display: block; clear: both; padding: 0; margin: 0 auto; width: 900px; }
#Apoios a:hover { color: #AAA; }
 @media screen and (max-width: 650px) {
#BarraCab { }
#BarraCabArea { }
}