/*
___ ____ _  _ ___  ____ 
 |  |___ |\/| |__] |  | 
 |  |___ |  | |    |__| 
©2009 www.tempointeractiu.com 

*/

/* reset.css */
* { margin:0px; padding:0px; }
body {font-family:Helvetica; background-color:#171913; font-size:12px; color:#dcbdb; }
ul{list-style:none;}
h1 {font-size:20px; padding-bottom:20px; color:#fff }
h2 {font-size:20px;}
h3 {font-size:18px; font-weight:normal;}
h4 {font-size:13px;}
h5 {font-size:11px;}

img{border:none;}

/*tPLAYER*/
.dnone { display:none; }
.std_player {  }
.std_player ul { padding:10px 0 0 0; float:left; }
.std_player ul li { float:left; padding-left:5px; font-size:12px; font-weight:bold; }
.std_player ul li a { padding-left:5px; }
.std_player ul li.actiu a { color:#00a8c6;  }
.std_player ul li.inactiu a { color:#816d4b; }



.debug { border: 1px solid white; }

a { text-decoration: none; outline:none; color: #00a8c6; border:none; font-size:11px; }
a:hover { text-decoration: underline; }
div.clear { clear:both }

body { background:#cfcfcf; }
div#wrapper { width:990px; margin:0 auto; background:#e8e8e8; padding-bottom:31px; }

a#logo { padding-left:31px; width:400px;  float:left; }

ul#langs { float:right; width:300px; padding:10px 40px 0 0; }
ul#langs li { float:right; padding-left:5px; color:#78633e; }
ul#langs li a { color:#78633e;  }
ul#langs li a.act { color:#00a8c6;  }

ul#menusup { float:left; width:520px;  }
ul#menusup li { float:right; padding-top:25px; padding-left:7px; color:#78633e;  }
ul#menusup li a { font-size:12px; color:#78633e; }
ul#menusup li a.act,
ul#menusup li a:hover { color:#00a8c6; }

div#container { background:url('../img/00.cnt.bg.mig.gif') repeat-y top left; width:927px; margin-left:31px; float:left; }
div#peu_int { background:url('../img/00.cnt.bg.inf.gif') no-repeat bottom left; width:962px; clear:both; color:#887757; padding:8px 0 8px 10px; }
div#peu_int a { color:#887757;  }
div#peu_int a:hover { color:#00a7c6; text-decoration:none ;}

div#menu { background:url('../img/00.cnt.bg.sup.gif') no-repeat top left; width:966px; padding:10px 0 4px 10px; height:20px;}

div#menu ul li { background:#705a33; float:left; height:20px; margin-right:3px; }
div#menu ul li a { float:left; padding:2px 10px 0 10px; font-size:12px; }

div#content {  width:927px; float:left; }


div#menu ul { position: absolute; z-index: 30;  padding: 0px 0px 0px 0px; }
div#menu ul li { background:#705a33; float:left; height:20px; margin-right:3px; float: left; position: relative; }
div#menu ul li a{ float:left; padding:2px 10px 0 10px; font-size:12px; color:#fff; }
div#menu ul ul { float: none; position: absolute; background-color: #705a33; left: 0px; top: 22px; color: white; visibility:hidden;  width:250px;}
div#menu ul li.over { padding-bottom:2px; }
div#menu ul li.over ul { visibility: visible; }
div#menu ul ul li { position: relative; float: none; border-bottom: 1px solid #8e7241; background-color: #705a33; display: block;  }
div#menu ul ul li a { text-align:left; padding-left: 10px; display: block; padding-bottom: 1px; color:#fff; }
div#menu ul ul li a:hover { color::#fff; }

div#menu ul li.act a { font-weight:bold;  }
div#menu ul li.act { background:#00a8c6;  }
div#menu ul li.act ul { background:#00a8c6; }
div#menu ul li.act ul li { background:#00a8c6; border-bottom: 1px solid #fff; }
div#menu ul li.over ul li a { color:#fff; font-weight:normal; }
div#menu ul li ul li.act a { font-weight:bold; }


div#fitxaImgBg { width:907px; margin:3px 10px 0 10px; min-height: 430px; height: auto !important; padding-bottom:10px;  }
div#fitxaImgBg div#titular { padding:73px 0 20px 225px; width:623px; }
div#fitxaImgBg h1 { font-size:18px; color:#cfcfcf; font-weight:normal; text-align:right; }
div#fitxaImgBg p { padding:0 0 8px 507px; width:335px; font-size:13px;  color:#816d4b; }


div#fitxa { width:907px; margin:3px 10px 0 10px; padding-bottom:20px; min-height: 430px; height: auto !important; height: 430px; background:#fff; }
div#fitxa div#ttl { padding:25px 0 30px 30px; width:535px; float:left; }
div#fitxa div#ttl h1 {  font-size:16px; color:#00a8c6; font-weight:normal;    font-weight:bold; }
div#fitxa p { padding:0 0 8px 30px; width:535px; font-size:12px;  color:#816d4b; float:left; }
div#fitxa p strong { color:#00a8c6; }

#text_fitxa h1,h2,h3,h4 { padding:0 0 8px 30px; color:#00a8c6; }

img.playerOnefile { float:right; padding-right:25px; padding-top:100px;  }
div.player_area { float:right; width:272px; padding-right:25px; padding-top:110px; }
div.player_area ul { background:none; float:left; width:272px; padding-bottom:20px; }
div.player_area ul li { float:left; background:none; width:auto;  padding-left:5px; font-weight:bold; }
div.player_area ul li a { float:none; font-size:12px;  padding-left:5px; }
div.player_area ul li.inactiu  a { color:#9f9d9d; }


div#contactes p { width:800px; font-size:12px; color:#816d4b; float:left; padding-left:40px;  padding-bottom:10px; }
div#contactes { width:907px; background:#f5f5f3; margin:3px 10px 10px 10px; padding-bottom:20px; min-height: 430px; height: auto !important; height: 430px; }
div#contactes div#ttl { padding:25px 0 30px 30px; width:535px; float:left; }
div#contactes div#ttl h1 { font-size:16px; color:#00a8c6; font-weight:normal;    font-weight:bold; }
div#contactes div#llistat { width:880px; padding-left:40px; }
div#contactes div#llistat h2.categoria { width:800px; float:left; background:#fff; font-size:15px; color:#00a8c6; padding:5px;}
div#contactes div#llistat h3.categoria { width:800px; float:left; font-size:14px; color:#816d4b; padding:5px; border-bottom:1px solid #cfcfcf; margin-bottom:10px; }
div#contactes div#llistat p { width:250px; padding-right:20px; color:#816d4b; float:left; padding-left:5px; padding-bottom:10px; }
div#contactes div#llistat p strong { color:#00a8c6; }

div#contactes p#info { padding-left:40px; float:left; width:700px; padding-bottom:20px;font-size:12px; color:#816d4b; }

div#prod {  width:907px; background:#fff; margin:3px 10px 0 10px; }
div#prod div#lista { width:128px; height:580px; float:right; background:#e8e8e8; }
div#prod div#lista div.flx { float:left; width:128px; padding:1px 0 1px 8px; display:none; }
div#prod div#lista h2 { font-size:14px; color:#78633e; width:128px; height:27px; padding:2px 0 0 8px;  }
div#prod div#lista div.bici { padding-left:8px; padding-bottom:3px; float:left; width:120px;  }
div#prod div#lista div.bici.act a { color:#00a8c6; }
div#prod div#lista div.bici img { cursor:pointer; float:left; }
div#prod div#lista div#bicis { float:left; height:480px;  width:128px; }
div#lista div.bici a { font-size:11px; color:#78633e; float:left; }
div#prod div#infosup { width:213px; float: none; position: absolute; padding:40px 0 0 40px; z-index:15; }
div#prod div#infosup h1 { color:#78633e; font-size:14px; padding-bottom:0px; margin-bottom:0px; padding-bottom:3px; }
div#prod div#infosup p { color:#78633e; font-size:12px; padding-bottom:0px; margin-bottom:0px; line-height:14px;  }
div#prod div#infosup p a { color:#78633e; text-decoration:underline; }
div#prod div#infosup p a:hover { text-decoration:none; }
	
div#prod div#infobt { float:left;  width:433px; padding-left:40px; font-size:12px; color:#78633e; min-height: 50px; height: auto !important; height: 50px; }
div#prod div#imgs { float:left; width:270px; padding-left:20px;  }
div#prod div#imgs a { padding-left:5px; float:left; }
div#prod div#imgs a img { border:1px solid #bfbfbf; float:left; }
div#prod img#container_bici { padding:44px 0 0 130px; }
div#prod div.popup { margin-left:220px; margin-top:40px;  width:440px; height:500px; background:#fff; float:none; position:absolute; border:3px solid #000; z-index:19; }
div#info div.bt,
div#prod div.popup div.bt { margin:-16px -10px 0 0; float:right; width:20px; height:20px; cursor:pointer; }

div#prod div.popup div.cnt { overflow-y:auto; width:372px;  margin:30px 0 0 30px; height:430px; font-size:12px; line-height:14px; color:#78633e; padding-right:8px; }
div#info h3,
div#prod div.popup div.cnt h3 { font-size:12px; padding-bottom:10px; color:#78633e; font-weight:bold;  }

div#info { margin-top:70px; margin-left:220px; width:440px; height:360px; background:#fff; float:none; position:absolute; border:3px solid #000; z-index:22; }
form#masinfo { margin:20px 0 0 30px; }
form#masinfo p b { color:#78633e; width:80px; display:block; float:left; text-align:right; padding-top:0px; font-size:12px;  }
form#masinfo p { padding:0px; margin:0px; padding-bottom:20px;  font-size:12px; color:#78633e;  }
form#masinfo textarea { background-color:#e4e4e4; border:1px solid #eaeaea; font-size:12px; margin-left:10px; width:240px; }
form#masinfo input.camp {  background-color:#e4e4e4; border:1px solid #e4e4e4; margin-left:10px; width:210px; line-height:14px; margin-bottom:5px; }
form#masinfo input.button {  background-color:#78633e; border:1px solid #78633e; color:#fff; font-size:12px; margin-left:0px; padding:4px }


div#accesorios { width:867px; padding:0 0 20px 40px; background:#fff; margin:3px 10px 0 10px; }
div#accesorios div#ttl { padding:25px 0 30px 0; width:535px; float:left; }
div#accesorios div#ttl h1 { font-size:16px; color:#00a8c6; font-weight:normal;    font-weight:bold; }

div#accesorios div.item { width:400px; float:left; margin:0 20px 30px 0; }
div#accesorios div.item img { float:left; border:1px solid #bfbfbf;  }
div#accesorios div.item h2 { float:left; width:220px; padding-left:20px; font-size:12px; color:#78633e; font-weight:bold; }
div#accesorios div.item p { float:left; width:220px; padding-left:20px; font-size:12px; line-height:13px; color:#78633e; }

div.popupac { margin-top:90px; margin-left:140px;  padding:16px 0 0 16px; width:624px; height:443px; background:#fff; float:none; position:absolute; border:3px solid #000; }
div.popupac div.bt { margin:-30px -10px 0 0; float:right; width:20px; height:20px; cursor:pointer; }



div#contacte { width:867px; padding:0 0 20px 40px; background:#fff; margin:3px 10px 10px 10px; }
div#contacte div#ttl { padding:25px 0 30px 0; width:835px; float:left; }
div#contacte div#ttl h1 { font-size:16px; color:#00a8c6; font-weight:normal;    font-weight:bold; }
form#contacteformulari { float:right; padding-right:40px; width:470px;}
form#contacteformulari input.camp {  background-color:#e4e4e4; border:1px solid #e4e4e4; margin-left:10px; width:300px; line-height:14px; }
form#contacteformulari p b { color:#78633e; width:120px; display:block; float:left; text-align:right; padding-top:0px; font-size:12px;  }
form#contacteformulari p { padding:0px; margin:0px; padding-bottom:20px;  font-size:12px;  }
form#contacteformulari textarea { background-color:#e4e4e4; border:1px solid #eaeaea; font-size:12px; margin-left:10px; float:left; width:300px; }
form#contacteformulari input.button {  background-color:#78633e; border:1px solid #78633e; color:#fff; font-size:12px; margin-left:0px; padding:4px; margin-top:5px; }
p#errC { padding:0px; margin:0px; line-height:8px; height:8px; padding-top:20px;  }

div#infocontacte { float:left; width:350px; }
div#infocontacte p { color:#78633e; font-size:12px; }


#noticies { width:867px; padding:0 0 20px 40px; background:#fff; margin:3px 10px 10px 10px; float:left; }
#noticies div#ttl { padding:25px 0 30px 30px; width:535px; float:left; }
#noticies div#ttl h1 {  font-size:16px; color:#00a8c6; font-weight:normal;    font-weight:bold; }
#noticies div.ttl { padding-bottom:25px; padding-left:34px; padding-bottom:25px; float:left; width:750px; }
#noticies h1 { padding-left:34px; font-size:16px; font-weight:bold; color:#000; padding-bottom:25px; line-height:19px; }
#noticies div.item { width:800px; float:left; border-top:1px solid #705a33;  }
#noticies div.item.dbl { background:#fff; }
#noticies div.item h2 { padding:4px 0 4px 34px; width:475px; float:left;  }
#noticies div.item h2 a:hover {  }
#noticies div.item span { padding:4px 36px 4px 0; width:87px; float:right; text-align:right; }
#noticies div.item span a { font-weight:bold; color:#000; }
#noticies div.item span a:hover {  }
#noticies div.item.pagination { padding:10px 0 0 30px; width:770px; }
#noticies div.item.pagination a { color:#000;  }
#noticies div.item.pagination a:hover,
#noticies div.item.pagination b {  }

#noticies #imatges { padding-left:34px; padding-bottom:25px; }
#noticies h3 { font-weight:bold; clear:both; width:603px; padding:5px 0 5px  34px; color:#000; font-size:13px; background:#fff; border-bottom:1px solid #b5cbe4; border-top:1px solid #b5cbe4; margin-bottom:25px;}
#noticies p { padding:0 37px 0 37px; width:562px; float:left; line-height:16px; }
#noticies p a { color:#000; }
#noticies p a:hover { color:#457cbc; }
#noticies div#tornar { border-top:1px solid #afc5df; width:598px; float:left; margin-top:30px; padding:18px 0 0 39px; }
#noticies div#tornar a img { padding-left:0px }

#noticies ul { padding:20px 0 0 37px; float:lefT; }
#noticies ul li { list-style:none; }
#noticies ul li a { font-weight:bold; }
#noticies ul li a:hover { text-decoration:underline; }