@charset "utf-8";
@font-face {
	font-family: 'Puritan';
	src: url('../font/Puritan.ttf');	
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'bariol';
    src: url('../font/bariol_regular-webfont.eot');
    src: url('../font/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bariol_regular-webfont.woff') format('woff'),
         url('../font/bariol_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaBookBook';
    src: url('../font/futura-book.eot');
    src: url('../font/futura-book.eot') format('embedded-opentype'),
         url('../font/futura-book.woff') format('woff'),
         url('../font/futura-book.ttf') format('truetype'),
         url('../font/futura-book.svg#FuturaBookBook') format('svg');
}


/*@import url(http://fonts.googleapis.com/css?family=Puritan);

/* CSS Document */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'bariol';	
}
a{
	color:#a0a0a0;
	text-decoration:none;
}
img { 
	border:none;
}
#container{
	width:971px;
	height:auto;
	margin: 0 auto; 
	background-color:#000;
}

#wrapper {
	margin: 0 auto 0 auto;
	width:971px;
	min-height:600px;
	height:auto;
}


#footer {		
	clear:both;
	width:975px;
	height: 458px;  
	background-image:	url('../images/pf/peu.png');
	background-repeat:no-repeat;
	z-index: 501;
	position: relative;
	margin-top:-50px;	 	
}
#footerMida {
	clear:both;
	min-width:975px;
	min-height:229px;
	backgorund-color:#0F0;
	display:block;
}

#content {
	position:absolute;	
	top:169px;	
	overflow: hidden;
	width:1004px;
}
a:hover{
	/*color:#a0a0a0;*/
	color:#FF0000;
	text-decoration: underline;/
	cursor:pointer;
}

a{
	color:#707070;
	text-decoration:none;
	cursor:pointer;
}
.selected a {
	color:#FF0000;
}

.selected {
	color:#FF0000;
}
/*********************HEADER////////////////////////////////////////*/

.ratllaHeaderSuperior{
	background-image: url("../images/pf/liniaHeaderSuperior.png");
    background-repeat: no-repeat;
    margin-left: 200px;
    margin-top: 66px;
    min-height: 4px;
    min-width: 507px;
    position: absolute;
	z-index:150;
}
.ratllaHeaderInferior{
	background-image:	url('../images/pf/liniaHeaderInferior.png');
	background-repeat:no-repeat;
	min-width:907px;
	min-height:4px;
	margin-top:10px;
	margin-left:27px;
	clear:both;	
}
.emailHeader{
	font-size:11px;
	color:#E30613;
	margin-left:90px;
	position:absolute;
	margin-top:-42px;
}
.emailHeader a{color:#E30613;}
.telfHeader{
	font-size:11px;   
	color:#666666;
	margin-left:30px;
		
}
.dirHeader{
	font-size:11px;
	color:#666666;
	margin-left:330px; cursor:pointer;
		
}
.langHeader{
	font-size:11px;
	color:#666666;
	margin-left:800px;
	margin-top:-95px;
	position:absolute;
}

.telfHeader{
	margin-left:20px;
}
.emailIco{
	
}
.separaHeader{
	font-size:12px;
	color:#FF0000;
	width:3px;float:left;
	margin-left:2px;
	margin-top:15px	
}

.titolHeader{
	background-image:	url('../images/pf/factoria-interactiva.png');
	background-repeat:no-repeat;
	min-width:233px;
	width:521px;
	height:121px;
	float:left;
	margin-left:220px;
	
}
.h1Principal{
	font-size:16px;
	color:#E30613;
	margin-left:380px;
	margin-top:-13px;
    font-family: 'FuturaBookBook';
	letter-spacing:9px;
	display:block;
	font-weight: 100;
	width:200px;
}

.liniaInteractiva{
	background-color:#FFF;
	background-image:	url('../images/pf/linia-interactiva.png');
	background-repeat:no-repeat;
	width:974px;
	height:23px;
	padding-left:13px;
	clear:both;
	display:block;
	margin-top:7px;
	background-position:center bottom;
	
}
#tampo{
	background-image:	url('../images/pf/Segell.png');
	background-repeat:no-repeat;
	min-width:88px;
	min-height:88px;
	position:absolute;
	margin-left:220px;
	margin-top:-10px;
}
.menuSuperior{
	width:900px;
	text-align:center;
	margin-left:20px;
}
.menuSuperior a{
	font-size:13px;
	u
}
.separaMenu{
	color:#999999;
	letter-spacing:2px;
	font-weight:bold;
	font-size:14px;
	width:10px;
}
.enllasosFooter{
	width:970px;
	margin-left:43px;
}
.caixaFooter,.caixaFooterUltima{
	width:150px;
	margin-left:25px;
	float:left;
	margin-top:42px;
	max-height:200px;
	line-height:15px;	 
}

.titolCaixaFooter,.titolCaixaFooterXarxes,.contenCaixaFooter,.contenCaixaFooter a{
	font-size:12px; 
	
	color:#ffffff;
	

}
.titolCaixaFooter,.titolCaixaFooterXarxes{
font-weight:bold;
}
.titolCaixaFooterXarxes{
	margin-left:36px;
}
.contenCaixaFooter{
	margin-top:-7px;
}
.contenCaixaFooter p{
	text-height:0px;
	height:5px;
}
.mark{
	margin-left:-2px;
	margin-top:-1px;
	float:left;
	background-image:	url('../images/mark.png');
	background-repeat:no-repeat;
	min-height:18px;
	max-height:18px;
	min-width:11px;
	cursor:pointer;
	max-width:11px;
}
.mark:hover{

	
	background-image:	url('../images/mark2.png');
}
.logoFactoriaFooter{
	background-image:	url('../images/pf/logoFactoria.png');
	background-repeat:no-repeat;
	min-width:144px;
	min-height:70px;
	position:absolute;
	margin-left:760px;
	margin-top:105px;
}
.ombraMenu {		
	min-width:900px;
	min-height:10px;
	margin-left:27px;
	
	background-color:#FFF;	
	background-repeat:no-repeat;
}

.fum{
	margin-left: 590px;
    margin-top: 260px;
    min-height: 100px;
    min-width: 20px;
	position:absolute;
	z-index:99999;

}
.xarxesPeu{
  min-width:600px;
  min-height:150px;
  margin-left:-15px;
  clear:both;
  margin-top:-2px;

}
.contentXarxa{
	font-size:11px;
	 color:#FFF;
	 cursor:pointer;
	 margin-top:2px;
}
.xarxa{
 float:left;
 width:175px;
 margin-top:-2px;
}
#twitterConten{
	font-size:11px; 
	color:#ffffff;
	margin-left:8px;

}
#twitterConten li{
	list-style:none;
}

/*************INDEX********************/
.h2Home {
	float:left;
	font-size:37px;
	color:#9E005D;
	margin:0;
	font-weight:100;

	
}
.homeNoticia{
	width:288px;
	height:454px; 
	background-color:#E6E6E6;
	float: left;
	margin-right: 18px;
	
}

.homeNoticia img{
	width:288px;
}

.textNoti{
padding-left:23px;width:250px;height:202px; padding-top:0px;color:#666666; font-size:12px;

}
.makerPfCentral{	
	background-image:	url('../images/pf/makerpf.png');
	background-repeat:no-repeat;
	min-width:751px;
	min-height:125px;
	margin-top:20px;
	margin-left:95px;	
}
.marqueeDiv{		
	width:900px;
	margin-left:27px;			
}
.inMarquee{
	font-size:54px; height:60px; margin-top:-20px;
	color: #B3B3B3;
}
#buttonLeft{
	background-image:	url('../images/pf/left.png');
	background-repeat:no-repeat;
	min-width:19px;
	min-height:23px;
	position:absolute;
	margin-top:117px;
	margin-left:00px;
}
#buttonLeft:hover{
	background-image:	url('../images/pf/leftRoll.png');
}
#buttonRight{
	background-image:	url('../images/pf/right.png');
	background-repeat:no-repeat;
	width:19px;
	height:23px;
	position:absolute;
	margin-top:117px;
	margin-left:950px;
}
#buttonRight:hover{
	background-image:	url('../images/pf/rightRoll.png');
}

.homeWorkingIn {
	font-size:37px;
	color:	#9E005D;
	width:940px;
	margin-left: 40px;	
	margin-top:-15px;
	font-weight:normal;
   margin-bottom:0px;
}


#twitter_update_list{
	margin-top: -60px;
	margin-left: 20px;
	line-height:10px;
	z-index:501; position:relative;
}

#twitter_update_list li{
	display:inline-block;
	width:250px;
	font-size:9.87px;
	line-height:11px;
	color:#ffffff; 
	list-style:none;
	vertical-align:text-top;
	
}
#twitter_update_list li a{
	color:#ffffff;
}

.tuit1{

}
.tuit2{
	margin-left: 55px;
	
}
.tuit3{
	margin-left: 60px;
	
}

.newsPack{
	margin-left: 37px;margin-top: 5px;

}


.header1Minute{
	background-image:	url('../images/pf/etiquetaApartat.png');
	background-repeat:no-repeat;
	width:969px;
	height:59px;
	margin-top:10px;
}

.titleHeader1{
	color: #FFFFFF;
    font-size: 21px;
    height: 30px;
    margin-left: 45px;
    padding-top: 15px;
    width: 650px;
}
.titleHeader2{
	color: #FFFFFF;
    font-size: 21px;
    height: 30px;
    margin-left: 45px;
    padding-top: 23px;
    width: 650px;
}
.titleHeader3{
	color: #FFFFFF;
    font-size: 21px;
    height: 30px;
    margin-left: 45px;
    padding-top: 17px;
    width: 300px;
	
	
	
}
.titleHeader4{
	color: #FFFFFF;
    font-size: 21px;
    height: 30px;
    margin-left: 520px;
   	padding-top: 15px;
    width: 300px;
	margin-top:-43px;
	position:absolute;
	
	
}
.titleHeader5{
	color: #FFFFFF;
    font-size: 21px;
    height: 30px;
    margin-left: 45px;
    width: 300px;
	margin-top:10px;
	position:absolute;
}


.appsHomeContent{
	background-image:	url('../images/pf/bgApps.png');
	background-repeat:no-repeat;
	width:515px;
	height:249px;
	float:left;
	margin-left:-28px;
	margin-top:-26px;
	position:relative;
	z-index:501;
}
.authoringHomeContent{
	background-color:#F2F2F2;
	width:433px;
	height:220px;
	float:left;
	font-size:12px;
	margin-left:18px;
	margin-top:-26px;

}
.descriptionAuthoring{
	width:210px;
	padding-left:15px;
	line-height:15px;
	color:#666666;
	padding-top:5px;
	font-size:12px;
	font-weight:normal;
}

.title1minute{
	color: #FFFFFF;
    font-size: 21px;
    height: 30px;
    margin-left: 45px;
    padding-top: 15px;
    width: 500px;
}
.imgText1Minute{
	margin-left:30px;
	margin-top:20px;
}
.img1Minute{
	width:595px;
	height:350px;
	overflow:hidden;
	float:left;
}

.text1Minute{
	float:left;
	margin-left:36px;
	width:270px;
	margin-top:-20px;
}
.text1MinuteSuperior{
	font-size:23px;
	color:#E30613;
}
.text1MinuteInferior{
	font-size:12px;
	color:#B3B3B3;
}
.ratllaSepara1Minute{
	background-image:	url('../images/pf/liniaHeaderInferior.png');
	background-repeat:no-repeat;
	min-width:270px;
	min-height:4px;
	margin-top:15px;
}

.buttonPlay{
	background-image:	url('../images/pf/play.png');
	background-repeat:no-repeat;
	min-width:52px;
	min-height:59px;
	position:absolute;
	z-index:2;
	margin-left:270px;
	margin-top:150px;
}



.titleMore{
	width:300px;
	height:30px;
	color:#999999;
	font-size:18px;
	margin-left:30px;
	padding-top:10px;
	
}
.divVideosMore{
	margin-left:23px;
}
.divMore{
	
	width:288px;
	
	float:left;
	margin-left:14px;
}
.fonsTitle{
  height:120px;
  background-color:#F2F2F2;
}
.titleDivMore{
	height:82px;
	font-size:20px;
	color:#666666;
	margin-left:30px;
	padding-top:20px;
	width:150px;
	
}
.imatgeDivMore{
	height:120px;
	width:288px;
	overflow:hidden;
}

.buttonPlayPetit{
	background-image:	url('../images/pf/playPetit.png');
	background-repeat:no-repeat;
	min-width:62px;
	min-height:56px;
	position:absolute;
	z-index:2;
	margin-left:110px;
	margin-top:40px;
}
.appsContentIn{
	width:240px;
	height:230px;
	margin-top:7px;
	margin-left:242px;
display: table
}
.miniApp{
	width:120px;
	height:60px;
	float:left; 
	margin-top:8px;
	display:block;
	
}
.imgMiniApp{
	float:left;
	width:60px;	
	display:block;	
}
.titolMiniApp{
	margin-left:5px;
	float:left;
	width:55px;	
	height:60px;
	color:#666666;
	display:block;
	font-size:15px;
}



/*********************** MORE ABOUT*******************/
.divContentMore{
	width:900px;
	margin-left:20px;
}

.oneVideo{
	width:270px;
	float:left;
	margin-left:30px;
	margin-top:20px;
}
.IMGDivMore{
	height:132px;
	width:270px;
	overflow:hidden;
}
.titleVideo{
	margin-top:30px;
	font-size:16px;
	color:#000;
}
.textVideo{
	color:#666666;
	font-size:12px;
	text-align:left;
}
.buttonPlayVideo{
	background-image:	url('../images/pf/playPetit.png');
	background-repeat:no-repeat;
	min-width:62px;
	min-height:56px;
	position:absolute;
	z-index:2;
	margin-left:105px;
	margin-top:40px;
}

/*********************** PLANTILLA BASE*******************/

.baseContent{
	font-size:12px;
	color:#666666;
	margin-left:25px;
	width:900px;    
}

.baseContent .left{
	margin-left: 55px;
	width:815px;
	
}
.left{
	margin-left: 15px;
}
.baseContent  .right{
	float:right;
	width:258px;
}

.baseContent .right img{
	float:right;
}
.separaImatge{
	border:dashed #808080; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:0;padding:0;
    width:230px; float:right;
}

/*********************** PLANTILLA Contingut*******************/

.divCentre{
	font-size:12px;
	color:#666666;
	margin-left:15px;
	width:580px;
	float:left;
}
.divDreta{
	font-size:12px;
	color:#666666;
	margin-left:35px;
	width:270px;
	float:left;
}

/*********************** PLANTILLES GENERAL *********************/
.titolExtensions{
	font-size:14px;
	color:#000;
}

/**********************FORMS***************************************/
.inputForm,.f_textarea{
	border-left:none;
	border-top: 2px dotted #CCCCCC;
	border-bottom: 2px dotted #CCCCCC;
	background-color:#F0F0F0;
	width:400px;
	margin-left:-40px;
	margin-bottom:13px;
}
.f_textarea{
	height:100px;
}

.send{
	background-color:#FFF;
	color:#FF0000;
	border:none;
	margin-left:-40px; cursor:pointer;
}
.send:hover{
	border: 2px dotted #CCCCCC;
}
.barraHoritzontal{
	border:dashed #808080; 
	border-width:1px 0 0 0; 
	height:0;line-height:0px;
	font-size:0;
	margin:0;
	padding:0; 
	margin-bottom:-15px;
}



.fixed1{
	position:fixed;
	top: 220px;
}

.fixed2{
	position:fixed;
	top: 270px;
}

.fixed3{
	position:fixed;
	top: 280px;
}

/******************* APPS****************************/
.destacatApp{
	margin-left:33px;
	margin-top:-15px;
	width:908px;
	height:300px;
	overflow:hidden;
 
}

.appView{
	float:left;
	margin-left:33px;
	margin-top:0px;
	display:none;
	margin-bottom:25px;
	color:#999999;
	
	

}
.appView2{
	float:left;
	margin-left:37px;
	margin-top:20px;

	

}
.imageApp{
	width:432px;
	height:170px;
	overflow:hidden;

}
.imgEfecteApp{
	background-image:	url('../images/efecteImgApp.png');
	background-repeat:no-repeat;
	min-width:432px;
	min-height:11px;
	position:absolute;
	margin-top:-11px;

}
.imgEfecteApp2{
	background-image:	url('../images/efecteImgApp2.png');
	background-repeat:no-repeat;
	min-width:432px;
	min-height:11px;
	position:absolute;
	margin-top:-11px;

}
.icoApps{
	width:90px;
	float:left;
	margin-top:7px;
	
}
.textApp{
	width:315px;
	margin-left:15px;
	float:left;

}
.titolApp{
	color:#000;
	font-size:29px;
	margin-top:5px;
}
.contingutApp{
	font-size:12px;
	margin-top:-10px;
}
.appMaker{
	float:left;
	width:90px;
	margin-left:25px;
	margin-top:10px;

}
.titleAppMaker{
	font-size:16px;
	color:#000;
}
.contingutAppMaker{
	font-size:12px;
	color:#000;
}


/*******PLANETFACTORY******/
.MenuPlanet{
	margin-top:10px;
	font-size:16px;
	color:#999999;

}
.MenuPlanet a{
	font-size:16px;
	color:#999999;

}
.MenuPlanet a:hover{
	color:#FFF;

}

/******PROJECT+****/
.h1project {
	font-weight: normal;
	display:block;
	font-size:20px;
	position:absolute;
	margin-left:75px;
	margin-top:-0px;

}
.h2project {
	font-weight: normal;
	display:block;
	font-size:20px;
	position:absolute;
	margin-left:85px;
	margin-top:-23px;

}
.h3project {
	font-weight: normal;
	
	font-size:13px;
	
	

}





/****************************IDIOMA********************************7	 
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
/***********************************.menu_idioma, .menu_idioma ul {list-style-type:none;  margin:0;  padding-top:5px; width:60px; height:30px;  background:url(../images/langFons.png) no-repeat;  margin-right:1px; margin-left:882px; position:absolute; z-index:100; }
*/
.menu_idioma, .menu_idioma ul {list-style-type:none;  list-style: none; margin:0;  padding-top:5px; width:60px; height:30px;   no-repeat;  float:right; margin-right:70px; z-index:100;  -webkit-box-shadow: 2px 2px 5px 2px #999999;
box-shadow: 2px 2px 5px 2px #999999; -webkit-border-radius: 5px;
border-radius: 5px }  

/* Set up the top level list items and float left to place inline */
.menu_idioma li.top {display:block; float:right; position:relative; z-index:-5; list-style-type:none; list-style: none; height:25px; width:100px;} 

/* Style and position the table so it takes no part in the menu_idioma function. The font size is necessary for IE5.5 */
.menu_idioma table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu_idioma li.top a.top_link {display:block; float:right; height:35px; }
.menu_idioma li.top a span {position:absolute; left:-9999px; top:0; z-index:-5; font-size:10px;} /* move the link text off screen */
  
/* pre-load the hover images into the lists */

.menu_idioma li.top p2 {width:88px; margin-left:5px;color:#FFF;}
 
.top p2{ background-color:#0F0; width:88px; margin-left:0px;}
/* set up the normal unhovered images in the links */


/* Style the list OR link hover. Depends on which browser is used */
.menu_idioma a:hover {visibility:visible;} /* for IE6 */
.menu_idioma li:hover { position:relative; z-index:200;} /* for IE7 */ 


/* keep the 'next' level invisible by placing it off screen. */
.menu_idioma ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; list-style-type:none; list-style: none; -webkit-box-shadow: 2px 2px 5px 2px #999999;
box-shadow: 2px 2px 5px 2px #999999; -webkit-border-radius: 5px;
border-radius: 5px}
.menu_idioma ul.sub { width:50px; margin-left:-4px; margin}
.menu_idioma ul.sub  li{width:50px; list-style: none;  height:20px;}
/* set up the first drop down sub level */
.menu_idioma :hover ul.sub {left:0px; top:10px; background: #FFF;    width:44px; height:auto; }
.menu_idioma :hover ul.sub li {margin-left:-30px;  }

.limenu{
	margin-left:-40px; height:17px; width:80px; margin-top:-8px; padding-top:2px;  font-size:13px; list-style:none; -webkit-box-shadow: 2px 2px 5px 2px #999999;
box-shadow: 1px 1px 2px 1px #999999;  -webkit-border-radius: 5px;
border-radius: 5px; 

}

.lang{ font-size:12px; padding-left:4px; margin-top:3px;}	 

.both{
	clear:both; min-height:1px; min-width:1px;
}


/*****HOMEEE CALAIXOS**/
 .my-wrapper {
		background-color:#ffffff;	
	}
	
	.stic{
		margin-top:0px;
	}
	

    #sticker {
      background: #bada55;
      color: white;
      width: 300px;
      font-family: Droid Sans;
      font-size: 40px;
      line-height: 1.6em;
      font-weight: bold;
      text-align: center;
      padding: 20px;
      margin: 0 auto;
      text-shadow: 0 1px 1px rgba(0,0,0,.2);
      border-radius: 50px;
    }

    .sticky #sticker {
      background: orange;
      margin-left: auto;
      margin-right: auto;
    }