body {
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
background:#36372D url(../imatges/fons-cos.gif) 0 0 repeat-x;
}

div#contenidor {
width:1021px;
margin:0 auto;
padding:0 21px 25px 21px;
background:transparent url(../imatges/fons-contenidor-trans.png) 0 0 no-repeat;
}

div#capcalera {
height:167px;
position:relative;
background:transparent url(../imatges/fons-capcalera.jpg) 0 0 no-repeat;
}

	div#capcalera div#seleccio-idioma {
	position:absolute;
	right:20px;
	top:9px;
	background:transparent url(../imatges/fons-seleccio-idioma-2.gif) top right no-repeat;
	color:#EAD0BF;
	font-size:91%;
	padding-right:10px;
	}
	
		div#capcalera div#seleccio-idioma div {
		padding-left:10px;
		background:transparent url(../imatges/fons-seleccio-idioma-1.gif) top left no-repeat;
		height:15px;	
		overflow:hidden;
		line-height:12px;
		word-spacing:3px;
		}
		
			div#capcalera div#seleccio-idioma a {
			text-decoration:none;
			color:#CE7A3A;
			}

	div#capcalera h1 {
	width:405px;
	height:131px;
	position:absolute;
	left:17px;
	top:17px;
	}
	
	div#capcalera blockquote {
	color:white;
	font-style:italic;
	font-size:125%;
	width:477px;
	text-align:right;
	position:absolute;
	right:20px;
	top:39px;
	}
	
	div#capcalera div#menu-principal {
	position:absolute;
	left:132px;
	top:112px;	
	}
	
		div#capcalera div#menu-principal a {
		font-family:"Times New Roman", Times, serif;
		color:white;
		font-size:125%;
		font-weight:bold;
		float:left;
		text-decoration:none;
		height:27px;
		line-height:27px;
		padding-right:22px;
		margin-right:10px;
		background:transparent url(../imatges/separador-items-menu-principal.png) right center no-repeat;
		}

div#presentacio-portada  {
height:248px;
overflow:hidden;
}

	div#presentacio-portada div#text-presentacio{
	width:436px;
	height:248px;
	float:left;
	background:transparent url(../imatges/fons-text-presentacio.jpg) 0 0 no-repeat;
	}
	
		div#presentacio-portada div#text-presentacio h2,
		div#presentacio-portada div#text-presentacio p {
		margin-left:20px;
		margin-right:30px;
		}
		
		div#presentacio-portada div#text-presentacio h2 {
		padding-top:25px;
		font-size:200%;
		color:#C47500;
		font-style:italic;
		font-family:"Times New Roman", Times, serif;
		}
		
		div#presentacio-portada div#text-presentacio p {
		margin-top:15px;
		line-height:140%;
		color:#EFCCAD;
		}
		
			div#presentacio-portada div#text-presentacio p a{
			color:#C47500;
			}
	
	
	div#presentacio-portada div#fotografia-presentacio {
	padding:6px;
	width:573px;
	float:right;
	}

div#continguts {
padding:19px 11px 24px 11px;
background:#1B1A18 url(../imatges/fons-continguts.jpg) left top repeat-x;
}


div#peu-de-pagina {
height:39px;
overflow:hidden;
background:transparent url(../imatges/fons-peu-de-pagina.jpg) 0 0 no-repeat;
}

	div#peu-de-pagina p {
	font-size:91%;
	padding:15px;
	color:#6A5848;
	}
	
	div#peu-de-pagina p#adreca {
	float:left;
	width:75%;
	}
	
	div#peu-de-pagina p#credits {
	float:right;
	width:15%;
	text-align:right;
	}
	
		div#peu-de-pagina p a {color:#6A5848}

/* interior */

div#espai-seccio-1 {
background:#F7EFDE url(../imatges/fons-espai-seccio-1.jpg) top left no-repeat;
}

	div#espai-seccio-2 {
	background:transparent url(../imatges/fons-espai-seccio-2.jpg) bottom left no-repeat;
	padding:20px 20px 35px 20px;
	line-height:140%;
	min-height:475px;
	color:#3A1D07;
	}
	
	div#espai-seccio-2 p,
	div#espai-seccio-2 ol,
	div#espai-seccio-2 ul {
	margin-top:15px;
	margin-bottom:15px;
	}
	
	div#espai-seccio-2 a {
	font-weight:bold;
	color:#3A1D07;
	}
	
	a.volver-atras {
	float:right;
	background:transparent url(../imatges/icona-pagina-anterior.gif) left center no-repeat;
	padding-left:20px;
	margin-top:10px;
	}
	
	div#espai-seccio-2 h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:250%;
	font-style:italic;
	color:#3A1D07;
	background:transparent url(../imatges/fons-encapcalament-principal.gif) left bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:15px;
	line-height:normal;
	}
	
	div#espai-seccio-2 h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:200%;
	margin-top:15px;
	margin-bottom:7px;
	}
	
	div#espai-seccio-2 div.fotografia {
	padding-bottom:17px;
	background:transparent url(../imatges/ombra-foto-interior-gran.jpg) bottom center no-repeat;
	}
	
		div#espai-seccio-2 div.fotografia.a-la-dreta {
		float:right;
		margin:0 0 15px 15px;
		}
		
		div#espai-seccio-2 div.fotografia.a-l-esquerra {
		float:left;
		margin:0 15px 15px 0;
		}

	
		div#espai-seccio-2 div.fotografia img {
		border:4px solid white;
		display:block;
		}
	
	/* llistat categories */
	
	div.llistat-categories {
	

	float:left;
	}
	.galeria{}
	.galeria .fotografia{ float:left; margin:5px; background-image:url(../imatges/ombra-foto-interior-petita.jpg) !important; }
	.categoria{ float:left;  width:220px; margin-left:7px; margin-right:7px;}
	div.llistat-categories div.fotografia {
	

	background-image:url(../imatges/ombra-foto-interior-petita.jpg) !important;
	width:220px;
	}
	
	
		div.llistat-categories div.fotografia img {
		border-width:2px !important;
		}
	
	div.llistat-categories div.descripcio {
	margin-top:-10px;
	
	}
	
		div.llistat-categories div.descripcio h2 a {
		text-decoration:none;
		font-weight:normal !important;
		}
		
		div.llistat-categories div.descripcio h2 a:hover {
		text-decoration:underline;
		}
		
		div.llistat-categories div.descripcio a.mes-info {
		padding:3px 0 3px 22px;
		background:transparent url(../imatges/icona-mes-informacio-cavall-interior.gif) left center no-repeat;
		}
		
	/* llistat cavalls */	
	
	div.llistat-cavalls div.cavall {
	width:220px;
	float:left;
	margin:8px 25px 20px 0;
	}
	
	div.llistat-cavalls div.cavall.ultim-item {margin-right:0}
	
		div.llistat-cavalls div.fotografia {
		background-image:url(../imatges/ombra-foto-interior-petita.jpg) !important;
		}
			
			div.llistat-cavalls div.fotografia img {
			border-width:2px !important;
			}
			
		div.llistat-cavalls a.mes-info {
		padding:3px 0 3px 22px;
		background:transparent url(../imatges/icona-mes-informacio-cavall-interior.gif) left center no-repeat;
		}
		
		div.llistat-cavalls div.trenca-flotat {
		background:transparent url(../imatges/fons-separador-files-llistat-cavalls.gif) 0 0 repeat-x;
		margin-bottom:12px;
		}
		
		/* paginació */
		
		div.paginador {
		background:transparent url(../imatges/fons-separador-files-llistat-cavalls.gif) left bottom repeat-x;
		padding-bottom:12px;
		font-size:91%;
		}
		
		div.paginador span.pagines-totals {
		margin:0 auto;
		width:200px;
		display:block;
		height:24px;
		line-height:24px;
		color:#333333;
		text-align:center;
		}
		
		div.paginador a {
		width:98px;
		text-decoration:none;
		background:transparent url(../imatges/fons-boto-paginacio.gif) 0 0 no-repeat;
		}
		
		div.paginador a:hover {
		background-position:-98px 0;
		}
		
		
			div.paginador a span {
			height:24px;
			line-height:24px;
			margin:0 10px;
			cursor:pointer;
			color:white;
			font-weight:bold;
			}
			
		div.paginador a.anterior {
		float:left;
		}
		
			div.paginador a.anterior span {
			float:left;
			background:transparent url(../imatges/icona-fletxa-anterior.gif) left center no-repeat;
			padding-left:20px;
			}
			
		div.paginador a.seguent {
		float:right;
		}
		
			div.paginador a.seguent span {
			float:right;
			background:transparent url(../imatges/icona-fletxa-seguent.gif) right center no-repeat;
			padding-right:20px;
			}
			
	/* detall cavall */
	
	div.galeria-de-fotos {
	float:right;
	width:455px;
	margin:0 0 15px 15px;
	}

	
		div.galeria-de-fotos div.fotografia.gran {
		background-image:url(../imatges/ombra-foto-interior-extra-gran.jpg) !important;
		}
		
		div.galeria-de-fotos div.fotografia.esquerra {
		float:left;
		/*background-image:url(../imatges/ombra-foto-interior-petita.jpg) !important;*/
			background-image:none !important;
			margin-right:13px!important;
		}
		
		div.galeria-de-fotos div.fotografia.dreta {
		float:right;
		background-image:none  !important;
		/*background-image:url(../imatges/ombra-foto-interior-petita.jpg) !important;*/
		}
		
		div.galeria-de-fotos div.fotografia.dreta img,
		div.galeria-de-fotos div.fotografia.esquerra img {
		border-width:2px !important;
		}

/* pàgina de contacte */

div#formulari-contacte {
float:left;
width:475px;
}

	div#formulari-contacte .camp-de-text {
	width:85%;
	}
	
	div#formulari-contacte #mensaje {
	height:100px;
	}
	
	div#formulari-contacte p#compromiso-privacidad {
	font-size:91%;
	}

div#mapa-situacio {
float:right;
width:450px;
padding-bottom:17px;
background:transparent url(../imatges/ombra-foto-interior-extra-gran.jpg) center bottom no-repeat;
}

	div#mapa-situacio div#marc-mapa {
	border:3px solid white;
	background-color:#333333;
	color:white;
	font-size:91%;
	height:475px;
	}
	
	#map{
	height:475px;
	width:444px;
	}

/* formulari */

div.camp {
margin-bottom:15px;
}

	div.camp label {
	display:block;
	font-weight:bold;
	}
	
	.camp-de-text {
	border:1px solid #3A1D07;
	background:white;
	padding:2px;
	font-family:inherit;
	font-size:100%;
	}

/* portada */

div#llistat-cavalls-portada div.cavall {
width:242px;
height:296px;
float:left;
margin-right:10px;
margin-bottom:10px;
position:relative;
color:#F4E6D4;
background:transparent url(../imatges/fons-cavall-llistat-portada.jpg) 0 0 no-repeat;
}

div#llistat-cavalls-portada div.cavall.ultim-item {
margin-right:0;
}

	div#llistat-cavalls-portada div.cavall h3,
	div#llistat-cavalls-portada div.cavall a.fotografia,
	div#llistat-cavalls-portada div.cavall div.descripcio {
	padding-left:12px;
	padding-right:12px;
	}
	
	div#llistat-cavalls-portada div.cavall h3 {
	font-weight:bold;
	font-size:166%;
	padding-top:12px;
	padding-bottom:12px;
	}
	
		div#llistat-cavalls-portada div.cavall h3 a {
		text-decoration:none;
		color:#F4E6D4;
		}
		
			div#llistat-cavalls-portada div.cavall h3 a:hover {
			text-decoration:underline;
			}
	
	div#llistat-cavalls-portada div.cavall a.fotografia {
	display:block;
	background:transparent url(../imatges/ombra-foto-cavalls-portada.jpg) center bottom no-repeat;
	padding-bottom:10px;
	margin-bottom:5px;
	}
	
		div#llistat-cavalls-portada div.cavall a.fotografia img {border:2px solid white}
	
	div#llistat-cavalls-portada div.cavall a.mes-info {
	position:absolute;
	bottom:12px;
	right:12px;
	}

/* altres */
div.trenca-flotat {
height:1px;
clear:both;
}