body {
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#CCCCCC;
	background-image:url(/imatges/rereFons.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

li {
	list-style-type:circle;
	padding-left:-5px;
}
#fonsContingutGeneral{
	margin:0 auto 0 auto;
	width:800px;
}

#fonsFlaixCapsaleraDre{
	height:123px;
	position:absolute;
	top:0px;
	right:0px;
	width:300px;
	background-color:#5B2100;
	border-top:4px solid #333333;
	border-bottom:4px solid #333333;
	z-index:1;
}

#fonsFlaixCapsaleraEsq{
	height:123px;
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	background-color:#EE9200;
	border-top:4px solid #cccccc;
	border-bottom:4px solid #cccccc;
	z-index:2;
	}

.containerCapsalera{
	float:right;
	width:800px;
	z-index:3;
	background-color:#ff700a;
	height:144px;
	text-align:center;
}
#flashcontentCapsalera{
	float:right;
	width:800px;
	z-index:3;
	background-color:#ff700a;
	height:144px;
	text-align:center;
}

#capaBotons{
	width:800px;
	background-color:transparent;
	text-align:right;
	position:relative;
	height:14px;
	top:-14px;
}

#zonaAJAX{
	float:right;
	width:800px;
	z-index:10;
	background-color:transparent;
	position:relative;
}

#divPeuPag{
	float:left;
	width:800px;
	vertical-align:bottom;
	position:relative;
	height:35px;
}

#divFonsDintreAjax{
	position:absolute;
	top:540px;
	z-index:1;
	width:800px;
	vertical-align:bottom;
	height:165px;
}

.fons {
	background-color: #ff700a;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #773000;
	border-right-color: #773000;
	border-bottom-color: #773000;
	border-left-color: #773000;
}

.fonsFlaix {
	background-color: #ff700a;
}

.fonsDinsPpal {
	background-color:#ff700a;
	background-image:url(/imatges/bottomPpal.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDins {
	background-color:#ff700a;
	background-image:url(/imatges/fonsDins.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsEqcio {
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsEqcio.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsEnoturisme {
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsEnoturisme.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsEsplais {
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsEsplais.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsVisitesEscolars {
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsVisitesEscolars.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsEquitera{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsEquitera.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsQuiSom{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsQuiSom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsPupilatge{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsPupilatge.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsTir{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsTir.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsOci{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsOci.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsHipica{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsHipica.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsQuad{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsQuad.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsServeis{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsServeis.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsServeisCavalls{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsServeisCavalls.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsExtraescolars{
	background-color:#ff700a;
	background-image:url(/imatges/fonsExtraescolars.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsPasseigPoni{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsPasseigPonis.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsEquiFestes{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsEquiFestes.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDinsServeisCavallsVet{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsServeisCavallsVet.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsDins4x4{
	background-color:#ff700a;
	background-image:url(/imatges/fonsDins4x4.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}
.fonsDinsSN {
	background-color:#ff700a;
	background-image:url(/imatges/fonsDinsSN.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:503px;
}

.fonsBlanc {
	background-color: #FFFFFF;
}
.marro {
	background-color: #773000;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #773000;
	border-right-color: #773000;
	border-bottom-color: #773000;
	border-left-color: #773000;
}

.textPetitMarro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #773000;
	text-decoration: none;
	font-weight: normal;
	vertical-align:bottom;
}

.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #773000;
	text-decoration: none;
	font-weight: bold;
	vertical-align:bottom;
}

.text1NN {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #773000;
	text-decoration: none;
	font-weight: normal;
	vertical-align:bottom;
}

li .text1NN{list-style:disc;}


a.text1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #773000;
	font-weight: bold;
	text-decoration: underline;
}

.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF700A;
	font-weight: bold;
	text-decoration: none;
}

.text3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF700A;
	font-weight: bold;
	text-decoration: none;
}

a.text2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF700A;
	font-weight: bold;
	text-decoration: underline;
}

.texttronja {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF6600;
}

.textmarro{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #773000;
}

.textnegre{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.textblanc{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

.linkTextBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	vertical-align:bottom;
}

.textnormal{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #773000;
}

.textgroc{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFF00;
}

.textblanc{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

.textmarro2{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #773000;
	line-height: 17px;
	font-style: normal;
}

.textmarroPetit{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #773000;
	font-style: normal;
}

.form {
	background-color: #FFFFFF;
	border: 1px solid #773000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #773000;
}

.form2 {
	background-color: #773000;
	border: 1px solid #773000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	height: 20px;
	width: 70px;
}

.requadreinfo {
	background-image: url(../imatges/contacte.jpg);
	background-repeat: no-repeat;
	height: 240px;
	width: 185px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #773000;
	text-align:center;
	padding-top:20px;
}

/*divs pag nova*/
#contPN{
	float:left;
	margin-top:10px;
	padding-left:50px;
	text-align:justify;
	width:440px;
	}

#container{
	float:left;
	margin-top:10px;
	padding-left:50px;
	text-align:justify;
	width:440px;
	}

#containerLlarg{
	float:left;
	margin-top:10px;
	padding-left:50px;
	text-align:justify;
	width:720px;
	}
	
#flashcontentAlbum{
	float:right;
	width:290px;
	text-align:left;
	margin-top:10px;
	color: #773000;
	}
	
#titolPaginaPN {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF700A;
	font-weight:bold;
	text-align:justify;
	vertical-align:bottom;
	height:60px;
}

#titolPaginaSN {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF700A;
	font-weight:bold;
	text-align:justify;
	vertical-align:bottom;
	text-align:left;
	height:25px;
}

#descripPN{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #773000;
	text-align:justify;
}

#cosSNPetits{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #773000;
	text-align:justify;
	overflow:auto;
	padding-right:10px;
	height:250px;
}

#cosSN{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #773000;
	text-align:justify;
	overflow:auto;
	padding-right:10px;
}

#cosSN2{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #773000;
	text-align:justify;
	padding-right:10px;
}

#cosSNUsuaris{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #773000;
	text-align:justify;
	padding-right:10px;
}

#cosSNMesVet{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #773000;
	text-align:justify;
	height:320px;
	overflow:auto;
	padding-right:10px;
	padding-left:10px;
}

#llistatOpcionsPN{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #773000;
	text-align:justify;
}

#llistatOpcionsPN1{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #773000;
	text-align:justify;
	float:left;
	width:228px;
	margin-left:-15px;
}

#llistatOpcionsPN2{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #773000;
	text-align:justify;
	float:right;
	width:218px;
}

#dadesContacte{
	float:right;
	width:185px;
	margin-top:50px;
	margin-right:50px;	
	}
	
.fotoLink{
	border:0px;
	text-decoration:none;
	cursor:pointer;
}

#fotoMapa{
	margin-left:105px;
	margin-top:27px;
}


/* CLASSES DE LA GALERIA!  */
.gallerycontainer{
position: relative;
height:450px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 3px solid #773000;
margin: 0 2px 2px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
	border: 3px groove #FF700A;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 3px;
	left: -1000px;
	border: 3px solid #773000;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -500px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
