*{
			margin:0;
			padding:0;
		}
		a{
			color:#8FC2FF;
			text-decoration: none;
			outline: none;
		}
		a:hover{
			text-decoration: underline;
		}
		img{
			border:none;
		}
		body {
			/*overflow:hidden;/*Needed to eliminate scrollbars*/
			background:#000;
		}
		#content{
		
			width: 100%;
			z-index: 3;
			position: absolute;
			margin-top: 40px;
			
			/*margin:0px auto;
			height:100px;
			width:100%;
			bottom:5%;
			z-index: 3;
			background:#262626 no-repeat 90%;
			border-top:1px solid #000;
			border-bottom:1px solid #4F4F4F;
			position:absolute;*/
		}
		#contentframe{
			overflow: hidden;
			border-top:solid 1px #4F4F4F;
			border-bottom:1px solid #000;
			height: 100%;
			text-align:left;
			z-index: 3;
		}
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: url('images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		
/*  ----   CSS GENERALS  ---- */
#logotip{
	width: 250px;
	height: 100px;
	text-align: center;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	color: #fff;
	margin: 15px auto 30px auto;

}
/*  ----   POSICIO IMATGES/INICI  ---- */
#bg_inici{
	background: url('../img/bg_paper.jpg');
	height: 500px;
}
.charlas{
	position: relative;
	z-index: 1;
	top: 309px;
	left: 159px;
}
.logo_menu{
	position: relative;
	z-index: 1000;
	top: 210px;
	left: -10px;
}
.correo{
	position: relative;
	z-index: 2000;
	top: -10px;
	left: 600px;
}
.poe{
	position: relative;
	z-index: 1000;
	top: 150px;
	left: 5px;
}
.nuestros_vinos{
	position: relative;
	z-index: 2000;
	top: 100px;
	left: 615px;
}
.sello{
	position: relative;
	z-index: 1000;
	top: 110px;
	left: 185px;
	visibility: hidden;
}
.lachapelle{
	position: relative;
	z-index: 1000;
	top: -10px;
	left: -250px;
}
.babelesianas{
	position: relative;
	z-index: 1000;
	top: 80px;
	left: 210px;
}
.camus{
	position: relative;
	z-index: 1000;
	top: 110px;
	left: -470px;
}
.ceramica{
	position: relative;
	z-index: 1000;
	top: -80px;
	left: -580px;
}
.vistas{
	position: relative;
	z-index: 1000;
	top: -230px;
	left: -720px;
}
.calendario{
	position: relative;
	z-index: 1000;
	top: -370px;
	left: 235px;
}
.ecriure{
	position: relative;
	z-index: 1000;
	top: -460px;
	left: 450px;
}
.libro{
	position: relative;
	z-index: 1000;
	top: -370px;
	left: -60px;
}
.pizarra{
	position: relative;
	z-index: 2000;
	top: -370px;
	left: 420px;
}
.twitter{
	position: relative;
	z-index: 2000;
	top: -90px;
	left: 260px;
}
.facebook{
	position: relative;
	z-index: 2000;
	top: -120px;
	left: 195px;
}
/*  ----   INICI  ---- */
div#menu{
	
}
div#menu ul{
	list-style: none;
	position: fixed;
	top: -15px;
}
div#menu ul li{
	display: block;
	float: left;
}

/*  ----   VISITA VIRTUAL  ---- */
.menu_virtual {
	width: 300px;
	list-style-type: none;
	}
.menu_virtual li {
	display: block;
	float:left;
	margin-bottom: 10px;
	}

div#vista_virtual{
	background: #000;
	margin-top: 50px;
	padding: 40px;
}

div#vista_virtual .inicio{
	position: relative;
	left: 120px;
}

div#controls img{
	margin: 30px 0 0 35px;
	padding-top: 30px;
}
div#vista_virtual .copy_xemax{
	position: relative;
	top: 230px;
	left: 110px;
	
}


/*  ----   BABELESIANAS  ---- */
#bg_babelesianas{
	background: url('../img/bg_paper.jpg') repeat-y;
	margin-bottom: 100px;
}
#bg_babelesianas #portada{
	margin: 50px 0 0 50px;
}
#bg_babelesianas #text{
	margin: 50px 0 40px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	font-size: 17px;
	font-style: italic;
}
#bg_babelesianas #text span{
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	font-size: 16px;
	float: right;
	font-weight: bold;
}
#bg_babelesianas #text span em{
	font-weight: normal;
	font-style: italic;
}
#bg_babelesianas #link {
	margin-top: 40px;
}

/*  ----   CHARLAS  ---- */
div#video{
	width: 640px;
	margin: 0 auto;
}

/*  ----   NUESTROS VINOS  ---- */
#bg_nuestrosvinos{
	background: url('../img/bg_paper.jpg') repeat-y;
}
#bg_nuestrosvinos #portada{
	margin: 50px 0 50PX 50px;
}
#bg_nuestrosvinos #text{
	margin: 120px 0 40px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	font-size: 16px;
}
#bg_nuestrosvinos #text span{
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	font-size: 16px;
	float: right;
	font-style: italic;
	font-weight: bold;
}
#bg_nuestrosvinos #link {
	margin-top: 40px;
}

/*  ----   LACHAPELLE  ---- */
div#pagina { background: url('../img/bg_paper.jpg') repeat-y; }
div#pagina a.link{
	display: block;
	float: right;
	margin: 10px 10px 0 0;
}
div#pagina #contingut{
	margin-top: 60px;
}
div#pagina #contingut img{
	border: 4px solid #fff;
	margin: 0 20px 020px;
	float: left;
}

div#pagina #contingut > p:first-of-type{
	 padding-top: 40px;
	 font-weight: bold;
	
}



div#pagina #contingut p{
	margin: 0 40px 30px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	font-size: 16px;
}
/*  ----   LIBRO SEMANA  ---- */

#bg_librosemana{
	background: url('../img/bg_paper.jpg') repeat-y;
}
#bg_librosemana p.firma{
	font-size: 14px;
	font-style: italic;
	padding-left: 20px;
	line-height: 18px;
	margin-bottom: 70px;
}
#bg_librosemana #portada{
	margin: 50px 0 0 50px;
}
#bg_librosemana #portada img{
	border: 4px solid #000;
}
#bg_librosemana #text{
	margin: 50px 0 40px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	font-size: 16px;
}
#bg_librosemana #text span{
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	font-size: 16px;
	float: right;
	font-style: italic;
	font-weight: bold;
}
#bg_librosemana #link {
	margin: 40px 0 0 80px;
	
}

#bg_librosemana ul.menu_libros {
	list-style-type: none;
	margin: 30px 0 0 0;
	padding: 0;
	width: 250px;
}
#bg_librosemana ul.menu_libros li {
	margin: 12px 0;
	padding: 0;
}
#bg_librosemana ul.menu_libros a{
	display: block;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed #000;
	padding: 5px;
}
#bg_librosemana ul.menu_libros a.select{
	color: #fff;
	background-color: #000;
	font-size: 14px;
	border-bottom: none;
}

#bg_librosemana .link{
	color: #606;
}
#bg_librosemana p.titular{
	background-color: #000;
	color: #fff;
	padding: 6px;
	margin-top: 20px;
}

/*  ----   CUENTOS  ---- */
#bg_cuentos{
	background: url('../img/bg_paper.jpg') repeat-y;
	margin-bottom: 60px;
}
#bg_cuentos #portada{
	margin: 50px 0 0 50px;
}
#bg_cuentos #portada img{
	display: block;
	margin-bottom: 12px;
}

#bg_cuentos #portada p em{
	font-size: 18px;
}
#bg_cuentos #text{
	margin: 50px 0 20px 0;
	font-family: "Courier New", Courier, mono;
	line-height: 21px;
	font-size: 14px;
}
#bg_cuentos #text span{
	display: block;
	text-align: right;
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	font-weight: bold;
}
#bg_cuentos #link {
	margin-top: 40px;
}
#bg_cuentos #link a{
	margin: 0 0 0 50px;
}
/*  ----   PIZARRA  ---- */
#bg_pizarra{
	background: url('../img/bg_paper.jpg') repeat-y;
	margin-bottom: 60px;
}
#bg_pizarra img{
	margin: 0 0 0 320px;
}
#bg_pizarra #link {
	position: relative;
	margin-top: 40px;
}
/*  ----   POSICIO CORREO  ---- */
#bg_correo{
	background: url('../img/bg_correo.jpg');
	height: 500px;
}

#bg_correo a.inicio{
	display: block;
	width: 200px;
	position: relative;
	top:60px;
	left: 790px;
}
#bg_correo_reservas  a.cerrar{
	display: block;
	width: 200px;
	position: relative;
	top: 9px;
	left: 390px;
	float: left;
}
#bg_correo a.reservas {
	display: block;
	width: 300px;
	position: relative;
	top:150px;
	left: 560px;
}
#bg_correo address {
	font-family: "Courier New", Courier, mono;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	width: 300px;
	top:200px;
	left: 540px;
	line-height: 18px;
}
#bg_correo address a{
	position: relative;
	top: 0;
	left: 0;
	color: #7a7ba8;
	text-decoration: none;
	border-bottom: 1px dashed #666;
	}
#bg_correo address a:hover{
	color: #df324e;
	border-bottom: 1px dashed #df324e;
	}

#foto_item{
	float: left;
	margin: 20px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
#foto_item img{
	display: block;	
	float: left;
	margin: 6px;
}
#posicio_5{
	position: relative;
	top: 20px;
}
#contenidor{

	width: 960px;
	margin: 0 auto;
}
.clear{
	clear: both;
}
#peu{
		height: 25px;
		width: 100%;
		z-index: 3;
		position: fixed;
		margin:0px auto;
		bottom:0%;
		z-index: 3;
		background:#262626 no-repeat 90%;
		border-top:1px solid #000;
		border-bottom:1px solid #4F4F4F;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
		font-size: 10px;
		color: #fff;
		padding: 14px 0 0 15px;
		}
#peu span{
	display: block;
	float: right;
	padding-right: 30px;
	color: #666;
	}