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: 30px;	
	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;
}