/**** COLORS WEB *****/
/*
      Color verd: cecd00
      Color blau: 008ac9
      Color gris: 58585a
      
*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

body
{
  margin: 0;
  padding: 0;
  font-family: Verdana, nimbus, sans-serif;
  font-size: 73%;
  background-color:#898a8e;
}
ul
{
  list-style:none;
  padding:0; margin:0;
}
.clear { clear:both;}
#wrapper
{
  width:918px;
  margin:0 auto;
  background-color:#fff;
  
}
/******************************************** TOP **********************/
#top
{
  background:#000 url(/images/icons/quadrat.gif) repeat 16px 0px;
  color:#fff;
    padding:20px 30px 0 30px;
  height:130px;
 
}
#top a
{
  color:#fff;
}
 #logo img
{
  float:left;
}
#top ul li
{
  display:inline;
}

#top_dreta
{
  float:right;
  width:610px;
}
#top #menu_top ul
{
  border-top:1px #cecd00 solid;
  padding:5px 20px 0 0;
  text-align:center;
}
#menu_top ul li
{
  padding:0 23px 0 15px;
}

#menu_top input[type='image']
{
 
    padding:0;
    vertical-align:top;
}
#menu_top input.cercar
{
  background:#f0f0f0;
  padding:1px 0px 1px 3px;
  border: none;
  width:60px;

}
li#inici
{
  background:transparent url(/images/icons/inici.gif) no-repeat right center;
}
li#idioma
{
  background:transparent  url(/images/icons/idioma.gif) no-repeat right center;
}
li#mapa_web
{
  background:transparent  url(/images/icons/mapa.gif) no-repeat 100% center;
}
#menu_top ul li#comandes
{
  padding:0 15px 0 15px;
  background:transparent  url(/images/icons/comandes.gif) no-repeat right center;
}
#top #nav
{
  margin:30px 0 0px 0;
  background-color:#cecd00;
  font-size:1.3em;
  padding:10px 0px;
  border-bottom:12px #008ac9 solid;
  
}
#nav li
{
  margin:0 20px;

}
#nav a
{

}
a:hover#corporativa
{
  background:transparent url(/images/menu/corporativa-r_ca.gif) no-repeat 0px 0;
}

a#corporativa
{
  background:transparent url(/images/menu/corporativa_ca.gif) no-repeat 0 0;
  width:150px; height:25px;
  }
#nav ul li a .corporativa_over
{
  background:#cecd00 url(/images/menu/corporativa-r_ca.gif) no-repeat;
}

#nav ul li a .cataleg_over
{
  background:#cecd00 url(/images/menu/cataleg-r_ca.gif) no-repeat;
}
#nav ul li a .comandes_over
{
  background:#cecd00 url(/images/menu/comandes-r_ca.gif) no-repeat;
}
#nav ul li a .noticies_over
{
  background:#cecd00 url(/images/menu/noticies-r_ca.gif) no-repeat;
}
#nav ul li a .contacte_over
{
  background:#cecd00 url(/images/menu/contacte-r_ca.gif) no-repeat;
}


#subnav ul
{
  text-align:center;
  margin-top:3px;
}
#subnav ul li
{
  padding:0 11px;
 
}



/**************************************************PEU DE PAGINA********************/
#peu
{
  background-color: #008ac9;
  clear:both;
  padding:10px;
  font-size:0.9em;
  color:#fff;
  font-weight:bold;
  height:20px;
}
#peu a:hover
{
  color:#fff;
  text-decoration:underline;
}
#peu a
{
  color:#fff;}
#aeo img
{
float:left;
margin-right:10px;
}
#aeo
{
  width:200px;
  float:left;
}
#centre_peu
{
 margin-left:400px;
}

#questions
{
  float:right;
  
}
/**************************************************CONTENT ****************************/
#container
{
  clear:both;
  background:#fff url(/images/laterals/pastilla.jpg) repeat-y 0 0;
}
#content
{
  position: relative;
  float:left;
  width:650px;
  font-size:1em;


  
}
#content .text
{
  line-height:2.5em;
  padding: 20px 20px;
  text-align:justify;
  background:transparent url(/images/icons/fulla.gif) no-repeat 50% 50%;
  min-height:400px;
  height:auto !important;
  height:400px;
    
}

#content #text_llarg
{
  line-height:2em;
 
}
#content h2
{
font-size:1.2em;
margin:10px 0 5px 0;
color:#cecd00;
}

#content h3
{
font-size:1.1em;
}

#content ul
{
  padding-left:20px;
  
}
#content ol 
{
  padding-left:30px;
}
#content ul li
{
  list-style-type:none;
  
}
#content .ressaltat
{
  color:#008ac9;
  font-weight: bold;
}

#content .esquerra
{
float:left;
}

#content #costat_imatge
{
  width:200px;
  margin-left:380px;
  
}

p.pdf
{
  background:transparent url(/images/icons/pdf.gif);
} 


/******************** FORMULARI DADES ********************************************/
form#intro_dades fieldset
{
  border:1px #cecd99 solid;
  padding:15px;
  line-height:1em;
}
form#LoginForm fieldset
{
  border:1px #cecd99 solid;
  padding:15px;
  line-height:1em;
  width:250px;
  
}

form#LoginForm ol
{
list-style:none;
  padding:0;
  margin:0;
  
  }

form#intro_dades ol

{
  list-style:none;
  padding:0;
  margin:0;
}
form#intro_dades input[type='text'] 
{
  background-color:#cecd99;
  margin:3px 0 3px 6px;
  height:20px;
  width:400px;
  border:none;
}
form#LoginForm input[type='text'], form#LoginForm input[type='password'] 
{
  /*background-color:#cecd99;*/
	
  margin:3px 0 3px;
  height:20px;
  width:200px;
   border:1px #cecd99 solid;
}
form#intro_dades input[type='submit']
{
  border:none;
  background-color:#cecd00;
  padding:3px;
  margin:10px 0;
  float:right;
  margin-right:100px;
  
} 

form#LoginForm input[type='submit']
{
  border:none;
  background-color:#cecd00;
  padding:3px;
  margin:10px 0;
  
} 

form#intro_dades label
{
  text-align:right;
  width:70px;
  float:left;
  padding:0.2em;
  margin:0;
  margin-top:0.3em; 
  font-size:0.8em;
  }
 form#LoginForm label
 {
  padding:0.2em;
  margin:0;
  margin-top:0.3em; 
  font-size:0.8em;
  display:block;
  }


form#intro_dades li.nota_legal
{
  font-size:0.8em;
  color:#333;
  padding:20px 0;
}
.camp_obligatori
{
  margin:5px 0 0 20px;
  color:red;
  font-size:0.9em;
  font-weight:bold;
}
/**********************************NOTICIES **********************/
#noticies
{
  position: absolute;
  top:30px;
  left:45px;
  width:200px;
}
#noticies .quadre_noticia
{
  background: transparent url(/images/noticia.png) repeat ;
  border: 1px #cecd00 solid;
  padding:10px;
  margin:10px 0;
}

#noticies a
{
  color:#000;
}
/************************************************** BARRA LATERAL ***************/
#barra_lateral
{
 
  float:left;
  position:relative;
}
#barra_lateral img
{
  margin-left:30px;
}

#menu_lateral
{
  position: absolute;
  left:35px;
  top:80px;
  text-transform:uppercase;
  
}
#menu_lateral a:hover
{
  text-decoration:underline;
}
#menu_lateral a
{
  color:#fff;
}


/*************** CATALEG ********************/
#caixa_tipus_lents
{
  width:500px;
  margin:50px auto;
  position:relative;
}

.tipus_lents
{
  margin:5px 10px;
  float:left;
  width:220px;
}

#caixa_lent 
{
  background-color: #cecd00;
  width:600px;
  margin:65px auto 0 auto;
  font-size:1.1em;
}

#caixa_lent h2
{
  padding:5px 0px;
  color: #fff;
  text-transform:uppercase;
}
#caixa_lent span
{
 padding:5px 10px;
 }
#caixa_lent span.nomlent
{
  background-color:#008ac9;
  
}

#caixa_lent span.immediat
{
  background-color:#58585a;
}
#caixa_lent span.novetat
{
  background-color:#58585a;
  color:yellow;
}


#caixa_lent p
{
  margin:10px 10px;
}

#caixa_lent #caracteristiques
{
  color: #fff;
  background:#58585a url(/images/icons/i.gif) no-repeat 0% 50%;
  padding: 10px;
  line-height:1.2em;
 
  
}

#caixa_lent #caracteristiques_transition
{
  color: #fff;
  background:#58585a url(/images/icons/i.gif) no-repeat 0% 50%;
  padding: 10px;
  line-height:1.2em;
  margin-left:132px;
}
#caixa_lent #caracteristiques p
{
  margin:0 0 10px 0;
}

#caixa_lent #caracteristiques ul li
{
  margin:10px 0;
  }

/**** CONTACTE ****/
table#equip_huma
{
line-height:1em;
text-align:left;
margin-left:10px;
font-size:0.95em;
}

table#equip_huma caption
{
  text-align:left;
  font-size:1.5em;
  color:#cecd00;
  margin:0 0 20px 10px;
  
}
#equip_huma tr
{
  line-height:1.2em;
 
}
#equip_huma tr td
{
  color:#008ac9;
  vertical-align:top;
  padding:5px;
  

}
#equip_huma span.tasca
{
  color:#cecd00;
  display:block;
  font-weight:bold;
  margin-top:5px;
  font-size:0.90em;
}

/**** SEARCH RESULTS *****/
ol.search-results
{
  line-height:1.1em;
}

ol.search-results li
{
  margin:10px;
}

form.search-controls
{
  margin:30px 0;
}

#mapa
{
  float:left;
  margin-right:30px;
}
p.text_mapa
{
  text-align:right
}
p.text_mapa a
{
  color:#008ac9;
}

/**** TAULA DEL MAPA WEB ****/

table.mapa_web
{
width:90%;

}

table.mapa_web a
{
  color:#000;
  border-bottom:1px solid #D3D1CE;
  padding-bottom:3px;
  
}
table.mapa_web th
{
padding:10px 0;
 }
table.mapa_web th a
{
  color:#cecd00;
  font-size:1.5em;
 
}
table.mapa_web td
{
  width:40%;
  padding-left:10px;
  line-height:1.3em;
}