@import url("procesoCompra.css");

#main h2 { margin-bottom:10px; background:none; font-size:2em; color:#898989; text-indent:-9999px; min-height:72px;  margin-left:10px;}
*html #main h2 { padding-bottom:40px}

/*
#main form#buscaRecorridos { margin-bottom:5px; margin-left:10px;  position:relative;  margin-bottom:23px;}
#main form#buscaRecorridos label{ display:none;}
#main form#buscaRecorridos input{ height:13px; float:right; font-size:.9em; padding-left:5px; padding-top:2px;}
#main form#buscaRecorridos input.butSubmit{ padding:0; height:17px}
*/
#main form#buscaRecorridos div{width:180px; float:right; position:relative }
* html #main form#buscaRecorridos div,
*:first-child+html #main form#buscaRecorridos div {position:static;margin-bottom: -8px }
#main form#buscaRecorridos label{ display:none;}
#main form#buscaRecorridos input{ float:left}
#main form#buscaRecorridos input.butSubmit{ padding:0; position:absolute; top:0; right:0px}

/* DESTACADOS */
/* h3 com h2 de basic*/
#main>h3{  background:#555 url(../imgs/tit-555454.gif) no-repeat top;border-bottom:0; color:#FFFFFF;padding:2px 0 0px 10px; min-height:20px; clear:both;}
#main .bloque { background-color:#FFF; padding:0; border-top: 0px solid #E4E4E4;min-height:1px}
#main .bloque img { border:0; }
* html #main .bloque img, *:first-child+html #main .bloque img {display:block}
* html #main .bloque .recorridosDestacados h4, * html #main .bloque .recorridosDestacados h5, * html #main .bloque .recorridosDestacados p {
	width: 108px;
}
#main .bloque .recorridosDestacados {width:258px; float:left; margin:0; margin-bottom:-12px; margin-left:0}
/*#main .bloque .recorridosDestacados h4 {  color:#555; margin-top:10px; font-size:.8em;margin-bottom:10px; line-height:1.1em;}*/
#main .bloque .recorridosDestacados h4 {  color:#DF0003;  line-height:1.1em;font-size:.8em; margin-bottom:5px; margin-right:5px; margin-top:5px }
#main .bloque .recorridosDestacados h4 a{  color:#DF0003;  }
* html .recorridosDestacados { min-height: 180px; }



/* resto de recorridos*/
#main  .recorridos {width:258px; float:left; margin:0; margin-bottom:10px;  margin-top:10px;}
#main  .recorridos h3 { font-size:1em; border-bottom: 1px solid #E4E4E4; line-height:1.4em;}
#main  .recorridos h3 span { margin-top:0px;   font-size:.7em;margin-bottom:5px; line-height:1em; display:block; margin-left:1px;}
#main .recorridos  h3 a{ color:#555; text-decoration:none;font-size:1em; background: url(../imgs/arrow-10x10.gif) no-repeat right; padding-right:15px; }
#main .recorridos h3 a:hover{ color:#DF0003; background: url(../imgs/arrowLink-10x10-hover.gif) no-repeat right;}
#main  .recorridos ul { margin-top:10px; margin-bottom:0;}
#main  .recorridos ul a{ text-decoration:none}
#main  .recorridos ul a:hover{ color:#DF0003; }

#main  .clear { clear:both}


/* links  a los nuevos recorridos i a todos*/
#main>h3.linksRecorridos { background:none; font-size:.9em; padding-top:20px; clear:both;}
#main>h3.linksRecorridos a{ color:#aaa; text-decoration:none; background: url(../imgs/arrowLink-10x10.gif) no-repeat left; padding-left:15px; }
#main h3.linksRecorridos a:hover{ color:#DF0003; background: url(../imgs/arrowLink-10x10-hover.gif) no-repeat left;}

#main>h3.linksRecorridos + h3.linksRecorridos { padding-top:0px !important;}


/* mateix estil que a la 29*/
#main p.destaca{	font-size:.8em; font-weight:bold;color: #807F84;  }