@import url("bloque.css");


#main .bloque{ margin:0; width:auto; margin-bottom:10px; position:relative; padding:0;background: url(../imgs/bk-bloquePaginasCentrales.gif) right repeat-y; border:0; min-height: 1px;
/*border: 1px solid #E4E4E4; */ }
*html #main .bloque{width:523px }
#main .bloque:after{background: url(../imgs/box-bottom520.gif) no-repeat 100% -20px; height:5px; }

/* Fix end of box for IE7 */
*:first-child+html .bloque+div {background: url(../imgs/box-bottom520.gif) no-repeat 100% 100%; height:5px;}
*:first-child+html .bloque {margin-bottom: 0 !important;}
*:first-child+html .bloque>.articulo>* {margin-bottom: 0 !important;}

#main h2 {font-size:2em; color:#E5E5E5;  min-height:100px; text-indent:-9999px; margin-left:15px;margin:0px; margin-left:3px;}
*html #main h2 { padding-bottom:70px}

/* tipos */
#main h2, #main h3,#main h4,#main h5{ font-family:Georgia, "Times New Roman", Times, serif; }
#main p, #main ul, #main ol, #main form{ font-family:"Trebuchet MS", Arial, sans-serif;}
#main ol li, #main ul li  {/*color:#DF0003; */ color:#444; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:8px;}
#main ol li em, #main ul li em  {color:#444; font-style:normal; font-family:"Trebuchet MS", Arial, sans-serif;}

/* com la caixa te ombra, he d'ajustar els padding de tots els elements*/
#main .bloque h3, #main .bloque h4,#main .bloque p{ margin-left:15px; margin-right:15px;}

#main .bloque h3{ margin-left:15px}

#main img{ border:0;}
#main hr{ margin:15px}
#main .bloque  h3 a, #main .bloque  ol li a,   #main .bloque  ul li a{ color:#444;  }

#main .bloque  h3 a:hover, #main .bloque  ol li a:hover{ color:#DF0003;}



#main .bloque h3{ color:#DF0003; border:0; padding-left:0;margin-bottom:0px; margin-top:0px; font-size:1.55em; font-weight:normal; clear:none; line-height:1.1em;}
#main .bloque h4{  font-size:.7em; margin-bottom:10px; margin-top:0;}

#main .bloque .articulo {border-top: 1px solid #E4E4E4; position:relative; margin:0 2px; }
#main .bloque .articulo + .articulo{border-top: 0px solid #E4E4E4; clear:both; margin-top:40px;  }
#main .bloque .articulo p{ position:relative; width:240px;}
#main .bloque .articulo p.imgLeft{ width:auto!important; text-align:left; margin-top:10px; margin-left:15px!important;padding-right:0;}
* html #main .bloque .articulo p.imgLeft{
	margin-left: 7px !important;
}
#main .bloque .articulo p.imgRight{ width:auto; margin-right:0; margin-left:20px;  padding-right:0;}
#main .bloque .articulo + .articulo p{ position:relative; width:300px; float:left; margin-left:0}

#main p a.linkBottom{ background: url(../imgs/arrow-10x10.gif) no-repeat right;  text-indent:-9999px; display:inline; width:15px; height:15px; float:right; position:absolute; right:-40px; bottom:0; }
#main p a.linkBottom:hover{ background: url(../imgs/arrowLink-10x10-hover.gif) no-repeat right;}


#main #autores, #main #listArticulos{ float:left; margin-top:20px;  }
#main #autores{ clear:both;  border-right: 1px solid #E4E4E4; width:180px; margin-right:20px;background-color:#F1F1F1; margin-left:4px; margin-bottom:0}
* html #main #autores {
	margin-left: 2px;
}
#main #autores h3, #main #listArticulos h3{ color:#444; margin-top:8px; }
#main #autores h3{ font-size:1.4em; margin-top:10px; }
#main #autores ul{ margin-top:0; }
#main #autores ul li{list-style:none; margin-bottom:0}
#main #autores ul li a{ color:#807F84;}
#main #autores ul li a:hover{ color:#DF0003;}

#main #listArticulos{  width:305px; }
#main #listArticulos h3{ margin-left:0px}
#main #listArticulos label{ display:none;}
#main #listArticulos select{ width:220px;}
#main #listArticulos ol li, #main #listArticulos ul li { margin-left:0;}
#main #listArticulos ul li a{ font-weight:bold }
* html #listArticulos ul,
*:first-child+html #listArticulos ul {
	margin-top: -1.5em !important;
}


/* Fix image jump for IE7 and image position */
*:first-child+html #main .articulo img {
	border: 1px solid transparent;
	margin-right: 1px;
	margin-top: -1px;
}
/* Fix image position for IE6 */
* html #main .articulo img {
	margin-right: 2px;
}