/* Pestanyes */
@import url(tabs.css);
/* Menu */
@import url(menu.css);
/* Calendari */
@import url(ui.datepicker.css);
/* CSS Document */

body {
	background	: #FFF;
	color	: #20348D;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	margin	: 0;
	padding	: 0;
	text-align	: center;
}

a img {
	border	: none;
}

#tot {
	width	: 910px;
	text-align	: left;
	margin	: 25px auto 0 auto;
}

#cap {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 16px;
	margin-bottom	: 32px;
	height	: 125px;
	position	: relative;
	width	: 100%;
	z-index	: 5000;
}

#cap #logo-top-left{
	float	: left;
	height	: 125px;
	width	: 125px;
	margin-right	: 5px;
	display:none;
}
#cap .titols {
	float	: left;
	margin-left	: 5px;
	margin-top	: 0px;
	width	: 500px;
}

#cap .titols #cap_titol_principal {
	font-size: 13pt;
	font-weight: bold;
	width: 490px;
	padding: 0;
	margin: 0;
}

#cap .titols #cap_titol_principal a{
	text-decoration:none;
}

#cap .titols #cap_titol_segundari {
	font-size	: 10pt;
	width	: 450px;	
	padding: 0;
	margin: 0;
}

#cap #logo_taula {
	color	: #555;/*#9F9A97;*/
	float	: left;
	font-size	: 8pt;
	width	: 255px;
	margin-right	: 5px;
}

#cap #menus_idioma {
	color	: #9F9A97;
	float	: left;
	font-size	: 8pt;
	width	: 125px;
	margin-right	: 5px;
}
#cap #menus_idioma ul{
	list-style-type:none;
	list-style-position:outside;
	width:100%;
	margin:0;
	padding:0;
}

#menu {
	font-size	: 9pt;
	width:100%;
	height:32px;
	display:block;
	/*border:1px black solid;*/
	position:absolute;
	left:130px;
	top:94px;
	float:left;
}
#menu a{
	color	: white;
	background-color	: #204394;
	display	: block;
	float	: left;
	font-weight	: bold;
	line-height	: 17px;
	margin-right	: 5px;
	padding	: 9px 3px 5px 5px;
	text-align	: left;
	text-decoration	: none;
	white-space	: nowrap;
	width	: 117px;
}
#menu a:hover{
	color:#FFFFCC;
}

/*
#menu a#menu_inici {
	background-color:#CFDD27;
}
#menu a#menu_ponencies {
	background-color:#DF5326;
}
#menu a#menu_inscripcions {
	background-color:#BB2A87;
}
#menu a#menu_tornar {
	background-color:#F68B29;
}
#menu a#menu_continguts {
	background-color:#45B5C7;
}

#menu a#sis {
	background-color:#CCCCCC;
	font-size:9px;
	height:17px;
}
*/

#menu a:hover, #menu a:active, #menu a:focus, #menu a.selected {
	background-image:url(/img/pestana-on.png);
	background-position:top right;
	background-repeat:no-repeat;
}

#cos {
	font-size:11px;
	line-height:15px;
	margin-top:0px;
}

#peu {
	clear	: both;
	color	: #555;
	font-size	: 10px;
	line-height	: 23px;
	padding-top	: 1em;
}

#peu .taula_logo {
	width	: 910px;
	margin-bottom	: 1em;
}

#peu .taula_logo a {
	padding	: 3px 6px 10px 6px;
	text-align	: center;
	vertical-align	: middle;
}

#peu .taula_logo a img {
	margin	: 3px;
	vertical-align	: middle;
}

#cap #msgConnectat {
	font-size	: 10px;
	line-height	: 15px;
}

#cap #msgAdmin {
	font-size	: 10px;
	line-height	: 15px;
	color	: #990000;
}

#resum {
	width:100%;
	background-color:#EEEEEE;
	border: 1px #333333 dotted;
	margin-top: -32px;
	margin-bottom:0px;
}

#index{
	width: 250px;
	float:left;
	margin: 10px 10px;
}
#index #left {
	float:left;
	display:block;
	width:220px;
	border-bottom: 1px black dotted;
}
#index #left a{
	text-decoration:none;
	color:#204394;
}
#index #left a:hover{
	color:#F17922;
}
#index #right {
	text-align:right;
	clear:right;
	float:right;
	width:30px;
}

#cos #griddades{
	float:left;
	margin:0px 0px 0px 0px;
	width:100%;
	border:1px #FDEEE3 solid; 
	margin-top:10px;
	padding-top:0px;
}
table.gridTitols{
}
th.gridTitols{
	background-color:#99CCFF;
	color:#204394;
	font-weight:bold;
	margin:0;
	padding:1px 1px 1px 1px;
}

td.gridDades{
	color:#333333;
	background-color:#EEEEEE;
}

/* Contingut */
#contingut .titol_contingut h2{
	font-size	: 1.8em;
	font-weight	: bold;
	line-height	: 19pt;
	margin	:0 0 20px 0;
}


#contingut .columnes {
	font-size	: 9pt;
	line-height	: 14pt;
	margin-right	: 5px;
	float	: left;
}

#contingut .columna_text {
	padding-right	: 10px;
	width	: 375px;
}

#contingut .columna_imatges {
	width	: 255px;
}

#contingut .columna_moduls_grans {
	width	: 385px;
}

#contingut .columna_moduls_petits {
	width	: 255px;
}

#contingut .columna_imatges .imatge {
	background-color	: #FFF;
	border	: none;
	height	: 185px;
	margin-bottom	: 5px;
	overflow	: hidden;
	position	: relative;
	width	: 255px;
}

#contingut .columna_imatges .imatge img {
	margin	: 0;
	padding	: 0;
	width	: 255px;
}

#contingut .columna_imatges .imatge .descripcio {
	background-color	: #000;
	color	: #FFF;
	font-size	: 8pt;
	height	: 15px;
	left	: 0;
	line-height	: 15px;
	padding	: 0 10px;
	position	: absolute;
	bottom	: 0;
	width	: 253px;
}
#contingut .columna_documents span.document{
	clear:both;
	border: 1px #CCC solid;
	margin:0;
	padding: 3px;
	display:block;
}
#contingut .columna_documents a.document{
	text-decoration:none;
}
#contingut .columna_documents a.document:hover{
	text-decoration:underline;
}
#contingut .columna_documents .document:hover {
	background-color	: #EEE;
}
#contingut .columna_documents .document img {
	float	:left;
	clear	:both;
}
#contingut .columna_documents .document .descripcio {
	color	: #222;
	font-size	: 8pt;
	line-height	: 15px;
	padding	: 0 0 0 10px;
	bottom	: 0;
	margin	: 0px 0 5px 30px;
	display	: block;
	clear	: right;
}

a#menu_tornar {
	color	: #20348D;
}
a#menu_tornar:hover {
	background:#F17922;
}

#contingut a{
	color	: #20348D;
}

/* Taules de llistats */
#titol_pagina {
	font-size	: 14pt;
	font-weight	: normal;
	margin	: 10px auto 0 auto;
	padding	: 5px 0;
	text-align	: center;
	width	: 900px;
}

#linia_filtre {
	margin	: 0 auto;
	padding	: 3px 0;
	width	: 900px;
}

#linia_filtre a {
	color	: #000;
	font-weight	: bold;
	padding	: 2px;
	text-decoration	: none;
}

#linia_filtre a:hover {
	background-color	: #F3ECE2;
}

table.taula_display {
	background-color	: #204394;
	border	: 2px solid #9E9996;
	border-right-width	: 1px;
	color	: #000;
	font-size	: 9px;
	margin	: 10px auto;
	text-align	: center;
	width	: 100%;
}

table.taula_display th {
	border-bottom	: 1px solid #9E9996;
	border-right	: 1px solid #9E9996;
	font-size	: 11px;
	padding	: 3px;
	text-align	: center;
	color : #ccc;
}

table.taula_display th a {
	color	: #FFF;
	text-decoration	: none;
}

table.taula_display th a:hover {
	color	: #CFDD27;
}

table.taula_display td {
	padding	: 2px;
	border-right	: 1px solid #9E9996;
}

table.taula_display .linia_0 td {
	background-color	: #DFE6F5;
}

table.taula_display .linia_0 td img {
	border	: 1px solid #DFE6F5;
}

table.taula_display .linia_1 td {
	background-color	: #8EB0FF;
}

table.taula_display .linia_1 td img {
	border	: 1px solid #8EB0FF;
}

table.taula_display tr:hover td {
	background-color	: #F1F5C0 !important;
	color	: #4E4335;
	border-right	: 1px solid #C5C0AD;
}

table.taula_display tr:hover td img {
	border	: 1px solid #F1F5C0 !important;
}

table.taula_display tr:hover td img:hover {
	border	: 1px solid #9E9996 !important;
}

/* Paginació */
div.paginacio {
	margin	: 5px 0;
	clear	: both;
	text-align	: center;
}

div.paginacio a {
	color	: #000;
	font-size	: 9pt;
	padding	: 1px 2px;
	text-decoration	: none;
}

div.paginacio a:hover {
	background-color	: #F3ECE2;
	color	: #9E9996;
	/*
	-moz-border-radius	: 2px;
	-webkit-border-radius	: 2px;
	*/
	text-decoration	: none;
}

div.paginacio b {
	background-color	: #9E9996;
	color	: #F3ECE2;
	font-size	: 9pt;	
	padding	: 1px 2px;
	/*
	-moz-border-radius	: 2px;
	-webkit-border-radius	: 2px;
	*/
}

/* Formularis en general */
input, select, textarea {
	background-color	: #FFFFFF;
	border	: 1px solid #9E9996;
}

input, textarea {
	padding	: 2px;
}

input.input_checkbox, input.input_radio {
	background-color	: transparent;
	border	: none;
}

input.input_numeric {
	text-align	: right !important;
	width	: 4em !important;
}

input.input_data {
	width	: 6em !important;
}

input.error, select.error, textarea.error {
	background-color	: #FABFBF;
}

/* Marcs que posem al voltant de les taules formulari */
.marc {
	background-color	: #dfe6f5;
	border	: 2px solid #204394;
	color	: #000;
	clear	: both;
	margin	: 0px auto 10px auto;
	padding	: 10px;
	/*
	-moz-border-radius-bottomleft	: 10px;
	-moz-border-radius-bottomright	: 10px;
	-moz-border-radius-topright	: 10px;
	
	-webkit-border-radius-bottomleft	: 10px;
	-webkit-border-radius-bottomright	: 10px;
	-webkit-border-radius-topright	: 10px;
	*/
}

/*capes de l'administració*/
#griddades .taula_formulari td {
	background-color	: #dfe6f5;
	font-size	: 9pt;
	padding	: 2px 3px;
	text-align	: left;
}

#griddades .taula_formulari td.fosc {
	background-color	: #8eb0ff;
}

#griddades .taula_formulari td.td_label label {
	display	: block;
	font-weight	: bold;
	font-size	: 9pt;
	line-height	: 20px;
	margin	: 0;
}

/* Formularis */
.formularis {
	background-color	: #F3ECE2;
	background-image	: url(/img/pestana-on.png);
	background-position	: top right;
	background-repeat	: no-repeat;
	color	: #000;
	padding	: 25px 0 0 0;
	width	: 100%;
}


.formularis a {
	color	: #000 !important;
}

.formularis .taula_formulari {
	width	: 385px;
}

.formularis .taula_formulari td {
	background-color	: #F3ECE2;
	font-size	: 9pt;
	padding	: 2px 0 2px 10px;
	text-align	: left;
}

.formularis .taula_formulari td.last {
	padding-right	: 10px;
}

.formularis td.fosc {
	background-color	: #D9D2C8;
}

.formularis .taula_formulari td.td_label label {
	display	: block;
	font-size	: 9pt;
	line-height	: 20px;
	margin	: 0;
}

.formularis .taula_formulari td.col_checkbox {
	width	: 20px;
}

.formularis .taula_formulari td.col_label_checkbox {
	padding-left	: 0;
	width	: 157px;
}

.formularis .taula_formulari td.col_normal {
	width	: 177px;
}

.formularis .taula_formulari td.col_llarga {
	width	: 365px;
}

.formularis .taula_formulari td.col_petit {
	width	: 100px;
}

.formularis .taula_formulari td.col_mig {
	width	: 275px;
}

.formularis input {
	border	: none;
	width	: 171px;
}

.formularis input.input_radio, .formularis input.input_checkbox {
	margin	: 0;
	width	: 15px;
}

.formularis textarea, .formularis select {
	border	: none;
	width	: 359px;
}

.formularis .taula_formulari td.col_llarga input {
	width	: 359px;	
}

.formularis .taula_formulari td.col_petit input {
	width	: 90px;	
}

.formularis .taula_formulari td.col_mig input {
	width	: 260px;	
}


.formularis .taula_formulari td.col_llarga input.input_checkbox {
	width	: 20px;
}

.formularis .taula_formulari td.col_llarga input.input_radio {
	width	: 15px;
}


.formularis textarea {
	height	: 60px;
}

/* Formularis grans tot el espai (avaluacions)*/
#contingut .columna_moduls_grans_unic {
	width	: 770px; /*770px*/
}

.formularis .taula_formulari_tot {
	/*width	: 100%;*/
}

.formularis .taula_formulari_tot td {
	border-bottom	: 1px #ccc dashed ;
}
.formularis .taula_formulari_tot td h2{
	padding: 3px;
	margin-top: 5px;
}
.formularis .taula_formulari_tot textarea {
	width: 99%;
	border: 1px #ccc dashed ;
}

.formularis .taula_formulari_tot td.td_label p {
	padding-left	: 10px;
}

.formularis td.selSelected {
	color	:#FFF;
	background	: Blue;
}

.formularis .selColoqui {
	border	: 1px blue solid;
	cursor	: pointer;
	background	: #FFF;
}

.formularis .selTaulaA {
	border	: 1px blue solid;
	cursor	: pointer;
	background	: #FFF;
}

.formularis .selTaulaB {
	border	: 1px blue solid;
	cursor	: pointer;
	background	: #FFF;
}

.formularis .selTaulaC {
	border	: 1px blue solid;
	cursor	: pointer;
	background	: #FFF;
}

.formularis .selTaulaD {
	border	: 1px blue solid;
	cursor	: pointer;
	background	: #FFF;
}

/* Formularis petits (subscripcio, noticia, etc...) */
.formularis_petits {
	height	: 160px;
	width	: 255px;
}

.formularis_petits .taula_formulari {
	height	: 160px;
	width	: 255px;
}

.formularis_petits .taula_formulari td.col_normal {
	width	: 112px;
}

.formularis_petits .taula_formulari td.col_llarga {
	width	: 235px;
}

.formularis_petits input {
	padding-top	: 1px;
	padding-bottom	: 1px;
}

.formularis_petits input, .formularis_petits select {
	width	: 106px;
}

.formularis_petits .taula_formulari td.col_llarga input {
	width	: 229px;	
}

/* Estils especifics pel formulari de subscripció */
#form_subscripcio {	
	background-color	: #F3ECE2;
	background-image	: url(/img/pestanya_verda.png);
	background-position	: top right;
	background-repeat	: no-repeat;
}

#form_subscripcio .taula_formulari td {
	line-height	: 12pt;
	padding-bottom	: 1px;
	padding-top	: 1px;
	font-size	: 8pt;
}

#form_subscripcio .taula_formulari td.td_label label {
	font-size	: 8pt;
	line-height	: 10pt;
}

#form_subscripcio button {
	background	: #CFDD28;
	border	: none;
	font-weight	: bold;
	padding	: 2px 5px;
	/*
	-moz-border-radius	: 5px;
	-webkit-border-radius	: 5px;
	*/
	width	: 100px;
}

/* Finestres */
#vidre {
	background-color	: #FFF;
	display	: none;
	filter	: alpha(opacity=80);
	opacity	: 0.8;
	height	: 100%;
	left	: 0;
	position	: fixed;
	top	: 0;
	width	: 100%;
	z-index	: 10000;
}

.finestra {
	background-color	: #FFF;
	border	: 2px solid #D9D2C8;
	display	: none;
	left	: 50%;
	padding	: 10px;
	position	: fixed;
	top	: 200px;
	z-index	: 15000;
	/*
	-moz-border-radius	: 10px;
	-webkit-border-radius	: 10px;
	*/
}

.missatge .left {
	float:left;
	width:45%;
}

.missatge .right {
	text-align:left;
	width:45%;
	float:right;
}

/*llista de comentaris*/
.comentaris{
	border-top:3px #666 solid;
	font-size:0.7em;
	color:#313841;
	background: #ffe;
	clear:both;
}
.comentaris h3{
	padding:1em;
	font-size:1.3em;
	border:1px #8899FF dotted;
	margin:0 0 2em 0;
}

.comentari{
	position:relative;
	margin-left: 1em;
	padding:0.5em 0 0 4em;
	border-bottom: 1px #256 solid;
	border-top: 1px #dde dotted;
	background: url('/img/coment.jpg') left top no-repeat;
}
.comentari .left {
	float:left;
}

.comentari .right {
	float:right;
}

.comentari_activar{
	background-color:#ccc;
	filter	: alpha(opacity=40);
	opacity	: 0.4;
}
.comentari_activar a{
	color: #FFF;
	background-color:#2C5F23;
}
.comentari_desactivar{
	background-color:#fff;
}
.comentari_desactivar a{
	background-color:#fff;
	color: #FFF;
	background-color:#5F2C23;
}

.comentari .comentari_admin {
	position:absolute;
	top:0px;
	right:0px;
	background:#dde;
	border:1px #334 dotted;
	padding:2px;
	margin:0;
}
.comentari .comentari_admin img{
	vertical-align: middle;
}
.comentari .comentari_nom {
	float:left;
	margin-left: 1em;
	font-weight: bold;
}
.comentari .comentari_data {
	float:left;
	color:#554;
}
.comentari .comentari_comentari{
	clear:both;
	margin:2em 1em 1.5em 1em;
}

/*form_comentaris*/
#put_comentari{
	background:#eee;
}
#put_comentari label{
	width:20%;
	float:left;
}
#put_comentari input{
	font-size:0.8em;
}
#put_comentari textarea.comentari_comentari{
	font-size:1em;
	width: 80%;
	height: 5em;
	color: red;
}
#put_comentari img.comentari_captcha{
	vertical-align: middle;
}
.hide {
	display:none;
}

.contingut_admin {
	float:right;
	top:0px;
	right:0px;
	background:#dde;
	border:1px #334 dotted;
	padding:2px;
	margin:0;
}
.contingut_admin img{
	vertical-align: middle;
}

/*FORUM*/
.forum ul{
	padding-left: 0em;
	}
.forum .info{
	font-size:0.8em;
	color:#666;
}
.forum .loginForum img{
	vertical-align: middle;
}
.forum legend{
	font-weight:bold;
	line-height:2em; 
}
.forum legend.edit{
	background:#EEE url('../img/edit.gif') no-repeat scroll left center;
	padding-left:25px;
}
.forum legend.send{
	background:#EEE url('../img/sobre.gif') no-repeat scroll left center;
	padding-left:25px;
}
#contingut .columna_moduls_forum {
	width	: 385px;
}

#contingut .columna_moduls_forum_unic {
	width	: 770px; /*770px*/
}
.loginForum{
	float:right;
}
ul.temes{
	width:100%;
	list-style-type: none;
	list-style-position: outside;
}
.foro{
	clear:both;
	width:100%;
	font-size:1.1em;
	background:#eee;
	color:#131;
	border:1px #666 solid;
}
.segur{
	float:left;
	/*border:1px #333 solid;*/
}
.tema{
	float:left;
	padding-left:2px;
	line-height:21px;
}
.nmensajes{
	float:right;
	width:3em;
	background: url('/img/sobre.gif') right center no-repeat;
	/*border:1px #333 solid;*/
	line-height:21px;
	text-align:right;
	padding-right: 20px;
	margin-right: 10px;
}
.datault{
	padding-left:2px;
	float:right;
	width:12em;
	/*border:1px #333 solid;*/
	line-height:21px;
}

/* Missatges */
.missatge {
	background-color: #F3ECE2;
	border: 1px solid #9E9996;
	margin: 10px auto;
	padding: 10px;
	/*width: 600px;*/
	clear:both;
}
.missatge_ocult{
	filter	: alpha(opacity=50);
	opacity	: 0.5;
}

.missatge .titol {
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 10px 0;
}

.missatge .botons {
	padding: 5px 0;
	text-align: center;
}

.missatge .perfil{
	float:left;
	border:1px #000 solid;
	padding:0.2em;
	margin-right:1em;
	font-size:0.8em;
	}
.missatge .perfil .imgUser img{
	width:8em;
	margin:0;
	padding:0;
	max-width: 8em;
	max-height: 8em;
}
.missatge .perfil .nomUser{
	font-style: italic;
}
.missatge .perfil .wwwUser{
	
}
.missatge .cosmissatge{
	display:block;
	float:left;
}
.missatge .dataMissatge{
	float:left;
	text-decoration:underline;
	}
.missatge .textMissatge{
	clear:both;
	color:#000;
	background:#eee;
	padding:0.5em;
	float:left;
	}
.missatge .reply{float:right;}

/*FORMULARI SMS FORO*/
.forum #sendMissatge textarea#textmissatge{
	clear:right;
	width: 40em;
	height: 5em;
	float: right;
}

.forum #sendMissatge input[type=submit]{
	float:left;
	clear:both;
}

.forum #noutema textarea#descripcio{
	clear:right;
	width: 40em;
	height: 5em;
	float: left;
}

#contingut .columnes ul.noticias{
	list-style-type:none;
	list-style-position:outside;
}
#contingut .columnes ul.noticias li{
	border-bottom: 1px #ccc solid;
	background:#FFF;
	margin:0;
	padding:0;
}
#contingut .columnes ul.noticias li:hover{
	background:#eee;
}
#contingut .columnes ul.noticias li a{
	padding: 0.5em 0px 1.5em 7.2em;
	text-indent: -7.2em;
	line-height:15px;
	text-decoration:none;
	display:block;
}
#contingut .columnes ul.noticias li a:hover{
	text-decoration:underline;
}
#contingut .columnes .noticia{
	
}
#contingut .columnes .noticia .fuente{
	font-size:0.8em;
	color:#ccc;
	float:right;
}
#col1{
	/*
	clear:both;
	width:100%;
	*/
}

.columnes ul,.columnes ol{
	margin-top:0.5em;
}

.columnes li{
	margin-bottom:1em;
}