/* charset */
@charset "utf-8";
/* GLOBAL */
html, body { margin: 0; padding: 0; background:#FFF; color:#333; }
body {overflow:visible; overflow-x: hidden;}
body, td, th {line-height: 1.2;height: 100%; font-family:Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif; font-size:0.8em;}
h1 { display:none;}
h2 { display:none;}
a {color:#006ab3; text-decoration:none;}
a:hover {color:#006ab3; text-decoration:underline;}
a {outline: none;}
h3{ color:#5782d1; font: 20px Helvetica,Arial,sans-serif; letter-spacing: 0em; line-height: 1.05em;}
h4{ color:#0066ff; font: 14px Helvetica,Arial,sans-serif; letter-spacing: 0em; line-height: 1.05em;}
h5{ color:#0066ff; font: 12px Helvetica, Arial, sans-serif; letter-spacing: 0em; line-height: 1.05em;}
h6{ color:#333; font: 10px Helvetica, Arial, sans-serif;letter-spacing: 0em; line-height: 1.05em;}
.hr { clear:both; background-image:url(../images/sep_horizontal.jpg); background-repeat:repeat-x; background-position:left; padding:10px 0 10px 0;}
.hr_sm { clear:both; background-image:url(../images/sep_horizontal.jpg); background-repeat:repeat-x; background-position:left; padding:0;}
.hrb { clear:both; padding:10px 0 10px 0;}
.hr2 { clear:both; padding:0;}
.minima { font-size:x-small !important; line-height:normal;}
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.hide {display:none;}
.show {display:block;}
.arrow { background-image:url(../images/icons/arrow.png); background-repeat:no-repeat; background-position:left; padding:20px;}
img.noborder {border: 0!important; }
img.noborder:hover {border: 0!important; }
.pdlft5 {margin-left:10px !important;}
strong { font-weight:bold;}
/* CABECERA */
#header { background-color: #008ac9; }
#header-in { width:960px; height: 130px; margin:0 auto; background-image: url(../images/header.gif); background-repeat: no-repeat; }
#header #header-in #acceso { background-image: url(../images/bg-acceso.gif); background-repeat: no-repeat; height: 50px; width: 515px; position: relative; top: 20px; left: 430px; }
#header #header-in #acceso #acceso-in { padding-left:15px; padding-top: 10px; padding-bottom:15px; display: block; vertical-align: baseline; }
#header #header-in #acceso { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; }
/* CONTENIDO */
.bgh {background-image: url(../images/bg-contenth.gif); background-repeat: repeat-y;margin: 0 auto;height: 100%;height: auto;min-height: 100%;overflow: auto;}
.bgnoh {background-image: url(../images/bg-content.gif); background-position: left top; background-repeat: repeat-y; margin: 0 auto;height: 100%;height: auto;min-height: 100%;overflow: auto;}
#content { width:986px;/* min-height: 780px; *min-height: 750px;*/ margin: 0 auto; padding:0;}
#content-in { width:960px; margin:0 auto; }
#content #content-in #izquierda { width:651px; }
#content #content-in #derecha { float: right; width: 303px; position: relative; right:-4px; top: 0;}
#content #content-in #izquierda2 {width:651px; float: right; position: relative; right:6px; top: 0; }
#content #content-in #derecha2 { width: 303px; position: relative; right:4px; }
#content-sup { margin:0 auto; background-color: #1c80cf; }
#content-sup-in { width:960px; margin:0 auto; height:212px; }
#content-sup #content-sup-in #ads-top { background-image: url(../images/bg-topD.gif); background-repeat: no-repeat; background-position: 0px; height: 212px; width: 303px; float: right; position: relative; top: 0px; left: 9px; }
#content-sup #content-sup-in #banner { height: 214px; width: 651px; padding:0; margin:0; }
#content-sup #content-sup-in #ads-top2 { /*background-image: url(../images/bg-topD.gif); background-repeat: no-repeat; background-position: 0px;*/ background-color: #1c80cf; height: 212px; width: 303px;}
#content-sup #content-sup-in #banner2 { height: 214px; width: 651px; padding:0; margin:0; float: right; position: relative; top: 0px; right:0;}
/* ads-top - Bloque */
#ads-top .bloque { padding-top:30px; padding-left:4px;}
#ads-top .bloque h3{ background-image:url(../images/bg-tit.gif); background-repeat: no-repeat; height: 48px; width: 283px; text-indent: 5px; vertical-align: baseline; line-height:34px;}
/* PIE */
#footer { background-color: #005089; padding-bottom:0; margin-bottom:0;background-repeat: repeat-x; background-attachment: scroll; background-position: 0% 0%;}
#footer-in { width:960px; height: 120px; margin:0 auto; }
#footer-in p {padding-top:20px;}
#footer #footer-in ul { font-size: 12px; list-style-type:none; }
#footer #footer-in li { display:block; float:left; margin:0 6px 0 0;}
#footer #footer-in li a { display:block; float:left; color:#fff; text-decoration:none; padding:0 10px 0 3px; border-right:1px solid #1c80cf; }
#footer #footer-in li a.current { color:#00ccff; }
#footer #footer-in li a.right { padding-right:19px; }
#footer #footer-in li a:hover { color: #00ccff; }
#footer #footer-in span { float: right; width: 60px; position: relative; top: 10px; right: 40px; }
/* MENU SUPERIOR */
#header #menu { background-image: url(../images/bg-menu.gif); background-repeat: repeat-x; background-position: -10px; height: 36px; }
#header #menu-in span { background-image: url(../images/info-ara.gif); background-repeat: no-repeat; height:28px; width:242px; margin-top:2px; position: relative; top: 1px; left:0; border-left:1px double #000; float:right; }
/*menu-in*/
#header #menu-in { width:960px; margin:0 auto; }
#header #menu-in ul { list-style-type:none; font-family:"Helvetica", "Trebuchet MS", Arial, sans-serif; font-size:13px; font-weight:bold; margin:0; padding:0; position: relative; float: left; margin-top:2px; }
#header #menu-in li { display:block; float:left; margin:0 6px 0 0; height:27px; }
#header #menu-in li.left { margin:0; }
#header #menu-in li a { display:block; float:left; color:#fff; line-height:27px; text-decoration:none; padding:0 10px 0 5px; height:27px; border-right:1px double #000; }
#header #menu-in li a.right { padding-right:19px; }
#header #menu-in li a:hover { color: #00ccff; }
#header #menu-in li a.current { color:#00ccff; }
#header #menu-in li a.current:hover { color:#00ccff; }
/* FORMULARIO GRANDE */
div.formulariogrande { padding-top:10px; }
div.formulariogrande p { margin-bottom:0px; min-height:35px; _height:35px; }
div.formulariogrande p span { display:block; float:left; width:150px; padding-top:4px; }
div.formulariogrande a { font-size:11px; color:#b75609; margin-left:15px; padding:2px; }
div.formulariogrande a:hover { color:#fff; background:#b75609; padding:2px; }
/* partes */
.inputcorto, .inputmedio, .inputmedio2, .inputlargo, .inputmini, .inputmini2, .inputmicro { padding:4px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#999; }
.inputmicro { width:50px; }
.inputmini { width:125px; }
.wmini {width:170px; }
.inputmini2 { width:170px; }
.inputcorto { width:210px; }
.inputmedio { width:400px; }
.inputmedio2 { width:370px; }
.inputlargo { width:600px; }
.inputmicro:focus, .inputmini:focus, .inputmini2:focus, .inputcorto:focus, .inputmedio:focus, .inputmedio2:focus, .inputlargo:focus { outline:1px solid #ffb000; color:#292929; }
select { color:#666; margin-top:2px; }
select:focus { color:#292929; }
.archivo { color:#666; margin-top:2px; }
.archivo:focus { color:#292929; }
.textareapeque, .textareamedia, .textareagrande, .textareaextra { width:500px; padding:4px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; }
.textareapeque { height:50px; }
.textareamedia { height:100px; }
.textareagrande { height:200px; }
.textareaextra { height:300px; }
.textareapeque:focus, .textareamedia:focus, .textareagrande:focus, .textareaextra:focus { outline:1px solid #ffb000; color:#292929; }
.xecbox { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin-top:6px; *margin-top:4px;}
/*.boton { margin:20px 0 10px 0; padding:4px; }*/
.boton { padding:5px; background-color:}
.botonNaranja { padding:5px; border:1px solid #FFBA75; background-color:#006ab3; color:#FFF; }
.botonNaranja:hover { padding:5px; border:1px solid #006ab3; background-color:#FFF; color:#006ab3; }
.botonBlancoNaranja { padding:5px; border:1px solid #006ab3; background-color:#FFF; }
.botonGrande { margin:20px 20px 20px 15px; outline:15px solid transparent; padding:4px; *margin-left:0;}
.botonsi { margin:20px 20px 20px 15px; outline:15px solid #a3bc85; padding:4px; *margin-left:0;}
.botonno { margin:20px 20px 20px 15px; outline:15px solid #be5145; padding:4px; *margin-left:0;}
.botonNegro { border:1px solid #333; background-image:url(../images/bg-btn.gif); background-color:#000; cursor:pointer; color:#FFF; background-repeat: repeat-x; background-position: -5px; padding:6px 10px 6px 10px; }
/* FORMULARIO COLUMNA */
.inputcolumna { width:170px; padding:4px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#999; }
.inputcolumna:focus {outline:1px solid #ffb000; color:#292929;}
.botoncolumna {padding:4px;}
/* BUSCADOR */
#buscador { /*background-position: 0 34px; padding-bottom:10px;*/ }
.buscador-aux1 { background-image: url(../images/bg-buscador.gif); background-repeat: no-repeat; height: 110px; background-position: 0 34px;}
.buscador-aux2 {background-image: url(../images/bg-buscadorA.gif); background-repeat: repeat-y; height:80px background-position: 0; margin-bottom:10px;}
.buscador-aux3 {background-image: url(../images/bg-buscadorA.gif); background-repeat: repeat-y; height:1px background-position: 0; margin:10px 0 10px 10px;}
#buscador form { color:#FFF; font-size:14px; padding-left:10px; *padding-left:5px;}
#buscador .form-aux {padding-top:50px; *padding-top:40px; }
#buscador p {padding-top:25px;font-family:Arial, Helvetica, sans-serif; color:#FFF;}
#buscador a { text-decoration:underline; color:#FFF; padding-left:5px;}
#buscador p span { float:right; width:400px; position:relative; top:-10px; *top:-10px;right:0; text-align:right; padding-right:10px;}
/* menu-tab */
#tbBuscador { width:100%; font-size:93%; line-height:normal; clear:both; }
#tbBuscador ul { margin:0; padding:10px 10px 0 0; list-style:none; }
#tbBuscador li { display:inline; margin:0; padding:0; }
#tbBuscador a { float:left; margin:0; padding:0 0 0 4px; text-decoration:none; background-image: url(../images/tbL.gif); background-repeat: no-repeat; background-position: left -42px; }
#tbBuscador a span { float:left; display:block; padding:5px 15px 4px 6px; color:#333; background-image: url(../images/tbR.gif); background-repeat: no-repeat; background-position: right -42px; }
/* Hack IE5-Mac \*/
#tbBuscador a span { float:none; }
/* End IE5-Mac hack */
#tbBuscador a:hover span { color:#FFF;}
#tbBuscador a:hover { background-position:0% 0; }
#tbBuscador a:hover span { background-position:100% 0; }
#tbBuscador .current { float:left; margin:0; padding:0 0 0 4px; text-decoration:none; background-image: url(../images/tbL.gif); background-repeat: no-repeat; background-position: left top;color:#FFF; }
#tbBuscador .current span { float:left; display:block; padding:5px 15px 4px 6px; color:#FFF; background-image: url(../images/tbR.gif); background-repeat: no-repeat; background-position: right top; }
#tbBuscador .current a:hover { background-position:0% 0; color:#333;}
#tbBuscador .current a:hover span { background-position:100% 0; color:#333;}
#toggleTextH { margin-bottom:15px; padding:10px 0 10px 0;}
/* BUSCADOR H */
#buscadorh { background-image: url(../images/bg-buscador.gif); background-repeat: no-repeat; height: 150px; background-position: 0 34px; padding-bottom:10px; }
#buscadorh form { color:#FFF; font-size:14px; padding-top:60px; *padding-top:40px; padding-left:10px; *padding-left:5px;}
#buscadorh p {padding-top:25px;font-family:Arial, Helvetica, sans-serif; color:#FFF;}
#buscadorh a { text-decoration:underline; color:#FFF; padding-left:5px;}
#buscadorh p span { float:right; width:400px; position:relative; top:-10px; *top:-10px;right:0; text-align:right; padding-right:10px;}
/* menu-tab */
#tbBuscadorh { float:left; width:100%; font-size:93%; line-height:normal; }
#tbBuscadorh ul { margin:0; padding:10px 10px 0 0; list-style:none; }
#tbBuscadorh li { display:inline; margin:0; padding:0; }
#tbBuscadorh a { float:left; margin:0; padding:0 0 0 4px; text-decoration:none; background-image: url(../images/tbL.gif); background-repeat: no-repeat; background-position: left -42px; }
#tbBuscadorh a span { float:left; display:block; padding:5px 15px 4px 6px; color:#333; background-image: url(../images/tbR.gif); background-repeat: no-repeat; background-position: right -42px; }
/* Hack IE5-Mac \*/
#tbBuscadorh a span { float:none; }
/* End IE5-Mac hack */
#tbBuscadorh a:hover span { color:#FFF;}
#tbBuscadorh a:hover { background-position:0% 0; }
#tbBuscadorh a:hover span { background-position:100% 0; }
#tbBuscadorh .current { float:left; margin:0; padding:0 0 0 4px; text-decoration:none; background-image: url(../images/tbL.gif); background-repeat: no-repeat; background-position: left top;color:#FFF; }
#tbBuscadorh .current span { float:left; display:block; padding:5px 15px 4px 6px; color:#FFF; background-image: url(../images/tbR.gif); background-repeat: no-repeat; background-position: right top; }
#tbBuscadorh .current a:hover { background-position:0% 0; color:#333;}
#tbBuscadorh .current a:hover span { background-position:100% 0; color:#333;}
/* Bloque */
.bloque { padding-left:10px; padding-bottom:15px;}
.bloque h3{ background-image:url(../images/bg-tit.gif); background-repeat: no-repeat; height: 48px; width: 283px; text-indent: 5px; vertical-align: baseline; line-height:34px;}
.bloque p{padding-left:0;}
.bloque ul { line-height:150%; padding-left:10px; line-height:200% !important; cursor:pointer;}
.bloque li{ color:#006ab3; padding-top:5px; padding-left:12px;}
.bloque li a{ color:#006ab3; text-decoration:none; }
.bloque li a:hover{ color:#000; text-decoration:none; }
.bloque span{ background-image: url(../images/dot.gif); background-repeat: no-repeat; background-position: 5px 5px; padding-left:20px; display:inline-table; *display:inline-table; line-height:150%; }
.bloque form { padding-left:20px; padding:5px;}
/* mostrar anuncio opo */
#ad-opo {padding:10px; line-height:150% !important; background: #FFF url(../images/bg-vert.jpg) repeat-x left top;border-bottom:1px solid #CCC;}
#ad-opo a{color:#006ab3; text-decoration:none !important;}
#ad-opo a:hover{color:#006ab3; text-decoration:underline !important;}
#ad-opo h3 { padding-left:20px; background-image:url(../images/icons/shape_align_right.png); background-position:left; background-repeat:no-repeat; }
#ad-opo h3 span a{ font-size:12px; float: right; width: 160px; position: relative; top:0; right:0; padding-right:0; }
#ad-opo p {font-size:10px; padding-bottom: 2em; vertical-align:text-top !important;}
#ad-opo p img { float:right; width:100px; position: relative; top:20px; right:0; border-bottom:2px solid #ccc;}
#ad-opo p span{ color:#333; vertical-align: 150%;}
#ad-opo em{ color:#999 !important;}
#ad-opo em a{ color:#999 !important; text-decoration:none;}
#ad-opo h4 { padding-bottom:10px; font-size:125%; line-height:1.4}
/* marcs */
.outer .inner { background:none; background-color:#B9DCFF; padding:25px 30px 15px 30px; }
.outer { border:1px solid #a3a09e; margin-bottom:10px; position:relative; }
.inner { display:block; border:1px solid #ffffff; background: #ffffff; padding:30px; overflow:auto; }
/* totes les opos RESULTS */
#allresults { margin-top:10px; border-top: 2px solid #7fb9e5; }
#allresults #allresults-in { padding:10px; border:2px solid transparent; border-bottom:2px solid #f8f8f8; }
#allresults #allresults-in:hover { border:2px solid #7fb9e5;}
#allresults #allresults-in { }
#allresults #allresults-in h4{padding-bottom:10px; font-size:125%;}
#allresults #allresults-in a{background:url(../images/icons/arrow.png) no-repeat right top; float:right; font-size:110%; padding-right:20px;}
#allresults #allresults-in a:hover{}
#allresults #allresults-in p{ padding-bottom: 2em; font-size:85%;}
/* totes les opos */
/*#allopos { margin-top:10px;border-top: 2px solid #7fb9e5; }
#allopos #allopos-in { padding:10px 20px 20px 20px; border:1px solid transparent; border-bottom:1px solid #e8e8e8; min-height:100px;}
#allopos #allopos-in:hover { background: #FFF url(../images/bg-vert.jpg) repeat-x left top;border:1px solid #e5e5e5; border-bottom:1px solid #CCC;}
#allopos #allopos-in { }
#allopos #allopos-in h4{padding:5px 0 10px 0; font-size:125%;}
#allopos #allopos-in a{ background:url(../images/icons/arrow.png) no-repeat right top; float:right; font-size:110%; padding-right:22px; margin-top:15px; *margin-top:0;}
#allopos #allopos-in a:hover{}
#allopos #allopos-in p{ padding-bottom: 2em; font-size:90%; color:#999;}
*/
/* totes les opos */
#allopos { border-top: 2px solid #ccc; }
#allopos a { background:url(../images/icons/arrow.png) no-repeat right top; font-size:110%; padding-right:22px; margin-top:15px; *margin-top:0;}
#allopos a:hover {}
#allopos h4 a { background:none!important; float:none!important; color:#006ab3;}
#allopos #allopos-in a:hover {}
#allopos h4 a:hover {}
#allopos #allopos-in { padding:5px; border:1px solid transparent; border-bottom:1px solid #ccc; min-height:40px;}
#allopos #allopos-in:hover { background: #FFF url(../images/bg-vert.jpg) repeat-x left top;border:1px solid #e5e5e5; border-bottom:1px solid #CCC;}
#allopos #allopos-in {}
#allopos #allopos-in h4 { padding:5px 0 10px 0; font-size:125%;}
#allopos #allopos-in a { background:url(../images/icons/arrow.png) no-repeat right top; font-size:110%; padding-right:22px; margin-top:15px; *margin-top:0;}
#allopos #allopos-in h4 a { background:none!important; float:none!important; color:#006ab3;}
#allopos #allopos-in h4 a:hover {}
#allopos #allopos-in p { font-size:90%; color:#999;}
/* sub-column */
#sub-column { padding-top:10px; min-height:500px; *min-height:500px;}
/* a */
#sub-column-a { padding-bottom:10px; float:left; width:322px; top:0; right:0; margin-top:0; /*background-image: url(../images/bg-motiu.gif);*/ border-right:1px solid #c4e2fe;}
#sub-column-a h3{ padding-left:10px; line-height:200%; color:#FFF; background-image: url(../images/bg-subtit.gif); background-repeat: no-repeat; background-position: -5px top; height: 60px; width: 324px; }
#sub-column-a span {line-height:250%; padding-left:10px; color:#006ab3;}
#sub-column-a span a{color:#006ab3; text-decoration:none;}
#sub-column-a span a:hover{color:#006ab3; text-decoration:underline;}
#sub-column-a ul { line-height:200%; padding-left:10px;}
#sub-column-a li{ color:#006ab3; }
#sub-column-a li a{ background-image:url(../images/icons/arrow.png); background-repeat:no-repeat; background-position:left; padding:20px; color:#333; text-decoration:none;}
#sub-column-a li a:hover{color:#006ab3;text-decoration:underline;}
/* b */
#sub-column-b { padding-bottom:10px; float:right; width:324px; top:0; right:0;/* margin-top:0;background-image: url(../images/bg-motiu.gif);*/}
#sub-column-b h3{ padding-left:10px; line-height:200%; color:#FFF; background-image: url(../images/bg-subtit.gif); background-repeat: no-repeat; background-position: -5px 0px; height: 60px; width: 324px; }
#sub-column-b ul { line-height:200%; padding-left:10px;}
#sub-column-b li{ color:#006ab3; }
#sub-column-b li a{ background-image:url(../images/icons/arrow.png); background-repeat:no-repeat; background-position:left; padding:20px; color:#333; text-decoration:none;}
#sub-column-b li a:hover{color:#006ab3; text-decoration:underline;}
#sub-column-b #p { padding:5px; padding-left:10px; color:#000; font-size:12px; background-color:#c4e2fe; width:300px; height:125px; margin-top:15px;}
#sub-column-b #p h4 { color:#006ab3; font-size:14px; line-height:260%;}
#sub-column-b #p form { text-align:right; padding-bottom:20px;}
#sub-column-b #p p { padding-top:5px;}
#sub-column-b #p label {width: 4em; float: left; text-align:left; margin-right: 0.5em; display: block}
#sub-column-b #p input {padding-right:10px;width:205px;}
#sub-column-b #p select { width:220px;}
#sub-column-b #p .submit {margin-top:5px; color:#FFF; background-color:#000; border:4px solid #000; cursor:pointer; background-repeat: no-repeat; height: 22px; width: 128px; border:1px solid #000;}
/* form */
.solicitud-extra {padding-left:10px; padding-bottom:30px; width:280px;}
.solicitud {}
.solicitud .badge { position:relative; float:right; width:50px; top:-40px; right:80px;}
.solicitud form.cssform { line-height:200%; background-color:#c4e2fe; padding:10px 10px 0 10px;-moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
.solicitud form.cssform h3 { padding-bottom:10px; font-size:200%; font-weight:550;}
.solicitud form.cssform fieldset { margin-bottom: 10px;padding-left:0; padding-bottom:10px;}
.solicitud form.cssform legend {padding: 0 2px; font-weight: bold; }
.solicitud form.cssform label { display: inline-block; line-height: 1.8; vertical-align: top; }
.solicitud form.cssform fieldset ol { margin: 0; padding: 0; }
.solicitud form.cssform fieldset ul { float:left; width:280px;}
.solicitud form.cssform fieldset li { list-style: none; padding: 5px; margin: 0; }
.solicitud form.cssform fieldset fieldset { border: none; margin: 3px 0 0; }
.solicitud form.cssform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
.solicitud form.cssform fieldset fieldset label { display: block; width: auto; }
.solicitud form.cssform em { font-weight: bold; font-style: normal; color: #f00; }
.solicitud form.cssform label { width: 100px; /* Width of labels */ }
.solicitud form.cssform fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */ }
/* pagination */
div.pagination { padding: 5px; margin: 5px; padding:15px 0 20px 0; }
div.pagination a {padding:3px 6px; margin: 2px; background:#CCC url(../images/bg-btn-pg.gif) repeat-x 0% 0%; border: 1px solid #ccc; text-decoration:none !important; color: #000099; }
div.pagination a:hover, div.pagination a:active { border: 1px solid #ccc; background:#FFF none; color:#333 !important; text-decoration:none !important;}
div.pagination span.current {padding:3px 6px; margin: 2px; border: 1px solid #0e509e; font-weight: bold; background-color: #2e6ab1; color: #FFF; }
div.pagination span.disabled { padding:3px 6px; margin: 2px; border: 1px solid #f5f5f5; color: #888888; }
/* breadcrumbs */
div.breadcrumbs { overflow:hidden; margin:10px 0 5px 0; padding:0; height:30px; line-height:30px; /*-- sample only --*/ color:#888888; border:1px solid #eee;}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span { float:left; overflow:hidden; height:30px; padding:0 8px; font-style:normal;}
div.breadcrumbs span { background:url(../images//bg-breadcrumb.png) no-repeat left center; overflow:hidden; padding:0 0 0 10px; width:0px; filter:alpha(opacity=40); opacity:0.4;}
/* descrip-curs */
#descrip-curs { line-height:160%; padding-top:10px; background: #FFF url(../images/bg-vert.jpg) repeat-x left top; padding:5px;}
#descrip-curs h3 {padding-left:20px; line-height:250%; background-image:url(../images/icons/shape_align_right.png); background-position:left; background-repeat:no-repeat;}
#descrip-curs p{padding-bottom:20px;}
#descrip-curs h4{padding-left:20px; margin:0 0 10px 0; background-image:url(../images/icons/dot.png); background-position:left; background-repeat:no-repeat;}
#descrip-curs #right { float:right; padding:0 0 20px 20px; line-height:200%; min-height:200px;}
#descrip-curs #right .recursos { background-color:#f8f8f8; border:1px solid #dddddd; width:180px; margin-top:10px; line-height:220%; padding:5px; line-height:150%;}
#descrip-curs #right .recursos h4{ text-transform:capitalize; background-color:#eeeeee; display:block; border-bottom:1px solid #bdbdbd; background-image:none; padding:5px; color:#006ab3; font-weight:600;}
#descrip-curs #right ul {}
#descrip-curs #right li {}
#descrip-curs #right img { border:2px solid #f5f5f5;}
#descrip-curs #right img:hover { border:2px solid #e5e5e5;}
#descrip-curs #right .pdf-icon{ background:url(http://www.adobe.com/images/pdficon_small.gif) no-repeat left 100%; padding-left:20px;}
#descrip-curs #left {}
#descrip-curs #left ul{ padding-bottom:10px;}
#descrip-curs #left li{ list-style-type: disc; list-style-position: inside; }
#descrip-curs #left h4 { color:#008ac9; font-size:125%; font-weight:590;}
#descrip-curs #left p { color:#373737;}
/* article detalls */
#columna-detall { line-height:160%; padding-top:10px; background: #FFF url(../images/bg-vert.jpg) repeat-x left top;}
#columna-detall h3 {padding-left:20px; line-height:250%; background-image:url(../images/icons/shape_align_right.png); background-position:left; background-repeat:no-repeat;}
#columna-detall #left { float:left; padding:0 20px 0 0; height:1200px; line-height:200%;}
#columna-detall #left img { border:2px solid #f5f5f5;}
#columna-detall #left img:hover { border:2px solid #e5e5e5;}
#columna-detall #left .recursos { background-color:#f8f8f8; border:1px solid #dddddd; width:180px; margin-top:10px; line-height:220%; padding:5px;}
#columna-detall #left .recursos h4{ background-color:#eeeeee; display:block; border-bottom:1px solid #bdbdbd; background-image:none; padding:5px; color:#000;}
#columna-detall #left .pdf-icon{ background:url(http://www.adobe.com/images/pdficon_small.gif) no-repeat left 100%; padding-left:20px;}
#columna-detall #left b {color:#000; font-weight:600;}
#columna-detall #left em { font-style:italic; font-weight:580; color:#0066ff;}
#columna-detall #right { padding:0 10px 0 0;}
#columna-detall #right ul{ padding-bottom:10px;}
#columna-detall #right li{ list-style-type: disc; list-style-position: inside; }
#columna-detall #right h4 { padding:0 0 10px 0; font-size:120%;}
#columna-detall #right h5 { padding:10px 0 5px 0; font-size:110%; color:#333; font-weight:600;}
#columna-detall #right p { padding-bottom:20px;}
#columna-detall #right img { border:2px solid #f5f5f5;}
#columna-detall #right img:hover { border:2px solid #e5e5e5;}
/* image :hover */
.thumbnail{position: relative; z-index: 0; padding-right:20px;}
.thumbnail:hover{background-color: transparent; z-index:20; }
.thumbnail span{position: absolute; background-color:white; padding: 10px; visibility: hidden; color: black; text-decoration: none;}
.thumbnail span img{border-width: 0; padding: 0;}
.thumbnail:hover span{visibility: visible; border:1px solid #ccc; top:auto; right:0;}
/* dadss de opos */
#dadesopo{ margin-bottom:15px; background-color:#e3edf6; border:1px solid #d2e5f6; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
#dadesopo-in { padding:15px 10px 0 20px;}
#dadesopo-in strong {float:left; width:200px; color:#006ab3; font-weight:600;}
#dadesopo-in span { float:left; width:auto; padding-left:10px;}