@charset "UTF-8";

*{
	outline-style: none;
	}
.idioma {
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;
	float:left;
	list-style-type: none;
	font-size: 11px;
	margin-right:0px;
	padding-top:6px;
	height:20px;
	width: 30px;
	}


.llistamenu {
	list-style-type: none;
	display:inline;
	padding-right:0px;
	padding-left: 0px;
	text-align: center;
	margin: 0px;
	font-size:14px;
	height: 0px;
	padding-bottom:0px;
	padding-top:0px;
	border:0px;
	}



.neteja {
	clear: both;
	}

.centre {
	margin:0px;
	position: relative;
	left: 0px;
	top: 0px;
	text-align: center;
	display:block;
	background-repeat:no-repeat;
	padding:0px;
	overflow:hidden;	
	height: 600px;
	z-index:3;
	}
	

.textprojecte{
	position:absolute;
	left:0px;
	top:0px;
	color:#fff;
	text-align:left;
	font:Verdana, Geneva, sans-serif;
	font-size:14; 
	padding:25px;
	padding-top:0px;
	padding-left: 40px;
	}
a.linkidioma:link {
	color: #FFF;
	text-decoration: none;
	}
	
a.linkidioma:visited {
	color: #FFF;
	text-decoration: none;
	}
	
a.linkidioma:hover{
	color: #999;
	text-decoration: none;
	}
	
	
a.linkidioma2:link {
	color: #FFF;
	text-decoration: underline;
	}
	
a.linkidioma2:visited {
	color: #FFF;
	text-decoration: none;
	}
	
a.linkidioma2:hover{
	color: #999;
	text-decoration: none;
	}
	
	
a.linkpro:link {
	color: #fff;
	text-decoration: underline;
	}
	
a.linkpro:visited {
	color: #fff;
	text-decoration:none;
	}
	
a.linkpro:hover{
	color: #999;
	text-decoration: none;
	}
	

	
.marcat{
	color: #0C3;
	}


	

	
	
a.links:link{
	color: #ccc;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	margin:0px;	
	}
	
a.links:visited{
	
	text-decoration: none;
	color: #ccc;
	
	}
a.links:hover{
	color: #fff;
	background-color: #000;
	}	
	
	
	


a.linksgal:link{
	color: #ccc;
	text-decoration: none;
	margin:0px;	
	}
	
a.linksgal:visited{
	
	text-decoration: none;
	color: #ccc;
	
}
a.linksgal:hover{
	color: #fff;
	background-color: #000;
	}	
	

	
	
a.linkform:link{
	color: #fff;
	text-decoration: none;
	padding:6px;
	margin:0px;	
	}
	

a.linkform:visited{
	
	text-decoration:none;
	color: #fff;
	padding:10px;
	
	}
	
a.linkform:hover{
	color: #FFF;
	background-color: #666;
	text-decoration: none;
	}	




	
a.linkn:link{
	color: #F00;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
a.linkn:visited{
		color: #F00;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
	
a.linkn:hover{
	color: #F00;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}


a.linkmn:link{
	color: #ccc;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
a.linkmn:visited{
		color: #ccc;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
	
a.linkmn:hover{
	color: #F00;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}

a.linkbl:link{
	color: #09F;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
a.linkbl:visited{
		color: #09F;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
	
a.linkbl:hover{
	color: #09F;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
	
a.linkmbl:link{
	color: #ccc;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
a.linkmbl:visited{
		color: #ccc;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
	
a.linkmbl:hover{
	color: #09F;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
	

a.linkgr:link{
	color: #FF3;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
a.linkgr:visited{
		color: #FF3;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
	
a.linkgr:hover{
	color: #FF3;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
	

a.linkmgr:link{
	color: #ccc;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
a.linkmgr:visited{
		color: #ccc;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
	
a.linkmgr:hover{
	color: #ff3;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
	

a.linkve:link{
	color:#0F0;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
a.linkve:visited{
		color: #0F0;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
	
a.linkve:hover{
	color: #0F0;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}	
	
a.linkmve:link{
	color:#ccc;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
a.linkmve:visited{
		color: #ccc;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}
	
a.linkmve:hover{
	color: #0f0;
	background-color:#000;
	text-decoration: none;
	padding-right:17px;
	padding-left: 17px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	}	
	
	
	
.llistapeu{
	float: left;
	list-style-type: none;
	display:inline;
	margin: 0px;
	height: 20px;
	width: 20px;
	padding:0px;
	
	}


.fotos{
	margin-top:480px;
}


<!--/*Roger: Retocs de la Galeria online*/-->
.quadres{
	float:left;
	display:block;
	list-style-type: none;
	margin-top:53px;
}

.camps {
	font-family: Verdana, Geneva, sans-serif;
	display:Block;
	font-size:14px;
	text-align: left;
	color:#000;
	
	}
	
.titol {
	color:#FFF;
	
	font-family: Verdana, Geneva, sans-serif;
	display:Block;
	font-size:14px;
	text-align: left;
	padding:3px;
	
	}
	
.titol2 {
	color:#FFF;
	position:absolute;
	top:-40px;
	font-family: Verdana, Geneva, sans-serif;
	display:Block;
	font-size:14px;
	text-align: left;
	padding:3px;
	
	}
.nomicognoms {
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	display:Block;
	font-size:14px;
	text-align: left;
	padding:5px;
	
	}
.contingut{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:left;
	padding:15px;
	padding-right:15px;
	display:Block;
	width:260px;
	}
	
.contingut2{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:left;
	padding-top:5px;
	padding-left:15px;
	display:Block;
	width:260px;
	}
	.contingut3{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:left;
	padding-top:0px;
	padding-left:11px;
	display:Block;
	width:260px;
	}

/*Fi Roger Retocs Galeria Online*/




/*
	 Sitemap Example
	 by Chris Coyier
	 http://css-tricks.com
*/

					              { margin: 0; padding: 0; }



#page-wrap          {
	width: 800px;
	margin: 0 auto;
}
#page-wrap div      { width: 500px; margin: auto; padding: 0 0 0 0; }

a.mapa					              {
	text-decoration: none;
	color: #eee;
	display: block;
	padding: 3px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.mapaweb a.mapa:hover             {
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.mapaweb ul                  { padding: 0px 20px; list-style: none;

					 
                      -webkit-box-shadow: 2px 2px 5px black;
                     background: #282828; }
					  
.mapaweb ul ul               { background: #393939; }
.mapaweb ul ul ul			         { background: #4b4b4b; }
.mapaweb ul ul ul ul			      { background: #F5a5a5a; }



/* canvis Pep*/


.textcon {
	width: 500px;
}

.textquisom {
	width: 500px;
}

ol,ul {list-style:none;}

.negreta {
	font-weight: bold;
}

.paragrafs {
	padding-top: 10px;
	padding-bottom: 10px;
	color:#ccc;
	
}


.paragrafs4 {
	padding-top: 10px;
	padding-bottom: 10px;
	color:#ccc;
	width: 300px;
	
}

.paragrafs5 {
	padding-top: 10px;
	padding-bottom: 10px;
	color:#ccc;
	width: 390px;
	
}


.paragrafs2 {
	padding-top: 120px;
	padding-bottom: 10px;
}

.paragrafs3 {
	padding-top: 50px;
	padding-bottom: 10px;
}


/*Example 2*/
#container {
	width: 300px;
	margin: 0 auto;
}
 
#ex2 img{
    height: 150px;
    width: 100px;
    margin: 15px 0;
     -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
 
#ex2 img:hover {
	height: 450px;
	width: 250px;
	margin-left: -50px;
	}
/*fi retocs pep*/



a.linksonor:link{
	color: #CCC;
	text-decoration: none;
	padding:0px;
	margin:0px;	
	
	}
	

a.linksonor:visited{
	
	text-decoration:none;
	color: #666;
	padding:0px;
	
	}
	
a.linksonor:hover{
	color: #999;
	text-decoration: none;
	}