/*
Pedro Ribeiro, DCC/FCUP, Dec 2015

Inspired by a templace made by Andreas Viklund.
*/

@import url(https://fonts.googleapis.com/css?family=Lato);

body {background:#f5f5f5 url('../images/background.jpg') top center repeat-y; color:#555; font-family: 'Lato'; line-height:1.3em; }

a {color: #458; text-decoration: none;  border-bottom: dotted 1px #458;}
a.none {border-bottom: 0;}
a:hover {color: #c54; border-bottom: dotted 1px #c54;}
a.none:hover {color: #c54; border-bottom: 0;}

h1, h3, h4, body ul.menu li a {text-transform:uppercase;}
h1, h2, h3 {color:#457; line-height:1.3em; }

ul {list-style: none; padding-left: 10px; margin-left: 15px; border-left: 2px solid #cfcfcf;}
ul li {padding-bottom: 5px; padding-top: 5px; border-top: 1px solid #cfcfcf;}
ul li:first-child {padding-top: 0px; border-top: none; }

.col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline; text-align: justify;}
.col h1 {font-size:2.0em; font-weight:700; background-color:#457; color: white; margin: 0 0 10px 0; padding: 5px; text-align: center;}
.col h2 {font-size:1.3em; font-weight:700;}
.col h3 {background:#f5f5f5; font-size:1.3em; font-weight:400; margin:10px 0 10px; padding:0;  border-bottom:1px solid #555; color: #555;}
.col h4 {font-size:1.1em; font-weight:400; border-bottom:1px dashed #444; color: #444;}
/*.col h3.pub {background:#457; color: white;}*/
.c2 {width:180px;}
.c10 {width:820px; padding: 10px}
.c11 {width:1030px;}
.c12 {width:1065px;}
.row {width:1065px; margin:10px auto 0; overflow:hidden;}

ul.menu {list-style:none; margin:0 0 15px 0; border:0; padding:0; text-align: center; position:relative;}
ul.menu li {text-align: left; font-size:1.0em; margin:0 0 1px; padding:0 0 8px 0; color:#999; border: 0;}
ul.menu li a {font-size:1em; color:#fff; padding:7px 5px 7px 8px; border: 0; border-left:5px solid #ccc; background-color:#999; display:block; font-weight:400;}

ul.menu li a:hover {background-color:#666;}
ul.menu a.selected {background-color:#457;}
ul.menu li a.selected:hover {background-color:#345;}

/*ul.menu li a:hover, ul.menu li a.current {color:white; border-color:#457 ; background-color:#777; text-decoration:none;}*/


#layout {margin:10px auto 0; width:1100px;}
#header1 {background:#457; color: #ffffff; margin: 0 0 4px 0; text-align:center; border:1px solid #666; padding: 10px 10px 0px 10px;}
#header1 h1 {font-size:2.1em; color:#ffffff}
#header2 {background:#f5f5f5; color: #303030; margin: 0 0 10px 0; border:1px solid #b0b0b0; }
#header2 h2 {font-size:1.1em; margin: 10px 0 10px 0; line-height:1.3em; font-weight:400;}
#footer {text-align: center; background-color: #f5f5f5;}
#footer h3 {font-size:0.8em;}



/* ----------------------------------------------------- */

h1.pub {}
h2.pub {color: black;}


/* ----------------------------------------------------- */

a.info {border: 0; padding:3px; background-color:#000; color:white; font-size:0.75em; border-radius: 5px;}
a.pdf  {border: 0; padding:3px; background-color:#c00; color:white; font-size:0.75em; border-radius: 5px;}
a.doi  {border: 0; padding:3px; background-color:#459; color:white; font-size:0.75em; border-radius: 5px;}
a.www  {border: 0; padding:3px; background-color:#00a; color:white; font-size:0.75em; border-radius: 5px;}
a.sw  {border: 0; padding:3px; background-color:#090; color:white; font-size:0.75em; border-radius: 5px;}
a.award  {border: 0; padding:3px; background-color:#ddd; color:#333; font-size:0.75em; border-radius: 5px; font-style: italic;}
a.info:hover, a.pdf:hover, a.doi:hover, a.www:hover, a.sw:hover, a.award:hover {background-color: #666; color:white;}


/* ----------------------------------------------------- */