/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/

/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	color:#000;
	margin:0px;
	padding:0px;}

a {text-decoration:none;}

a:hover {text-decoration:none;}

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

h1 {position:relative; visibility:hidden; }

#negre {position:relative; z-index:0; height:24px; background-repeat:repeat-x; width:100%;}
#main {position:relative; width:988px; margin:0 auto; font-size:0.80em; z-index:1;}

#header {position:relative; height:22px; margin-top:-25px;}
#header p {position:relative; width:752px; padding:4px 6px; margin-left:10px;}
#header img {position:relative; float:right; top:20px;}

#content {position:relative; clear:both; margin-top:80px;}

#left, #centre, #right {position:relative; float:left;}


#left {height:100px; width:132px; margin:0 8px 0 40px;}
#centre {height:100px; width:595px; /*height:370px;*/ height:353px; min-height:353px;}
#right {height:100px; width:135px; height:279px; vertical-align:bottom;}


#footer {position:relative; clear:both; padding:100px 0 20px 0;}

/*MENU*/
#menu {position:relative; padding:121px 0 0 8px;}
#menu li {position:relative; line-height:2em;}
#menu li a {position:relative; padding:0 3px;}
#menu li a:hover {position:relative; }

/*IZQUIERDA*/
#slogan {position:relative;}
#slogan h2, #slogan div {margin-bottom:10px;  position:relative; height:82px; min-height:82px; height:auto; font-size:1.4em; padding:8px;}
#slogan p {text-align:center; float:right; }
#slogan p a {width:60px; padding:0 5px;}
#slogan span  {float:right;}

/*FOOTER*/
#footer p {position:relative; width:703px; left:45px; padding:15px;}
#footer img {position:absolute; right:30px; top:100px;}

/*#avanza {position:absolute; top:334px; right:0; font-size:1.2em;}
#avanza a {padding:2px 5px;}*/

#avanza {position:absolute; top:334px!important; right:0; font-size:1.2em; margin:0;}
#avanza li {list-style:none; float:left; margin:0!important; padding:0!important;}
#avanza li a {display:block; height:21px; background-position:top; padding:0!important;}
#avanza li a span {display:none;}
#avanza li a:hover {background-position:bottom!important;}

#bAnt {background:url(../../inside/common/img/fletxa-ant.gif)!important; width:19px!important;}
#bSig {background:url(../../inside/common/img/fletxa-seg.gif)!important; width:19px!important;}

/*CONTINGUTS*/

#projectes, #contentNegre, #nosotros {position:relative; width:595px; height:353px; overflow:hidden; z-index:1;}

#projecteDetall {position:absolute; z-index:100; width:595px; height:353px;}
#projecteDetall img {position:relative; float:right; padding:10px;}
#projecteDetall div {position:absolute; bottom:10px; width:575px; left:10px;}
#projecteDetall div h3 {max-height:2.4em; line-height:1.2em; overflow:hidden;}
#projecteDetall div h3 span {padding:0 10px; font-weight:bold;}
#projecteDetall div p {padding:10px; margin-top:10px; max-height:282px; overflow:hidden;}
#projecteDetall div p a {text-decoration:underline;} #projecteDetall div p a:hover {color:#585858; text-decoration:none;} 

.esconder {visibility:hidden;}
.desaparece {display:none;}

#links {position:relative; padding:10px; width:565px; height:330px;}
#links li {float:left; width:175px; height:1.25em;  margin:4px 6px; overflow:hidden;}
#links li a {padding:0 3px;}

#descarga {position:relative; padding:13px 15px 0 15px; width:565px; height:340px;}
#descarga div {width:120px; float:left; margin:7px 10px 2px 10px;}
#descarga div img {width:120px; height:60px; overflow:hidden;}
#descarga div p {width:120px; overflow:hidden; margin-top:4px; height:2.4em;}
#descarga div p a {padding:0 2px;}


/*FORMULARI*/

.formContacto {position:relative; margin:30px 0 20px 60px; font-size:0.95em;}
.formContacto p {margin:30px 15px 30px -30px; padding:10px 30px 0 0; text-align:right;}
.formContacto span {font-size:1.1em; text-align:right; font-weight:bold; vertical-align:top; line-height:24px; width:300px; padding-right:2px; display:table-cell;}
.formContacto fieldset textarea, .formContacto fieldset input, .formContacto fieldset select {vertical-align:top; font-size:1em;}
.formContacto fieldset {border:none;}
.formContacto fieldset textarea {font-size:1em; border:none;}
.formContacto .boto {margin-left:435px; top:-8px;}
.espai {border:none; font-size:1em; line-height:13px; padding:2px;}
.boto {position:relative; padding:0 3px; border:none;}

.obliga {width:5px; color:#ccc; margin:-30px 0 0 335px; padding-top:10px; height:5px;}

.blancPetit {padding:10px; margin:10px; font-size:0.85em;} .blancPetit strong {text-decoration:underline;}

/*CLIENTES*/

#clientes {position:relative; padding:10px; width:565px; height:auto!important;}
#clientes li {float:left; width:175px; margin:4px 6px; overflow:hidden;}
#clientes li a {padding:0 3px; background:#fff;}
#clientes li a:hover {background:#f7e017;}


#nosotros {color:#fff; margin:0; padding:0; }
#nosotros ul {position:relative; padding:15px; width:565px; height:340px;}
#nosotros li {height:1.25em;  margin:4px 6px; overflow:hidden; margin-left:-2px;}
#nosotros li span {background:#fff; padding:0 4px;}
#nosotros li a {padding:0 3px;} #nosotros li a:hover span {background:#f7e017;}
#nosotros h2 {padding:15px 15px 0 15px; font-weight:bold;}

#nosotros div {position:absolute; bottom:10px; width:575px; left:10px; background:#fff; color:#000; mar}
#nosotros div p {padding:10px; margin-top:5px; max-height:150px; overflow:hidden;}

#nosotrosDetall {position:absolute; z-index:100; width:595px; height:353px; left:0!important; top:0!important; bottom:0!important;}
#nosotrosDetall img.cerrar {position:relative; float:right; padding:10px; right:-20px;}
#nosotrosDetall .foto {position:absolute; z-index:0; width:595px!important; height:353px!important; overflow:hidden; left:0!important; top:0!important; bottom:0!important; padding:0!important; margin:0!important;}
#nosotrosDetall .foto img {padding:0;}
#nosotrosDetall div {position:absolute; bottom:10px; width:575px; left:10px; }
#nosotrosDetall div h3 {height:1.2em; overflow:hidden; left:0!important; top:0!important; bottom:0!important;}
#nosotrosDetall div h3 span {padding:0 10px; font-weight:bold;left:0!important; top:0!important; bottom:0!important;}
#nosotrosDetall div h3 span em {position:relative; margin-left:8px; color:#ccc;}
#nosotrosDetall div p {padding:10px; margin-top:10px;  max-height:282px; overflow:hidden;left:0!important; top:0!important; bottom:0!important;}

.peuContacte {position:relative; margin-right:45px!important; text-align:right;}
.peuContacte a {text-decoration:underline;} .peuContacte a:hover {text-decoration:none;}

a.linkContacte {text-decoration:underline;} a:hover.linkContacte {text-decoration:none;}