@import 'reset.css';

/* generals */
body {
	font-family: Trebuchet MS, sans-serif;
	font-size: 62.5%;
	color: #000;
	background-color: #8F9E99;
}
input, select, textarea {
	font-family: Trebuchet MS, sans-serif;
}
a {
	color: #E41815;
	text-decoration: none;
}
h3, h4 {
	color: #E41815;
	font-size: 1.5em;
	font-weight: bold;
}
h3 {
	margin-bottom: 22px;
}
h4 {
	margin-bottom: 4px;
}
strong {
	font-weight: bold;
}
.clear {
	clear: left;
}
a.file {
	width: 50px;
	height: 15px;
	position: absolute;
	top: 13px;
	left: 332px;
	background: url(../imgs/file.png) 0 0 no-repeat;
}
a.file-n {
	width: 50px;
	height: 15px;
	float: left;
	background: url(../imgs/file-n.png) 0 0 no-repeat;
}
a.pdf {
	background: url(../imgs/pdf.png) 0 0 no-repeat;
}
a.pdf-n {
	background: url(../imgs/pdf-n.png) 0 0 no-repeat;
}
a.zip {
	background: url(../imgs/zip.png) 0 0 no-repeat;
}
a.zip-n {
	background: url(../imgs/zip-n.png) 0 0 no-repeat;
}
a.url {
	background: url(../imgs/url.png) 0 0 no-repeat;
}
a.button {
	padding: 2px 5px;
	height: 18px;
	font-weight: bold;
	background-color: #E41815;
	color: #FFF;
}
input.submit {
	margin: 18px 0 0 20px;
	padding: 0 5px;
	border: 0;
	color: #FFF;
	font-weight: bold;
	background-color: #E41815;
	font-size: 100%;
	cursor: pointer;
}
div.llista {
	float: left;
	background-color: #A6C9BC;
	margin-bottom: 12px;
	padding: 9px 13px;
	width: 376px;
}
div.llista h2 {
	color: #000 !important;
	margin-bottom: 12px !important;
	font-weight: bold !important;
	font-size: 95% !important;
}
div.llista li {
	font-size: 57%;
	float: left;
	width: 80px;
	margin-bottom: 14px;
}
div.llista li a {
	color: #000;
}
a#participar {
	float: left;
	margin: 18px 0 25px 0;
}
div.eix {
	display: none;
	position: absolute;
	border: 1px solid #000;
	background-color: #FFF;
	background-color: #FFF; 
	color: #000; 
	padding: 10px; 
	z-index: 1;
	top: 60px;
	left: 0;
	font-size: 71%;
}
div.eix a.tancar {
	display: block;
	float: right;
	margin-right: 10px;
}
div#altres {
	clear: left;
}
div#altres h2 {
	font-size: 71.4%;
	font-weight: bold;
	color: #E41815;
	margin-bottom: 15px;
}
div#altres li a {
	font-size: 71.4%;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}
.wraptocenter {
	border: 1px solid #AECCC6;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
ul#compartir {
	float: left;
	background-color: #E0ECEA;
	padding-left: 10px;
	margin-top: 30px;
}
ul#compartir li {
	float: left;
	margin-right: 10px;
	background-color: #E0ECEA !important;
}
li a.foto {
	float: left;
	width: 50px; 
	height: 50px;
	margin-right: 7px;
}
li a.nom {
	float: left;
	width: 75px; 
}
a.eix {
	color: #000;
	font-size: 85.7%;
}
div.podcast {
	float: left;
}
div.podcast span {
	font-size: 67%;
	width: 80px;
	float: left;
	padding: 2px 0;
}
div.podcast input {
	font-size: 67%;
	float: left;
	width: 292px;
	background-color: #BCD7CD;
	border: 0;
	padding: 2px;
}
div.podcast object {
	margin: 15px 0;
}
div.issuu div div {
	display: none;
}
ul.submenu {
	margin-bottom: 20px;
}
ul.submenu a {
	font-weight: normal !important;
}
ul.submenu li.selected a {
	font-weight: bold !important;
}
div.intro p {
	font-size: 93.33%;
}
/* container */
#container {
	width: 1003px;
	margin: 0 auto;
}
/* header */
#header {
	position: relative;
	width: 100%;
	height: 182px;
	background: #9BC3B3 url(../imgs/header.png) 30px 22px no-repeat;
	font-size: 1.3em;
}
#logo {
	position: absolute;
	top: 27px;
	left: 29px;
}
#logo a {
	width: 110px;
	height: 140px;
	display: block;
}
#logo-ecas {
	position: absolute;
	top: 21px;
	right: 24px;
}
#logo-ecas a {
	width: 72px;
	height: 69px;
	display: block;
}
#header input.text {
	padding: 2px;
	width: 151px;
	height: 16px;
}
#cercador {
	float: left;
	margin: 90px 0 0 821px;
	display: inline;
}
#cercador input.text {
	background-color: #BCD7CD;
	border: 0;
	font-size: 100%;
	float: left;
}
#compte-enrera {
	float: left;
	margin: 19px 0 0 163px;
	font-weight: bold;
	font-size: 123%;
	display: inline;
}
#login {
	position: absolute;
	left: 526px;
	bottom: 11px;
	color: #FFF;
	font-size: 92.3%;
	width: 440px;
}
#login a {
	color: #FFF;
}
#login input.text {
	border: 1px solid #E41815;
	font-size: 100%;
	color: #9BC3B3;
}
#login input#recordar {
	font-size: 100%;
	border: 0;
	/* ie7 */
	width: 13px; 
	height: 13px;
	margin-bottom: 2px;
}
#login input.submit {
	float: left;
	height: 22px;
}
#login div {
	float: left;
	display: inline;
}
#usuari {
	position: absolute;
	right: 0;
	top: -20px;
}
#usuari span {
	float: left;
	margin-right: 18px;
}
#email {
	margin-left: 18px;
}
#login-error {
	position: absolute;
	left: 0px;
	top: -18px;
	color: #E41815;
	font-weight: bold;
}
input#lupa {
	background: url(../imgs/lupa.png) 0 0 no-repeat;
	border: 0;
	width: 16px;
	height: 17px;
	cursor: pointer;
}
/* footer */
#footer {
	float: left;
	background-color: #D3E4DD;
	font-size: 1.3em;
	width: 100%;
	text-align: center;
}
/* content */
#content {
	float: left;
	background-color: #D3E4DD;
	padding-bottom: 45px;
}
#content a {
	font-weight: bold;
}
#main {
	float: left;
	margin-top: 37px;
	width: 402px;
	padding: 0 64px 0 63px;
	font-size: 2.1em;
}
#main h1 {
	font-weight: bold;
	margin-bottom: 20px;
}
#main p {
	margin-bottom: 20px;
}
/* side */
#side {
	float: left;
	margin-top: 30px;
	width: 474px;
}
ul#menu {
	font-size: 2.5em;
	margin-bottom: 30px;
}
ul#menu li a {
	font-weight: normal;
}
ul#menu li.selected a {
	text-decoration: underline;
	font-weight: bold;
}
#side-participacio-virtual {
	float: left;
	margin-bottom: 26px;
}
#side-participacio-virtual div.llista {
	background-color: transparent;
	padding: 0;
	width: 100%;
}
#side-participacio-virtual ul#participants {
	float: left;
	margin-bottom: 14px;
}
#side-participacio-virtual ul#participants li {
	font-size: 1.2em;
	float: left;
	width: 158px;
	margin-bottom: 14px;
}
#side-participacio-virtual ul#participants li a.nom {
	color: #E41815;
	width: 79px;
}
#side-participacio-virtual ul#participants li a.foto {
	float: left;
	text-align: center;
	width: 100%;
	height: auto;
	margin-right: 0;
}
#side-participacio-virtual ul#participants .wrapper {
	float: left;
	margin-right: 7px;
}
#side-participacio-virtual ul#participants .wraptocenter {
	width: 65px;
	height: 65px;
	border: 0;
	background-color: #9BC3B3;
}
#comentan {
	float: left;
	background: url(../imgs/punta.png) 315px 0px no-repeat;
	padding-top: 33px;
	margin-top: -14px;
}
#globus {
	clear: left;
	float: left;
	width: 424px;
	background-color: #FFF;
	margin-left: -13px;
	padding: 13px 13px 13px;
	display: inline;
}
#globus p {
	font-size: 1.5em;
}
#congres-20 {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}
#congres-20 ul li {
	float: left;
	margin-right: 15px;
}
#ultim-podcast h3 {
	font-size: 2.0em;
	margin-bottom: 15px;
}
#ultim-podcast p {
	font-size: 1.5em;
	margin-bottom: 25px;
}
#ultim-podcast div.podcast span,
#ultim-podcast div.podcast input {
	font-size: 1.4em;
}
/* entitats */
#entitats h1 {
	color: #E41815;
}
#entitats ul {
	float: left;
	background-color: #FFF;
	width: 368px;
	padding: 25px 17px 0;
	margin-bottom: 60px;
}
#entitats li {
	float: left;
	width: 179px;
	padding-bottom: 25px;
}
/* programa */
#programa h1 {
	font-size: 119%;
}
#programa h2 {
	color: #000;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 95%;
}
#programa ul.events {
	float: left;
	width: 100%;
	background-color: #FFF;
	margin-bottom: 17px;
}
#programa ul.events li {
	float: left;
	width: 376px;
	padding: 9px 13px 10px;
	position: relative;
}
#programa div.llista {
	margin-top: 7px;
}
#programa a.dia {
	font-size: 119%;
}
#programa span.hora {
	font-size: 76%;
	margin-top: -5px;
	float: left;
}
#programa li span.event {
	font-size: 95%;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
/* event */
#event h1 {
	font-size: 119%;
}
#event h2 {
	font-size: 71.4%;
	font-weight: bold;
	color: #E41815;
	margin-bottom: 15px;
}
#event div.event {
	float: left;
	background-color: #FFF;
	width: 100%;
	width: 376px;
	padding: 9px 13px;
	position: relative;
	margin-bottom: 24px;
}
#event a.dia {
	font-size: 119%;
}
#event span.hora {
	font-size: 76%;
	margin-top: -5px;
	float: left;
}
#event span.event {
	font-size: 95%;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
#event p.descripcion {
	font-size: 71%;
	margin: 12px 0 0;
}
/* material */
#material-complementari h1 {
	font-size: 119%;
}
#material-complementari li {
	width: 376px;
	padding: 9px 13px 17px 13px;
	margin-bottom: 17px;
	background-color: #FFF;
	position: relative;
}
#material-complementari span.titol {
	float: left;
	width: 313px;
	margin-bottom: 10px;
}
#material-complementari span.size {
	font-size: 48%;
	float: right;
	margin-right: 13px;
}
#material-complementari p {
	font-size: 67%;
	margin-bottom: 0;
}
#material-complementari div.podcast,
#material-complementari div.video,
#material-complementari div.issuu {
	clear: left;
	margin-bottom: 15px;
}
#material-complementari div.podcast object {
	margin-top: 0;
}
/* premsa */
#premsa h1 {
	font-size: 119%;
}
#premsa li {
	width: 376px;
	padding: 9px 13px 17px 13px;
	margin-bottom: 17px;
	background-color: #FFF;
	position: relative;
}
#premsa span.titol {
	float: left;
	width: 313px;
	margin-bottom: 10px;
}
#premsa span.size {
	font-size: 48%;
	float: right;
	margin-right: 13px;
}
#premsa p {
	font-size: 67%;
	margin-bottom: 0;
}
#premsa div.podcast,
#premsa div.video,
#premsa div.issuu {
	clear: left;
	margin-bottom: 15px;
}
#premsa div.podcast object {
	margin-top: 0;
}
/* podcast */
#podcast h1 {
	font-size: 119%;
}
#podcast div#subscriute {
	font-size: 95.2%;
	font-weight: bold;
	line-height: 57px;
	float: left;
	margin: 0 15px 20px 0;
}
#podcast li {
	width: 376px;
	padding: 9px 13px 17px 13px;
	margin-bottom: 17px;
	background-color: #FFF;
	position: relative;
	float: left;
}
#podcast span.data {
	font-size: 57%;
	float: left;
}
#podcast span.titol {
	float: left;
	margin-top: -7px;
}
#podcast p {
	font-size: 67%;
	margin-bottom: 0;
}
#podcast ul#compartir li {
	margin-bottom: 0;
	padding: 0;
	width: auto;
}
/* conclusions */
#conclusions h1 {
	font-size: 119%;
}
#conclusions li {
	width: 376px;
	padding: 9px 13px 17px 13px;
	margin-bottom: 17px;
	background-color: #FFF;
	position: relative;
}
#conclusions span.data {
	font-size: 57%;
	float: left;
}
#conclusions a.titol {
	float: left;
	margin-top: -9px;
}
#conclusions p {
	font-size: 67%;
	margin-bottom: 0;
}
/* conclusio */
#conclusio h1 {
	font-size: 119%;
}
#conclusio div.conclusio {
	width: 376px;
	padding: 9px 13px 17px 13px;
	margin-bottom: 17px;
	background-color: #FFF;
	position: relative;
	float: left;
}
#conclusio span.data {
	font-size: 57%;
	float: left;
}
#conclusio span.titol {
	float: left;
	margin-top: -9px;
	font-weight: bold;
}
#conclusio p {
	font-size: 67%;
	margin-bottom: 0;
}
#conclusio h2 {
	font-size: 71.4%;
	font-weight: bold;
	color: #E41815;
	margin-bottom: 15px;
}
#conclusio ul#descarregues {
	float: left;
	margin-bottom: 30px;
}
#conclusio ul#descarregues li {
	float: left;
	margin-right: 25px;
}
/* inscripcions */
#inscripcions h1 {
	font-size: 119%;
}
#inscripcions h2 {
	font-size: 119%;
	font-weight: bold;
	color: #E41815;
}
#inscripcions a.button,
#inscripcions p {
	font-size: 71.4%;
}
#inscripcions a.button {
	float: right;
	height: 21px;
	margin-top: 20px;
}
#inscripcions div {
	background-color: #FFF;
	margin-bottom: 25px;
	padding: 9px 13px 17px;
	float: left;
	width: 376px;
}
/* fitxa */
#fitxa div.fitxa {
	float: left;
	width: 376px;
	padding: 17px 13px;
	margin-bottom: 17px;
	background-color: #FFF;
	position: relative;
}
#fitxa img {
	margin-right: 7px;
}
#fitxa h1 {
	margin-top: 24px;
	color: #E41815;
}
#fitxa p.descripcion {
	font-size: 71%;
}
#fitxa ul#compartir img {
	margin-right: 0;
}
/* alta */
#alta {
	font-size: 71.4%;
	background-color: #FFF;
	padding: 9px 13px 17px 13px;
	float: left;
	width: 376px;
}
#alta legend {
	font-size: 166.6%;
	color: #E41815;
	font-weight: bold;
	margin-bottom: 23px;
}
#alta form div {
	margin: 0 0 10px 35px;
	float: left;
	display: inline;
	width: 324px;
}
#alta form label {
	float: left;
	width: 80px;
	font-weight: bold;
	color: #90BCAB;
}
#alta form label.obligatori {
	color: #000;
}
#alta form input.text,
#alta form select,
#alta form textarea {
	padding: 2px;
	width: 240px;
	height: 20px;
	background-color: #BCD7CD;
	border: 0;
	font-size: 100%;
}
#alta form select {
	height: 24px;
	width: 244px;
}
#alta form div.organitzacio label {
	width: 110px;
}
#alta form div.organitzacio select {
	width: 214px;
}
#alta form div.entitat-ecas,
#alta form div.entitat {
	display: none;
}
#alta form div.display {
	display: block;
}
#alta form div.frase label {
	width: 100%;
}
#alta form div.frase p {
	font-size: 86.66%;
	margin: 5px 0 0;
}
#alta form textarea {
	width: 320px;
	height: auto;
	margin-top: 10px;
}
#alta input.submit {
	float: right;
	height: 25px;
	margin-right: 17px;
}
/* participacio-virtual */
#participacio-virtual h1 {
	font-size: 119%;
}
#participacio-virtual li {
	width: 376px;
	padding: 9px 13px 17px 13px;
	margin-bottom: 17px;
	background-color: #FFF;
	float: left;
}
#participacio-virtual div.esquerra {
	height: 100%;
	float: left;
	margin-right: 13px;
}
#participacio-virtual div.dreta {
	height: 100%;
}
#participacio-virtual li a {
	text-decoration: underline;
}
#participacio-virtual .wraptocenter {
	width: 78px;
	height: 78px;
}
/* entitat */
#entitat h1 {
	font-size: 119%;
}
#entitat div.entitat {
	width: 376px;
	padding: 9px 13px 17px 13px;
	margin-bottom: 17px;
	background-color: #FFF;
	float: left;
}
#entitat div.esquerra {
	height: 100%;
	float: left;
	margin-right: 13px;
	width: 80px;
}
#entitat div.dreta {
	height: 100%;
	float: left;
	width: 283px;
}
#entitat div.dreta a.nom-entitat {
	text-decoration: underline;
	margin-bottom: 10px;
	float: left;
}
#entitat p {
	font-size: 71.4%;
}
#entitat .wraptocenter {
	width: 78px;
	height: 78px;
}
#entitat ul {
	float: left;
	border-bottom: 1px solid #000;
	margin-top: 40px;
}
#entitat li {
	width: 376px;
	padding: 13px 13px 17px 13px;
	float: left;
	border-top: 1px solid #000;
}
#entitat li a {
	font-size: 95.2%;
	font-weight: normal;
}
#entitat li p,
#entitat p#no-identificat {
	margin-bottom: 0;
}
#entitat a.button {
	font-size: 71.4%;
	height: 21px;
	background-color: #90BCAB;
	margin-bottom: 10px;
	float: left;
}
#entitat form {
	display: none;
}
#entitat input.submit {
	float: right;
	height: 25px;
	margin-right: 17px;
	font-size: 71.4%;
}
#entitat textarea {
	padding: 2px;
	width: 398px;
	border: 0;
	font-size: 100%;
	margin-bottom: 10px;
	font-size: 71.4%;
}
#entitat label {
	font-size: 71.4%;
	font-weight: bold;
	color: #E41815;
	margin-bottom: 10px;
	float: left;
}
#entitat p#no-identificat {
	display: none;
}
#entitat ul#compartir {
	border: 0;
	margin-top: 10px;
}
#entitat ul#compartir li {
	border: 0;
	width: auto;
	padding: 0;
}
/* finalitzar registre */
#finalitzar-registre h1 {
	font-size: 119%;
}
#finalitzar-registre a.button,
#finalitzar-registre p {
	font-size: 71.4%;
}
/* resultat inscripció */
#doAlta h1 {
	font-size: 119%;
}
/* contrasenya oblidada */
#contrasenya-oblidada {
	font-size: 71.4%;
	background-color: #FFF;
	padding: 9px 13px 17px;
	float: left;
	width: 376px;
}
#contrasenya-oblidada legend {
	font-size: 166.6%;
	color: #E41815;
	font-weight: bold;
	margin-bottom: 23px;
}
#contrasenya-oblidada form div {
	margin: 0 0 10px 35px;
	float: left;
	display: inline;
}
#contrasenya-oblidada form label {
	float: left;
	width: 70px;
	font-weight: bold;
	color: #90BCAB;
}
#contrasenya-oblidada form label.obligatori {
	color: #000;
}
#contrasenya-oblidada form input.text {
	padding: 2px;
	width: 250px;
	height: 20px;
	background-color: #BCD7CD;
	border: 0;
	font-size: 100%;
}
#contrasenya-oblidada input.submit {
	float: right;
	height: 25px;
	margin-right: 17px;
}
/* cercador */
#buscador h1 {
	font-size: 119%;
}
#buscador h2 {
	font-size: 71.4%;
	font-weight: bold;
}
#buscador ul {
	margin-bottom: 15px;
}
#buscador li a {
	font-size: 71.4%;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}
#buscador ul.amb-foto {
	float: left;
	margin-top: 5px;
}
#buscador ul.amb-foto li {
	clear: left;
	float: left;
	margin-bottom: 5px;
	width: 100%;
}
#buscador ul.amb-foto li a {
	text-decoration: none;
}
#buscador ul.amb-foto li a.nom {
	width: 345px;
}
/* ecas */
#ecas {
	font-size: 71.42%;
}
#ecas h1 {
	font-size: 140%;
}
#ecas p.important {
	font-size: 146.66%;
	color: #E41815;
}
#ecas h2 {
	font-weight: bold;
	margin-bottom: 20px;
}
#ecas ul {
	list-style-type: disc;
	margin-left: 15px;
}
/* congres */
#congres {
	font-size: 71.42%;
}
#congres h1 {
	font-size: 140%;
}
/* expliquem-el-congres */
#expliquem-el-congres {
	font-size: 71.42%;
}
#expliquem-el-congres ul {
	list-style-type: disc;
	margin: 0 0 20px 15px;
}
/* comites */
#comites {
	font-size: 71.42%;
}
#comites ul {
	margin-bottom: 20px;
}
#comites li span {
	font-weight: bold;
}
#comites li {
	margin-bottom: 20px;
}
#comites li a {
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}
#comites h2 {
	font-size: 166.66%;
	font-weight: bold;
	margin: 20px 0;
}
/* localitzacio-contacte */
#localitzacio-contacte {
	font-size: 71.42%;
}
#localitzacio-contacte iframe {
	margin-bottom: 20px;
}
#localitzacio-contacte a {
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}