/* CSS Document */

body {
	position:relative;
	margin:0 auto;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-image:url(../img/fons.gif);
	color:#484848;
}

.sinBorde {border:none;}
/*HOME*/
#tot {position:relative; margin:0; background-image:url(../img/fons-negre.gif); background-repeat:no-repeat; background-position:top center;}
#web {position:relative; margin:auto; width:845px; padding-top:90px; color:#fff;}
#menuHome {position:relative;}
#m1 {position:absolute; top:85px; left:124px;}
#m2 {position:absolute;top:125px; left:248px;}
#m3 {position:absolute; top:281px; left:247px;}
#m4 {position:absolute; top:103px; left:511px;}
#m5 {position:absolute; top:278px; left:611px;}
#m6 {position:absolute; top:85px; left:421px;}
#neutre {background:url(../img/spaciofondoneutre.gif); background-repeat:no-repeat; width:845px; height:516px;}
#creativat {position:relative; margin-top:65px;}
#creativatInt {position:relative; margin:10px 0 50px 125px;}

/*MENU*/
#menu {position:absolute; top:159px; left:258px;}
.neteja {position:relative; clear:both;}
.alinearCentre {text-align:center;}
/*l'agence*/

#totInterior {position:relative; margin:0 auto; background-image:url(../img/fons.gif); margin-left:-235px; margin-top:-158px; _margin-left:35px;}
#capcalera {position:relative; margin:auto; background:url(../img/fons-int.gif); background-repeat:no-repeat; width:1132px; height:718px;}
#capcalera span {position:relative; left:140px; top:176px;}
#architektureInt {position:absolute; top:178px; left:659px;}
#mig {position:relative; width:712px; height:auto;background:url(../img/fons-mig.gif); color:#484848; padding:20px 220px 20px 200px;}
#peu {position:relative; background:url(../img/fons-peu.gif); background-repeat:no-repeat; width:1132px; height:152px;}
#peu img {position:relative; margin-left:195px;}

#mig h1 {position:relative; font-size:1em; color:#484848; top:-240px; left:-35px;}
#mig h1 span {color:#a52e74;} #mig h1 span a {color:#a52e74;}
#mig h1 a {color:#484848; text-decoration:underline;} #mig h1 a:hover {text-decoration:none;}
#content {position:relative; margin-top:-220px; *width:750px; height:auto;}
.agence1, .agence2, .agence {position:relative; float:left; width:300px; margin-left:10px; text-align:justify; font-size:1.1em; line-height:1.5em; *height:auto;}
.agence1, .agence {position:relative; margin-right:70px; }
.agence1 ul {position:relative; list-style:url(../img/llista.gif); list-style-position:outside; line-height:2em; text-align:left;}
.agence1 ul li {line-height:16px;}
.agence {width:600px; text-align:center;}

.titulo {position:relative; clear:both; padding-top:30px;}
.fotos {position:relative; float:left; background-image:url(../img/fons-fotos.gif); background-repeat:no-repeat; width:163px; height:150px; margin:7px 15px 7px 0; z-index:10;}
.fotos img {position:relative; margin:9px 0 0 9px}
.instruccion {position:relative; text-align:right; margin-right:20px;}

/*projets*/
.projets, .projetsAmplia {position:relative; float:left; margin:10px 5px 10px 0; *margin-left:2px;}
.projets span, .projetsAmplia span {position:relative; float:left; background-image:url(../img/fons-fotos.gif); background-repeat:no-repeat; width:163px; height:150px; margin:5px 10px 10px 0;}
.projets span img, .projetsAmplia span img {position:relative; margin:9px 0 0 9px;}
.projets span h2, .projetsAmplia span h2 {position:relative; font-size:1em; background-image:url(../img/llista.gif); background-repeat:no-repeat; background-position:left top; padding-left:15px; margin-left:8px; width:130px; height:14px; overflow:hidden; *top:-12px;}
.projets div {position:relative; width:150px; height:152px; overflow:hidden;}
.projets div h3 {color:#a52e74; font-size:1.1em; *margin-top:10px;} 
.projets div h3 a {color:#a52e74; text-decoration:none;} .projets div h3 a:hover {text-decoration:underline;}
.projets div h4 {margin-top:-8px; font-size:1.0em; *margin-top:-15px;}
.projets div p {margin-top:-5px; font-size:1.1em; *margin-top:-12px;}

.projetsAmplia div {position:relative; text-align:justify;}
.projetsAmplia div h3 {color:#a52e74; font-size:1.1em;  *margin-top:10px;} 
.projetsAmplia div h3 a {color:#a52e74; text-decoration:none;} .projetsAmplia div h3 a:hover {text-decoration:underline;}
.projetsAmplia div h4 {margin-top:-8px; font-size:1.0em; *margin-top:-15px;}
.projetsAmplia div p {margin-top:-5px; font-size:1.1em; *margin-top:-12px;}

.kreateur {position:relative; float:left; background-image:url(../img/fons-fotos.gif); background-repeat:no-repeat; width:163px; height:150px; margin:7px 15px 7px 0;}
.kreateur img {position:relative; margin:9px 0 0 9px}
.kreateur h2 {position:relative; font-size:1em; background-image:url(../img/llista.gif); background-repeat:no-repeat; background-position:left top; padding-left:15px; margin-left:8px; width:130px; height:14px; overflow:hidden; *top:-12px;}

/*PASA PAGINAS*/
.paginacio {position:relative; font-size:0.9em; margin:20px 0 20px 0; text-align:right; *margin-right:40px;}
.paginacio ul {position:relative; list-style:none;}
.paginacio ul li {position:relative; display:inline; margin-right:-8px; height:15px; padding:3px 5px;}
.paginacio ul li a {position:relative; color:#fff; text-decoration:none; padding:3px 5px; background-color:#434343;} .paginacio ul li a:hover {background:#929b4a; padding:3px 5px;}
.paginaSeleccio {position:relative; background-color:#a52e74; padding:4px 5px; color:#fff;}
.paginaNoSeleccio {position:relative; background-color:#434343; padding:4px 5px; color:#fff;}

/*CONTACTO*/
#contacto form {position:absolute; width:250px; z-index:10; left:720px; top:235px;}
#contacto form fieldset {border:none;}
#contacto form input {color:#666666; font-size:1em; margin:2px 0 5px 0; padding:2px;}
#contacto form textarea {border:1px solid #444; color:#666; font-size:1.1em; margin:2px 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; padding:2px;}
.botoEnviar {position:relative; left:40px; top:0px;}
.camps {border:1px solid #444; }
#emportaPeu {margin-top:-100px;}
#capcaleraPeu {position:relative; margin:auto; background:url(../img/fons-int-contacto.gif); background-repeat:no-repeat; width:1132px; height:718px;}
#capcaleraPeu span {position:relative; left:140px; top:176px;}
#peuContact {position:relative;  width:1132px; height:152px; z-index:10;}
#peuContact img {position:relative; margin-left:195px;}



/*MARQUES*/
#marques {position:relative;} 

.colMarques {position:relative; margin:20px 15px 20px 20px; float:left; width:180px;}
.colMarques h2 {position:relative; background-image:url(../img/llista.gif); background-repeat:no-repeat; background-position:left; padding-left:15px; font-size:1.1em; text-transform:uppercase;}
.colMarques div {position:relative; text-align:center; margin:25px 0; background-color:#fff; *margin-top:30px;}
.colMarques div img {position:relative; max-height:70px; max-width:135px;}
.colMarques div h3 {position:relative; font-weight:bold; color:#a52e74; font-size:1.1em; margin-top:0;}
.colMarques div h4 {position:relative; color:#434343; font-size:1.1em; font-weight:100; margin-top:-10px; *margin-top:-17px;}
.colMarques div h4 a {color:#434343; text-decoration:none;} .colMarques div h4 a:hover {text-decoration:underline;}