/* Main */
#main a{ text-decoration:none; }
#main a:hover{color:#DF0003;}

#main h2 {	  position:relative;  margin:0px; }
#main h3 { margin-top:5px; margin-bottom:5px; font-size:.75em;}
#main p{font-size:.7em;}
#main p.imgLeft, #main  p.imgRight{ padding-bottom:0!important;}



#main .bloque ul li, #main .bloque .recorridos, #main .centrales, #main .apuntador,#main .masVendidos ul li  { list-style:none; padding:0;margin:0px; float:left;}
.bloque, #main .centrales, #main .apuntador { margin-bottom:13px; }

.bloque{border-bottom:1px solid #C3C5C8; padding-bottom:0px; clear:both; /*ie7*/min-height:1px;}
#main .bloque ul, #main .masVendidos ul {  margin:15px 0  0 10px;}
#main .bloque ul li img:hover,
#main .masVendidos ul li img:hover{ border-color:#DF0003;}
#main .bloque:after { 	content: "";	display: block;	height: 0px;	clear: both;overflow:hidden}


/*
Per evitar l'espai sota les fotos
Cal posar margin-bottom 0 a tots els P, i llavors si un P de text és més alt que la foto, quedarà enganxat a la vora inferior de la caixa (prova-ho).
*/
#main .bloque p, #main .centrales p, #main .apuntador p {
	margin-bottom: 0;
}
#main p.imgLeft img, #main p.imgRight img {display:block}


/* primer bloque*/
#main .bloque ul.atril  { margin-left:18px; }
#main .bloque ul.atril li {  background:none; padding:0; margin-right:26px; width:75px; margin-bottom:10px; font-size:.7em; }
* html #main .bloque ul.atril li { margin-right: 22px; }
* html #main .bloque ul.atril li img {float: left; margin-bottom: 3px;}
*:first-child+html #main .bloque ul.atril li img {margin-bottom: 3px;}

#main .bloque ul.atril li:first-child+li+li+li+li {  margin-right:0;}
#main .bloque ul.atril li em{ font-weight:normal; font-style:normal; color:#666; }



/* segundo bloque*/
#main h2.titRecorridos {	background:#555555 url(../imgs/tit-555454.gif) no-repeat scroll center top; border-bottom:0  }
#main h2.titRecorridos  a{	color:#FFFFFF }
#main h2.titRecorridos a:hover{color:#DF0003;}

#main .bloque .recorridos { width:254px;/* medeix cada un 259 menys els 5 del padding*/ margin:0; padding-right: 5px;/* height:180px;*/ }
#main .bloque .recorridos+.recorridos {float:right; margin:0;}
#main .bloque .recorridos h3{ margin-top:10px;}
#main .bloque .recorridos h3, #main .bloque .recorridos p  { margin-left:135px;}
#main .bloque .recorridos p.imgLeft { margin-bottom:0 !important; margin-left:1px; padding:0;}
#main .bloque .recorridos  img{ border:0px;}
* html #main .bloque .recorridos  img{ float: left; }


/* bloque AGENDA*/
#main #agenda .bloque{ background-color:#FFFFFF;}
#main #agenda .bloque h2 a{ color:#FFFFFF;}
#main #agenda .bloque h2 a:hover{ color:#000;}
#main #agenda .bloque ul{ margin-bottom:5px; margin-top:10px}
#main #agenda .bloque ul li{ margin-top:10px; float:none}
#main #agenda .bloque ul li h3{ font-weight:normal; margin-bottom:0; font-size:.9em }
#main #agenda .bloque ul li h3 span.tipoEvento{ color:#DF0003; font-size:1.2em; background: url(../imgs/arrowLink-7x7-hover.gif) no-repeat left;  text-decoration:none; padding-left:10px; font-weight:bold }
#main #agenda .bloque ul li p{ font-size:1em}
#main #agenda .bloque ul li p.readMore{  text-align:right; margin-right:10px}
#main #agenda .bloque ul li p.readMore a{ color:#807F84}
#main #agenda .bloque ul li p.readMore a:hover{ color:#DF0003}


/* tercer bloque*/

#main .centrales, #main .apuntador { width:260px; /*height:205px;*/}

#main .centrales img, #main .apuntador  img{ border:0;margin-right: 1px;}
#main .centrales h3,
#main .centrales p,
#main .apuntador h3,
#main .apuntador p  { padding-left:10px;}
#main .centrales h3,
#main .apuntador h3
{ margin-top:10px;}

#main .centrales { background-color:#000000; color:#FFFFFF;border-bottom:1px solid #000;}
#main .centrales h2{  color:#FFFFFF; border-bottom:1px solid #000; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
#main .centrales h2 a, #main .centrales h3 a{  color:#FFFFFF; }
#main .centrales h2 a:hover, #main .centrales h3 a:hover{  color:#DF0003; }
#main .centrales p{  color:#FFFFFF; margin-left:0; }


#main .apuntador {  background-color:#EDEEEF;border-bottom:1px solid #C3C5C8;}
#main .apuntador h2{  background-color:#FFF;  }
#main .apuntador p{ margin-left:0; }

/* cuarto bloque*/
#main div.masVendidos{ background-color:#FFFFFF; padding-bottom:0px; clear:both; border-bottom:1px solid #C3C5C8; min-height:130px;}
#main .masVendidos ul.masVendidos  { margin-top:8px;}
#main .masVendidos ul.masVendidos li {  background:none; padding:0; margin-left:5px;width:106px;  margin-bottom:8px; font-size:.605em;  padding-left:60px; font-weight:bold; padding-left:59px; }
#main .masVendidos ul.masVendidos li img { margin-left:-59px!important; float:left; margin-right:5px;}
#main .masVendidos ul.masVendidos li:first-child {  margin-left:0;}
#main .masVendidos ul.masVendidos li em{ font-style:normal; font-weight:normal; color:#666;}
#main .masVendidos:after { content:""; height:0; display:block; clear:both;overflow:hidden}




/* titulars rodons al home i caixes*/

#main .bloque, #main div.masVendidos{background:#EEE url(../imgs/box-523-gray.gif) repeat-y scroll 0%}
#main .apuntador {background:transparent url(../imgs/box-260-C3C5C8.gif) repeat-y scroll 0%}
#main .centrales {background:#000000 url(../imgs/box-260-000.gif) repeat-y scroll 0%}

#main .centrales h2{ background:#000000 url(../imgs/tit260-000.gif) no-repeat top;}
#main .apuntador h2{background:url(../imgs/tit260-FFF.gif) no-repeat top;}
#main  div.masVendidos h2{background:#EFEFEF url(../imgs/tit-E2E1E2.gif) no-repeat top;}
#main #agenda h2{background:#DF0003 url(../imgs/tit-DF0003.gif) no-repeat top; color:#FFFFFF}