/* CSS Document */
/* ELEMENTOS COMUNES */
html {font-size:100%}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; color: #404040; background-color: #efeeea; margin: 0.4em auto; }
.oculta { display: none; }
.izquierda { float: left; }
.derecha { float: right; }
.clearboth {height:.1em;clear:both;font-size:.1em;line-height:.1em}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }
* html .clearfix {height: 1%; }
.clearfix {display: block; }
.clearleft {height:.1em;clear:left;font-size:.1em;line-height:.1em;display:block}
.clearright {height:.1em;clear:right;font-size:.1em;line-height:.1em;display:block}

/*ESTRUCTURA EXTERNA */
#wrapperOuter { width: 80em; margin: 0 auto; background: #FFFFFF url(../images/bgfonsmid.gif) repeat-y right; }
#wrapTop { background: url(../images/bgfonstop.gif) no-repeat right top; height: 0.4em; }
#wrapMid { margin: 0 0 0 0.2em; width: 79em; }
#wrapBtm { background: url(../images/bgfonsbtm-c.gif) repeat-x bottom; height: 1em; }
#wrapBtmR { background: url(../images/bgfonsbtm-r.gif) no-repeat right bottom; height: 1em; }
#wrapBtmL { background: url(../images/bgfonsbtm-l.gif) no-repeat left bottom; height: 1em; }

a { text-decoration: none}
a:hover { text-decoration: underline}


/* CABECERA */
#cabecera { }
#tools { font-size: 0.85em; text-align: center; }
.listaH{ padding: 0 0 0.8em 0; margin: 0; list-style: none; }
.listaH LI{ display: inline; border-right: 2px solid #1e679c; padding: 0 1.2em; }
.listaH LI.last{ border-right: none; padding: 0 0.8em 0 1.2em; }
.listaH A{ color: #1e679c; text-decoration: none }
.listaH A:hover{ text-decoration: underline }
#pastilla { clear: both; display: block; position: relative; width:948px; margin: auto; }


#pastilla H1{ height: 111px; margin: 0; padding: 0 0 0 0; background: url(../images/pasti-index-04.jpg) }
#pastilla H1 a{ position: relative; z-index: 4; border: 0 }
#pastilla #formbg{ position: absolute; width: 768px; height: 131px; background: url(../images/homenets.gif) no-repeat center top; top: 0; left: 0; z-index: 5; }

/*inicio formulario buskeda */
#pastilla FORM{ text-align: right; position: relative; top: 60%; }
#pastilla FORM div{ color: #FFFFFF; font-weight: bold; text-align: left;}
#pastilla input{ width: 12em; height: 16px; background-color: #ffffff; border: #206ba1 1px solid; padding: 0 0.1em; margin: 0; }
#pastilla input.boto{ width: 60px; height: 16px; background: transparent url(../images/botobg.gif) no-repeat; text-align: center; border: 0; margin: 0 5px 0 5px; font-weight: bold; color: #004c91; font-size: 0.9em; border: 0; }
/*fin formulario buskeda */
#idiomas{ text-align: right; display: block; clear: both; margin: .5em 0 1em 0; font-size: 0.95em; position: relative; z-index:7 } /* ATENCION!! si se quiere dejar los idiomas en la home como estaba antes, poner el margin: 1.5em 0 1em 0;*/

/* INICIO FOOTER */
#peu{ background: url(../images/bgpeu.gif) repeat-x 0px 17px; margin: 1em 0; }
#copy{ background: url(../images/homenet-peu.gif) no-repeat 19px 0px; height: 2em; padding: 2.7em 0 0 4em; font-size: 0.85em; }
#legal{ float: right; list-style: none; margin: 0; padding: 2.3em 0 0 0; font-size: 0.85em; }
#legal A{ color: #404040; text-decoration: none; }
#legal A:hover{ text-decoration: underline; color: #026159; }
#legal LI{ display: inline; padding: 0 1.2em; }
#legal IMG{ vertical-align: middle; }
#legal LI.first{ border-right: 2px solid #e38b06; }

/* COLUMNAS */
#content{display: block; clear: both; }
.columnas2{ }
.columnas2 .columna-derecha{ float: right; width: 15.4em; padding-right: 1em; }
.columnas2 .columna-izquierda{ float: left; width: 14.4em; }
.columnas2 .columna-centro{ margin-left: 16.5em; width: 44.5em; }

/* COLUMNA DERECHA (COMUNES) */
.columna-derecha .banner{ text-align: right; margin-bottom: 1em; }
.columna-derecha .banner IMG{ border: #c8c1ae 1px solid; }
.columna-derecha .caja1{ border: #c8c1ae 1px solid; margin-bottom: 1em; }
.caja1 h2{ font-size: 1em; color: #757575; padding: 0; margin: 0.5em 0 0 0.5em; }
.caja1 ul{ font-size: 0.9em; list-style: none; padding: 0; margin: 2em 0.5em 2em 1em; }
.caja1 li{ background: url(../images/ico-news.gif) no-repeat 0 0.3em; padding: 0 0 0 2em; margin: 0 0 1em 0; color: #898476; line-height: 1.3em; }
.caja1 li a{ font-weight: normal; color: #404040; text-decoration: none; }
.caja1 li a:hover{ text-decoration: underline }
.caja1 .vermas{ border-top: #c8c1ae 1px solid; text-align: right; padding: 0.3em; font-size: 0.8em; }
.caja1 .vermas a{ color: #1e679c; }
.caja2{ border: #eeb74b 1px solid; border-top: #eeb74b 4px solid; margin-bottom: 1em; }
.caja2 h2{ font-size: 1em; color: #eeb74b; padding: 0.5em 0 0 0.5em; margin: 0; border-bottom: #eeb74b 1px solid; }
.caja2 ul{ font-size: 0.9em; list-style: none; padding: 0; margin: 2em 0.5em 2em 1em; }
.caja2 li{ background: url(../images/bullets.gif) no-repeat 0em 0.5em; padding: 0 0 0 1em; margin: 0 0 1em 1em; line-height: 1em; }
.caja2 li a{ font-weight: normal; color: #404040; text-decoration: none; }
.caja2 li a:hover{ text-decoration: underline }
.caja2 .vermas{ background-color: #faebcd; border-top: #eeb74b 1px solid; text-align: right; padding: 0.3em; font-size: 0.8em; }
.caja2 .vermas a{ color: #1e679c; }
.caja3 { border: #d5d0be 1px solid; border-top: #d5d0be 4px solid; margin-bottom: 1em; }
.caja3 h2{ font-size: 1em; color: #757575; padding: 0.5em 0 0 0.5em; margin: 0; border-bottom: #d5d0be 1px solid; }
.caja3 ul{ font-size: 0.9em; list-style: none; padding: 0; margin: 1em 0 1em 1em; }
.caja3 li{ background: url(../images/bullets.gif) no-repeat 0em 0.5em; padding: 0 0 0 1em; margin: 0 0 1em 1em; line-height: 1em; }
.caja3 li a{ font-weight: normal; color: #404040; text-decoration: none; }
.caja3 li a:hover{ text-decoration: underline }
.caja3 .vermas{ background-color: #f3f2ed; border-top: #d5d0be 1px solid; text-align: right; padding: 0.3em; font-size: 0.8em; }
.caja3 .vermas a{ color: #1e679c; }


/* COLUMNA IZQUIERDA (COMUNES) ARNAU */
.columna-izquierda .caja1{ border: #c8c1ae 1px solid; margin-bottom: 1em; }
.columna-izquierda.temes{  }
/* .fons-temes-dalt{ font-size:28px; background: url(../images/fons_temes_dalt.jpg) repeat-y; margin:0; padding:0; border:0;} */
.fons-temes-mig{ background: url(../images/home_fons_temes.jpg) no-repeat;  margin:3em 0 0 0; padding:0; border:0;}
/* .fons-temes-baix{ font-size:36px; background: url(../images/fons_temes_baix.jpg) repeat-y; margin:0; padding:0; border:0;} */
.llistat{ color:#8B98E0; margin-left: 0.5em;}
.llistat ul{font-size:1em; list-style: none; padding:0;}
.llistat li{padding: 1em 0 0 0; }
.llistat A{color:#8B98E0; text-decoration: none }
.llistat A:link{color:#8B98E0; text-decoration: none }
.llistat A:visited{color:#8B98E0; text-decoration: none }
.llistat A:active{color:#8B98E0; text-decoration: none }
.llistat A:hover{ text-decoration: none; font-weight:bold; color:#6F7ED9; }
.fons-temes-mig .mesOpcions{float:none; margin-top:0px; padding: 0;}
.fons-temes-mig .mesOpcions ul {list-style:none;}
.fons-temes-mig .mesOpcions li{background:none;}
.fons-temes-mig .mesOpcions li.mas{ font-size: 0.9em; float: none; width: auto; padding: 0 30px 0 0; margin: .5em 2em 0 0; text-align: right; }
.fons-temes-mig .mesOpcions li.mas a{ color: #1e679c; }

/* PARTE CENTRAL */
#navegacion-central{ }
#navegacion-central h2{ color: #255483; font-size: 1em; margin: 1em 0 0 0; }
#navegacion-central h2 em{ padding: 0 0.5em; margin: 0 0.5em 0 0; }
#navegacion-central .seccion{ margin: 0 0 1em 0; padding: 0.5em 0 .5em 0; font-size: 0.9em; }
#navegacion-central .fonsgris{ background-color: #ffffff; }
.imagenes{ padding: 0 10px 0 0; }
.imagenes IMG{ margin: 0 2px 0 0; }
.seccion ul { list-style: none; padding: 0; }
.seccion ul li{ float: left; width: 44%; background: url(../images/bullets.gif) no-repeat 0em 0.5em; padding: 0 0 0 1em; margin: 0 0 0.6em 0; }
.seccion a{ color: #404040; text-decoration: none; }
.seccion a:hover{ text-decoration: underline; }
.separador{ background: url(../images/separador_linia.jpg) center no-repeat; height: 0.1em; margin: .5em 0; }
/* #navegacion-central li.mas{ font-size: 0.9em; background: url(../images/bullet-masinfo.gif) no-repeat right center; float: none; width: auto; padding: 0 15px 0 0; margin: .5em 2em 0 0; text-align: right; } */
#navegacion-central li.mas{ font-size: 0.9em; float: none; width: auto; padding: 0 30px 0 0; margin: .5em 2em 0 0; text-align: right; }
#navegacion-central li.mas a{ color: #1e679c; }


.diguens{ position:absolute; top:-1em; left: 57em; width:200px; z-index:10;}