@import "botiga.css";

body
{
margin: 0;
}

body.bodyavis
{
margin: 0;
background-color: #fff;
}

img.esquerra
{
float: left;
}

img.dreta
{
float: right;
}

img.esquerra2
{
float: left;
margin: 0 12px 12px 0;
}

img.dreta2
{
float: right;
margin: 0 0 12px 12px;
}

div.neteja
{
clear: both;
}

a img
{
border: none;
}

h1.titol
{
margin: 0;
padding: 0 0 10px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #4d748a;
}

h2.subtitol
{
margin: 0;
padding: 0 0 10px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #4d748a;
}

h3.subtitol2
{
margin: 0;
padding: 0 0 10px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4d748a;
}


div#centrar
{
text-align: center;
}

div#estructura
{
margin: auto;
text-align: left;
width: 741px;
}

div#idiomes
{
margin: 9px 20px 2px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #676767;
font-weight:bold;
}

div#idiomes a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #676767;
text-decoration: none;
font-weight:bold;
}

div#idiomes a:hover
{
text-decoration: underline;
}



div#cap
{
}

div#capfons
{
height: 118px;
background-image: url('../img/caps/01.png');
}

div#capfons01
{
height: 118px;
background-image: url('../img/caps/01.png');
background-repeat:no-repeat;
}

div#capfons02
{
height: 118px;
background-image: url('../img/caps/02.png');
}

div#capfons03
{
height: 118px;
background-image: url('../img/caps/03.png');
}

div#capfons04
{
height: 118px;
background-image: url('../img/caps/04.png');
}

div#capfons05
{
height: 118px;
background-image: url('../img/caps/05.png');
}

div#capfons06
{
height: 118px;
background-image: url('../img/caps/06.png');
}

div#capfons07
{
height: 118px;
background-image: url('../img/caps/07.png');
}

div#logo
{
height: 72px;
}

div#logo img
{
margin-top: 12px;
}

div#menu
{
margin: 0 20px 0 20px;
height: 25px;
}

table.menuopcions td
{
height: 25px;
text-align: center;
padding: 0 16px 0 0;
}

table.menuopcions td a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
text-decoration: none;
}

div#cap2
{
/*
margin: 3px 20px 0 85px;
width: 625px;
*/
margin: 3px 20px 0 40px;
width: 665px;
height: 17px;
}

div#cap3
{
padding: 3px 20px 0 65px;
width: 613px;
height: 17px;
}

div#cap2esquerra
{
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4d748a;
text-align: left;
}

div#cap2esquerra A
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4d748a;
text-decoration: none;
}

div#cap2dreta
{
float: right;
width: 70px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #676767;
text-align:right;
}

div#cap2dreta a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #676767;
text-decoration: underline;
}

div#contingut
{
margin: 0 20px 0 20px;
padding: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #676767;
border-left: 1px solid #4d748a;
border-right: 1px solid #4d748a;
/* width: 701px; */
}

div#contingut2
{
margin: 0 20px 0 20px;
padding: 0px 20px 20px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #676767;
border-left: 1px solid #4d748a;
border-right: 1px solid #4d748a;
/* width: 701px; */
}

div#contingutPortada
{
margin: 0 20px 0 20px;
padding: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #676767;
border-left: 1px solid #4d748a;
border-right: 1px solid #4d748a;
text-align:center;
/* width: 701px; */
}

div#submenu
{
margin: 0 0 0 20px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #f2eded;
color: #676767;
border-left: 1px solid #4d748a;
border-right: 1px solid #4d748a;
}

div#logoIso {
clear: both;
margin: 0 20px 0 20px;
padding: 0 20px 10px 0;
text-align:right;
border-left: 1px solid #4d748a;
border-right: 1px solid #4d748a;
}

div#logoIsoPortada {
padding: 0 20px 10px 0;
text-align:right;
}

div#peu
{
clear: both;
margin: 0 20px 0 20px;
padding: 5px 0 8px 0;
border-left: 1px solid #4d748a;
border-right: 1px solid #4d748a;
background-color: #4d748a;
}

div#peuadreca
{
padding:0 30px 0 0; /* Degut al logo_iso.png */
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
}

div#powered
{
text-align: right;
padding: 0 15px 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
}

div#powered a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
text-decoration: none;
}

div#contingutavislegal
{
padding: 10px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #676767;
text-align: justify;
}

div#contingutavislegal a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #4d748a;
text-decoration: underline;
}

div#contingutavislegal h1
{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #4d748a;
text-align: center;
}

div#contingutavislegal strong
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #676767;
}

div.separador
{
clear: both;
margin-bottom: 6px;
}

form
{
margin: 0;
}

/*form.formcontactar div label
{
float: left;
width: 280px;
padding: 2px 10px 0px 0px;
text-align: right;
}

label
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #676767;
line-height: 150%;
}*/

label.tipus1
{
float: left;
width: 130px;
padding: 2px 10px 0px 0px;
text-align: right;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #676767;
line-height: 150%;
}

label.tipus2
{
float: left;
width: 280px;
padding: 2px 10px 0px 0px;
text-align: right;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #676767;
line-height: 150%;
}

input.boto
{
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
/* font-weight: normal; */
letter-spacing: 1px;
color: #fff;
background-color: #4d748a;
border: 1px solid #fff;
}

div.botonscontactar
{
padding: 10px 0 0 0;
width: 580px;
text-align: center;
}

div#peuformulari
{
padding: 10px 0 0 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #676767;
}

#codi
{
}

#quantitat
{
}

#tipus
{
}

#volum
{
}

#tamany
{
}

#determinacio
{
}

#empresa
{
width: 250px;
}

#nom
{
width: 200px;
}

#carrec
{
width: 200px;
}

#departament
{
width: 200px;
}

#adreca
{
width: 250px;
}

#cp
{
width: 60px;
}

#ciutat
{
width: 150px;
}

#pais
{
width: 150px;
}

#telefon
{
width: 100px;
}

#fax
{
width: 100px;
}

#email
{
width: 250px;
}

#activitat
{
width: 250px;
}

div#mapa
{
width: 658px;
height: 300px;
position: relative;
}

div#mapa a
{
color: #676767;
}

div.tplnoticia
{
padding-bottom: 20px;
position: relative;
}

p.tplnoticiatext
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
float: none;
color: #676767;
padding: 0 20px 20px 0;
}

p.tplnoticiatext img
{
margin: 0 10px 20px 0;
}

p.tplnoticialink
{
padding: 10px 0 10px 0;
}

p.tplnoticialink a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #676767;
text-decoration: underline;
}

p.tplnoticiapdf
{
padding: 0 0 0 0;
}

p.tplnoticiapdf a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #676767;
text-decoration: underline;
}

div#contactarok
{
padding: 40px 0 290px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #676767;
}


/** FORMULARIS **/

table.GFtaulacapcalera {
   margin-bottom: 12px;
}

td.GFtextcapcalera {
   color: #676767;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

table.GFtaularesposta {
   width: 100%;
}

td.GFtextresposta {
   color: #676767;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding-top: 100px;
   padding-bottom: 100px;
   text-align: center;
}

td.FormularisMesinfo {
   color: #676767;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 2px;
   vertical-align: middle;
}

td.FormularisMesinfo input {
   /*border: 1px solid  #000000;*/
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 400px;
}

td.FormularisMesinfo textarea {
   /*border: 1px solid  #000000;*/
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 400px;
}

td.FormularisMesinfoP input {
   /*border: 1px solid  #000000;*/
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 300px;
}

td.FormularisMesinfoT input {
   /*border: 1px solid  #000000;*/
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 100px;
}

td.FormMR {
   color: #676767;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 2px;
   vertical-align: top;
}

td.FormularisBotons {
   padding: 4px;
}

td.FormularisBotons input {
   background-color: #4D758A;
   border: 1px solid  #4D758A;
   color: #ffffff;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 90px;
}

.copy{
clear: both;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #888;
width:700px;
margin:60px 0 0 20px;

}

.copy a, .copy a:hover{
 color:#888;
 text-decoration:none;
 cursor:text;
}