body,p,h1,h2,h3,h4,h5,h6,ul,li {
	margin:0px;
	padding:0px;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
ul {
	list-style: none;
}
img {
	border: none;
}
body {
	background-color: #FFC9AA;
}
.separadorH{
	clear:both;
	height:0px;
	overflow:hidden;
}
.text_negre {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000; 
	text-decoration: none;
}
.text_titol {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000; 
	text-decoration: none;
}

/**************/
/* capsa comu */
/**************/
.capsaCont {
	clear:both;
	margin:70px;
	min-width:700px;
	position: relative;
}

.capsaCont .linkDestacat {
	position:absolute;
	/*border:1px solid red;*/
	left:0px;
	top:-20px;
}

.capsaCont h1 {
	float:right;
	height:24px;
	position:relative;
	top:1px;
}
.capsaCont h1 span {
	display:none;
}

.capsaCont .capsaInt {
	clear:both;
	border:1px solid #C10D20;
	margin:0px;
	padding:20px 20px 10px 20px;
	background-color:#FFD9C4;
}

.capsaCont .capsaInt p {
	margin-bottom:10px;
	text-align: justify;
}

/**********/
/* MARCAS */
/**********/
body#marcas {
	padding:5px;
	background-color:#C10D20;
}
body#marcas ul li {
	padding:5px 0px 5px 0px;
	text-align: center;
}

/*****************/
/* QUIENES SOMOS */
/*****************/
#quienes.capsaCont h1 {
	width:160px;
	background: url(/img/titol_quienes_somos.gif) right top no-repeat;
}

#quienes .imatge {
	clear:both;
	border:1px solid #C10D20;
	/*width:793px;*/
	width:100%;
	height:150px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:10px;
	margin-left:auto;
	overflow: hidden;
	background: url(/img/foto_quienes.jpg) left top repeat-x;
}

/*****************/
/* DONDE ESTAMOS */
/*****************/
#donde.capsaCont h1 {
	width:161px;
	background: url(/img/titol_donde_estamos.gif) right top no-repeat;
}

#donde.capsaCont .tendes {
	width:646px;	
	margin-left:auto;
	margin-right:auto;
}

#donde.capsaCont .tenda {
	float:left;
	/*width:190px;*/
	padding:0px 10px 0px 0px;
}
#donde.capsaCont #llucmajor.tenda {
	padding:0px;
}

#donde.capsaCont .tenda h3 a {
	font:bold 12px verdana,arial,sans-serif; 
	color:#C10D20;
	text-decoration:underline;
} 

#donde #mapaSituacio {
	clear:both;
	border:1px solid #C10D20;
	width:646px;
	height:400px;
	padding: 1px ;
	margin-left:auto;
	margin-right:auto;
	color:#C10D20;
	font-weight:bold;
}

#donde.capsaCont .tenda p {
	font:normal 10px verdana,arial,sans-serif;
}

#donde.capsaCont #inicial{
	display:block;
	width:646px;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
	font:normal 10px verdana,arial,sans-serif; 
	color:#000000;
	text-decoration:underline;
}

/**************/
/* POPUP FOTO */
/**************/

#popupFoto {
	text-align: center;
}
#popupFoto .cajaFoto table{
	width: 600px;
	height: 400px;	
	padding: 0px;
	margin:0px;
}
#popupFoto .cajaFoto table img {
	border:1px solid #C10D20;
}

ul#navegadorPag {
	height:25px;
}

ul#navegadorPag,
#popupFoto ul {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:270px;
}
ul#navegadorPag li,
#popupFoto ul li{
	float:left;
	margin:0px 20px 0px 0px;
}

ul#navegadorPag li.seg,
#popupFoto ul li.seg {
	float: right;
}
#ofertas ul#navegadorPag li a,
#popupFoto ul li a {
	font:bold 12px verdana,arial,sans-serif;
	color:#C10D20;
	text-decoration: none;
}
ul#navegadorPag li.nums {
	text-align: center;
}
ul#navegadorPag li.nums.noAnt{
	margin-left:97px;
}

/*********/
/* LINKS */
/*********/
#links.capsaCont {
	/*padding-bottom:0px;*/
}
#links.capsaCont .capsaInt p {
	margin-bottom:0px;
}
#links.capsaCont h1 {
	width:79px;
	background: url(/img/titol_links.gif) right top no-repeat;
}
#links.capsaCont h3 {
	background-color: #CC0033;
	font:normal 13px verdana,arial,sans-serif;
	color:#ffffff;
	margin:10px 0px 0px 0px;
	padding:3px;
	font-style: italic;
}
#links.capsaCont ul{
	float:left;
	width:100%;
	padding: 0px 0px 10px 0px;	
	clear: both;
}
#links.capsaCont ul li{
	float: left;
	width:100%;
	line-height: 20px;
	background-color: #FFD4BB;
}
#links.capsaCont ul li.parell{
	background-color: #FFC9AA;
}
#links.capsaCont ul li strong{
	float:left;
	display:block;
	width:35%;
	font-weight: normal;
}
#links.capsaCont ul li strong a {
	text-decoration: underline;
	color:#000000;
}
#links.capsaCont ul li strong a:hover {
	font-weight: bold;
}
#links.capsaCont ul li span {
	display:block;
	float:left;
	width:60%;
}
/********/
/* home */
/********/
#home.capsaCont h1 {
	/*overflow: visible;*/
}
#home.capsaCont .capsaInt {
	padding-bottom:20px;
	clear:both;
	min-width: 700px;
}
#home.capsaCont h1 {
	width:284px;
	background: url(/img/titol_home.gif) right top no-repeat;
}

#home .imatge {
	clear:both;
	border:1px solid #C10D20;
	/*width:793px;*/
	width:100%;
	height:150px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:10px;
	margin-left:auto;
	overflow: hidden;
	background: url(/img/foto_portada.jpg) left -20px repeat-x;
}

/* cap�alera */
#home.capsaCont ul {
	clear: both;
	/*width:793px;*/
	height:35px;
	padding:0px;
	margin:0px auto 0px auto;
}
#home.capsaCont ul li {
	float:left;
	display:block;
	width:45%;
	padding:0px;
	margin:0px;
	font-style: italic;
}

#home.capsaCont ul li.dreta {
	float:right;
	text-align: right;
}

/************/
/* noticies */
/************/

#noticiasClub.capsaCont h1 {
	width:88px;
	background: url(/img/titol_elclub.gif) right top no-repeat;
}

.noticias {
	clear:both;
	padding:10px 0px 0px 0px;
}
.noticias h2 {
	font:bold 14px verdana,arial,sans-serif; 
	color:#C10D20;
	padding:3px 0px 3px 0px;
}
.noticias .noticia {
	clear: both;
	background-color:#FFC9AB;
	padding:5px;
	margin:0px 0px 5px 0px;
}
.noticias .noticia h3 {
	font:bold 12px verdana,arial,sans-serif; 
	color:#000000;
	padding:3px 0px 3px 0px;
}
.noticias .noticia p img {
	float:left;
	border:1px solid #C10D20;
	padding:0px 0px 0px 0px;
	margin:5px 15px 5px 0px;
}
.noticias a.verMas{
	clear: both;
	display:block;
	float:right;
	color:#C10D20;
}

#noticiasClub ul {
	width:300px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
}
#noticiasClub ul li {
	float:left;
	width:100px;
}

#noticiasClub ul li a {
	color:#C10D20;
	text-decoration: underline;
}

/*******************/
/* ofertes portada */
/*******************/
.ofertas {
	clear:both;
	padding:10px 0px 0px 0px;
}
.ofertas h2 {
	font:bold 14px verdana,arial,sans-serif; 
	color:#C10D20;
	padding:3px 0px 3px 0px;
}
.ofertas .oferta {
	clear: both;
	background-color:#FFC9AB;
	padding:5px;
	margin:0px 0px 5px 0px;
}
.ofertas .oferta h3 {
	font:bold 12px verdana,arial,sans-serif; 
	color:#000000;
	padding:3px 0px 3px 0px;
}
.ofertas .oferta h3 a {
	color:#000000;
}
.ofertas .oferta p img {
	float:left;
	border:1px solid #C10D20;
	padding:0px 0px 0px 0px;
	margin:5px 15px 5px 0px;
}
.ofertas a.verMas{
	clear: both;
	display:block;
	float:right;
	color:#C10D20;
}

/******************/
/* bicis alquiler */
/******************/
#alquiler.capsaCont h1{
	width:191px;
	background: url(/img/titol_bicicletas_alquiler.gif) right top no-repeat;	
}
/***********/
/* ofertes */
/***********/
#ofertas.capsaCont h1 {
	width:88px;
	background: url(/img/titol_ofertas.gif) right top no-repeat;
}
#ofertas ul.llistaCat li {
	margin-bottom:10px;
}
#ofertas ul.llistaCat li a {
	font:normal 11px Verdana,Arial,Helvetica,sans-serif;
	color:#000000;
	text-decoration:none;
}
#ofertas ul.llistaCat li a:hover {
	color:#C10D20;
	text-decoration:underline;
}

#alquiler h3,
#ofertas h3 {
	font:bold 12px Verdana,Arial,Helvetica,sans-serif;
	color:#C10D20;
	margin:0px 0px 5px 0px;
}
#alquiler table,
#ofertas table{
	width: 100%;
	padding: 0px;
	margin:0px;
	border-top: 1px solid #C10D20;
	border-right:1px solid #C10D20;
}
#alquiler table thead th,#alquiler table td,
#ofertas table thead th,#ofertas table td {
	border-left: 1px solid #C10D20;
	border-bottom:1px solid #C10D20;
	padding:5px;
}
#alquiler table thead th,
#ofertas table thead th {
	background-color: #C10D20;
	color:#ffffff;
	padding:2px 5px 2px 5px;
}
#alquiler table thead th.descripcio,
#ofertas table thead th.descripcio {
	text-align: left;
}

#alquiler table tr.parell,
#ofertas table tr.parell{
	background-color:#EFAE8A;
}
#alquiler table tr.senar,
#ofertas table tr.senar{
	background-color:#FFC9AB;
}

#alquiler table td.descripcio a,
#ofertas table td.descripcio a{
	text-decoration:underline;
	color:#000000;
}

#alquiler table td.marca,
#alquiler table td.model,
#alquiler table td.talla,
#alquiler table td.foto,
#ofertas table td.marca,
#ofertas table td.model,
#ofertas table td.talla,
#ofertas table td.foto {
	text-align: center;
}

#alquiler table td.preu,#alquiler table th.preu,
#ofertas table td.preu,#ofertas table th.preu{
	text-align: right;
}

/****************/
/* form reserva */
/****************/
#alquiler form {
	margin:0px;
	padding:0px 0px 10px 0px;
}
#alquiler form fieldset {
	margin: 0px;
	padding:0px;
	border: none;
}
#alquiler form fieldset div {
	float:left;
}
#alquiler form fieldset div.fila{
	clear:both;
	width:100%;
}
#alquiler form fieldset div.fila div{
	width:300px;
	padding:0px 20px 10px 0px;		
	/*border:1px solid black;*/
}
#alquiler form fieldset div.fila div.comentari{
	width:623px;
}

#alquiler form fieldset div.fila div label{
	display: block;
	font-weight: bold;
}
#alquiler form fieldset div.fila div input{
	width:300px;
	border:1px solid #C10D20;
}
#alquiler form fieldset div.fila div select {
	width:300px;
}

#alquiler form fieldset div.fila div.desde,
#alquiler form fieldset div.fila div.hasta,
#alquiler form fieldset div.fila div.numero{
	width:90px;	
}
#alquiler form fieldset div.fila div.desde input, 
#alquiler form fieldset div.fila div.hasta input,
#alquiler form fieldset div.fila div.numero input{
	width:80px;
}

#alquiler form fieldset div.fila div.comentari textarea {
	border:1px solid #C10D20;
	width:623px;
}

#alquiler form fieldset div.fila div.boto {
	text-align: right;
	width:625px;
}

#alquiler form fieldset div.fila div.boto input{
	width:90px;
}

/***********/
/* pedales */
/***********/
#alquiler form fieldset div.fila div.pedals{
	clear: both;
	width:625px;
}
#alquiler form fieldset div.fila div.pedals label{
	width:auto;
	display:inline;
	white-space: nowrap;
}
#alquiler form fieldset div.fila div.pedals input {
	width:15px;
	height:15px;	
	border: none;
}

#alquiler form fieldset div.fila div.pedals .tipo {
	float:left;
	width: 100px;
	height:100px;
	margin:10px 15px 0px 0px;
	padding:0px 10px 10px 0px;
	background-position: 0px 35px;
	background-repeat: no-repeat;
}

#alquiler form fieldset div.fila div.pedals #ped1.tipo{
	background-image: url(../img/pedals/pedal_1_spd.jpg);	
}
#alquiler form fieldset div.fila div.pedals #ped2.tipo{
	background-image: url(../img/pedals/pedal_2_look.jpg);	
}
#alquiler form fieldset div.fila div.pedals #ped3.tipo{
	background-image: url(../img/pedals/pedal_3_paseo.jpg);	
}

#alquiler form fieldset div.fila div.pedals #ped4.tipo,
#alquiler form fieldset div.fila div.pedals #ped5.tipo{
	background-image: url(../img/pedals/foto_demo_pedals2.jpg);
}

/****************************/
/* MARCHA HERMES-CA'N NADAL */
/****************************/

#marcha.capsaCont {
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	width:839px;
}

#marcha h1 {
	width:370px;
	background: url(/img/titol_marcha.gif) right top no-repeat;
}

#marcha h1.marxa2009 {
	background: url(/img/marcha/marcha2009/titol_marxa_2009.gif) right top no-repeat;
}
#marcha h2 {
	color:#C10D20;
	font: bold 14px verdana,arial,sans-serif;
	padding:3px 0px 3px 0px;
}
#marcha h3 {
	font:bold 14px verdana,arial,sans-serif;
	color:#000000;
	text-align:left;
	margin:0px 0px 5px 0px;
}
#marcha p {
	padding-bottom:15px;
}

#marcha p.inicial{
	/*border:1px solid red;*/
	height:135px;
}
#marcha p.grafic {
	text-align: left;
}
#marcha p.grafic img{
	border:1px solid #C10D20;
}
#marcha #mapaPlanol {
	clear:both;
	border:1px solid #C10D20;
	width:794px;
	/*height:500px;*/
	height:502px;
	/*padding: 1px ;*/
	margin-bottom:25px;
	color:#C10D20;
	font-weight:bold;
}

#marcha p a {
	color: #c10d20;
}

#marcha img.fLeft {
	float:left; 
	margin:0px 10px 5px 0px;
	border:1px solid #C10D20;
}
#marcha img.fRight {
	float:right; 
	margin:0px 0px 5px 10px;
	border:1px solid #C10D20;
}


#marcha p.inicial .logoNadal {
	border:1px solid #C10D20;
	display:block;
	/*margin:0px 0px 10px 110px;*/
	margin:0px auto 10px auto;
	
}

#marcha p.obsequio {
	text-align:center;
	font-weight:bold;
	font-size:16px;
}