/* 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;
}

#cap #logo-top-left h1{
	margin	: 0;
	padding	: 0;
}
#cap .titols {
	float	: left;
	margin-left	: 20px;
	margin-top	: 0px;
	width	: 500px;
}

#cap .titols #cap_titol_principal {
	font-size	: 13pt;
	font-weight: bold;
	/*width	: 300px;*/
}

#cap .titols #cap_titol_segundari {
	font-size	: 10pt;
	/*width	: 300px;	*/
}

#cap #logo_taula {
	color	: #9F9A97;
	float	: left;
	font-size	: 8pt;
	width	: 200px;
}

#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	: #A5A5A5;
	font-size	: 10px;
	line-height	: 23px;
}

#peu .taula_logo {
	width	: 910px;
	margin-top	: 10px;
}

#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;
}
#resum p#titols{
	font-weight: bold;
}
#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;
	padding-left:10px;
	background: url('/img/rarr.gif') no-repeat left;
}
#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 {
	font-size	: 14pt;
	font-weight	: bold;
	line-height	: 19pt;
	margin	: 0 0 20px;
	padding	: 0;
}
#contingut .titol_contingut h2{
	margin	: 0;
	padding	: 0;
	font-size	: 14pt;
}

#contingut .titol_contingut h3{
	margin	: 0;
	padding	: 0;
	font-size	: 0.9em;
}

#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;
}

/*IMATGES*/
#contingut .columna_imatges .imatge {
	background-color	: #FFF;
	border	: none;
	/*height	: 185px;*/
	margin-bottom	: 5px;
	overflow	: visible;
	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;
}

/*DOCUMENTS*/
.columnes.columna_documents{
	min-width: 385px;
}
#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;
}

/*DESTACATS*/
div#destacat{
	text-align	: left;
}
div#destacat input, div#destacat textarea{
	width	: 400px;
}

div#destacat label{
	font-weight	: bold;
}

/* 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, td.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_1 , .formularis .selColoqui_2 {
	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;
	margin-bottom	:10px;
}

.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,.formularis_petits .taula_formulari td.col_llarga select {
	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;
	cursor	: pointer;
}

/* Missatges */
.missatge {
	background-color	: #F3ECE2;
	border	: 1px solid #9E9996;
	margin	: 10px auto;
	padding	: 10px;
	width	: 600px;	
}

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

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

/* Finestres */
#vidre {
	background-color	: #FFF;
	display	: none;
	filter	: alpha(opacity=80);
	height	: 100%;
	left	: 0;
	opacity	: 0.8;
	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;
}

.hide {
	display:none;
}