/* http://www.efiener.com */

/* Comuns */
body { background: #FFFFFF url("../img/body.gif") repeat-x top left; font-family: Tahoma, sans-serif, Helvetica; font-size: 12px; margin: 6px 0 0 0; color: #222222;}
h1 { font-size: 12px; font-weight: bold; padding: 5px 0 5px 4px; margin: 10px 0 6px 0; color: #333333; border-bottom: 1px solid #DDDDDD}
h2 { font-size: 12px; font-weight: bold; text-align: left; margin: 5px 4px 10px 4px; padding: 0 4px 3px 4px; border-bottom: 1px solid #BBBBBB;}
p { margin: 10px 8px 5px 8px; padding: 0 0 5px 0; line-height: 135%;}
ul { margin: 0 0 0 20px; padding:0; list-style-type:none;}
li { margin: 0; padding: 1px 8px 5px 10px; background: transparent url("../img/li.gif") no-repeat 0 9px; line-height: 135%;}
.general { width: 983px; margin: 0 auto 0 auto; border: 1px solid #CCCCCC; background-color:#FFFFFF;}

.top { height: 102px; background-color:#FFFFFF;}
#logo { float: left; width: 300px; padding: 15px 0 0 0; margin: 0;}
#logo img { border: none;}

.dreta { margin: 5px; float: right;}
.top_right { float: right; text-align: right;}
#data_ca, #data_es, #data_en { font-size: 11px; margin: 12px 8px 0 0; padding: 0 6px 0 0;}
.nav_top { text-align: right; padding: 5px 6px 0 0; margin: 0; color:#FF0000;}
.nav_top a { color:#FF0000; text-decoration:none;}
.nav_top a:hover { text-decoration: underline;}
.telefon { margin: 40px 13px 0 0;}

.nav { height: 25px; margin:0 7px 0 7px; background: #FFFFFF url('../img/nav.gif') repeat-x top left;}
.nav ul { display:block; margin:0 5px 0 5px; padding:0; list-style-type:none;}
.nav li { display:block; float:left; font-weight: bold; margin:0; padding: 0; background: none;}
.nav li a { color: #222222; display:block; float:left; text-decoration:none; padding:5px 25px 0 25px; background: #FFFFFF url('../img/nav_sel.gif') no-repeat 0px -36px; border-right:1px solid #BBBBBB; height: 19px; margin: 1px 0 0 0;}
.nav li.actiu a { color:#FF0000; background: #FFFFFF url('../img/nav_sel.gif') no-repeat top left; padding:6px 25px 0 25px; margin: 0;}
.nav li a:hover { text-decoration:none; color: #FF0000;}
.nav img { border: none;}

.nav_lateral { margin:34px 16px 0 0;}
.nav_lateral ul { display: block; margin:0; padding:0; list-style-type:none; border-bottom: 1px solid #DDDDDD;}
.nav_lateral li { display: block; border-top:1px solid #DDDDDD; height: 22px; margin:0; padding: 0; background: none;}
.nav_lateral li a { display: block; color:#222222; text-decoration:none; padding:4px 10px 0 17px; height: 18px; background: transparent url("../img/fletxa_gris.gif") no-repeat 5px 9px;}
.nav_lateral li.actiu a { color:#FF0000; font-weight: bold;}
.nav_lateral li a:hover { text-decoration:none; color: #FF0000; background: transparent url("../img/fletxa_vermella.gif") no-repeat 6px 9px;}
	
.main { min-height: 470px; padding: 10px; background-color:#FFFFFF; overflow:hidden;}
*html .main { height: 470px; padding: 10px; background-color:#FFFFFF; overflow:visible !important;} /* IE6 */
.lateral { padding: 0 0 0 9px;}
.bottom { font-size: 11px; height:14px; text-align: center; padding: 0; margin: 5px 0 10px 0;}
.ruta { margin: 0 4px 0 4px;}
.separador { padding: 0 8px 0 8px; background: transparent url("../img/fletxa_gris.gif") no-repeat center 6px;}
.fletxa { padding-left: 16px; background: transparent url("../img/fletxa_link.gif") no-repeat left 4px;}
.vcard abbr {border: none;}

.cont_100 { float:left; width: 100%; margin: 5px 0 5px 0;}
.cont_80 { float: left; width: 80%;}
.cont_75 { float: left; width: 74.9%;}
.cont_66 { float: left; width: 66.6%;}
.cont_60 { float: left; width: 60%;}
.cont_50 { float: left; width: 49.9%;}
.cont_40 { float: left; width: 40%;}
.cont_33 { float: left; width: 33.3%;}
.cont_25 { float: left; width: 24.9%;}
.cont_20 { float: left; width: 19.98%;}
.amagat { background: transparent url("../img/categoria.gif") repeat-y top left;}
.no_marge { margin: 0;}

.vermell { color: #FF0000;}
.negreta { font-weight: bold;}
.pdf { background: transparent url("../img/pdf.gif") no-repeat 20px 0; padding: 0 0 0 44px;}
.link { background: transparent url("../img/link.gif") no-repeat 20px 0; padding: 0 0 0 44px;}
.h_puntejat { height: 1px; margin: 0 5px 0 5px; border-bottom: 1px dotted #CCCCCC;}
.sub { font-size: 9px;}
.link_vermell:link,
.link_vermell:visited{ text-decoration:none; color:#FF0000; border-bottom: 1px solid #CCCCCC;}
.link_vermell:hover{ text-decoration:none; color: #0066FF; border-bottom: 1px solid #0066FF;}

.link_gris:link,
.link_gris:visited{ text-decoration:none; color:#222222; border-bottom: 1px solid #CCCCCC;}
.link_gris:hover{ text-decoration:none; color:#0066FF;  border-bottom: 1px solid #0066FF;}

/* Inici */
.banner { height: 120px; position: relative; margin: 5px 0 10px 0; padding:0; overflow: hidden;}
.banner img { border: none;}

.quadre { min-height: 20px; margin: 0; padding: 0 0 15px 0; border: 1px solid #CCCCCC; background: transparent url("../img/quadre.gif") repeat-x top left;}
.quadre h2 { margin: 6px 8px 10px 8px; padding: 0 4px 6px 4px;}
.quadre ul { min-height: 20px; margin: 0 8px 0 8px; padding:0; list-style-type: none;}
.quadre ul li { margin:0; padding: 3px 0 5px 0; border-bottom: 1px dotted #CCCCCC; background: none;}
.quadre ul li ul { margin: 0 5px 0 5px; padding: 5px 0 5px 0;}
.quadre ul li ul li { margin:0; padding: 3px 0 5px 0; text-align: left; border: none;}

.categoria { margin: 0 8px 0 8px; padding: 0 0 0 0; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; background: transparent url("../img/quadre.gif") repeat-x top left;}
.categoria h2 { margin: 6px 8px 10px 8px; padding: 0 4px 6px 4px;}
.categoria h2 a { color: #222222; text-decoration: none;}
.categoria h2 a:hover { color: #FF0000; border-bottom: 1px solid #FF0000;}
.categoria ul { margin: 0 8px 0 8px; padding:0 0 0 10px; list-style-type: none;}
.categoria li { margin:0; padding: 3px 15px 5px 10px; background: transparent url("../img/li.gif") no-repeat 0 10px;}

.info { margin: 0 8px 10px 8px; padding: 5px 0 0 5px; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.info p { text-align: right; margin: 0 8px 5px 8px; padding: 0 5px 5px 0;}

/*Empresa*/
.empresa { margin: 5px 0 5px 0; border-top: 1px solid #DDDDDD;}
.empresa h2 { border: none; margin: 10px 4px 10px 10px; padding: 0 4px 3px 4px; }
.empresa p { line-height: 140%; margin-right: 12px;}
.empresa ul { list-style-type: none; margin: 0; padding: 0 10px 0px 10px;}
.empresa li { margin:0; padding: 3px 15px 5px 10px; text-align: left; background: transparent url("../img/li.gif") no-repeat 0 10px;}

/*Serveis*/
.cat_serveis { float: left; width: 309px; height: 190px; color: #222222; border: 1px solid #CCCCCC; list-style-type:none; margin: 0 5px 10px 5px; padding: 0; overflow: hidden; text-decoration: none; cursor: pointer;}
*html .cat_serveis { margin: 0 3px 10px 4px;} /* IE6 */
.cat_serveis a { display: block; text-decoration: none;}
.cat_serveis h2 { position: relative; z-index: 20; height: 25px; font-size: 14px; color: #FFFFFF; margin: 0 0 0 0; padding: 7px 0 0 10px; border-bottom: 1px solid #FFFFFF; background-color: #000000; filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;}
.cat_serveis img { position: relative; z-index: 10; border: none; margin: -33px 0 0 0;}
.cat_serveis p { font-size: 11px; color: #888888; padding: 22px 10px 0 10px; margin:0;}

.serveis h2 { font-weight: bold; border: none; margin: 15px 0 10px 0; padding: 0 0 0 8px; }

/* Subvencions */
.subvencions { text-align:center; margin: 20px 0 20px 0;}
.subvencions table { margin: 0 auto 0 auto; border-collapse: collapse;}
.subvencions th { width: 310px; height: 20px; font-weight: normal; text-align: left; padding: 2px 0 2px 5px; border: 1px solid #CCCCCC;}
.subvencions td { width: 280px; height: 20px; font-weight: bold; text-align: left; padding: 2px 0 2px 10px; border: 1px solid #CCCCCC;}

/* Notícies */
.noticia { min-height: 190px; padding: 10px 0 20px 0; overflow: hidden;}
*html .noticia { height: 190px; overflow:visible !important;} /* IE6 */
.noticia img { border: 1px solid #DDDDDD;}
.noticia-text { padding: 0 5px 0 15px;}
.noticia h2 { margin: 0 0 5px 0; padding: 0 0 4px 15px; font-weight: normal; text-align: left; color: #555555; background: transparent url("../img/noticia.gif") no-repeat 0 3px; border-bottom: 1px solid #BBBBBB;}
.noticia-data { color: #FF0000; padding: 10px 8px 0 8px;}

/* Clients */
.clients { margin: 15px 0 10px 0; padding:0;}
.clients ul { text-align:center; list-style-type: none; margin: 0 0 15px 0; padding: 0 0 0 1px;}
.clients li { float: left; margin: 5px 8px 5px 7px; padding: 0; background: none;}
*html .clients li { float: left; margin: 5px 3px 5px 7px; padding: 0;}
.clients img { padding: 5px 10px 5px 10px; border: 1px solid #DDDDDD;}
.llista_clients { margin: 10px 5px 0 5px; padding: 0 0 5px 0; border: 1px solid #CCCCCC; background: transparent url("../img/quadre.gif") repeat-x top left;}
.llista_clients h2 { margin: 6px 8px 15px 8px; padding: 0 4px 6px 4px;}
.llista_clients ul { margin: 0 0 0 18px; padding:0; list-style-type:none;}
.llista_clients li { margin:0; padding: 3px 15px 5px 10px; text-align: left; background: transparent url("../img/li.gif") no-repeat 0 10px;}

/* Contacte */
.form {padding: 5px 0 0 20px;}
.form p { margin: 5px 0 5px 0; padding:0;}
.form submit { clear:both;}
.form input, textarea { margin: 0 0 10px 0; padding: 2px 2px 2px 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #444444; border:1px solid #679AD1;}
.boto { font-family: Tahoma, sans-serif, Helvetica;  font-size: 12px; height: 25px; width: 80px;}

/* Localització */
.localitzacio h2 { margin: 0 0 0 4px; border: none;}
.mapa_link { padding: 200px 0 0 0;}
.mapa { float:right;}
.mapa iframe { height: 400px; width: 715px; border: 0; margin: 0px; border: 1px solid #DDDDDD;}

/* Legal */
.legal { text-align:center; margin: 20px 0 20px 0;}
.legal table { margin: 0 auto 0 auto; border-collapse: collapse;}
.legal th { width: 150px; height: 17px; background-color: #EEEEEE; font-weight: bold; text-align: left; padding: 2px 0 2px 5px; border: 1px solid #CCCCCC;}
.legal td { width: 350px; height: 17px; font-weight: normal; text-align: left; padding: 2px 0 2px 10px; border: 1px solid #CCCCCC;}