/* Logo */
#navLogo {
    position:			absolute;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	top:				0px;
	left:				0px;
	height:				200px;
	width:				220px;
	border:				0px;
	border-style:		solid;
	border-color:		white;
	border-width:		1px 1px 1px 1px; 
	/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style declaration. The incorrect IE5/Win value is above, while the correct value is below. See http://glish.com/css/hacks.asp for details. */
	voice-family:		"\"}\"";
	voice-family:		inherit;
	height:				200px; /* the correct height */
	z-index:			5;
}


/* Navigation zone */
#navLeft {
	list-style:none;
	position:			absolute;
	width:				202px;
	top:				202px;
	left:				0px;
	background-color:	#005194;
	padding:			10px;
	z-index:			7;	
	/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style declaration. The incorrect IE5/Win value is above, while the correct value is below. See http://glish.com/css/hacks.asp for details. */
	voice-family:		"\"}\"";
	voice-family:		inherit;
	width:				202px;
}

body>#navLeft { /* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct length values to user agents that exhibit the parsing error exploited above yet get the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
	width:				202px;
}

#navLeft ul {
	PADDING: 0px; 
	MARGIN: 0px; 
	LIST-STYLE-TYPE: none;
}
#navLeft li {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 5px;
	
}
#navLeft li li {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 20px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px;
}

#navLeft li  a {
	font:bold 0.8em verdana, arial, helvetica, sans-serif;
	color: white;
}
#navLeft li li a {
	font:bold 0.7em verdana, arial, helvetica, sans-serif;
	color: white;
}

#navLeft li li a:hover, #navLeft li a:hover {
	background-color:#E8B50C;
}

#navLeft li li a:visited, #navLeft li a:visited {
	color: white;
}

/* Usorted menu list */

#navilist, #navilistinfo, #navilistsearch, #navilistoptions {
	list-style:none;
	margin:0;
	padding:0;
}
#navilist li, #navilistinfo li, #navilistsearch li, #navilistoptions li {	
	margin: 0px;	
	padding: 0px;
	border: 0px;	
	LIST-STYLE-TYPE: none;
	/* float:left; */
}

#navilistlang, #navilisthorizaccess {
	list-style:none;
	margin:0;
	padding:0;
}
#navilistlang li, #navilisthorizaccess li {	
	margin: 0px;	
	padding: 0px;
	border: 0px;	
	LIST-STYLE-TYPE: none;
	float:left;
}

#navilisthoriztest {
	list-style:none;
	margin:0;
	padding:0;
}
#navilisthoriztest li {	
	margin: 0px;	
	padding: 5px;
	border: 0px;	
	LIST-STYLE-TYPE: none;
	float:right;
}


/* Footer */
#nav_footer {
	margin:				10px;
	padding:			10px;
	text-align:			center;
	/*
	border-style:		solid;
	border-color:		black;
	border-width:		1px 1px 1px 1px;
	border: 2px gray dotted;
	*/
	  clear: both;
}

#nav_footer_links {
}

/* Language zone */
#navLanguage {
	position:			absolute;
	top:				10px;
	right:				2%;
	text-align:			right;
	z-index:			8;	
}
#navLanguage a, #navLanguage a:link, #navLanguage a:visited  {
	background-color:	#005194;
	color: white;
	font:bold 0.7em verdana, arial, helvetica, sans-serif;
	margin:				0px;
	padding:			0px;
}
.icon {
	border: 0px;
	vertical-align: middle;
	text-align:			right;
	padding:			2px;
}
#navLanguage p  {
	text-align:			right;
}
#navLanguage a:hover {
	color:#005194;
	background-color:#E8B50C;
}

/* Case study */
.casestudy, a.casestudy, a.casestudy:link, a.casestudy:visited {
	background-color:	red;
	color: white;
	font:bold 0.8em verdana, arial, helvetica, sans-serif;
	padding:			5px;
}
a.casestudy:hover {
	color:#005194;
	background-color:#E8B50C;
}

/* Ten Rules */
.tenrules, a.tenrules, a.tenrules:link, a.tenrules:visited {
	background-color:	#005194;
	color: white;
	font:bold 0.8em verdana, arial, helvetica, sans-serif;
	padding:			5px;
	margin-left:		30px;
}
a.tenrules:hover {
	color:#005194;
	background-color:#E8B50C;
}

/* Accesibility zone */
#navAccesibility {
	position:			absolute;
	padding:			10px;
	top:				200px;
	right:				0%;
	text-align:			right;
	z-index:			9;	
}


/* Position zone */
	.pathNav {
	  padding-top: 0px;
	  margin: 0px 0px 0px 135px;
	  text-align:			justify;
	  font: 0.6em verdana, arial, helvetica, sans-serif;
	}

/* Zona de contenidos */

	.cl	{
	  float: left;
	  width: 125px;
	  margin-left: 0px;
	  padding-top: 40px;
	  clear: both;
	}
		
	.cl p {
	  margin: 0;
	}

	.cr {
	  padding-top: 20px;
	  margin: 0px 0px 0px 135px;
	  text-align:			justify;
	}

	.cr p {
	  margin-top: 20px;
	  font:				1em verdana, arial, helvetica, sans-serif;
	  text-align: justify;
	}

/* General Content */
.content {
	position:			absolute; /* Position is declared "relative" to gain control of stacking order (z-index). */
	top:				220px;
	left:				230px;
    width:				60%;
	z-index:			10; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	text-align:			justify;
}


/* Estilos generales */


h1 {
	font:				bold 1em verdana, arial, helvetica, sans-serif;
	padding:			0px 20px 10px 0px;
	color:				#005194;
	text-align:			right;
}

h2 {
	font:				bold 1.2em verdana, arial, helvetica, sans-serif;
	margin:				0px 0px 5px 0px;
	padding:			0px;
	color:				#005194;
}

p{
	font:				1em verdana, arial, helvetica, sans-serif;
	margin:				0px 0px 0px 0px;
	padding:			0px;
	text-align:			justify;
}

li {
	list-style-type:	square;
	margin-left:		-25px;
}

.Text {
	font:				1em verdana, arial, helvetica, sans-serif;
	padding:			20px 0px 0px 0px;
	text-align:			justify;
	}


a {
	color:#005194;
	font-size:1em;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
a:link {color:#005194;}
a:visited {color:#005194;}
a:hover {background-color:#E8B50C;}

.noborder {
	border: 0px;
}
.alignright {
	text-align:			right;
	border: 0px;
}
.textsmall {
	font:				0.7em verdana, arial, helvetica, sans-serif;
	padding:			0px 0px 0px 0px;
	text-align:			left;
}

.conborde {
	border-style:		solid;
	border-color:		black;
	border-width:		1px 1px 1px 1px; 
}
.TitleMap {
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
}
.TDLeftCol {
			float: left;
			width: 45%;
			margin-left: 0px;
			margin-right: 10px;
			font: 0.7em verdana, arial, helvetica, sans-serif;
			
}
.TDRightCol {
			width: 45%;
			margin-left: 10px;
			margin-right: 0px;
			font:	0.7em verdana, arial, helvetica, sans-serif;
			float: right;
}
.floatright {
			float: right;
			margin-left: 10px;
}

KBD {
	BORDER-RIGHT: #aaa 0.25em solid; PADDING-RIGHT: 0.2em; BORDER-TOP: #ccc 0.15em solid; PADDING-LEFT: 0.2em; FONT-WEIGHT: normal; FONT-SIZE: 0.8em; BACKGROUND: #eee; PADDING-BOTTOM: 0.05em; MARGIN: 0px 1px; VERTICAL-ALIGN: text-bottom; BORDER-LEFT: #bbb 0.2em solid; COLOR: #000; LINE-HEIGHT: 2em; PADDING-TOP: 0.05em; BORDER-BOTTOM: #888 0.3em solid; FONT-FAMILY: "Lucida console", Courier, monospace
}

.Destacado {
	border-style:		solid;
	border-color:		black;
	/* border-width:		1px 1px 1px 1px; */
	border:				2px #005194 solid;
	text-align:			center;
	margin-left:		10%;
	margin-right:		10%;
	padding-top:		5px;
	padding-bottom:		5px;
}

.cl ul {
	/* text-indent: -20px;  */
}
.cl ul li {	
	margin-left: -40px;
	border: 0px;	
	LIST-STYLE-TYPE: none;
	font:	0.7em verdana, arial, helvetica, sans-serif;
	text-align: left;
	/* float:left; */
}

.TDMapTitle {
			width: 98%;
			font:	1em verdana, arial, helvetica, sans-serif;
			border-left: 1px black solid;
			border-right: 1px black solid;
			border-top: 1px black solid;
			background-color:#005194;
			color: #FFFFFF;
			font-weight: bold;
			text-align:center;
			vertical-align:middle;
			padding-top: 5px;
			padding-bottom: 5px;
}	  
.TDMapImage {
			width: 98%;
			font:	0.7em verdana, arial, helvetica, sans-serif;
			border-left: 1px black solid;
			border-right: 1px black solid;
			border-bottom: 1px black solid;
			color: #FFFFFF;
			font-weight: bold;
			text-align:center;
			vertical-align:middle;
}	  
.TDMapImage img {
			padding-top: 40px;
			padding-bottom: 40px;
}

.PDFReaderLogo {
			float: center;
			margin-left: 10px;
			margin-right: 10px;
			border: 0px;
			vertical-align:top;
}
.PDFText {
			text-align:center;
}


// Forms

.campo {
	FLOAT: left; 
	BACKGROUND-COLOR: transparent;
	WIDTH: 100%;
	PADDING-TOP: 10px;
}
.etiqueta {
	FLOAT: left; 
	MARGIN: 0px 0px 0px 0px; 
	WIDTH: 120px; 
	PADDING-TOP: 5px
}
.etiquetafecha {
	FLOAT: left; 
	MARGIN: 0px 5% 0px 0px; 
	PADDING-TOP: 3px;
	MARGIN: 0px; 
	WIDTH: 19%;
}
.spaninputfile {
	FLOAT: left
}
.inputfile {
	BORDER-RIGHT: #069 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #069 1px solid; 
	PADDING-LEFT: 0px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: #069 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #069 1px solid
}
INPUT.tiporadio {
	FONT-WEIGHT: normal; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}
.conditiciones {
	FLOAT: left; 
	MARGIN: 0px 20px 0px 45px; 
	PADDING-TOP: 10px;
	WIDTH: 80%;
}