@charset "UTF-8";
/* CSS Document */

body {
	height: 100%;
	color: #262626;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

h1 {
	font-weight: bold;
	font-size: 22px;
	margin-left: -4px;
	color: #FEF8E5;
	}
			
h2 {
	font-weight: bold;
	font-size: 100px;
	margin-left: -4px;
	color: #878267;
	}

.titol_petit{
	font-size: 80px;
	}
	
.negreta {
	font-weight: bold;
	}
	
	
#img_vacances {
	position:absolute;
	top: 60px;
	left: 705px;
	z-index: 99;
}

#img_vacances_home {
	position:absolute;
	top: 55px;
	left: 732px;
	z-index: 99;
}

	
/* Fons i vinyetes*/
.entorno {
	background: #000000 url(../img/fons_verd.jpg) center repeat-y;
	}
	
.restaurant {
	background: #000000 url(../img/fons_ocre.jpg) center repeat-y;
	}
	
.restaurant ul{
	color: #fd9800;
	}
	
.hotel {
	background: #000000 url(../img/fons_lila.jpg) center repeat-y;
	}
	
.hotel ul{
	color: #743794;
	}
	
.home, .activitats, .contacte {
	background: #000000 url(../img/fons_gris.jpg) center repeat-y;
	}
	
.home, .activitats, .contacte ul{
	color: #8c866c;
	}

.separador {
	color:#B5B094;
	}

#header{
	margin: 0 auto;
	width: 960px;
	height: 208px;
	position: relative;
	}

#logo{
	witdh: 143px;
	height: 104px;
	padding: 28px 0 0 40px;
	}
	
#menu_idioma{
	float: right;
	padding: 10px 10px 0 0;
	color: #BCB2A5;
	font-size: 12px;
	}
	
#menu_idioma ul{
	list-style: none;
}
	
#menu_idioma a{
	color: #BCB2A5;
	}
	
#menu_idioma a:hover,
.catala #menu_idioma #catala a,
.castella #menu_idioma #castella a,
.frances #menu_idioma #frances a,
.angles #menu_idioma #angles a{
	color: #FFFFFF;
	}
	
#menu_idioma a:hover {
	color: #333333;
	}

#container{
	margin: 0 auto;
	width: 100%;
	height: auto;
	position: relative;
	background: #FFFFFF;
	}
	
#container_home{
	margin: 0 auto;
	width: 100%;
	height: auto;
	position: relative;
	background: url(../img/fons_centre_home.jpg) center repeat-y; 
	}
	
#contingut{
	margin: 0 auto;
	width: 844px;
	height: 100%;
	position: relative;
	padding: 10px 58px 58px 58px;
	background: #FFFFFF;
	}
	
#contingut_home{
	margin: 0 auto;
	width: 844px;
	height: 100%;
	position: relative;
	padding: 27px 58px 27px 58px;
	}

/*Text home*/
#text_home{
	width: 100%;
	padding-top: 0px;
	color: #FEF8E5;
	text-align: justify;
	font-size: 12px;
	}

#text_home p{
	width: 550px;
	float: right;
	}

	
#imatge_home{
	float: left;
	}
	
#text_home:after{
	content: ""; display: block; height: 0; clear: both;
	}


/*Text normal*/

#text{
	width: 100%;
	padding-top: 40px;
	color: #878267;
	text-align: justify;
	}

#text p{
	width: 420px;
	}
	
#text a{
	color: #BCB2A5;
	border-bottom: 1px dotted;
	}
	
#text a:hover{
	color: #BCB2A5;
	border-bottom: 1px solid;
	}

#text a:visited{
	color: #BCB2A5;
	border-bottom: 1px dotted;
	}
	
	
#text ul{
	width: 350px;
	list-style: square;
	padding-left: 20px;
	}
	
#text li{
	padding-bottom: 15px;
	}
	
#text table td, #text table th{
	border: 1px solid #ccc;
	padding: 5px;
	vertical-align: middle;	
	}

#text table th{
	text-align:center;
	font-weight:bold;
	color:#FFF;
	}

#text table{
	font-size: 10px;
	border: 1px solid #ccc;
	}
	
#text table .td_centrat{
	width: 65px;
	text-align: center;
	vertical-align: middle;
	}
	
#imatge{
	float: right;	
	}
	
#text:after{
	content: ""; display: block; height: 0; clear: both;
	}


/*text contacte*/

#text_contacte{
	width: 100%;
	padding-top: 40px;
	color: #878267;
	text-align: left;
	}

#text_contacte p{
	width: 100%;
	}
	
	
#text_contacte a{
	color: #BCB2A5;
	border-bottom: 1px dotted;
	}
	
#text_contacte a:hover{
	color: #BCB2A5;
	border-bottom: 1px solid;
	}

#text_contacte a:visited{
	color: #BCB2A5;
	border-bottom: 1px dotted;
	}
	
	
#text_contacte ul{
	width: 340px;
	list-style:disc;
	padding-left: 30px;
	}
	
#text_contacte li{
	padding-bottom: 15px;
	}

#imatge_contacte{
	display: block;
	padding-top: 50px;
	padding-bottom: 60px;
	float: left;
	
	}
	
	
#text_cotacte:after{
	content: ""; display: block; height: 0; clear: both;
	}



#footer{
	margin: 0 auto;
	width: 960px;
	height: 208px;
	position: relative;
	}

/*text termes legals i condicions*/

	
#text_legal{
	width: 100%;
	padding-top: 40px;
	color: #878267;
	text-align: justify;
	}

#text_legal p{
	width: 960px;
	}
	
#text_legal a{
	color: #BCB2A5;
	border-bottom: 1px dotted;
	}
	
#text_legal a:hover{
	color: #BCB2A5;
	border-bottom: 1px solid;
	}

#text_legal a:visited{
	color: #BCB2A5;
	border-bottom: 1px dotted;
	}





/* Menú */
#menu{
	margin: 0 auto;
	width: 844px;
	position: relative;
	padding: 58px 58px 58px 58px;
	color: #BCB2A5;
	line-height: 20px;
	list-style: none;
	}
	
#menu a{
	color: #BCB2A5;
	}
	
#menu h1 a{
	color: #FEF8E5;
}

#menu h1 a:visited{
	color: #FEF8E5;
}

#menu h1 a:hover{
	color: #FEF8E5;
}
	
#menu a:hover,
.cerdanya #menu #cerdanya a,
.puigcerda #menu #puigcerda a,
.quadres #menu #quadres a,
.espai #menu #espai a,
.carta #menu #carta a,
.horaris #menu #horaris a,
.promocions #menu #promocions a,
.arquitectura #menu #arquitectura a,
.habitacions #menu #habitacions a,
.preus #menu #preus a,
.musica #menu #musica a,
.rutes #menu #rutes a,
.golf #menu #golf a,
.neu #menu #neu a,
.pesca #menu #pesca a,
.ubicacio #menu #ubicacio a,
.comunicat #menu #comunicat a,
.enquesta #menu #enquesta a{
	color: #FFFFFF;
	}
	
#menu a:visited{
	color: #BCB2A5;
	}
	
#menu ul{
	float: left;
	}
	
#menu li a:hover{
	color: #ffffff;
}
	
.nom_apartat{
	padding-bottom: 20px;
	}
	
.ul_pad{
	padding-right: 45px;
	}
	
#menu_copy ul{
	float: right;
	padding: 120px 58px 30px 0;
	color: #FFFFFF;
	}

#menu_copy ul{
	text-align: right;
	}

#menu_copy li{
	float: left;
	padding-left: 10px;
	}
	
#menu_copy li a{
	color: #BCB2A5;
	}
	
#menu_copy li a:hover{
	color: #ffffff;
	}

/* Submenú */
#submenu{
	color: #b5b094;
	font-size: 12px;
	padding-top: 10px;
	}
	
#submenu a{
	color: #b5b094;
	display: block;
	}
	
#submenu a:hover,
.cerdanya #submenu #cerdanya a,
.puigcerda #submenu #puigcerda a,
.quadres #submenu #quadres a,
.espai #submenu #espai a,
.carta #submenu #carta a,
.horaris #submenu #horaris a,
.promocions #submenu #promocions a,
.arquitectura #submenu #arquitectura a,
.habitacions #submenu #habitacions a,
.preus #submenu #preus a,
.musica #submenu #musica a,
.rutes #submenu #rutes a,
.golf #submenu #golf a,
.neu #submenu #neu a,
.pesca #submenu #pesca a,
.ubicacio #submenu #ubicacio a,
.comunicat #submenu #comunicat a,
.enquesta #submenu #enquesta a{
	color: #878267;
	font-weight: bold;
	}
	
#submenu li{
	float: left;
	}
	
#submenu .separador{
	padding: 0 16px 0 16px;
	}
	


/* Mapa contacte */
#mapa{
	margin-top:25px;
	border: 1px solid #878267;
}

/* Formulari de contacte */
#taula_contacte table td, #taula_contacte table th{
	border: 0px;
	padding: 5px;
	vertical-align: top;	
	}

#text table th{
	text-align:center;
	font-weight:bold;
	color:#FFF;
	}

#taula_contacte table{
	color: #878267;
	font-size: 14px;
	border: 0px;
	}
	
.camp {
	width: 150px;
	}

#searchsubmit, #send, #top #submit{
	cursor:pointer;
	}
	
	
#s, .text_input, .text_area{
padding:5px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
width:200px;
font-size:11.5px;
}


#searchsubmit, #send, #submit{
padding:4px 20px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
font-size:11.5px;
}

.hidden{
	display:none;
	}
#commentform{
	padding-bottom:20px;
	}


fieldset{
border:none;
padding:0;
margin:0;
overflow:hidden;
}

fieldset label{
	padding-left:7px;
	}
.blocklabel{
	display:block;
	padding:10px 0 0 0;
}

#top .text_area{
	width:450px;
	}
	
.corner_left, .corner_right{
	position:absolute;
	top:0;
	height:5px;
	width:5px;
	z-index:6;
	left:0;
		}
	
#top .corner_right{
	left:935px;
		}
		
/* Formulari de contacte (segona part) */	
.valid .text_input, .valid .text_area{border:1px solid #70A41B;} /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid #EE2A00;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}


#s, .text_input, .text_area, textarea, #commentform input{
	border:1px solid #ababab;
	color:#333;
	}


#searchsubmit, #send, #top #submit{
	border:1px solid #ababab;
	background-color:#333;
	cursor:pointer;
	color:#fff;
	
	}
	
#searchsubmit:hover, #send:hover, #top #submit:hover{
	background-color:#999;
	color:#333;
	}

	
.corner_left, .corner_right{
	background:transparent url(../images/jquery_corners.png) no-repeat scroll top left;
	}
	
#top .corner_right{
	background:transparent url(../images/jquery_corners.png) no-repeat scroll top right;
	}