/* UOC */
/* General styles */
body {
font-family: Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
color: #333;
font-size: 62.5%;
background-color: #27498F;
}
div {
margin: 0;
padding: 0;
}
dl, dt, dd {
margin: 0;
padding: 0;
}
ul, ul li {
margin: 0;
padding: 0;
list-style: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
font-size: 1em;
}
a {
color: #B1530E;
}
p {
color: #333;
}
img {
border: 0;
}
code {
font-size: 1.3em;
}
.clear {
clear: left;
}
/* Layout */
#super {
width: 90em;
margin: 0 auto;
overflow: hidden;
background-color: #ffffff;
min-height: 50em;
padding: 1em 4em 1em 4em;
}
#super #header {
width: 100%;
height: 13em;
margin-bottom: 3.3em;
}
#super #header a{
float: right;
margin-bottom: 0.3em;
font-size: 1.2em;
}
#super #menu {
width: 100%;
margin-bottom: 0.6em;
}
#super #menu ul {
/*background: #2E3A69 none repeat scroll 0 0;*/
overflow: hidden;
position: relative;
width: 100%;
}
#super #menu ul li {
background: #2E3A69 none repeat scroll 0 0;
border-right: 0.6em solid #FFFFFF;
float: left;
font-size: 1.4em;
font-weight: bold;
}
#super #menu ul li.selected {
background: #B1530E none repeat scroll 0 0;
color: #FFFFFF;
}
#super #menu ul li a,
#super #menu ul li strong{
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 0.5em 1em;
}
#super #menu ul li a:hover{
background: #B1530E none repeat scroll 0 0;
}
#super #menu ul li.last {
border-right: none;
}
#super #menu ul li.last a,
#super #menu ul li.last strong {
padding-left: 1.7em;
}
#super #menu ul li.menu1 {
width: 5em;
}
#super #menu ul li.menu2 {
width: 12.2em;
}
#super #menu ul li.menu3 {
width: 10em;
}
#super #menu ul li.menu4 {
width: 7.4em;
}
#super #menu ul li.menu5 {
width: 7.7em;
}
#super #menu ul li.menu6 {
width: 8.6em;
}
#super #menu ul li.menu7 {
width: 9.9em;
border-right: none;
}
#super #menu ul li.menu7 a,
#super #menu ul li.menu7 strong {
padding-left: 1.4em;
}
#super #content {
width: 100%;
min-height: 20em;
margin-bottom: 1em;
}
#super #content #content-left {
float: left;
width: 40em;
}
#super #content #content-left #deadlines{
border-top: 0;
border-bottom: .5em solid #2E3A69;
border-left: .5em solid #2E3A69;
border-right: .5em solid #2E3A69;
width: 39em;
margin-bottom: 2.9em;
}
#super #content #content-left #deadlines h1{
background-color: #2E3A69;
color: #FFFFFF;
font-size: 1.6em;
padding: .3em;
}
#super #content #content-left #deadlines ul{
padding: 1.1em;
}
#super #content #content-left #deadlines ul li{
font-size: 1.4em;
margin-bottom: .7em;
}
#super #content #content-left #deadlines ul li img{
}
#super #content #content-left #deadlines ul li span{
color: #B1530E;
}
#super #content #content-left #deadlines #highlighted {
padding: 0 .7em .7em;
}
#super #content #content-left #deadlines #highlighted p{
background-color: #E0DFDF;
padding-left: 1em;
padding-top: 0.6em;
font-size: 1.2em;
}
#super #content #content-left #deadlines #highlighted p.submitpapers{
color: #2E3A69;
padding-bottom: .7em;
}
#super #content #content-left #deadlines #highlighted p.submitpapers strong{
color: #2E3A69;
}
#super #content #content-left #deadlines #highlighted p.submitpapers strong a{
color: #2E3A69;
}
#super #content #content-left #deadlines p.moreinfo{
background-color: #FFFFFF;
padding-bottom: .7em;
padding-right: 1em;
text-align: right;
}
#super #content #content-left #deadlines p.moreinfo a{
color: #2E3A69;
font-size: 1.1em;
}
#super #content #content-left #tags {
border: 1px solid #999999;
width: 39.9em;
}
#super #content #content-left #tags a{
}
#super #content #content-right {
float: left;
width: 45.3em;
padding: 0 0 0 4.7em;
}
#super #content #content-right #innercontent {
}
#super #content #content-right #innercontent h1{
background-color: #B1530E;
color: #FFFFFF;
font-size: 1.6em;
margin-bottom: 1.9em;
padding: .2em .2em .2em .4em;
}
#super #content #content-right #innercontent p.intro{
font-size: 1.4em;
color: #324076;
margin-bottom: 3em;
padding-left: .4em;
}
#super #content #content-right #innercontent p{
font-size: 1.2em;
color: #3333336;
padding-left: .4em;
}
#super #content #content-right #innercontent ul,
#super #content #text ul{
margin-bottom: 1.9em;
}
#super #content #content-right #innercontent ul li,
#super #content #text ul li{
background: transparent url(../img/text-li.gif) no-repeat scroll 0.5em 0.7em;
line-height: 1.6em;
overflow: hidden;
padding-left: 1.5em;
}
#super #footer {
width: 100%;
/* height: 12.5em;*/
float: left;
margin-top: 4em;
}
#super #footer h2{
background-color: #E0DFDF;
color: #333333;
font-size: 1.1em;
font-weight: bold;
padding: .5em 0 .5em .5em;
margin-bottom: .8em;
}
#super #footer p{
margin-bottom: 1em;
margin-right: .7em;
text-align: right;
font-size: 1.1em;
font-weight: bold;
}
#super #footer ul li{
float: left;
}
.hidden {
display: none;
}
.noinfo {
padding: 50px 0;
margin: 10px 0;
text-align: center;
font-size: 1.2em;
border: 1px solid #CCC;
border-width: 1px 0;
}
/* formulari */
.formulari {
font-size: 1.4em;
}
.formulari form {
margin: 0;
padding: 0;
}
.formulari h2 {
color: #666;
clear: left;
background-color: #EAEBF0;
color: #B1530E;
padding: 5px;
margin: 10px;
}
.formulari ol {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
float: left;
}
.formulari li {
padding: 10px 0;
margin: 0;
float: left;
}
.formulari label {
float: left;
width: 10em;
padding: 3px 10px 0 0;
text-align: right;
color: #666;
}
.formulari label .obligatori {
color: #B1530E;
}
.formulari .obligatori {
color: #B1530E;
font-size: 0.9em;
}
.formulari input {
width: 250px;
}
.enviar {
clear: left;
text-align: center;
padding: 10px;
}
.formulari input.send {
width: auto;
}
.textlegal {
font-size: 1.1em;
color: #999;
padding: 20px 0 0 0;
}
.textlegal p {
padding: 5px 0;
}
.textlegal .legalUOC {
text-align: center;
border-top: 1px solid #CCCCCC;
padding-top: 10px;
margin-top: 10px
}