/* CSS Document */

/*               NO tocar !!!                     */

/**HACKS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
:focus {
	outline: 0;
	border:hidden;
}

ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:”;
}
abbr,acronym { border:0;
}
body{
color:#fff;
text-align:left;
margin:0px;

/*PROVAAAAA*/
/*overflow-x:hidden;*/
}
img {
border: none;
text-decoration: none;
outline:0;
}

/****************************************************************ELEMENTS RESETEJATS**********************************************************************/

/*********************************************************************************************************************************************************/

body{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #68676b;
 background-color:#FFF;
}
 p {
 font-family: Arial, Helvetica, sans-serif;
 /*font-size: 13px;*/
 color: #68676b;
 margin-top:6px;
 margin-left:6px;
 margin-right:6px;
}

#container { 
 margin: 0 auto;
 width: 950px;

}

#container2 { 
 margin: 0 auto;
 width: 950px;
 height:684px;
}
/*IMATGES DE FONS !!!!! ***************************************************************************/

.img1inici{
background-image:url(../media/agroturisme.jpg);
background-repeat:no-repeat;
}

.img1gran{
background-image:url(../media/agroturismeelpou.jpg);
background-repeat:no-repeat;
}

.img1gran2{
background-image:url(../media/turismeelpou.jpg);
background-repeat:no-repeat;
}

.img1gran3{
background-image:url(../media/preuspou.jpg);
background-repeat:no-repeat;
}

.img1gran4{
background-image:url(../media/situaciopou.jpg);
background-repeat:no-repeat;
}

.img1gran5{
background-image:url(../media/contactepou.jpg);
background-repeat:no-repeat;
}

.img1{
background-image:url(../media/casaruralelpou.jpg);
background-repeat:no-repeat;
}
.img2{
background-image:url(../media/fonsgran2.jpg);
background-repeat:no-repeat;
}
.img3{
background-image:url(../media/fonsgran3.jpg);
background-repeat:no-repeat;
}



.img1grancalcolom{
background-image:url(../media/agroturismecalcolom.jpg);
background-repeat:no-repeat;
}

.img1grancalcolom2{
background-image:url(../media/casaruralcalcolom.jpg);
background-repeat:no-repeat;
}

.img1gran2calcolom{
background-image:url(../media/turismecalcolom.jpg);
background-repeat:no-repeat;
}

.img1gran3calcolom{
background-image:url(../media/preuscolom.jpg);
background-repeat:no-repeat;
}

.img1gran5calcolom{
background-image:url(../media/contactecolom.jpg);
background-repeat:no-repeat;
}

.img1gran4calcolom{
background-image:url(../media/situaciocolom.jpg);
background-repeat:no-repeat;
}




.img1granmasoveria{
background-image:url(../media/agroturismemasoveria.jpg);
background-repeat:no-repeat;
}

.img1masoveria{
background-image:url(../media/casaruralmasoveria.jpg);
background-repeat:no-repeat;
}

.img1gran5masoveria{
background-image:url(../media/turismemasoveria.jpg);
background-repeat:no-repeat;
}

.img1gran2masoveria{
background-image:url(../media/condicionsmasoveria.jpg);
background-repeat:no-repeat;
}


.img1gran4masoveria{
background-image:url(../media/situaciomasoveria.jpg);
background-repeat:no-repeat;
}

.img1gran3masoveria{
background-image:url(../media/preusmasoveria.jpg);
background-repeat:no-repeat;
}



/*FINAL IMATGES DE FONS !!!!! ***************************************************************************/

#containerLegal { 
 margin: 0 auto;
 width: 600px;
}

/*----------------------------------------------zona de dalt----------------------------------*/

#cap{
background-color:#FFFFFF;
height:127px;
width:916px;
left:auto;
right:auto;
margin-left:17px;
/* position:absolute;*/
 margin-top:0px;
/*z-index*/
z-index:20;
}

#capNT{
height:127px;
width:916px;
background-color:#009966;
}

#logo{
width:340px;
float:left;
}

#cases{
width:567px;
margin-left:346px;
}

#casa{
width:183px;
height:127px;
float:left;
margin-right:6px;

}

#casa a:link
{
text-decoration:none;
}
#casa a:hover{
color:#000000;
}


#titol{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:183px;
margin-top:6px;
text-align:center;
}

#titol a{
color:#68676b;
text-decoration:none;
}

#titol a:hover{
color:#000000;
}
/*----------------------------------------------FINAL zona de dalt----------------------------------*/


/*----------------------------------------------zona CAPA DISSENY----------------------------------*/
#disseny{
width:910px;
height:6px;
background-color:#FFFFFF;
margin:auto;
line-height:0px;
}

#dissenyLegal{
width:600px;
height:6px;
background-color:#FFFFFF;
margin:auto;
line-height:0px;
}
#disseny2{
width:910px;
height:20px;
background-color:#FFFFFF;
margin:auto;
/*line-height:0px;*/
}
/*----------------------------------------------FINAL zona CAPA DISSENY----------------------------------*/

/*----------------------------------------------zona CAPA CENTRE----------------------------------*/
#centre{
width:916px;
min-height:369px;
margin-top: 82px;
margin-left:17px;
margin-bottom:0px;

}	

		#centreContacte{
		width:916px;
		min-height:439px;
		margin-top: 12px;
		margin-left:17px;
		margin-bottom:0px;
		
		}	

	#esq{
	width:340px;
	height:337px;
	background-color:#FFFFFF;
	float:left;
	/*TEXT*/
	font-size: 13px;
	}
	
			#esqContacte{
	width:340px;
	height:337px;
	margin-top: 70px;
	background-color:#FFFFFF;
	float:left;
	/*TEXT*/
	font-size: 13px;
	}

	
	#dreta{
	width:570px;
	height:337px;
	background-color:#FFFFFF;
	float:right;
	}
	
		#dretaContacte{
	width:570px;
	height:407px;
	background-color:#FFFFFF;
	float:right;
	}
	#dretaReserva{
	width:916px;
	height:407px;
	background-color:#FFFFFF;
	float:right;
	}
	#dretaImg{
		width:558px;
		height:325px;
		margin-top:6px;
		margin-left:6px;
		
	}


/*----------------------------------------------FINAL zona CAPA CENTRE----------------------------------*/


/*----------------------------------------------zona menus de dalt----------------------------------*/
#franja{
margin-top:6px;
/*top:6px;*/
height:20px;
overflow:hidden;
width:916px;
float:left;
}


 /*************************IMATGES DE SOTA************************************/
#imatges{ 
width:950px;
float:left;
height:100px;
margin-top:6px;
background-color:#fff;
}
 /************************* FINAL IMATGES DE SOTA************************************/
#menu1 { /*aqui posar menu 1. BACKUP!!!*/
 height:20px;
 width:916px;
 margin-top:6px;
 background: yellow;
 /*text*/
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #68676b;
 text-transform:uppercase;
 /*z-index*/
 z-index:30;
}

#menu3 {
 height:20px;
 width:916px;
 /*margin-top:6px;*/
 background: purple;
 /*text*/
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #68676b;
 text-transform:uppercase;
}

#menu ul
{
padding-left: 0;
margin-left: 0;
float: left;
width: 100%;
}


#menu ul li
 { display: inline;
  }

#menu ul li a
{
/*padding*/
padding-top:4px;
padding-left:5px;
/***/
margin-right:25px;
width:75px; /*ample dels botons, 120px està bé*/
height:15px;
background-color: #fff;
color:#68676b;
text-decoration: none;

}
	#menu ul li#ultim a{
	/*padding*/
	padding-top:4px;
	padding-left:5px;
	/***/
	margin-right:0;
	width:70px;
	color: #68676b;
	text-decoration: none;
	float: left;
	}
	
		#menu #desplegable ul li a {
			margin-left:15px;
		}

#menu ul li a:hover,
#menu ul li#ultim a:hover
{
background-color: #fff;
color: #000;
}

/*******************************************************************************************/
/*******************************************************************************************/


/*********************************Butons activats***********************************/
#menu .actiu a,
#menu #ultim.actiu a
{
background-color: #fff;
color: #000;
}


#menu a.submenu1{
padding-left:10px;
width:160px;
}
#menu a.submenu2{
padding-left:40px;
width:180px;
}
/*----------------------------------------------FINAL zona menus de dalt----------------------------------*/

/*----------------------------------------------DESPLEGABLES----------------------------------*/


#desplegable,#desplegable ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
background-color:#fff;

height:20px;
}

#desplegable a{
display:block;
padding:0;


text-decoration:none;
color:#68676b;
background-color:#fff;
}

#desplegable a:hover{
background-color:#68676b;
color:#fff;
}

#desplegable li{
float:left;
position:relative;
color:#68676b;

}

#desplegable ul {
position:absolute;
display:none;
width:200px;
height:95px;
top:1.5em;

}

#desplegable li ul a{
width:183px;
height:auto;
float:left;
text-transform:none;

}

#desplegable ul ul{
top:auto;

}	

#desplegable li ul ul {

}

#desplegable li:hover ul ul,#desplegable li:hover ul ul ul, #desplegable li:hover ul ul ul ul{
display:none;


}
#desplegable li:hover ul, #desplegable li li:hover ul, #desplegable li li li:hover ul, #desplegable li li li li:hover ul{
display:block;
}


#menu .actiu ul li a {
color:#68676b;
background-color:#fff;
}
#menu .actiu ul li a:hover {
color:#c70004;
background-color:#fff;
}


/*******************************************************MENU IDIOMES *************************************/
#menuIdi ul
{
padding-left: 0;
margin-left: 0;
float: left;
width: 100%;

}


#menuIdi ul li
 { display: inline;
  }

#menuIdi ul li a
{
/*padding*/
padding-top:4px;
padding-left:30px;
/***/
font-size:12px;
/*margin-right:10px;*/
width:auto; /*ample dels botons, 120px està bé*/
height:15px;
background-color: #fff;
color:#68676b;
text-decoration: none;
text-align:center;

}
	#menuIdi ul li#ultim a{
	/*padding*/
	padding-top:4px;
	padding-left:30px;
	/***/
	margin-right:0;
	width:70px;
	color: #68676b;
	text-decoration: none;
	float: left;
	text-align:center;
	}
	
		#menuIdi #desplegable ul li a {
			margin-left:15px;
		}

#menuIdi ul li a:hover,
#menuIdi ul li#ultim a:hover
{
background-color: #fff;
color: #000;
}

/*******************************************************************************************/
/*******************************************************************************************/


/*********************************Butons activats***********************************/
#menuIdi .actiu a,
#menuIdi #ultim.actiu a
{
background-color: #fff;
color: #000;
}


#menuIdi a.submenu1{
padding-left:10px;
width:160px;
}
#menuIdi a.submenu2{
padding-left:40px;
width:180px;
}
/*******************************************************MENU IDIOMES *************************************/

/*----------------------------------------------FINAL zona desplegables----------------------------------*/

/*----------------------------------------------zona FOTOS----------------------------------*/
#imatge, #imatge a:active, #imatge a:focus, #imatge img, #imatge a img{
/*border:4px #666 solid;
height:480px;
width:640px;*/
/*border:0;
outline:0;*/}

.thumb{
float:left;
margin-right:15px;
margin-top:15px;
outline:0px;
border:0px;
}
	.thumbFi{
	float:left;
	margin-right:0px;
	margin-top:15px;
	outline:0px;
	border:0px;
	}
.thumbfila1{
float:left;
margin-right:15px;
margin-top:0px;
outline:0px;
border:0px;
}
	.thumbfila1FI{
	float:left;
	margin-right:0px;
	margin-top:0px;
	outline:0px;
	border:0px;
	}


/*----------------------------------------------FINAL zona FOTOS----------------------------------*/

/*----------------------------------------------FORMULARI CONTACTE----------------------------------*/	
input{
	background-color:#ccc;
	border:none;
	border:none;
	height:18px;
	 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #68676b;
	}
	.input2 {
	background-color:#ccc;
	border:1px solid #fff;
	height:18px;
	 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #68676b;
	}
	.input3 {
	background-color:#ccc;
	border:1px solid #fff;
	height:21px;
	 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #68676b;
	}
	.curt{
width:150px;
margin-top:auto;
margin-bottom:auto;
height:18px;
border:none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #68676b;
}
	.curt2{
width:220px;
margin-top:auto;
margin-bottom:auto;
height:18px;
border:none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #68676b;
}
.llarg{
width:500px;
margin-top:auto;
margin-bottom:auto;
height:18px;
border:none;

 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #68676b;
}
.llarg2{
background-color:#ccc;
border:none;
	border:#fff;
	width:555px;
margin-top:4px;
height:100px;

 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #68676b;
	}

.buto{
color:#68676b;
background-color:;
}

/*----------------------------------------------FINAL FROMULARI CONTACTE----------------------------------*/

/*----------------------------------------------FINAL zona CAPA CENTRE----------------------------------*/
#contacte{
width:910px;
height:46px;
margin-top:13px;

}


/*----------------------------------------------zona PEU----------------------------------*/

/*----------------------------------------------zona idiomes----------------------------------*/

#idiomes{
		height:20px;
		margin-top:6px;
		}

#adre{
		/*float:right;
		margin-right:20px;*/
		color:#68676b;
	}
	
	#adre a{
	text-decoration:none;
	color:#68676b;
	}
	#adre a:hover{
	color: #000; /*color quan passes per sobre dels idiomes*/
	}
/*----------------------------------------------FINAL zona idiomes---------------------------*/

#peu { 
 width: 950px;
 clear: both;
 /*color: #e3e5e6;*/
 height:20px;
 background:transparent;
 margin-left:0px;
/* margin-top:112px;*/
border-top:0.5px #FFF solid;
}

			#peu2 { 
		 width: 950px;
		 clear: both;
		 /*color: #e3e5e6;*/
		 height:20px;
		 background:transparent;
		 margin-left:0px;
		 margin-top:112px;
		
		}

		#franjaSota{
		margin-top:6px;
		height:6px;
		width:950px;
		margin-left:auto;
		margin-right:auto;
		background-color:#68676b;
		}
	.titolPeu{
	font-size:12px;
	}
	
	.textPeu{
	color:#68676b;
	}

	.peuInt{
	width:150px;
	margin-right:15px;
	float:left;
	}
	.peuInt2{
	width:190px;
	margin-right:15px;
	float:left;
	}
	
		.peuInt a{
		color:#68676b;
		text-decoration:none;
		}
		a.peuInt:link{
		color:#68676b;
		text-decoration:none;
		}
		.peuInt a:hover{
		color:#000;
		}
	
	#autor {
	width:216px;
	margin-right:0px;
	float:right;
	text-align:left;
	
	}
	
	
	#autor a:link, 
	#autor a:active,
	#autor a:visited{
	/*TEXT*/
	color:#68676b;
	text-decoration:none;
	
	}
	
	#autor a:hover{
	color: #000;
	}
	
	
	#avis a,
	#avis a active,
	#avis a link{
		text-decoration:none;
		color:#68676b;
		}
	#avis a:hover{
		color:#000;
	}
/*----------------------------------------------classes transversals----------------------------------*/	
	h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#68676b;
	text-align:left;
	margin-left:6px;
	margin-top:6px;	
	}
	
	p a:link{
	color:#68676b;
	/*font-weight:bold;*/
	text-decoration:none;
	}
	p a:hover{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}
	
	.transparent{
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8; 
	}

	
	.maju
	{
	color:#c70004;
	text-transform:uppercase;
	}
	
	.clear { clear: both; background: none; }
	.negreta{font-weight:bold;}