/*////////////////////////////// CSS FILE ////////////////////////////////*/
img { border: none;}

/*/////// Page Layout ////////////////////////////*/
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-image:url(images/bckGround.png);
	background-repeat:repeat-x;
	a
}
#container{
	display:block;
	margin:auto;
	width:955px;
}

/*////// CAPÇALERA - HEADER //////////////////// */

#header{
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(images/backHeader.png);
	background-repeat:no-repeat;
	width:765px;
	height:160px;
	display:block;
}
#menuIdioma{
	float:left;
	width:190px;
	height:40px;
	margin-left:8px;
	margin-top:130px;
	display:block;
	text-align:center;
	/*text-decoration:none;*/
}

#menu_nou{
	float:left;
	width:20px;
	height:30px;
	display:block;
	text-align:center;
	padding-left:2px;
}
#espai{
	
	width:100px;
	height:5px;
	display:block;
	
	padding-left:2px;
}



 #menuIdioma .bckGris { color:#FFFFFF; background-color:#999999;}

 #menuIdioma a:link, #menuIdioma a:visited  { color:#999999; text-decoration:none; }
 #menuIdioma a:hover, #menuIdioma a:active { color:#D8000A; text-decoration:none; }

 

#portfolio-menu-esquerra{ float:left; width:120px; margin-top:2px; margin-left:24px; display:block; }
#portfolio-menu-mig{ float:left; width:155px; margin-top:2px; margin-left:-2px; display:block; }
#portfolio-menu-dret{ float:left; width:141px; margin-top:2px; margin-left:-2px; display:block; }
/*
#portfolio-menu-esquerra{ float:left; width:150px; margin-top:2px; margin-left:24px; display:block; }
#portfolio-menu-mig{ float:left; width:150px; margin-top:2px; margin-left:-2px; display:block; }
#portfolio-menu-dret{ float:left; width:150px; margin-top:2px; margin-left:-2px; display:block; }
*/
#portfolio-menu-esquerra ul, #portfolio-menu-mig ul, #portfolio-menu-dret ul {
	margin-bottom: 0px;
	padding-left:10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	list-style-type: none;
}
#portfolio-menu-esquerra li, #portfolio-menu-mig li, #portfolio-menu-dret li, #prova li{
	margin:0px;
	padding-left:px;
	
	padding:2px;
	color:#999999;
}

#portfolio-menu-esquerra li a, #portfolio-menu-mig li a, #portfolio-menu-dret li a {
	padding:0px;
	text-decoration:none;
	font-size:12px;
	color:#FFFFFF;
	/*background-image:url(bckBtn.png);*/
}
#portfolio-menu-esquerra li a:hover, #portfolio-menu-mig li a:hover, #portfolio-menu-dret li a:hover { font-weight:bold; color:#D8000A; }

#contactInfo {
	display: block;
	float: right;
	width: 120px;
	margin-bottom: 0px;
	margin-top: 5px;
	margin-right: 2px;
	margin-left: 0px;
	text-align:right;
	color: #999999;
	font-size:9px;
}
#contactar{
	text-align:center;
	margin-right:-24px;
	margin-top:16px; 
	font-size:14px;
	
}
#boto {
    width:70px;
	height:17px;
	background-image:url(images/gohome.png);
	
	
}
#boto a:link, #contactar a:visited  {	color:#FFFFFF; font-weight:bold; text-decoration:none; }

#contactar a:link, #contactar a:visited  {	color:#FFFFFF; font-weight:bold; text-decoration:none; }
#contactar a:hover, #contactar a:active  {	color:#000000; font-weight:bold; text-decoration:none; }


#minibanner{
	display:block;
	width:550px;
	height:60px;
	float:left;
	margin-top:4px;
	margin-bottom:0px;
	margin-left:8px;
	margin-right:0px;
	padding:0px;
}

h1{	
	font-size:24px;
	color:#D8000A;
	margin-left:16px;
	margin-right:0px;
	margin-top:8px;
	margin-bottom:0px;
}



/*/////////*/
#goHome2{
	display:block;
	float:left;
	width:172px; /* Total 190 */
	margin-left:8px;
	padding-right:8px;
	margin-top:24px;
}

#goHome2 a {
	padding:3px;
	text-decoration:none;
	font-size:11px;
	color:#000000;
}

#goHome2 a:hover { color:#DC0004; }

/*////// Columna Esquerra  ////////////////////// */

#colEsquerra{
	display:block;
	float:left;
	width:172px; /* Total 190 */
	margin-left:8px;
	padding-right:8px;
	margin-top:24px;
}
#colEsquerra ul {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	list-style-type: none;
}
#colEsquerra li {
	color:#e60104;
	margin-bottom:4px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:2px;
	background-image:url(images/bckMenu.png);
	padding-left:0px;
	padding-right:0px;
	background-repeat:no-repeat;
	background-position:bottom;
}
#colEsquerra li a {
	padding:3px;
	text-decoration:none;
	font-size:11px;
	color:#000000;
}

#colEsquerra li a:hover { color:#DC0004; }
#sub li {
	color:#e60104;
	margin-bottom:3px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:0px;
	
}

#colEsquerra ul {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	list-style-type: none;
}
#sub li a {
	padding:3px;
	text-decoration:none;
	font-size:9.5px;
	color:#000000;
}
#sub li a:hover { color:#DC0004; }

/* //////////////// FORMULARI GESTOR FTP ////////////////////////////*/
#gestorFTP { margin-top:15px; }
.t15 { font-size:15px; color:#D8000A; background-color:#FFFFFF; padding-right:4px;  }

input { margin-top:3px; font-size:10px; color:#C3C5C8; }
label { display:block; text-align:left; color:#C3C5C8; }
.submitFTP {
	font-size:12px;
	float:right;
	margin-right:0px;	
	color:#FFFFFF;
	border:0px;
	background-color:#D8000A;
} 
form { margin-top:2px; }
.goHome {
	font-size:12px;
	float:right;
	margin-right:0px;	
	color:#FFFFFF;
	border:0px;
	background-image:url(images/gohome.png);
}





/*////// Contingut /////////////////////////////*/
#content {
	display:block;
	float:left;
	width:550px;
	margin-left:20px;
	_margin-left:10px;
	margin-top:21px;
	margin-right:0px;
	margin-bottom:0px;
	
}
#content p { /*OJO que això falta per IEXPLORER*/ }
#content p a:link,  #content p a:visited  { color:#D8000A; text-decoration:none; }
#content p a:hover, #content p a:active  { color:#FFFFFF; text-decoration:none; background-color:#D8000A; }

.containerTitleContent{
	clear:both;
	width:inherit;
	overflow:hidden;

}


h2{	
	float:left;
	font-size:15px;
	font-weight:normal;
	color:#D8000A;
	background-color:#FFFFFF;
	padding-right:4px;
	clear:none;
	width:auto;
	margin: 0 auto;
}
h2 a:link, h2 a:visited { color:#D8000A; text-decoration:none; background-color:#FFFFFF; }
h2 a:hover, h2 a:active { color:#FFFFFF; text-decoration:none; background-color:#D8000A; }

.liniesV {
	float:left;
	width:100%;
	clear:both;
	margin-bottom:16px;
	background-image:url(images/liniesVermelles.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.noticia {
	display:block;
	float:left;
	margin-top:8px;
	margin-right:15px;
	width:126px; /* total 140*/	
}
.noticia a:link, .noticia a:visited { color:#D8000A; text-decoration:none; }
.noticia a:hover, .noticia a:active { color:#FFFFFF; text-decoration:none; background-color:#D8000A; }

.titleNoticia {
	margin-top:10px;
	margin-bottom:4px;
	font-size:12px;
	font-weight:bold;
}
.mesInfo {
	display:block;
	float:right;
	color:#c3c5c8;
	margin-top:16px;
}
.mesInfo2 {
	display:block;
	float:right;
	color:#c3c5c8;
	margin-top:0px;
}
.mesInfo a:link, .mesInfo a:visited { color:#D8000A; text-decoration:none; }
.mesInfo a:hover, .mesInfo a:active { color:#FFFFFF; text-decoration:none; background-color:#D8000A; }


#flashcontent { margin-top:8px; display:block; margin-left:0px; margin-bottom:0px; margin-right:0px; }
.vermell { color:#D8000A; }
.vermell a:link, .vermell a:visited { color:#D8000A; text-decoration:none; }
.vermell a:hover, .vermell a:active { color:#FFFFFF; text-decoration:none; background-color:#D8000A; }





/*////// Columna Dreta //////////////////////*/
#colDreta {
	display:block;
	float:right;
	width:190px;
	height:547px;
	background-image:url(images/backWIP.png);
	background-repeat:no-repeat;
}
#WIP {
	text-align:center;
	margin-top:20px;
	margin-left:-4px;
	font-size:15px;
	color:#D8000A;
}
#colDreta ul {
	margin-bottom:0px;
	margin-top:24px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	list-style-type:none;
}
#colDreta li {
	margin-bottom:5px;
	_margin-bottom:4px; /*nomes per ie 6.0 */
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding-top:4px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
}

#colDreta li a img {
	display:block;
	border:none;
	margin:auto;
}

/*////// Twitter ///////////////////////////*/
#factoria_twitter{
	float: left;
	margin-top: 48px;
	padding-left: 20px;
	margin-left: 20px;
}
.twitterTime{
	margin-left: 8px;
	color: #CCC;
}
#twitts_ant{
	text-align:right;
	padding-right: 8px;
}


/*////// Credits /////////////////////////////////////////////////////////////////////////////*/
#credits {
	display:block;
	float:left;
	margin-top:5px;
	width:100%;
	clear:both;
}
#credits p{
	color:#b5b4b4;
	text-align:center;
	margin-top:5px;
}
#credits p a:link, #credits p a:visited  { color:#b5b4b4; text-decoration:none; }
#credits p a:hover, #credits p a:active  { color:#FFFFFF; text-decoration:none; background-color:#b5b4b4; }




/* //// Formulari Contactar /////////////////////////////////////////////////////////////////*/
#formContacte{
	margin-left:16px;
}
#formContacte textarea { margin-top:0px; font-size:12px; color:#C3C5C8; font-family:Arial, Helvetica, sans-serif; }

#formContacte .boto {
	font-size:12px;
	margin-right:0px;	
	color:#FFFFFF;
	border:0px;
	background-color:#D8000A;
}


/* //// La factoria als mitjans de comunicació */
.mitja {
	display:block;
	float:left;
	width:550px;
}
.mitja img{ display:block; float:right; margin-top:16px; margin-bottom:12px; border:#a5a7aa solid 1px; }
.veureMitja{
	float:left;
	margin-top:78px;
	display:block;
	color:#c3c5c8;
}
.veureMitja a:link, .veureMitja a:visited { color:#D8000A; text-decoration:none; }
.veureMitja a:hover, .veureMitja a:active { color:#FFFFFF; text-decoration:none; background-color:#D8000A; }



/* //// Portfolio ////////////////////////////////////////////////////////////////////////////////// */
#descripcio{
	display:block;
	float:left;
	width:380px;
	margin-top:8px;
	font-size:12px;
}
#descripcio h3 { font-size:14px; margin-top:2px; }
#feines{
	display:block;
	float:right;
	width:130px;
	margin-top:24px;
}
.feina a img{
	margin-top:0px;
	margin-bottom:4px;
	width:130px;
	height:74px;
	border:0px;
}

.feina a:link, .feina a:visited { clear:both; width:130; color:#000000; text-decoration:none; font-size:12px; font-weight:bold; }
.feina a:hover, .feina a:active { clear:both; width:130; color:#D8000A; text-decoration:none; font-size:12px; font-weight:bold; }


.feina, .mesInfo{
	display:blo1ck;
	float:right;
	color:#c3c5c8;
	margin-top:0px;
	margin-bottom:8px;
}

/* /// Detall Feina //////////////////////////////////////////////////////////////////////////////// */

.imgDetallFeina{ margin-top:8px; margin-bottom:4px; margin-left:0px; margin-right:8px; float:left; }

.separador {
	width:inherit;
	height:9px;
	background-image:url(images/separador.gif);
	background-repeat:repeat-x;
	margin-bottom:4px; 
	margin-top:0px;
	padding:0px;
}

.t12 { font-size:12px; font-weight:bold; }
.t12 a:link, .t12 a:visited { color:#D8000A; text-decoration:none; }
.t12 a:hover, .t12 a:active { color:#FFFFFF; text-decoration:none; background-color:#D8000A; }


/*////// Tags /////////////////////////////////////////////////////////////////////////////*/
#tags {
	display:block;
	float:left;
	width:100%;
	height:150px;
	clear:both;
	background-image:url(images/tagsbackground2.jpg);
	background-repeat:repeat;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
}
#tags p {
	display:block;
	float:left;
	width:100%;
	clear:both;
}

#tags a{ 
clear:both; 
width:130; 
color:#666666; 
text-decoration:none; 
font-size:12px; 
font-weight:bold; 
margin-right:2px;
margin-left: 2px;
}

#tags a:hover{
	clear:both; 
	width:130;  
	text-decoration:none; 
	color:#FFFFFF; 
	background-color:#e54045;
}

/*////// Facebook /////////////////////////////////////////////////////////////////////////////*/
#facebook {
	display:block;
	float:left;
	clear:both;
	text-align:center;
	margin-top:0px;
	padding-left:0px;
	}
#flickr {
	display:block;
	float:left;
	clear:both;
	text-align:center;
	margin-top:0px;
	padding-left:0px;
	width:10px;
	height:10px;
	}
/*////// Tags /////////////////////////////////////////////////////////////////////////////*/
#tags3 {
	display:block;
	float:left;
	width:100%;
	clear:both;
	text-align:left;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	
}
#tags3 p { 
	display:block;
	float:left;
	width:100%;
	  
	clear:both;
	color:#666666; 
	text-decoration:none;
	font-size:10px; 
	font-weight:bold;
	margin-left:5px;
	margin-bottom:-0px;
	padding-top:0px;
	/*background-image:url(images/tagsbackground2.jpg);
	background-repeat:repeat;*/
}
#tags2 {
	float:left;
	width:100%;
	text-align:left;

	
}
#tags2 p { 
	width:100%;
	  
	
	color:#666666; 
	text-decoration:none;
	font-size:10px; 
	font-weight:bold;
	
	/*background-image:url(images/tagsbackground2.jpg);
	background-repeat:repeat;*/
}