@import "botiga.css";

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

img.esquerra
{
float: left;
}

img.dreta
{
float: right;
}

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: #a80002;
}

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

div#centrar
{
width: 1003px;
text-align: center;
}

div#estructura
{
padding: 10px 0 0 0;
margin: auto;
text-align: left;
/*width: 741px;*/
width: 869px;
}

div#cap
{
padding: 0 0 8px 0;
}

div#idiomes
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #84807a;
text-align: right;
padding: 0 14px 0 0;
}

a.langactiu
{
color: #000;
text-decoration: none;
}

a.langinactiu
{
color: #84807a;
text-decoration: none;
}

a.langinactiu:hover
{
color: #000;
}

div#menu
{
margin: 56px 0 0 0;
text-align: right;
}

ul#menullista
{
margin: 0 0 0 0;
padding: 0;
list-style: none;

font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
color: #9a1516;
}

ul#menullista li
{
display: inline;
padding: 0 12px 0 12px;
}

a.menullistaactiu
{
color: #9a1516;
text-decoration: none;
padding-top: 16px;
padding-bottom: 10px;
background-image: url('../img/fletxa.gif');
background-repeat: no-repeat;
background-position: top center;
}

a.menullistainactiu
{
color: #9a1516;
text-decoration: none;
padding-bottom: 10px;
}

a.menullistainactiu:hover
{
padding-top: 16px;
background-image: url('../img/fletxa.gif');
background-repeat: no-repeat;
background-position: top center;
}

div#contingutvermell
{
float: left; position: relative;
width: 869px;
height: 434px;
border: solid 1px #9a1516;
background-image: url('../img/fons_vermell.png');
}

div#contingutverd
{
float: left; position: relative;
width: 869px;
height: 434px;
border: solid 1px #004727;
background-image: url('../img/fons_verd.png');
}

div#contingutgroc
{
float: left; position: relative;
width: 869px;
height: 434px;
border: solid 1px #fec81d;
background-image: url('../img/fons_groc.png');
}

div#peu
{
padding: 4px 0 4px 0;
}

div#peu1
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
text-align: center;
}

div#peu1 a
{
color: #000;
text-decoration: none;
}

div#peu2
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
text-align: center;
}

div#peu2 a
{
color: #000;
text-decoration: underline;
}

div#peu2 a:hover
{
color: #9a1516;
}

div#peu3
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #84807a;
text-align: left;
}

div#peu3 a
{
color: #84807a;
text-decoration: none;
}

div#seccio
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
}

img.seccioimgesquerra
{
float: left;
clear: left;
margin: 0 20px 10px 0;
}

/************* Scrollers *****************/

/*#loadMessage
{
left: 288px;
top: 345px;
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #999999;
font-weight: bold;
}*/

.absDiv
{
position: absolute;
visibility: hidden;
overflow: hidden;
/*border: 1px solid red;*/
}

div#contentInner
{
/*border: 1px solid #f3eae9;*/
}

/*****************************************/

div.formulari
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
}

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

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
}

label.formlabel1
{
float: left;
width: 98px;
padding: 2px 10px 0px 0px;
text-align: left;

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
line-height: 110%;
}

label.formlabel2
{
float: left;
width: 270px;
padding: 2px 10px 0px 0px;
text-align: left;

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
line-height: 110%;
}

input.forminput
{
background-color: #fff;
border: solid 1px #9a1516;
}

select.formselect
{
background-color: #fff;
border: solid 1px #9a1516;
}

select.formselect option
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
}

input.formbutton
{
padding: 0 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #fff;
background-color: #000;
border: solid 1px #000;
}

textarea.formtextarea
{
border: solid 1px #9a1516;
}

div.botons
{
padding: 10px 0 10px 0;
width: 400px;
text-align: center;
}

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

#empresa
{
width: 274px;
}

#nom
{
width: 200px;
}

#cognoms
{
width: 274px;
}

#poblacio
{
width: 200px;
}

#cp
{
width: 150px;
}

#provincia
{
width: 200px;
}

#pais
{
width: 200px;
}

#telefon
{
width: 150px;
}

#fax
{
width: 150px;
}

#email
{
width: 274px;
}

div#ok
{
margin: 14px 10px 10px 300px;
padding: 160px 10px 0 0;

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
text-align: center;
}

div#lateralproductes {
   bottom: 55px;
   margin-left: 130px;
   position: absolute;
   width: 180px;
}

div#flash
{
padding: 12px 0 0 157px;
}

div.avislegal
{
padding: 10px 10px 10px 10px;

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
text-align: justify;
}

h1.titolavislegal
{
font-size: 16px;
color: #9a1516;
text-align: center;
}

div.avislegal a
{
color: #000;
text-decoration: underline;
}

div#mapa
{
margin: 60px 0px 20px 330px;
width: 400px;
height: 300px;

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
text-align: center;
}

div#mapa a
{
color: #000;
text-decoration: underline;
}

div#mapa a:hover
{
color: #9a1516;
}

/* -- SUBMENU -- */

div#submenu_es
{
position: absolute;
left: 570px;
* left: 566px;
/*left: 55%;
* left: 56%;*/
top: 89px;
z-index: 100;
visibility: hidden;
margin: 0px 0px 0px -12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
text-align: left;
cursor: pointer;
}

div#submenu1_es {
   position: absolute;
   left: 721px;
   * left: 715px;
   top: 130px;
   * top: 131px;
   z-index: 100;
   visibility: hidden;
   margin: 0px 0px 0px -12px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #000;
   text-align: left;
   cursor: pointer;
}

div#submenu_ct
{
position: absolute;
left: 620px;
* left: 616px;
/*left: 55%;
* left: 56%;*/
top: 89px;
z-index: 100;
visibility: hidden;
margin: 0px 0px 0px -12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
text-align: left;
cursor: pointer;
}

div#submenu1_ct {
   position: absolute;
   left: 771px;
   * left: 765px;
   top: 130px;
   * top: 131px;
   z-index: 100;
   visibility: hidden;
   margin: 0px 0px 0px -12px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #000;
   text-align: left;
   cursor: pointer;
}

div#submenu_en
{
position: absolute;
left: 600px;
* left: 596px;
/*left: 55%;
* left: 56%;*/
top: 89px;
z-index: 100;
visibility: hidden;
margin: 0px 0px 0px -12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
text-align: left;
cursor: pointer;
}

div#submenu1_en {
   position: absolute;
   left: 751px;
   * left: 745px;
   top: 130px;
   * top: 131px;
   z-index: 100;
   visibility: hidden;
   margin: 0px 0px 0px -12px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #000;
   text-align: left;
   cursor: pointer;
}

div#submenu_es a
{
display:block;
color:black;
text-decoration: none;
cursor: pointer;
padding: 5px 5px 3px 5px;
}

div#submenu1_es a {
   display:block;
   color:black;
   text-decoration: none;
   cursor: pointer;
   padding: 5px 5px 3px 5px;
}

div#submenu_ct a
{
display:block;
color:black;
text-decoration: none;
cursor: pointer;
padding: 5px 5px 3px 5px;
}

div#submenu1_ct a {
   display:block;
   color:black;
   text-decoration: none;
   cursor: pointer;
   padding: 5px 5px 3px 5px;
}

div#submenu_en a
{
display:block;
color:black;
text-decoration: none;
cursor: pointer;
padding: 5px 5px 3px 5px;
}

div#submenu1_en a {
   display:block;
   color:black;
   text-decoration: none;
   cursor: pointer;
   padding: 5px 5px 3px 5px;
}

div#submenu_es a:hover
{
background-color: #f3eae9;
color: #9a1516;
text-decoration: none;
cursor: pointer;
}

div#submenu1_es a:hover {
   background-color: #f3eae9;
   color: #9a1516;
   text-decoration: none;
   cursor: pointer;
}

div#submenu_ct a:hover
{
background-color: #f3eae9;
color: #9a1516;
text-decoration: none;
cursor: pointer;
}

div#submenu1_ct a:hover {
   background-color: #f3eae9;
   color: #9a1516;
   text-decoration: none;
   cursor: pointer;
}

div#submenu_en a:hover
{
background-color: #f3eae9;
color: #9a1516;
text-decoration: none;
cursor: pointer;
}

div#submenu1_en a:hover {
   background-color: #f3eae9;
   color: #9a1516;
   text-decoration: none;
   cursor: pointer;
}

div#submenuitem0 /* Aqui agafa la imatge sota la que hi anira el menu  */
{
width: 150px;
height: 17px;
cursor: pointer;
}

div#submenuitem1
{
/*position: relative;*/
width: 150px;
/*top: -2px;*/
border-top: 1px solid #9a1516;
border-left: 1px solid #9a1516;
border-right: 1px solid #9a1516;
background-color:#fff;
cursor: pointer;
}

div#submenuitem2
{
width: 150px;
border-top: 1px dashed #9a1516;
border-bottom: 1px dashed #9a1516;
border-left: 1px solid #9a1516;
border-right: 1px solid #9a1516;
background-color:#fff;
cursor: pointer;
}

div#submenuitem3
{
width: 150px;
border-bottom: 1px solid #9a1516;
border-left: 1px solid #9a1516;
border-right: 1px solid #9a1516;
background-color:#fff;
cursor: pointer;
}

div#submenuitem10 {
   width: 150px;
   border-top: 1px solid #9a1516;
   border-left: 1px solid #9a1516;
   border-right: 1px solid #9a1516;
   background-color:#fff;
   font-size: 11px;
   cursor: pointer;
   padding-top: 1px;
   padding-bottom: 1px;
}

div#submenuitem11 {
   width: 150px;
   border-top: 1px dashed #9a1516;
   border-left: 1px solid #9a1516;
   border-right: 1px solid #9a1516;
   border-bottom: 1px solid #9a1516;
   background-color:#fff;
   font-size: 11px;
   cursor: pointer;
   padding-bottom: 1px;
   padding-top: 1px;
}

div#autoindex
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
position: absolute;
text-align: center;
left: 205px;
top: 415px;
width: 660px;
}

a.autoindexportada
{
color: #000;
text-decoration:none;
font-weight:normal;
}

a.autoindexgroc
{
color: #000;
text-decoration: none;
}

a.autoindexvermell
{
color: #9a1516;
text-decoration: none;
}

a.autoindexverd
{
color: #004727;
text-decoration: none;
}