/****************************
*
* Full estils
* Autor: Jordi Martínez
* Actualitzacio: 23/10/2008
* 
*****************************/

/* Generales */ 
* { margin: 0; padding: 0; } /* Resetea los margins i paddings de todas las etiquetas html */
html, body { margin: 0; padding: 0; font-family: Arial; }
#wrapper { width: 100%; height: 100%; }

h1 { font-size: 1.8em; font-weight: bold; color: #000; text-align: left; padding-bottom: 20px; }
h2 { font-size: 1.2em; font-weight: bold; color: #ddd; text-align: left; padding-bottom: 5px; }

img { behavior: url(iepngfix.htc); }

a { color: #555; text-decoration: none; }
a:hover { color: #a22b55; }

/* Top */
body#top { background-position: center center; background: url(../img/fons.jpg) top; }
div#fons { width: 100%; height: 100%; text-align: center; }
div#fons img { margin-top: 20px; }

/* Menu */
body#menu { position: relative; background: url(../img/fons_menu.jpg) repeat-x; }
body#menu div.logo { position: relative; float: left; top: 0; left: 5px; background: url(../img/logo_tab.jpg) no-repeat; width: 297px; height: 85px; }
body#menu div.menu { position: relative; float: left; top: 15px; left: 100px; height: 85px; }
body#menu div.idiomes { position: absolute; top: 15px; right: 5px; height: 85px; }
body#menu ul { margin: 0; padding: 0; list-style: none; }
body#menu ul li { float: left; padding-right: 15px; padding-top: 35px; }
body#menu ul li.separador { float: left; background: url(../img/separador.jpg) no-repeat; width: 1px; height: 85px; }
div.menu ul li a { display: block; color: #555; text-decoration: none; }
div.menu ul li a:hover, div.menu ul li a.actiu { display: block; color: #a22b55; }

div.idiomes ul li a { display: block; color: #555; text-decoration: none; }
div.idiomes ul li a:hover, div.idiomes ul li a.actiu { display: block; color: #000; }

/* Taula de continguts */
table { border-collapse: collapse; font-size: 0.8em; }
  td { text-align: left; vertical-align: top; margin-left: 20px; }
  td.proyecto { padding: 60px 20px 5px 20px; }   
  td div.descripcio { width: 500px; text-align: left; color: #555; padding: 15px; }

/* Proyectos */
body#proyectos { background: #FFF; overflow-x: scroll; overflow-y: hidden; }
div.separador { width: 100%; height: 20px; }
div.conj_proyecto { position: relative; width: 320px; height: 155px; margin: 0; padding: 0; }
div.conj_proyecto span { margin-right: 10px; font-size: 1em; color: #000; }
div.conj_proyecto .titol { font-size: 1.1em; font-weight: bold; color: #000; text-align: left; padding: 5px 0; }
div.conj_proyecto a.link { display: block; text-decoration: none; }
div.conj_proyecto a.link:hover { text-decoration: none; }
/*div.conj_proyecto .imatge img { width: 320px; height: 65px; border: 5px solid #555; }*/

div.conj_proyecto .imatge { text-align: center; }
img.bona { width: 320px; height: 65px; border: 5px solid #555; }
img.loader { width: 40px; height: 40px; border: none; }
span { float: left; }
.negreta { font-weight: bold; color: #333; }
div.descripcio ul { margin-left: 30px; list-style: none; }
div.conj_proyecto div.imatge_detall img { position: relative; top: -20px; }

/* Contactar */
div#formulario { width: 100%; }
div#formulario div.titulo { font-size: 1.1em; font-weight: bold; color: #000; text-align: left; }
form { margin-top: 15px; }
label { color: #444; font-size: 0.9em; font-weight: normal; }
input,textarea { width:300px; border:0px; background:#777; color:#fff; margin: 0 0 10px 0; padding:2px;}
.boton { width: 55px; height: 25px; border: 0px; background: #85013C; color: #fff; cursor: hand; cursor: default; }

/* Footer */
body#footer { background: url(../img/fons_footer.jpg) repeat-x; float:left; font-size: 10px; font-weight: bold; line-height: 32px; }
div.text_footer { width: 100%; line-height: 32px; }
span.copy { position: absolute; top: 0; left: 20px; width: 50%; }
span.optimizacion { position: absolute; top: 0; right: 20px; width: 50%; text-align: right; }