/* MENU TOP */

.home{
width:25px;
height:25px;
margin-top:5px;
padding-left:4px;
padding-bottom:5px;
 border: 1px solid #888;
}

.menu ul {
font-size: 11px;
list-style-type: none; 
list-style-position: inside;
width: 100%;
position: absolute; 
top: 66px; 
left: 33px;
}

.menu li {
float: left;
list-style-type: none;  
list-style-position: outside;
font-size: 11px; 
margin-left:1px;
}

.menuprinc a { 
padding:0px;
margin: 0 1px;
text-align: center;
vertical-align: middle;
border: 1px solid #888;
width: 74px;	   /* largeur du bouton, que vous pouvez changer a loisir */
height: 30px;
float: left;
display: block;
text-decoration: none;
color: #000;
background: #fff;
}

.activesellos:link{
background-color:#cccc99;
}

.menuprinc a:hover {
 background: #cccc99;
}

.menuprinc a:visited {
text-decoration: none; 
     }

.menuprinc a:active {
     background: #cccc99;
     border: 1px solid #CDCDCD; 
     color: #fff;
     }

.menuprinc a span {     /* definition de la balise <span> inclue dans <a> */
display: none;
}

.menuprinc a div {     /* definition de la balise <div> inclue dans <a> */
display: none;
}

.menuprinc a dd {     /* definition de la balise <dd> inclue dans <a> */
display: none;
}

.titulospan{
font-size:14px;
font-weight:bold;
text-transform:uppercase; 
}

.menuprinc a:hover span{   /* definition de la balise <span> au survol */
display: block;
position: absolute;
top: 39px;
left: 218px;
width: 706px;       /* largeur de la zone de commentaires, selon la taille du menu */
height: 70px;
text-align: left;
color: #000;
border:2px solid #CCCC99;
background: #e9e9b9;
padding:10px 10px 10px 10px;
}

.menuprinc a:hover div{   /* definition de la balise <span> au survol */
display: block;
position: absolute;
top: 138px;
left: -33px;
width: 252px;       /* largeur de la zone de commentaires, selon la taille du menu */
height: auto;
text-align: left;
color: #000;
background: #fff;
}

.menuprinc a:hover dd{   /* definition de la balise <dd> au survol */
display: block;
position: absolute;
top: 138px;
left: -33px;
width: 252px;       /* largeur de la zone de commentaires, selon la taille du menu */
height: auto;
text-align: left;
color: #000;
background: #fff;
}

.menuprinc a:hover ul{   /* definition de la balise <span> au survol */
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 252px;       /* largeur de la zone de commentaires, selon la taille du menu */
height: auto;
min-height: 600px;
text-align: left;
color: #000;
background: #fff;
}

.menuprinc a:hover li{   
list-style-type: circle;
list-style-position: inside;
font-size: 10px;
margin-bottom:7px;	
}

.d1 li{   
clear:left;
list-style-type: circle;
list-style-position: inside;
font-size: 10px;
margin-bottom:7px;	
padding:1px;
color:#000;
}

/* MENU IZQUIERDA */

#leftmenu ul{
font-size: 10px;
list-style-type: none; 
list-style-position: inside;
width: 250px; 
}

#titulolista{
font-weight:bold;
list-style-type:none;
font-size:12px;
}

#titulolistasellos, #titulolistanormativa, #titulolistalegislacion, #titulolistaservicios{
font-weight:bold;
list-style-type:none;
font-size:12px;
}

#titulolistanormativa{
margin-top:10px;
}

.lista a {
 text-align: left;
 vertical-align: middle;
 text-decoration: none;
 color: #000;
 background: #fff;
 }
	 
.lista li { 
list-style-type: circle;
list-style-position: inside;
font-size: 11px;
margin-bottom:7px;	
} 

.lista a:hover {
background: #cccc99;
}
.lista a:visited {
text-decoration:none;
}

.lista a:active {
background: #cccc99; 
color: #fff;
}

#menuon{
background:#CCCC99;
}

.sublista li{
list-style-type:disc;
margin-left: 35px;
}	

.sublista a:hover {
background: #e9e9b9;
}

#menuon2{
background:#e9e9b9;
}

/*
#9933ff contacto
#3333ff afiliaci—n
#0099ff ex biblioteca OLD
#0099ff pliegos de condiciones
#00ffcc normativa
#00ff33 noticias
#00ff33 descargas
#ccff00 publicaciones y biblioteca
#ffcc00 revista
#ff9900 servicios
#ff6600 madera
#ff0000 sellos
#990000 empresas
#660000 aitim 
 */

/* -------------- menu hover act span ---------------- */

#menu_contacto:hover, #menu_contacto.act, #menu_contacto span{background-color:#9933ff; color:#fff;}
#menu_afiliacion:hover, #menu_afiliacion.act, #menu_afiliacion span{background-color:#3333ff; color:#fff;}
#menu_biblioteca:hover, #menu_biblioteca.act, #menu_biblioteca span{background-color:#0099ff; color:#fff;}
#menu_pliegos:hover, #menu_pliegos.act, #menu_pliegos span{background-color:#0099ff; color:#fff;}
#menu_normativas:hover, #menu_normativas.act, #menu_normativas span{background-color:#00ffcc;}
#menu_noticias:hover, #menu_noticias.act, #menu_noticias span{background-color:#00ff33;}
#menu_descargas:hover, #menu_descargas.act, #menu_descargas span{background-color:#00ff33;}
#menu_publicaciones:hover, #menu_publicaciones.act, #menu_publicaciones span{background-color:#ccff00;}
#menu_revista:hover, #menu_revista.act, #menu_revista span{background-color:#ffcc00;}
#menu_servicios_tecnicos:hover, #menu_servicios_tecnicos.act, #menu_servicios_tecnicos span{background-color:#ff9900;}
#menu_maderas:hover, #menu_maderas.act, #menu_maderas span{background-color:#ff6600;}
#menu_sellos:hover, #menu_sellos.act, #menu_sellos span{background-color:#ff0000; color: #fff;}
#menu_productos_y_empresas:hover, #menu_productos_y_empresas.act, #menu_productos_y_empresas span{background-color:#990000; color:#fff;}
#menu_aitim:hover, #menu_aitim.act, #menu_aitim span{background-color:#660000; color:#fff;}


/* -------------- menu borders ---------------- */

#menu_contacto span{border-color:#9933ff;}
#menu_afiliacion span{border-color:#3333ff;}
#menu_biblioteca span{border-color:#0099ff;}
#menu_pliegos span{border-color:#0099ff;}
#menu_normativas span{border-color:#00ffcc;}
#menu_noticias span{border-color:#00ff33;}
#menu_descargas span{border-color:#00ff33;}
#menu_publicaciones span{border-color:#ccff00;}
#menu_revista span{border-color:#ffcc00;}
#menu_servicios_tecnicos span{border-color:#ff9900;}
#menu_maderas span{border-color:#ff6600;}
#menu_sellos span{border-color:#ff0000;}
#menu_productos_y_empresas span{border-color:#990000;}
#menu_aitim span{border-color:#660000;}

/* -------------- menu activos ---------------- */

#menu_aitim.act,#menu_servicios_tecnicos.act,#menu_sellos.act,#menu_afiliacion.act, #menu_productos_y_empresas.act,#menu_maderas.act,#menu_contacto.act,#menu_biblioteca.act, #menu_pliegos.act
{
	color:#fff; /* texto blanco sobre fondo oscuro */
}

#menu_normativas.act,#menu_revista.act,#menu_publicaciones.act
{
	color: #000; /* texto negro sobre fondo claro */
}