@charset "UTF-8";
/* CSS Document */
div#menu{
	width:649px;
	height:75px;
	margin:0;
	background-image:url(../img/fm2.jpg);
	background-repeat:repeat-x;
}
div#menu div#espacio1{
	width:20px;
	height:43px;
	margin:0;
	background-image:url(../img/fm1.jpg);
	background-repeat:no-repeat;
	float:left;
}
div#menu div#botonera{
	width:629px;
	height:43px;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}
ul#principal {
list-style:none;
margin:0;
padding:0;
}
#principal li{
width:auto;
float:left;
margin: 0;
}
#principal li a{
display:none;
}
#principal li #perro{
display:block;
width:100px;
height:43px;
margin:0;
padding:0;
float:left;
background-image:url(../img/btn_perro.jpg);
background-repeat:no-repeat;}
#principal li #perro:hover{
background-image:url(../img/btn_perro2.jpg);
background-repeat:no-repeat;
}
#principal .activo #perro{
background-image:url(../img/btn_perro2.jpg);
background-repeat:no-repeat;
}
#principal li #gato{
display:block;
width:100px;
height:43px;
margin:0;
padding:0;
float:left;
background-image:url(../img/btn_gato.jpg);
background-repeat:no-repeat;}
#principal li #gato:hover{
background-image:url(../img/btn_gato2.jpg);
background-repeat:no-repeat;
}
#principal .activo #gato{
background-image:url(../img/btn_gato2.jpg);
background-repeat:no-repeat;
}
#principal li #otro{
display:block;
width:128px;
height:43px;
margin:0;
padding:0;
float:left;
background-image:url(../img/btn_otros.jpg);
background-repeat:no-repeat;}
#principal li #otro:hover{
background-image:url(../img/btn_otros2.jpg);
background-repeat:no-repeat;
}
#principal .activo #otro{
background-image:url(../img/btn_otros2.jpg);
background-repeat:no-repeat;
}
#principal li #variedad{
display:block;
width:100px;
height:43px;
margin:0;
padding:0;
float:left;
background-image:url(../img/btn_curiosidades.jpg);
background-repeat:no-repeat;}
#principal li #variedad:hover{
background-image:url(../img/btn_curiosidades2.jpg);
background-repeat:no-repeat;
}
#principal .activo #variedad{
background-image:url(../img/btn_curiosidades2.jpg);
background-repeat:no-repeat;
}
#principal li #clasi{
display:block;
width:111px;
height:43px;
margin:0;
padding:0;
float:left;
background-image:url(../img/btn_clasificados.jpg);
background-repeat:no-repeat;}
#principal li #clasi:hover{
background-image:url(../img/btn_clasificados2.jpg);
background-repeat:no-repeat;
}
#principal .activo #clasi{
background-image:url(../img/btn_clasificados2.jpg);
background-repeat:no-repeat;
}
#principal li #progra{
display:block;
width:90px;
height:43px;
margin:0;
padding:0;
float:left;
background-image:url(../img/btn_programas.jpg);
background-repeat:no-repeat;}
#principal li #progra:hover{
background-image:url(../img/btn_programas2.jpg);
background-repeat:no-repeat;}
#principal .activo #progra{
background-image:url(../img/btn_programas2.jpg);
background-repeat:no-repeat;
}
#principal li:hover > ul { 
display:block;}
#principal li:hover > ul { 
display:block;}
#principal .activo ul{
display:block;}
#principal .apagado ul{
display:none;}
#principal li ul{
background-color:#333333;
display:none;
list-style:none;
margin:0;
padding:0;
position:absolute;
top:43px;
}
.orden1{
z-index:2;}
.orden2{
z-index:3;}
.noorden{
z-index:0;}
#principal li #sub1{
width:520px;
padding: 0 0 0 20px;}
#principal li #sub2{
width:430px;
margin:0 0 0 -70px;
padding: 0 0 0 90px;}
#principal li #sub3{
width:340px;
margin:0 0 0 -170px;
padding: 0 0 0 185px;}
#principal li ul li{
margin:0;
padding:8px 10px 0 10px;
float:left;
}
#principal li  ul li a{
display:block;
text-decoration:none;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;}
#principal li  ul li .actual{
color:#FF6699;
}