body {
	margin:0;
	padding:0;
	height:100%;
}

html {
	width:100%;
	height:100%;
	text-align:center;
	behavior:url("csshover.htc");
	background-image: url(images/background.jpg);
	background-repeat: repeat-y;
	background-position: center;
	}
	
#logoinicio {
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	z-index:15;
}
	
#principal {
	margin-left: auto;
	margin-right: auto;
	width:950px;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
}
	
#cabecera {
	margin-left: auto; 
	margin-right: auto;
	width:950px;
	height:330px;
	z-index:8;
	}
	
#fotocab {
	position:absolute;
	z-index:0;
	margin-left: auto; 
	margin-right: auto;
	background-color:#FFFFFF;
	width:950px;
	height:330px;
	top:0px;
}

#columna_izquierda {
	position:absolute;
	clear:both;
	width: 155px;
	margin-left:0px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#FFF;
	text-align:right;
}

#columna_doble {
	position:absolute;
	float:left;
	width: 613px;
	margin-left:167px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#FFF;
}

#columna_derecha {
	position:relative;
	float:right;
	width:151px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#FFF;
}

#titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 140%;
	font-weight: bold;
	color: #660066;
}

#subtitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 140%;
	font-weight: normal;
	color: #1D1E28;
}

#texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	font-weight: normal;
	color: #000;
	padding-top:10px;
}

#texto ul, #texto ul li, #texto ul li ul, #texto ul li ul li {
	display:block;
	width:100%;
	list-style-position:outside;
	clear:left;
	border:none;
	background:none;
	position:relative;
	padding:0;
	margin:0;
	list-style-type: circle;
	visibility: visible;
}

#titulo_destacado, #titulo_destacado a:link, #titulo_destacado a:active, #titulo_destacado a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 140%;
	font-weight: bold;
	color: #660066;
	padding-top:10px;
	text-align:left;
	text-decoration: none;
}

#titulo_destacado a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 140%;
	font-weight: bold;
	color: #993399;
	padding-top:10px;
	text-align:left;
	text-decoration: none;
}

#texto_destacado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 140%;
	font-weight: normal;
	color: #000;
	padding-top:10px;
	text-align:left;
}

#footer {
	position: absolute;
	width:950px;
	margin-left: auto; 
	margin-right: auto;
	bottom: 0;
	background-color: #464F68;
	text-align: center;
}

#subopciones, #subopciones a:link, #subopciones a:active, #subopciones a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 140%;
	font-weight: bold;
	color:#660066;
	text-decoration: none;
}

#subopciones a:hover {
	color: #993399;
	text-decoration: underline;
	}

/* Estilos del menú para mostrar y ocultar las opciones */

#menu {
	position:relative;
	left:25px;
	top:100px;
	/*width:770px;*/
	text-align: center;
	z-index:8;
	font-family:Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	line-height:normal;
}

/*#menu ul li {float: left; width: 100%;}*/
#menu ul li a {height: 1%;} 

#menu a {
	color:#FFF;
	text-decoration: none;
	cursor: hand;
}

#menu a:hover {
		background-color:#AB4B9C !important;
		color:#FFFFFF !important;
	}

ul,li { /* quita los margenes y los simbolos a la lista */
	display:block;
	margin:0;
	margin-left:5px;
	padding:1px;
	padding-right:5px;
	padding-left:5px;
	float:left;
	}
	
#sub { /* quita los margenes y los simbolos a la lista para los elementos de los submenus */
		display:block;
		margin:0;
		padding:0px;
		padding-right:0px;
		padding-left:0px;
		border:0;
		clear:both;
		width: 100%;
	}	
	
ul {
	/*width:140px;*/
	list-style:none;
	}	
	
ul li { /* estilo para ul seguido de li */
	position:relative;
	padding:1px;
	}
	
li ul {
	position:absolute;
	left:0px;
	top:14px;
	padding:1px;
	background-color:#993999;
	border: 1px solid #993999;
	text-align: left;
	width:120px;
}

li ul li ul { position:absolute; left:100px; top:0px; }

li>ul { /* estilo para li que tenga de child un ul NO SOPORTADO POR IE*/
	left:0px;
	top:15px;
	width:120px;
	padding:1px;
	background-color: #660066;
	border: 1px solid #660066;
}

li a {
	display:block;
	margin:0;
	padding:1px;
	padding-right:5px;
	padding-left:5px;
	border:0;
	}

	
/* estilos con especificidad
	aquí se define los estilos para encender y apagar las capas y se ordenan por la especifidad de los nombres
	http://www.w3.org/TR/CSS2/cascade.html#specificity
	ul ul = 2 , li:hover ul ul =13 , li:hover li:hover ul ul = (11+11+1+1) = 24;
	li:hover ul =12 , li:hover li:hover ul = 23 , li:hover li:hover ul ul = (11+11+11+1) = 34
	Así prevalecen unos estilos sobre otros
	Aquí podemos tener hasta 3 subniveles
*/
	
ul ul, li:hover ul ul, li:hover li:hover ul ul{ 
		display:none;
	}
	
li:hover ul, li:hover li:hover ul, li:hover li:hover li:hover ul{
		display:block;
	}