/* CSS Document */

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

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

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

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

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

#contingut {
	height: auto;
	padding: 5px;
	padding-bottom: 125px;
	width: 800px;
	margin: 0 auto;
	margin-left:175px;
	padding-top:20px;
}

#requisits{
	padding-top:10px;
	padding-bottom:10px;
}

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

.actualitzacio
{
	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;
}

.peudefoto{
	font-size:10px;
	text-align:right;
}


#MenuColor{
	position:absolute;
	left:0px;
	margin-top:10px;
	margin-bottom:5px;
}

#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:975px;
	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:100px;
	text-transform:lowercase;
	text-align:right;
	background-image:url(img/sotastudi.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-bottom:30px;
	font-weight:bold;
}

#EtiquetaColor{
	position:absolute;
	left:20px;
}
#CercadorParaula{
	position:absolute;
	left:675px;
	width:300px;
	text-align:right;
	z-index:10;
}

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

.bloque{
	border: 1px dotted;
}

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

.marcfoto{
	border: 1px solid;
	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;
	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:150px;
	width:130px;
}

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

.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:90px;
	width:100px;
	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;}

.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;
	border-left:2px solid;
}

#MetaTags, #MenuExtranet{
	padding:10px;
}

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

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

input.camptext2{
	border: 1px solid;
	padding:3px;
	margin:5px;	
}

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

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

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

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

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

label.adaptable{
	position:relative;
	top:0;
	left:0;
	padding-top:5px;
	padding-bottom:2px;
	padding-right:5px;
	height:auto;
	margin-left:10px;
	width:auto;
	float:left;
}

label.adaptableForm{
	position:relative;
	top:0;
	left:0;
	padding-top:5px;
	padding-bottom:2px;
	padding-right:5px;
	height:auto;
	margin-left:10px;
	width:120px;
	float:left;
}

label.login{
	position:relative;
	top:0;
	left:0;
	padding-top:5px;
	padding-bottom:2px;
	padding-right:5px;
	height:auto;
	margin-left:10px;
	width:120px;
	text-align:right;
	float:left;
	text-transform:lowercase;
	font-weight:bold;
}


.espai{
	clear:both;
	padding-top:10px;
}
input.adaptable{
	clear:both;
}

/*.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{
	border: 1px solid;
}

.mAvis{
	border: 1px solid;
}

.mCorrecte{
	border: 1px solid ;
}

/* PAGINADOR */

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

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

.ocult{
	display:none;
}

.boto{
	cursor:pointer!important;
}

button.boto{
    border:0;
    font-size:9px;    
}

/* BOTONS */
button.boto
{
	background-repeat:no-repeat;
	background-position:center left;
	padding:7px 0px 7px 13px;
	background-color:transparent;
}

button.btnAfegirMenu{
	background-image:url(extranet/img/botons/afegir-menu-negre.gif);
}
button.btnEditarMenu{
	background-image:url(extranet/img/botons/llapis-negre.gif);
}

button.btnBorrarMenu{
	background-image:url(extranet/img/botons/borrar-menu-negre.gif);
}

button.btnAfegirContingut{
	background-image:url(extranet/img/botons/afegir-contingut-negre.gif);
}
button.btnBorrarContingut{
	background-image:url(extranet/img/botons/borrar-contingut-negre.gif);
}

button.btnAfegir{
	background-image:url(extranet/img/botons/suma-negre.gif);
}

button.btnEditar{
	background-image:url(extranet/img/botons/llapis-negre.gif);
}

button.btnBorrar{
	background-image:url(extranet/img/botons/paperera-negra.gif);
}
button.btnGuardar{
	background-image:url(extranet/img/botons/disket-negre.gif);
}

button.btnCancelar{
	background-image:url(extranet/img/botons/cancelar-negre.gif);
}

button.btnSi{
	background-image:url(extranet/img/botons/si.gif);
}

button.btnNo{
	background-image:url(extranet/img/botons/no.gif);
}

button.btnEntrar{
	background-image:url(img/botons/enviar-negre.gif);
}

button.btnTornar{
	background-image:url(img/botons/tornar-negre.gif);
}

button.btnEnviar{
	background-image:url(img/botons/enviar-negre.gif);
}
button.btnTancar{
	background-image:url(extranet/img/botons/tancar-negre.gif);
}

button.btnReiniciar{
	background-image:url(img/botons/reiniciar-negre.gif);
}
button.btnComprar{
	background-image:url(img/botons/compra-negre.gif);
}


form.flotant, form.flotantdreta{
	width:auto;
	float:left;
	padding-top:7px;
}

form.flotantdreta{
	float:right;
	text-align:right;
}

#VistaPrevia{
	position:absolute;
	top:200px;
	right:10px;

}
#VistaPrevia, #VistaPrevia img{
	width:400px;
	height:200px;


}

p a:link, a:link, a:visited{
	font-weight:bold;

}

.tipusModul{
	text-align:center;
}