* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFF;
	font-size: 10px;
	text-align: center;
}

/* base */

#base {
	margin: 0 auto;
	text-align: left;
	width: 720px;
}

	a {
		color: #0000FF;
	}
	a:hover {
		color: #114070;
		text-decoration: none;
	}
	a:visited {
		color: #808080;
	}

	hr {
		display: none;
	}
	
	.home-page,
	.news-and-events,
	.offices,
	.mailing-address,
	.contact-us { background-color: #F0F3F4; }
	.areas-of-practice { background-color: #BFD5EA; }
	.firm-profile { background-color: #FFF8DF; }
	.members { background-color: #E6D0CC; }
	.representative-clients { background-color: #A5C075; }
	.publications { background-color: #E0CE87; }
	.correspondents { background-color: #99CCFF; }

/* sección superior */

#sup {
	border-bottom: #959595 2px solid;
	height: 70px;
	margin-bottom: 10px;
	position: relative;
	width: 720px;
}
	#sup  h1 a {
		background: url(../css/sup-h1-a.jpg) no-repeat;
		display: block;
		height: 40px;
		left: 0;
		overflow: hidden; 
		position: absolute;
		text-indent: -1000px;
		top: 15px;
		width: 180px;
	}
	#sup  ul {
		color: #333;
		font: normal 1.1em Arial, Helvetica, sans-serif;
		left: 180px;
		overflow: hidden;
		position: absolute;
		top: 25px;
		width: 540px;
	}
	#sup ul li {
		float: left;
		list-style: none;
		text-align: right;
		width: 180px;
	}
	#sup img#logo {
		display: none;
		/*position: relative;
		top: 13px;*/
	}

/* sección central */

#cen {
	overflow: hidden;
	width: 720px;
}

/* sección izquerida */

#izq {
	float: left;
	width: 180px;
}
	#izq p {
		font: normal 1.1em/125% Arial, Helvetica, sans-serif;
		margin-right: 5px;
		text-align: right;
	}

/* sección derecha */

#der {
	float: right;
	overflow: hidden;
	width: 540px;
}
	#der h1.marca {
		border-bottom: #CCC 2px solid;
		color: #0A2770;
		height: 35px;
		text-indent: -8000px;
	}
	#der div.areas-practice {
		background: #BFD5EA url(../css/der-h1.png);
		margin-left: 20px;
	}
	#der div.firm-profile { 
		background: #FFF8DF url(../css/der-h1.png);
		margin-left: 20px;
	}
	#der div.members { 
		background: #E6D0CC url(../css/der-h1.png);
		margin-left: 20px;
	}
	#der div.representative-clients {  
		background: #A5C075 url(../css/der-h1.png);
		margin-left: 20px;
	}
	#der div.publications { 
		background: #E0CE87 url(../css/der-h1.png);
		margin-left: 20px;
	}
	#der div.correspondents { 
		background: #99CCFF url(../css/der-h1.png);
		margin-left: 20px;
	}
	#der div.news-events,
	#der div.offices,
	#der div.mailing-address,
	#der div.contact-us,
	#der div.thank-you,
	#der div.espanol,
	#der div.misc { 
		background: #F0F3F4 url(../css/der-h1.png);
		margin-left: 20px;
	}


/* sección inferior */

#inf {
	border-top: #0A2770 2px solid;
	padding-top: 10px;
	text-align: right;
}
	#inf p,
	#inf ul {
		color: #0A2770;
		font: normal 1.1em Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		margin-top: 15px;
	}
	#inf ul li {
		border-left: #0A2770 1px solid;
		display: inline;
		list-style: none;
		margin-left: 10px;
		padding-left: 10px;
	}
	#inf #chambers{
		float: right;
		margin: 0 0 10px 10px;
	}
		
/* contenido primario */

#cont-pri {
	float: left;
	margin: 10px 0;
	padding: 0 20px;
}
	#cont-pri div.publi {
		border: #0A2770 1px solid;
		margin-bottom: 10px;
		padding: 10px;
	}
	#cont-pri div.publi h2 {
		border: 0;
		padding: 0;
	}
	#cont-pri h1 {
		color: #0A2770;
		font: normal 2.6em Copperplate, Helvetica, sans-serif;
		margin-bottom: 10px;
	}
	#cont-pri h2 {
		border-left: #0A2770 2px solid;
		color: #658BB6;
		display: block;
		font: bold 1.6em/125% "Trebuchet MS", Helvetica, sans-serif;
		margin-bottom: 10px;
		overflow: hidden;
		padding-left: 10px;
		text-transform: uppercase; 
	}
	#cont-pri h2 small {
		color: #003366;
		font: bold 68.75%/150% Arial, Helvetica, sans-serif;
		text-transform: none; 
	}
	#cont-pri h2 a {
		text-decoration: none;
	}
	#cont-pri h3 {
		color: #9C9C9C;
		font: bold 1.4em/125% Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		text-transform: uppercase; 
	}
	#cont-pri p {
		color: #000;
		font: normal 1.2em/125% Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
	}
	#cont-pri p.breadcrumb {
		font-size: 0.9em;
	}
		#cont-pri p.breadcrumb strong {
			text-transform: none;
		}

	#cont-pri strong {
		color: #0A2770;
		text-transform: uppercase;
	}
	#cont-pri ol,
	#cont-pri ul {
		clear: both;
		color: #133D5E;
		font: normal 1.3em/125% Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		margin-left: 20px;
		overflow: hidden;
	}
	#cont-pri ol li {
		margin: 5px 15px 5px 20px;
		padding-left: 10px;
	}
	#cont-pri ul li {
		list-style-type: circle;
		margin: 5px 15px 5px 20px;
		padding-left: 10px;
	}
	#cont-pri ol ol,
	#cont-pri ul ul {
		font-size: 1em;
	}
	#cont-pri ul.columns {
		overflow: hidden;
	}
	#cont-pri ul.columns li {
		float: left;
		margin: 5px 15px 5px 20px;
		width: 180px;
	}
	#cont-pri ul.note {
		border-bottom: 2px solid #E1E5EE;
		border-top: 2px solid #E1E5EE;
		margin: 0px;
		padding: 10px 0;
	}
	#cont-pri ul.note li {
		background: url(../css/cont-seg-ul-li.gif) no-repeat 0 3px;
		font-size: 1em;
		list-style: none;
		padding: 0 0 10px 22px;
	}
	#cont-pri ul.note li p {
		color: #133D5E;
		font-size: 1em;
	}
	#cont-pri ul.note li strong {
		font-size: 12px;
		text-transform: none;
	}

	#cont-pri ul.nav{
		font-size: 11px;
		overflow: hidden;
		text-align: right;
	}
	#cont-pri ul.nav li {
		display: inline;
		list-style: none;
		margin: 0;
		text-align: center;
	}

	#cont-pri img {
		border: 1px solid #B2B2B2;
		float: left;
		margin: 0px 10px 10px 0;
		padding: 3px;
	}
	#cont-pri img#firma {
		border: none;
		clear: both;
		float: none;
	}

	#cont-pri .small {
		font-size: 0.8em;
	}

	#cont-pri a.button {
		background: #0597DA url(../css/form-button.gif) 0 0 no-repeat;
		border: 0;
		color: #FFF;
		cursor: pointer;
		display: block;
		float: right;
		font: bold 12px/26px Arial, Helvetica, sans-serif;
		height: 25px;
		text-align: center;
		text-decoration: none;
		width: 100px;
	}

/* errores */

#cont-pri div.error {
	border: #DB0404 1px solid;
	margin-bottom: 12px;
	padding: 10px;
	width: 490px;
}
	#cont-pri div.error p {
		color: #DB0404;
	}
	#cont-pri div.error ul {
		color: #DB0404;
		margin: 0;
	}
	#cont-pri div.error ul li:before {
		content: "- ";
	}
	#cont-pri div.error ul li {
		background: none;
		float: none;
		list-style: none;
		margin-left: 10px;
		padding: 0;
	}

/* contenido segundario */

#cont-seg {
	border-left: #CCC 2px solid;
	float: right;
	margin: 10px 0;
	padding-left: 10px;
	width: 168px;
}
	#cont-seg h3 {
		color: #0A2770;
		font: normal 1.8em Copperplate, Helvetica, sans-serif;
		margin-bottom: 10px;
	}
	#cont-seg h3.marca {
		height: 30px;
		text-indent: -8000px;
	}
	#cont-seg ul {
		background: #FFF;
		color: #000;
		font: normal 1.1em/125% Arial, Helvetica, sans-serif;
	}
	#cont-seg ul em {
		color: #808080;
		display: block;
		font-style: normal;
	}
	#cont-seg ul li {
		background: url(../css/cont-seg-ul-li.gif) no-repeat 0 3px;
		list-style: none;
		padding: 0 0 10px 22px;
	}
	#cont-seg ul strong {
		display: block;
		font-weight: normal;
	}

/* menú primario */

#menu-pri {
	font: normal 1.2em Copperplate, Helvetica, sans-serif;
	margin-bottom: 20px;
	text-align: right;
	text-transform: uppercase;
	width: 180px;
}
	#menu-pri a {
		background-color: #FFF;
		border-bottom: #CCC 2px solid;
		color: #0A2770;
		display: block;
		padding: 5px;
		text-decoration: none;
		width: 170px;
	}
	#menu-pri a:hover {
		background-color: transparent;
	}
	#menu-pri li {
		list-style: none;
	}
	#menu-pri li.active a {
		background: transparent;
	}


/* formularios */
form {
	background: #F5F5F5;
	padding: 5px 0;
}

form .error,
form .required {
	border-color: #DB0404;
	color: #DB0404;
}

form button {
	background: #0597DA url(../css/form-button.gif) 0 0 no-repeat;
	border: 0;
	color: #FFF;
	cursor: pointer;
	font: bold 12px/26px Arial, Helvetica, sans-serif;
	height: 25px;
	margin-left: 150px;
	width: 100px;
}
form div {
	margin-bottom: 10px;
	overflow: hidden;
	width: 550px;
}
form fieldset {
	border: none;
}
form label {
	color: #0A2770;
	font: bold 12px/23px Arial, Helvetica, sans-serif;
	float: left;
	margin-right: 10px;
	text-align: right;
	width: 140px;
}
form legend {
	color: #333;
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}
form input,
form select,
form textarea {
	background: #FFF;
	border: #7F9DB9 1px solid;
	color: #333;
	float: left;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	margin-right: 10px;
	padding-left: 4px;
	width: 281px;
}
form input {
	height: 19px;
	padding-top: 4px;
	width: 186px;
}
form input.checkbox {
	background: none;
	height: 14px;
	margin-top: 4px;
	width: 14px;
}
form select {
	background-image: none;
	height: 23px;
	padding: 0;
	width: 80px;
}
form span {
	color: #666;
	font: normal 12px/23px Arial, Helvetica, sans-serif;
}