/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#cav {width:504px; height:510px; position:relative; background:url(red_frog.jpg) no-repeat 0px 160px;}
#cav h1 {font-size:40px; color:#d30;}
#cav #content {clear:left; position:relative;  width:250px; z-index:10;}

#penu {list-style-type:none; padding:0; margin:0; width:190px; position:relative;  border:2px solid #fff; border-width:1 1px 1px; z-index:100; left:0px;
	top: 15px;	}/*edicion del marco del fondo*/
#penu ul {list-style-type:none; padding:0; margin:0;}
#penu li {
	float:left;
	position:relative;
	background-color: #43729E;
	border-top-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	
}

#penu li.sub {
	
	background-color: #333333;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
}

#penu li, #penu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:180px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:15px;}


#penu ul,
#penu li:hover ul ul,
#penu li:hover ul li:hover ul ul {display:none;}

#penu li:hover {color:#ff0; z-index:500;}

#penu li:hover ul {display:block; height:150px;}
#penu li:hover ul li:hover ul, 
#penu li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:12px; top:10px; border:1px solid #fff; border-width:0 1px 1px; height:auto;}

#penu li:hover ul li.fly {
	background-color: #43729E;
	background-repeat: no-repeat;
	background-position: right top;
	
}
#penu li:hover ul li:hover {
	
	color: #CCCCCC;
	font-size: 10px;
	background-image: url(menu.jpg);
}

#penu li:hover ul li:hover ul li {background:#c60;}
#penu li:hover ul li:hover ul li.hover ul li {background:#780; z-index:500;}

#penu li:hover ul li:hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#penu li:hover ul li:hover ul li:hover {z-index:500; background:#fa4;}
#penu li:hover ul li:hover ul li:hover a {color:#000;}

#penu li:hover ul li:hover ul li:hover ul li:hover {background:#000;}
#penu li:hover ul li:hover ul li.hover ul li:hover a {color:#fff;}

#cav img {display:block; float:right;}
#cav p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}