/* ================================================================ 

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:30px; margin:0; width:190px; position:relative;  border:2px solid #fff; border-width: 0; z-index:100; left:0px;

	top: 15px;	}/*edicion del marco del fondo*/

#penu ul {list-style-type:none; padding:20px; 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;}