@charset "iso-8859-1";

/* ELEMENTS COMUNS
------------------------------------------------------------------------*/
body {
margin:0;
padding:0;
background-color:#eee;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#1f1e24;
text-align:center; /*si no ho poso IE5.5 no centrara el container*/
}

a:link {
text-decoration:none;
font-weight:normal;
color:#8d8c91;
}

a:visited {
text-decoration:none;
font-weight:normal;
color:#8d8c91;
}

a:hover {
text-decoration:none;
font-weight:normal;
color:#ccc;
}

a:active {
text-decoration:none;
font-weight:normal;
color:#666;
}


/* ESTRUCTURA
------------------------------------------------------------------------*/
#container {
width:955px;
margin:0 auto;
}

#header {
width:100%;
height:70px;
margin:0;
padding:0;
background:url(../logos/bg_header.jpg) no-repeat;
}

#header img {
float:left;
width:246px;
height:70px;
border:0;
}

#enclose {
width:955px;
min-height:533px; /*para los browsers buenos*/
height:auto!important; /*para los browsers buenos*/
height:533px; /*para IE5+*/
text-align:left; /*anulem el text-align:center del body*/
background:url(../logos/bg_enclose.jpg) no-repeat left bottom;
background-color:#fff;
}

#columnLeft {
float:left;
width:238px;
}

#columnRight {
float:right;
width:716px;
margin:0;
padding:0;
}

#columnRight h1, p {padding:0 5px 0 16px;}

#columnRight ul {
list-style-image:url(../logos/ico_fletxes_list.gif);
margin-left:40px;
padding-left:0;
}

#columnRight a:link {font-weight:bold;}
#columnRight a:visited {font-weight:bold;}

#separador {
width:955px;
height:20px;
background-color:#fff;
}


/* caixa gris TOP i FOOTER
------------------------------------------------------------------------*/
.caixaGris {
width:955px;
height:20px;
font-size:11px;
color:#fff;
background-color:#8d8c91;
}

.caixaGris a:link {color:#fff; text-decoration:none;}
.caixaGris a:visited {color:#fff; text-decoration:none;}
.caixaGris a:hover {color:#ccc; text-decoration:none;}
.caixaGris a:active {color:#1f1e24;}

.caixaGrisLeft {
float:left;
margin:3px 0 0 0;
padding:0 0 0 12px;
text-align:left;
}

.caixaGrisRight {
float:right;
margin:3px 0 0 0;
padding:0 12px 0 0;
text-align:right;
}

.contact {
float:left;
width:226px; /*li restem el padding-left (238-12=226)*/
height:20px;
margin:0;
padding:0 0 0 12px;
background:url(../logos/pixel_blanc.gif) right top repeat-y;
text-align:left;
line-height:20px;
}

.contact a {
display:block;
width:226px;
height:20px;
}


/* MENU PRINCIPAL
------------------------------------------------------------------------*/
#nav {
float:left;
width:955px;
height:42px;
margin:0;
overflow:hidden; /*evito desbordament amb IE6*/
}

#nav p {display:none;}

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

#nav ul li {
padding:0 1px 0 0; /*espai dret entre botons*/
float:left;
text-align:left;
font-size:17px;
line-height:52px;
}

#nav ul li a {
display:block;
width:226px; /*li restem el padding-left (238-12=226). En el cas de la home fem el mateix (318-12=306)*/
height:42px;
color:#fff;
padding:0 0 0 12px;
background-color:#1f1e24;
}

#nav ul li a:hover {background-color:#8d8c91;}

#nav ul li #active {
font-weight:bold;
background-color:#444250;
}


/* MENU SECUNDARI
------------------------------------------------------------------------*/
#navSec {width:238px;}

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

#navSec ul li {font-size:17px;}

#navSec a {
display:block;
width:226px; /*li restem el padding-left (238-12=226)*/
height:26px; /*li restem el padding-top (42-16=26)*/
padding:16px 0 0 12px;
background-color:#8d8c91;
border-bottom:1px solid #fff;
}

#navSec a:link, #navSeclist a:visited {
color:#fff;
text-decoration:none;
}

#navSec a:hover {
color:#444250;
background-color:#dcdcdc;
}

#navSec ul li #activeSec {
color:#1f1e24;
font-weight:bold;
background-color:#c5c5c8;
}


/* H1, H2, H3...
------------------------------------------------------------------------*/
h1 {
height:32px;
margin:11px 0 0 0;
font-size:25px;
font-weight:normal;
color:#444250;
border-bottom:5px solid #8d8c91;
}

h2 {
height:20px;
margin-top:25px;
margin-left:16px; /*indento h2*/
font-size:17px;
border-bottom:5px solid #c5c5c8;
}

h3 {
height:20px;
margin-top:20px;
margin-left:16px; /*indento h3*/
font-size:17px;
color:#8d8c91;
border-bottom:5px solid #c5c5c8;
}


/* ALTRES
------------------------------------------------------------------------*/
.border_inf_img {border-bottom:3px solid #8d8c91;}


/* FORMULARIS
------------------------------------------------------------------------*/
.b_borrar {
width:466px;
height:30px;
margin:0 2px 0 0; /*espai lateral entre botons*/
padding-bottom:2px; /*centro el text verticalment*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
background-color:#8d8c91;
cursor:pointer;
border:none;
margin-left:243px;
text-align:left;
padding-left:10px;
margin-top: 10px;
}

.b_enviar {
width:466px;
height:30px;
margin:0 0 0 2px;
padding-bottom:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
background-color:#1f1e24;
cursor:pointer;
border:none;
margin-left:243px;
text-align:left;
padding-left:10px;
margin-top:8px;
}


/* FORMULARIS
------------------------------------------------------------------------*/
form p {
font-size: 11px;
}

form span {
font-size: 11px;
}

form br {
clear: left;
}


label {
display: block;
text-align: right;
float: left;
width: 238px;
padding-right: 5px;
font-size: 11px;
/*border: 1px solid green;*/
}

input {
display: block;
/*width: 175px;*/
float: left;
margin-bottom: 6px;
border: 1px solid #808080;
background-color: #FFF;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
width:464px;
}

textarea{
display: block;
/*width: 175px;*/
float: left;
margin-bottom: 6px;
border: 1px solid #808080;
background-color: #FFF;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
}

.input_hidden {
display:none;
border: none;
background-color: transparent;
}