/*
Theme Name: laempresafamiliar.com
Theme URI: http://laempresafamiliar.com/blogs/
Description: Tema para el sistema de bitácoras de laempresafamiliar.com
Version: 1.0
Author: Can Antaviana
Author URI: http://www.antaviana.cat/
Tags: empresa, familiar, empresafamiliar, laempresafamiliar, lef, fundación, nexia

*/

/* dom */
html { font-size: 100%; } /* WinIE text resize correction */
body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em; /* 12px */
	color: #666;
	background: #fff url('img/bg.jpg') repeat-y 50% 0;
}
* { margin: 0; border: none; padding: 0; }
a { /*outline: 0;*/ color: #003366; text-decoration :none; }
	a:hover { color: #0066cc; text-decoration: underline; }
	a:visited{ font-size:inherit; }
p { margin-bottom: 1em; line-height: 1.2em; }
ol, ul { list-style: none; }
		ul li.clear { clear: both; }
/* izquierda, derecha y centrar */
div.left { clear: left; float: left; width: 49%; }
div.right { clear: right; float: right; width: 49%; }
.center { text-align: center; }
/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-block; }
	/* esconder de IE mac \*/
	.clearfix { display:block; }

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

/* wrapper */
#page {
	width: 929px;
	margin: 0 auto;
	padding: 0 17px 10px 17px;
}
	/* cabecera */
	#page #header {
		margin: 0 0 11px 0;
		font-family: georgia, arial, serif;
		background: url('img/capsal_blog.jpg') no-repeat center bottom;
	}
		#page #header h1 {
			padding: 55px 20px .1em 218px;
			font-size: 2.5em;
			font-weight: normal;
		}
			#page #header h1 a {
				color: #f86513;
			}
		#page #header h2 {
			padding: 0 240px 15px 218px;
			color: #fff;
			font-size: 1.167em;
			line-height: 1.2em;
			height: 30px;
		}
			#page #header p#lef-home {
				display: inline; /* ie6fh */
				clear: right;
				float: right;
				width: 181px;
				height: 27px;
				margin: 10px 0 0 0;
			}
				#page #header p#lef-home a {
					display: block;
					width: 181px;
					height: 27px;
					background: url('img/logo_lef.jpg') no-repeat;
				}
					#page #header p#lef-home a span {
						position: absolute;
						top: -9999em;
						width: 181px;
						height: 27px;
					}
	/* navegación (búsqueda + menú) */
	#page #navigation {
		margin: 0 0 15px 0;
		background: #cf5411 url('img/menu_dalt.jpg') no-repeat 50% 0;
	}
			#page #navigation div.rounded {
				padding: 8px 10px;
				background: url('img/menu_baix.jpg') no-repeat 50% 100%;
			}
			#page #navigation div.search {
				display: inline;
				clear: right;
				float: right;
			}
				#page #navigation div.search label {
					padding: .25em 0 .25em 28px;
					background: url('img/icon_lupa.jpg') no-repeat 0 50%;
				}
					#page #navigation div.search label input {
						margin-right: .25em;
						border: 1px solid #000;
						border-radius: .75em;
						-moz-border-radius: .75em;
						-webkit-border-radius: .75em;
						padding: .25em .5em;
					}
				#page #navigation div.search input {
					vertical-align: middle;
					border: none;
					padding: 0;
				}
			#page #navigation ul.menu {
				padding: .333em 0 .25em 0;
				color: #fff;
				font-size: 1.083em;
				font-weight: bold;
			}
				#page #navigation ul.menu li {
					display: inline;
					border-right: 2px solid #cd8762;
					padding: .333em 1em;
				}
					#page #navigation ul.menu li a {
						color: #000;
					}
	/* contenedor principal */
	#page #content {
		border-bottom: 2px solid #ccc;
		padding-bottom: 5px;
	}
		/* contenedor principal */
		#page #content #content_main {
			clear: left;
			float: left;
			width: 685px;
		}
		/* barra lateral */
		#page #content #content_sub {
			clear: right;
			float: right;
			width: 222px;
			padding-top: 12px;
			background: #ebebeb url('img/bg_sidebar_top.png') no-repeat 50% 0;
		}
				#page #content #content_sub div.rounded {
					padding: 0 12px 12px 12px;
					background: #ebebeb url('img/bg_sidebar_bottom.png') no-repeat 50% 100%;
				}
			#page #content #content_sub h4 {
				margin: 0 0 .5em 0;
				color: #fff;
				font-size: 1.083em;
				background: #e05c12 url('img/pastilla_dalt.jpg') no-repeat 50% 0;
			}
				#page #content #content_sub h4 span {
					display: block;
					padding: .5em 12px;
					background: url('img/pastilla_baix.jpg') no-repeat 50% 100%;
				}
			#page #content #content_sub h6 {
				margin: 0 0 .75em 0;
			}
			#page #content #content_sub ul {
				margin: 0 0 1em 0;
			}
					#page #content #content_sub ul.blogroll li {

					}
					#page #content #content_sub ul.clean li {
						margin: 0 0 5px 0;
						padding: 0;
						background: none;
					}
					#page #content #content_sub ul.categories li {
						padding: .417em 0 .5em 24px;
					background: url('img/tag_fonsgris.gif') no-repeat 3px .3em;
					}
				#page #content #content_sub ul li {
					padding: .25em 0 .25em 13px;
					background: url('img/kland_fonsgris.gif') no-repeat 3px .7em;
				}
		/* DOM */
		/* contenedores */
			/* comentarios */
			#page #content div.comments {
				margin: 0 0 1em 0;
				background: url('img/comentarios_fons_form.jpg') repeat-y 50% 0;
			}
					/* fondo gris redondeado con sombreado */
					#page #content div.comments div.gray {
						display: block;
						position: relative;
						width: 100%;
						margin: 0 0 1em 0;
						background: url('img/comentarios_fons.jpg') repeat-y 50% 0;
					}
							#page #content div.comments div.gray div.clip {
								padding-top: 40px;
								background: url('img/comentarios_dalt.jpg') no-repeat 50% 0;
							}
							#page #content div.comments div.gray div.rounded {
								padding: 0 20px 15px 20px;
								background: url('img/comentarios_separa_form.jpg') no-repeat 50% 100%;
							}
					#page #content div.comments div.spacer {
						padding: 0 20px 15px 20px;
						background: url('img/comentarios_baix.jpg') no-repeat 50% 100%;
					}
				/* formulario comentar */
					#page #content div.comments form fieldset {
						padding: 10px 0 25px 0;
					}
					#page #content div.comments form label {
						display: block;
						margin: 0 0 20px 0;
					}
						#page #content div.comments form label.textarea {
							margin: 0 0 .333em 0;
							color: #333;
							font-size: .92em;
							line-height: 1em;
						}
						#page #content div.comments form label input {
							width: 150px;
							margin: 0 1em 0 0;
							border: 1px solid #bbb;
							border-right: 1px solid #eee;
							border-bottom: 1px solid #eee;
							padding: .167em .333em;
							font-size: inherit;
							color: #666;
						}
							#page #content div.comments form label input:focus {
								border: 1px solid #eee;
								border-right: 1px solid #bbb;
								border-bottom: 1px solid #bbb;
							}
						#page #content div.comments form label span {
							vertical-align: middle;
							padding: 0;
							color: #333;
							font-size: .92em;
							line-height: 1em;
						}
						#page #content div.comments form input#submit {
							cursor: pointer;
							border: 1px solid #303030;
							border-radius: .75em;
							-moz-border-radius: .75em;
							-webkit-border-radius: .75em;
							padding: .25em .5em;
							background: #fff url('img/bg_button.png') repeat-x 0 50%;
						}
							#page #content div.comments form input#submit:hover {
								color: #666;
								background: #f4f4f4;
							}
					#page #content div.comments form textarea {
						width: 80%;
						margin: 0 1em 0 0;
						border: 1px solid #bbb;
						border-right: 1px solid #eee;
						border-bottom: 1px solid #eee;
						padding: .167em .333em;
						font-family: arial, helvetica, sans-serif;
						font-size: 1em;
						color: #666;
					}
						#page #content div.comments form textarea:focus {
							border: 1px solid #eee;
							border-right: 1px solid #bbb;
							border-bottom: 1px solid #bbb;
						}
					/* párrafo letra pequeña */
					#page #content div.comments p.small {
						color: #555;
						font-size: .92em;
					}
						#page #content div.comments p.small a {
							color: #000;
						}
							#page #content div.comments p.small span.block {
								display: block;
								margin: 0 0 .167em 0;
							}
							#page #content div.comments p.small span.gray {
								background: #ececec;
							}
				/* listado comentarios */
				#page #content div.comments ol {
					list-style: none;
					margin: 0;
					padding: 0 0 15px 0;
				}
					#page #content div.comments ol li {
						margin: 0 0 10px 0;
						border: 1px solid #d5d5d5;
						padding: 12px 12px 1px 12px;
						color: #333;
						background: #fff;
					}
							#page #content div.comments ol li div.avatar {
								display: inline; /* ie6fh */
								clear: left;
								float: left;
								width: 45px;
								margin: 0 15px 10px 0;
								overflow: hidden;
							}
								#page #content div.comments ol li div.avatar img {
									max-width: 45px;
								}
							#page #content div.comments ol li div.comment {
								margin-left: 60px;
							}
							#page #content div.comments ol li p.author {
								color: #666;
							}
							#page #content div.comments ol li span.right {
								display: inline;
								float: right;
								margin: 0 0 .15em 1em;
							}
						#page #content div.comments ol li strong {
							color: #ff6600;
							font-weight: bold;
						}
			/* paginación (plug-in wp-pager) */
			#page #content div.Nav {
				margin: 0 0 .5em 0;
				padding: .5em 0;
				text-align: center;
			}
				#page #content div.Nav a {
					margin: 0 .15em;
					border: 1px solid #303030;
					padding: .25em .5em;
					color: #303030;
					background: #fff;
				}
					#page #content div.Nav a:hover {
						border: 1px solid #ff6600;
						color: #ff6600;
					}
				#page #content div.Nav span {
					margin: 0 .5em;
					color: #222;
				}
					#page #content div.Nav strong.on {
						border: 1px solid #ff6600;
						padding: .25em .5em;
						color: #fff;
						background: #ff6600;
					}
			/* post anterior/siguiente pie pàgina */
			#page #content div.navigation {
				margin: 0 0 12px 0;
				border: 2px solid #ccc;
				padding: 15px;
			}
			/* enlaces relacionados */
			#page #content div.related {
				position: relative;
				margin: 0 0 15px 0;
				background: url('img/entradas_relaciona_fons.jpg') repeat-y 50% 0;
			}
					#page #content div.related div.clip {
						padding-top: 35px;
						background: url('img/entradas_relaciona_dalt.jpg') no-repeat 50% 0;
					}
					#page #content div.related div.rounded {
						padding: 0 20px 5px 20px;
						background: url('img/entradas_relaciona_baix.jpg') no-repeat 50% 100%;
					}
				#page #content div.related ul {
					margin: 0 0 1em 0;
				}
		/* cabeceras */
		#page #content h3 {
			margin: 0 0 .5em 0;
			color: #003366;
			font-size: 1.583em;
			line-height: 1em;
		}
			#page #content h3.border {
				margin: 0 0 1em 0;
				border-bottom: 1px solid #ccc;
				padding: 0 0 .5em 0;
			}
		#page #content h4 {
			margin: 0 0 .75em 0;
			color: #ff6600;
			font-size: 1.25em;
			line-height: 1.2em;
		}
		#page #content h5 {
			margin: 0 0 1em 0;
			color: #666;
			font-size: 1.167em;
			line-height: 1.2em;
		}
			#page #content h5.heading {
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				padding: .5em;
				text-align: right;
			}
		#page #content h6 {
			margin: 0 0 1em 0;
			color: #000;
			font-size: .92em;
		}
		/* párrafos */
			#page #content p.left {
				display: inline; /* ie6fh */
				clear: left;
				float: left;
				margin: 0 1% 0 0;
				width: 48.5%;
			}
			#page #content p.right {
				display: inline; /* ie6fh */
				clear: right;
				float: right;
				margin: 0 0 0 1%;
				width: 48.5%;
				text-align: right;
			}
		/* listados */
		#page #content ul {
			margin: 0 0 1.167em 10px;
		}
			#page #content ul li {
				padding: .25em 0 .25em 10px;
				background: url('img/kland_fonsblanc.gif') no-repeat 0 .7em;
			}
			/* listado entradas blog */
			#page #content ul.entries {
				margin: 0;
			}
					#page #content ul.entries li.entry {
						margin: 0 0 20px 0;
						padding: 0 0 7px 0;
						background: url('img/reborde_final_baix.jpg') no-repeat 50% 100%;
					}
							#page #content ul.entries li.entry div.background {
								background: url('img/fons_caixa_bloc.jpg') repeat-y 50% 0;
							}
							#page #content ul.entries li.entry div.body {
								margin: 0 20px;
								border-top: 1px dotted #999;
								padding: 15px 0 0 0;
								font-size: 1.083em;
							}
							#page #content ul.entries li.entry div.footer {
								padding: 12px 4px 0 4px;
								background: url('img/reborde_final_dalt.jpg') no-repeat 50% 0;
							}
									#page #content ul.entries li.entry div.footer ul.info {
										margin: 0;
										padding: .5em 20px .25em 20px;
										background: #e3e3e3 url('img/reborde_final_fons.jpg') no-repeat 50% 0;
									}
										#page #content ul.entries li.entry div.footer ul.info li {
											display: inline;
											float: left;
											margin: 0 1em 0 0;
											padding: 0;
										}
											#page #content ul.entries li.entry div.footer ul.info li.categories {
												padding-left: 22px;
												background: url('img/tag_fonsdegradat.gif') no-repeat 0 50%;
											}
											#page #content ul.entries li.entry div.footer ul.info li.comments {
												float: right;
												margin: 0 0 0 1em;
												padding-left: 20px;
												background: url('img/comment_fonsdegradat.jpg') no-repeat 0 50%;
											}
											#page #content ul.entries li.entry div.footer ul.info li.category {
												background: url('img/tag_fonsdegradat.gif') no-repeat;
												padding-left: 20px;
											}
							#page #content ul.entries li.entry div.heading {
								padding: 40px 20px 4px 20px;
								background: url('img/fitxa_clip_dalt.jpg') no-repeat 50% 0;
							}
									#page #content ul.entries li.entry div.heading p.date {
										display: inline; /* ie6fh */
										float: left;
										width: 138px;
										margin: 0 1.25em .15em 0;
										border-right: 1px solid #999;
										padding: 6px 10px 6px 0;
									}
											#page #content ul.entries li.entry div.heading p.date span.day {
												display: inline; /* ie6fh */
												float: left;
												margin: .183em .25em .15em 0;
												color: #ff6600;
												font-size: 2.667em;
												font-weight: bold;
												line-height: .75em;
											}
											#page #content ul.entries li.entry div.heading p.date span.month-year {
												display: block;
											}
						#page #content ul.entries li.entry img {
							display: inline; /* ie6fh */
							float: left;
							margin: 2px 15px .5em 0;
						}
	/* logos colaboradores */
	#page #contributors {
		border-top: 2px solid #ebebeb;
		padding-top: 10px;
	}
	 	#page #contributors p {
			margin-bottom: .25em;
			color: #666;
			font-size: .833em;
		}
			#page #contributors ul li {
				display: inline;
				text-align: center;
				padding: 0 17px;
			}
				#page #contributors ul li img {
					vertical-align: middle;
				}
	/* pie de página */
	#page #footer {
		margin: 1em 0;
		color: #999;
		background: #000 url('img/bg_footer_top.png') no-repeat center top;
	}
		#page #footer a {
			color: #fa752c;
		}
			#page #footer div.round {
				padding: 14px 16px;
				background: url('img/bg_footer_bottom.png') no-repeat center bottom;
			}
				#page #footer ul.info li {
					display: inline; /* ie6fh */
					float: left;
					margin: 0 .75em 0 0;
					border-left: 1px solid #666;
					padding: 0 0 0 .75em;
					line-height: 1em;
				}
					#page #footer ul.info li.first {
						border: none;
					}