/* dom */
html { font-size: 100%; } /* WinIE text resize correction */
body {
	margin: 0;
	padding: 0;
	font-family: "Plantin", georgia, "Times New Roman", sans-serif;
	font-size: 0.75em;
	color: #666;
	background: #000;
}
* {
	margin: 0;
	border: none;
	padding: 0;
}
a {
	outline: 0;
	color: #8c7a55;
	text-decoration :none;
}
	a:hover {
		color: #5e4b31;
		text-decoration: underline;
	}
p {
	margin-bottom: 1em;
}
ul {
	list-style: none;
}
/* esquerra i dreta */
div.left {
	clear: left;
	float: left;
	width: 49%;
}
div.right {
	clear: right;
	float: right;
	width: 49%;
}
/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */

/* menú accessibilitat (ocult) */
#acc {
	position: absolute;
	top: -999em;
}

/* wrapper */
#page {
	width: 980px;
	margin: 0 auto;
	background: #fff url("../comu/fons_pagina.png") repeat-y;
}
	div.equal {
		background: #fff;
	}
	/* idiomes */
	#page #languages {
		padding: 1em;
		text-align: right;
		background: #000;
	}
		#page #languages a {
			color: #fff;
			font-size: .92em;
		}
			#page #languages ul li {
				display: inline;
				margin-left: .7em;
				border-left: 2px solid #a99b80;
				padding-left: .9em;
			}
	/* capçalera + vcard */
	#page #header {
		clear: left;
		float: left;
		width: 211px;
		padding-bottom: 31px;
		color: #333;
		background: #fff;
	}
		#page #header h1 {
			display: block;
			height: 200px;
			margin-bottom: 235px;
		}
			#page #header h1 a {
				display: block;
				height: 200px;
				background: url("../comu/logo_tomas_cusine.gif") no-repeat center top;
			}
				#page #header h1 a span {
					position: absolute;
					top: -999em;
				}
			#page #header div.vcard {
				margin-bottom: 1.5em;
				padding: 0 10px 0 22px;
			}
					#page #header div.vcard div.adr {
						margin-bottom: 1em;
					}
				#page #header div.vcard p {
					margin-bottom: 0;
				}
	/* contingut */
	#page #content {
		overflow: hidden; /* ie width control */
		clear: right;
		float: right;
		width: 769px;
	}
		/* google map */
		#page #content #map {
			width: 580px;
			height: 380px;
			margin: 1.4em auto 3em auto;
			border: 1px solid #999;
			text-align: center;
		}
		/* menu */
		#page #content #menu {
			clear: right;
			float: right;
			width: 127px;
		}
			#page #content #menu ul {
				margin: 2.5em 0;
			}
				#page #content #menu ul li {
					height: 1%; /* ie list hack */
					margin: 0 20px 1em 20px;
				}
					#page #content #menu ul li a {
						display: block;
						padding: .7em 0;
						color: #000;
					}
						#page #content #menu ul li a:hover {
							color: #ff6600;
							text-decoration: none;
						}
						#page #content #menu ul li.current a {
							color: #ff6600;
							font-weight: bold;
						}
					/* segon nivell */
					#page #content #menu ul li ul {
						margin: 0;
						padding: 2px 0 1px 0;
					}
						#page #content #menu ul li ul li {
							display: block;
							margin: 0 0 .5em 0;
						}
							#page #content #menu ul li.current ul li.current {
								border: 0;
								padding: 0;
							}
							#page #content #menu ul li.current ul li a {
								padding: 6px 0;
								color: #000;
								font-weight: normal;
							}
								#page #content #menu ul li.current ul li a:hover, #page #content #menu ul li.current ul li.current a {
									border: 0;
									color: #000;
									font-weight: normal;
									text-decoration: none;
								}
								#page #content #menu ul li.current ul li a:hover {
									color: #ff6600;
								}
								#page #content #menu ul li.current ul li.current a {
									font-weight: bold;
								}
									#page #content #menu ul li.current ul li.current a:hover {
										font-weight: bold;
									}
		/* contingut central */
		#page #content #main {
			display: inline; /* ie hack */
			clear: left;
			float: left;
			width: 642px;
		}
			/* paddings */
			#page #content #main #space {
				padding: 35px 30px 10px 30px;
			}
		/* dom */
			/* imatge ampliada de les galeries, amb botons d'anterior i següent */
			#page #content div.bigimage {
				margin-bottom: 1.4em;
				text-align: center;
			}
				#page #content div.bigimage img {
					vertical-align: middle;
				}
			/* contenidor amb vora puntejada inferior */
			#page #content div.bordered {
				margin-bottom: 1.4em;
				border-bottom: 1px dashed #999;
				padding-bottom: .2em;
			}
			/* contenidor destacat entre cometes */
			#page #content div.cite {
				display: inline; /* ie hack */
				float: left;
				width: 235px;
				margin: 0 1.6em .2em 0;
				padding-bottom: 40px;
				background: url("../comu/cometes_baix.png") no-repeat center bottom;
			}
				#page #content div.cite blockquote {
					padding-top: 62px;
					background: url("../comu/cometes_dalt.png") no-repeat center top;
				}
					#page #content div.cite blockquote p {
						margin: 0;
						border-left: 1px solid #ccc;
						border-right: 1px solid #ccc;
						padding: 0 1em 1em 1em;
						font-family: georgia, helvetica, serif;
						font-size: 1.5em;
						font-style: italic;
						line-height: 1.2em;
						text-align: left;
					}
			/* contenidor destacat entre cometes */
			#page #content div.minicite {
				width: 211px;
				margin-bottom: 1.6em;
				padding-bottom: 20px;
				background: url("../comu/destaca_noticia_baix.gif") no-repeat center bottom;
			}
				#page #content div.minicite blockquote {
					padding-top: 42px;
					background: url("../comu/destaca_noticia_dalt.gif") no-repeat center top;
				}
					#page #content div.minicite blockquote p {
						margin: 0;
						border-left: 1px solid #ccc;
						border-right: 1px solid #ccc;
						padding: 0 1em 1em 1em;
						font-family: georgia, helvetica, serif;
						font-size: 1.5em;
						font-style: italic;
						line-height: 1.2em;
						text-align: left;
					}
			/* contenidor cos notícia */
			#page #content div.news-left {
				clear: left;
				float: left;
				width: 350px;
			}
			#page #content div.news-right {
				clear: right;
				float: right;
				width: 211px;
			}
			/* imatges de l'embalat dels vins */
			#page #content div.packaging {
				margin-bottom: 1.2em;
			}
				#page #content div.packaging ul {
					padding-left: 50px;
				}
					#page #content div.packaging ul li {
						display: inline; /* ie hack */
						float: left;
						margin: 10px 50px 10px 0;
					}
						#page #content div.packaging ul li.last {
							margin: 0;
						}
						#page #content div.packaging ul li a {
							color: #666;
						}
						#page #content div.packaging ul li img {
/* 							border: 20px solid #e3e3e3; */
							padding: 0;
						}
						#page #content div.packaging ul li span {
							display: block;
							padding: .4em 0 .4em 22px;
							background: url("../comu/lupa_icon.gif") no-repeat left center;
						}
			/* paginador */
			#page #content div.pager {
				clear: both;
				height: 1%; /* ie clear hack */
				margin: 1.5em 0;
				padding: 12px 10px;
			}
				#page #content div.pager a {
					color: #666;
				}
					#page #content div.pager a:hover {
						color: #fff;
						background: #8c7a55;
					}
				#page #content div.pager span.next {
					display: inline; /* ie hack */
					float: right;
				}
					#page #content div.pager span.next a {
						padding-right: 14px;
						background: url("../comu/numeracio_endavant.gif") no-repeat 100% .3em;
					}
				#page #content div.pager span.previous {
					display: inline; /* ie hack */
					float: left;
					margin-right: 1em;
				}
					#page #content div.pager span.previous a {
						padding-left: 14px;
						background: url("../comu/numeracio_enrera.gif") no-repeat 0 .3em;
					}
				#page #content div.pager ul {
					text-align: center;
				}
					#page #content div.pager ul li {
						display: inline;
						margin-right: 8px;
						border: 1px solid #8c7a55;
						padding: 3px 7px;
						background: #fff;
					}
						#page #content div.pager ul li.current {
							color: #fff;
							background: #8c7a55;
						}
						#page #content div.pager ul li.nobg {
							background: none;
						}
						#page #content div.pager ul li a {
							border: 1px solid #fff;
						}
							#page #content div.pager ul li.current a {
								border: 1px solid #8c7a55;
							}
			/* entrada d'editora */
			#page #content div.post {
				margin-bottom: 1.5em;
				border-bottom: 1px dashed #999;
				padding-bottom: .7em;
			}
			/* tiple float */
			#page #content div.triple {
				display: inline; /* ie6 float hack */
				float: left;
				width: 32%;
				margin-bottom: 1.5em;
				text-align: center;
			}
				#page #content div.triple img {
					float: none;
					margin: 1em 0;
				}
		/* capçaleres */
		#page #content h2 {
			font-size: 2em;
			margin-bottom: .8em;
		}
		#page #content h3 {
			margin-bottom: .4em;
			border-bottom: 1px dashed #999;
			color: #333;
			font-size: 1.17em;
			letter-spacing: .2em;
		}
			#page #content h3 a {
				display: block;
				padding: .6em 0 .6em 25px;
				color: #333;
				cursor: pointer;
			}
				#page #content h3 a.less {
					background: url("../comu/bot_plega.gif") no-repeat 0 .6em;
				}
				#page #content h3 a.more {
					background: url("../comu/bot_desplega.gif") no-repeat 0 .6em;
				}
		#page #content h4 {
			margin-bottom: .3em;
			color: #8c7a55;
			font-size: 1.67em;
			font-weight: normal;
			letter-spacing: .05em;
		}
		/* imatges */
			#page #content img.left {
				float: left;
				width: auto;
				margin: 2px 1.4em .8em 0;
			}
			#page #content img.right {
				float: right;
				width: auto;
				margin: 2px 0 .8em 1.4em;
			}
		/* paràgrafs */
		#page #content p {
			line-height: 1.6em;
			text-align: justify;
		}
			#page #content p.clients {
				margin: 2.2em 0 2em -50px;
				text-align: center;
			}
			#page #content p.image, #page #content p.randomimage {
				margin: 0;
				line-height: 0;
			}
				#page #content p.image img {
					float: right;
					margin: 0 0 .8em 1.4em;
				}
			/* mostrant... */
			#page #content p.showing {
				margin-bottom: 1.5em;
				border-bottom: 1px dashed #999;
				border-top: 1px dashed #999;
				padding: .7em 0;
			}
			#page #content p.small {
				margin-bottom: 2.5em;
				font-size: .92em;
				line-height: 1.3em;
				text-align: left;
			}
			#page #content p a {
				text-decoration: underline;
			}
				#page #content p a:hover {
					text-decoration: none;
				}
			/* llistat categories galeries */
			#page #content ul.categories {

			}
				#page #content ul.categories li {
					border-top: 1px dashed #999;
					padding-top: 1.2em;
				}
					#page #content ul.categories li a {
						text-decoration: none;
					}
						#page #content ul.categories li a:hover {
							text-decoration: underline;
						}
						#page #content ul.categories li div.image {
							display: inline; /* ie6fh */
							clear: left;
							float: left;
							width: 212px;
						}
						#page #content ul.categories li div.text {
							display: inline; /* ie6fh */
							clear: right;
							float: right;
							width: 356px;
						}
			/* navegació d'imatges a les galeries */
			#page #content ul.gallery-nav {
				margin: 1.5em 30px;
				padding: 12px 10px;
				text-align: center;
			}
				#page #content ul.gallery-nav li {
					display: inline;
					margin-right: 8px;
					border: 1px solid #8c7a55;
					padding: 3px 7px;
					color: #666;
					background: #fff;
				}
					#page #content ul.gallery-nav li.current {
						color: #fff;
						background: #8c7a55;
					}
						#page #content ul.gallery-nav li.current a {
							border: 1px solid #8c7a55;
							color: #fff;
						}
					#page #content ul.gallery-nav li.gallery-next {
						margin: 0;
						border: none;
						padding: 0;
						background: none;
					}
							#page #content ul.gallery-nav li.gallery-next a:hover {
								background: none;
							}
					#page #content ul.gallery-nav li.gallery-previous {
						border: none;
						padding: 0;
						background: none;
					}
							#page #content ul.gallery-nav li.gallery-previous a:hover {
								background: none;
							}
					#page #content ul.gallery-nav li a {
						border: 1px solid #fff;
						color: #666;
					}
						#page #content ul.gallery-nav li a:hover {
							color: #fff;
							background: #8c7a55;
						}
		/* spans */
			#page #content span.date {
				display: block;
				margin-bottom: .4em;
			}
			#page #content span.link {
				display: block;
				margin-bottom: .4em;
				padding-left: 10px;
				background: url("../comu/kland_negre.png") no-repeat 0 .4em;
			}
			#page #content span.more {
				display: block;
				margin-bottom: .4em;
				padding-left: 26px;
				font-weight: bold;
				background: url("../comu/kland_more.png") no-repeat 0 .1em;
			}
		/* taules */
		#page #content table {
			margin-bottom: 1.6em;
		}
			#page #content table strong {
				color: #8c7a55;
				font-weight: bold;
			}
			#page #content table td {
				padding: .4em 1.6em;
			}
			#page #content table th {
				padding: .4em 1.6em .6em 0;
				vertical-align: top;
				color: #8c7a55;
				font-weight: bold;
				text-align: left;
			}
/* peu de pàgina */
#footer {
	width: 980px;
	margin: 0 auto;
	text-align: center;
	font-size: .92em;
	color: #fff;
	padding: 20px 0;
}
	#footer a {
		color: #fff;
		text-decoration: underline;
	}
		#footer a:hover {
			text-decoration: none;
		}

/* estils houdini */
p.primer {
	margin: 1em 0;
	text-indent: 11px;
	background: url("../comu/kland_negre.png") no-repeat 0 .6em;
}
p.linia {
	margin-bottom: 1.4em;
	border-bottom: 1px dashed #999;
	padding-bottom: 1em;
}
/* esquerra i dreta */
#content .txtImgEsq,
#content .txtImgDr {
	margin-bottom: .7em;
}
/*Text amb imatge esquerra*/
#content .txtImgEsq img {
	float: left;
	width: 211px;
}
#content .txtImgEsq p {
	margin-left: 231px;
}
#content .txtImgEsq ul,
#content .txtImgEsq ol {
	margin-left: 241px;
}
/*Text amb imatge dreta*/
#content .txtImgDr img {
	float: right;
	width: 211px;
}
#content .txtImgDr p, #content .txtImgDr ul, #content .txtImgDr ol {
	margin-right: 231px;
}