/*************************************************
 Estilo por Pin-Sho Feng, Sercom Informática - Servicios Informáticos Informatica S.L.
 Abril 2007
**************************************************/

body
{
	font: normal 15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	text-align: center;
}

a
{
	text-decoration: none;
}

a img
{
	border: 0px;
}

#wrapper
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	width: 1024px;
}


/* ----- HEADER ----- */

#header
{
	background: url(../img/bg_header.gif) no-repeat;
	height: 29px;
	margin-top: 0px;
	padding: 0px;
	width: 1024px;
}



/* ----- NAVIGATION ----- */

#navigation
{
	background: url(../img/bg_navbar.gif) no-repeat;
	height: 53px;
	margin-top: 0px;
	width: 1100px;
	
}

#mainnav
{
	display: inline;
	float: left;
	list-style-type: none;
	margin-left: 150px;
	margin-top: 8px;
	padding: 0px;
	padding-top: 0px;
	
}

#mainnav li
{
	background: url(../img/navbar_fletxa.gif) no-repeat right;
	color: #FFFFFF;
	display: inline;
	float: left;
	font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin-left: 0px;
	margin-right: 12px;
	margin-top: 0px;
	padding: 0;
	padding-right: 17px;
}

	#mainnav li a
	{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#mainnav li a:hover
	{
		color: #FFC002;
	}

#mainnav li.current, #mainnav li.current a
{
	color: #FFC002;
	font-weight: bold;
	text-decoration: none;
}

	#mainnav li.ultimCurrent, #mainnav li.ultimCurrent a,
	{
		background: none;
		color: #FFC002;
		font-weight: bold;
/*		margin-right: 165px;*/
		text-decoration: none;
	}

#mainnav li.ultim, #mainnav li.ultimContacte
{
	background: none;
/*	margin-right: 165px;*/
}

#mainnav li.idioma
{
	background: none;
	color: #FFFFFF;
	float: right;
	margin-right: 200px;
}

/* ----- LOGO ----- */
#logo
{
	background: url(../img/logo.gif) no-repeat;
	height: 52px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	width: 594px;
}


/* ----- MAIN CONTENT ----- */

#content
{ 
	background-color: #FFFFFF;
	height: auto !important; /* para  navegadores modernos*/
	height: 650px; /* para IE5.x y IE6 */
	margin-top: 0px;
	min-height: 650px; /* para navegadores modernos */
	width: 1024px;
}

#flash
{
	height: 168px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 32px;
	width: 694px;
}

#columns
{
	color: #404040;
	font-size: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	text-align: left;
	width: 610px;
}

/*#columns h1
{
	display: inline;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	margin-left: 12px;
	padding: 0px;
	padding-right: 4px;
}*/

h1
{
	color: #9F9F9F;
	font-size: 180%;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 50px;
	margin-right: auto;
	text-align: left;
	width: 585px;
}

h2.h2AreasPractica
{
	color: #000000;
	font-size: 130%;
	font-weight: bold;
}

h2.h2Contacto
{
	color: #7F7F7F;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 0px;
	margin-top: 0px;
}

div.columna1
{
	float: left;
	margin-left: 0px;
	width: 280px;
}

	div.columna1 div
	{
		float: left;
		margin-top: 30px;
		width: 100%;
	}
	
	div.columna1 a
	{
		color: #000000;
	}

div.columna1Contacto
{
	float: left;
	margin-left: 0px;
	width: 400px;
}

	div.columna1Contacto div
	{
		background-color: #F2F2F2;
		float: right;
		font-size: 100%;
		margin-top: 10px;
		padding: 0px 8px 0px 8px;
		width: 100%;
	}
	
		#inputNombres, #inputPoblacion, #inputTelefono, #inputLugar
		{
			margin-bottom: 5px;
			margin-top: 5px;
			width: 395px;
		}
	
		/*label#lblFecha
		{
			width: 100px;
		}*/
		
		#inputFecha
		{
			margin: 0px;
			width: 183px;
		}
	
		label#lblTipo
		{
			margin-left: 95px;
		}
		
		#inputTipo
		{
			margin-left: 15px;
			margin-right: 0px;
			width: 183px;
		}
		
		#txtComentarios
		{
			height: 75px;
			width: 395px;
		}
		
		#inputEnviar
		{
			margin-bottom: 0px;
			margin-top: 20px;
		}

div.columna2
{
	float: right;
	margin-right: 0px;
	width: 280px;
}

	div.columna2 div
	{
		float: right;
		margin-top: 30px;
		padding: 0px;
		width: 100%;
	}
	
		div.columna2 div a
		{
			color: #000000;
		}

div.columna2Contacto
{
	float: right;
	margin-right: 0px;
	padding: 0px;
	width: 168px;
}
	
	div.columna2Contacto div
	{
		float: right;
		font-size: 100%;
		margin-top: 10px;
		width: 100%;
	}
	
	div.columna2Contacto p
	{
		margin-top: 0px;
	}
	
	div.columna2Contacto a
	{
		color: #404040;
	}
	
	div.columna2Contacto a:hover
	{
		color: #E3AB00;
	}

div.columna1 h2
{
	color: #000000;
	display: inline;
	font-size: 105%;
	margin-left: 6px;
	padding: 0px;
}

div.columna1 p
{
	margin-left: 12px;
}

	div.columna1 p.pAreasPractica
	{
		font-size: 100%;
		margin-left: 12px;
	}

div.columna2 h2
{
	color: #000000;
	display: inline;
	font-size: 105%;
	margin-left: 6px;
	padding: 0px;
}

div.columna2 p
{
	margin-left: 12px;
}

	div.columna2 p.pPresentacion, div.columna2 p.pAreasPractica
	{
		font-size: 100%;
		margin-left: 12px;
	}

div.columna2 ul
{
	margin-left: 0px;
	padding-left: 0px;
}

div.columna2 li
{
	color: #000000;
	font-size: 120%;
	font-weight: bold;
	line-height: 25px;
	list-style-image: url(../img/tick.gif);
	list-style-position: inside;
}


/* ----- FOOTER ----- */

#footer
{
	background: url(../img/bg_footer.gif) no-repeat;
	clear: both;
	color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 75px;
	margin-top: 30px;
	width: 1024px;
}

#footer a
{
	color: #FFFFFF;
}

#footer a:hover
{
	color: #FFC002;
}

#footer b
{
	color: #FFC002;
	font-weight: bold;
	margin-right: 8px;
}

div.textFooter
{
	bottom: -38px;
	position: relative;
}

div.textFooter span
{
	margin-left: 8px;
}

#sercom
{
	color: #5C5C5C;
	margin-left: 50px;
}

	#sercom a
	{
		color: #5C5C5C;
		text-decoration: none;
	}
	
	#sercom a:hover
	{
		color: #5C5C5C;
		text-decoration: none;
	}
	/* Mapa creado por Ivan Capacete el 16/01/09*/
	#contenedor_mapa{border-width: thin;border-color:#262626;border-style: solid;clear:both;width:516px;height:381px;margin:20px 0 40px 220px;
	background: url(../img/mapa.png) no-repeat;}
	
	/**/
	
#sentencias
{
	margin-top: 70px;
}

#linia5
{
	background: url(../img/linea5.gif) no-repeat;
	padding-left: 25px;
}
#linia3
{
	background: url(../img/linea3.gif) no-repeat;
	padding-left: 25px;
}

#ferrocarriles
{
	background: url(../img/ferrocarriles.jpg) no-repeat;
	padding-left: 35px;
}

.abogados_accidentes
	{
	font-size: 40px;
	font-weight: bold;
	display:inline;
	}
	
.barcelona
	{
	margin-left:10px;
	font-size: 24px;
	color: #FFC002;
	display:inline;
	}