/* CSS Document */

a:link{ color:#669900; text-decoration:none;}
a:visited{color:#6699CC; text-decoration:none;}
a:hover{ color:#0000FF; text-decoration:none;}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menuv {
	position: absolute;
	left: 16px;
	top: 191px;
	height: 91px;
	width: 156px;
	visibility: visible;
/*top: 190px;
left: 3px;
width: 166px;*/
}

#menuv dt {
cursor: pointer;
background: #A9BFCB;
height: 20px;
line-height: 20px;
margin: 2px 0;
border: 1px solid gray;
text-align: center;
font-weight: bold;
}

#menuv dd {
	position: absolute;
	z-index: 100;
	left: 129px;
	margin-top: -1.4em;
	width: 85px;
	background: #A9BFCB;
	border: 1px solid gray;
	top: 35px;
	height: 57px;
	background-color: #99CCFF;
}

#menuv ul {
padding: 2px;
}
#menuv li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menuv li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menuv li a:hover {
text-decoration: underline;
}

#menu ul {
font-family:Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
background-color:#0099FF; /*celeste*/
list-style: none;
letter-spacing:2px;
font-size: 11px;
/*font-weight: bold;*/
width: 100%;
height: 18px; 
float: left;
}

#menu ul li {
display: inline;
} 

#menu ul li a:link, #menu ul li a:visited {
background-color: #00CCFF; /*Celeste*/
color: #000;
padding: 5px 15px;
float: left;
text-decoration: none;
}

#menu ul li a:hover, #menu ul li a:active{
color:#FFFFFF;
background-color:#006699;
height: 18px
}

/* CSS from tutorials of www.alsacreations.com/articles */

#otromenu ul, li {	/* use of a list for the menu */
list-style-type:none;	/* suppression of list markers */
/*margin:0;*/
margin-left:1em;
padding:0;
}
#otromenu ul {
	position: absolute;
	top: -2px;
	/*left: 7px;*/
	background: transparent url(../imagenes/girasol2.jpg) top left no-repeat;
	width: 160px;
	padding-top: 57px;
	text-align: center;
	height: 88px;
}
#otromenu li {display: inline;}	/* correctionf or IE5 and IE5.5 */

#otromenu li a {	/* buttons dimensions and definitions */
display: block;	/* A tag place in block to give it dimensions */
height: 30px;
width: 160px;
color:#006699;/*:#FFCC00;/*: #660000;*/
font-size: 11px;
font-variant:small-caps;
font-family:Verdana, Arial, Helvetica, sans-serif;/*: georgia, serif;*/
text-decoration: none;
line-height: 25px;	/* line height to avoid paddings */
}
#otromenu li a:hover {

background: transparent url(../imagenes/girasol2.jpg) top left no-repeat;
color:#FFFF00;/*:#00CC00;/*:#FFCC00;*/
font-variant:small-caps;
font-weight:bolder;
}
a#menu1:hover {	/* offset placement of background for each button */
background-position: 0% -327px;
}
a#menu2:hover {
background-position: 0% -357px;
}
a#menu3:hover {
background-position: 0% -387px;
}
a#menu4:hover {
background-position: 0% -417px;
}
a#menu5:hover {
background-position: 0% -447px;
}
a#menu6:hover {
background-position: 0% -477px;
}
a#menu7:hover {
background-position: 0% -507px;
}