/*css*/
body, html {
text-align: center; /*** Centers the design in old IE versions ***/
}
body{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	
	}

#contenedor{
  	position: relative;
	font-size: 0.7em;
	height:925px;
	background-image: url(/imatges/patternAnue.gif);
	background-repeat: repeat;
	width:820px;
	margin: 0 auto; /*** Centers the design ***/
	text-align: left;
	z-index:1;
	}


/*cabecera*/

#ralla{
	position:absolute;
	top:160px;
	left:0px;
	height:30px;
	width:820px;
	background-image:url(/imatges/rallanegra.gif);
	background-repeat:repeat-x;
	z-index:2;
	}	
	
#logo1{
	position:absolute;
	left:25px;
	top:40px;
	background-image: url(/imatges/logogranAnue.gif); 
	width: 766px;
	height: 174px;
	z-index:3;
	}
#logo2{
	position:absolute;
	left:25px;
	top:40px;
	background-image: url(/imatges/logogranAnue.gif); 
	width: 766px;
	height: 174px;
	z-index:3;
	}

#texte{
	position:absolute;
    top:85px;
    left:190px;
	font-family: Lucida Grande, verdana;
	font-size:18px;
	z-index:3;
	color:#000000;
	text-decoration:none;
	z-index:4;
	}

 #texte a{text-decoration: none; color: #000000;}	
 #texte a:link { text-decoration: none; color: #000000;}
 #texte a:hover { text-decoration: underline; color: #0000CC;
 	}

#iwithblockmenu-menusuperior{
	position:absolute;
	left:535px;
	top:10px;
	width:auto;
	height: 9px;
	color:#000000;
	font-size: 10px;
	font-weight:bold;
	z-index:5; 
	}	

.iwithblockmenu-menusuperior li {
	list-style: none;
	margin:2px;
	padding:2px;
	border: none;
	float:left; /*per eliminar el salt de linea*/	
	}

.naranja {color: #FFA202}

.iwithblockmenu-menusuperior li a {
	text-decoration:none;
	color:#000000;
	}

.iwithblockmenu-menusuperior li a:hover {
	text-decoration:underline;
	color:#FFFFFF;
	}

/*el menu de les pestanyes*/



#iwithblockmenu-pestanya{
	position:absolute;
	left:230px;
	top:130px;
	width:560px;
	height:74px;
	color:#FFFFFF;
	font-weight:bold;
        z-index:6;
	}
* html #iwithblockmenu-pestanya{ /*només per IE6*/
    top:150px;
	width:565px;
	}
	
	
#actiu{
	background-image:url(/imatges/pes-blau.gif);
	background-repeat:no-repeat;
	height:74px;
	width:89px;
	padding: 40px 0 20px 10px;
	display: block;   	
	}
			
.iwithblockmenu-menu1 li {
	list-style: none;
	float:left;

	}

.iwithblockmenu-menu1 li a {
	display: block;
	width: 89px;
	padding: 40px 0 20px 10px;
	color: #000;
	background: url(/imatges/pes-gris.gif) no-repeat;
	font-weight: bold;
	text-decoration:none;
	}

.iwithblockmenu-menu1 li a:hover {
	background-image: url(/imatges/pes-blau.gif);
	width: 89px;
	}

/*menu laretals*/

#col1{ /*container per menus*/
	float:left; 
	width:25%; 
	height:80%; 
	margin-left:30px; 
	margin-top:215px;
	z-index:7;
	}
		
* html #col1{ /*només per IE6*/
    	margin-left:15px;
	}

div.blockTitle {
	background-image: url(/imatges/capgran.gif);
	background-repeat:no-repeat;
	font-size:11px;
	color:#FFFFFF;
	padding-top:5px;
	padding-left:15px;
	margin-top: 10px;
	height:20px;
	font-weight:bold;
	}

div.blockContent {
	
	line-height: 100%;
	}


div.blockFooter {
	height:18px;
	background-image: url(/imatges/peumenu.gif);
	background-repeat:no-repeat;
	padding: 3px;
	margin-bottom: 10px;
	}
div.blockfoto{
	background-image:url(/imatges/blau.jpg);
	background-repeat:no-repeat;
	height:54px;
	}
	

/*bloc idiomes*/

div.blockTitle3 {
	background-image: url(/imatges/capmenupetit.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	margin-top: 10px;
	height:10px;
	width:189px;
	}

	
div.blockContent3 {
	background-color: #FFA202;
	padding-left:15px;
	width:174px;
	height:16px;
	}
* html .blockContent3{ /*només per IE6*/
	height:10px;
	position:relative;
	top:-5px;
	left:0px;
	}

div.blockFooter3 {
	height:11px;
	background-image: url(/imatges/peumenupetit.gif);
	background-repeat:no-repeat;
	}
* html .blockFooter3{ /*només per IE6*/
	height:10px;
	position:relative;
	top:-10px;
	left:0px;
	}
/*FI bloc idiomes*/


/*menus foto y logos*/

#iwithblockmenu-foto{
	list-style-type: none;
	margin: 0px 0px;
	padding: 0px;
	width: 189px;
	}
#iwithblockmenu-logos{
	list-style-type: none;
	margin: 0px 0px;
	padding: 0px;
	width: 189px;
	}
	
	
	/*menus*/
	
.iwithblockmenu-menu2{
	list-style-type: none;
	margin: 0px 0px;
	padding: 0px;
	width: 189px;
	}

.iwithblockmenu-menu2 li a {
	background: #3d48d5 url(/imatges/gris.gif) no-repeat 15px center;
	font:  11px Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	width: auto;
	padding: 6px 0px;
	padding-left: 30px;
	text-decoration: none;
	border: 1px solid #B5B5B5;
	}

* html .iwithblockmenu-menu2 li a{ /*només per IE6*/
    	width: 157px;
	}

.iwithblockmenu-menu2 li a:visited, .iwithblockmenu-menu2 li a:active{
	color: #FFFFFF;
	}

.iwithblockmenu-menu2 li a:hover {
	color:#FFFFFF;
	background-image:url(/imatges/groc.gif);
	}

.iwithblockmenu-menu3 {
	list-style-type: none;
	margin: 0px 0px;
	padding: 0px;
	width: 189px;
	background-color: #FFA202;
	}

.iwithblockmenu-menu3 li a {
	background: url(/imatges/arrow-blau.gif) no-repeat 15px center;
	font:  11px Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 30px;
	text-decoration: none;
	}

* html .iwithblockmenu-menu3 li a{ /*només per IE6*/
    	width: 157px;
	}

.iwithblockmenu-menu3 li a:visited, .iwithblockmenu-menu3 li a:active{
	color: #FFFFFF;
	}	

.iwithblockmenu-menu3 li a:hover {
	color:#FFFFFF;
    	background-image: url(/imatges/arrow-list.gif) /*onMouseover image change.*/
	}

.iwithblockmenu-menu4 {
	list-style-type: none;
	margin: 0px 0px;
	padding: 0px;
	width: 189px;
	background-image:url(/imatges/patterngris.gif);
	background-repeat:repeat;
	}

.iwithblockmenu-menu4 li a {
	background: url(/imatges/groc.gif) no-repeat 15px center;
	font:  11px Verdana, Helvetica, sans-serif;
	color: #000000;
	display: block;
	width: auto;
	padding: 4px 0;
	padding-left: 30px;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	}

* html .iwithblockmenu-menu4 li a{ /*només per IE6*/
    	width: 157px;
	}

.iwithblockmenu-menu4 li a:visited, .iwithblockmenu-menu2 li a:active{
	color: #000000;
	}	

.iwithblockmenu-menu4 li a:hover {
	color:#000000;
    	background-image: url(/imatges/gris.gif); /*onMouseover image change.*/
	}

/*contingut*/

#col2{ 
	position:absolute; 
	top:257px; 
	left:237px; 
	width:71%; 
	height:580px; 
	overflow: auto;
	z-index:9;
	}
* html #col2{ /*només per IE6*/
    	height:610px;
	}
#col3{ 
	position:absolute; 
	top:257px; 
	left:237px; 
	width:71%; 
	height:580px; 
	z-index:9;
	}
* html #col3{ /*només per IE6*/
    	height:610px;
	}
	
	
	
	/*les próximes  capes son unicament pel fons blanc arrodonit i els quadradets d'abaix*/

div.blockcaptexte {
	background-image: url(/imatges/capblanc.gif);
	background-repeat:no-repeat;
	margin-top: 5px;
	height:12px;
	width:555px;
	}

div.iwith-blockTitletexte {
	width:530px;
	height:25px;
	padding-top:7px;
	padding-left:10px;
	border-right: 15px solid #ffa202;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	background-color: #FFFFFF;
	line-height: 100%;
	}
	
div.blockTitletexte {
	width:530px;
	height:25px;
	padding-top:7px;
	padding-left:10px;
	border-right: 15px solid #ffa202;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	background-color: #FFFFFF;
	line-height: 100%;
	}
div.blockTitletexte2 {
	width:530px;
	height:25px;
	padding-top:5px;
	padding-left:10px;
	border-right: 15px solid #ffa202;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-align: left;
	font-size:12px;
	color:#ffa202;
	background-color:#FFFFFF;
	line-height: 100%;
	}
div.blockContenttexte {
	line-height: 100%;
	background-color:#FFFFFF;
	width:555px;
	}


	
div.final{

	background-image:url(/imatges/final.gif);
	background-repeat:no-repeat;
	height:24px;
	width:555px;
	}

	/*Aquí comença realment el contingut de la caixa de texte principal*/

#cap-fariadna{
	position: absolute;
	top:229px;
	left:237px;
	width:555px;
	height:40px;
	background-image:url(/imatges/capariadna.gif); 
	background-repeat:no-repeat;
	z-index:10;	
	}
#iwith-fariadna{
	position: absolute;
	top:239px;
	left:235px;
	width:550px;
	height:40px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	color: #666666;
	text-align:left;
	padding-left:10px;
	z-index:11;	
	}
	
#iwith-title1{
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-align: left;
	font-size:12px;
	padding-top:5px;
	color:#ffa202;
	
	}

		
#iwith-boxcentral{
	width:515px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:20px;
	z-index:12;
	text-align:justify;
	}
#boxcentral{ /*fa de container a index*/
	width:515px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:10px;
	height:500px;
	z-index:12;
	text-align:justify;
	}
* html #boxcentral{ /*només per IE6*/
	height:530px;
	}
	
.imatgeseditable {
	position:relative;
	top:-220px;
	left:330px;
	height:200px;
	width:200px;
	z-index:16;
	}

#iwith-box1{
	width:275px;
	height:180px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:15px;
	text-align:justify;
	z-index:15;
	}
	
#box2{
	position:relative;
	top:-200px;
	left:0px;
	width:250px;
	height:220px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:10px;
	padding-left:20px;
	border-top: 30px solid #ffa202;
	text-align:justify;
	z-index:15;
	}
* html #box2{ /*només per IE6*/
	top:-188px;
	margin-bottom:-250px;
	}
	
.Tevents{
	position:relative;
	top:-180px;
	left:15px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-align: left;
	font-size:12px;
	color: #FFffff;
	z-index:17;
	}
* html .Tevents{ /*només per IE6*/
	top:-168px;
	}
.Tnovetats{
	position:relative;
	top:-459px;
	left:315px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-align: left;
	font-size:12px;
	color: #FFfffF;
	z-index:17;
	}
* html .Tnovetats{ /*només per IE6*/
	top:-199px;
	}
	
#box3{
	position:relative;
	top:-480px;
	left:300px;
	width:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:10px;
	padding-left:20px;
	border-top: 30px solid #ffa202;
	height:220px;
	text-align:justify;
	z-index:15;
	}
* html #box3{ /*només per IE6*/
	top:-220px;
	margin-bottom:-250px;
	}
	
/*frotter*/
#iwithblockmsg-peu {
	position:absolute;
	top:880px;
	left:0px;
	height:30px;
	width:820px;
	background-image:url(/imatges/rallanegra.gif);
	background-repeat:repeat-x;
	color: #FFFFFF;
	font-size:9px;
	z-index:2;
}

	
#iwithblockmsg-peu  a {
	text-decoration: none;
	color: #FFFFFF;
	font-size:11px;
	
	}

#iwithblockmsg-peu a:hover {
	text-decoration: underline;
	color: #ffa202;
	font-size:11px;
	}
	
#botoesq{
	margin-top:10px;
	width: 820px;
	height: 30px;
	z-index: 13;
		}

	
#botodret{
	margin-top:-30px;
	margin-left: 275px;
	width: 525px;
	height: 30px;
	z-index: 14;
		}
 
/*menu d'index*/ 

 div.blockTitle2 {
	background-image: url(/imatges/capgranblau.gif);
	background-repeat:no-repeat;
	padding-top:5px;
	padding-left:15px;
	margin-top: 10px;
	height:20px;
	font-weight:bold;
	}

div.blockContent2 {
	background-color:#3d48d5;
	line-height: 100%;
	width: 189px;
	}

div.blockFooter2 {
	height:18px;
	background-image: url(/imatges/peumenublau.gif);
	background-repeat:no-repeat;
	padding: 3px;
	margin-bottom: 10px;
	}
	
.iwithblockmenu-logos{
	list-style-type: none;
	margin: 0px 0px;
	padding: 0px;
	
}
.iwithblockmenu-logos li {
	padding-top:7px;
	padding-bottom:5px;
	
	
	}