* {
	font-family    : Verdana, Arial, Helvetica, sans-serif;
	font-size      : small;
	text-decoration: none;
	color          : black;
}

label {
	cursor: pointer;
}

input.text, textarea {
	border: 1px solid silver;
}

input.btn {
	border    : 1px solid silver;
	cursor    : pointer;
	background: #FF9900;
}

a {
	text-decoration: underline;
	color          : blue;
}

a img {
	border: none;
}

ul, li {
	list-style-type: none;
	padding        : 0;
}

ul ul {
	position: absolute;
}

h1 {
	font-size  : 16px;
	font-family: Arial, 'Times New Roman';
	font-weight: bold;
	color      : #76797c;
}

div.quote {
	width              : 70%; 
	text-align         : right;
	margin-left        : -35px;
	padding-right      : 35px;
	padding-left       : 15%;
	line-height        : 1.7em;
	background-image   : url(ui/rquote.gif);
	background-repeat  : no-repeat;
	background-color   : #eeeeff;
	background-position: bottom right;
}

* html ul ul {
	left: 0;
	top : 20px;
}

body {
	margin: 0;
}

#logo {
	padding: 15px;
}

#menu {
	position  : absolute;
	right     : 15px;
	top       : 4em;
	width     : 200px;
	text-align: right;
	list-style: none;
	color     : #7f7f7f;
}
* html #menu {
	top: 5em;
}
	#menu li {
		color      : #7f7f7f;
		font-weight: bold;
	}
		#menu li a {
			color          : #7f7f7f;
			font-weight    : normal;
			font-size      : 13px;
			text-decoration: none;
		}
		#menu li a:hover {
			color      : #990033;
			font-weight: bold;
		}

#contents {
	position     : relative;
	margin-top   : 5em;
	padding-left : 15px;
	padding-right: 15px;
}
	#contents #sidebar {
		position      : relative; 
		float         : left;
		width         : 200px;
		padding-top   : 5px;
		padding-left  : 5px; 
		padding-bottom: 15px;
		margin-right  : 15px; 
		margin-bottom : 12px;
		border        : 2px solid black; 
		border-bottom : 1px solid silver;
		border-right  : 1px solid silver;
	}
	#sidebar a {
		position: absolute;
		left    : -12px;
		bottom  : -13px;
	}
	#contents #images {
		position    : relative;
		float       : right;
		width       : 500px;
		margin-right: 15px;
		text-align  : center;
	}
		#images #img-desc-cont {
			position      : relative;
			float         : right;
			width         : 500px;
			text-align    : right;
			border-bottom : 2px solid silver;
			padding-bottom: 5px;
			margin-bottom : 5px;
		}
			#img-desc-cont a.pic-arrow {
				position: absolute;
				bottom  : -2em;
			}
			#img-desc-cont #pic-arrowl {
				left:0;
			}
			#img-desc-cont #pic-arrowr {
				right:0;
			}
		#images #img-pics {
			/**/
		}
			#images #img-pics a img {
				padding: 10px 20px 10px 20px;
			}

#breadcrumbs {
	position     : absolute; 
	top          : 15px; 
	right        : 15px;
	width        : 300px;
	height       : 1.5em;
	border-bottom: 2px solid #b2b2b2;
	padding      : 4px;
	padding-left : 20px;
	font-size    : 10px;
	font-weight  : bold;
}
	#breadcrumbs img {
		position: absolute;
		left    : 0;
		top     : 2px;
	}
	#breadcrumbs span {
		color         : #ff9900;
		font-size     : 11px;
		font-weight   : normal;
		text-transform: lowercase;
	}
	#breadcrumbs a {
		font-weight    : normal;
		font-size      : 11px;
		color          : #666666;
		text-transform : lowercase;
		text-decoration: none;
	}
	#breadcrumbs a:hover {
		color: black;
	}

#contact {
	position   : absolute;
	top        : 2.9em;
	right      : 15px;
	width      : 300px;
	height     : 1.5em;
	padding    : 4px;
	text-align : right;
	padding    : 5px;
	text-decoration: none;
}

#contact a {
	text-decoration: none;
	font-size      : 11px;
	font-weight    : bold;
	color          : black;
}

#ticker {
	position        : absolute;
	top             : 75px;
	right           : 140px;
	width           : 120px;
	height          : 90px;
	background-color: #f4f4f5;
	text-align      : center;
	font-size       : 11px;
	overflow        : hidden;
	padding         : 8px;
}
	#ticker img {
		padding-bottom: 5px;
	}

#subnav {
	position   : absolute;
	top        : 100px;
	left       : 15px;
	font-weight: bold;
	/*height     : 20px; so IE doesn't cut #submenu - it appears this is no longer needed*/
}
	#subnav a {
		text-decoration: none;
		color          : black;
	}
	#subnav a:hover, #subnav a.over {
		color: #990000;
	}
	#buttons {
		height       : 30px;
		width        : 300px;
		margin       : 0;
		padding-left : 150px;
		border-bottom: 2px solid silver;
		font-weight  : normal;
		text-align   : right;
	}
		#buttons a {
			position         : absolute;
			top              : -5px;
			height           : 32px;
			width            : 28px;
			background-repeat: no-repeat;
		}
		#feat-asistencia {
			right              : 144px;
			background-position: 0px 0px;
		}
		#feat-asistencia:hover {
			background-position: 0px -32px;
		}
		#feat-catalogo {
			right              : 108px;
			background-position: -28px 0px;
		}
		#feat-catalogo:hover {
			background-position: -28px -32px;
		}
		#feat-boletin {
			right              : 72px;
			background-position: -56px 0px;
		}
		#feat-boletin:hover {
			background-position: -56px -32px;
		}
		#feat-gansolandia {
			right              : 36px;
			background-position: -84px 0px;
		}
		#feat-gansolandia:hover {
			background-position: -84px -32px;
		}
		#feat-idioma {
			right              : 0px;
			background-position: -112px 0px;
		}
		#feat-idioma:hover {
			background-position: -112px -32px;
		}

	* html #submenu-container {
		margin-top:-1.5em !important;
	}
	#submenu-container {
		position  : relative;
		margin-top: -1em;
	}
		* html #submenu {
			margin-left: -20px;
		}
			li.main:hover > ul, li.over ul {
				display    : block;
				width      : 250px;
				margin-left: -8px;
				margin-top : -0.05em;
			}
			li.main, li.over {
				float              : left;
				margin-right       : 0.85em;
				background-image   : url(ui/mnu-sep.gif);
				background-repeat  : no-repeat;
				background-position: 0em 0.6em;
				padding-left       : 8px;
			}
				li.main ul {
					display: none;
				}
				li.main ul, li.over ul {
					background-color : white;
					background-image : url(ui/silverdot.gif);
					background-repeat: repeat-x;
					border-bottom    : 1px solid silver;
					border-left      : 2px solid black;
					border-right     : 1px solid silver;
					padding          : 5px;
					padding-right    : 20px;
					margin-right     : 50px;
					width            : 200px;
				}
					li.main ul li:hover, li.over ul li.hover {
						background-color: #f9f9f9;
						cursor          : pointer;
					}
					li.info, li.info:hover {
						cursor: auto !important;
					}
					li.info {
						color: black;
					}
					li.info:hover {
						color: #990000;
					}
					.catpdf {
						position: absolute;
						bottom  : -12px;
						right   : -12px;
						border  : none;
					}

#footer {
	width     : 100%;
	text-align: center;
	font-size : 10px;
	clear     : both;
}
	#footer p {
		margin-top: 5px;
	}
	#textnav {
		margin          : 0 50px 0 50px;
		padding         : 2px 0 2px 0;
		background-color: #ccccff;
	}
		#textnav a {
			color          : #4c4c4c;
			text-decoration: none;
		}
		#textnav a:hover {
			color: black;
		}
		.menusep {
			display: none;
		}

#map {
	font-size     : 12px;
	width         : 80%;
	margin-left   : 10%;
	padding-bottom: 30px;
}
	#map h2 {
		border-bottom : 1px dotted #a1a5a9;
		padding-bottom: 3px;
		padding-top   : 5px;
		color         : #76797c;
		margin-bottom : .5em;
		font-family   : Arial, Helvetica, sans-serif;
		font-weight   : bold;
		font-size     : medium;
	}
	#map ul.square  {
		list-style-type    : square;
		list-style-position: inside;
		margin             : 0;
		margin-left        : 40px;
		margin-top         : 5px;
		text-indent        : -16px;
	}
		#map ul.square li {
			list-style-type: square;
			padding-top    : .3em;
		}

/* ESTILOS DEL LENGUAJE / LANGUAGE-SPECIFIC STYLES */

		#buttons a {
			background-image : url(ui/feat-strip.gif);
		}