/*-------------- FORMULARIS --------------*/
#central form, #central #plantilla-llistat, #central #info-usuari {
	background-color: #FFF; 
	border: 1px solid #CBCBCB;
	padding: 2em 2em 4em 2em;
	margin-bottom: 2em;
}  


#central form.llistat {
	border: 0;
	padding: 0;
	margin-bottom: 2em;    
}   

#central form.cerca {
	padding: 2em 2em 0 2em;
	margin-bottom: 0;    
}

#central form h1, #central #plantilla-llistat h1, #central #info-usuari h1 {
	color: #3c3c3c;
	font-size: 24px; 
	font-family: Arial, Helvetica, sans-serif;
}  

#central form h2, #central #plantilla-llistat h2 {
	color: #6e6f74;
	font-size: 16px; 
	font-family: Arial, Helvetica, sans-serif; 
	margin: 1em 0 0.5em; 
	background-color: #e5e5e5;   
	padding: 0.2em;
	position: relative;
}
#central #plantilla-llistat h2 span.actiu, #central #plantilla-llistat h2 span.inactiu {
	position: absolute;
	right: 0.5em;
	top: 0.2em;
}


#central form h3, #central #plantilla-llistat h3, #central #info-usuari h3  {  
 	color: #3c3c3c;
	font-size: 18px; 
	font-family: Arial, Helvetica, sans-serif;
}

#central form p, #central #plantilla-llistat p, #central #info-usuari p {
   margin: 0.5em 0;
} 

#central form p.avis, #central #plantilla-llistat p.avis {
	font-size: 11px;
	padding: 0 2em 0 1em; 
	background: url("../images/ico-avis.gif") no-repeat;    
}  

#central form li, #central #plantilla-llistat li {
	font-size: 1.2em; 
	color: #6e6f74; 
	padding: 0.2em 0;    
	line-height:1.2em;
}   

#central form li a, #central #plantilla-llistat li a {
	color: #ff9630; 	  
}

#central form li span, #central #plantilla-llistat li span {
	color: #3c3c3c;  
}

#central #info-usuari img {
	float: left;
	margin: 1em 1em 1em 0;
}

#central #info-usuari span {
	font-weight: bold;
}

#central form table.taula { 
	margin: 2em 0;
}

#central form table.taula td { 
	font-size: 12px;   
	padding: 0.3em;  
	border-bottom: 1px solid #ededed;
}   

#central form table.taula td a{ 
    color: #ff9630; 
}

#central form table.taula td.titol { 
  	background-color: #e5e5e5;
	margin-right:0.5em; 
	padding:0.3em;
	font-size: 14px; 
	font-weight:bold;
	text-align:center;
}     

#central form table.taula td.center { 
    text-align: center;
}

#central form label {
	display: block;
	padding: 0.5em 0;
	color: #3c3c3c;
}  

#central form input {
	width: 21.5em; 
	border: 1px solid #CBCBCB;  
}    

#central form input#url {
    width: 40em;
}

#central form input.radio {
	border: 0;
	width: 1.5em;
}   

#central form input.mini {
	width: 5.5em;
} 

#central form select.mini {
	width: 10em;
}

#central form input.checkbox {
	width: auto;
	border: 0;
	margin-right: 0.5em;
}

#central form textarea {
  	border: 1px solid #CBCBCB; 
    font-size: 14px;
}   

#central form select {
	width: 21.5em;
	border: 1px solid #CBCBCB;   
}  

form input.checkbox {
	width: auto;
	border: none;
}

#central form .botons {
	text-align: right; 
	margin: 2em 0.5em;   
} 
#msg-ok{ 
	border: 1px dotted #4CB53B;  
	padding: 0.5em; 
	color: #4CB53B; 
	margin: 1em 0; 
} 
#central form input.bg-boto {
	background: url("../images/bg-boto.gif") no-repeat; 
	border: 0;
	width: 135px; 
	height: 22px; 
	color: #FFF;
	font-size: 14px;
	cursor: pointer; 
	text-align: middle; 
	margin: 0.5em;
	font-weight:bold;
}  
#central form input.bg-boto-mini {
	background: url("../images/bg-boto-mini.gif") no-repeat; 
	border: 0;
	width: 75px; 
	height: 22px; 
	color: #FFF;
	font-size: 14px;
	cursor: pointer; 
	text-align: middle; 
}  
#central form input.boto {
	width: auto;
	border:0;
} 

ul#errors {
	border: 1px dotted #d40000; 
	padding: 0.5em;
}

ul#errors li {
	color: #d40000;
}  

/*formulari administrar galeria de fotos*/
#passos {
	margin: 1em 0;  
}

#passos li {
	font-size: 13px!important;
	background: url("../images/bg-passos.gif") no-repeat; 
	float: left;
	width: 186px;
	height: 25px;
    text-align: center; 
	margin: 0 0.3em 0 0;
}    

#passos li.actiu {
	background: url("../images/bg-passos-on.gif") no-repeat;  
	color: #FFF; 
}    

#central form h4 {
	color: #ff9630;
	text-transform: uppercase; 
	font-size: 14px;
	margin: 1em 0; 
}  

#central p img {
	vertical-align: middle;
}  

#central ul.llistat-img li.foto {
	width: 100px;
	height: 120px;  
	margin: 1em 0.5em;  
	float: left;  
	text-align: center;
    cursor: pointer;
}

#central ul.llistat-img li.foto img {
	width: 75px;
	height: 75px; 
	 
} 

#central ul.llistat-img .nom {
	color: #000;
	font-size: 12px;
} 

#central .foto2 {
	width: 75px;
	height: 100px;  
	margin: 1em 0.5em;  
	float: left;  
	text-align: center;
}        

#central .foto2 img{
	width: 75px;
	height: 75px;
	margin-bottom: 0.5em;
}  

#central a.thickbox:hover{
    text-decoration: none;
}

/*--------------Formulari administrar Espai en disc------------*/
#meves-carpetes {
	position: relative; 
	margin-top: 2em;
	border: 1px solid #FFF;
}  

#meves-carpetes h3 {
	display: none;
}

#meves-carpetes a.afegir-carpeta {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.4em;
	text-decoration: underline;  
	font-weight: bold;
}   

#meves-carpetes a:hover.afegir-carpeta {
	text-decoration: none;    
}

#meves-carpetes .pestanyes li {
	float: left; 
	text-transform: uppercase;
	margin-right: 0.5em; 
	padding: 0.3em!important;
}  

#meves-carpetes .pestanyes li#public {
    background: #ebf7e9;  
	border: 1px solid #79c66a;
	color: #79c66a; 
	border-bottom: none;  
}  

#meves-carpetes .pestanyes li#public a {
	color: #bde3b6;
	text-decoration: none;  
}  

#meves-carpetes .pestanyes li#public a:hover, #meves-carpetes .pestanyes li#public .actiu  {
	color: #79c66a;
    text-decoration: none;
}

#meves-carpetes .pestanyes li#privat {
    background: #fcebeb;      
	border: 1px solid #f25757;   
	color: #f25757; 
	border-bottom: none;  
}   

#meves-carpetes .pestanyes li#privat a {
	color: #f7a6a6; 
    text-decoration: none;
}  

#meves-carpetes .pestanyes li#privat a:hover, #meves-carpetes .pestanyes li#privat .actiu  {
	color: #f25757; 
    text-decoration: none;
}

#meves-carpetes #carpetes-publiques {
	clear: both; 
	background: #ebf7e9;
	border: 1px solid #79c66a; 
	padding: 1em;   
	margin-bottom: 1em;
}  

#meves-carpetes #carpetes-publiques li, #meves-carpetes #carpetes-privades li { 
	float: left;  
	background: url("../images/ico-carpeta.gif") no-repeat; 
	padding-left: 2.2em;         
	margin-right: 1em;
	margin-bottom: 1em; 
	width: 9.5em; 
	height: 2em;
}  

#meves-carpetes #carpetes-publiques li.totes, #meves-carpetes #carpetes-privades li.totes {
	background: url("../images/ico-carpeta-totes.gif") no-repeat;
}

#meves-carpetes #carpetes-publiques li a, #meves-carpetes #carpetes-privades li a {
	color: #3C3C3C;
}  

#meves-carpetes #carpetes-publiques li.activa, #meves-carpetes #carpetes-privades li.activa {
	background: url("../images/ico-carpeta-activa.gif") no-repeat; 
	font-weight: bold;
	color: #3C3C3C;  
}        

#meves-carpetes #carpetes-privades {
	clear: both; 
	background: #fcebeb;
	border: 1px solid #f25757; 
	padding: 1em;
	margin-bottom: 1em;
}    

#cerca-recursos {
	position: relative; 
}  

#cerca-recursos .accions {
	position: absolute; 
	top: 0;
	right: 0; 
	font-size: 1.4em;
	font-weight: bold;
}  

#cerca-recursos .accions a {
	text-decoration: underline; 
} 

#cerca-recursos .accions a:hover {
	text-decoration: none;
}

#cerca-recursos h3 {
	background: url("../images/ico-carpeta-activa.gif") no-repeat; 
	padding: 0 0 0.5em 1.8em;   
	margin-bottom: 1em; 
	width: 280px;
} 

#cerca-recursos h5 {
	font-size: 1.6em;
}  

#cerca-recursos p {
	float: left;
	padding-right: 1em; 
	margin-bottom: 1em;
}    



#cerca-recursos .botons {
	float: right;   
	padding-top: 0.5em;
}  

#llistat-recursos {
	position: relative;
}

#llistat-recursos .accions {
	font-size: 1.4em;  
	margin-top: 1em;  
	margin-bottom: 1em;   
	margin-left: 0.5em;
	padding-top:2em; 
} 

#llistat-recursos .ultim {
	padding-top: 0!important; 
}    

#llistat-recursos .accions img {
	vertical-align: bottom;
}

#llistat-recursos .accions a {
	font-weight: bold;
	text-decoration: underline;
}     

#llistat-recursos .accions a:hover, #llistat-recursos a:hover.afegir-recurs {
	text-decoration: none;
} 

#llistat-recursos a.afegir-recurs {
	position: absolute;
	top:0;
	right: 0;
	font-size:1.4em;
	font-weight: bold;
	text-decoration: underline;
}  
table.recursos {
	width: 100%;
	border: 0; 
	font-size: 1.2em;  
	margin: 0!important;
}     

table.recursos .thumb img{
/*	width: 30px; */
}  

table.recursos th {
	text-align: left;
	font-size: 1.2em;
	background: #e5e5e5; 
	padding: 0 0.5em; 
}  

table.recursos th.paginador {
	text-align: right!important;
}

table.recursos td {
   padding: 0.8em 0.5em!important; 
}   

.no-border {
	border: 0 !important;
}   

.activar {
	position: absolute;
	top:0.2em;
	right: 1.6em;  
	font-size: 0.9em;
	font-weight: normal;
}    


/*-------------------enquestes blocs-------------------*/

#plantilla-llistat #respostes form {
	border: 0;   
	margin: 0; 
	padding: 1em;
}  

#plantilla-llistat #respostes .bot-votar {
	background: url("../images/bot-vota2.gif") no-repeat; 
	width: 64px;
	height: 23px;
	border: 0;
	cursor: pointer; 
	margin-right: 0.5em;
	float: right;  
	margin-top: 1em;
	margin-bottom: 0.2em;
}      

#plantilla-llistat #respostes .bot-resultats {
	background: url("../images/bot-resultats.gif") no-repeat; 
	width: 113px;
	height: 21px;
	border: 0;
	cursor: pointer; 
	float: right;
	margin-top: 1em;
	margin-bottom: 0.2em;    
}   

#plantilla-llistat #respostes label {
	display: inline;   
	padding: 0;
}   

#plantilla-llistat #resultats .espai-barra {
	width: 40em;
	height: 1.5em;
	margin-bottom: 1em;
	padding: .1em;
	background-color: #EDEDEE; 
	margin-top: 1em;
    position: relative;
 
}
#plantilla-llistat #resultats .espai-barra .resultat {
	height: 100%;
	background-color: #ff9630;  
} 

#plantilla-llistat #resultats .espai-barra span {
	position: absolute; 
	right: -4.5em;
	top: 0.2em;  
	font-weight: bold;  
	font-size: 1.2em; 
}   
.veuretotes{
	float:right;
	margin:1em 1em 0 0;
}
/*-------------- Altres --------------*/
#passos:after, form:after, ul.llistat-img:after, #carpetes-publiques:after, #carpetes-privades:after, #cerca-recursos:after, #info-usuari:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#passos, form, ul.llistat-img, #carpetes-publiques, #carpetes-privades, #cerca-recursos, #info-usuari { height: 1%;}



.imatge-capsalera{
width: 485px;
height: 45px;
}

.imatge-banner{
width: 285px;
height: 45px;
}