html * {
	padding: 			0;
	margin:				0;
	text-indent: 		0;
	border:				0;
}

body {
	background: 		#39424d;
	font-size:			76%;
	font-family: 		Arial, Verdana;
	color:				#eee;
}

ul {
	list-style: 		none;
}

#header {
	background: 		url("images/backgroundHeader.gif") repeat-x;
	height: 			140px;
	width: 				100%;
}

a {
	text-decoration: 	none;
	color:				#9aa1ab;
}

a:hover {
	color:				#eee;
}

#header h1  {
	margin-left: 		10px;
	position: 			relative;
	z-index: 			1;
	overflow:			hidden;
	width: 				239px;
}

#header h1 a {
	display:			block;
	width: 				239px;
	height: 			99px;
	background: 		url("images/logo.gif") no-repeat;
	overflow: 			hidden;	
}

#header h1 a span {
	display:none;
}

#header ul {
	position: 			absolute;
	bottom: 			10px;
	right: 				0px;
}

#header ul li {
	float:				left;
	margin-right: 		7px;
	border-right: 		1px solid #9aa1ab;
	padding-right: 		7px;
	line-height: 		1.1em;
	height: 			1.2em;
}

#header ul li.lastChild {
	border: 			none;
	margin: 			0;
	padding: 			0;
}

#header ul li a {
	color:				#9aa1ab;
	text-decoration: 	none;
}

#header ul li a:hover {
	color:				#ccc;
}

#header .wrapper, #footer .wrapper {
	width: 				958px;
	height: 			130px;
	margin: 			auto;
	position: 			relative;
}

#footer .wrapper {
	height: 			44px;			
}

#footer {
	background: 		#252c35;
	height: 			44px;
	width: 				100%;
	clear: 				both;
	margin-top: 		50px;
}

#wrapper {
	width: 				958px;
	margin: 			auto;
	position: 			relative;
	overflow: 			hidden;
	margin-top: 		-9px;
}


hr {
	clear: 					both;
}

#transversalNavigation {
	height: 			4em;
	line-height: 		4em;
	padding-left: 		30px;
	text-transform: 	lowercase;
	color:				#9aa1ab;
}

#transversalNavigation span {
	color:				#eee;
}

#mainContent {
	width: 				660px;
	margin-left: 		266px;
	padding-top: 		1.6em;
}

#mainContent a.directChild {
	display: 			block;
	height: 			4em;
	line-height: 		4em;
	float: 				right;
	padding-right: 		50px;
}

#content {
	width: 				660px;
	background: 		url("images/backgroundContent.gif") repeat-y;
	position: 			relative;
}

#content .middle {
	padding: 			30px 30px 30px 30px;
}

.backgroundContent {
	width: 				660px;
	height:				15px;
	position: 			absolute;
	left: 				0;
}

.down {
	background: 		url("images/backgroundContentDown.gif") no-repeat bottom left;
	bottom:				-2px;
	height: 			18px;
}

.up {
	background: 		url("images/backgroundContentUp.gif") no-repeat top left;
}

.up, .down {
	font-size:			1px;
	line-height: 		1px;
	overflow:			hidden;
}


.column {
	width: 				332px;
}

.text {
	line-height:		1.3em;
	font-size: 			1.1em; 		
}

.text a {
	color:				#90aec8;
}

.text a:hover {
	color:				#eeeeee;
}

.text ul {
	list-style: 		disc;
	margin-left: 		3em;
	margin-bottom: 		2em;
}

.text ul li, .text ol li {
	margin-bottom: 		.6em;	
}

.text ol {
	margin-left: 		3em;
	margin-bottom: 		2em;
}

.text p {
	margin-bottom: 		2em;
	font-size: 			1em;
}

.text h2 {
	color:				#fff;
	text-transform: 	none;	
}

.middle h2 {
	color:				#6687bf;
	font-size: 			1em;
	text-transform: 	uppercase;
	margin-bottom: 		2em;
}

.middle h2 em {
	font-weight: 		normal;
	font-style: 		normal;
	display: 			block;
	color:				#fff;
	font-size: 			1.7em;
	text-transform: 	none;
}

h3 {
	margin-top:			2.2em;
	margin-bottom: 		1em;
	font-size: 			1.3em;
	font-weight: 		normal;
}

.text h3, .text h3 a, .text h3 a:hover {
	color:				#6687bf;
}

acronym, span.definition {
	border-bottom:				1px dotted #aaa;
	cursor: 					help;
	font-style: 				normal;
}

h4 {
	color:				#eee;
	margin-bottom: 		1.2em;
	font-size: 			1.2em;
}

h2 acronym, h2 span.definition, h3 span.definition, h3 acronym {
	border: 				none;
}


#footer , #footer .wrapper address {
	height: 			4.2em;
	line-height: 		4.2em;
	font-style: 		normal;
}
#footer address {
	display:			block;
	position: 			absolute;
	text-align: 		right;
	right: 				0;
	top:				0;
	color:				#9aa1ab;
	text-decoration: 	none;
}

#footer address span {
	margin-right: 		15px;
	color:				#9aa1ab;
}

#footer address em {
	font-style: 		normal;
}

#footer address a {
	margin-right: 		15px;
}

.image div {
	width: 				90px;
	text-align: 		right;
	float: 				right;
	font-size: 			.9em;
}

.image div a {
	text-decoration: underline; 
}

a.button {
	display: 			block;
	height: 			24px;
	width: 				162px;
	background: 		url("images/button.gif") no-repeat;
	color:				#eeeeee;
	text-indent: 		-9999px;
	overflow:			hidden;
}

body.en a.button {
	background: 		url("images/getInfo.gif") no-repeat;
}

a.button span {
	display:			none;	
}

div.edicionEnLinea {
	position: 			absolute;
	padding:			5px;
	border:				1px solid #333;
	top:				20px;
	left:				20px;
}

div.edicionEnLinea a:hover {
	text-decoration: 	underline;
}

a.edicionActivada {
	color:				green;
}

a.edicionDesactivada {
	color:				white;
}

.text ul li .icono {
	display: 			block;
	text-align:			right;
	margin-top: 		10px;
	margin-right: 		20px;
}

a.moreInfo {
	display: 			block;
	margin-bottom: 		30px;
	text-decoration: 	underline;
}

#header .accesLink {
	position: 			absolute;
	top:				10px;
	right: 				0px;
	text-transform: 	lowercase;
}

#header .accesLink span {
	display: 			none;
}

kbd {
	border:1px solid #666666;
	font-size:1em;
	line-height:2em;
	padding:0.2em 0.6em;
	text-align:center;
}

#mainNavigation {
	width: 				226px;
	background: 		url("images/backgroundNavigation.gif") repeat-y;
	float: 				left;
	position: 			relative;
}


#mainNavigation li {
	margin: 			1em 0 0 0;
	padding-left: 		10px;
}

#mainNavigation li li {
	margin: 			0;
	padding-left: 		0;
}

#mainNavigation h2 {
	font-size: 			1.4em;
	color:				#eee;
	text-transform: 	lowercase;
	padding-bottom:		.3em;
	border-top:			1px solid #4d5967;
	width: 				190px;
	padding-top: 		.6em;
	position: 			relative;
	font-weight: 		normal;
	background-repeat: 	no-repeat;
	height: 			60px;
	overflow: 			hidden;
	z-index: 			1;
	font-size: 			.5em;
}

#mainNavigation h2 a {
	display: 				block;
	height: 				60px;
	overflow: 				hidden;
	background-repeat: 		no-repeat;
	background-position: 	0px 0;
}

#mainNavigation .services h2 a {
	background-position: 	0px -70px;
}
#mainNavigation .tools h2 a {
	background-position: 	0px -140px;
}
#mainNavigation .webLaw h2 a {
	background-position: 	0px -210px;
}
#mainNavigation h2 a span {
	display:none;
}


body.es #mainNavigation h2 a {
	background-image: 		url("images/spriteLeftMenu.gif");
}

body.en #mainNavigation h2 a {
	background-image: 		url("images/spriteLeftMenuEN.gif");
}

#mainNavigation a {
	color:			#eee;
}

#mainNavigation li.lastChild h2 {
	margin-bottom: 			1em;
}

#mainNavigation li.lastChild {
	border: 		none;
	background: 	url("images/backgroundNavigationBottom.gif") left bottom no-repeat;
	padding-bottom: 28px;
}

#mainNavigation .firstChild {
	background: 		url("images/backgroundNavigationTop.gif") left top no-repeat;
	margin:				0;
	padding-top:		28px; 		
}

#mainNavigation ul li, #mainNavigation ul li.firstChild  {
	width:			168px;
	color:			#eee;
	padding-left: 	26px;
	/*margin-bottom:	.2em;*/
	display:		block;
	background: 	url("images/dot.gif") 3px 3px no-repeat;
}

#mainNavigation ul li.firstChild {
	padding-top: 		0;
	margin-top: 		10px;
}

#mainNavigation h2 span.folding {
	display: 		block;
	width: 			20px;
	height: 		20px;
	position: 		absolute;
	top:			7px;
	left:			0;
	cursor: 		pointer;
}

#mainNavigation .firstChild h2 {
	border: 			none;
}