/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0;
	padding:0;
}

#flashcontent {
	width:480px;
	height: 680px;
}

#vermenosfoto1, #vermenosfoto2, #vermenosfoto3, #vermenosfoto4, #vermenosfoto5{
	height:auto;
	display:none;
}

#vermasfoto1, #vermasfoto2, #vermasfoto3, #vermasfoto4, #vermasfoto5{
	overflow:hidden;
	height:145px;
	display:block;
}

h1{	font-size:16px;}
h2{	font-size:14px;}
h3{	font-size:12px;}
h4{	font-size:10px;}

h2, h4.verd{
	margin-bottom:0;
	padding-bottom:0;
}

#Intro{
	position:relative;
	width:780px;
	top:0px;
	left:0;
	background-image:url(contingut/1/rollito.jpg);
	background-repeat:no-repeat;
	height:535px;
}

#contenedor{
	position:relative;
	width:800px;
	top:0px;
	margin: 0 auto;
}

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

#idioma{
	position:relative;
	top:0;
	left:600px;
	width:200px;
	height:30px;
/*	background-image:url(img/fons-idioma.gif);
	background-position: top left;
	background-repeat:no-repeat;
*/
	padding-right:0px;
	padding-top:5px;
	font-size:10px;
	text-align:right;
	text-transform:uppercase;
}

#infocontacto{
	position:relative;
	top:0;
	left:0;
	margin:0 auto;
	width:790px;
	height:95px;
	font-size:10px;
	text-align:left;
	background-image:url(img/cap.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:5px;

}

#subidioma{
	position:relative;
	top:0;
	left:0;
	font-size:10px;
	text-align:right;
}

/* LINK */
a:link, a:visited{	text-decoration:none;}

a:hover{	text-decoration:underline;}

#idioma a:link, #idioma a:visited{
	text-decoration:none;
}

#submenu{
	text-align:center;
	width:780px;
	padding-top:30px;
	padding-bottom:10px;
	border-bottom:1px dotted;
	border-top:1px dotted;
	text-transform:uppercase;
	font-size:9px;
}

#submenu a:link, #submenu a:visited{
	color:#002c76;
	text-decoration:none;
	padding:3px;
}

#submenu a:hover{
	background-color:#FF6600;
	color:#FFFFFF;
}

/* Menu principal */
#MenuPpal li, #subidioma li{ 
	list-style-type:none;
}

#MenuPpal a{
	display:block;
	text-decoration:none;
	width:150px;
	border-bottom: 1px solid;
}

.textboto{
	font-size:10px;
	padding:8px;
	text-transform:uppercase;
}

/* ALTRES */
#fitxa{	width:540px;}

a img{	border:0;}

.perfilcolor2{
	border:1px solid;
}

#ruta{
	position:relative;
	top:0px;
	left:0px;
	height: 15px;
	padding-top:5px;
}

p{	line-height:16px;}

#pestanyes{	padding-bottom:30px;}

#MenuPpal ul{
	padding:0;
	margin:0;
}

/* TAULES  */
td, th{	padding:3px;}

/* FORMULARIS */
#formcontacte, #formcomanda{	
	position:relative;
	top:0;
	left:0;
}

#FormulariComanda th{	text-align:right;}

input.text{
	border:1px solid #666666;
	background-color:#FF6600;
}

#final{
	padding-top:20px;
	padding-bottom:5px;
	text-align:center;
}

.distribuidor{
	margin-bottom:5px;
}


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

.fila{ clear: both;}

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


/* AMPLES ESPECIALS */

.ampleMenu{	width:180px;}
.ampleTotal, #final{ width:800px;}

/* AMPLES i MARGES  COLUMNES DE CONTINGUT*/
.ampleC1, .minicelda{	width:150px;}
.ampleC2{	width:300px;}
.ampleC3{	width:450px;}
.ampleC4{	width:610px; overflow:hidden;}

.margeC1, .bordeC1, .minifoto{	width:140px;}
.margeC2, .bordeC2{	width:290px;}
.margeC3, .bordeC3{	width:440px;}
.margeC4, .bordeC4{	width:590px;}

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

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

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

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

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

.verdinf{
	border-bottom:1px dotted;
}

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

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

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

.bloque{
	border: 1px dotted #FF9900;
	border-collapse:collapse;
}

.resaltado{
	background-color:#FFFFCC;
	padding:3px;
	margin:2px;
	border:1px solid #FFCC33;
}

#buscador{
	position:absolute;
	top:40px;
	width:240px;
	left:50%;
	margin-left:98px;
	border:1px dotted #CCCCCC;
	padding:5px;
	text-align:right;
}

#buscador input.camp, input.perfil, textarea.perfil{
	border: 1px solid #999;
}

#migas{
	padding:3px;
	color:#999999;
	margin-bottom:10px;
	font-size:10px;
	font-weight:bold;
}


/* FORMULARIS */
input.entrada{
	border:1px solid #CCC;
	margin:3px;
}

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


/* 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 */
.nivell2{
	margin-left:5px;
}

.nivell3{
	margin-left:10px;
}

/* COLOR */
.color0, .blanc,
#infocontacto p,
#infocontacto a:hover,
#MenuPpal li.producteselect a,
#MenuPpal li.select a,
#MenuPpal li.producte a,
#MenuPpal li a:hover,
#MenuPpal li.producte a:hover{
	color:#FFFFFF;
}

.color1, 
#infocontacto a:link,
#infocontacto a:visited,
#ruta a:link,
#ruta a:visited,
h1,
.verd{

	color:#FF6600;
}
.color2, 
.blau, h2, a:link, 
.textInici,
a:visited{	color:#002c76;}
.color3, .grisfosc, .gris, h3, h4{	color:#333333;}
.color4, .grisclar{	color:#999;}

#ruta a:hover
{
	color:#002C76;
}

#infocontacto a:hover{
	text-decoration:underline;
}

/* FONS COLORS */

#MenuPpal li a{
	background-color:#FFFFFF;
}

.fonsverd, 
.fonscolor1, 
.colth, 
#subidioma a:link, 
#subidioma a:visited 
{
	background-color:#FF6600;
}

.fonscolor2, .fonsblau,
#MenuPpal li.select a,  
#MenuPpal li.producteselect a,  
#MenuPpal li a:hover, 
#MenuPpal li.producte a:hover
{

	background-color:#002C76;
}

.fonscolor3, .fonsgris, #MenuPpal li.producte a{
	background-color:#999999;
}

#MenuImg{
	border-bottom:5px solid;
}


/* PERFIL DE COLOR*/

.perfilcolor1, 
.perfilverd, 
#MenuImg,
.marcvideo, .minifoto, .verdinf{	border-color:#FF6600;}

.perfilcolor2, 
#MenuPpal li,
.imatgeMenu,
.perfilblau, #submenu
{
	border-color:#002c76;
}
.perfilcolor3, .perfilgrisfosc{	border-color:#333;}
.perfilcolor4, .perfilgrisclar{	border-color:#999;}
.perfilcolor5, .perfilgrismig, .filtro, .imagencurso{ border-color:#999999;}

.obligatorio{
	border:1px solid #990000;
	border-left:2px solid #990000;
}


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

#MenuExtranet{
	background-color:#fff;
	border-bottom:1px dotted #333333;
}

#MetaTags{
	background-color:#CCCCCC;
}

h1{
	text-transform:uppercase;
}

.textInici{
	position:absolute;
	top:400px;
	left:400px;
	width:350px;
	height:auto;
	text-transform:uppercase;

}