.Estilo1 {
	font-family: Cezanne;
	font-size: 24px;
	color: #FFCC00;
}
	.Estilo2 {
	color: #FFFF66;
	font-family: Cezanne;
	font-size: 14px;
	}

a:visited {
	text-decoration: none;
	color: #330000;
}
a:hover {
	text-decoration: none;
}
a:active 
	text-decoration: none;

.Estilo1 {
	font-family: Cezanne;
	font-size: 24px;
	color: #FFCC00;
}
	.Estilo2 {
	color: #FFFF66;
	font-family: Cezanne;
	font-size: 14px;
	}
	.centrar {
height: 150px;
width: 300px;
margin-right: auto;
margin-left: auto;
background-color: #393;
}

.Estilo1 {
	font-family: Cezanne;
	font-size: 24px;
	color: #FFCC00;
}
	.Estilo2 {
	color: #FFFF66;
	font-family: Cezanne;
	font-size: 14px;
	}

#Layer8
{
	<style type="text/css">
.centrar 
	position:absolute;
	width:900px;
	height:425px;
	z-index:11;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	background-color: #E1E1C4;
}


a:visited {	text-decoration: none;	color: #330000;}
a:hover {	text-decoration: none;}
a:active {	text-decoration: none;}
body {
	background-color:#F2F2F2;
}
#central{
    position:absolute;
    top:50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
}
#Layer1
{
	
.central 
	position:absolute;
	width:550px;
	height:60px;
	z-index:11;
	top: 50%;
	left:50%;
	margin-right: auto;
	margin-left:auto;
	margin-top:-100;
	overflow: auto;
	background-color:#F2F2F2;;
}

* {
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:50;
padding:0;
}
/* parametros iniciales del contenedor se situa a la izquierda */
.nav1  li {float:LEFT;}
/* parametros iniciales del contenedor 5px afecta a posición del tecto en vertical respecto al cuadro, 12px idem ida y dcha */
.nav1 li a {	background: #006;	color: #FFFFFF;	display: block;	border: 0px solid;	padding: 5px 12px;}
.nav1 li a {
    /*Bordes redondeados*/
    -webkit-border-radius:10px;/*Chrome y Safari*/
    -moz-border-radius:10px;/*Firefox*/
    -o-border-radius:10px;/*Opera*/
    border-radius:10px;/*Estandar por defecto*/}
	
	
.nav1 li a {background-image: -webkit-gradient(linear, left top, left bottom, from(#006), to(#C6C6FF)) ;/*Para chrome y Safari*/
    /*Degradados*/
    background-image: -moz-linear-gradient(top center, #006, #C6C6FF, #006 );/*Para Firefox*/
    background-image: -o-linear-gradient(top,  #006, #C6C6FF, #006);/*Para Opera*/
    background-image: -linear-gradient(top,  #006, #C6C6FF, #006);/*El estandar por defecto*/
    overflow:hidden;}
	
/* parametros iniciales de la flecha de 15 px de tamaño a 6px px del recuadro de texto anterior */
.nav1 li .flecha{font-size: 10px;padding-left: 12px;display: none;}

.nav1 li a:not(:last-child) .flecha {display: inline;}
/* parametros del contenedor cuando pasa el raton por encima, "background" es el color de fondo "color " el color del texto */
.nav1 li a:hover {
	background: #C6C6FF;
	color: #006;
}

.nav1 li {position:relative;}

.nav1 li ul {display:none;position:absolute;min-width:140px;}

.nav1 li:hover > ul {display:block;}
/* parametros del 2º contenedor al desplegarse -240 px de la derecha del layer y o px de la parte superior del bloaque de texto*/
.nav1 li ul li ul {right:40px;top:0;}


/* parametros iniciales del contenedor se situa a la izquierda */
.nav2 > li {float:left;}
/* parametros iniciales del contenedor 5px afecta a posición del texto en vertical respecto al cuadro, 12px idem ida y dcha */
.nav2 li a {	background: #999966;	color: #FFFFFF;	display: block;	border: 1px solid;	padding: 5px 12px;}
.nav2 li a {
    /*Bordes redondeados*/
    -webkit-border-radius:10px;/*Chrome y Safari*/
    -moz-border-radius:10px;/*Firefox*/
    -o-border-radius:10px;/*Opera*/
    border-radius:10px;/*Estandar por defecto*/}
.nav2 li a {
	/*Degradados*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCC66), to(#333300));/*Para chrome y Safari*/ 
    background-image: -moz-linear-gradient(top center, #CCCC66, #333300);/*Para Firefox*/
    background-image: -o-linear-gradient(top, #CCCC66, #333300);/*Para Opera*/
    background-image: linear-gradient(top, #CCCC66, #333300);/*El estandar por defecto*/
    overflow:hidden;}
/* parametros iniciales de la flecha de 15 px de tamaño a 6px px del recuadro de texto anterior */
.nav2 li .flecha{font-size: 10px;padding-left: 12px;display: none;}

.nav2 li a:not(:last-child) .flecha {display: inline;}
/* parametros del contenedor cuando pasa el raton por encima, "background" es el color de fondo "color " el color del texto */
.nav2 li a:hover {
	background: #CCCC66;
	color: #000000;
}

.nav2 li {position:relative;}

.nav2 li ul {display:none;position:absolute;min-width:140px;}

.nav2 li:hover > ul {display:block;}
/* parametros del 2º contenedor al desplegarse situa su lado izdo  a -250 px del contenedor superior y su lado dcho a 330 px y o px de la parte superior del bloaque de texto*/
.nav2 li ul li ul {left:-180px; right:335px; top:0;}
body {
	background-color: #F2F2F2;
}