/*  
Author: Arnau Pujol Cabarrocas
Author URI: http://analogicemotion.com/
*/

/* Reset CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin:0px; padding:0px; border:0px; outline:0px; }

a { color:#900; text-decoration:none; outline:none; }

a img, :link img, :visited img { border:0px; }

table { border-collapse:collapse; border-spacing:0px; }

ol, ul { list-style:none; }

:focus { outline:none; }

img { margin:0px; vertical-align:top; }

/* Estructura General */

html,body { 
  margin:0 auto; 
  height:100%; 
  font-family:Verdana, Arial, sans-serif; 
  color:#111; 
  font-size:11px; 
  font-style: normal; 
  line-height:16px; 
  background:#2A2A2A url('../image/bg_fons.gif') top center repeat-x; 
}

#pagina {
  position:relative;
  margin:0 auto; 
  padding:0px 3px;
  width:930px;
  height:auto !important; /* For Modern Browsers */
  height:100%; /* For IE */
  min-height:100%; /* For Modern Browsers */
  background:#fff url('../image/bg_pagina.gif') right bottom repeat-y; 
}  

#estructura{
  padding:0px 0px 80px 0px; /* segons footer */	
  width:930px;
  overflow:hidden; 
}  

/* Capçalera */

#header {
  background:#D91C09;
}

#header_logo {
  position:relative;
  height:180px;
  background:#D91C09 url('../image/bg_logo.gif') left bottom repeat-x; 
  overflow:hidden;
}

#header_logo #link_inici {
  position:absolute;
  width:260px;
  height:100px;
  top:38px;
  left:24px;
}

#header_logo #banner_mov {
  position:absolute;
  height:180px;
  width:520px;
  right:0px;
  overflow:hidden;
}

/* Menu */

#header_menu {
  position:relative;
  padding:0px 0px 0px 15px;
  height:33px;
  background:#111 url('../image/menu_sub_1.gif') left bottom repeat-x;
}

#header_menu ul {
  padding-left:1px;
  height:33px;
  background:url('../image/menu_sep.gif') left top no-repeat;
}

#header_menu li {
  display:inline;
}

#header_menu a {
  float:left;
  display:block;
  border-bottom:3px solid #D91C09;
  padding:4px 11px 1px 10px;
  color:#fff;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:12px; 
  font-weight:bold;
  letter-spacing:1px;
  height:25px;
  line-height:25px;
  text-transform:uppercase;
  background:url('../image/menu_sep.gif') right top no-repeat;
}

#header_menu a:hover { color:#ccc; background-color:#262626; border-bottom:3px solid #A11E22; }
#header_menu a.current { color:#ffffff; background-color:#5E95D6; }

/* Idiomes */

#opcions {
  position:absolute;
  top:0px;
  right:10px;
  text-align:right;
  z-index:1000;
}

#opcions li {
  display:inline;
}

#opcions a {
  float:left;
  margin-left:5px;
  padding-top:2px;
  width:55px;
  height:23px;
  color:#fff;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:12px; 
  font-weight:bold;
  line-height:23px;
  text-align:left;
  letter-spacing:1px;
  background:url('../image/pest_idioma_2.gif') left bottom repeat-x;
}
#opcions a:hover {
  color:#ccc;
  padding-top:4px;
  background:url('../image/pest_idioma_2.gif') left bottom repeat-x;
}
#opcions a.actual, #opcions a.actual:hover {
  color:#fff;
  padding-top:2px;
  background:url('../image/pest_idioma_1.gif') left bottom repeat-x;
}

#opcions span.catala {
  margin-left:6px;
  padding-left:18px;
  background:url('../image/band_cat.gif') left bottom no-repeat;
}

#opcions span.espanol {
  margin-left:6px;
  padding-left:18px;
  background:url('../image/band_esp.gif') left bottom no-repeat;
}

#opcions span.francais {
  margin-left:6px;
  padding-left:18px;
  background:url('../image/band_fra.gif') left bottom no-repeat;
}

#opcions span.english {
  margin-left:6px;
  padding-left:18px;
  background:url('../image/band_eng.gif') left bottom no-repeat;
}

/* Buscador */

#buscador{
 position:absolute;
 top:0px;
 right:0px;
 padding-top:4px;
 text-align:right;
 padding-right:11px;
 height:25px;
 overflow:hidden;
}

#buscador label{
  display:inline;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:12px; 
  color:#fff;
  margin:0px;
  line-height:25px;
  letter-spacing:1px;
  vertical-align:middle;
}

#buscador img{
  display:inline;
  vertical-align:middle;
}

#buscador input{
  display:inline;
  vertical-align:middle;
}

#buscador input#keyword{
  margin:-4px 0px 0px 5px;
  padding-right:0px;
  font-weight:normal;
  width:180px;
}

#buscador input#buscar{
  border:0px;
  padding:0px;
  margin:0px;
  width:30px;
  height:24px;
  text-transform:uppercase;
  color:#ffffff;
  background:url('../image/icon_search.gif') top left no-repeat;
  cursor:pointer;
}

/* Contingut */

#contingut{
  float:left;
  margin:0px;
  width:660px;
  font-size:11px;
  line-height:15px;
}

#contingut p {
  margin-bottom:7px;
}

#contingut .legal {
  font-size:10px;
  color:#555;
  letter-spacing:-.5px;
  line-height:13px;
}

.error { padding:20px; text-align:center; }

/* Titulars */

h2 {
  margin:0px 0px 10px 0px;
  border-bottom:1px solid #8F8F75;
  padding-bottom:3px;
  color:#900;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:14px; 
  letter-spacing:1px;
  text-transform:uppercase;
}

h2.marge { margin:15px 0px 10px 0px; }

h4 {
  margin:10px 0px 5px 0px;
  border-bottom:1px solid #8F8F75;
  padding-bottom:1px;
  color:#900;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:12px; 
  letter-spacing:1px;
  text-transform:uppercase;
}

/* Navegació Horitzontal - Breadcrumb */

#breadcrumb {
  padding:0px 38px;
  height:30px;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-weight:normal;
  font-size:12px;
  letter-spacing:1px;
  line-height:30px;
  text-transform:uppercase;
  color:#fff;
  background:#8F8F75 url('../image/icon_home.gif') left top no-repeat;
}

#breadcrumb a:link,#breadcrumb a:visited,#breadcrumb a:active { color:#000;}
#breadcrumb a:hover {text-decoration:none;}

#contingut_modul {
  padding:15px 15px 10px 15px;
}

/* Lateral */

#lateral{
  float: right;
  margin:0px;
  padding:0px;
  border:none;
  width:270px;
  line-height:14px;
}

#lateral h3 {
  padding:0px 15px;
  height:30px;
  color:#fff;
  font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
  font-size:12px;  
  letter-spacing:1px;
  text-transform:uppercase;
  line-height:30px;
  background:#7A7A6D;
}

#lateral a {
  color:#fff;
}

#lateral .content {
  margin:7px 0px 10px 0px;
  padding:0px 15px;
}

#lateral .content-no {
  margin:0px;
  padding:0px;
}

#lateral #noticies_lat {}
#lateral #noticies_lat li { background:url('../image/fletxa_lat.gif') left top no-repeat; padding:2px 0px 2px 8px; margin-bottom:5px; }
#lateral #noticies_lat a { color:#111; }
#lateral #noticies_lat a:hover { color:#900; }

#lateral #categories_lat {}
#lateral #categories_lat li { 
  font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
  font-size:12px;
  text-transform:uppercase;  
  padding:1px 0px 0px 0px; 
  height:30px;
  line-height:30px; 
  letter-spacing:1px;
  background:url('../image/bg_punt.gif') left top repeat-x; 
}

#lateral #categories_lat li.primer {  
  padding:0px; 
  background:none; 
}

#lateral #categories_lat a { 
  display:block;
  padding:0px 0px 0px 15px;
  color:#111; 
}

#lateral #categories_lat a .subtitol { 
  margin-left:5px;
  color:#666;
}
#lateral #categories_lat a.current .subtitol { 
  margin-left:5px;
  color:#ddd;
}

#lateral #categories_lat a:hover { background:#babaa6; }
#lateral #categories_lat a.current { color:#fff; background:#8F8F75 url('../image/cat_lat.gif') left top no-repeat; }

#lateral a.feedburner {
  display:block;
  margin:8px 0px 0px 0px;
  height:27px;
  width:210px;
  background:url('../image/img_rss.gif') right top no-repeat;
}

/* Formularis */

fieldset { padding-top:10px; }

label {
  float:left;
  display:block;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
  text-align:left;
  color:#333;
  font-size:11px; 
  line-height:11px;
  text-transform:uppercase;
  font-weight:bold;
  letter-spacing:1px;
}

input { 
  display:block;
  margin:2px 0px 5px 0px;
  padding:1px 0px 0px 3px;
  border:1px solid #bbb; 
  height:16px; 
  font-family:Verdana, sans-serif; 
  font-size:11px; 
  font-weight:normal; 
  color:#111; 
  text-transform:none; 
}

input.hidden {
  display:none;
  margin:0px;
  border:0px;
  padding:0px;
  height:0px;
  line-height:0px;
}

input.checkbox, input.radio {
  margin:0px;
  padding:0px;
  border:0px;
  display:inline;
}

select { 
  display:block;
  margin:2px 0px 5px 0px;
  border:1px solid #bbb; 
  height:19px; 
  line-height:11px; 
  font-family:Verdana, sans-serif; 
  font-size:11px; 
  font-weight:normal; 
  color:#111; 
  text-transform:none; 
}

textarea { 
  display:block;
  margin:2px 0px 5px 0px;
  border:1px solid #bbb; 
  padding: 1px 0px 0px 3px; 
  font-family:Verdana, sans-serif; 
  font-size:11px; 
  font-weight:normal; 
  color: #111; 
  vertical-align:middle; 
  text-transform:none; 
}

#form_data { 
  margin:10px 10px;
  padding:0px 15px;
}

#form_data label.llarg input { width:560px; }
#form_data label.llarg textarea { width:560px; }

/* Botons */

.botonera { clear:both; float:none; overflow:hidden; width:100%; padding:5px 0px; }
.botonera a{ display:block; float:left; padding:0px 50px; height:30px; line-height:30px; margin-right:10px; text-transform:uppercase; font-weight:bold; font-family:"Trebuchet MS",Verdana,Arial,sans-serif; font-size:11px; letter-spacing:1px; }

.botonera a.boto_curt { color:#fff; background:#BABAA6; }
.botonera a.boto_curt:hover { color:#fff; background:#7A7A6D; }

/* Pàgines */

#split_page { width:100%; overflow:hidden;}
#split_news { padding-top:1px;  background:url('../image/bg_punt.gif') left top repeat-x; }

#contingut #veient {
  display:block;
  float:left;
  margin:0px;
  width:300px;
  height:28px;
  line-height:28px;
  text-transform:uppercase;
  font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
  letter-spacing:1px;
}

#pagines {
  text-align:right;
  float:right;
  width:200px; 
  height:28px;
  line-height:28px;
  font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
  letter-spacing:1px;
  text-transform:uppercase;
}

#pagines label {
  float:none;
  display:inline;
  line-height:28px;
  margin:0px 5px;
}

#pagines select {
  float:none;
  display:inline;
  margin:0px 5px;
}

/* Peu */

#footer {
  position:relative;
  margin:-80px auto 0px auto;
  width:900px;
  height:65px;
  padding:15px 15px 0px 15px;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
  font-size:11px;
  line-height:14px;
  color:#fff;
  background:#7A7A6D;
}

#footer-left {
  float:left;
  width:540px;
  margin-top:3px;
  font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
  font-size:12px;
  font-weight:bold;  
  line-height:16px;
  color:#fff;
}

#footer-left a { color:#fff; text-transform:uppercase; }
#footer-left a:hover { color:#c00; }
#footer-left a.mail { display:inline; text-transform:none; }

#footer-right {
  float:right;
  width:350px;
  height:40px;
}

#footer-right a { display:block; float:right; }
#footer-right a.link_quads { width:125px; height:33px; background:url('../image/logo_quads.gif') right top no-repeat; }
#footer-right a.link_trivimon { width:103px; height:33px; background:url('../image/logo_trivimon.gif') right top no-repeat; }
#footer-right .sep_links { display:block; float:right; height:23px; margin-top:10px; width:1px; background:#fff;}