/*
Abogados Men�ndez
Can Antaviana, 2009


-Basic
-Container / Estructura
-Columnes
-Navegació
-Branding
-Footer
-Cercar
-Paginació
-Contacte

 Basic
---------------------------------------------*/
html {font-size: 100%;} /* WinIE text resize correction */
body {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	color: #333;
	padding: 0;
	margin: 0;
	background: #E4DFC8;
}

ul,ol,dl,fieldset {margin:0;padding:0;}
img {border: 0;}
ul {list-style: none;}
a {
	color: #66142B;
	font-weight: bold;	
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0;
	padding: 0;	
}

/*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 */



/* Container / Estructura
---------------------------------------------*/
div#top {
	margin: 0 auto;	
	width: 920px;
	background: #E4DFC8;
	height: 40px;
	padding-top: 25px;
}
	div#top div#cercador {
		background: url('images/icon_lupa.gif') no-repeat;
		background-position: 5px 5px;
		width: 230px;
		float: right;	
	}
	
	/* formulari cercador*/
	div#top div#cercador form {
		float: right;
		width: 200px;
	}
	div#top div#cercador fieldset {
		border: none;	
	}
		div#top div#cercador form legend {display: none;}
		div#top div#cercador form label {display: none;}
		div#top div#cercador form span.cerca {
			float: left;
		}
		div#top div#cercador form span.cerca input {
			width: 144px;
			padding: 5px 8px 0;
			font-size: 11px;
			color: #666;
			height: 20px;
			border: 1px #999999 solid;
		}
		div#top div#cercador form span.bt {
			float: right;
		}
		div#top div#cercador form span.bt input {
			background: none;
			width: 22px;
			margin-top: 3px;
		}
		
		/* ----------------- */
		div#top ul {
			width: 500px;
			float: left;
		}
	
		div#top ul li {
			float: left;
			display: inline;	
			padding: 3px 10px;
			border-right: 1px white solid;
		}
			
				div#top ul li.actiu {
					background: #fff url('images/icon_idioma.gif');
					background-repeat: no-repeat;
					background-position: 3px 6px;
					padding: 3px 5px 3px 25px;
					font-weight: bold;
				}
				div#top ul li.mapaweb a{
					background: url('images/icon_mapa_web.gif');
					background-repeat: no-repeat;
					background-position: 0;
					padding: 3px 0 3px 25px;
				}

div#container_main {
	width: 920px;
	margin: 0 auto;	
	text-align: left;
	background: #fff;
	padding: 0;
}
body#contingut div#container_main #content_main {
	padding: 30px 30px 30px 30px;	
}
	body#contingut #content_main {
		min-height: 550px;	
	}

	body#contingut #content_main p {
		 margin: 0 0 15px 0;	
		 width: 530px;
		 line-height: 20px;
	}
	body#contingut #content_main img.img_presentacio {
		 float: right;
		 margin: 0 20px 0 0;
	}
	body#contingut #content_main img.img_contacte {
		 float: left;
		 margin: 0 20px 0 0;
	}

body#portada div#container_main #content_main {
	padding: 0px;	
}
body#portada div#container_main #content_main img {
	margin-left: 1px;
	margin-top: 1px;
}



/* Columnes
---------------------------------------------*/

#colA, #colB, #colC {
	width: 275px;	
	float: left;
}
#colA img, #colB img, #colC	img{
	margin: 0 0 20px 0;
	padding: 0;
}
#colA, #colB {
	margin-right: 17px;
}

#equip ul li, #colA ul li, #colB ul li, #colC ul li {
	background: url('images/fons_ralladet_p.gif');	
	background-repeat: repeat-x;
	/*background-position: 0 7px;*/
	padding: 3px 0 3px 0;
}

#equip ul li a, #colA ul li a, #colB ul li a, #colC ul li a{
	background: url('images/kland_llistat_arees.gif');	
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 5px 0 5px 12px;
	display: block;
}


/* Navegació
---------------------------------------------*/

#nav {
	background: #E4DFC8;
	padding: 7px 0;
}

	#nav ul li {
		float: left;
		display: inline;
		text-align: center;
	}

		#nav ul li a {
			/*position: relative;	*/
			display: block;
			/*height: 137px;*/
			height: 22px;
			width: 178px;
			margin-right: 8px;
			color: white;
			text-align: center;
			padding-top: 115px;
		}
			
			#nav ul li a span {
					margin: 0 auto;
					/*position: absolute;*/
					/*top: 115px;*/
					vertical-align: bottom;
			}
			
	/*posicionament*/		
	/*#nav ul li.portada a span{ left: 60px; }
	#nav ul li.presentacio a span{ left: 50px; }
	#nav ul li.arees a span{ left: 47px; }
	#nav ul li.equip a span{ left: 54px; }
	#nav ul li.contacte a span{ left: 57px; }*/
	
	#nav ul li.portada a{ background: url('images/bt_portada.jpg'); background-repeat: no-repeat;}
	#nav ul li.presentacio a{ background: url('images/bt_presentacio.jpg'); background-repeat: no-repeat;}
	#nav ul li.arees a{ background: url('images/bt_arees_treball.jpg'); background-repeat: no-repeat;margin-right: 7px;}
	#nav ul li.equip a{ background: url('images/bt_equip.jpg'); background-repeat: no-repeat;margin-right: 7px;}
	#nav ul li.contacte a{ background: url('images/bt_contacte.jpg'); background-repeat: no-repeat; margin-right: 0;}
	
	#nav ul li a.actiu, #nav ul li a:hover {
		background-position: 0 -137px;
		text-decoration: none;
	}
	
	/* pujar */
	
	.pujar {
		background: url('images/fons_ralladet_p.gif');
		background-repeat: repeat-x;
		background-position: 0 0;
		margin-top: 50px;
		padding-top: 10px;
	}

/* Branding
---------------------------------------------*/

h1{ 
	font-size: 25px;
	color: #66142B;
	font-weight: bold;	
	background: url('images/fons_ralladet.gif');
	background-repeat: repeat-x;
	background-position: 0 40px;
	height: 45px;
}
div#submenu {
	position: relative;	
}
	div#submenu ul {
		position: absolute;
		right: 0;
	}
		div#submenu ul li{
			font-size: 12px;
			background: #E4DFC9;
			float: left;
			padding: 5px 20px;
			margin-left: 10px;
		}
h2 {
	font-size: 14px;
	color: black;
	background: #E4DFC9;	
	padding: 5px;
}
h3 {
	font-size: 14px;
	color: white;
	background: #000;	
	padding: 5px;
	margin-bottom: 20px;
}
h4 {
	font-size: 20px;
	color: #66142B;
	font-weight: bold;	
	background: url('images/fons_ralladet_p.gif');
	background-repeat: repeat-x;
	background-position: 0 28px;
	height: 35px;
}
h4.nom {
	background: none;
	margin: 0;	
}
h4.clear {
	clear: both;	
}
h4.tit_petit {
	background-position: 0 55px;
	height: 68px;
}
h5 {
	font-size: 14px;
	background: url('images/fons_ralladet_p.gif');	
	background-repeat: repeat-x;
	background-position: 0 40px;
	/*height: 30px;*/
	width: 350px;
	margin: 0;
	padding: 20px 0;
}
h5.sub {
	width: 530px;
	margin-bottom: 10px;
}
#content_main ul.interior {
	width: 530px;	
}
	#content_main ul.interior li {
		background: url('images/kland_llista_interior.gif');	
		background-repeat: no-repeat;
		background-position: 0 10px;
		padding: 8px 20px;
		margin-left: 20px;
	}
#equip ul li {
	background: none;	
}
	#equip ul li a{
		width: 200px;
	}
body#contingut #content_main #fitxa p{
	width: 480px;
}
body#contingut #content_main p.dades {
	float: right;
	width: 500px;	
}
div.mesinfo {
	background-color: #66142B;
	width: 150px;
	text-align: center;
	padding: 5px 3px;
}
	div.mesinfo a {
		color: white;
	}


/* Footer
---------------------------------------------*/

#footer {
	margin: 0 auto;
	background: url('images/fons_peu.jpg'); 
	background-repeat: repeat-x;
	height: 50px;
	border: 5px white solid;
	margin-top: 6px;
	text-align: center;
	width: 910px;
	color: #6F6F6F;
}
	#footer p{
		margin-top: 17px;
	}
/* Cercar
---------------------------------------------*/
div.cercar {
	width: 530px;	
}

div.cercar p {
	padding-left: 10px;
}


/*---------------
Paginació
---------------------------------------------*/	

#navegacioPagines {
	border-top: 1px #ccc solid;
	float: left;
	padding-bottom: 1em;
	padding-top: 15px;
	/*padding: 0;*/
	width: 530px;
	font-size: 11px;
	margin-top: 20px;
}

#navegacioPagines a.anterior,
#navegacioPagines a.seguent {
	font-size: 11px;
	font-weight: bold;
}
	#navegacioPagines span.anterior,
	#navegacioPagines a.anterior {
		/*background: url('images/pag_anterior.gif') 0 50% no-repeat;*/
		padding-left: 20px;
		float: left;
		margin-right: 3em;
		border: none;
		height: 17px;
	}
	#navegacioPagines span.seguent,
	#navegacioPagines a.seguent {
		/*background: url('images/pag_seguent.gif') 100% 50% no-repeat;*/
		padding-right: 20px;
		float: right;
		border: none;
		height: 17px;
	}
	#navegacioPagines ul {
		float: left;
		width: 27em;
		margin: 0;
		font-weight: bold;
		/*margin-top: -5px;
		margin-left: 15px;*/
	}
		#navegacioPagines ul li {
			background: none;
			float: left;
			font-size: 1em;
			color: #333;
			background-color: inherit;
			text-align: center;
			padding-top: 0em;
			border-bottom: none;
		}
		#navegacioPagines li.actual {
			font-weight: bold;	
			margin: 0 .5em 0 0;
				border: 1px solid #999;
				width: 1.2em;
				padding: .3em;
				display: block;
		}
			
			#navegacioPagines li a{
				font-weight: normal;
				margin: 0 .5em 0 0;
				border: 1px solid #999;
				width: 1.2em;
				padding: .3em;
				display: block;
			}
			#navegacioPagines li.mes a {
				border: none;
			}
			
/*---------------
Contacte
---------------------------------------------*/	
div#contacte {
	width: 700px;	
}

div#contacte input {
	width: 320px;
	font-family: Arial;
	font-size: 11px;
	padding: 3px;
	color: #666;
}
div#contacte fieldset {
	border: none;	
}
div#contacte form legend {display: none;}
div#contacte textarea {
	width: 700px;	
	color: #666;
	font-family: arial;
	font-size: 11px;
	padding: 3px;
}
div#contacte input.bt_enviar {
	border: none;
	background: #66142B;
	color: white;
	width: 110px;
	padding: 5px 0;
	cursor: pointer;	
}
div#contacte input.bt_reset {
	border: 1px #ccc solid;
	background: none;
	color: #66142B;
	width: 110px;
	padding: 5px 0;
	cursor: pointer;	
	margin-left: 20px;
}
div#contacte input.bt_enviar {
	width: 106px;
	height: 32px;
	margin: 0px;
	padding: 0;
	background: #66142B;
	color: white;
	border: 0;
}
div#container_main div#contacte p.colA{
	float: left;	
	width: 320px;
}
div#container_main div#contacte p.colB {
	float: right;	
	width: 320px;
}
div#container_main div#contacte p.colC {
	clear: both;	
}
	div#container_main div#contacte p.colC input{
		width: 700px;
	}
	
	/*errors*/
	div#contacte form#cont p label.error {
		color: #67132A;
		font-weight: bold;
		display: block;
	}
	div#contacte form#cont p input.error,
	div#contacte form#cont p textarea.error {
		border: 1px #c00 solid;
	}
body#contingut div#container_main p.planol {
	width: 150px;
}
	
body#contingut div#container_main p.planol a{
	background: url("images/icona_mapa.png");
	background-repeat: no-repeat;
	width: 150px;
	padding-left: 30px;
}

body#contingut #content_main p.drets{
	clear: both;
	font-size: 10px;
	width: 200px;
}