/* ELEMENTS COMUNS
------------------------------------------------------------------------*/
body {
margin: 25px 0px 0px 0px;
background-color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 16px;
color: #d1d1d1;
text-align: center; /*si no ho poso IE 5.5 no centrara el container*/
}

a:link {
text-decoration: underline;
font-weight: normal;
color: #00abe1;
}

a:visited {
text-decoration: underline;
font-weight: normal;
color: #00abe1;
}

a:hover {
text-decoration: underline;
font-weight: normal;
color: #ff7800;
}

abbr, acronym, dfn {
cursor: help;
border-bottom: 1px dashed #fff;
}

h1 {
margin: 3px 0 0 0; /*evito que IE es mengi la tipo per la part superior*/
padding: 0 0 10px 0;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: normal;
color: #ff7800;
background-image: url(../logos/bg_h1.gif);
background-repeat: no-repeat;
/*border: 1px solid #fff;*/
}

h1 span {
background-image: url(../logos/fletxa_h1.gif);
background-position: 0px 16px;
background-repeat: no-repeat;
margin: 0 5px 0 8px;
}

h2 {
margin: 30px 0 10px 0;
padding: 0;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #ff7800;
}

h3 {
margin: 0;
padding: 6px 0 0 0; /*espai anterior de <h3>*/
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #fff;
}

.capitular {
font-size: 30px;
line-height: 32px;
}

.p_primer {
margin-top: 28px;
}

.empresa {
font-weight: bold;
color: #fff;
}

.highlight {
color: #ff7800;
}

.nota {
font-size: 9px;
}

.link_extern {
background: url(../logos/ico_link_extern.gif) no-repeat right 2px;
padding-right: 10px;
}

.top {
float: left;
font-size: 9px;
font-weight: normal;
padding: 0 0 25px 9px;
background-image: url(../logos/fletxa_top.gif);
background-position: 0px 6px;
background-repeat: no-repeat;
/*border: 1px solid green;*/
}

/* ESTRUCTURA
------------------------------------------------------------------------*/
#container {
margin: 0 auto;
width: 904px;
min-height: 500px; /*alsada minima del container (si no ho poso FFox no mostra el bg)*/
text-align: left; /*evita que els textos del container quedin centrats per culpa del text-align:center del body */
/*border: 1px solid yellow;*/
}

#header {
width: 100%;
margin: 0;
padding: 0;
height: 122px;
float: right;
/*border: 1px solid red;*/
}

#lang {
width: 110px;
float: right;
border: 1px solid #00445a;
padding: 3px;
margin-bottom: 19px;
font-size: 9px;
font-weight: normal;
text-align: center;
color: #fff;
}

#lang a:link {text-decoration: none;}
#lang a:visited {text-decoration: none;}
#lang a:hover {text-decoration: none;}

#enclose {
float: right;
width: 833px; /*814(suma dos columnes)+1(border-left)+18(padding-left)=833px*/
/*border: 1px solid yellow;*/
}

#columnMain {
float: right;
text-align: justify;
width: 611px;
min-height: 400px; /*alsada minima xqe el border-left toqui el footer*/
border-left: 1px solid #00445a;
padding-left: 18px;
background-image:url(../logos/bg_big_pixels.gif);
background-position: right bottom;
background-repeat: no-repeat;
/*border: 1px solid orange;*/
}

#columnMain ul {
list-style-image: url(../logos/fletxa_list_01.gif);
}

#columnMain ul ul {
list-style-image: url(../logos/fletxa_list_02.gif);
margin-bottom: 20px;
}

#footer {
clear: both;
height: 60px;
border-top: 5px solid #00445a;
font-size: 9px;
font-weight: normal;
text-align: center;
line-height: 58px;
color: #fff;
/*border: 1px solid red;*/
}

#footer a:link {text-decoration: none;}
#footer a:visited {text-decoration: none;}
#footer a:hover {text-decoration: none;}


/* MENU PRINCIPAL
------------------------------------------------------------------------*/
.menu {
clear: both;
float: right;
}

.menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.menu ul li {
position: relative;
display: inline;
float: left;
margin: 0 4px 0 4px; /*separacio H entre elements de llista*/
text-align: center;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.menu span {
display: block;
color: #fff;
font-weight: bold;
padding-bottom: 3px; /*separacio V entre text i border inferior*/
border-bottom: 3px solid #fff; /*border inferior blanc*/
}

.menu li a {
display: block;
padding-bottom: 3px; /*separacio V entre text i border inferior*/
border-bottom: 3px solid #00445a; /*border inferior blau*/
}

.menu li a:link {text-decoration: none; font-weight: bold; color: #00abe1;}
.menu li a:visited {text-decoration: none; font-weight: bold; color: #00abe1;}
.menu li a:hover {text-decoration: none; font-weight: bold; color: #ff7800; border-bottom: 3px solid #ff7800;}


/* MENU SECUNDARI
------------------------------------------------------------------------*/
#columnLeft {
float: left;
width: 203px;
margin-top: 84px; /*espai superior*/
/*border: 1px solid blue;*/
}

#columnLeft ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#columnLeft ul li {
height: 28px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
line-height: 26px;
background-image: url(../logos/bg_b.gif);
background-repeat: no-repeat;
}

#columnLeft span {
display: block;
padding-left: 19px;
color: #fff;
font-weight: bold;
background-image: url(../logos/bg_b_active.gif);
background-repeat: no-repeat;
}

#columnLeft li a {
display: block;
padding-left: 19px;
}

#columnLeft li a:link {text-decoration: none;}
#columnLeft li a:visited {text-decoration: none;}
#columnLeft li a:hover {text-decoration: none; background-image: url(../logos/bg_b_hover.gif); background-repeat: no-repeat;}


/* PORTAFOLI TREBALLS
------------------------------------------------------------------------*/
.box_treball {
float: left;
width: 268px;
height: 248px;
margin: 0 10px 10px 0;
padding: 12px;
border: 1px solid #00445a;
overflow: hidden; /*evito desbordament*/
font-size: 9px;
text-align: left;
background-image:url(../logos/ico_enlarge.gif);
background-position: 225px 14px;
background-repeat: no-repeat;
}

.box_treball a:link img {border: 4px solid #00445a;}
.box_treball a:visited img {border: 4px solid #00445a;}
.box_treball a:hover img {border: 4px solid #ff7800;}

.box_treball p {
margin: 0;
padding: 10px 0 0 0; /*espai anterior de <p>*/
}

.box_treball li {
display: inline;
}

.ver_como {
margin: 30px 0 15px 0;
font-size: 9px;
font-weight: bold;
border-bottom: 3px solid #00445a;
}

.ver_como_list {
background: url(../logos/ico_list.gif) no-repeat left 3px;
padding-left: 18px;
}

.ver_como_list_active {
background: url(../logos/ico_list_active.gif) no-repeat left 3px;
padding-left: 18px;
color: #fff;
}

.ver_como_thumb {
background: url(../logos/ico_thumb.gif) no-repeat left 3px;
padding-left: 18px;
}

.ver_como_thumb_active {
background: url(../logos/ico_thumb_active.gif) no-repeat left 3px;
padding-left: 18px;
color: #fff;
}

.table_treballs {
width: 100%;
font-size: 9px;
text-align: left;
line-height: normal;
}

.table_treballs td {
padding: 10px 20px 5px 0;
border-bottom: 1px solid #00445a;
}

.table_treballs_client {
width: 200px;
font-size: 11px;
color: #fff;
font-weight: bold;
} 


/* FORMULARI
------------------------------------------------------------------------*/
.text_field {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
border: 1px solid #fff;
background-color: #00445a;
}

fieldset {
border: 0;
}

fieldset p {
margin: 4px 0 0 0px; /*distancia entre camps i distancia lateral des de l'esquerra*/
/*border:1px solid red;*/
}

label {
width: 145px; /*amplada caixa labels*/
display: block;
float: left;
text-align: right;
margin-right: 5px;
/*border:1px solid green;*/
}

.boto_form {
height: 20px;
margin: 0 2px; /*espai lateral entre botons*/
padding-bottom: 8px; /*centro el text verticalment*/
font-size: 11px;
color: #fff;
border: 1px solid #00445a;
background: url(../logos/bg_boto_form.gif) repeat-x #000;
cursor: pointer;
}

.warning {
color: red;
}