/* CSS Document */

/* Rutalia 2008
/* Autor: Jaume Izquierdo
--------------------------------------------------------------------------- */

/* RESET
--------------------------------------------------------------------------- */

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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; /*font-style: inherit; */font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: middle;}

a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/* BASICS
--------------------------------------------------------------------------- */

body {background: #fff url(../images/bg.gif) repeat-y center; padding: 0; margin: 0; font-family: /*Verdana, */Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000;}

p {}

h1 {}

h2 {color: #913343; font-size: 14px;}

h3 {}

a {}
a:hover {}

img {}

.clear {clear: both;}

.rojo {color: red; font-weight: bold; font-size: 10px;}

a.blanc:link, a.blanc:visited, a.blanc:active {color: #fff; text-decoration: underline;}
a.blanc:hover {color: #fff; text-decoration: none;}

/* ESTRUCTURA
--------------------------------------------------------------------------- */

/* PRELOADER */
.carregadades {width: 240px; height: 50px; /*background: #fff*/; z-index: 10000; position: absolute; top:50%; left: 50%; margin-top: -100px; margin-left: -100px; padding: 20px;}

#contenidor {width: 975px; margin: 0px auto; background: #fff;}

#capsalera {height: 116px;}
#capsalera #logo {float: left; width: 570px; margin: 0 0 0 10px;}
#capsalera #intra {float: left; width: 250px;}
#capsalera #intra h3 {background: #f0dedc; color: #b6b6b6; display: block; line-height: 20px; text-indent: 10px;}
#capsalera #intra #bloc {border: 1px solid #f0dedc; padding: 5px 0 5px 0;}
#capsalera #intra #bloc li {padding: 0 0 5px 0;}
#capsalera #intra #bloc .izq {float: left; text-align: right; width: 100px; line-height: 15px; font-size: 0.7em;}
#capsalera #intra #bloc .dcha {float: left; width: 100px; line-height: 20px; margin: 0 0 0 10px;}
#capsalera #intra #bloc .dcha input {border: 1px solid #b6b6b6; line-height: 15px; background: #fff; width: 120px; font-size: 0.7em;}
#capsalera #idiomes {float: left; margin: 0 0 0 10px;}
#capsalera #idiomes li {display: inline;}
#capsalera #idiomes li a {display: block; float: left; border: 1px solid #f0dedc; width: 60px; color: #b6b6b6; text-align: center; line-height: 20px; margin: 0 5px 0 0;}
#capsalera #idiomes li a:hover {display: block; float: left; border: 1px solid #f0dedc; background: #f0dedc; width: 60px; color: #b6b6b6; text-align: center; line-height: 20px; margin: 0 5px 0 0;}



#capsalera #cap2 #izq {float: left;}
#capsalera #cap2 #izq #tornar2 {margin: 15px 0 0 10px;}
#capsalera #cap2 #izq #tornar2 a {color: #000; text-decoration: underline;}
#capsalera #cap2 #izq #tornar2 a:hover {text-decoration: none; color: #b6b6b6;}
#capsalera #cap2 #dcha {float: right; margin: 0 10px 0 0;}

#cercador {margin: 0px auto; width: 960px;}

	#cercador #nav {margin: 0px auto; border-left: 1px solid #903242;}

	#cercador #nav a {display: block; float: left; background: #f2e8e7; color: #8d444f; height: 20px; width: 318px; text-align: center; line-height: 20px; border-top: 1px solid #903242; border-right: 1px solid #903242; border-bottom: 1px solid #903242; font-size: 1.1em; text-decoration: none;}
	#cercador #nav a:hover {background: #d4888a; color: #fff; height: 20px;}
	
	#cercador #nav a.sel {display: block; float: left; background: #d4888a; color: #fff; height: 20px; width: 320px; text-align: center; line-height: 20px; border-top: 1px solid #903242; border-right: 1px solid #903242; border-bottom: 1px solid #903242; font-size: 1.1em; text-decoration: none;}
	#cercador #nav a.sel:hover {background: #f2e8e7; color: #8d444f;}
	
	
	/* pàgines interiors */
	
	#nav {margin: 0px auto; border-left: 1px solid #903242;}

	#nav a {display: block; float: left; background: #f2e8e7; color: #8d444f; height: 20px; width: 238px; text-align: center; line-height: 20px; border-top: 1px solid #903242; border-right: 1px solid #903242; border-bottom: 1px solid #903242; font-size: 1.1em; text-decoration: none;}
	#nav a:hover {background: #d4888a; color: #fff; height: 20px;}
	
	#nav a.sel {display: block; float: left; background: #d4888a; color: #fff; height: 20px; width: 240px; text-align: center; line-height: 20px; border-top: 1px solid #903242; border-right: 1px solid #903242; border-bottom: 1px solid #903242; font-size: 1.1em; text-decoration: none;}
	#nav a.sel:hover {background: #d4888a; color: #fff;}
	
	#nav a.av {display: block; float: left; background: #f2e8e7; color: #8d444f; height: 20px; width: 318px; text-align: center; line-height: 20px; border-top: 1px solid #903242; border-right: 1px solid #903242; border-bottom: 1px solid #903242; font-size: 1.1em; text-decoration: none;}
	#nav a.av:hover {background: #d4888a; color: #fff;}	
	
	#nav a.selav {display: block; float: left; background: #d4888a; color: #fff; height: 20px; width: 318px; text-align: center; line-height: 20px; border-top: 1px solid #903242; border-right: 1px solid #903242; border-bottom: 1px solid #903242; font-size: 1.1em; text-decoration: none;}
	#nav a.selav:hover {background: #d4888a; color: #fff;}
	

#sectors {margin: 0px auto; padding: 0 0 0 5px;}
#sectors #buscador {width: 580px; float: left; height: 200px; background: #933243;}
#sectors #buscador label {}
#sectors #buscador h3 {color: #fff; font-size: 1.1em; font-weight: normal; margin: 5px 0 5px 0;}
#sectors #buscador h5 {color: #fff; font-size: 0.6em; font-weight: normal; margin: 5px 0 10px 0;}


#sectors #buscador #form {margin: 20px 0 0 20px;}

#sectors #buscador #form a {font-size:1em;color:#fff;text-decoration:underline; font-weight: 600;}
#sectors #buscador #form a:hover {text-decoration:underline !important; color:#000;}

#sectors #buscador select {font-size: 14px; width: 420px; border: 1px solid #933243; color: #933243;}
#sectors #buscador .inputtxt {font-size: 14px; width: 420px; border: 1px solid #933243; color: #933243; background:url(../images/bg_input.gif) repeat-x top;}
#sectors #buscador .inputtxt:hover {font-size: 14px; width: 420px; border: 1px solid #ffa4b6; color: #933243; background:url(../images/bg_input.gif) repeat-x top;}
#sectors #buscador .inputtxt:focus {font-size: 14px; width: 420px; border: 1px solid #ffa4b6; color: #933243; background:url(../images/bg_input.gif) repeat-x top;}
#sectors #buscador .cercar {font-size: 14px; width: 100px; background: #f2e8e7; border: 0; color: #933243; }
#sectors #buscador .cercar:hover {font-size: 14px; width: 100px; background: #fff; border: 0; color: #933243; }

#sectors #noticies {width: 355px; float: left; background: #faf6f7; height: 200px; margin: 0 0 0 5px;}

#sectors #noticies #fotos {width: 355px; height: 75px; background: #e8dcdc;}

#sectors #noticies li {margin: 10px 5px 15px 5px;}
#sectors #noticies a {text-decoration: underline; color: #000; font-size: 10px;}
#sectors #noticies a:hover {text-decoration: none; color: #000;}

#sectors2 {background: #fff; margin: 30px auto; width: 960px; border-right: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5;}
#sectors2 h2, #sectors3 h2 {padding: 10px 0 5px 0; font-weight: normal;}

#persector {background: #b5b5b5; height: auto; width: 930px; margin: 10px auto; /*padding: 10px 0 10px 0;*/}
#persector li, #persector2 li {display: inline;}
#persector li a, #persector2 li a {color: #933341; text-decoration: underline; line-height: 15px; font-size: 13px; padding: 0 10px 0 0; text-decoration: none; font-weight: bold;}
#persector li a:hover, #persector2 li a:hover {color: #fff; text-decoration: none; line-height: 15px;}

#persector li a.fichalink, #persector2 li a.fichalink {color: #fff; text-decoration: underline; line-height: 15px; font-size: 14px; padding: 0 10px 0 0; text-decoration: none; font-weight: bold;}
#persector li a.fichalink:hover, #persector2 li a.fichalink:hover {color: #933341; text-decoration: none; line-height: 15px;}

#sectors2 #perordre {background: #f6f4f5 url(../images/bg_perordre.gif) repeat-x top left; height: 43px; width: 930px; margin: 10px auto;}
#sectors2 #perordre li { }
#sectors2 #perordre .izq {float: left; width: 180px; text-align: right; line-height: 20px;}
#sectors2 #perordre .dcha {float: left; margin: 0 0 0 20px;}
#sectors2 #perordre .dcha li {display: inline;}
#sectors2 #perordre .dcha li a {color: #000; text-decoration: underline; line-height: 20px; padding: 0 10px 0 0;}
#sectors2 #perordre .dcha li a:hover {color: #c0002e; text-decoration: underline; line-height: 20px; padding: 0 10px 0 0;}

/* nueva maquetacion para especialitat.php 03.06.09 */
#sectors3 {float: left; background: #fff; margin: 30px auto; width: 590px; border-right: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5;}
#persector2 {background: #b5b5b5; height: auto; width: 560px; margin: 10px auto; /*padding: 10px 0 10px 0;*/}
#decimg #titol {float: left; margin: 0 0 0 20px; width: 300px;}
#decimg #titol h2 {font-size: 18px; color: #a699a2; font-weight: bold;}
#decimg #titol h3 {font-size: 18px; color: #000; margin: 5px 0 0 0; border-bottom: 5px solid #73293a; padding: 0 0 10px 0; font-weight: bold;}
#decimg #titol .imagen {width: 300px; height: auto; margin: 20px 0 0 0; color: #b3b3b3;}
/****************************************************/

#ejemplos {margin: 30px auto; width: 960px;}
#ejemplos .tit {background: #933243; display: block; color: #fff; padding: 5px;}

#ejemplos #empresas {float: left; width: 960px; border: 1px solid #b5b5b5;}
#ejemplos #empresas li {}
#ejemplos #empresas .izq {float: left; width: 300px; line-height: 22px;}
#ejemplos #empresas .dcha {float: left; width: 230px;}
#ejemplos #empresas .dcha a {line-height: 22px; color: #c0002e; text-decoration: none; clear: left;}
#ejemplos #empresas .dcha a:hover {line-height: 22px; color: #000; text-decoration: underline;}
#ejemplos #empresas ul {margin: 0 0 0 20px; float: left;}
#ejemplos #empresas ul li {float: left; display: block; width: 100px; height: 50px; margin: 0 5px 10px 0; text-align: center;}
#ejemplos #empresas ul li a {text-align: center;}
#ejemplos #empresas ul li a:hover {}

#empresas_wrapper {margin: 50px auto;}
#empresas_wrapper li {width: 420px !important; height: 200px !important; float: left; padding: 20px 0 0 0; text-align: left;}
#empresas_wrapper li .title {margin: 0 0 15px 0; height: auto;}
#empresas_wrapper li.imagenes {width: 112px !important; height: 74px !important; border: 1px solid #e8dcdc;}
#empresas_wrapper li.imagenes:hover {border: 1px solid #fff;}
#empresas_wrapper li a {color: #C0002E; font-weight: 600;}
#empresas_wrapper li a:hover {color: #C0002E; font-weight: 600; color: #000;}

#ejemplos #poligonos {float: right; width: 250px; border: 1px solid #b5b5b5; height: 150px;}
#ejemplos #poligonos ul li {float: left; display: block; width: 100px; height: 99px; margin: 0 10px 3px 0;  text-align: center;}
#ejemplos #poligonos ul li a {text-align: center; color: #C0002E;}
#ejemplos #poligonos ul li a:hover {color: #000;}

#ejemplos .vermas {text-align: right; padding: 5px;}
#ejemplos .vermas a {color: #747679; text-decoration: underline;}
#ejemplos .vermas a:hover {color: #747679; text-decoration: none;}

#blocinf {margin: 0 auto; width: 960px;}
#blocinf .tit {background: #933243; display: block; color: #fff; padding: 5px;}

#blocinf #anuncis {float: left; width: 571px; border: 1px solid #b5b5b5;}
#blocinf #anuncis li {}
#blocinf #anuncis .izq {float: left; width: 300px; line-height: 22px;}
#blocinf #anuncis .dcha {float: left; width: 230px;}
#blocinf #anuncis .dcha a {line-height: 22px; color: #c0002e; text-decoration: none; clear: left;}
#blocinf #anuncis .dcha a:hover {line-height: 22px; color: #000; text-decoration: underline;}
#blocinf #incorporacions {float: left; width: 375px; margin: 0 0 0 10px; border: 1px solid #b5b5b5;}
#blocinf #incorporacions li a {color: #c0002e; line-height: 20px; text-decoration: none;}
#blocinf #incorporacions li a:hover {color: #000; text-decoration: underline;}

#blocinf .vermas {text-align: right; padding: 10px;}
#blocinf .vermas a {color: #747679; text-decoration: underline;}
#blocinf .vermas a:hover {color: #747679; text-decoration: none;}

#peu {background: #000; margin: 20px auto; width: 960px; text-indent: 20px; text-align: center;}
#peu .cont {width: auto; margin: 0 0 0 190px;}
#peu a {color: #fff; text-decoration: underline; line-height: 20px; text-decoration: none; padding: 0 140px 0 0;}
#peu a:hover {color: #fff; text-decoration: underline; line-height: 20px; text-decoration: underline;}
#peu a.peu2 {color: #fff; text-decoration: underline; line-height: 20px; text-decoration: none; padding: 0}
#peu a.peu2:hover {color: #fff; text-decoration: underline; line-height: 20px; text-decoration: underline;}

/* CERCA AVANÇADA
--------------------------------------------------------------------------- */

#titcercador {width: 200px; background: #ffa4b6 url(../images/bg_rosa.gif) bottom repeat-x; color: #fff; text-align: center; line-height: 25px; font-weight: bold;}
#titcercadorcont {border-bottom: 1px solid #f3e7eb; margin: 0 auto 30px auto; width: 960px;}
#titcercadorcont h2 a {color: #933341; text-decoration: none;}
#titcercadorcont h2 a:hover {text-decoration: underline;}

#cercaav {margin: 30px auto; width: 960px;}
#cercaav #cerca {float: left; width: 960px;}

#cercaav #persector {background: #b5b5b5; height: auto; width: 930px; margin: 10px auto; color: #641b26; /*padding: 10px 0 10px 0;*/}
#cercaav h2 {padding: 5px 0 5px 0; font-weight: normal;}
#cercaav #persector li {display: inline;}
#cercaav #persector li a {color: #fff; text-decoration: underline; line-height: 15px; font-size: 13px; padding: 0 10px 0 0;}
#cercaav #persector li a:hover {color: #933341; text-decoration: underline; line-height: 15px;}
#cercaav #persector p {color: #7d343f;}

#cercaav #persector p.ejemplos {}
#cercaav #persector ul {}
#cercaav #persector ul li {display: block; line-height: 20px; text-indent: 20px;}

#cercaav #cerca form {margin: 10px 0;}
#cercaav #cerca div {display: block;}

#cercaav #cerca label {width: 200px; float: left; padding: 4px 10px 60px 0; text-align: right; float: left;}
#cercaav #cerca input.cerca, select.cerca {width: 500px; margin: 0 0 60px 0; float: left;}
#cercaav #cerca select.cerca {width: 500px; font-size: 14px; border: 1px solid #848285; color: #933243; float: left;}
#cercaav #cerca input.cerca {font-size: 14px; border: 1px solid #848285; color: #933243; background:url(../images/bg_input.gif) repeat-x top; float: left;}
#cercaav #cerca input.cerca:hover {font-size: 14px; border: 1px solid #848285; color: #933243; background:url(../images/bg_input.gif) repeat-x top; float: left;}
#cercaav #cerca input.cerca:focus {font-size: 14px; border: 1px solid #ffa4b6; color: #933243; background:url(../images/bg_input.gif) repeat-x top; float: left;}

#sectors #cerca .cercar {font-size: 14px; width: 100px; background: #f2e8e7;}
#sectors #cerca .cercar:hover {font-size: 14px; width: 100px; background: #fff;}

#cercaav #cerca .cercabot {display: block; background:url(../images/bt_tornar.gif) no-repeat; width: 165px; height: 43px; text-align: center; padding: 5px 0 0 0; color: #666666; text-decoration: none; float: left; margin: 0 0 0 20px;}

#cercaav #busca {float: left; width: 330px; margin: 0 0 0 20px; padding: 0 0 20px 0;}
#cercaav #busca #buscaint {font-size: 12px;}
#cercaav #busca #buscaint #posinput {width: 324px;}
#cercaav #busca #buscaint .quenecesitas {width: 324px; line-height: 66px; background:url(../images/bg_av.gif) no-repeat; font-size: 22px; color: #8f434f; border: 0; height: 66px; margin: 30px 0 0 10px; text-indent: 10px;}

#formquebusca .bloque {margin: 0 0 20px 0;}
#formquebusca .bloque .izq {float: left; width: 200px; color: #616265;}
#formquebusca .bloque .dcha {float: left; margin: 0 0 0 10px;}
#formquebusca .bloque .dcha .form {width: 622px; font-size: 14px; border: 1px solid #b3b3b3; color: #616265; background: #fff url(../images/bg_input.gif) repeat-x top;}
#formquebusca .bloque .izq2 {float: left; width: 100px; color: #616265;}
#formquebusca .bloque .dcha .form2 {width: 250px; font-size: 14px; border: 1px solid #b3b3b3; color: #616265; background: #fff url(../images/bg_input.gif) repeat-x top;}

#resultatsav {margin: 30px auto; width: 960px;}
#resultatsav ul {width: 952px; margin: 10px auto;}
#resultatsav li {display: block; border-bottom: 1px solid #d4888a; margin: 0 0 1px 0; padding: 0 0 1px 0;}
#resultatsav li .col1 {float: left; width: 50px; line-height: 40px; background: #D4888A url(../images/bg_resultatsav.gif) repeat-y; color: #fff; font-weight: bold;  text-align: center;}
#resultatsav li .col2 {float: left; width: 120px; line-height: 40px; text-align: center; margin: 0 1px 0 1px;}
#resultatsav li .col3 {float: left; width: 500px; line-height: 40px;}
#resultatsav li .col3 a  {line-height: 40px; color: #722839; font-weight: bold; text-indent: 20px;}
#resultatsav li .col3 a:hover  {line-height: 40px; color: #722839; font-weight: bold; text-decoration: none;}
#resultatsav li .col4 {float: left; width: 200px; line-height: 40px; text-align: right;}
#resultatsav .nomseccio {background: #712839; color: #fff; text-indent: 20px; width: 954px; line-height: 20px; margin: 2px 0 2px 2px;}
#resultatsav .titol {color: #fff; display: block; float: left; line-height: 20px;}
#resultatsav .pujar {display: block; float: right;}
#resultatsav .pujar a {color: #fff; line-height: 20px; margin: 0 20px 0 0;}

/* FITXA EMPRESA
--------------------------------------------------------------------------- */

#fitxa h2 {background: #000; color: #fff; text-indent: 20px; width: 960px; line-height: 20px; margin: 0px auto;}
#fitxa h3 {background: #712839; color: #fff; text-indent: 20px; width: 960px; line-height: 20px; margin: 2px auto;}

#fitxa #cont {width: 960px; margin: 20px auto;}

#fitxa #cont #bloc1 {float: left; width: 520px; margin: 0 0 30px 0;}
#fitxa #cont #bloc1 #logofitxa {float: left; height: auto; width: 280px; margin: 10px 0 0 10px;}
#fitxa #cont #bloc1 #contacta {float: right; margin: 10px 0 0 10px;} 
#fitxa #cont #bloc1 .separa {margin: 30px 0 0 0 ;} 
#fitxa #cont #bloc1 #logofitxa2 {height: auto; width: 280px; margin: 10px 0 0 10px;} 
#fitxa #cont #bloc1 #contacta2 {margin: 0;} 

#fitxa #cont #bloc1 ul {margin: 0px auto 10px auto;}
#fitxa #cont #bloc1 li {margin: 0; background: #805D64; border-bottom: 1px solid #fff;}
#fitxa #cont #bloc1 li .izq {float: left; background: #805d64; color: #fff; text-indent: 10px; width: 130px; line-height: 20px;}
#fitxa #cont #bloc1 li .dcha {float: left; margin: 0 0 0 1px; background: #ebebeb; color: #000; padding: 0 0 0 10px; width: 379px; line-height: 20px;}
#fitxa #cont #bloc1 li .dcha a {line-height: 20px; color: #722839; font-weight: bold;}
#fitxa #cont #bloc1 li .dcha a:hover {line-height: 20px; color: #722839; font-weight: bold; text-decoration: none;}

#fitxa #cont #bloc2 {float: left; margin: 0 0 0 20px;}
#fitxa #cont #bloc2 h4 {}
#fitxa #cont #bloc2 #serveis {width: 410px; margin: 0 0 30px 0;}
#fitxa #cont #bloc2 #serveis .img {border: 1px solid #e8dcdc; margin: 5px 0 0 3px}

#fitxa #cont #bloc2 #logoficha { width: 412px; height: auto; background:url(../images/bg_logo.gif) top left; padding: 0 0 20px 0; }
#fitxa #cont #bloc2 #logoficha .img { margin: 20px auto; table-align: center !important; text-align: center; }

#fitxa #cont #bloc2 #fotos {width: 410px; margin: 0 0 30px 0;}
#fitxa #cont #bloc2 #fotos ul {margin: 10px 0 10px 32px; width: 400px;}
#fitxa #cont #bloc2 #fotos ul li {display: block; float: left; margin: 0 3px 0 0; width: 112px; height: 74px; border: 1px solid #e8dcdc;}
#fitxa #cont #bloc2 #fotos ul li:hover {border: 1px solid #712839;}

#fitxa #cont #bloc2 #links {width: 410px; margin: 0 0 30px 0; }
#fitxa #cont #bloc2 #links ul {margin: 10px 0 10px 32px; width: 355px;}
#fitxa #cont #bloc2 #links ul li {display: block; float: left; margin: 0 5px 0 0; width: 110px; height: 110px; border: 1px solid #e8dcdc;}
#fitxa #cont #bloc2 #links ul li:hover {border: 1px solid #712839;}

#fitxa #cont #bloc2 #links #content {overflow: auto; height: 100px; padding: 0px;}
#fitxa #cont #bloc2 #links #content a {color: #c0002e; margin: 0 0 5px 0; text-decoration: none;}
#fitxa #cont #bloc2 #links #content a:hover {color: #000; text-decoration: underline;}

#fitxa #cont #bloc2 #links #content2 {overflow: auto; height: 20px; padding: 10px;}
#fitxa #cont #bloc2 #links #content2 a {color: #c0002e; margin: 0 0 5px 0;}
#fitxa #cont #bloc2 #links #content2 a:hover {color: #000;}

#fitxa #cont #bloc3 {margin: 0 0 0 0;}
#fitxa #cont #bloc3 ul {}
#fitxa #cont #bloc3 li {float: left;}
#fitxa #cont #bloc3 li a {color: #fff; text-decoration: underline; font-size: 12px; font-weight: normal;}
#fitxa #cont #bloc3 li a:hover {color: #e8dcdc; text-decoration: none;}
#fitxa #cont #fitxacont {width: 954px; margin: 0px auto; border: 1px solid #e8dcdc;}
#fitxa #cont #fitxacont a {}

#fitxa #cont #fitxacont ul {margin: 20px;}
#fitxa #cont #fitxacont li {clear: left; border-bottom: 1px solid #762838; background: url(../images/bg_listado.gif) top repeat-x;}
#fitxa #cont #fitxacont li p {line-height: 20px; text-align: justify; margin: 10px 0;}
#fitxa #cont #fitxacont li img {border: 1px solid #e8dcdc; padding: 1px; float: right; margin: 10px 0 10px 10px;}
/*#fitxa #cont #fitxacont li .izq {float: left; width: 550px; padding: 20px 0 20px 10px;}
#fitxa #cont #fitxacont li .dcha {float: left; width: 300px; margin: 0 0 0 20px; padding: 20px 0 20px 0;}*/

#fitxa #cont #peu1 {background: #000; height: 15px; width: 960px; margin: 20px auto 1px auto;}
#fitxa #cont #peu2 {background: #712839; height: 15px; width: 960px;}

#ulfitxacont img {margin: 10px;}

#wrapper_fitxa {width: 954px; margin: 0px auto; border: 1px solid #e8dcdc;}

#ulfitxacont {padding: 20px 0 0 40px; width: 900px;}

#ulfitxacont ul {margin: 20px 0 20px 0; list-style: disc !important; /*float:left;*/}

#ulfitxacont ul li {margin: 0 0 0 20px; clear: both; line-height: 20px; list-style-type: disc !important;}

#ulfitxacont li {margin: 0 0 0 20px; clear: both; line-height: 20px;}

#ulfitxacont div, #ulfitxacont span, #ulfitxacont h1, #ulfitxacont h2, #ulfitxacont h3, #ulfitxacont h4, #ulfitxacont h5, #ulfitxacont h6, #ulfitxacont p, #ulfitxacont a, #ulfitxacont img,  #ulfitxacont strong, #ulfitxacont table, #ulfitxacont caption, #ulfitxacont tbody, #ulfitxacont tfoot, #ulfitxacont thead, #ulfitxacont tr, #ulfitxacont th, #ulfitxacont td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: middle; background: none;}
#ulfitxacont h3 {width: 0 !important; background: none !important;}
/* FICHA BASICA */

/*#fitxa #cont #blocbasic {margin: 0px auto; width: 900px;}
#fitxa #cont #blocbasic #imatgepral {margin: 20px auto; height: auto; width: auto; text-align: center;}
#fitxa #cont #blocbasic #logofitxa {margin: 20px auto; height: auto; width: auto; text-align: center;}

#fitxa #cont #blocbasic ul {margin: 0px auto 10px auto;}
#fitxa #cont #blocbasic li {margin: 0 0 1px 4px;}
#fitxa #cont #blocbasic li .izq {float: left; background: #805d64; color: #fff; text-indent: 10px; width: 230px; line-height: 20px;}
#fitxa #cont #blocbasic li .dcha {float: left; margin: 0 0 0 1px; background: #ebebeb; color: #000; padding: 0 0 0 10px; width: 650px; line-height: 20px;}
#fitxa #cont #blocbasic li .dcha a {line-height: 20px; color: #722839; font-weight: bold;}
#fitxa #cont #blocbasic li .dcha a:hover {line-height: 20px; color: #722839; font-weight: bold; text-decoration: none;}*/

#fitxa #cont #blocbasic {margin: 0px auto; width: 900px; }
#fitxa #cont #blocbasic #imatgepral {margin: 20px auto; height: auto; width: auto; text-align: center;}
#fitxa #cont #blocbasic #logofitxa {margin: 20px auto; height: auto; width: auto; text-align: center;}

#fitxa #cont #blocbasic ul {margin: 0px auto 10px auto;}
#fitxa #cont #blocbasic li {/*margin: 0 0 1px 4px;*/
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
background-color: #805d64;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#fitxa #cont #blocbasic li .izq {float: left; background: #805d64; color: #fff; text-indent: 10px; width: 230px; line-height: 20px;}
#fitxa #cont #blocbasic li .dcha {float: left; margin: 0 0 0 1px; background: #ebebeb; color: #000; padding: 0 0 0 10px; width: 659px; line-height: 20px;}
#fitxa #cont #blocbasic li .dcha a {line-height: 20px; color: #722839; font-weight: bold;}
#fitxa #cont #blocbasic li .dcha a:hover {line-height: 20px; color: #722839; font-weight: bold; text-decoration: none;}


/* ESPECIALITAT
--------------------------------------------------------------------------- */

#cercaav {margin: 30px auto; width: 960px;}
#cercaav #especialitat {float: left; width: 960px;}

#cercaav #especialitat #titol {float: left; margin: 0 0 0 10px; width: 300px;}
#cercaav #especialitat #titol h2 {font-size: 18px; color: #a699a2; font-weight: bold;}
#cercaav #especialitat #titol h3 {font-size: 18px; color: #000; margin: 5px 0 0 0; border-bottom: 5px solid #73293a; padding: 0 0 10px 0; font-weight: bold;}
#cercaav #especialitat #titol .imagen {width: 300px; height: auto; margin: 20px 0 0 0; color: #b3b3b3;} 

#cercaav #especialitat #acordeon {margin: 0px 0px 30px 3px; float: left;}
#cercaav #especialitat #acordeon ul {width: 594px; height: auto; margin: 0; padding: 0; float:left;}
#cercaav #especialitat #acordeon ul li a {display:block; text-decoration:none; background: #efeef6 url(../images/bg_especialitat.gif) top left repeat-x; border-bottom: 1px solid #be9da4; color: #74273b; line-height: 25px; text-indent: 20px; border-top: 1px solid #fff;}
#cercaav #especialitat #acordeon ul li a:hover {display:block; text-decoration:none; background: #efeef6 url(../images/bg_listado.gif) top left repeat-x; border-bottom: 1px solid #be9da4; color: #74273b; line-height: 25px; text-indent: 20px;}


#cercaav #especialitat #menumovil {margin: 0px 0px 30px 3px; float: left;}
#cercaav #especialitat #menumovil ul {width: 300px; height: auto; margin: 0; padding: 0; float:left;}
#cercaav #especialitat #menumovil ul li a {display:block; text-decoration:none; background: #efeef6 url(../images/bg_especialitat.gif) top left repeat-x; border-bottom: 1px solid #be9da4; color: #74273b; line-height: 25px; text-indent: 20px; border-top: 1px solid #fff;}
#cercaav #especialitat #menumovil ul li a:hover {display:block; text-decoration:none; background: #efeef6 url(../images/bg_listado.gif) top left repeat-x; border-bottom: 1px solid #be9da4; color: #74273b; line-height: 25px; text-indent: 20px;}

#cercaav #especialitat #empreses {float: left; margin: 0 0 0 350px;}
#cercaav #especialitat #empreses h3 {font-size: 14px; color: #a699a2; font-weight: bold; margin: 10px 0 20px 0;}
#cercaav #especialitat #empreses li a {margin: 5px 0 0 20px; color: #74273b; line-height: 20px; text-decoration: none;}
#cercaav #especialitat #empreses li a:hover {margin: 5px 0 0 20px; color: #000; line-height: 20px; text-decoration: underline;}

#cercaav #especialitat #empreses ul li .col1 {float: left; width: 100px; margin: 0 0 8px 0;}
#cercaav #especialitat #empreses ul li .col2 {float: left; width: 350px; margin: 0 0 8px 0;}
#cercaav #especialitat #empreses ul li .col3 {float: left; width: 150px; margin: 0 0 8px 0;}

	#floatMenu {position:absolute; top:20px; /*left:50%; margin-left:235px;*/ width:200px;}
	#floatMenu ul {width: 300px; height: auto; margin: 0; padding: 0; float:left;}
	#floatMenu ul li a {display:block; text-decoration:none; background: #efeef6 url(../images/bg_especialitat.gif) top left repeat-x; border-bottom: 1px solid #be9da4; color: #74273b; line-height: 25px; text-indent: 20px; border-top: 1px solid #fff;}
	#floatMenu ul li a:hover {display:block; text-decoration:none; background: #efeef6 url(../images/bg_listado.gif) top left repeat-x; border-bottom: 1px solid #be9da4; color: #74273b; line-height: 25px; text-indent: 20px;}
	
/*	#floatMenu {position:absolute; top:150px; left:50%; margin-left:235px; width:200px;}
	#floatMenu ul {margin-bottom:20px;}
	#floatMenu ul li a {display:block; border:1px solid #999; background-color:#222; border-left:6px solid #999; text-decoration:none; color:#ccc; padding:5px 5px 5px 25px;}
	#floatMenu ul li a:hover {color:#fff; background-color:#333333;}
	#floatMenu ul.menu1 li a:hover {border-color:#09f;}
	#floatMenu ul.menu2 li a:hover {border-color:#9f0;}
	#floatMenu ul.menu3 li a:hover {border-color:#f09;}*/	

#sectors #especialitat .cercar {font-size: 14px; width: 100px; background: #f2e8e7;}
#sectors #especialitat .cercar:hover {font-size: 14px; width: 100px; background: #fff;}

#bloclogos {}
#bloclogos #logos {float: left; width: 650px;}
#bloclogos #logos ul {margin: 0 0 0 10px;}
#bloclogos #logos li {width: auto; height: 60px; float: left; margin: 0 10px 0 0;}
#bloclogos #logos a {color: #666666; text-decoration: none;}
#bloclogos #tornar {float: right; margin: 0 10px 0 0;}
#bloclogos #tornar a {display: block; background:url(../images/bt_tornar.gif) no-repeat; width: 165px; height: 43px; text-align: center; padding: 5px 0 0 0; color: #666666; text-decoration: none;}

#tornar {float: right; margin: 0 10px 0 0;}
#tornar a {display: block; background:url(../images/bt_tornar.gif) no-repeat; width: 165px; height: 43px; text-align: center; padding: 5px 0 0 0; color: #666666; text-decoration: none; margin: 56px 0 0 0;}

.tornar {margin: 0 10px 0 0;}
.tornar a {display: block; background:url(../images/bt_tornar.gif) no-repeat; width: 165px; height: 43px; text-align: center; padding: 5px 0 0 0; color: #666666; text-decoration: none; margin: 56px 0 0 0;}

/* FORO
--------------------------------------------------------------------------- */

#foro {}
#forocont {margin: 30px auto; width: 960px;}
#foro h2 {background: #000; color: #fff; text-indent: 20px; width: 960px; line-height: 20px; margin: 0px auto;}

#foro ul {width: 952px; margin: 10px auto;}
#foro li {margin: 0 0 20px 0; border-bottom: 1px solid #d4d4d4; padding: 0 0 20px 0;}
#foro li .izq {float: left; width: 200px; height: auto; padding: 0 0 10px 0; background: url(../images/bg_li_foro.gif) bottom left no-repeat;}

#foro li .izq .cont {width: 200px; height: auto; border: 1px solid #d4d4d4;}

#foro li .izq .cont .cont2 {background: #f0d3d5; height: 150px; border: 4px solid #fff;}

#foro li .izq .cont .cont2 .img {margin: 10px auto; width: 180px; background: #fff; height: 100px;}
#foro li .izq .cont .cont2 .txt {padding: 0 0 0 10px; color: #5b2c34; font-size: 10px;}

#foro li .dcha {float: left; width: 700px; margin: 0 0 0 10px;}
#foro li .dcha .fila1 {padding: 5px 0 5px 20px; background: #f5eaee; border-bottom: 1px solid #fff; color: #000; font-weight: bold;}
#foro li .dcha .fila1 .icon  {float: left; width: 20px;}
#foro li .dcha .fila1 .txt  {float: left;}
#foro li .dcha .fila1 .txt a {color: #000; float: left;}
#foro li .dcha .fila1 .fecha {float: right; margin: 0 10px 0 0;}

#foro li .dcha .fila2 {padding: 5px 0 5px 20px; background: #f5eaee; border-bottom: 1px solid #fff; color: #662d3e;}
#foro li .dcha .fila2 .icon {float: left; width: 14px; text-align: right; margin: 0 10px 0 0;}
#foro li .dcha .fila2 .txt {float: left;}

#foro li .dcha .fila3 {padding: 10px 0 10px 20px; background: #e3cfce; border-bottom: 1px solid #fff; color: #000;}
#foro li .dcha .fila3 .izq {float: left; width: 14px;}
#foro li .dcha .fila3 .dcha {float: left;}

#foro .vermas a {color: #000; margin: 0 0 0 10px;}


/* PAGINADO
--------------------------------------------------------------------------- */

.pagina {margin: 5px auto; text-align: center; padding: 6px 0 0 0;
color: #fff;}
.pagina a {display: inline; line-height: 19px; border: 1px solid #fff;
text-align: center; color: #762838; text-decoration: none; background: #fff; margin: 0 2px 0 0; padding: 0 3px 0 3px;}
.pagina a:hover {display: inline; line-height: 19px; border: 1px solid #fff; text-align: center; color: #fff; text-decoration: none; background: #762838; margin: 0 2px 0 0; padding: 0 3px 0 3px;}
.pagina a.sel {display: inline; line-height: 19px; border: 1px solid #fff; text-align: center; color: #fff; text-decoration: none;
background: #d4888a; margin: 0 2px 0 0; padding: 0 3px 0 3px;}
.pagina a.ant {display: inline; line-height: 19px; text-align: center; color: #d4888a; text-decoration: none; margin: 0 2px 0 0; padding: 0 3px 0 3px; background:none; border:none;}
.pagina a.ant:hover {display: inline; line-height: 19px; text-align: center; color: #762838; text-decoration: none; margin: 0 2px 0 0; padding: 0 3px 0 3px; background:none; border:none; text-decoration: none;}

/* INTRANET
--------------------------------------------------------------------------- */

#cercaav #especialitat #intranet {width: 960px;}
#cercaav #especialitat #intranet #contenido {float: left; width: 594px;}
#cercaav #especialitat #intranet #contenido .bloque {margin: 0 0 20px 3px;}
#cercaav #especialitat #intranet #contenido .bloque ul {height: auto; margin: 0; padding: 0;}
#cercaav #especialitat #intranet #contenido .bloque ul li a {display:block; text-decoration:none; background: #efeef6 url(../images/bg_especialitat.gif) top left repeat-x; border-bottom: 1px solid #be9da4; color: #74273b; line-height: 25px; text-indent: 20px; border-top: 1px solid #fff;}
#cercaav #especialitat #intranet #contenido .bloque ul li a:hover {display:block; text-decoration:none; background: #efeef6 url(../images/bg_listado.gif) top left repeat-x; border-bottom: 1px solid #be9da4; color: #74273b; line-height: 25px; text-indent: 20px;}

#cercaav #especialitat #intranet #imagen #titol {float: right; margin: 20px 20px 0 0; width: 322px;}
#cercaav #especialitat #intranet #imagen #titol h2 {font-size: 18px; color: #a699a2; font-weight: bold;}
#cercaav #especialitat #intranet #imagen #titol h3 {font-size: 18px; color: #000; margin: 5px 0 0 0; border-bottom: 5px solid #73293a; padding: 0 0 10px 0; font-weight: bold;}
#cercaav #especialitat #intranet #imagen #titol .imagen {width: 300px; height: auto; margin: 20px 0 0 0; color: #b3b3b3;} 


/* INTRANET INSERTAR I EDITAR
--------------------------------------------------------------------------- */

#cercaav #especialitat #intranet #contenido form {margin: 10px 0;}
#cercaav #especialitat #intranet #contenido div {display: block;}

#cercaav #especialitat #intranet #contenido label {width: 100px; float: left; padding: 4px 10px 10px 0; text-align: right; float: left;}

#cercaav #especialitat #intranet #contenido label.gran {width: 300px; float: left; padding: 4px 10px 10px 0; text-align: right; float: left; color: #666666;}

#cercaav #especialitat #intranet #contenido input.cerca, select.cerca  {width: 400px; margin: 0 0 20px 0; float: left;}
#cercaav #especialitat #intranet #contenido select.cerca {font-size: 14px; border: 1px solid #848285; color: #933243; float: left;}
#cercaav #especialitat #intranet #contenido input.cerca {font-size: 14px; border: 1px solid #848285; color: #933243; background:url(../images/bg_input.gif) repeat-x top; float: left;}
#cercaav #especialitat #intranet #contenido textarea.cerca {width: 400px; font-size: 14px; border: 1px solid #848285; color: #933243; background:url(../images/bg_input.gif) repeat-x top; float: left; margin: 0 0 20px 0;}
#cercaav #especialitat #intranet #contenido textarea.cerca:hover {width: 400px; font-size: 14px; border: 1px solid #ffa4b6; color: #933243; background:url(../images/bg_input.gif) repeat-x top; float: left; margin: 0 0 20px 0;}
#cercaav #especialitat #intranet #contenido textarea.cerca:focus {width: 400px; font-size: 14px; border: 1px solid #ffa4b6; color: #933243; background:url(../images/bg_input.gif) repeat-x top; float: left; margin: 0 0 20px 0;}

#cercaav #especialitat #intranet #contenido input.cerca:hover {font-size: 14px; border: 1px solid #848285; color: #933243; background:url(../images/bg_input.gif) repeat-x top; float: left;}
#cercaav #especialitat #intranet #contenido input.cerca:focus {font-size: 14px; border: 1px solid #ffa4b6; color: #933243; background:url(../images/bg_input.gif) repeat-x top; float: left;}

#cercaav #especialitat #intranet #contenido .cercar {font-size: 14px; width: 100px; background: #f2e8e7;}
#cercaav #especialitat #intranet #contenido .cercar:hover {font-size: 14px; width: 100px; background: #fff;}

#cercaav #especialitat #intranet #contenido .cercabot {display: block; background:url(../images/bt_tornar.gif) no-repeat; width: 165px; height: 43px; text-align: center; padding: 5px 0 0 0; color: #666666; text-decoration: none; float: left; margin: 30px 0 0 108px;}

#cercaav #especialitat #intranet #contenido .cercabotgran {display: block; background:url(../images/bt_tornar.gif) no-repeat; width: 165px; height: 43px; text-align: center; padding: 5px 0 0 0; color: #666666; text-decoration: none; float: left; margin: 30px 0 0 310px;}


#cercaav #especialitat #intranet #contenido .bloque ul li a.editar {display:block; text-decoration:none; background: #efeef6 url(../images/bg_especialitat.gif) top left repeat-x; border-bottom: 1px solid #be9da4; color: #74273b; line-height: 25px; text-indent: 20px; border-top: 1px solid #fff; width: 534px; float: left; border-right: 1px solid #fff;}
#cercaav #especialitat #intranet #contenido .bloque ul li a.editar:hover {display:block; text-decoration:none; background: #efeef6 url(../images/bg_listado.gif) top left repeat-x; border-bottom: 1px solid #be9da4; color: #74273b; line-height: 25px; text-indent: 20px; width: 534px; float: left; border-right: 1px solid #fff;}
#cercaav #especialitat #intranet #contenido .bloque ul li a.eliminar {display:block; text-decoration:none; background: #efeef6 url(../images/bg_especialitat.gif) top left repeat-x; border-bottom: 1px solid #be9da4; border-left: 1px solid #be9da4; color: #74273b; line-height: 25px; text-indent: 20px; padding: 4px 0 5px 0; border-top: 1px solid #fff; float: left; width: 55px;}
#cercaav #especialitat #intranet #contenido .bloque ul li a.eliminar:hover {display:block; text-decoration:none; background: #efeef6 url(../images/bg_listado.gif) top left repeat-x; border-bottom: 1px solid #be9da4; border-left: 1px solid #be9da4; color: #74273b; line-height: 25px; text-indent: 20px; padding: 4px 0 5px 0; border-top: 1px solid #fff; float: left; width: 55px;}

/* AVIS LEGAL - SOBRE RUTALIA
--------------------------------------------------------------------------- */

#contenidor_legal { margin: 10px; background: #fff;}
#titol_legal { background:#933243; color:#FFF; padding:5px; margin:5px 0;}
.titol_negre_legal { background:#000; color:#FFF; padding:5px; margin:5px 0; font-weight:bold;}
.texte_legal { color:#000; padding:5px; margin:5px 0 15px 0; text-align:justify; line-height:16px;}

a.link_legal:link, a.link_legal:visited, a.link_legal:active {color: #933243; text-decoration: underline;}
a.link_legal:hover {color: #933243; text-decoration: none;}

.sobre_rutalia { background:#933243; color:#FFF; padding:5px; margin:5px 0;}

.c2 {}
.c2 table {margin: 10px 0 0 57px; text-align: center; width: 300px;}
.c2 table td {text-align: center;}