.copy{
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				text-decoration: none;
				display: block;
				float: right;
				text-align: right;
				margin: 0 10px 0 0;
			}
			#copyright .copy:hover{
				color: #840017;
				text-decoration: none;
			}
/* -- ESPACIO LITERANTA -- */
div#espacio{
	width: 640px;
	background-color: #000;
	margin-bottom: 30px;
	border-bottom: 1px solid #666;
}
div#espacio img{
border: none;
}
div#espacio span.video{
	width: 480px;
	display: block;
	margin: 30px auto;
}
/* --> Generals  -- */
body{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	line-height: 18px;
	background-image: url(../img/bg_firmas.gif);
	color: #444;
}
a{
	color: #666;
	text-decoration: none;
}
p{
	margin: 0 0 3px 0;
	padding: 0;
}
h1{
	font-family: Georgia, Times, serif;
	font-weight: bold;
	font-size: 14px;
	color: #555;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #999;
	margin: 0 0 10px 0;
	text-align: left;
}
h2{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}
cite{
	font-family: Tahoma, Times, serif;
	font-size: 11px;
}
blockquote{
	text-align: right;
	line-height: 16px;
	font-style: italic;
}
blockquote.cafeCita{
	padding: 0 0 0 0;
	color: #fff;
}
blockquote.cafe p{
	display: inline;
}
blockquote p.top{
	position: relative;
	top: -35px;
}


/*		blockquote p:lang(es) {
			  	quotes:quotes: '\00AB' '\00BB';
		  }
		  
		  blockquote p:before {
			  content:open-quote;
		  }
		  
		  blockquote p:after {
			  content:close-quote;
		  }*/
img{
	border: 1px solid #fff;
}

#recomen p.texto {


}

form{
	width: 580px;
	margin: 0 auto;
}
fieldset{
	border: none;
	border-top: 1px solid #666;
}
fieldset.floatLeft{
	margin: 0 15px 0 0;
}
label{
	display: block;
	width: 60px;
	padding: 2px 0 0 0;
	margin: 0 10px 0 0;
	text-align: right;
	float: left;
}
legend{
	font-weight: bold;
	padding: 4px 4px;
	margin: 0 0 0px 0;
}
input, textarea{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	font-size: 11px;
	width: 183px;
	color: #666;
}
.btn{
	font-size: 10px;
	margin: 10px 0 0 0;
	border-top: 1px solid #999;
}
.btn input{
	margin: 8px 0 0 220px;
}
address{
	display: block;
	float: left;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	margin: 100px 0 0 0;
}
address a{
	color: #990033;
	text-decoration: underline;
}


/* --> Estructurals  -- */
#marginador{
	width: 890px;
	margin: 50px auto 10px auto;
	border: 1px solid #ccc;
	background-color: #fff;
	background-image: url(../img/bg_total.gif);
	background-repeat: repeat-y;
}
#borderTotal{
	border: 10px solid #fff;
}
#bgTotal{
	background-image: url(../img/bg_total.gif);
	background-repeat: repeat-y;
	border: 8px solid #fff;
}
	#bgTotal.bgCafe{
	background-image: url(../img/bg_total_cafe.gif);
	background-repeat: repeat-y;
	border: 8px solid #fff;}
	
#copyright{
	width: 890px;
	margin: 0 auto 50px auto;
	padding: 0 0 0 20px;
	color: #999;
	text-align: center;
}
#copyright address{
	display: inline;
	margin: 0 0 0 10px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #999;
}
#copyright span{
	font-size: 9px;
	display: block;
	text-align: right;
	margin: 0 10px 0 0;
	float: right;
}
#copyright a{
		color: #999;
}
#copyright a:hover{
	text-decoration: underline;
}

		#libros{
			width: 668px;
			float: left;
			background-image: url(../img/bg_llibres.jpg);
			background-repeat: no-repeat;
			background-position: top left;
			padding: 0 0 20px 0;
		}
		#librosMini{
			width: 213px;
			float: left;
			background-image: url(../img/bg_llibres.jpg);
			background-repeat: no-repeat;
			background-position: top left;
			min-height: 447px;
		}
			#librosMini a{
				display: block;
				margin: 200px 0 0 44px;
				height: 38px;
				background-image:url(../img/btn_libros.gif);
				background-repeat: no-repeat;
			}
			#librosMini a:hover{
				height: 38px;
				background-image:url(../img/btn_libros.gif);
				background-repeat: no-repeat;
				background-position: 0 -38px;
			}
			#librosMini p{
				display: none;
			}
		#cafe{
			width: 195px;
			float: left;
			margin-left: 10px;
			background-image: url(../img/bg_cafe.jpg);
			background-repeat: no-repeat;
			background-position: top right;
			min-height: 447px;
		}
			#cafe a{
				display: block;
				margin: 250px 0 0 30px;
				height: 38px;
				background-image:url(../img/btn_cafe.gif);
				background-repeat: no-repeat;
			}
			#cafe a:hover{
				height: 38px;
				background-image:url(../img/btn_cafe.gif);
				background-repeat: no-repeat;
				background-position: 0 -38px;
			}
			#cafe span{
				display: none;
			}
			#cafeGrande{
			width: 650px;
			float: right;
			background-image: url(../img/bg_cafe.jpg);
			background-repeat: no-repeat;
			background-position: top right;
			padding: 0;
			height: 447px;}
			#cafeGrande ul{
			width: 160px;
			float: left;
			margin: 0 0 0 0;
			padding: 0 20px 60px 16px;}
			#cafeGrande ul a{
				color: #ff9900;
				text-align: left;
				display: block;
				margin: 0;
				padding: 2px 4px;
			}
			#cafeGrande ul a:hover{
				background-color: #5D0010;
			}
			#cafeGrande .selected{
				background-color: #5D0010;
			}
			#cafeGrande li{
				list-style-type: none;
				text-align: right;
				border-bottom: 1px solid #5D0010;
				margin: 0px 0;
			}	
			#cafeGrande p{
				color: #fff;
			}
			
			.textoCoctel{
				width: 600px;
				text-align: justify;
				margin: 0;
				padding: 0;
			}
			.textoCoctel h2{
				font-size: 14px;
				color: #fff;
				margin: 0 0 10px 0;
			}
			.ingredientes{
				color: #fff;
				border-left: 2px dotted #5D0010;
				border-bottom: 2px dotted #5D0010;
				padding: 0 0 6px 6px;
				margin:  0 0 0 15px;
				float: right;
			}
			#cafeGrande .ingredientes ul{
				color: #FF9900;
				width: 100px;
				margin: 2px 0 0 5px;
				padding: 0 0px 5px 5px;
			}
			#cafeGrande .ingredientes li{
				text-align: left;
				border: none;
				list-style-type: none;
				list-style-position: inside;
			}
			
			#bgMenuCafe{
				height: 22px;
				background-color: #000;
				filter:alpha(opacity=20);   /* Internet Explorer       */
			   -moz-opacity:0.2;           /* Mozilla 1.6 and below   */
			   opacity: 0.2;					 /* newer Mozilla and CSS-3 */
				position: relative;
				left: 0px;
				margin: 0 0 0 15px;}
			
			#menuH.menuCafe ul{
				width: 100%;
				margin: 0;}
			#menuH.menuCafe li{
				border: none;
				margin: 0 10px 0 0;}
			#menuH.menuCafe a{
				display: block;
				color: #fff;
				float: left;
				padding: 2px 5px;
				margin: 0;}
			#menuH.menuCafe a:hover{
				color: #fff;
				background-color: #4F000D;
				text-decoration: underline;}

			.cafeteria{
				margin: 0 18px;
			}
			.cafeteria img{
				float: left;
				margin: 0 15px 0 0;
			}
			.cafeteria p{
				padding: 25px 0 0 0;
			}
#superior{
	margin: 20px 0 38px 15px;
	height: 60px;
}

#superior.superiorCafe{margin-bottom: 35px;}
.superiorCafe p{color: #fff; padding: 30px 0 0 0;}

	#superior img{
		border: none;
		padding-top: 10px;
	}

#transparent{
	height: 22px;
	background-color: #747446;
	 filter:alpha(opacity=10);   /* Internet Explorer       */
   -moz-opacity:0.1;           /* Mozilla 1.6 and below   */
   opacity: 0.1;					 /* newer Mozilla and CSS-3 */
	position: relative;
	left: 15px;
	margin: 0;        
}

#menuH{
	height: 22px;
	position: relative;
	top: -22px;
	left: 15px;
}
#menuH, #menuH ul, #menuH li, #menuH a{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menuH li{
	float: left;
	display: block;
	border-right: 1px solid #ccc;
}
#menuH a{
	display: block;
	float: left;
	padding: 2px 5px;
	margin: 0;

}
#menuH a:hover{
	display: block;
	float: left;
	padding: 2px 5px;
	color: #666;
	background-color: #C8C8B3;
	text-decoration: underline;
}
.menuHs{
	display: block;
	float: left;
	padding: 2px 5px;
	color: #fff;
	background-color: #990033;
}
#menuH a:hover.menuHs{ 
	display: block;
	float: left;
	padding: 2px 5px;
	color: #fff;
	background-color: #990033;
}
.miniMenu{
	margin: 10px 0 15px 0;
	padding: 6px 0 0 10px;
	border-top: 1px dashed #939373;
}
.miniMenu ul{
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type:disc; 
	list-style-image: url(../img/ico_llistes.gif); 
}
.miniMenu li{
}
.miniMenu a{
	height: 18px;
	text-align: left;
	display: inline;
}
.miniMenu a:hover{
	display: inline;
	text-align: left;
	color: #990033;
}
.mMselect{
	text-align: left;
	color: #990033;
	display: list-item;
	list-style-image: url(../img/ico_llistes_v.gif);
	margin-left: 11px;
}
#contingut{
margin: 0 15px;
padding: 0;
}



/* ------------------
----- Seccions  -----
 ------------------ */
#home1, #home2, #home3{
	float: left;
}
#home1{
	width: 280px;
	margin-right: 15px;
}
	#home1 .miniMenu{
		margin-top: 17px;
	}
	#home1 img{
		margin-bottom: 10px;
		max-width: 274px;
	}
#home2{
	width: 335px;
}
#home3{
	width: 335px;
}
	#home3 strong{
		font-size: 11px;
		line-height: 14px;
		margin: 5px 0 0 0;
		text-align: left;
	}
	#home3 p{
		text-align: left;
	}
	.libro{
		float: left;
		margin: 0 0 0 10px;
		/*width: 105px;*/
	}
	.libro a{
		display: block;
		margin: 0;
		padding: 2px;
	
	}
	.libro a:hover{
		display: block;
		margin: 0;
		background-color: #c8c8b3;
		padding: 2px;
	}




	.libro a img{
		border: 1px solid #939373;
	}
/* --> Hacks  -- */
.hkClear{
	clear: both;
	display: block;
}
.ocult{
	display: none;
}
.floatLeft{
	float: left;
}
.minHeight{
	height: 560px;
}.center{
	margin: 0 auto;
}
/**/
/* Libros Recomendados*/
#ul_profesores.miniMenu2 {
	margin: 16px 0 0 0;
}
.miniMenu2{
	width: 130px;
	float: left;
}
.miniMenu2 {
	width: 130px;
	float: left;
}
.miniMenu2 ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.miniMenu2 li{
	border-bottom: 1px dotted #939373;
	padding: 0 0 3px 6px;
	text-align: left;
	line-height: 17px;
}
.miniMenu2 li a:hover{
	text-decoration: underline;
}

#recomen{
	width: 495px;
	float: right;
}
#recomen.profesores{
	width: 480px;
}
#recomen.profesores img{
	border: 2px solid #000;
	float: left;
}
#recomen.profesores p{
	width: 300px;
	float: left;
	display: block;
	text-align: left;
}

#talleres #recomen{
	width: 465px;
	float: right;
}


#talleres .miniMenu2 {
	width: 160px;
	float: left;
}
#recomen img{margin: 3px 15px 0 0;}

#recomen h1{
	font-family: Arial, Times, serif;
	border: none;
	color: #555;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 0;
}
#recomen h2{
	font-family:"Trebuchet MS", Times, serif;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #C8C8B3;
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;

}
.libroRecomen{
	float: left;
	width: 151px;
	margin: 0 12px 15px 0;

	/*background-image: url(../img/sombra_llibres.gif);
	background-repeat: no-repeat;*/
}
.libroRecomen p strong{ text-align: left; display: inline; }

.sombra{
	width: 151px;
	float: left;
	margin: 0 12px 15px 0;
	padding: 0 0 0 2px;
	height: 233px;
	background-image: url(../img/sombra_llibres.gif);
	background-repeat: no-repeat;
}
	.sombra img{
		width: 144px;
		height: 226px;
		margin: 0;
		padding: 0;
		border: 1px solid #999;
	}
	.libroRecomen strong{
		display: block;
		width: 146px;
		text-align: center;
	}

#recomen .libroRecomen a img{
	margin: 2px 0 6px 2px;
	border: 1px solid #999;
	padding: 0;
}
/* --- talleres ----*/
.marginBt{
	margin: 0 0 20px 0;
}
.calendario{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	text-align: left;
	padding: 0 0 7px 0;
	font-weight: normal;
	border-bottom: 1px solid #333;
}/* --- contacto ----*/
.mapa a{
	float: left;
	margin: 0 15px 0 20px;
	width: 391px;
	height: 234px;
	background-image: url(../img/mapa01.gif);
}
.mapa a:hover{
	float: left;
	margin: 0 15px 0 20px;
	width: 391px;
	height: 234px;
	background-image: url(../img/mapa01.gif);
	background-position: 0 -235px;
}/* --- Literanta ----*/
#literanta p{
	margin: 0;
	width: 310px;
	text-align: left;
	border-right: 1px dashed #ccc;
	margin: 0 12px 0 0;
	padding: 0 10px 0 0;
}

#textGaleria{
display: block;
float: left;}
	#textGaleria p{
		text-align: justify;
	}
#miniImg{
	float: left;
	border: 1px solid #ccc;
	margin: 10px 0 0 5px;
	padding: 6px;
	width: 280px;}
	#miniImg a{
		width: 50px;
		height: 50px;
		display: block;
		float: left;
		margin: 1px;
		border: 2px solid #fff;}
	#miniImg a:hover{
		width: 50px;
		height: 50px;
		display: block;
		float: left;
		margin: 1px;
		border: 2px solid #990033;}
	#miniImg img{border: none;}


.clear{
	clear: both;
	margin: 0;
	padding: 0;
}


.sangria{
	padding: 0 0 0 6px;
}

.confirmaForm{
	height: 140px;
	padding: 80px 0 0 0;
	border: 1px solid #990033;
	text-align: center;
	font-weight: bold;
}
.confirmaDades{
	width: 300px;
	height: 50px;
	padding: 6px;
	border: 1px solid #990033;
	text-align: center;
	margin: 0 auto 15px auto;
}