/* CSS Document */

/* hacks varios, adivinen para q browser... */
html, body, .contenedor {
    min-height: 100%; /* alto minimom FF y Safari */
    width: 100%;
    height: 100%; /* alto minimo para IE Windows */
    margin: 0;
    padding: 0;
}

html>body .contenedor {
    height: auto; /* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */

body, form, textarea, select{
	font-family: Helvetica, Arial, sans-serif;
}

.contenedor {
    position: relative;
    top: 0;
    left: 0;
}

#contingut {
    height: auto;
    padding: 5px;
    padding-bottom: 125px;
    width: 100%;
    margin: 0 auto;
	margin-left:0;
	padding-top:0;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
	text-align: center;
}

body, textarea, form{
	font-size: 11px;
}

body{
	height: 100%;
	margin:0;
}

#MenuPpalHorizontal,
#EtiquetaColor,
h1{	
	font-size:13px;
}
h2{	font-size:12px;}
h3{	font-size:10px;}

#MenuIdioma select, 
select,
h4{	
	font-size:9px;
}

body{
	font-size:11px;
}

h1, h2, p{
	margin:0;
	padding:0;
	margin-bottom:2px;
	padding-bottom:2px;
}

p{
	margin-bottom:10px;
}

#barratop{
	position:relative;
	top:0;
	left:0;
	height:40px;
}

.posicio1{
	top:200px;
}

.posicio2{
	top:200px;
}

#MenuColor{
	display:none;
}

#MenuColor ul, 
#MenuColor li{
	margin:0;
	padding:0;
}

#MenuColor li a
{
	list-style:none;
	border-left:20px solid;
	padding-left:5px;
	font-size:10px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration:none;
	display:block;
}

#MenuSuperior{
	position:absolute;
	top:15px;
	left:0;
	width:240px;
	height:20px;
	text-align:right;
	color:#FFF !important;
}

#MenuIdioma{
	position: absolute;
	top:40px;
	left:855px;
	padding-top:5px;
	width:120px;
	text-align:right;
	display:none;
	z-index:5;
}


/* MENU HORIZONTAL */
#MenuPpalHorizontal{
	position:relative;
	padding-top:20px;
	text-transform:lowercase;
	text-align:right;
	margin-bottom:30px;
	font-weight:bold;
}

#EtiquetaColor{
	display:none;
}
#CercadorParaula{
	position:relative;
	left:0;
	width:90%;
	text-align:right;
}

#CercadorParaula, #EtiquetaColor{
	top:65px;
}

#final
{
	border-top: 1px solid;
	padding-top:10px;
	text-transform:lowercase;
	font-size:9px;
	text-align:center;
	padding-bottom:10px;
}

.icona{
	position:relative;
	left:8px;
	width:20px;
	text-align:center;
	font-size:9px;
	margin-left:4px;
	margin-right:4px;
	float:left;
}

/* LINK */
a:link, a:visited{	text-decoration:none;}
a:hover{	text-decoration:underline;}
a img{	border:0;}
.seleccionat{
	font-weight:bold;
}

/* ALTRES */

/* TAULES  */
td, th{	padding:3px;}
td.fotoprojecte
{	padding:0;
	margin:0;
}


/* CAMBIO DE TABLAS A DIV */
.tabla{
	clear: none;
	overflow: auto;
}

.fila{ clear: both;}

.col{
	float: left;
	padding: 0px;
}

/* AMPLES ESPECIALS */

.ampleMenu{	width:200px;}
.ampleTotal{ width:800px;}

/* AMPLES i MARGES  COLUMNES DE CONTINGUT*/
.ampleC1, .minicelda{	width:200px;}
.ampleC2{	width:400px;}
.ampleC3{	width:600px;}
.ampleC4{	width:800px;}

.margeC1, .bordeC1, .minifoto{	width:180px;}
.margeC2, .bordeC2{	width:380px;}
.margeC3, .bordeC3{	width:580px;}
.margeC4, .bordeC4{	width:780px;}

.margeTotal{
	width:780px;
	margin-left:10px;
	margin-right:10px;
}

.margeC1, .margeC2, .margeC3, .margeC4, .margeC5{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}

/* PERFILS */
.bordeC1, .bordeC2, .bordeC3, .bordeC4, .bordeC5, .bloque{
	padding-left:9px;
	padding-right:9px;
	margin-bottom:10px;
}

.marcvideo, 
.minifoto
{
	border: 2px solid;
}

.marcfoto{
	border: 1px solid #CCCCCC;
	padding:3px;
	margin:2px;
}

.margeC1 p, .margeC2 p, .margeC3 p, .margeC4 p, .margeC5 p, 
.bordeC1 p, .bordeC2 p, .bordeC3 p, .bordeC4 p, .bordeC5 p{
	line-height:14px;
}

.projecte{
	border: 1px solid #CCC;
	float: left;
	padding: 0px;
	margin-bottom:10px;
	padding-bottom:15px;
	padding-top:5px;
}

.separador{
	border-bottom: 1px solid;
	margin-top:5px;
	margin-bottom:30px;
	padding-bottom:10px;
}

/* MINI CELDAS, para fotos, textos... */
.minicelda{
	position:relative;
	float:left;
	margin:0px;
	height:250px;
	overflow:auto;
}

.minifotogran{
	position:relative;
	float:left;
	width:490px;
	height:130px;
	margin:5px;
	overflow:hidden;
	border:1px solid #CCCCCC;
}

.miniprojecte{
	position:relative;
	float:left;
	width:158px;
	height:60px;
	overflow:hidden;
}

.miniatura{
	position:relative;
	display:block;
	float:left;
	width:40px;
	height:40px;
	margin:5px;
	overflow:hidden;	
}

.minifoto{
	position:relative;
	float:left;
	height:140px;
	margin:5px;
	overflow:hidden;
}

.minitext{
	position:relative;
	font-size:10px;
	float:left;
	padding-left:5px;
}

/* FILTRO */
#filtrovisible, .visible{	display:block;}
#filtrooculto, .oculto{	display:none;}
.filtro, .imagencurso{	border: 1px solid #CCC;}

.SelPlantilla{
	border:2px solid;
	padding:2px;
	margin:1px;
}

.modul{
	border: 1px solid;
	padding:2px;
	margin:1px;
}

/* GAMA CROMATICA */
 
/* PERFIL DE COLOR*/
.obligatorio{
	border:1px solid #990000;
	border-left:2px solid #990000;
}

#MetaTags, #MenuExtranet{
	margin:10px;
	padding:10px;
	border:1px dotted #999999;
	background-color:#CCCCCC;
}

/* FORMULARIS */
select{
	border: 1px solid;
	padding:2px;
}
textarea.camptext, 
input.camptext
{
	border: 1px solid;
	padding:2px;
}

input.boto, 
button
{
	border: 1px solid;
	margin:2px;
	padding:2px;	
}

input.camptext2{
	border: 1px solid;
	border-color:#FFF;
	padding:3px;
	margin:5px;	
}

input.boto{
	border-color:#666;	
}

#FormContacte, 
#FormPressupost
{
	margin:3px;
	padding:3px;
}

#FormPressupost input.camptext2,
#FormPressupost textarea
{
	width:480px;
}

fieldset{
	border: 1px solid #FFFFFF;
	margin:5px;
	padding:5px;
}

legend{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

label{
	position:relative;
	display:block;
	top:0;
	left:0;
	padding-top:8px;
	padding-bottom:2px;
	height:auto;
	margin-left:10px;
}

.FormAfegir input.camptext, 
.FormAfegir textarea.camptext,
.FormEditar input.camptext, 
.FormEditar textarea.camptext,
.FormBorrar input.camptext, 
.FormBorrar textarea.camptext
{
	width:90%;
}

.FormAfegir input , .FormEditar input, .FormBorrar input,
.FormAfegir select , .FormEditar select, .FormBorrar select,
.FormAfegir textarea , .FormEditar textarea, .FormBorrar textarea,
.FormAfegir .areatext , .FormEditar .areatext, .FormBorrar .areatext
{
	margin-left:10px;
	padding-left:10px;
}

/* COLORS DELS MISSATGES DE LA EXTRANET */
.mError{
	background-color:#FFCCCC;
	border: 1px solid #FF0000;
}

.mAvis{
	background-color:#FFFFCC;
	border: 1px solid #FF9900;
}

.mCorrecte{
	background-color:#CCFFCC;
	border: 1px solid #99CC00;
}

.mError h1{	color: #FF0000;}
.mAvis h1{	color: #FF9900;}
.mCorrecte  h1{ color: #99CC00;}

/* PAGINADOR */

#pagActual{ 
	margin:2px;
	padding:3px;
	border:1px solid;	
	font-weight:bold;
}

/* VISIBLE / OCULTA */
.visible{
	display:block;
}

.ocult{
	display:none;
}