/*
** Etiquetas redefinidas
*/

a img{border:none;}
body {
margin:0.3em;
}


/*
** Clases propias
*/


/*
** Estilos para el margen central
*/
.central
{
	height: auto;
	padding: 0 5px 0 5px;
	color: #005685;
	font-family: Verdana;
	font-size: 12px;
	text-align: justify;
	vertical-align: top;
}

.pie
{
	height: 20px;
	text-align: center;
	vertical-align: middle;
	display: block;
	background-color: #003663;
	color: white;
	font-family: Verdana;
	font-size: 12px;
}
/* Aquí defino el aspecto de los menús*/
.Familias {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:600;
	font-variant: small-caps;
	border-color:#003366;
	border-top-width:1px;
	border-top-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	cursor: pointer;
	color:#FFCC33;
}

.MenuIzq {
	display:block;
	width:112px;
	height:32px;
	cursor:pointer;
}


/* Estos dos son los estilos que se aplican a los botones del menú superior*/

.MenuSuperior{
	display: block;
	color:#003366;
	font-size:12px;
	border-left-color:#333366;
	border-left-style:solid;
	border-left-width:thin;
	width:112px;
	height:33px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	}

/*Defino el fondo del boton si está seleccionada su familia*/

.MenuSuperiorPuls{
	display: block;
	color:#000066;
	border-left-color:#333366;
	border-left-style:solid;
	border-left-width:thin;
	font-size:12px;
	width:113px;
	height:33px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	}

/*En este punto defino mediante css los desplegables de la parte superior*/
	
ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color:#003366;
	background-image:url(../../imagenes/ddbg3.gif);
}

#nav a {
	color:#003366;
	text-decoration: none;
	width:17em;
}


/*Aquí se definen el color, tipo de letra, etc, de las distintas opciones de los submenús
también define el color de fondo de dichos submenús*/

#nav li li a {
	display: block;
	color:#FFFFCC;
	background-color:#003366;
	padding: 0.2em 10px;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

#nav li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #003366;
	background-color:#EEFFFF;
	border-width: 0 5px;
	color:#003366;
	cursor: pointer;
}

li {
	float: left;
	position: relative;
	vertical-align:middle;
	text-align: center;
	font-weight:800; /*Aquí se define el peso de la fuente de las familias del menú superior*/
	z-index:5;
}

li div {cursor:pointer;}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: transparent;
	padding: 0.5em 0 1em 0;
	}

li>ul {
	top: auto;
	left: auto;
}

/*Este estilo define las características de las opciones del desplegable*/

li li {
	display: block;
	float: none;
	z-index:5;
	width:19em;
	color:#33FF66;
	font-size:11px;
	font-weight:600;
	background-color: transparent;
	border-bottom-style:ridge;
	border-bottom-color:#CCCCCC;
	border-bottom-width:thin;
}

li:hover ul, li.over ul{
display: block;
}


/*Redondeo las esquinas del menú*/

div#fondomenu{ margin: 0 ;background:#003663}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #003663}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/*Construyo el menú de la derecha*/
div#MenuDer{ margin: 0 ;}
b.mtop, b.mbottom{display:block;background: #003366}
b.mtop b, b.mbottom b{display:block;height: 1px;
overflow: hidden; background-color:#AAEEFF;}
b.m1{margin: 0 5px}
b.m2{margin: 0 3px}
b.m3{margin: 0 2px}
b.mtop b.m4, b.mbottom b.m4{margin: 0 1px;height: 2px}