/*
	template: Lawyer&Attorney
	author:   Luka Cvrk (www.solucija.com)
*/

* 
{ 
margin: 0; 
padding: 0; 
}

body 
{ 
font: .74em Tahoma, Verdana, Sans-Serif, Arial; 
background: url(../images/body.gif) repeat; 
color: #7f7f7f; 
}

h1 
{ 
font: normal 3.4em "Trebuchet MS", Helvetica, Arial; 
color: #ffffff; margin: 0 0 15px;
}

h2 
{ 
font: normal 1.8em "Trebuchet MS", Helvetica, Arial; 
color: #ffffff; margin: 0 0 15px;  /* Antes #dfdfdf; */
}

h3
{ 
font: normal 1.4em "Trebuchet MS", Helvetica, Arial; 
margin: 0 0 20px;
}

h4 
{ 
font: normal 1.2em "Trebuchet MS", Helvetica, Arial; 
color: #dfdfdf; margin: 0 0 4px; 
}

p 
{ 
margin: 0 0 15px; 
line-height: 1.6em; 
}

a 
{ 
outline: 0; 
color: #FFFFFF; /* antes #304D6F */
text-decoration: none; 
}

#sede h2
{
  color:888;
}

#sede a:hover
{ 
color: #000000; 
background-color: #FFFFFF;
}

li 
{ 
list-style: none; 
}

hr
{
  color:#CCCCCC;
}

li a, img 
{ display: block; 
}

img 
{ 
outline: 0; 
border: 0; 
}

#wrapper 
{ 
width: 984px; 
margin: auto; 
}

.clr 
{ 
clear: both; 
}

#logo 
{ 
float: left; 
padding: 30px 15px; 
}

#logo h1 a 
{ 
color: #fff; 
}

#logo h1 a span 
{ 
color: #808080; 
}

#menu 
{ 
height: 44px; 
padding: 5px 0 0 4px; 
}

#menu li 
{ 
float: left; font-size: 1.3em; 
t1ext-transform: uppercase; 
}

#menu li a 
{ 
color: #888; 
margin: 0 20px 0 0; /* Antes 0 25px 0 0 */
}

#menu li a.current, #menu li a:hover 
{ 
color: #fff; 
}

#pitch 
{ 
clear: both; 
background: url(../images/pitch.jpg) no-repeat; 
height: 228px; 
margin: 0 0 30px; 
padding: 60px 290px 0 30px; /* 60px 360px 0 30px */
}

#pitch h1 
{ 
font-size: 2.4em; 
color: #304D6F; 
margin: 0 0 20px; 
}

#pitch em 
{ 
font-size: 1.3em; 
font-weight: bold; 
line-height: 1.6em; 
}

.content 
{
background: url(../images/content.gif) repeat; 
padding: 20px; 
}

.link 
{ 
background: #304D6F; 
color: #fff; 
padding: 5px 10px; 
font-size: .9em; 
}

#main 
{ 
padding: 20px; 
}
.col 
{ 
float: left; 
width: 292px; 
margin: 0 30px 15px 0; 
}

.col.last 
{
float: right; 
margin-right: 0; 
}

.case img 
{ 
float: left; 
clear: left; 
margin: 0 20px 20px 0; 
background: #121212; 
padding: 3px; 
}
.short 
{ 
padding: 0 0 15px 0; 
background: url(../images/line.gif) repeat-x left bottom; 
}

.case a, .article a 
{ 
color: #ddd; 
font-weight: bold; 
}

.date 
{ 
font-size: .84em; 
margin: 0 0 3px; 
}

#footer 
{ 
clear: both; background: url(../images/line.gif) repeat-x; 
padding: 20px 20px 10px; 
font-size: .9em; 
}

#footer a 
{ 
color: #ccc; 
margin: 0 10px 0 0; 
border-bottom: 1px dotted #444; 
padding: 0 0 1px; 
}

#links 
{ 
float: right; 
}

#links a 
{ 
margin: 0 0 0 10px; 
}

#footer p 
{ 
margin: 0 0 8px; 
}

/* Listado (Listas en varias columnas) */

.listado ul
{
    margin-left:10px;	
	list-style:none;
	overflow:hidden;
}

.listado li
{
	line-height:20px;
	float:left;
	display:inline;
	margin-bottom: 10px;
	width: 25%; /* Segun el % que metas divide en X columnas: 50% - 2, 33% - 3, 25% - 4 */
}