/* CSS Apartaments Camping Mitxeu*/

body, html{
background:url(../img/background_repeat.jpg) repeat-x;
background-color:#C1D4D8;
font-family:Verdana;
font-size:11px;
color:#0a3f6a;
overflow:hidden;
}
#web{
	position:absolute; 
	border: solid 3px #FFFFFF; 
	width:960px; 
	height:500px; 
	left:50%; 
	margin-left:-480px; 
	top:50%; 
	margin-top:-250px; 
	z-index:1
}
#logo_camping{
	position:absolute;
	display:block;
	width:232px;
	height:76px;
	top:50%;
	margin-top:-235px;
	left:50%;
	margin-left:-450px;
	background:url(../img/logo_camping.png) no-repeat;


}
#arbre{
	position:absolute;
	display:block;
	width:182px;
	height:261px;
	top:50%;
	margin-top:-10px;
	background:url(../img/arbre.png) no-repeat;
}
#rulot{
	z-index:10;
	position:absolute;
	display:block;
	width:400px;
	height:261px;
	top:50%;
	margin-top:36px;
	margin-left:565px;
	background:url(../img/rulot.png) no-repeat;
}

/*------------------------------*/
/*--------- Zona utilitats -----*/
*html #zona_utilitats{
background:url(../img/zona_utilitats.gif) no-repeat;

}
#zona_utilitats{
	position:absolute;
	display:block;
	width:189px;
	height:51px;
	top:50%;
	margin-top:-210px;
	margin-left:725px;
	padding-top:6px;
	text-align:center;
	background:url(../img/zona_utilitats.png) no-repeat;
}
#zona_utilitats img{
	border:none;
	}
#zona_utilitats a{
	color:#e0f7fc;
	text-decoration:none;
}
#zona_utilitats a:HOVER{
	color:#0a3f6a;
	border:none;
	text-decoration:none;
}

/*----------- Fi Zona utilitats*/
/*-----------------------------*/

#gespa{
	z-index:11;
	position:absolute;
	display:block;
	width:960px;
	height:200px;
	top:50%;
	margin-top:68px;
	background:url(../img/gespa.png) no-repeat center;

}
/*IE6*/
* html #gespa{
	z-index:11;
	position:absolute;
	display:block;
	width:960px;
	height:200px;
	top:50%;
	margin-top:86px;

}
/*IE7*/
*:first-child+html #contingut{
	position:relative;
	margin-left:0px; 
	left:100px;
	top:142px;
}
/**/
#contingut{
	position:absolute;
	z-index:13;
	display:block;
	width:653px;
	height:262px;
	margin-top:142px;
	margin-left:100px;

}
#content{
	position:absolute;
	z-index:13;
	display:block;
	width:653px;
	height:262px;
	margin-top:142px;
	margin-left:100px;

}
*:first-child+html #content{
	margin-top:-120px;
}
#titol{
	position:absolute;
	width:200px;
	height:150px;
	left:50%;
	margin-left:-415px;
	top:50%;
	margin-top:-122px;
	z-index: 13;
}

#texte{
	position:absolute;
	float:left;
	width:325px;
	height:262px;
	padding-top:20px;
	padding-left:72px;
	z-index: 999;
}
#serveis{
	cursor:pointer;
	z-index:999;
	position:absolute;
	top:50%;
	margin-top:120px;
	left:50%;
	margin-left:-305px;

}
*html #galeria{
	margin-right:10px;

}
#galeria{
	display:block;
	float:right;
	width:220px;
	height:220px;
	margin-top:20px;
	margin-right:20px;
	border:1px solid #b6d9e3;

}
/*---------------------------*/
#Menu{
	position:absolute;
	display:block;
	width:720px;
	height:12px;
	top:50%;
	margin-top:-150px;
	left:50%;
	margin-left:-450px;
	font-family:"Times New Roman";
	letter-spacing: 4px;
	font-weight:bold;
	font-size: 1.1em;
	word-spacing: 2.5em;
	
}
#Menu a{
	color:#e0f7fc;
	text-decoration:none;
}
#Menu a:HOVER{
	color:#0a3f6a;
	text-decoration:none;
}

/*IE7*/
*:first-child+html #ulText{
	margin-left:15px;
}
#ulText{
	margin-top:0px;
	margin-left:-25px;
}
*html #comentaris{float:right; width:100px; margin-right:50px;}
#comentaris{float:right; width:100px; margin-right:180px;}
/*---------------------------*/
p {
	line-height:11px;
	margin-top:0px;
	margin-bottom:8px;
}
li {
	margin-top:0px;
	margin-bottom:-2px;
}
/*-----------------------------*/
body, h1, h3, p {
	padding: 0;
	margin: 0;
}


	
h3 {
	padding: 4px 10px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #222;
	background: #97C5D6;
	cursor: pointer;
}
h3 a:link, h3 a:visited {
	font-weight: normal;
	letter-spacing: 2px;
	display: block;
	text-decoration: none;
	color: #222;
}
h3 a:hover, h3 a:active {
	color: #222;
}
#acordeon p{
	margin-bottom:-2px;
	}
.formularis{
	width:150px;
	background:#336699;
	padding-left:5px;
	color:#fff;
	border:none;
	font-size:9px;

}
.bttext a{
	color:#003366;
	text-decoration:none;
}
.bttext a:HOVER{
	color:#fff;
	text-decoration:none;
}
.btenviar a{
	color:#FFF;
	background-color:#336699;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration:none;
}
.btenviar a:HOVER{
	color:#336699;
	background-color:#FFF;
	text-decoration:none;
}	
.notesepares{
	word-spacing:normal;
}

/*.........................................*/
.email{
	color:#CCFFFF;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	width:250px;
	left:50%;
	top:50%;	
	margin-left:-125px;
	margin-top:-25px;
}
a{color:#003366; text-decoration:none;}
a:HOVER{color:#FFFFFF; text-decoration:underline;}