/* elements generals */

#franjaTaronja{
	background:#fa6914;
	width:780px;
	height:200px;
}

#ibatmediaFonsBeix{
	background:url(../img/ibatmediaFonsBeix.jpg);
	width:111px;
	height:18px;
	margin:auto;	
}

#ibatmediaFonsBlanc{
	background:url(../img/ibatmediaFonsBlanc.jpg);
	width:111px;
	height:18px;
	margin:auto;	
}

#logoGran{
	background:url(../img/icoLogo.jpg);
	width:81px;
	height:76px;	
	float:right;	
}

#menu{
	background:#f7f4f2;
	width:151px;
	height:150px;
	float:left;
	position:relative;
	top:-25%;
	left:76%;		
}

/* menu */

#menu span{
	margin-right:3px;
}

#separadorTaronja{
	width:128px; 
	height:1px; 
	margin:2px auto; 
	font-size:0px; 
	background:#fa6914;
}



/* preu */
/*
#preu{
	background:url(../img/preu.gif);
	width:140px;
	height:112px;	
	font-weight:bold;
	color:white;		
	float:left;	
	position:relative;	
	top:55%;
	left:2.5%;
	top:55%;
	left:-17%;	
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
*/
#preu{
	background:url(../img/preu.gif);	
	width:138px;
	height:112px;
	color:white;
	font-weight:bold;		
	text-align:center;
	margin-bottom:-66px;		
	position:relative;	
	top:-80px;
	left:20px;	
}

#preu .preuGran{
	padding:2px;
	width:93%;
	padding-top:4px;
	text-align:right; 
	font-size:36px;
	font-family:sans-serif;
	font-size:56pt; 	
	line-height:80px;	
	margin:0 auto;			
}

#preu .mesGran { 
	font-size:12px;	 
	line-height:10px; 
	height:10px;		
}

/* peu de pągina */

#peu{
	text-align:center;
	margin:auto;
	width:387px;
	font-size:9px;	
}

#peu a{
	text-decoration:none;
	color:black;
}

#peu a:hover{
	color:#fa6914;
}

a.ejemplo{
	text-decoration:none;
	color:black;
}

a.ejemplo:hover{
	color:#fa6914;
}


						/*************** butons *****************/
						
						


								/* butó taronja */

#butoTaronja{	
	text-align:right;
	cursor:pointer;
	height:15px;
	color:white;
	margin:auto;
}

#butoTaronja #butoTaronjaEsquer{
	background:url(../img/botoTaronjaEsquer.jpg) no-repeat top left;
	width:10px;
	height:15px;
	float:left;
}

#butoTaronja #butoTaronjaDret{
	background:url(../img/botoTaronjaDret.jpg) no-repeat top left;
	width:7px;
	height:15px;
	float:left;
}

#butoTaronja #nomButo{
	background:url(../img/butoTaronjaMig.jpg) repeat-x;	
	height:15px;
	line-height:15px;
	float:left;
}


								/* butó taronja */

#bTaronja{	
	text-align:right;
	cursor:pointer;
	height:15px;
	color:white;
	margin:auto;
}

#bTaronja #bTaronjaLeft{
	background:url(../img/botoTaronjaEsquer.jpg) no-repeat top left;
	width:10px;
	height:15px;
	float:left;
}

#bTaronja #bTaronjaRight{
	background:url(../img/botoTaronjaDret.jpg) no-repeat top left;
	width:7px;
	height:15px;
	float:left;
}

#bTaronja #nomButo{
	background:url(../img/butoTaronjaMig.jpg) repeat-x;	
	height:15px;
	line-height:15px;
	float:left;
}



								/* butó taronja taronja */

#butoTaronjaTaronja{	
	text-align:right;
	cursor:pointer;
	height:15px;
	color:white;
	margin:auto;
}

#butoTaronjaTaronja #butoTaronjaTaronjaEsquer{
	background:url(../img/bTaronjaTaronjaLeft.jpg) no-repeat top left;
	width:6px;
	height:15px;
	float:left;
}

#butoTaronjaTaronja #butoTaronjaTaronjaDret{
	background:url(../img/bTaronjaTaronjaRight.jpg) no-repeat top left;
	width:8px;
	height:15px;
	float:left;
}

#butoTaronjaTaronja #nomButo{
	background:url(../img/bTaronjaTaronjaCenter.jpg) repeat-x;	
	height:15px;
	/*line-height:15px;*/
	float:left;
}




								/* butó taronja taronja */

#bTaronjaTaronja{	
	text-align:right;
	cursor:pointer;
	height:15px;
	color:white;
	margin:auto;
}

#bTaronjaTaronja #bTaronjaTaronjaLeft{
	background:url(../img/bTaronjaTaronjaLeft.jpg) no-repeat top left;
	width:6px;
	height:15px;
	float:left;
}

#bTaronjaTaronja #bTaronjaTaronjaRight{
	background:url(../img/bTaronjaTaronjaRight.jpg) no-repeat top left;
	width:8px;
	height:15px;
	float:left;
}

#bTaronjaTaronja #nomButo{
	background:url(../img/bTaronjaTaronjaCenter.jpg) repeat-x;	
	height:15px;
	/*line-height:15px;*/
	float:left;
}







								/* butó taronja gris */

#butoTaronjaGris{	
	text-align:right;
	cursor:pointer;
	height:15px;
	color:white;
	margin:auto;
}

#butoTaronjaGris #butoTaronjaGrisEsquer{
	background:url(../img/butoTaronjaGrisEsquer.jpg) no-repeat top left;
	width:6px;
	height:15px;
	float:left;
}

#butoTaronjaGris #butoTaronjaGrisDret{
	background:url(../img/butoTaronjaGrisDret.jpg) no-repeat top left;
	width:8px;
	height:15px;
	float:left;
}

#butoTaronjaGris #nomButo{
	background:url(../img/butoTaronjaGrisMig.jpg) repeat-x;	
	height:15px;
	line-height:15px;
	float:left;
}


								/* buto gris clar petit */

#butonetGris{	
	text-align:right;
	font-size:9px;
	cursor:pointer;
	height:13px;
	color:white;
	margin:auto;
}

#butonetGris #butonetGrisEsquer{
	background:url(../img/botonetGrisEsquer.jpg) no-repeat top left;
	width:6px;
	height:13px;
	float:left;
}

#butonetGris #butonetGrisDret{
	background:url(../img/botonetGrisDret.jpg) no-repeat top left;
	width:5px;
	height:13px;
	float:left;
}

#butonetGris #nomButo{
	background:url(../img/botonetGrisMig.jpg) repeat-x;	
	height:13px;
	float:left;
}

								/* buto gris clar */

#butoGris{	
	text-align:right;
	font-size:9px;
	cursor:pointer;
	height:15px;
	color:white;
	margin:auto;
}

#butoGris #butoGrisEsquer{
	background:url(../img/botoGrisEsquer.jpg) no-repeat top left;
	width:6px;
	height:15px;
	float:left;
}

#butoGris #butoGrisDret{
	background:url(../img/botoGrisDret.jpg) no-repeat top left;
	width:5px;
	height:15px;
	float:left;
}

#butoGris #nomButo{
	background:url(../img/botoGrisMig.jpg) repeat-x;	
	height:15px;
	float:left;
}

								/* buto negre */

#butoNegre{	
	text-align:right;
	cursor:pointer;
	width:127px;	
	height:16px;
	color:white;
	margin:auto;
}

#butoNegre #butoNegreEsquer{
	background:url(../img/botoNegreEsquer.jpg) no-repeat top left;
	width:9px;
	height:16px;
	float:left;
}

#butoNegre #butoNegreDret{
	background:url(../img/botoNegreDret.jpg) no-repeat top left;
	width:8px;
	height:16px;
	float:left;
}

#butoNegre #nomButo{
	background:url(../img/botoNegreMig.jpg) repeat-x;	
	height:16px;
	line-height:16px;
	float:left;
}


								/* buto negre */

#bNegre{	
	text-align:right;
	cursor:pointer;
	width:127px;	
	height:16px;
	color:white;
	margin:auto;
}

#bNegre #bNegreLeft{
	background:url(../img/bNegreLeft.jpg) no-repeat top left;
	width:10px;
	height:16px;
	float:left;
}

#bNegre #bNegreRight{
	background:url(../img/bNegreRight.jpg) no-repeat top left;
	width:10px;
	height:16px;
	float:left;
}

#bNegre #nomButo{
	background:url(../img/bNegreCenter.jpg) repeat-x;	
	height:16px;
	line-height:16px;
	float:left;
}




								/* buto blau */

#bBlau{	
	text-align:right;
	cursor:pointer;	
	height:16px;
	color:white;
	margin:auto;
}

#bBlau #bBlauLeft{
	background:url(../img/bBlauLeft.gif) no-repeat top left;
	width:6px;
	height:16px;
	float:left;
}

#bBlau #bBlauRight{
	background:url(../img/bBlauRight.gif) no-repeat top left;
	width:6px;
	height:16px;
	float:left;
}

#bBlau #nomButo{
	background:url(../img/bBlauCenter.gif) repeat-x;	
	line-height:16px;
	height:16px;
	float:left;
}



								/* buto blanc taronja */

#bBlancTaronja{	
	text-align:right;
	cursor:pointer;
	/*width:127px;	*/
	height:16px;
	color:white;
	margin:auto;
}

#bBlancTaronja #bBlancTaronjaLeft{
	background:url(../img/bBlancTaronjaLeft.gif) no-repeat top left;
	width:6px;
	height:15px;
	float:left;
}

#bBlancTaronja #bBlancTaronjaRight{
	background:url(../img/bBlancTaronjaRight.gif) no-repeat top left;
	width:4px;
	height:15px;
	float:left;
}

#bBlancTaronja #nomButo{
	background:url(../img/bBlancTaronjaCenter.gif) repeat-x;	
	height:15px;
	float:left;
}



								/* buto blanc negre */

#bBlancNegre{	
	text-align:right;
	cursor:pointer;	
	height:16px;
	color:white;
	margin:auto;
}

#bBlancNegre #bBlancNegreLeft{
	background:url(../img/bBlancNegreLeft.gif) no-repeat top left;
	width:4px;
	height:16px;
	float:left;
}

#bBlancNegre #bBlancNegreRight{
	background:url(../img/bBlancNegreRight.gif) no-repeat top left;
	width:5px;
	height:16px;
	float:left;
}

#bBlancNegre #nomButo{
	background:url(../img/bBlancNegreCenter.gif) repeat-x;	
	height:16px;
	padding-top:2px;
	_padding-top:1px;
	float:left;
}


								/* buto negre transparent */

#bNegreT{	
	text-align:right;
	cursor:pointer;	
	height:16px;
	color:white;
	margin:auto;
}

#bNegreT #bNegreTLeft{
	background:url(../img/bNegreTLeft.gif) no-repeat top left;
	width:9px;
	height:17px;
	float:left;
}

#bNegreT #bNegreTRight{
	background:url(../img/bNegreTRight.gif) no-repeat top left;
	width:9px;
	height:17px;
	float:left;
}

#bNegreT #nomButo{
	background:url(../img/bNegreTCenter.gif) repeat-x;	
	height:17px;
	padding-top:2px;
	_padding-top:1px;	
	float:left;
}



								/* buto blau taronja */

#bBlauTaronja{	
	text-align:right;
	cursor:pointer;	
	height:16px;
	color:white;
	margin:auto;
}

#bBlauTaronja #bBlauTaronjaLeft{
	background:url(../img/bBlauTaronjaLeft.jpg) no-repeat top left;
	width:7px;
	height:15px;
	float:left;
}

#bBlauTaronja #bBlauTaronjaRight{
	background:url(../img/bBlauTaronjaRight.jpg) no-repeat top left;
	width:9px;
	height:15px;
	float:left;
}

#bBlauTaronja #nomButo{
	background:url(../img/bBlauTaronjaCenter.jpg) repeat-x;	
	height:15px;
	float:left;
}



								/* buto idiomes */

#bLang{	
	text-align:right;
	cursor:pointer;	
	height:16px;
	color:white;
	margin:auto;
}

#bLang #bLangLeft{
	background:url(../img/bLangLeft.jpg) no-repeat top left;
	width:5px;
	height:13px;
	float:left;
}

#bLang #bLangRight{
	background:url(../img/bLangRight.jpg) no-repeat top left;
	width:4px;
	height:13px;
	float:left;
}

#bLang #nomButo{
	background:url(../img/bLangCenter.jpg) repeat-x;	
	height:13px;
	float:left;
}