

.link_blanc{ color:#FFF; font-weight:bold;}
.link_blanc:link {text-decoration: none; color:#FFF;}
.link_blanc:visited {text-decoration: none; color:#FFF;}
.link_blanc:active {text-decoration: none; color:#FFF;}
.link_blanc:hover {text-decoration: none; color:#FFF;}

img {

	border:none;

}



html, body {

	height:100%;

}



.clearfix { display: inline-table;

			width:800px;

			height:510px;

			position:absolute;

			left:50%;

			top:50%;

			margin-left: -400px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/	

			margin-top: -255px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/

			float:left;

			}

	.clearfix:after {

		content: "."; 

		display: block; 

		height: 0; 

		clear: both; 

		visibility: hidden;		

	}

	/* Hides from IE-mac \*/

	* html .clearfix { height: 0; }

	.clearfix { display: block; }

	/* End hide from IE-mac */



.cursorover{	

	cursor: pointer;

	cursor: hand;

	}

	





/* 	CENTRAR SITE

---------------------------------------------------------------*/

#ContingutWeb {

    /* margin:auto;*/

}



#Home {

	margin: auto;

/*    padding-top: 100px;*/

	width: 800px;

}



#introDef {

/*    display: none;*/

}



img.intro {

	position:absolute;

	left:13px;

	top:15px;

}



#ContingutWeb {

/*    width:800px;

	margin-top: 20px;

	padding-bottom: 54px;*/

}



.Barraca #ContingutWeb {

	background-image: url("../img/fondos/fons1.jpg");

	background-repeat: no-repeat;

}



.Cabana #ContingutWeb {

	background-image: url("../img/fondos/fons2.jpg");

	background-repeat: no-repeat;

}



.Vilanova #ContingutWeb {

	background-image: url("../img/fondos/fons3.jpg");

	background-repeat: no-repeat;

}



.fons1 #ContingutWeb {

	background-image: url("../img/fondos/fons1.jpg");

	background-repeat: no-repeat;

}



.fons2 #ContingutWeb {

	background-image: url("../img/fondos/fons2.jpg");

	background-repeat: no-repeat;

}



.fons3 #ContingutWeb {

	background-image: url("../img/fondos/fons3.jpg");

	background-repeat: no-repeat;

}



.fons4 #ContingutWeb {

	background-image: url("../img/fondos/fons4.jpg");

	background-repeat: no-repeat;

}



.fons5 #ContingutWeb {

	background-image: url("../img/fondos/fons5.jpg");

	background-repeat: no-repeat;

}



.fons6 #ContingutWeb {

	background-image: url("../img/fondos/fons6.jpg");

	background-repeat: no-repeat;

}



.fons7 #ContingutWeb {

	background-image: url("../img/fondos/fons7.jpg");

	background-repeat: no-repeat;

}

#Col1 {

	width:329px;

	height:510px;

	float: left;

/*    border: 1px solid red; */

}



#MenuCasa {

	background:#FFFFFF;

	width: 260px;

	height: 32px;

	position:absolute;

	top:44px;

	left:57px;

	float:left;

}



#MenuCasa img {

	display:inline;

	margin:0px;padding:0px;

}



#Content {

	position:absolute;

	background:#FFFFFF;	

	width: 260px;

	height: 367px;

	top:89px;

	left:57px;

	float:left;

	text-align:left;

}



h1 {

	margin:0px;padding:0px;



}



.ContentText {

	margin:0px;padding:0px;

}



#Col2 {

	width:471px;

	height:510px;

	float:right;

/*    border: 1px solid red; */

}



#MenuOpcions {

	background:#FFFFFF;

	width: 412px;

	height: 32px;

	position:absolute;

	top:44px;

	left:331px;

	float:left;}



#MenuOpcions img {



	margin:0px;padding:0px;

}



#ContentFoto {

	background:#FFFFFF;

	position:absolute;

	width: 412px;

	height: 367px;

	top:89px;

	left:331px;

	float:left;	

}







/*  Estils per la Casa

-----------------------------------------------------------------------------------*/

#fletxaEsq {

	position: absolute;

	left: 35px;

	top: 30px;

	z-index:1;

	display: none;

}



#fletxaDrt {

	position: absolute;

	right: 35px;

	top: 320px;	

	z-index:1;

}



/*  Definicions i links

-----------------------------------------------------------------------------*/

#masiaDef , #masDef, #masoverDef, #masoveriaDef, #linksDef {

		display:none;

}





#contacte {

	position:absolute;

	left:400px;

	top:256px;

	float:left;

	background-image: url("../img/contacte/fons4.gif");

	background-repeat: no-repeat;

}



#contacte img , #contacte form {

	float:left;

}	



#contacte form {

	width: 50px;

	margin-top: 32px;

}	



#contacte form input {

	margin-bottom: 8px;

	font-size: 12px;

	width: 235px;

}	



#contacte form textarea {

	font-size: 12px;

	width: 235px;

	height: 145px;

}	



#contacte form #button {

	margin-left: 0px;

	margin-top: 10px;

	width: 50px;

}



.menu_inferior {

	background-color:#FFFFFF;

	width:412px;

	height:18px;

	position:absolute;

	left: 331px;

	top: 468px;

	text-align:left;

}



.definicio2{

	position:absolute;

	left:220px;

	top:30px;

	float:left;

}



.definicio3{

	position:absolute;

	left:185px;

	top:30px;

	float:left;

}



.calen{

	width:365px;

	height:367px;

	float:left;

}



.boton_e{

	width:21px;

	height:20px;

	float:left;

	padding-top:335px;

	text-align:right;

}



.boton_d{

	width:21px;

	height:20px;

	float:right;

	text-align:left;

	padding-top:335px;

}



/* Scroll Bar Master Styling Starts Here */

/* comments can freely be removed from this file */



/* do not modify .scrollgeneric class, required for proper operation */

.scrollgeneric {

line-height: 1px; font-size: 1px;

position: absolute; top: 0; left: 0;

}



.vscrollerbase, .vscrollerbar {

width: 10px;

}



.hscrollerbase, .hscrollerbar {

height: 10px;

}



.vscrollerbar, .hscrollerbar {

/*padding information of these elements are only used for

padding of the scroll-bar with respect to the scroll base,

the padding will automatically be turned off by the script*/

padding: 10px;

/* z-index for scrollbars no longer has to be given as of version

1.7.5 for correct operation, but it is still recommended, as this

decides the z-index for content.*/

z-index: 2;

}

.vscrollerbarbeg {

/*top image holder for vertical scroll bar*/

background: url(../admin/img/vscroller2.gif) 20px -25px;

width: 10px;

/* height is auto set by the script to fit the scrollbar */

}



.vscrollerbarend {

/*bottom image holder for vertical scroll bar*/

background: url(../admin/img/vscroller2.gif);

width: 10px; height: 10px;

}



.hscrollerbarbeg {

/*left image holder for horizontal scroll bar*/

background: url(../admin/img/hscroller.png) -10px 0px;

height: 10px;

/* width is auto set by the script to fit the scrollbar */

}



.hscrollerbarend {

/*right image holder for horizontal scroll bar*/

background: url(../admin/img/hscroller.png);

height: 10px; width: 10px;

}



/* Following are OPTIONAL */



.vscrollerbase, .hscrollerbase {

background-color: white;

}



.hscrollerbasebeg {

height: 10px;

background: url(../admin/img/scroll_base2.gif) -22px 0px no-repeat;

/* width is auto set to fill the base */

}



.hscrollerbaseend {

height: 10px; width: 7px;

background: url(../admin/img/scroll_base2.gif) 0% 0% no-repeat;

}



.vscrollerbasebeg {

width: 10px;

background: url(../admin/img/scroll_base2.gif) -5px -10px no-repeat;

/* height is auto set to fill the base */

}



.vscrollerbaseend {

height: 10px; width: 10px;

background: url(../admin/img/scroll_base2.gif) -5px 0px no-repeat;

}



.scrollerjogbox {

width: 10px; height: 10px;

top: auto; left: auto; bottom: 0px; right: 0px;

background: white url(../admin/img/scrolljog.png) 50% 50%;

}

/* Scroll Bar Master Styling Ends Here */

/*Page related styles for you to view*/

#mycustomscroll {

	/* Typical fixed height and fixed width example */

	position:absolute;

	top:4%;

	left:4%;

	width:360px;

	height:340px;

	float:left;

	overflow-y:auto;

	overflow-x:hidden;

	text-align:left;

	font-size:12px;

	font-family:"Times New Roman", Times, serif;

	font-weight:bold;

	padding-right:20px;

}


