@charset "utf-8";/* CSS Document */

* {margin:0;padding:0;}
img{border:0;}
.cb{clear:both;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
p{margin:0 0 1em 0;} 
a{text-decoration:none;outline:none;color:#bebebe;}
a:hover {text-decoration:underline;}

ul{list-style-position:inside;}
ul ul {margin:2px 0 2px 1em;}

body {width:940px;margin:0 auto;background-color:#0d0d0d;color:#999;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

#header {position:relative;height:116px;margin-bottom:32px;border-bottom:1px solid #2e2e2e;}

#lang {display:block;float:left;list-style:none;margin-bottom:26px;font-size:11px;padding-top:6px;}
	#lang li {display:inline;margin-right:10px;}
	#lang a:hover, #lang a.actiu {color:#efefef;text-decoration:none;}

.select {display:block;float:left;padding:0 6px 0 6px;background:url(../img/lang_bkg.png) repeat-x top;color:#757575;font-size:11px;}
	#traduir {display:block;position:relative;cursor:pointer;behavior:url("css/csshover3.htc");padding:6px 15px 8px 0;background:url(../img/auto_translation.png) no-repeat center right;}
	#traduir div {display:none;position:absolute;top:20px;left:0;width:97px;padding:5px 7px 0 7px;border:4px solid #3b3b3b;background:#0d0d0d;z-index:2;}
	#traduir:hover {color:#efefef;}
	#traduir:hover div {display:block;}
	#traduir a {display:block;background-image: url('../img/flags.png');background-repeat:no-repeat;background-position:left top;padding:0px 0 0px 28px;margin-bottom:5px;}
		#traduir a.es {background-position:left -28px;}
		#traduir a.en {background-position:left -138px}
		#traduir a.zh {background-position:left -70px;}
		#traduir a.ja {background-position:left -151px;}
		#traduir a.jp {background-position:left -152px;}
		#traduir a.de {background-position:left -56px;}
		#traduir a.fn {background-position:left 0px;}
		#traduir a.it {background-position:left -41px;}
		#traduir a.co {background-position:left -164px;}
		#traduir a.ru {background-position:left -177px;}
		#traduir a.pt {background-position:left -112px;}
		#traduir a.du {background-position:left -97px;}
		#traduir a.pl {background-position:left -13px;}
		#traduir a.sv {background-position:left -83px;}


#camiseta {position:absolute;top:14px;right:0;}

#col-a {float:left;width:220px;margin-right:30px;}

#menu {list-style:none;font-size:13px;margin-bottom:150px;}
	#menu li {margin-bottom:8px;}
	#menu a:hover {color:#fff;text-decoration:none;}
	#menu a.actiu {padding-left:12px;background:url(../img/menu_hover.png) no-repeat 0 5px;color:#fff;text-decoration:none;}
	#menu ul {margin-top:5px;list-style:none;font-size:11px;}
	#menu ul li {margin-bottom:4px;}
	
#destacats {list-style:none;color:#fff;font-size:14px;}
	#destacats li {margin-top:30px;}
	#destacats a {display:block;height:20px;width:110px;margin-top:5px;background-image:url(../img/social.png);background-repeat:no-repeat;}
	#destacats a:hover {text-decoration:none;}
	#destacats span {display:none;}
	#destacats a.facebook {background-position:0 0;}
	#destacats a.twitter {background-position:-120px 0;}
	#destacats a.newsletter {background-position:-242px 0;}

#col-b {float:left;width:690px;overflow:hidden;}

#passi {position:relative;width:690px;height:310px;}
	#passi ul {list-style:none;width:690px;height:290px;overflow:hidden;}
	#passi li {display:block;}
	#passi span {position:absolute;top:300px;left:0px;display:block;width:500px;}

#passi2 {position:relative;width:690px;height:430px;margin-bottom:50px;}
	#passi2 ul {list-style:none;width:690px;height:390px;overflow:hidden;}
	#passi2 li {display:block;}
	#passi2 i {display:none;}
	#passi2 span {position:absolute;top:400px;left:0px;display:block;width:500px;}

#passi #nav {position:absolute;top:300px;left:300px;}
#passi2 #nav {position:absolute;top:400px;right:0px;}
	#nav a, #prev, #next {display:block;background:url("../img/ico_passi.png") no-repeat;cursor:pointer;}
	#nav a {float:left;width:10px;height:10px;margin-right:10px;background-position:0 -34px;}
	#nav a.activeSlide {background-position:-11px -34px;}
#passi #prev, #passi #next {position:absolute;top:130px;width:31px;height:31px;z-index:20;}
#passi2 #prev, #passi2 #next {position:absolute;top:180px;width:31px;height:31px;z-index:20;}
#prev {left:5px;background-position:0 0;}
#next {right:5px;background-position:-31px 0;}

.embed-yt {margin:30px 0;}
	.embed-yt object {border:13px solid #1b1b1b;}
	.embed-yt span{display:block;width:500px;margin-top:10px;}
.embed-yt2 {margin-bottom:30px;}

#list1 {margin-top:30px;list-style:none;}
	#list1 li {display:block;float:left;width:182px;margin-left:72px;padding-top:11px;border-top:1px solid #2e2e2e;}
	#list1 li.primer {margin-left:0;}
	#list1 h3 {margin-bottom:20px;}
		#list1 h3 a {color:#fff;font-size:13px;text-decoration:none;}
	#list1 .nom {display:inline;color:#757575;font-weight:bold;}
	#list1 .data {display:inline;font-size:11px;}
	#list1 .text {margin-top:10px;}

.video {position:relative;display:block;overflow:hidden;}
.play {position:absolute;top:0;left:0;}

#cap {position:relative;margin-bottom:30px;}
	#cap h1 {color:#fff;font-size:20px;}

#comparteix {position:absolute;top:0px;right:0px;list-style:none;}
	#comparteix li {display:block;float:left;}
	#comparteix i {display:none;}
	#comparteix a {display:block;float:left;height:18px;width:18px;margin-left:6px;background-image:url(../img/sprites_comparteix.png);background-repeat:no-repeat;}
	#comparteix a.print {background-position:0 0;}
	#comparteix a.print:hover {background-position:-54px 0;}
	#comparteix a.share {background-position:-18px 0;}
	#comparteix a.share:hover {background-position:-72px 0;}
	#comparteix a.rss {background-position:-36px 0;}
	#comparteix a.rss:hover {background-position:-90px 0;}
	
/* Botó "Comparteix" del addthis: Amagar la icona que vé per defecte i treureli padding pq la nostra icona quedi bé */
.addthis_toolbox .addthis_button_compact  {padding:0 !important;}
.addthis_toolbox .addthis_button_compact span {width:0;height:0;background:none;}


.img-gen {margin-bottom:20px;border:13px solid #1b1b1b;}
a.primerdoc {margin-top:40px;} 
a.doc, a.link, a.img {display:block;height:20px;padding-left:26px;background-image:url(../img/sprites_doc-link.png);background-repeat:no-repeat;text-decoration:underline;}
a.doc:hover, a.link:hover, a.img:hover {color:#fff;}
a.doc {background-position:0 0;margin-bottom:8px;}
a.link {background-position:0 -44px;margin-bottom:8px;}
a.img {background-position:0 0;margin-bottom:8px;}

p.resum {margin-bottom:15px;font-weight:bold;}

#cont-a {float:left;width:440px;/*margin-right:38px;*/}
#cont-b {float:right;width:212px;}

#cont-c {float:left;width:210px;margin-right:30px;}
#cont-d {float:left;width:450px;}
	/*#cont-d p {margin-bottom:4px;}*/

#compra {list-style:none;}
	#compra li {position:relative;float:left;width:208px;height:320px;margin:0 0 44px 24px;}
	#compra li.primer {margin-left:0;}
	#compra h3 {margin-top:8px;padding-top:8px;border-top:1px solid #393939;color:#fff;font-size:13px;}
	#compra span {font-size:10px;}
	#compra p {position:absolute;left:0;bottom:0;margin:8px 0 0 0;}
	#compra strong {color:#fff;font-size:16px;}

.carro {position:absolute;bottom:0px;right:2px;}
.tit1 {margin-bottom:20px;padding-top:10px;border-top:1px solid #2e2e2e;color:#fff;font-size:13px;font-weight:bold;}
.tit2 {display:block;margin-top:15px;text-decoration:underline;}
.tit2:hover {color:#fff;}
#articles {padding-left:24px;background:url(../img/carro_mini.png) no-repeat top left;}
.envia {display:block;margin-top:15px;padding:5px 22px;border:0;background:url(../img/envia_bkg.png) repeat-x bottom;color:#fff;cursor:pointer;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.valida {display:inline-block;padding:6px 22px;}
#links {list-style:none;}
	#links li {margin-bottom:4px;}
	#links a {text-decoration:underline;}
	#links a:hover {color:#fff;}

#missatges {list-style:none;}
	#missatges li {display:block;margin-bottom:20px;}
	#missatges div.nom {float:left;width:70px;margin-right:30px;}
	#missatges div.text {float:left;width:340px;}
	#missatges .nom {color:#757575;font-weight:bold;}
	#missatges .data {font-size:11px;}
	/*#missatges p.text {display:block;float:left;width:340px;}*/
	
#miss-pag {margin:0 0 50px 0;padding:0;border:none;text-align:left;}
	#miss-pag .pagination {padding:0;border:none;}

.formulari label {display:block;margin:10px 0 6px 0;}
.formulari img {display:block;margin-bottom:6px;}
.formulari .text, .formulari .textcurt {display:block;height:13px;padding:2px 4px;color:#999;font-size:11px;border:1px solid #fff;background:#fff;}
.formulari .textcurt {width:132px;}
.formulari textarea {color:#999;font-family:Arial, Helvetica, sans-serif;font-size:12px;border:1px solid #fff;background:#fff;}
.formulari span.error {display:block;width:150px;color:#358c32;font-size:11px;}
.formulari input.error, .formulari textarea.error {border:1px solid #358c32;box-shadow:0 0 3px #358c32;}

#cistell {width:100%;border:0;border-collapse:collapse;}
	#cistell th {height:30px;vertical-align:middle;}
	#cistell td {height:90px;background:#343534;border-bottom:10px solid #0d0d0d;text-align:center;vertical-align:middle;}
	#cistell img {padding:10px;}
	#cistell .col1 {width:100px;}
	#cistell h3 {margin-top:8px;color:#fff;font-size:13px;}
	#cistell span {display:block;font-size:10px;margin-bottom:4px;}
	#cistell .afegir, #cistell .treure {display:block;float:left;margin:3px auto;width:10px;height:10px;background:url(../img/ico_mes-menys.png) no-repeat top left;font-size:0px;}
	#cistell .treure {margin-left:15px;background-position:bottom left;}
	#cistell .box {float:left;margin:0 7px;}
.elimina {display:block;height:15px;width:13px;background:url(../img/elimina_ico.png) no-repeat center center;}
#cistell i {display:none;}

#cost {width:350px;margin:30px 0 40px 0;border:0;border-collapse:collapse;font-size:13px;}
	#cost td {padding:5px;border-left:30px solid #0d0d0d;}
	#cost select {width:120px;padding:2px 0 2px 4px;color:#837d6d;font-size:11px;}
	#cost .total {color:#fff;font-size:22px;font-weight:bold;}
	#cost .preu {color:#fff;font-weight:bold;}
	#cost .despeses {font-size:11px;font-weight:bold;}

.unitat {background:#343534;}

#form1 {margin-bottom:40px;}
	#form1 .text {width:210px;}
	#form1 textarea {height:120px;width:260px;}
#form2 {margin-bottom:40px;}
	#form2 .text {width:200px;}
	#form2 textarea {height:120px;width:200px;}
#form3 .text {width:210px;}	
	#form3 td {vertical-align:top;}

.pagination {padding-top:24px;border-top:1px solid #333;text-align:center;font-size:13px;}
	.pagination a, .pagination span {padding:0 7px;}
	.pagination .current {text-decoration:underline;}
	.pagination .disabled {display:none;}
	.pagination .prev {margin-right:10px;}
	.pagination .next {margin-left:10px;}

#elements {list-style:none;margin-top:40px;}
	#elements li {margin-bottom:36px;}
	#elements a.imatge {float:left;margin-right:40px;border:13px solid #1b1b1b;}
	#elements .box {float:left;width:404px;}
	#elements h2 {margin-bottom:16px;}
	#elements h2 a {color:#fff;font-size:13px;}

#elements .desc-img {/*position:absolute;bottom:0;left:246px;*/display:block;height:20px;margin-top:20px;padding-left:26px;background:url(../img/sprites_doc-link.png) no-repeat 0 0;text-decoration:underline;}
	#elements .desc-img:hover {color:#fff;}

#footer {position:relative;height:80px;margin-top:40px;padding:16px 0 0 90px;border-top:1px solid #2e2e2e;font-size:11px;}
	#footer p {margin-bottom:8px;}
#firma {position:absolute;top:16px;left:0;}
#credits {list-style:none;}
	#credits li {display:inline;}
	#credits span {padding:0 4px;}
	#credits .actiu {color:#fff;}

#social {position:absolute;top:12px;right:0;list-style:none;padding:6px 10px 4px 10px;background:#000;}
	#social li {display:block;float:left;margin-left:8px;}
	#social li.primer {margin-left:0;}
	#social a {display:block;height:14px;background-image:url(../img/social_peu.png);background-repeat:no-repeat;}
	#social i {display:none;}
	#social a.facebook {width:12px;background-position:0 0;}
	#social a.facebook:hover {background-position:-56px 0;}
	#social a.twitter {width:14px;background-position:-12px 0;}
	#social a.twitter:hover {background-position:-68px 0 ;}
	#social a.youtube {width:30px;background-position:-26px 0;}
	#social a.youtube:hover {background-position:-82px 0;}

#dialeg {position:absolute;top:35%;left:32%;width:340px;z-index:2;padding:20px;background:#0d0d0d;border:6px solid #3b3b3b;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
	#dialeg img {float:left;margin:10px 20px 20px 10px;}
	#dialeg div {width:240px;float:left;margin:10px 0 20px 0;}
	#dialeg strong {display:block;color:#fff;font-size:13px;}
	#dialeg span {font-size:10px;}
	#dialeg .tanca, #dialeg .cistell {position:absolute;bottom:20px;margin:0;}
	#dialeg .tanca {left:20px;}
	#dialeg .cistell {right:20px;}


#apartats {list-style:url(../img/menu_hover.png) inside;}
	#apartats li {margin-bottom:3px;}
	#apartats ul {list-style:none;margin-left:30px;}
	
#missatges2 {list-style:none;}
	#missatges2 li {display:block;margin-bottom:20px;}
	#missatges2 p {margin-bottom:2px;}
	#missatges2 .nom {color:#757575;font-weight:bold;}
	#missatges2 .data {font-size:11px;}

.cont-meitat {float:left;width:300px;padding:0 21px;}