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

*/

/* reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
body {font-family: Tahoma, Helvetica, sans-serif; background:#fafafa; font-size:11px; color:#000; text-align:center;}
img{border:none;}
a { text-decoration: none; outline:none; color: #1a1717; border:none;}
a:hover { text-decoration: underline; }

/*** generics ****/
.lft { float:left }
.rgt { float:right; }
.debug { border:1px solid black; }
.clear { clear:both; }

/* Site ********** */
div#wrapper { width:824px; margin: 25px auto; text-align:left;}
div#sidebar { background-color:#fff; width:212px; float:left; padding-left:4px;}
div#content { background-color:#fff; width:597px; float:left; margin-left:5px; border: 2px solid #dfdfdf; }
div#tools { text-align:right; color:#b4b4b4; padding:5px; padding-bottom:10px; border-bottom:0px; padding-right:15px;}
div#tools a { color:#b4b4b4; }
div#tools a.act, div#tools a:hover { color:#f95b07; }

div#sidebar div#menu { margin-top:22px; background-image:url('../img/menu.bg.gif'); background-repeat:repeat-y; background-position:203px;}

div#menu ul { padding-top:19px; padding-bottom:18px;}
div#menu ul li { padding-left:40px; background: url('../img/menu.bullet.gif') no-repeat 30px; line-height:18px; }
div#menu ul li a { color:#474545; text-transform:uppercase;}
div#menu ul li a.act { color:#f95b07; }

/* Interior ********************/

div#tit-int { float:left; width:225px; padding-top:95px; }
div#cont-int, div#cont-legal { padding:10px; padding-top:30px; line-height:14px; float:left; width:340px;  min-height:193px;}
div#cont-int p { color:#505050; padding-bottom:15px; }
div#cont-int p b { color:#f95b07; }
div#cont-int p i { font-style: normal; font-weight:bold; }
div#cont-int ul { padding:5px; padding-left:20px; padding-top:0px; padding-bottom:10px;}
div#cont-int ul li { list-style:disc; font-size:10px; font-weight:bold; }


div#tit-int.contacto { padding-top:30px; }
div#tit-int div.direc { margin-left:18px; padding:8px; line-height:12px; color:#666; background-color:#f7f7f7; margin-right:10px }
div#tit-int div.direc p { padding-bottom:5px;}


form#contacteformulari input.camp {  background-color:#e4e4e4; border:1px solid #e4e4e4; margin-left:10px; width:170px; }
form#contacteformulari p b { color:#828282; width:120px; display:block; float:left; text-align:right; padding-top:2px;}
form#contacteformulari p { padding:0px; margin:0px; padding-bottom:2px;}
form#contacteformulari textarea { background-color:#e4e4e4; border:1px solid #eaeaea; font-family:Tahoma; font-size:11px; margin-left:10px; width:170px; }
form#contacteformulari input.button {  background-color:#828282; border:1px solid #828282; color:#fff; font-size:11px; margin-left:5px; }
div#cont-int p#errC { padding:0px; margin:0px; line-height:8px; height:8px; padding-bottom:5px; } 


.error { border: 1px solid red; }

/* taula galeria */
td.item { padding:10px;  }  
td.item a span { color:#ee5708; margin-bottom:10px; display:block; }
td.item a:hover { text-decoration:none; color:#666; }

div#gale-nave { margin-top:2px; }
div#gale-nave a { color:#888888; display:block; float:right; padding-left:10px; text-transform:capitalize;}
div#gale-nave a.act, div#gale-nave a:hover { color:#ee5708;}
span#gitems { padding-right: 16px; padding-top:6px;}
div#imgContainer { background-color:#f4f4f3; margin:2px; text-align:center; min-height:410px; height:auto !important; height:410px; padding-top:3px;  }
div#gale-navinf { padding-top:8px; text-align:center; }
div#gale-navinf a { color:#888888; }


div#tags { padding:4px; font-size:9px; color:#c8c8c8; text-align:center; padding-top:20px;}
div#peu { margin-top:5px; padding:15px; background: url('../img/pie.bg.gif') repeat-x; text-align:right; padding-right:20px; color:#474545; }


div#cont-legal { padding-left: 40px; width:500px; line-height:16px;}
div#cont-legal h3 { font-size: 20px; color:#666; padding-bottom:30px; }
div#cont-legal p { color:#505050; padding-bottom:15px; }
div#cont-legal p b { color:#f95b07; }
div#cont-legal p i { font-style: normal; font-weight:bold; }
div#cont-legal ul { padding:10px; padding-left:20px;}
div#cont-legal ul li { list-style:disc; font-size:10px; font-weight:bold; }







div#clientes { padding-left: 40px; width:500px; line-height:16px; min-height: 300px; height: auto !important; height: 300px; }
div#clientes h3 { font-size: 16px; color:#666; padding-bottom:30px; }
div#clientes h4 { line-height:18px; font-size: 14px; color:#666;  }
div#clientes p { color:#505050; padding-bottom:15px; }
div#clientes p b { color:#f95b07; }
div#clientes p i { font-style: normal; font-weight:bold; }
div#clientes ul { padding:10px; padding-left:20px;}
div#clientes ul li { list-style:disc; font-size:10px; font-weight:bold; }

div#clientes label { display:block; color:#f95b07; width:180px; }
div#clientes input { color:#505050; width:180px; border:1px solid #dfdfdf; line-height:16px; float:right; padding-right:20px;}
div#clientes input.bt { margin-top:4px; width:60px; cursor:pointer; border:0px; color:#fff; background:#000; line-height:16px; }
div#clientes div#images { width:516px;  }
div#clientes div#images img { padding:0 5px 5px 0; }
div#clientes img { cursor:pointer; }

div#clientes form { margin-left:150px; width:200px; border:1px solid #dfdfdf; text-align:left; padding:10px; margin-top:20px;  }

div#popupImg { width:480px; border:2px solid #dfdfdf; background:#fff; text-align:center; position:absolute; z-index:2; padding:10px 10px 0 10px; top:0; }
div#popupImg a#lft { float:left; padding-top:6px; }
div#popupImg div#infoImg { width:458px; float:left; text-align:center; padding-top:3px; }
div#popupImg a#rgt { float:right; padding-top:6px; }
div#download { width:480px; text-align:center; padding-top:5px; padding-bottom:5px; }
div#download a { color:#f84700; font-weight:bold;}

p#error { color:#f95b07; font-weight:bold; margin-bottom:0px; }

a#logout { float:right;  margin-right:-42px; margin-top:-5px;}
a#logout { color:#b4b4b4; }
a#logout:hover { color:#f95b07; }

div#videos { width:516px; text-align:center; }
div#videos a { color:#f84700; font-weight:bold; }